/* Atmosphere and glass remain animated; foreground colour is theme-owned. */
html[data-theme]{--fluid-panel:rgba(32,32,35,.86)}
html[data-theme=light]{--fluid-panel:rgba(253,253,252,.88)}
html[data-theme] body.portal-view .portal-main .glass,html[data-theme] .memory-panel{background:linear-gradient(125deg,#ffffff0d,transparent 60%),var(--fluid-panel)!important;backdrop-filter:blur(26px) saturate(1.15)!important;-webkit-backdrop-filter:blur(26px) saturate(1.15)!important;box-shadow:inset 0 1px 0 #ffffff30,0 8px 30px #00000009!important}
html[data-theme] .living-background{opacity:.65!important}
html[data-theme=light] .portal-view .living-background{opacity:.5!important}
html[data-theme] :is(.flow-section,.after-scene,.home-collection){background:transparent!important}
html[data-theme] .flow-inner{transition:none!important;will-change:transform,opacity,filter}
html[data-theme] .scroll-scene{opacity:1!important}
.scroll-editorial{pointer-events:none}.scroll-chapter button{pointer-events:auto}.particle-touch-zone{touch-action:pan-y!important}
html[data-theme] .coach-shell{background:radial-gradient(ellipse at 75% 35%,#9fa1aa20,transparent 60%),color-mix(in srgb,var(--page) 90%,transparent)!important}
.app-booting>header,.app-booting>main,.app-booting>nav,.app-booting>.global-experience-controls{visibility:hidden!important}
#startup-screen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#111413;color:#f4f5f0;font:12px Garnet,sans-serif;letter-spacing:.14em}
.startup-mark{font-size:30px}#startup-screen i{height:1px;width:120px;background:linear-gradient(90deg,transparent,#fff,transparent);animation:startup-breathe 1.4s ease-in-out infinite alternate}
@keyframes startup-breathe{from{opacity:.2;transform:scaleX(.4)}to{opacity:1;transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){html[data-theme] .flow-inner{opacity:1!important;filter:none!important;transform:none!important}#startup-screen i{animation:none}}
.quiet-motion .flow-inner{opacity:1!important;filter:none!important;transform:none!important}
.page-head{max-width:680px;margin:15vh auto;padding:24px}.page-head h1{font-size:clamp(30px,7vw,54px);line-height:1.12;overflow-wrap:anywhere}.page-head .pill{display:inline-flex}
@media(max-width:650px){.living-background i{filter:blur(24px)!important}.scroll-scene{contain:strict}}
.test-access-banner{position:fixed;top:0;left:0;right:0;z-index:500;background:#16392b;color:#fff;display:flex;justify-content:center;align-items:center;gap:18px;padding:7px;font:11px sans-serif}.test-access-banner button{color:#fff;background:transparent;border:1px solid #95b8a6;border-radius:20px;padding:5px 12px}#modal-content hr{margin:24px 0;border:0;border-top:1px solid var(--surface-line)}#modal-content a.pill{display:inline-flex;text-decoration:none}
html[data-theme] .living-background i{filter:blur(32px) grayscale(1)!important}
html[data-theme] .voice-controls .pill{border-color:var(--surface-line)!important;box-shadow:inset 0 1px 2px #ffffff22!important}
html[data-theme] .scroll-chapter h1,html[data-theme] .flow-inner h2{font-family:Garnet,sans-serif!important;font-weight:400!important}
html[data-theme] .scroll-chapter p,html[data-theme] .flow-inner p{font-family:'DM Sans',sans-serif!important}
html[data-theme] .test-access-banner{background:#242427}