:root{--vhu: 100vh;--void: #050506;--ink: #0a0b10;--cream: #f2e9dc;--cream-dim: rgba(242, 233, 220, .56);--cream-faint: rgba(242, 233, 220, .3);--blue: #4d9fff;--violet: #8a6bff;--magenta: #ff5ec4;--amber: #ffb972;--ember: #ff8f6b;--warm-cream: #ffe9cf;--alert: #ff6b3d;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-serif: "Instrument Serif", "Iowan Old Style", Georgia, "Times New Roman", serif;--pad: clamp(18px, 2.6vw, 40px);--stage-pad: clamp(24px, 5vw, 90px);--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--void);color:var(--cream);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html{scroll-behavior:auto}body{overflow-x:hidden}::selection{background:#8a6bff59;color:var(--cream)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:1px solid var(--cream-dim);outline-offset:4px}.canvas-layer{position:fixed;inset:0;z-index:0;background:var(--void)}.canvas-layer canvas{display:block;touch-action:pan-y}.grain{position:fixed;inset:-120px;z-index:30;pointer-events:none;opacity:.17;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='220' height='220' filter='url(%23n)' opacity='0.5'/></svg>");animation:grain-shift 1.1s steps(5) infinite}@keyframes grain-shift{0%{transform:translateZ(0)}20%{transform:translate3d(-24px,14px,0)}40%{transform:translate3d(18px,-22px,0)}60%{transform:translate3d(-14px,-14px,0)}80%{transform:translate3d(22px,18px,0)}to{transform:translateZ(0)}}.vignette{position:fixed;inset:0;z-index:29;pointer-events:none;background:radial-gradient(130% 110% at 50% 45%,transparent 38%,rgba(0,0,0,.55) 100%),linear-gradient(to bottom,rgba(0,0,0,.42) 0%,transparent 22%,transparent 74%,rgba(0,0,0,.52) 100%)}.scroll-root{position:relative;z-index:10}.chapter{position:relative}.chapter__sticky{position:sticky;top:0;height:100svh;min-height:100svh;display:grid;place-items:center;pointer-events:none}.chapter__stage{position:relative;display:grid;place-items:center;width:100%;max-width:1360px;height:100%;padding:var(--stage-pad);grid-template-areas:"stage"}.chapter__stage>*{grid-area:stage}.beat{opacity:0;max-width:min(92vw,1100px);text-align:center;text-wrap:balance;translate:var(--beat-x, 0) var(--beat-y, 0);will-change:opacity,transform,filter}.beat--left{text-align:left;justify-self:start}.beat--huge,.beat--display,.beat--serif,.beat--mono,.beat--body{text-shadow:0 0 18px rgba(3,3,5,.92),0 0 46px rgba(3,3,5,.78),0 0 90px rgba(3,3,5,.6)}.beat--huge{font-size:clamp(2.4rem,7vw,6.6rem);font-weight:600;letter-spacing:-.045em;line-height:.95;max-width:14ch;color:var(--cream);text-shadow:0 0 18px rgba(3,3,5,.92),0 0 46px rgba(3,3,5,.78),0 0 110px rgba(150,170,255,.22)}.beat--display{font-size:clamp(1.7rem,4.4vw,3.8rem);font-weight:500;letter-spacing:-.032em;line-height:1.06;max-width:20ch;color:var(--cream)}.beat--body{font-size:clamp(1.12rem,2.1vw,1.8rem);font-weight:400;line-height:1.45;letter-spacing:-.01em;max-width:32ch;color:#f2e9dcf2}.beat--body [data-line]{display:block}.beat--serif{font-family:var(--font-serif);font-size:clamp(1.7rem,4.2vw,3.4rem);font-weight:400;line-height:1.24;letter-spacing:0;max-width:22ch;color:var(--warm-cream);text-shadow:0 0 18px rgba(3,3,5,.9),0 0 46px rgba(3,3,5,.75),0 0 100px rgba(255,185,114,.22)}.beat--mono{font-family:var(--font-mono);font-size:clamp(.84rem,1.28vw,1.08rem);font-weight:500;line-height:1.6;letter-spacing:.16em;text-transform:uppercase;color:#f2e9dcdb}.beat--warning{font-family:var(--font-mono);font-size:clamp(.94rem,1.45vw,1.28rem);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#ff8558;border:1px solid rgba(255,107,61,.5);background:#ff6b3d1a;text-shadow:0 0 18px rgba(3,3,5,.9);box-shadow:0 0 60px #ff6b3d24;padding:.95em 1.6em;justify-self:center;max-width:max-content;animation:warning-pulse 2.4s ease-in-out infinite}@keyframes warning-pulse{0%,to{border-color:#ff6b3d38}50%{border-color:#ff6b3d9e}}.beat--mono.beat--strong{font-size:clamp(1.02rem,1.6vw,1.4rem);font-weight:600;letter-spacing:.13em;color:#f2e9dcf2}.beat--serif.beat--strong{font-size:clamp(2.1rem,5.8vw,4.6rem);max-width:14ch}.beat--body.beat--strong{font-size:clamp(1.32rem,2.55vw,2.2rem);font-weight:600;letter-spacing:-.02em;color:var(--cream)}.beat--warm{color:var(--amber);letter-spacing:.34em}.beat--huge.beat--love{font-size:clamp(2.2rem,6.6vw,6rem);letter-spacing:-.038em;color:var(--warm-cream);text-shadow:0 0 20px rgba(3,3,5,.92),0 0 100px rgba(255,143,107,.34)}.beat--huge.beat--birthday{font-size:clamp(2.3rem,7.4vw,7.4rem);letter-spacing:-.04em;color:var(--warm-cream);text-shadow:0 0 90px rgba(255,143,107,.28)}.heart{color:var(--ember);font-size:.82em;vertical-align:.06em}.intro{display:flex;flex-direction:column;align-items:center;gap:clamp(1.1rem,2.4vh,2rem);max-width:min(94vw,1080px)}.intro__case{font-family:var(--font-mono);font-size:clamp(.78rem,1.1vw,.95rem);font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:#f2e9dcb8}.intro__title{margin:0;font-size:clamp(2rem,5.4vw,5rem);font-weight:600;letter-spacing:-.045em;line-height:.98;max-width:17ch;color:var(--cream);text-shadow:0 0 20px rgba(3,3,5,.9),0 0 120px rgba(150,170,255,.22)}.intro__sub{margin:0;max-width:48ch;font-size:clamp(1.05rem,1.65vw,1.35rem);font-weight:400;line-height:1.55;color:#f2e9dcc2;text-shadow:0 0 20px rgba(3,3,5,.9)}.intro__hint{margin-top:clamp(.6rem,2.4vh,1.8rem);font-family:var(--font-mono);font-size:clamp(.62rem,.88vw,.74rem);letter-spacing:.34em;text-transform:uppercase;color:#f2e9dc6b}.beat--serif.out-of-all{font-size:clamp(1.02rem,2.2vw,1.7rem);line-height:1.85;max-width:34ch;color:#ffe9cfd1}.out-of-all [data-line]{display:block}.out-of-all__last{margin-top:.9em;color:var(--warm-cream);font-size:1.22em}.hud{position:fixed;inset:0;z-index:40;pointer-events:none}.hud__corner{position:absolute;display:flex;flex-direction:column;gap:.42em;font-family:var(--font-mono);font-size:clamp(.58rem,.78vw,.7rem);letter-spacing:.22em;text-transform:uppercase}.hud__corner--tl{top:var(--pad);left:var(--pad)}.hud__corner--tr{top:var(--pad);right:var(--pad);align-items:flex-end;text-align:right}.hud__corner--br{bottom:var(--pad);right:var(--pad);align-items:flex-end;text-align:right}.hud__key{color:#f2e9dc57}.hud__value{color:var(--cream)}.hud__chapter{font-size:clamp(.82rem,1.1vw,1rem);letter-spacing:.12em;color:var(--cream);font-variant-numeric:tabular-nums}.hud__slash{color:#f2e9dc47;margin:0 .1em}.hud__title{color:#f2e9dc66;font-size:.86em;letter-spacing:.2em}.hud__bar{display:block;width:clamp(88px,12vw,150px);height:1px;margin-top:.5em;background:#f2e9dc24;overflow:hidden}.hud__bar-fill{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(to right,var(--blue),var(--violet),var(--magenta))}.hud__hint{display:flex;align-items:center;gap:.7em;color:#f2e9dc80;margin-bottom:.6em;transition:opacity .7s var(--ease-out)}.hud__arrow{animation:hint-drop 2.2s var(--ease-out) infinite}@keyframes hint-drop{0%,to{transform:translateY(-3px);opacity:.4}50%{transform:translateY(3px);opacity:1}}.prob{position:fixed;left:var(--pad);bottom:var(--pad);z-index:40;pointer-events:none;display:flex;flex-direction:column;gap:.55em;font-family:var(--font-mono);max-width:min(46vw,320px)}.prob__head{display:flex;align-items:center;gap:.6em;font-size:clamp(.58rem,.78vw,.7rem);letter-spacing:.24em;text-transform:uppercase;color:#f2e9dc61}.prob__dot{width:5px;height:5px;border-radius:50%;background:var(--magenta);box-shadow:0 0 10px var(--magenta);animation:prob-blink 2s ease-in-out infinite}@keyframes prob-blink{0%,to{opacity:.25}50%{opacity:1}}.prob__value{display:flex;align-items:baseline;gap:.22em;font-size:clamp(1.7rem,3.6vw,3.1rem);font-weight:500;line-height:1;color:var(--cream);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.prob__times{color:#f2e9dc66;font-size:.62em}.prob__graph{width:clamp(130px,17vw,190px);height:auto;overflow:visible}.prob__axis{stroke:#f2e9dc1f;stroke-width:1}.prob__line{stroke:var(--violet);stroke-width:1.2;fill:none;filter:drop-shadow(0 0 5px rgba(138,107,255,.7))}.prob__head-dot{fill:var(--magenta);filter:drop-shadow(0 0 6px rgba(255,94,196,.9))}.prob__caption{margin:0;font-size:clamp(.58rem,.76vw,.69rem);letter-spacing:.14em;line-height:1.5;color:#f2e9dc66;text-transform:uppercase;max-width:28ch}.hero-labels{position:fixed;inset:0;z-index:35;pointer-events:none}.hero-label{position:absolute;top:0;left:0;display:flex;flex-direction:column;gap:.28em;font-family:var(--font-mono);font-size:clamp(.58rem,.78vw,.7rem);letter-spacing:.2em;text-transform:uppercase;opacity:0;white-space:nowrap;will-change:transform,opacity}.hero-label--left{padding:0 0 0 18px;margin-top:-74px}.hero-label--right{padding:0 18px 0 0;margin-top:-74px;align-items:flex-end;translate:-100% 0}.hero-label__tick{width:34px;height:1px;background:#f2e9dc66}.hero-label--right .hero-label__tick{align-self:flex-end}.hero-label__name{font-family:var(--font-sans);font-size:1.85em;font-weight:500;letter-spacing:-.01em;text-transform:none;color:var(--cream)}.hero-label__place{color:#f2e9dcb8}.hero-label__coords{color:#f2e9dc4d;font-size:.86em;letter-spacing:.1em}.stamp{display:flex;flex-direction:column;align-items:center;gap:.5em;font-family:var(--font-mono)}.stamp__rule{width:1px;height:clamp(20px,4vh,44px);background:linear-gradient(to bottom,transparent,rgba(242,233,220,.4))}.stamp__value{font-size:clamp(1.6rem,3.8vw,3.2rem);font-weight:500;letter-spacing:-.02em;line-height:1;color:var(--cream);font-variant-numeric:tabular-nums;text-shadow:0 0 50px rgba(138,107,255,.4)}.stamp__note{font-size:clamp(.74rem,1vw,.9rem);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#f2e9dca8;max-width:34ch;line-height:1.6;text-shadow:0 0 16px rgba(3,3,5,.9)}.route-stack,.manifest,.data-block,.scan-block{background:#06070cd6;border:1px solid rgba(242,233,220,.1);padding:clamp(1.1em,3vh,1.9em) clamp(1.2em,3vw,2.2em);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 30px 80px #00000080}.route-stack{display:flex;flex-direction:column;gap:clamp(.9em,2.4vh,1.6em);font-family:var(--font-mono);font-size:clamp(.74rem,1.06vw,.95rem)}.route{display:flex;flex-direction:column;gap:.6em;align-items:center}.route__who{font-size:.8em;letter-spacing:.22em;text-transform:uppercase;color:#f2e9dc80}.route__steps{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:.5em}.route__step{display:inline-flex;align-items:center;gap:.5em}.route__node{padding:.55em .95em;border:1px solid rgba(242,233,220,.16);letter-spacing:.16em;text-transform:uppercase;color:var(--cream);background:#f2e9dc08}.route__arrow{color:#f2e9dc4d}.route--abandoned .route__node{border-color:#ff6b3d57;color:#ff6b3ddb;background:#ff6b3d0d;text-decoration:line-through;text-decoration-color:#ff6b3d80}.route--abandoned .route__who,.route--abandoned .route__arrow{color:#ff6b3d8c}.manifest,.data-block,.scan-block{display:flex;flex-direction:column;gap:clamp(.8em,2vh,1.3em);font-family:var(--font-mono);min-width:min(84vw,460px)}.flight:last-child{padding-bottom:0;border-bottom:none}.flight{display:grid;grid-template-columns:1fr;gap:.5em;justify-items:center;padding-bottom:clamp(.8em,2vh,1.2em);border-bottom:1px solid rgba(242,233,220,.08)}.flight__who,.flight__meta{font-size:clamp(.7rem,.94vw,.84rem);letter-spacing:.18em;text-transform:uppercase}.flight__who{color:#f2e9dceb}.flight__meta{color:#f2e9dc9e}.flight__leg{display:flex;align-items:center;gap:.9em;font-size:clamp(.78rem,1.3vw,1.05rem);letter-spacing:.12em;color:var(--cream)}.flight__line{position:relative;display:block;width:clamp(70px,14vw,170px);height:1px}.flight__line i{position:absolute;inset:0;background:linear-gradient(to right,#4d9fff1a,#ff5ec499)}.flight__plane{position:absolute;top:50%;font-size:.7em;color:var(--cream);animation:flight-travel 5.5s var(--ease-out) infinite}@keyframes flight-travel{0%{left:0;opacity:0;transform:translate(-50%,-50%)}12%{opacity:1}85%{opacity:1}to{left:100%;opacity:0;transform:translate(-50%,-50%)}}.data-row{display:flex;align-items:baseline;gap:.9em;font-size:clamp(.74rem,1.06vw,.94rem);letter-spacing:.15em;text-transform:uppercase}.data-row__who{min-width:6ch;text-align:left;color:#f2e9dc99}.data-row__dots{flex:1;height:1px;background-image:linear-gradient(to right,rgba(242,233,220,.24) 40%,transparent 0%);background-size:6px 1px;background-repeat:repeat-x}.data-row__value{color:var(--cream);text-align:right}.data-row--me .data-row__value{color:var(--blue)}.data-row--lauren .data-row__value{color:var(--magenta)}.scan{display:flex;align-items:baseline;justify-content:space-between;gap:1.4em;font-size:clamp(.72rem,.98vw,.88rem);letter-spacing:.15em;text-transform:uppercase}.scan__label{color:#f2e9dc8f}.scan__value{color:var(--cream);font-variant-numeric:tabular-nums;font-size:1.32em;letter-spacing:.08em}.audio-toggle{position:fixed;top:50%;right:var(--pad);transform:translateY(-50%);z-index:45;display:flex;align-items:center;gap:.7em;padding:.6em .2em;font-family:var(--font-mono);font-size:clamp(.55rem,.74vw,.66rem);letter-spacing:.24em;text-transform:uppercase;color:#f2e9dc57;writing-mode:vertical-rl;transition:color .4s var(--ease-out)}.audio-toggle:hover,.audio-toggle.is-on{color:var(--cream)}.audio-toggle__bars{display:flex;align-items:center;gap:2px;height:14px;writing-mode:horizontal-tb}.audio-toggle__bars i{display:block;width:1.5px;height:4px;background:currentColor}.audio-toggle.is-on .audio-toggle__bars i{animation:audio-bounce 1.1s ease-in-out infinite}.audio-toggle.is-on .audio-toggle__bars i:nth-child(2){animation-delay:.15s}.audio-toggle.is-on .audio-toggle__bars i:nth-child(3){animation-delay:.3s}.audio-toggle.is-on .audio-toggle__bars i:nth-child(4){animation-delay:.45s}@keyframes audio-bounce{0%,to{height:4px}50%{height:13px}}.replay{position:absolute;bottom:clamp(40px,9vh,96px);left:50%;transform:translate(-50%);opacity:0;pointer-events:none;grid-area:stage;align-self:end;justify-self:center;transition:opacity .6s var(--ease-out)}.replay__button{font-family:var(--font-mono);font-size:clamp(.58rem,.78vw,.7rem);letter-spacing:.3em;text-transform:uppercase;color:#ffe9cf80;padding:.9em 1.6em;border:1px solid rgba(255,233,207,.18);transition:color .4s var(--ease-out),border-color .4s var(--ease-out);pointer-events:auto}.replay__button:hover{color:var(--warm-cream);border-color:#ffe9cf80}.css-backdrop{position:fixed;inset:0;z-index:0;background:var(--void);overflow:hidden;--warm: 0;--depth: 0}.css-backdrop__glow{position:absolute;inset:-25%;background:radial-gradient(42% 42% at 32% 38%,rgba(77,159,255,calc(.2 * (1 - var(--warm)))) 0%,transparent 70%),radial-gradient(38% 38% at 68% 62%,rgba(255,94,196,calc(.16 * (1 - var(--warm)))) 0%,transparent 70%),radial-gradient(52% 52% at 50% 50%,rgba(255,143,107,calc(.22 * var(--warm))) 0%,transparent 72%);filter:blur(30px);animation:backdrop-drift 26s ease-in-out infinite alternate}@keyframes backdrop-drift{0%{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.12)}}.css-backdrop__stars,.css-backdrop__stars--far{position:absolute;inset:-50%;background-image:radial-gradient(1.4px 1.4px at 20% 30%,rgba(242,233,220,.9),transparent),radial-gradient(1.2px 1.2px at 70% 15%,rgba(200,220,255,.8),transparent),radial-gradient(1.6px 1.6px at 45% 70%,rgba(255,210,180,.7),transparent),radial-gradient(1px 1px at 85% 55%,rgba(242,233,220,.6),transparent),radial-gradient(1.3px 1.3px at 12% 82%,rgba(180,200,255,.7),transparent);background-size:340px 340px;opacity:calc(.5 + .5 * var(--depth));animation:stars-drift 120s linear infinite}.css-backdrop__stars--far{background-size:190px 190px;opacity:calc(.22 + .3 * var(--depth));animation-duration:210s;animation-direction:reverse}@keyframes stars-drift{0%{transform:translateZ(0)}to{transform:translate3d(-340px,170px,0)}}@media(max-width:860px){:root{--pad: 16px;--stage-pad: 22px}.beat{max-width:88vw}.beat--huge{font-size:clamp(2.2rem,12vw,3.6rem);max-width:12ch}.beat--display{font-size:clamp(1.5rem,7.4vw,2.3rem)}.beat--serif{font-size:clamp(1.5rem,7.2vw,2.4rem);max-width:18ch}.beat--body{font-size:clamp(1.05rem,4.8vw,1.35rem);max-width:26ch}.beat--mono{font-size:clamp(.78rem,3.4vw,.95rem);letter-spacing:.12em;max-width:28ch}.beat--warning{font-size:clamp(.86rem,3.6vw,1.05rem);letter-spacing:.12em}.prob{max-width:calc(100vw - 2 * var(--pad));gap:.35em}.prob__graph{display:none}.prob__value{font-size:1.6rem}.prob__caption,.hud__title{display:none}.hud__corner--tr{max-width:40vw}.hud__bar{width:74px}.audio-toggle{top:calc(var(--pad) + 64px);bottom:auto;right:var(--pad);transform:none;writing-mode:horizontal-tb;padding:.4em 0}.audio-toggle__label{font-size:.56rem}.hero-label{font-size:.6rem}.hero-label--left,.hero-label--right{margin-top:-52px}.hero-label__name{font-size:1.5em}.manifest,.data-block,.scan-block{min-width:min(92vw,380px)}.grain{animation:none;opacity:.12}}@media(max-width:420px){.route__node{padding:.45em .7em;font-size:.82em}.stamp__value{font-size:1.7rem}}@media(max-height:520px)and (pointer:coarse){.beat--huge{font-size:clamp(1.8rem,7vw,2.6rem)}.beat--serif{font-size:clamp(1.3rem,5vw,2rem)}.prob__graph{display:none}}@media(prefers-reduced-motion:reduce){.grain,.hud__arrow,.prob__dot,.flight__plane,.beat--warning,.css-backdrop__glow,.css-backdrop__stars,.css-backdrop__stars--far,.audio-toggle.is-on .audio-toggle__bars i{animation:none}.flight__plane{left:50%;opacity:1;transform:translate(-50%,-50%)}}