:root{color-scheme:dark;--ink: #f6ece2;--ink-soft: rgba(246, 236, 226, .72);--ink-faint: rgba(246, 236, 226, .42);--line: rgba(246, 236, 226, .22);--accent: #ff8a4c;--serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;--sans: "Inter", "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--mono: "JetBrains Mono", "SFMono-Regular", "Cascadia Mono", Consolas, monospace;--gutter: clamp(1.25rem, 4vw, 3.5rem);background:#0a0605}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;color:var(--ink);font-family:var(--sans);background:#0a0605;-webkit-font-smoothing:antialiased}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:20;padding:.6rem 1rem;color:#0a0605;background:var(--ink);border-radius:999px}.skip-link:focus-visible{top:1rem}:focus-visible{outline:1.5px solid var(--accent);outline-offset:4px}#scene,.static-scene,.scrim{position:fixed;inset:0;width:100%;height:100%}#scene{display:block;opacity:0;transition:opacity 1.6s ease}.static-scene img{width:100%;height:100%;display:block;object-fit:cover}.static-scene{transition:opacity 1.6s ease}body[data-render-state=live] #scene{opacity:1}body[data-render-state=live] .static-scene{opacity:0}.scrim{pointer-events:none;background:radial-gradient(120% 90% at 0% 100%,rgba(8,4,3,.5),transparent 55%),linear-gradient(to bottom,rgba(8,4,3,.22),transparent 12%)}.topbar{position:fixed;inset:0 0 auto;z-index:5;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 1.4rem) var(--gutter) 0;pointer-events:none}.topbar>*{pointer-events:auto}.wordmark{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:none;font-size:.82rem;letter-spacing:.32em}.wordmark svg{width:1.7rem;height:1.7rem;color:var(--accent)}.wordmark i{color:var(--ink-faint);font-style:normal;letter-spacing:0}.wordmark em{font-family:var(--serif);font-style:normal;letter-spacing:.4em}.readout{display:flex;gap:clamp(1.2rem,3vw,2.6rem);margin:0;text-align:right}.readout div{display:grid;gap:.35rem}.readout dt{font-size:.66rem;letter-spacing:.3em;color:var(--ink-faint)}.readout dd{margin:0;font-family:var(--mono);font-size:clamp(1.05rem,1.6vw,1.35rem);font-variant-numeric:tabular-nums;letter-spacing:.06em;text-shadow:0 1px 12px rgba(0,0,0,.35)}.readout small{margin-left:.25em;font-size:.62em;color:var(--ink-soft)}.meter{position:fixed;left:calc(var(--gutter) * .45);top:50%;z-index:4;height:min(42vh,22rem);transform:translateY(-50%);width:2px}.meter-track{position:absolute;inset:0;background:var(--line);overflow:hidden}#gauge-fill{position:absolute;inset:0;background:linear-gradient(to top,var(--accent),var(--ink));transform-origin:bottom;transform:scaleY(.8);transition:transform .2s linear}.meter-cloud{position:absolute;left:-4px;width:10px;bottom:5%;height:25%;border-left:1px solid var(--ink-faint);border-right:1px solid var(--ink-faint);opacity:.6}.chapter-nav{position:fixed;right:var(--gutter);top:50%;z-index:5;display:grid;gap:1.15rem;transform:translateY(-50%)}.chapter-nav a{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;color:var(--ink-faint);text-decoration:none;font-family:var(--serif);font-size:.86rem;letter-spacing:.2em;transition:color .4s ease}.chapter-nav i{width:1.4rem;height:1px;background:currentColor;transition:width .4s ease}.chapter-nav a[aria-current=step]{color:var(--ink)}.chapter-nav a[aria-current=step] i{width:2.8rem;background:var(--accent)}.chapter-nav a:hover{color:var(--ink)}main{position:relative;z-index:3}.chapter{height:125vh}.chapter:last-child{height:100vh}.copy{position:fixed;left:calc(var(--gutter) + 1.6rem);bottom:clamp(6.5rem,15vh,9.5rem);max-width:min(34rem,calc(100vw - 2 * var(--gutter) - 3rem));opacity:0;visibility:hidden;transform:translateY(1.4rem);filter:blur(8px);transition:opacity .9s ease,transform 1.2s cubic-bezier(.2,.7,.2,1),filter .9s ease,visibility 0s linear .9s}.chapter.is-active .copy{opacity:1;visibility:visible;transform:none;filter:none;transition-delay:.25s,.25s,.25s,0s}.eyebrow{display:flex;align-items:center;gap:.9rem;margin:0 0 1.4rem;font-size:.7rem;letter-spacing:.42em;color:var(--ink-soft)}.eyebrow span{font-family:var(--serif);color:var(--accent);letter-spacing:.1em}.eyebrow:after{content:"";width:3.2rem;height:1px;background:var(--line)}h1,h2{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(2.6rem,6.4vw,5.6rem);line-height:1.12;letter-spacing:.08em;text-shadow:0 2px 30px rgba(10,4,2,.45)}h2{font-size:clamp(2.2rem,5.2vw,4.4rem)}.lines{display:grid;gap:.35rem;margin:1.6rem 0 0;font-family:var(--serif);font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.9;letter-spacing:.14em;color:var(--ink-soft);text-shadow:0 1px 16px rgba(10,4,2,.55)}.restart{display:inline-flex;align-items:center;gap:.7rem;margin-top:2.4rem;padding:.85rem 1.4rem;color:var(--ink);text-decoration:none;font-family:var(--serif);letter-spacing:.18em;border:1px solid var(--line);border-radius:999px;background:#0e070540;backdrop-filter:blur(8px);transition:border-color .3s ease,background .3s ease}.restart:hover{border-color:var(--accent);background:#0e070573}.bottombar{position:fixed;inset:auto 0 0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 var(--gutter) calc(env(safe-area-inset-bottom,0px) + 1.4rem);font-size:.72rem;letter-spacing:.24em;color:var(--ink-faint);pointer-events:none}.bottombar>*{pointer-events:auto;margin:0}.cue{display:flex;align-items:center;gap:.8rem;transition:opacity .6s ease}.cue span{width:1px;height:2.2rem;background:linear-gradient(to bottom,transparent,var(--ink));animation:cue 2.4s ease-in-out infinite}body.is-scrolled .cue{opacity:0}@keyframes cue{0%,to{transform:scaleY(.4);transform-origin:top;opacity:.4}50%{transform:scaleY(1);opacity:1}}.credit{flex:1;text-align:center}#motion-toggle{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.1rem;color:var(--ink);font:inherit;letter-spacing:.24em;background:#0e07054d;border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(8px);cursor:pointer}#motion-toggle:hover{border-color:var(--accent)}.notice{position:fixed;left:50%;top:5.5rem;z-index:6;margin:0;padding:.6rem 1.1rem;transform:translate(-50%);font-size:.78rem;letter-spacing:.12em;color:var(--ink);background:#0e070599;border:1px solid var(--line);border-radius:999px}@media(max-width:720px){.readout dt{letter-spacing:.18em}.wordmark{letter-spacing:.22em}.wordmark span,.wordmark i{display:none}.chapter-nav{gap:.9rem}.chapter-nav b{display:none}.chapter-nav i{width:.9rem}.chapter-nav a[aria-current=step] i{width:1.8rem}.meter{display:none}.copy{left:var(--gutter);max-width:calc(100vw - 2 * var(--gutter) - 2.4rem);bottom:6rem}.credit{display:none}.lines{letter-spacing:.08em}}#gauge-fill{background:linear-gradient(to top,#4a1206,#ff6a2a 55%,#ffe0b0);transform:scaleY(.3)}