:root{--ink:#123c24;--ink2:#0b2a19;--inksoft:#5a6555;--mute:#9aa596;--bone:#f1efe6;--paper:#faf8f2;--line:#ddd9cc;--gold:#e0b03a}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--bone);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:50;opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23g)'/></svg>");position:fixed;inset:0}#bar{background:var(--ink);transform-origin:0;z-index:60;width:100%;height:3px;position:fixed;top:0;left:0}nav.pill{z-index:55;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#faf8f2eb;border-radius:999px;align-items:center;gap:2px;width:max-content;max-width:calc(100vw - 32px);padding:6px 8px;display:flex;position:fixed;top:16px;left:50%;translate:-50%;box-shadow:4px 6px #123c241a}nav.pill button{white-space:nowrap;appearance:none;cursor:pointer;color:var(--inksoft);background:0 0;border:0;border-radius:999px;padding:8px 11px;font-family:Inter,system-ui,sans-serif;font-size:12.5px;font-weight:500;transition:color .3s,background .3s}nav.pill button.on{color:var(--ink);background:var(--bone)}nav.pill button.hide{border-left:1px solid var(--line);width:30px;height:30px;color:var(--mute);border-radius:0 999px 999px 0;justify-content:center;align-items:center;margin-left:4px;padding:0;display:inline-flex}nav.pill button.hide:hover{color:var(--ink)}nav.pill.hidden{padding:6px}nav.pill button.brand.solo{border-right:0;border-radius:999px;margin:0;padding:4px}nav.pill button.brand{letter-spacing:.32em;color:var(--ink);border-right:1px solid var(--line);border-radius:0;align-items:center;gap:8px;margin-right:8px;padding-right:14px;font-family:Fraunces,Georgia,serif;font-size:13px;font-weight:400;display:inline-flex}main,.chapter{position:relative}.stage{justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.playerbox{aspect-ratio:16/9;width:min(100vw,177.778vh);position:relative}footer{color:var(--mute);border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:28px 40px 40px;font-size:13px;display:flex}@media (width<=760px){nav.pill button.ch{display:none}footer{flex-direction:column}}footer a{color:var(--inksoft)}.hotspot{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:4px;outline:0;margin:0;padding:0;transition:box-shadow .25s}.hotspot:hover,.hotspot:focus-visible{box-shadow:0 0 0 3px #1e6b458c}
