html { background-color: #edf2f6; }
html[data-theme="dark"] { background-color: #192c38; }
html[data-marsa-transit]::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2147483646;
  pointer-events: none;
  background: radial-gradient(ellipse at 16% 130%, #3f738750 0 32%, transparent 32.3%), radial-gradient(ellipse at 78% -80%, #ffffff70 0 55%, transparent 55.3%), #edf2f6b8;
  backdrop-filter: blur(16px) saturate(.75);
  -webkit-backdrop-filter: blur(16px) saturate(.75);
}
html[data-theme="dark"][data-marsa-transit]::after {
  background: radial-gradient(ellipse at 16% 130%, #59869435 0 32%, transparent 32.3%), radial-gradient(ellipse at 78% -80%, #adc5d515 0 55%, transparent 55.3%), #192c38bf;
}
html[data-marsa-transit="leaving"]::after { animation: marsa-tide-out 160ms ease-out both; }
html[data-marsa-transit="entering"]::after { animation: marsa-tide-in 320ms cubic-bezier(.2,.65,.3,1) both; }
@keyframes marsa-tide-out { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes marsa-tide-in { from { opacity: .85; transform: none; } to { opacity: 0; transform: translateY(-22px); } }
@media (prefers-reduced-motion: reduce) { html[data-marsa-transit]::after { display: none; animation: none; } }
@supports not (backdrop-filter: blur(1px)) { html[data-marsa-transit]::after { backdrop-filter: none; } }