@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap";@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,400;1,9..144,600&display=swap";@import "https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,wght@0,400;0,500;0,700;1,400;1,500&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;1,400&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;1,400&display=swap";@import "https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap";:root{--shell:#0a1224;--surface:#0e1a2e;--surface-2:#142441;--surface-3:#1c2f54;--text:#d6e5ff;--text-2:#a8c2f0;--text-mute:#6c89b8;--text-faint:#3e5680;--rule:#78c8ff4d;--accent:#4dd2ff;--accent-soft:#4dd2ff1a;--accent-glow:#4dd2ff8c;--font-display-cn:"IBM Plex Sans", "Noto Sans SC", sans-serif;--font-display-en:"IBM Plex Mono", "JetBrains Mono", monospace;--font-body:"IBM Plex Sans", "Noto Sans SC", sans-serif;--font-mono:"IBM Plex Mono", "JetBrains Mono", monospace;--font-features:"tnum", "zero", "ss01";--dur-base:.5s;--dur-slow:.8s;--dur-cinematic:1.2s;--r-card:var(--r-flat);--r-stage:0;--rule-w:2px;--rule-style:dashed;--hero-num-font:var(--font-mono);--hero-num-style:normal;--hero-num-weight:500;--hero-num-track:-.02em;--stage-pad-x:96px;--stage-pad-y:72px;--card-shadow:inset 0 0 0 2px var(--rule);--shadow-stage:0 60px 160px #00143c8c, 0 0 0 1px #78c8ff1a;--surface-pattern:linear-gradient(#78c8ff14 1px, transparent 1px), linear-gradient(90deg, #78c8ff14 1px, transparent 1px), linear-gradient(#78c8ff0a 1px, transparent 1px), linear-gradient(90deg, #78c8ff0a 1px, transparent 1px);--surface-pattern-size:240px 240px, 240px 240px, 60px 60px, 60px 60px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}img,svg,video{max-width:100%;display:block}button{font:inherit;color:inherit;background:0 0;border:0;padding:0}body{font-family:var(--font-display-cn);color:var(--text);background:var(--shell);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;text-wrap:pretty;font-feature-settings:var(--font-features,"tnum", "ss01");letter-spacing:var(--track-snug,-.005em);cursor:default}::selection{background:var(--accent);color:var(--surface)}:root{--t-display-1:clamp(140px, 11vw, 200px);--t-display-2:clamp(80px, 7vw, 128px);--t-h1:clamp(56px, 5vw, 88px);--t-h2:clamp(40px, 3.6vw, 60px);--t-body:20px;--t-micro:12px;--track-tight:-.025em;--track-snug:-.005em;--track-caps:.22em;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-7:48px;--space-9:96px;--stage-pad-x:96px;--stage-pad-y:80px;--r-flat:0;--r-xs:4px;--r-sm:8px;--r-md:16px;--r-xl:32px;--r-pill:999px;--r-card:var(--r-md);--bw-1:1px;--bw-2:2px;--bw-4:4px;--rule-w:1px;--rule-style:solid;--ease-quart:cubic-bezier(.19, 1, .22, 1);--ease-expo:cubic-bezier(.86, 0, .07, 1);--ease-soft:cubic-bezier(.4, 0, .1, 1);--ease-overshoot:cubic-bezier(.34, 1.56, .64, 1);--dur-quick:.28s;--dur-base:.6s;--dur-slow:.9s;--dur-cinematic:1.4s;--hero-num-font:var(--font-display-en);--hero-num-style:italic;--hero-num-weight:400;--hero-num-track:var(--track-tight);--shadow-stage:0 60px 160px #0000008c, 0 0 0 1px #ffffff06}.app-shell{background:var(--shell);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.stage-fitter{isolation:isolate;position:relative}.stage-frame{transform-origin:0 0;background:var(--surface);cursor:pointer;width:1920px;height:1080px;box-shadow:var(--shadow-stage);border:var(--stage-border,none);border-radius:var(--r-stage,0);position:absolute;top:0;left:0;overflow:hidden}.stage-frame:after{content:"";pointer-events:none;background-image:var(--surface-pattern,none);background-size:var(--surface-pattern-size,auto);mix-blend-mode:var(--surface-pattern-blend,normal);opacity:var(--surface-pattern-opacity,1);z-index:1;position:absolute;inset:0}.stage-frame:before{content:"";pointer-events:none;background:var(--surface-vignette,none);z-index:1;position:absolute;inset:0}.scene{z-index:2;position:absolute;inset:0}.serif-cn{font-family:var(--font-display-cn);letter-spacing:var(--track-tight);text-shadow:var(--text-shadow,none);font-style:normal;font-weight:700}.serif-it{font-family:var(--font-display-en);letter-spacing:var(--track-tight);text-shadow:var(--text-shadow,none);font-style:italic;font-weight:400}.display-en{font-family:var(--font-display-en);letter-spacing:var(--track-tight);text-shadow:var(--text-shadow,none);font-style:normal;font-weight:700}.mono{font-family:var(--font-mono)}.label-mono{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-mute);font-weight:500}.kicker{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute);font-size:13px}.hero-num{font-family:var(--hero-num-font);font-style:var(--hero-num-style);font-weight:var(--hero-num-weight);letter-spacing:var(--hero-num-track);font-variant-numeric:tabular-nums;color:var(--text);line-height:.9}.scene-pad{padding:var(--stage-pad-y) var(--stage-pad-x);flex-direction:column;display:flex;position:absolute;inset:0}.stack{flex-direction:column;display:flex}.row{flex-direction:row;display:flex}.fill{flex:1}.center{place-items:center;display:grid}.rule{border:0;border-top:var(--rule-w) var(--rule-style) var(--rule);width:100%;height:0;margin:0}.rule-accent{border:0;border-top:var(--bw-2) solid var(--accent);width:100%;height:0;margin:0}.dot-accent{background:var(--accent);width:8px;height:8px;box-shadow:0 0 14px var(--accent-glow);vertical-align:middle;border-radius:50%;display:inline-block}.corner-mark{top:var(--space-7);left:var(--space-9);z-index:5;align-items:baseline;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-mute);pointer-events:none;display:flex;position:absolute}.corner-mark .ord{font-family:var(--font-display-en);letter-spacing:0;color:var(--text);font-size:28px;font-style:italic;line-height:1}.corner-mark .slash{opacity:.3;font-size:16px}.click-cue{right:var(--space-9);bottom:var(--space-7);z-index:5;align-items:center;gap:var(--space-3);font-family:var(--font-mono);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-mute);opacity:0;transition:opacity var(--dur-slow) var(--ease-quart);pointer-events:none;font-size:11px;display:flex;position:absolute}.click-cue.visible{opacity:.6}.click-cue .arrow{font-family:var(--font-display-en);letter-spacing:0;animation:nudge 2.4s var(--ease-soft) infinite;font-size:20px;font-style:italic;display:inline-block}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.badge-mono{align-items:center;gap:var(--space-2);border:var(--bw-1) solid var(--rule);border-radius:var(--r-pill);font-family:var(--font-mono);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-mute);padding:4px 10px;font-size:11px;display:inline-flex}.badge-mono.is-accent{color:var(--accent);border-color:var(--accent)}.pull-quote{border-left:var(--bw-4) solid var(--accent);padding:var(--space-3) 0 var(--space-3) var(--space-5);font-family:var(--font-display-cn);font-weight:700;font-size:var(--t-h2);color:var(--text);line-height:1.3}.card{background:var(--surface-2);border:var(--bw-1) solid var(--rule);border-radius:var(--r-card);box-shadow:var(--card-shadow,none)}.card-glass{background:var(--card-glass-bg,#ffffff0f);-webkit-backdrop-filter:blur(20px);border:var(--bw-1) solid var(--card-glass-border,#ffffff1f);border-radius:var(--r-card)}.tr-rule{border-top:var(--rule-w) var(--rule-style) var(--rule)}.masthead{align-items:baseline;gap:var(--space-5);width:100%;display:flex}.masthead .brand{font-family:var(--font-display-en);color:var(--text);letter-spacing:0;font-size:22px;font-style:italic}.masthead .issue{font-family:var(--font-mono);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-mute);margin-left:auto;font-size:11px}.fade-in{animation:fade-in var(--dur-base) var(--ease-quart) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.mask-reveal{clip-path:inset(0 100% 0 0);transition:clip-path .7s var(--ease-quart)}.mask-reveal.in{clip-path:inset(0)}.rule-grow{transform-origin:0;transition:transform var(--dur-cinematic) var(--ease-expo);transform:scaleX(0)}.rule-grow.in{transform:scaleX(1)}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes caret-blink{50%{opacity:0}}@keyframes pulse-halo{0%{opacity:.6;transform:scale(.9)}70%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.6)}}.letter-stagger>.letter{opacity:0;animation:letter-rise var(--dur-slow) var(--ease-expo) forwards;animation-delay:calc(var(--i,0) * 60ms);display:inline-block;transform:translateY(40px)scale(.85)}@keyframes letter-rise{to{opacity:1;transform:translateY(0)scale(1)}}.pb-hover{z-index:10;pointer-events:auto;justify-content:center;align-items:flex-end;height:60px;display:flex;position:fixed;bottom:0;left:0;right:0}.pb{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);scrollbar-width:thin;scrollbar-color:var(--text-faint) transparent;opacity:0;max-width:calc(100vw - 32px);transition:opacity var(--dur-base) var(--ease-quart), transform var(--dur-base) var(--ease-quart);background:#000000d9;border-radius:12px 12px 0 0;gap:6px;padding:12px 20px;display:flex;overflow:auto hidden;transform:translateY(100%)}.pb::-webkit-scrollbar{height:4px}.pb::-webkit-scrollbar-track{background:0 0}.pb::-webkit-scrollbar-thumb{background:var(--text-faint);border-radius:2px}.pb-hover:hover .pb{opacity:1;transform:translateY(0)}.pb-chapter{color:var(--text-mute);font-family:var(--font-mono);cursor:pointer;transition:color var(--dur-quick), border-color var(--dur-quick);background:0 0;border:1px solid #0000;border-radius:4px;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:flex}.pb-chapter:hover{color:var(--text)}.pb-active{color:var(--text);border-color:var(--accent)}.pb-num{color:var(--accent);font-weight:600}.pb-pips{flex-shrink:0;gap:3px;margin-left:8px;display:flex}.pb-pip{background:var(--text-faint);cursor:pointer;width:6px;height:6px;transition:background var(--dur-quick);border-radius:50%;flex-shrink:0}.pb-pip-on{background:var(--accent)}.pb-github{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:36px;height:36px;color:var(--text);opacity:0;transition:opacity var(--dur-base) var(--ease-quart), transform var(--dur-base) var(--ease-quart), color var(--dur-quick);background:#000000d9;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;display:flex;position:absolute;bottom:12px;right:16px;transform:translateY(100%)}.pb-github:hover{color:var(--accent)}.pb-hover:hover .pb-github{opacity:1;transform:translateY(0)}.pb-github svg{display:block}.dd-scene{color:var(--text);font-family:var(--font-body);gap:28px}.dd-topbar{grid-template-columns:1fr auto;align-items:start;gap:48px;display:grid}.dd-topbar h1{font-family:var(--font-display-cn);letter-spacing:0;margin:10px 0 0;font-size:58px;line-height:1}.dd-counter{border:1px solid var(--rule);color:var(--accent);padding:12px 16px}.dd-main{flex:1;grid-template-columns:minmax(560px,.9fr) minmax(760px,1.1fr);gap:42px;min-height:0;display:grid}.dd-brief,.dd-visual{min-width:0;min-height:0}.dd-brief{flex-direction:column;gap:24px;display:flex}.dd-hard{border-left:4px solid var(--accent);padding:8px 0 10px 20px}.dd-hard span,.dd-step-label{color:var(--text-mute);display:block}.dd-hard strong{font-family:var(--font-display-cn);letter-spacing:0;margin-top:10px;font-size:26px;line-height:1.28;display:block}.dd-step-copy{flex-direction:column;gap:16px;display:flex}.dd-step-copy h2{max-width:13ch;font-family:var(--font-display-cn);letter-spacing:0;margin:0;padding-bottom:8px;font-size:72px;line-height:1.05}.dd-step-copy p{max-width:50ch;color:var(--text-2);margin:0;font-size:23px;line-height:1.48}.dd-formula,.dd-code{font-family:var(--font-mono);border:1px solid var(--rule);background:var(--surface-2);color:var(--text)}.dd-formula{padding:18px 20px;font-size:22px}.dd-code{white-space:pre-wrap;margin:0;padding:18px 20px;font-size:18px;line-height:1.45}.dd-chips{flex-wrap:wrap;gap:10px;display:flex}.dd-chips span{font-family:var(--font-mono);color:var(--accent);border:1px dashed var(--rule);background:var(--accent-soft);padding:8px 10px;font-size:13px}.dd-visual{border:1px solid var(--rule);background:linear-gradient(90deg, transparent 0 49px, #5fc7e814 50px) 0 0 / 50px 50px, linear-gradient(transparent 0 49px, #5fc7e814 50px) 0 0 / 50px 50px, var(--surface-2);position:relative;overflow:hidden}.dd-v{grid-template-rows:auto 1fr auto;gap:26px;padding:34px;display:grid;position:absolute;inset:0}.dd-chain{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.dd-chain-node{text-align:center;border:1px solid var(--rule);min-height:54px;color:var(--text-mute);font-family:var(--font-mono);background:#00000014;place-items:center;padding:8px;font-size:12px;line-height:1.25;display:grid}.dd-chain-node.is-on{color:var(--text);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-soft)}.dd-state-board{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dd-state{border:1px solid var(--rule);background:var(--surface-3);min-height:86px;padding:14px}.dd-state span{font-family:var(--font-mono);color:var(--text-mute);margin-bottom:10px;font-size:12px;display:block}.dd-state strong{font-family:var(--font-mono);color:var(--text);font-size:18px;line-height:1.25}.dd-state.hot strong{color:var(--accent)}.dd-state.warn strong{color:#ffd166}.dd-state.ok strong{color:#8df7bd}.dd-footer{grid-template-columns:1.1fr 1.25fr 1.25fr;gap:18px;display:grid}.dd-footer div{border-top:1px solid var(--rule);min-height:82px;padding-top:12px}.dd-footer span,.dd-footer strong{display:block}.dd-footer strong{color:var(--text-2);margin-top:8px;font-size:18px;font-weight:500;line-height:1.35}.dd-timeline,.dd-token-tape,.dd-blocks,.dd-queues,.dd-pressure,.dd-prefix,.dd-metrics{align-self:stretch;min-height:0}.dd-timeline{align-content:center;gap:34px;display:grid}.dd-lane{gap:12px;display:grid}.dd-token-row{grid-template-columns:repeat(10,1fr);gap:8px;display:grid}.dd-token-row b{border:1px solid var(--rule);background:#ffffff08;height:54px}.dd-token-row b.fill{background:var(--accent-soft);border-color:var(--accent)}.dd-token-row.decode b{height:34px}.dd-band{border:1px solid var(--rule);font-family:var(--font-mono);color:var(--text-2);grid-template-columns:1fr 1fr;display:grid}.dd-band span{padding:18px}.dd-band span+span{border-left:1px solid var(--rule)}.dd-loop{grid-template-columns:repeat(5,1fr);align-content:center;gap:14px;display:grid;position:relative}.dd-loop:before{content:"";border-top:2px dashed var(--rule);position:absolute;top:50%;left:8%;right:8%}.dd-loop-node{z-index:1;border:1px solid var(--rule);background:var(--surface-3);text-align:center;height:190px;color:var(--text-mute);place-items:center;padding:18px;display:grid;position:relative}.dd-loop-node span,.dd-loop-node strong{font-family:var(--font-mono);display:block}.dd-loop-node strong{font-size:20px;line-height:1.2}.dd-loop-node.is-on{color:var(--text);border-color:var(--accent)}.dd-loop-core{border:1px solid var(--accent);background:var(--surface);color:var(--accent);font-family:var(--font-mono);padding:12px 18px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.dd-token-tape{align-content:center;gap:18px;display:grid}.dd-tape-labels{font-family:var(--font-mono);color:var(--text-mute);grid-template-columns:9fr 5fr;gap:10px;display:grid}.dd-tape{grid-template-columns:repeat(14,1fr);gap:7px;display:grid}.dd-tape b{border:1px solid var(--rule);background:#ffffff08;height:86px}.dd-tape b.prompt{background:#5fc7e814}.dd-tape b.gen{background:#ffffff0d}.dd-tape b.computed{border-color:var(--accent);box-shadow:inset 0 -10px 0 var(--accent-soft)}.dd-gate{border:1px solid var(--rule);font-family:var(--font-mono);justify-self:start;align-items:center;gap:18px;padding:14px 18px;display:flex}.dd-gate strong{color:var(--accent)}.dd-blocks{grid-template-columns:230px 1fr;align-items:center;gap:30px;display:grid}.dd-block-table{gap:12px;display:grid}.dd-block-table div{border:1px solid var(--rule);font-family:var(--font-mono);justify-content:space-between;padding:14px;display:flex}.dd-block-table div.shared,.dd-grid b.shared{background:#8df7bd24;border-color:#8df7bd}.dd-block-table div.cow,.dd-grid b.cow{background:#ffd1662e;border-color:#ffd166}.dd-grid{grid-template-columns:repeat(8,1fr);gap:10px;display:grid}.dd-grid b{aspect-ratio:1;border:1px solid var(--rule);background:#ffffff08}.dd-grid b.used{background:var(--accent-soft);border-color:var(--accent)}.dd-queues{grid-template-columns:1fr;align-content:center;gap:18px;display:grid}.dd-queue{grid-template-columns:130px 1fr;align-items:center;gap:18px;display:grid}.dd-queue>div{border:1px solid var(--rule);background:var(--surface-3);align-items:center;gap:10px;min-height:74px;padding:12px;display:flex}.dd-queue b{border:1px solid var(--accent);min-width:52px;height:44px;color:var(--accent);font-family:var(--font-mono);place-items:center;font-size:13px;display:grid}.dd-pressure{align-content:center;gap:28px;display:grid}.dd-pool{border:1px solid var(--rule);background:var(--surface-3);padding:20px}.dd-pool>div:first-child{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dd-pool strong{font-family:var(--font-mono);color:var(--accent)}.dd-pool-bar{border:1px solid var(--rule);height:48px;position:relative;overflow:hidden}.dd-pool-bar b{background:var(--accent-soft);border-right:2px solid var(--accent);position:absolute;inset:0 auto 0 0}.dd-pool-bar i{background:#ffd166;width:2px;position:absolute;top:-8px;bottom:-8px}.dd-pressure-note{border:1px dashed var(--rule);font-family:var(--font-mono);justify-self:start;gap:22px;padding:16px 18px;display:flex}.dd-pressure-note strong{color:#ffd166}.dd-prefix{align-content:center;gap:24px;display:grid}.dd-hash{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.dd-hash div{border:1px solid var(--rule);min-height:96px;font-family:var(--font-mono);color:var(--text-mute);align-content:space-between;padding:14px;display:grid}.dd-hash div.hit{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.dd-hash div.evict{color:#ffd166;border-color:#ffd166}.dd-prefix-tape{grid-template-columns:repeat(12,1fr);gap:8px;display:grid}.dd-prefix-tape b{border:1px solid var(--rule);background:#ffffff08;height:64px}.dd-prefix-tape b.hit{border-color:var(--accent);background:var(--accent-soft)}.dd-prefix-tape b.unique{border-style:dashed}.dd-cache-life{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dd-cache-life span{text-align:center;border:1px solid var(--rule);font-family:var(--font-mono);color:var(--text-mute);padding:18px}.dd-cache-life span.on{color:var(--accent);border-color:var(--accent)}.dd-metrics{align-content:center;gap:28px;display:grid}.dd-metric-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dd-metric-grid div{border:1px solid var(--rule);background:var(--surface-3);align-content:space-between;min-height:120px;padding:18px;display:grid}.dd-metric-grid span,.dd-metric-grid strong{font-family:var(--font-mono)}.dd-metric-grid div.is-on{border-color:var(--accent)}.dd-metric-grid div.is-on strong{color:var(--accent)}.dd-map{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.dd-map b{text-align:center;border:1px solid var(--rule);min-height:72px;font-family:var(--font-mono);color:var(--text-mute);place-items:center;font-size:14px;display:grid}.dd-map b.is-on{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.ip-scene .dd-step-copy h2{max-width:14ch}.es-scene .dd-code{max-width:620px}.sa-scene .dd-tape b{height:92px}.pk-scene .dd-grid b{min-width:0}.sc-scene .dd-queue>div{min-height:82px}.mp-scene .dd-pressure-note{background:#ffd16614}.pc-scene .dd-hash div{min-height:108px}.ov-scene .dd-metric-grid div{min-height:132px}