:root{color:var(--app-text,#f2f0ec);background:var(--app-bg,#050608);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Serif SC,serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background:#000;overflow:hidden}button,input,textarea,select{font:inherit}.app-shell{--frame-gap:22px;min-height:100vh;color:var(--app-text);background:radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--app-accent-soft) 16%, transparent), transparent 34%), radial-gradient(circle at 80% 35%, color-mix(in srgb, var(--app-accent) 11%, transparent), transparent 26%), linear-gradient(180deg, var(--app-bg), color-mix(in srgb, var(--app-bg) 88%, black));position:relative}.app-background,.app-noise,.app-vignette,.cinematic-flare,.frame-lines,.experience-root,.story-overlay{pointer-events:none}.app-background,.app-noise,.app-vignette,.cinematic-flare,.frame-lines{position:fixed;inset:0}.app-background{background:radial-gradient(circle at 15% 15%, color-mix(in srgb, var(--app-accent-soft) 14%, transparent), transparent 30%), radial-gradient(circle at 75% 28%, color-mix(in srgb, var(--app-accent) 10%, transparent), transparent 26%);opacity:.6}.app-noise{opacity:var(--app-noise,.06);mix-blend-mode:soft-light;background-image:linear-gradient(#0000 0%,#ffffff03 50%,#0000 100%),radial-gradient(#ffffff14 .6px,#0000 .6px);background-size:100% 4px,5px 5px}.app-vignette{background:radial-gradient(circle,#0000 42%,#000000d6 100%)}.cinematic-flare{background:radial-gradient(circle at 25% 25%, #ffffff14, transparent 16%), radial-gradient(circle at 45% 30%, color-mix(in srgb, var(--app-accent) 16%, transparent), transparent 24%), radial-gradient(circle at 68% 68%, color-mix(in srgb, var(--app-accent-soft) 12%, transparent), transparent 28%);filter:blur(46px);opacity:.26;width:34vw;height:34vw;inset:0 0 auto auto}.experience-root{position:fixed;inset:0}.fallback-copy{max-width:28rem;color:var(--app-text);position:absolute;bottom:2rem;left:2rem}.story-overlay{width:100vw;position:relative}.chapter-panel{align-items:stretch;height:100vh;min-height:100vh;padding:0 4.2vw;display:grid}.chapter-panel__inner{pointer-events:auto;isolation:isolate;grid-template-columns:minmax(0,35rem) minmax(14rem,18rem);align-items:start;gap:2rem 6rem;width:min(82rem,100vw - 9rem);max-width:none;height:100vh;min-height:0;margin-right:auto;padding:14vh 0 10vh;display:grid;position:relative}.chapter-panel__inner:before{content:"";filter:blur(18px);z-index:-1;pointer-events:none;background:linear-gradient(90deg,#030406d6 0%,#030406b8 44%,#03040638 78%,#0000 100%),radial-gradient(circle at 24% 42%,#ffffff08,#0000 34%);width:min(42rem,60vw);position:absolute;inset:8vh auto 10vh -2rem}.chapter-panel__inner>*{z-index:1;position:relative}.chapter-panel:nth-child(2n) .chapter-panel__inner{margin-left:auto;margin-right:2vw}.chapter-copy{align-content:start;gap:1rem;max-width:35rem;padding-top:0;display:grid}.chapter-header{gap:1rem;display:grid}.chapter-panel[data-era=micro-origin] .chapter-copy{padding-top:clamp(2rem,5vh,4rem)}.chapter-meta{color:var(--app-muted);text-transform:uppercase;letter-spacing:.28em;align-items:center;gap:1rem;font-family:Space Grotesk,sans-serif;font-size:.66rem;display:flex}.chapter-title{letter-spacing:.04em;text-shadow:0 0 24px #0000006b;max-width:6.2em;font-size:clamp(2.9rem,5.1vw,5.1rem);font-weight:300;line-height:.94;display:block}.chapter-kicker{max-width:23rem;color:color-mix(in srgb, var(--app-accent) 28%, var(--app-text));letter-spacing:.05em;text-shadow:0 0 18px #00000047;font-size:clamp(.98rem,1.4vw,1.24rem);line-height:1.82;display:block}.chapter-body{max-width:30rem;color:color-mix(in srgb, var(--app-text) 64%, var(--app-muted));text-shadow:0 0 14px #00000038;gap:.85rem;font-size:.95rem;line-height:1.9;display:grid}.chapter-body p{margin:0}.chapter-lead{max-width:24rem;color:color-mix(in srgb, var(--app-text) 78%, var(--app-muted));font-size:1.08rem;line-height:1.92}.chapter-detail{opacity:1;gap:.9rem;max-height:18rem;transition:opacity .42s,transform .52s,max-height .52s;display:grid;overflow:hidden;transform:translateY(0)}.chapter-panel[data-detail-visible=false] .chapter-detail,.chapter-panel[data-detail-visible=false] .chapter-note{opacity:0;max-height:0;overflow:hidden;transform:translateY(1.2rem)}.chapter-poems{align-content:start;place-self:center end;gap:.85rem;width:min(18rem,100%);margin-top:clamp(7rem,16vh,11rem);padding-bottom:0;transition:opacity .42s,transform .52s;display:grid}.chapter-panel[data-era=micro-origin] .chapter-poems{align-content:end;align-self:end;width:min(17rem,100%);margin-top:auto;padding-bottom:5vh}.chapter-panel[data-poems-visible=false] .chapter-poems{opacity:0;pointer-events:none;transform:translateY(2.2rem)}.poem-card{border:1px solid var(--app-line);background:color-mix(in srgb, var(--app-panel) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.82rem .92rem;transition:transform .38s,border-color .38s,background .38s}.poem-card.is-live{border-color:color-mix(in srgb, var(--app-accent) 28%, transparent);background:color-mix(in srgb, var(--app-panel) 88%, var(--app-accent-soft) 4%);transform:translate(4px)}.poem-card__zh,.poem-card__en,.chapter-note{margin:0}.poem-card__zh{font-size:.92rem;line-height:1.68}.poem-card__en{color:var(--app-muted);margin-top:.42rem;font-family:Cormorant Garamond,serif;font-size:.98rem;line-height:1.5}.chapter-note{color:color-mix(in srgb, var(--app-accent) 24%, var(--app-text));letter-spacing:.06em;margin-top:.15rem;font-size:.86rem;transition:opacity .42s,transform .52s,max-height .52s}.typewriter{min-height:1em;position:relative}.typewriter:after{content:"";background:color-mix(in srgb, var(--app-accent) 48%, transparent);vertical-align:baseline;width:.08em;height:.9em;margin-left:.1em;animation:1s step-end infinite cursor-pulse;display:inline-block}.typewriter:before{content:"";mix-blend-mode:soft-light;background:linear-gradient(#0000,#ffffff06,#0000);animation:4.8s linear infinite scanline;position:absolute;inset:0}.typewriter[data-complete=true]:after{opacity:0}.hud-panel{pointer-events:auto;border:1px solid var(--app-line);background:color-mix(in srgb, var(--app-panel) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;width:12.75rem;max-width:calc(100vw - 3rem);padding:.72rem .74rem .78rem;position:fixed;top:1.35rem;right:1.35rem}.hud-panel__header{color:var(--app-muted);text-transform:uppercase;letter-spacing:.18em;justify-content:space-between;gap:1rem;font-family:Space Grotesk,sans-serif;font-size:.56rem;display:flex}.hud-panel__body{gap:.58rem;margin-top:.78rem;display:grid}.metric-row{gap:.15rem;display:grid}.metric-row__label{color:var(--app-muted);font-size:.62rem}.metric-row__value{letter-spacing:.08em;font-family:Space Grotesk,sans-serif;font-size:.78rem}.metric-row__value em{color:var(--app-muted);margin-left:.4rem;font-size:.72rem;font-style:normal}.audio-toggle{border:1px solid var(--app-line);width:100%;color:var(--app-text);text-transform:uppercase;letter-spacing:.14em;cursor:pointer;background:0 0;justify-content:space-between;margin-top:.8rem;padding:.7rem .75rem;font-family:Space Grotesk,sans-serif;font-size:.68rem;display:flex}.audio-toggle.enabled{border-color:color-mix(in srgb, var(--app-accent) 34%, transparent);box-shadow:0 0 12px color-mix(in srgb, var(--app-accent) 5%, transparent)}.era-ribbon{z-index:10;text-transform:uppercase;letter-spacing:.16em;color:var(--app-muted);flex-direction:column;gap:.55rem;font-family:Space Grotesk,sans-serif;font-size:.62rem;display:flex;position:fixed;bottom:1.6rem;left:1.6rem}.era-ribbon span[data-active=true]{color:var(--app-text)}.frame-lines:before,.frame-lines:after{content:"";inset:var(--frame-gap);border:1px solid var(--app-line);position:fixed}.frame-lines:after{inset:calc(var(--frame-gap) + 10px);opacity:.18}.app-shell[data-era=micro-origin] .frame-lines:before{border-style:dashed}.app-shell[data-era=stellar-nursery] .frame-lines:before{box-shadow:0 0 10px color-mix(in srgb, var(--app-accent-soft) 10%, transparent)}.app-shell[data-era=civilization] .frame-lines:after{border-style:double}.app-shell[data-era=event-horizon] .frame-lines:before{box-shadow:inset 0 0 48px #ff7c4806}.app-shell[data-era=heat-death] .frame-lines:before,.app-shell[data-era=heat-death] .frame-lines:after{opacity:.22}@keyframes cursor-pulse{0%,49%{opacity:1}50%,to{opacity:.05}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@media (width<=720px){body{overflow:auto}.hud-panel{width:min(9.5rem,44vw - .85rem);max-width:calc(100vw - 2rem);padding:.5rem .55rem;inset:.85rem auto auto .85rem}.hud-panel__body{display:none}.hud-panel__header{letter-spacing:.14em;font-size:.5rem}.audio-toggle{margin-top:.45rem;padding:.48rem .5rem;font-size:.58rem}.era-ribbon{display:none}.chapter-panel{height:auto;min-height:100vh;padding:7rem 1rem 8rem}.chapter-panel__inner,.chapter-panel:nth-child(2n) .chapter-panel__inner{grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:100%;height:auto;min-height:auto;margin-left:0;margin-right:0}.chapter-copy{padding-top:0}.chapter-header{z-index:12;border:1px solid color-mix(in srgb, var(--app-line) 92%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--app-panel) 96%, transparent), color-mix(in srgb, var(--app-panel) 90%, transparent)), radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--app-accent-soft) 12%, transparent), transparent 48%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(78vw,18rem);box-shadow:0 0 28px rgba(0, 0, 0, var(--mobile-header-shadow,.18));transform-origin:100% 0;transform:translate3d(0, var(--mobile-header-shift-y,0), 0) scale(var(--mobile-header-scale,1));margin-left:auto;padding:.8rem .9rem .95rem;transition:transform .18s linear,box-shadow .18s linear,border-color .18s linear,background .18s linear;position:sticky;top:.8rem}.chapter-panel[data-mobile-compact=true] .chapter-header{border-color:color-mix(in srgb, var(--app-accent) 20%, var(--app-line));padding-bottom:.56rem}.chapter-panel[data-mobile-compact=true] .chapter-header .chapter-kicker{opacity:0;max-height:0;overflow:hidden;transform:translateY(-.45rem)}.chapter-panel[data-mobile-compact=true] .chapter-header .chapter-title{font-size:clamp(2.05rem,9.4vw,2.85rem)}.chapter-kicker{transition:opacity .18s linear,transform .18s linear,max-height .18s linear}.chapter-kicker,.chapter-lead{max-width:none}.chapter-body,.chapter-note{padding-right:min(18vw,3.5rem)}.chapter-poems{width:100%;margin-top:1.1rem;padding-bottom:0}.frame-lines:before{inset:10px}.frame-lines:after{inset:18px}}@media (prefers-reduced-motion:reduce){.typewriter:before,.typewriter:after,.cinematic-flare{animation:none}.poem-card,.audio-toggle{transition:none}}