/* Light surfaces retain Moonka's violet identity and untouched real app screenshots. */
:root[data-theme="light"]{color-scheme:light;--bg:#fbf8ff;--surface:#fff;--text:#30213e;--muted:#685773;--accent:#7646a5;--purple:#8854bb;--line:#58377522}
.theme-toggle{flex:none;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #c9a7f433;border-radius:50%;background:#241b31;color:#dec5f5;cursor:pointer;margin-right:10px}
.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-moon{display:none}[data-theme="light"] .theme-sun{display:none}[data-theme="light"] .theme-moon{display:block}
[data-theme="light"] .theme-toggle,[data-theme="light"] .language-picker select{background:#f0e8f8;border-color:#c9b4dd;color:#69418d}
[data-theme="light"] .brand img{mix-blend-mode:normal}
[data-theme="light"] .nav nav{color:#63516f}
[data-theme="light"] .nav nav a:hover,[data-theme="light"] footer a:hover{color:#653495}
[data-theme="light"] .button{background:#7544a4;color:#fff;box-shadow:0 7px 24px #7544a425}
[data-theme="light"] .button:hover{background:#62328f}
[data-theme="light"] .button.secondary{background:#efe4f9;color:#593078;box-shadow:inset 0 0 0 1px #d7c2e9}
[data-theme="light"] .button.secondary:hover{background:#e5d3f5}
[data-theme="light"] h1 span{color:#8050b0}
[data-theme="light"] .hero-halo{background:radial-gradient(ellipse,#d6b7f15c 0,#f2ddea4d 37%,transparent 67%)}
[data-theme="light"] .starfield i{background:#8b59b4;box-shadow:none}
[data-theme="light"] .starfield i:nth-child(5n){background:#a06ac9;box-shadow:0 0 12px #ac77cd55}
[data-theme="light"] .orbit{border-color:#a783c344}
[data-theme="light"] .orbit-two{border-color:#a783c322}
[data-theme="light"] .orbit-label{color:#786383}
[data-theme="light"] .speech{background:#fff9ffed;border-color:#d9c7e8;color:#4a345c;box-shadow:0 10px 36px #79579316}
[data-theme="light"] .speech strong{color:#725a81}
[data-theme="light"] .floating-note{background:#ffffffed;border-color:#decfea;box-shadow:0 10px 35px #79579318;color:#4a345c}
[data-theme="light"] .note-star{color:#9463bc}
[data-theme="light"] .hero-mascot>img,[data-theme="light"] .season-scene>img{filter:drop-shadow(0 14px 20px #63478026)}
[data-theme="light"] .phone{box-shadow:inset 0 0 0 2px #ffffff16,0 25px 50px #54396c2e}
[data-theme="light"] .availability,[data-theme="light"] .scroll-cue{color:#725f80}
[data-theme="light"] .trust-strip{background:#f0eaf7;color:#604c70}
[data-theme="light"] .visual-caption,[data-theme="light"] .product-visual>p,[data-theme="light"] .screenshot-language{color:#715b81}
[data-theme="light"] .visual-orbit{background:radial-gradient(ellipse,#c6a2e22e,transparent 65%);border-color:#9c77ba22}
[data-theme="light"] .feature{border-color:#d9cbe5}
[data-theme="light"] .feature.active strong{color:#7544a4}
[data-theme="light"] .feature-number,[data-theme="light"] .feature.active .feature-number,[data-theme="light"] .feature-plus{color:#806094}
[data-theme="light"] .feature-tags{color:#765388}
[data-theme="light"] .product-aside{color:#776181}
[data-theme="light"] .seasons-section{background:#f2ecf8;border-color:#ded0ea;--phase-ink:color-mix(in srgb,var(--phase) 55%,#30213e)}
[data-theme="light"] .season-node{background:#fffaff;border-color:#d9c9e6;box-shadow:0 5px 18px #6347800c}
[data-theme="light"] .season-node.selected{background:color-mix(in srgb,var(--phase) 15%,#fff);border-color:var(--phase-ink)}
[data-theme="light"] .season-node.winter{color:#a33b58}[data-theme="light"] .season-node.spring{color:#2c7049}[data-theme="light"] .season-node.summer{color:#865b13}[data-theme="light"] .season-node.autumn{color:#795097}
[data-theme="light"] .scene-star{color:#9871b5}
[data-theme="light"] .phase-counter{color:#776181}
[data-theme="light"] .phase-counter>span:first-child,[data-theme="light"] #phase-label,[data-theme="light"] .phase-tip>span{color:var(--phase-ink)}
[data-theme="light"] .phase-line{background:#b8a4c7}
[data-theme="light"] #phase-description{color:#675473}
[data-theme="light"] .phase-tip{border-color:var(--phase-ink);color:#60496d}
[data-theme="light"] .collection{border-color:#d9c8e5}
[data-theme="light"] .collection p,[data-theme="light"] .season-note{color:#776181}
[data-theme="light"] .collection-stars{color:#8b729c}
[data-theme="light"] .collection-stars .collected{color:color-mix(in srgb,var(--star-color) 55%,#30213e);text-shadow:0 0 14px color-mix(in srgb,var(--star-color) 30%,transparent)}
/* The constellation is intentionally the original night-sky scene in both themes. */
[data-theme="light"] .constellation-reward{color-scheme:dark;--text:#f7f2ff;--muted:#b2aabd;--accent:#c3a0f1;color:var(--text)}
[data-theme="light"] .pause-footnote{color:#776181}
[data-theme="light"] #pause .breath-pattern{color:#77518f}
[data-theme="light"] .breath-ring{border-color:#b78dd250}
[data-theme="light"] .breathing-stage .ring-middle{background:#aa78d00a;border-color:#af87cc44}
[data-theme="light"] .breathing-stage .ring-inner{background:radial-gradient(circle,#b98dde70 0%,#c5a5e33c 62%,#d0b2e61c 100%);border-color:#9265b699;box-shadow:0 0 42px #a57ac429}
[data-theme="light"] .breath-center>span:first-child{color:#8150aa}
[data-theme="light"] .breathing-stage .breath-center>span:last-child{color:#6f507f}
[data-theme="light"] .breath-orbit-dot{background:#9665bd;box-shadow:0 0 25px #ab76cf55}
[data-theme="light"] .privacy-symbol,[data-theme="light"] .privacy-section>.text-link{color:#8151a5}
[data-theme="light"] .privacy-points p{color:#6c5878}
[data-theme="light"] .closing{background:radial-gradient(ellipse at 50% 100%,#decaee70,transparent 70%)}
[data-theme="light"] footer>p:not(.footer-note),[data-theme="light"] footer>div,[data-theme="light"] footer small,[data-theme="light"] .footer-note{color:#776181}
[data-theme="light"] dialog{background:#faf5ff;border-color:#c9afd9;box-shadow:0 20px 100px #37204840}
[data-theme="light"] dialog::backdrop{background:#e9dff0cf}
[data-theme="light"] dialog>button{background:#ede0f7;color:#633d85}
[data-theme="light"] button:focus-visible,[data-theme="light"] a:focus-visible,[data-theme="light"] select:focus-visible{outline-color:#71409f}
/* Group settings so the menu remains comfortable in all three languages. */
.nav-tools{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:16px}.nav-tools .language-picker{margin:0}.nav-tools .theme-toggle{margin:0}

[data-theme="light"] .closing-halo{background:radial-gradient(ellipse,#e7d1f599,transparent 70%);border-bottom-color:#b793ce40}
[data-theme="light"] .closing-ground{background:radial-gradient(ellipse,#72508238,transparent 68%)}
[data-theme="light"] .closing-spark-left{color:#9164b4}
[data-theme="light"] .closing-spark-right{color:#bb873c}

/* One-row header; the same links and controls form the mobile disclosure. */
.nav-panel{display:flex;align-items:center;flex:1;min-width:0;gap:24px;margin-left:32px}
.nav .nav-panel nav{margin:0 auto;white-space:nowrap}
.nav-panel .nav-tools{margin:0;flex:none}
.nav-panel>.button{flex:none;white-space:nowrap}
.nav-settings-label{display:none}
.nav-toggle{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--text);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.nav-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.nav-toggle:focus-visible,.nav-panel a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(min-width:1051px) and (max-width:1200px){.nav-panel{gap:16px;margin-left:24px}.nav .nav-panel nav{gap:18px;font-size:13px}}
@media(max-width:1050px){
 html{scroll-padding-top:88px}
 .nav{height:72px;min-height:72px;padding:0 22px;display:flex;flex-wrap:nowrap;gap:16px}
 .nav .brand{font-size:26px;flex:none}
 .nav .brand img{width:34px;height:34px}
 .nav-toggle{margin-left:auto;flex:none}
 html.js .nav-toggle[aria-expanded="false"] + .nav-panel{display:none}
 .nav-panel{position:absolute;top:100%;left:0;right:0;margin:0;padding:12px 22px 24px;display:flex;flex-direction:column;align-items:stretch;gap:16px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 18px 24px #00000024;max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain}
 .nav .nav-panel nav{display:flex;flex-direction:column;gap:0;margin:0;font-size:18px;white-space:normal}
 .nav-panel nav a{display:flex;align-items:center;min-height:54px;padding:10px 4px;border-bottom:1px solid var(--line)}
 .nav-panel .nav-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-block:8px}
 .nav-settings-label{display:block;flex:1;font-size:13px;color:var(--muted)}
 .nav-panel .theme-toggle{width:44px;height:44px}
 .nav-panel .language-picker select{min-height:44px;min-width:70px;font-size:14px}
 .nav .nav-panel>.button.small{justify-content:center;min-height:48px;font-size:15px;padding:12px 20px;margin:0}
 .nav-panel:not([hidden]){animation:nav-reveal .18s ease-out}
 html:not(.js) .nav{height:auto;flex-wrap:wrap}
 html:not(.js) .nav-panel{position:static;flex-basis:100%;max-height:none;box-shadow:none}
}
@keyframes nav-reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.nav-panel:not([hidden]){animation:none}}

/* Keep the SVG's reserved space while its image loads. */
html.js svg[data-deferred-art]:not(.art-ready){visibility:hidden}
html:not(.js) svg[data-deferred-art]{display:none}

#season-moonka:not([src]){visibility:hidden}