:root{--bg: #0a0a14;--bg-soft: #12121f;--panel: rgba(255, 255, 255, .035);--panel-line: rgba(255, 255, 255, .09);--ink: #e9e9f2;--ink-soft: #a6a6bd;--ink-faint: #6f6f88;--accent: #8ea2ff;--accent-warm: #ffcf6b;--hot: #d6246e;--serif: "Fraunces", Georgia, "Times New Roman", serif;--sans: "Inter", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1200px 800px at 50% -10%,#161628 0%,var(--bg) 55%) fixed,var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#app{height:100dvh;display:flex;flex-direction:column}.gate{flex:1;display:grid;place-items:center;padding:32px}.gate-inner{max-width:540px;text-align:center;animation:rise .8s cubic-bezier(.16,1,.3,1) both}.gate-title{font-family:var(--serif);font-weight:500;font-size:clamp(2.4rem,7vw,4rem);line-height:1.05;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#b9c2ff 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.gate-sub{margin:22px auto 34px;max-width:460px;color:var(--ink-soft);font-size:1.08rem;line-height:1.6}.gate-note{margin-top:20px;color:var(--ink-faint);font-size:.9rem}.btn{font-family:var(--sans);font-size:1rem;font-weight:500;border:1px solid transparent;border-radius:999px;padding:13px 26px;cursor:pointer;transition:transform .12s ease,background .2s ease,border-color .2s ease,opacity .2s;color:var(--ink);-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:linear-gradient(180deg,#6f86ff,#5566e8);color:#fff;box-shadow:0 6px 24px #6078ff59}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#82a0ff,#6172f0)}.btn-ghost{background:var(--panel);border-color:var(--panel-line);color:var(--ink-soft)}.btn-ghost:hover{color:var(--ink);border-color:#fff3}.btn-begin{font-size:1.1rem;padding:15px 48px}.play-toggle.is-playing{background:linear-gradient(180deg,#2a2a44,#20203a);box-shadow:none}.journey{flex:1;display:flex;flex-direction:column;min-height:0}.rail{display:flex;gap:8px;justify-content:center;padding:max(14px,calc(env(safe-area-inset-top) + 8px)) 16px 6px;flex-wrap:wrap}.rail-dot{width:26px;height:4px;border-radius:999px;border:none;background:#ffffff1f;cursor:pointer;padding:0;transition:background .25s,width .25s}.rail-dot.is-seen{background:#8ea2ff73}.rail-dot.is-active{width:46px;background:var(--accent)}.station{flex:1;display:flex;flex-direction:column;min-height:0;width:min(780px,100%);margin:0 auto;padding:8px 24px 0}.station-header{text-align:center;padding:10px 0 18px}.station-kicker{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.station-title{font-family:var(--serif);font-weight:500;font-size:clamp(1.7rem,4.5vw,2.5rem);letter-spacing:-.015em;line-height:1.1}.station-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:12px}.stage{background:var(--panel);border:1px solid var(--panel-line);border-radius:20px;padding:14px;margin-bottom:18px}.stage-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.split-col{display:flex;flex-direction:column}.viz-cap{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);text-align:center;margin-bottom:6px}.scope-wrap,.spec-wrap{position:relative;width:100%;height:clamp(150px,26vh,210px)}.scope-tall{height:clamp(180px,34vh,270px)}.scope-wrap.layered{overflow:hidden;border-radius:14px}.string-wrap{cursor:ew-resize}.stage-split .scope-wrap,.stage-split .spec-wrap{height:170px}.viz{position:absolute;inset:0;width:100%;height:100%;display:block}.controls{display:flex;flex-direction:column;gap:16px;align-items:stretch;margin-bottom:22px}.controls .play-toggle{align-self:center}.ctl{width:100%}.ctl-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.ctl-label{font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.ctl-readout{font-size:.95rem;color:var(--accent);font-variant-numeric:tabular-nums}.ctl-range{--thumb: 30px;--track: 8px;--row: 34px;-webkit-appearance:none;appearance:none;width:100%;height:var(--row);background:transparent;outline:none;cursor:pointer;touch-action:pan-y;margin:0}.ctl-range::-webkit-slider-runnable-track{height:var(--track);border-radius:999px;background:linear-gradient(90deg,var(--accent) var(--fill, 0%),rgba(255,255,255,.12) var(--fill, 0%))}.ctl-range::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 2px 10px #00000073;cursor:grab;margin-top:calc((var(--track) - var(--thumb)) / 2)}.ctl-range:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.06)}.ctl-range::-moz-range-track{height:var(--track);border-radius:999px;background:#ffffff1f}.ctl-range::-moz-range-progress{height:var(--track);border-radius:999px;background:var(--accent)}.ctl-range::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:50%;background:#fff;border:3px solid var(--accent);cursor:grab}.seg{display:flex;gap:6px;background:#ffffff0d;border-radius:12px;padding:5px}.seg-btn{flex:1;border:none;background:transparent;color:var(--ink-soft);font-family:var(--sans);font-size:.95rem;padding:10px;border-radius:9px;cursor:pointer;transition:background .2s,color .2s}.seg-btn[aria-pressed=true]{background:#8ea2ff2e;color:var(--ink)}.string-readout{text-align:center;color:var(--ink-soft);font-size:.95rem;margin-bottom:16px;min-height:1.3em}.string-readout .agree,.agree{color:var(--accent-warm);font-weight:600}.shape-note{color:var(--ink-soft);font-size:.98rem;line-height:1.5;text-align:center;margin-top:2px;min-height:2.6em}.closing p{color:var(--ink);font-size:1.08rem;line-height:1.7;margin-bottom:16px}.closing b{color:#fff;font-weight:600}.closing-coda{color:var(--ink-soft)!important;border-top:1px solid var(--panel-line);padding-top:16px;margin-top:4px}.prompt{color:var(--ink);font-size:1.05rem;line-height:1.62;margin-bottom:18px}.prompt b{color:#fff;font-weight:600}.deeper{border:1px solid var(--panel-line);border-radius:14px;background:#ffffff05;overflow:hidden}.deeper-summary{list-style:none;cursor:pointer;padding:15px 18px;font-weight:500;color:var(--ink-soft);transition:color .2s}.deeper-summary::-webkit-details-marker{display:none}.deeper-summary:hover{color:var(--ink)}.deeper-icon{display:inline-block;color:var(--accent);transition:transform .2s;margin-right:6px}.deeper[open] .deeper-icon{transform:rotate(180deg)}.deeper-body{padding:0 18px 18px;color:var(--ink-soft);font-size:.98rem;line-height:1.6}.deeper-body p+p{margin-top:10px}.deeper-body em{color:var(--ink);font-style:normal;border-bottom:1px dotted rgba(255,255,255,.25)}.station-nav{display:flex;align-items:center;justify-content:center;gap:22px;padding:14px 0 max(18px,env(safe-area-inset-bottom))}.nav-btn{width:52px;height:52px;border-radius:50%;border:1px solid var(--panel-line);background:var(--panel);color:var(--ink);font-size:1.3rem;cursor:pointer;transition:background .2s,opacity .2s,transform .12s}.nav-btn:hover:not(:disabled){background:#ffffff17}.nav-btn:active:not(:disabled){transform:scale(.94)}.nav-btn:disabled{opacity:.3;cursor:default}.nav-counter{color:var(--ink-faint);font-size:.9rem;font-variant-numeric:tabular-nums;min-width:56px;text-align:center}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.station.anim-in .station-header,.station.anim-in .station-body{animation:stationIn .42s cubic-bezier(.16,1,.3,1) both}.station.anim-in .station-body{animation-delay:.04s}@keyframes stationIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.journey-foot,.gate-foot{text-align:center;padding:4px 0 max(12px,env(safe-area-inset-bottom))}.gate-foot{position:fixed;left:0;right:0;bottom:0}.src-link{background:none;border:none;color:var(--ink-faint);font-family:var(--sans);font-size:.82rem;letter-spacing:.04em;cursor:pointer;padding:8px 12px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#fff3;transition:color .2s}.src-link:hover{color:var(--ink-soft)}.src-overlay{position:fixed;inset:0;z-index:50;background:#04040ab3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .2s ease}.src-overlay.is-open{opacity:1}.src-panel{position:relative;max-width:600px;max-height:86dvh;overflow-y:auto;background:linear-gradient(180deg,#14142400,#141424),var(--bg-soft);border:1px solid var(--panel-line);border-radius:20px;padding:30px clamp(20px,5vw,38px) 34px;transform:translateY(14px) scale(.98);transition:transform .24s cubic-bezier(.16,1,.3,1);-webkit-overflow-scrolling:touch}.src-overlay.is-open .src-panel{transform:none}.src-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:1px solid var(--panel-line);background:var(--panel);color:var(--ink-soft);font-size:1rem;cursor:pointer}.src-close:hover{color:var(--ink)}.src-panel h2{font-family:var(--serif);font-weight:500;font-size:1.7rem;margin-bottom:14px;padding-right:30px}.src-panel h3{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:22px 0 8px}.src-panel p{color:var(--ink-soft);font-size:.98rem;line-height:1.62}.src-panel b,.src-panel i{color:var(--ink)}.src-panel i{font-style:italic}.src-fine{margin-top:22px;padding-top:16px;border-top:1px solid var(--panel-line);font-size:.9rem!important}@media(prefers-reduced-motion:reduce){*{animation-duration:1ms!important;transition-duration:1ms!important}}@media(max-width:560px){.station{padding:8px 16px 0}.station-header{padding:6px 0 12px}.stage{padding:10px}.stage-split{grid-template-columns:1fr}.stage-split .scope-wrap,.stage-split .spec-wrap{height:clamp(130px,22vh,170px)}.prompt{font-size:1rem}.controls{gap:18px;margin-bottom:18px}.nav-btn{width:48px;height:48px}}@media(pointer:coarse){.ctl-range{--thumb: 40px;--track: 12px;--row: 52px}.ctl-head{margin-bottom:4px}.ctl{user-select:none;-webkit-user-select:none}.seg-btn{padding:14px 10px;font-size:1rem}.btn{padding:15px 28px}.play-toggle{min-height:50px}.deeper-summary{padding:18px}.src-link{padding:12px 16px}.rail-dot{position:relative}.rail-dot:after{content:"";position:absolute;inset:-18px -6px}.rail{gap:10px}}@media(max-height:480px)and (orientation:landscape){.rail{padding-top:8px}.station-header{padding:4px 0 8px}.scope-wrap,.spec-wrap,.scope-tall{height:42vh}.station-nav{padding:8px 0}}