/* Northern lights span the complete site; readable surfaces sit above them. */
:root { --site-bg:#f7f5ee; --site-panel:#fffefa; --site-soft:#edf1e5; --site-border:#dce2d2; }
html[data-theme=dark] { --site-bg:#0c1917; --site-panel:#152823; --site-soft:#203930; --site-border:#375148; }
body { background:#05231d; isolation:isolate; }
.site-aurora { position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none; background:#001514; }
.site-aurora img { display:block; width:100%; height:100%; object-fit:cover; }
.aurora-canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:0; }
.site-aurora[data-renderer="webgl"] .aurora-canvas { opacity:1; }
.aurora-fallback { position:absolute; inset:-15%; pointer-events:none; opacity:.55; mix-blend-mode:screen;
 background:radial-gradient(ellipse at 20% 23%,#38ff7355,transparent 34%),radial-gradient(ellipse at 82% 24%,#00ccb04a,transparent 35%),radial-gradient(ellipse at 45% 87%,#42fa652c,transparent 20%);
 mask-image:radial-gradient(ellipse 32% 18% at 50% 48%,transparent 85%,#000 150%);
 animation:aurora-sway 12s ease-in-out infinite alternate; animation-play-state:paused;
}
.site-aurora[data-moving="true"] .aurora-fallback { animation-play-state:running; }
.site-aurora[data-renderer="webgl"] .aurora-fallback { visibility:hidden; }
.aurora-toggle { position:fixed; left:18px; bottom:18px; z-index:25; display:grid; place-items:center; width:36px; height:36px; padding:0;
 border:1px solid #d0eee47a; border-radius:50%; background:#052b25ed; color:#f1f8f3; }
.aurora-toggle:hover { background:#205843; border-color:#bbe6ac; }
.aurora-toggle svg { width:14px; height:14px; stroke-width:2; }
.aurora-toggle [data-light-play] { display:none; }
.aurora-toggle[aria-pressed="true"] [data-light-pause] { display:none; }
.aurora-toggle[aria-pressed="true"] [data-light-play] { display:block; }
.aurora-toggle[hidden] { display:none; }
.site-header { background:#faf9f0f2; border-radius:0 0 24px 24px; }
.deck-nav { background:#fffdf5f2; }
.deck-toolbar,.deck-bottom { color:#eff8ed; text-shadow:0 1px 6px #002d23; }
.deck-caption { color:#eff8ed; }
.deck-next-label { color:inherit; }
.deck-stage { background:#fffcf0e8; border-color:#dce8d5b3; box-shadow:0 25px 80px #001e2740; backdrop-filter:blur(18px); }
.deck-panel { background:transparent; }
.site-footer { background:#faf9f0f2; border-radius:24px 24px 0 0; margin-top:25px; }
.hero-visual { box-shadow:0 16px 40px #163b3021; }
html[data-theme=dark] .site-header,html[data-theme=dark] .site-footer { background:#112a23f2; }
html[data-theme=dark] .deck-nav { background:#112a23f0; }
html[data-theme=dark] .deck-stage { background:#10281fdc; border-color:#75938666; }
html[data-theme=dark] .deck-panel { background:transparent; }
@keyframes aurora-sway { from { transform:translate(-2%,-2%) skewX(-5deg); opacity:.35; } to { transform:translate(3%,2%) skewX(6deg); opacity:.7; } }
@media (max-width:740px) { .aurora-toggle { left:12px; bottom:14px; } .site-header { border-radius:0 0 18px 18px; } }
@media (prefers-reduced-motion:reduce) { .aurora-fallback { animation:none; } .aurora-toggle { display:none; } }