:root{--page:#fff;--panel:#fff;--raised:#f3faf7;--wash:#f1faf7;--accent:#16816b;--bright:#51cbb0;--ink:#193f37;--muted:#526d66;--line:#d6e7e0;--mint:#fff;--sea:#f1faf7;--header:#fffffff5;--primary:#167d68;--primary-ink:#fff;--art:#e0f0e6;--disabled:#e8eeeb;--disabled-ink:#687970;--alert:#ba3c32;color-scheme:light}
:root[data-theme=dark]{--page:#15191b;--panel:#1d2225;--raised:#252b2e;--wash:#191f21;--accent:#dfc698;--bright:#dfc698;--ink:#f3eee4;--muted:#b6b2a9;--line:#ffffff20;--mint:#15191b;--sea:#191f21;--header:#15191bf5;--primary:#dfc698;--primary-ink:#241f17;--art:#d7eadc;--disabled:#343d3d;--disabled-ink:#bdc7c0;--alert:#ffaaa0;color-scheme:dark}
html[data-theme] body{background:var(--page);color:var(--ink)}
html[data-theme] .site-header{background:var(--header);border-color:var(--line)}
.nav-inner{gap:14px}.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.theme-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--raised);color:var(--accent);cursor:pointer}
.theme-toggle:hover{border-color:var(--accent)}.theme-toggle svg{width:20px;height:20px}.theme-sun{display:none}
[data-theme=dark] .theme-sun{display:block}[data-theme=dark] .theme-moon{display:none}
html[data-theme] :is(a,button,input,summary):focus-visible{outline-color:var(--accent)}
html[data-theme] .mobile-nav{background:var(--panel);border-color:var(--line)}
html[data-theme] .menu-toggle{border-color:var(--line);color:var(--ink)}
html[data-theme] .mint-hero{background:radial-gradient(ellipse at 90% 30%,#c4f2e43b,transparent 60%),var(--page)}
html[data-theme=dark] .mint-hero{background:radial-gradient(ellipse at 90% 30%,#dfc69808,transparent 60%),var(--page)}
html[data-theme] .hero-copy h1>span{color:var(--accent)}
html[data-theme] :is(.overline,.story-link){color:var(--accent)}
html[data-theme] :is(.hero-description,.store-note,.scroll-cue,.intro-facts,.story-chapter,.story-small,.story-copy #story-description,.view-controls label,.model-figure figcaption,.body-facts p,.body-controls>span,.body-visual-card>figcaption,.screens-heading>p,.pocket-inner p:not(.overline),.pocket-inner small,.footer-top p,.footer-bottom){color:var(--muted)}
html[data-theme] :is(.intro-facts,.footer-bottom,.scroll-cue>span,.story-link){border-color:var(--line)}
html[data-theme] .intro-facts strong{color:var(--ink)}
html[data-theme] .hero-art{background:var(--art);border-color:var(--line)}
html[data-theme] .hero-art .art-caption{color:#446858}
html[data-theme] .hero-art figcaption{background:var(--panel);border-color:var(--line);color:var(--ink)}
html[data-theme] .hero-art figcaption small{color:var(--muted)}
html[data-theme] .tiny-cross{color:var(--accent)}
html[data-theme] :is(.scroll-story,.screens-section,#faq){background:var(--wash)}
html[data-theme] :is(#features,.pocket-section,.site-footer){background:var(--page)}
html[data-theme] .story-progress{background:var(--line)}
html[data-theme] .story-progress span{background:var(--accent)}
html[data-theme] .model-stage{background:radial-gradient(ellipse,#82d9bc18,transparent 65%)}
html[data-theme] .model-pill{background:var(--panel);color:var(--muted);border-color:var(--line)}
html[data-theme] .view-controls input{accent-color:var(--accent)}
html[data-theme] :is(.view-controls button,.body-buttons button){background:var(--panel);border-color:var(--line);color:var(--ink)}
html[data-theme] :is(.view-controls button,.body-buttons button):hover{background:var(--raised)}
html[data-theme] #features :is(h2,h3,h4){color:var(--ink)}
html[data-theme] #features :is(.grid>div>p,.text-center>p){color:var(--muted)}
html[data-theme] #features .bg-white\/60{border-color:var(--line);background:transparent}
html[data-theme] #features .bg-white\/60>div{background:var(--raised);color:var(--accent)}
html[data-theme] #features #details.body-details{background:var(--raised);border-color:var(--line)}
html[data-theme] :is(.body-visual-card,.body-info-card){background:var(--panel);border-color:var(--line)}
html[data-theme] .upper-body-stage:after{background:linear-gradient(transparent,var(--panel))}
html[data-theme] .body-facts>li{background:var(--raised);border-color:var(--line)}
html[data-theme] .body-facts .fact-mark{background:var(--panel);color:var(--accent)}
html[data-theme] .screenshot-button{background:var(--panel);border-color:var(--line);color:var(--ink)}
html[data-theme] #faq details{background:var(--panel);border-color:var(--line)}
html[data-theme] #faq :is(h2,summary){color:var(--ink)}
html[data-theme] #faq details>div{color:var(--muted)}
html[data-theme] .download-section{background:var(--wash);color:var(--ink)}
html[data-theme] .download-section .overline{color:var(--accent)}
html[data-theme] .download-section p:not(.overline){color:var(--muted)}
html[data-theme] .store-pair .play-badge{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}
html[data-theme] .store-pair .play-badge:hover{filter:brightness(.94)}
html[data-theme] .store-pair .apple-badge{background:var(--disabled);color:var(--disabled-ink);border-color:var(--line)}
html[data-theme] .store-pair .coming-soon{color:var(--alert)}
html[data-theme] .footer-nav a{color:var(--ink)}
html[data-theme] dialog{background:var(--panel)}
html[data-theme] dialog button{background:var(--primary);color:var(--primary-ink)}
html[data-theme] .skip-link{background:var(--panel);color:var(--ink)}
html[data-theme=dark] .model-poster,html[data-theme=dark] .upper-body-poster{mix-blend-mode:normal}
html[data-theme] #features>.max-w-7xl>.text-center>span{color:var(--accent)}
html[data-theme=light] :is(.hero-copy h1,.story-copy h2,#features h2,.screens-heading h2,.pocket-inner h2,#faq h2,.download-section h2){color:#18856f}
html[data-theme=light] .hero-copy h1>span{color:#269d82}
@media(max-width:700px){.nav-inner{gap:10px}.nav-actions{gap:7px}}
@media(max-width:350px){.nav-inner .site-logo{font-size:20px;gap:7px}.nav-inner .site-logo img{width:32px;height:32px}.nav-inner .site-logo small{font-size:6.5px;letter-spacing:1.2px}}
