/* One transparent WebGL sky, shared across all routes. */
.cosmic-sky { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.cosmic-sky canvas { display: block; width: 100%; height: 100%; opacity: .66; }
.cosmic-sky::before { content: ""; position: absolute; inset: 0; opacity: .5; background: radial-gradient(circle at 12% 19%, #c9c3e9 0 1px, transparent 1.8px), radial-gradient(circle at 68% 44%, #819ebf 0 1px, transparent 1.8px), radial-gradient(circle at 32% 75%, #c9c3e9 0 .7px, transparent 1.4px); background-size: 423px 531px, 611px 497px, 383px 673px; }
html[data-sky="webgl"] .cosmic-sky::before { opacity: 0; }
.landing-page > main, .landing-page > .site-footer { position: relative; z-index: 1; }
.af-refresh .app-shell { position: relative; z-index: 1; }
.af-refresh .space-scene { display: none; }
.cosmos-static-stars { display: none; }
@media print { .cosmic-sky { display: none; } }
.af-refresh #mobile-more .af-motion-control { display: flex; width: 100%; min-height: 48px; padding: 12px 16px; }