@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f1a;--bg-elev:#131826;--ink:#f5f1e6;--ink-muted:#b6ac92;--ink-dim:#6c7689;--line:#f5f1e617;--panel:#f5f1e609;--gold:#c9a23a;--gold-bright:#e6bf52;--gold-deep:#8a6e20;--wood-dark:#3c2c1b;--wood-mid:#7a5a38;--spark-cyan:#3dffe7;--spark-magenta:oklch(62% .26 320);--leaf-spring:oklch(70% .13 150);--leaf-summer:oklch(80% .17 130);--leaf-bloom:#e6bf52;--m-opus:oklch(70% .16 295);--m-sonnet:oklch(78% .14 240);--m-haiku:#3dffe7;--m-codex:oklch(72% .15 255);--claude:var(--m-opus);--codex:var(--m-codex);--cl-infra:var(--gold);--cl-knowledge:var(--m-sonnet);--cl-web:oklch(68% .18 18);--cl-skills:var(--leaf-summer);--cl-ops:var(--m-opus);--cl-seed:var(--gold-deep);--scar:oklch(70% .18 18);--guard:oklch(78% .16 160);--radius:.875rem;--shadow-panel:0 20px 60px -20px #02040acc, 0 0 0 1px #c9a23a12 inset;--shadow-tt:0 12px 40px #0000008c;--glow-cyan:0 0 32px -8px #3dffe74d;--ease-quint:cubic-bezier(.16, 1, .3, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.22, 1, .36, 1);--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-ui:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--mesh:radial-gradient(ellipse 75% 55% at 50% -5%, oklch(42% .09 78/.22), transparent 60%), radial-gradient(ellipse 50% 40% at 10% 28%, oklch(32% .1 200/.18), transparent 60%), radial-gradient(ellipse 55% 45% at 90% 80%, oklch(28% .1 292/.16), transparent 62%)}body:after{content:"";z-index:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.045 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}*{box-sizing:border-box}html,body{background:var(--bg);background-image:var(--mesh);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;margin:0}body>*{z-index:1;position:relative}a{color:var(--gold-bright)}.wrap{max-width:1180px;margin:0 auto;padding:0 22px 100px}header.hd{max-width:1180px;margin:0 auto;padding:64px 22px 10px}h1{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.02em;background:linear-gradient(96deg, #fff 4%, var(--gold-bright) 58%, var(--gold) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(34px,6.2vw,76px);font-weight:600;line-height:1}.sub{color:var(--ink-muted);max-width:760px;margin:18px 0 0;font-size:clamp(15px,2vw,19px);line-height:1.55}.totals{flex-wrap:wrap;gap:14px 30px;margin-top:30px;display:flex}.tot b{font-family:var(--font-display);color:var(--gold-bright);font-variant-numeric:tabular-nums;font-size:32px;font-weight:600;line-height:1.1;display:block}.tot span{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.8px;font-size:11.5px}section{margin-top:64px;scroll-margin-top:24px}h2{font-family:var(--font-ui);letter-spacing:2.4px;text-transform:uppercase;color:var(--gold);margin:0 0 6px;font-size:12.5px;font-weight:700}h3{font-family:var(--font-display);margin:0 0 2px;font-size:17px;font-weight:600}.lead{color:var(--ink-muted);max-width:740px;margin:0 0 20px;font-size:14.5px;line-height:1.55}.c-claude{color:var(--claude);font-weight:700}.c-codex{color:var(--codex);font-weight:700}.c-scar{color:var(--scar);font-weight:700}.stage{border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 6%, oklch(26% .06 250/.9) 0%, oklch(17% .04 245) 44%, var(--bg) 100%);box-shadow:var(--shadow-panel);border-radius:18px;position:relative;overflow:hidden}svg{width:100%;height:auto;display:block}svg.tree{z-index:1;position:relative}#swarm{pointer-events:none;z-index:2;position:absolute;top:0;left:0}.story-caption{text-align:center;font-family:var(--font-display);color:var(--ink);text-shadow:0 2px 18px #000000b3;opacity:0;transition:opacity .5s var(--ease-smooth);pointer-events:none;z-index:3;padding:0 18px;font-size:clamp(15px,2.2vw,22px);position:absolute;top:18px;left:0;right:0}.story-caption.on{opacity:.95}.controls{border-top:1px solid var(--line);z-index:4;background:#0000004d;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;display:flex;position:relative}.btn{background:linear-gradient(135deg, var(--gold-bright), var(--gold-deep));color:#1a1206;font-family:var(--font-ui);cursor:pointer;transition:filter .15s, transform .15s var(--ease-back);border:0;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:700}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.97)}.btn.ghost{color:var(--ink-muted);border:1px solid var(--line);background:0 0}.btn.ghost:hover{color:var(--ink);border-color:var(--gold)}.btn:focus-visible,input:focus-visible{outline:2px solid var(--spark-cyan);outline-offset:2px}input[type=range]{min-width:180px;accent-color:var(--gold);cursor:pointer;flex:1;height:4px}.datebox{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--gold-bright);text-align:right;min-width:124px;font-size:15px;font-weight:600}.legend{color:var(--ink-muted);border-top:1px solid var(--line);z-index:4;background:#0003;flex-wrap:wrap;gap:8px 18px;padding:12px 18px;font-size:12.5px;display:flex;position:relative}.legend i{vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.strand-key b{font-weight:700}.tt{pointer-events:none;z-index:60;background:var(--bg-elev);border:1px solid var(--line);opacity:0;max-width:290px;box-shadow:var(--shadow-tt);border-radius:11px;padding:10px 13px;font-size:13px;transition:opacity .12s;position:fixed}.tt h4{color:var(--gold-bright);font-size:13.5px;font-family:var(--font-ui);margin:0 0 4px}.tt p{color:var(--ink-muted);margin:3px 0 0;line-height:1.45}.tt .meta{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:11px}.grid2{grid-template-columns:1fr 1fr;gap:22px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:18px 18px 10px}.panel .ph{color:var(--ink-muted);margin:0 0 12px;font-size:12.5px;line-height:1.5}.axis text{fill:var(--ink-dim);font-size:11px;font-family:var(--font-ui)}.axis path,.axis line{stroke:#f5f1e614}.stream-panel{margin-bottom:18px;padding:0;position:relative;overflow:hidden}.stream-canvas{width:100%;height:240px;display:block}.stream-canvas canvas{display:block;width:100%!important;height:240px!important}.stream-caption{border-top:1px solid var(--line);color:var(--ink-muted);background:#0000002e;flex-wrap:wrap;align-items:center;gap:14px;padding:9px 16px;font-size:11.5px;display:flex}.stream-caption .dot{vertical-align:-1px;border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block;box-shadow:0 0 6px}.stream-caption .flow-note{color:var(--ink-dim);margin-left:auto;font-style:italic}.rail{margin-top:8px;padding-left:32px;position:relative}.rail:before{content:"";background:linear-gradient(var(--gold), #c9a23a1f);width:2px;position:absolute;top:6px;bottom:6px;left:10px}.ms{margin:0 0 22px;position:relative}.ms .dot{border:3px solid var(--bg);background:var(--gold);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:2px;left:-28px}.ms .dot svg{width:10px;height:10px}.ms.storm .dot{background:var(--scar)}.ms.seed .dot{background:var(--cl-seed)}.ms.bloom .dot{background:var(--cl-skills)}.ms .d{font-family:var(--font-mono);color:var(--gold);font-size:12px;font-weight:600}.ms h4{font-family:var(--font-display);margin:3px 0 4px;font-size:17px;font-weight:600}.ms p{color:var(--ink-muted);margin:0;font-size:13.5px;line-height:1.5}.ms .src{color:var(--ink-dim);margin-top:5px;font-size:11px}.badge{border:1px solid var(--line);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.5px;vertical-align:2px;border-radius:20px;margin-left:8px;padding:1px 8px;font-size:10px;display:inline-block}.badge.inf{color:var(--gold);border-color:#c9a23a66}.storms{grid-template-columns:1fr 1fr;gap:14px;margin-top:6px;display:grid}.storm-c{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--scar);border-radius:12px;padding:15px 17px}.storm-c .d{font-family:var(--font-mono);color:var(--scar);font-size:12px;font-weight:600}.storm-c h4{font-family:var(--font-display);margin:4px 0 9px;font-size:16px;font-weight:600}.storm-c .row{align-items:flex-start;gap:7px;margin:5px 0;font-size:13px;line-height:1.45;display:flex}.storm-c .ic{vertical-align:-2px;margin-right:1px;display:inline-flex}.storm-c .ic svg{width:13px;height:13px}.scar{color:var(--scar)}.guard{color:var(--guard)}footer{border-top:1px solid var(--line);color:var(--ink-dim);margin-top:70px;padding-top:22px;font-size:12.5px;line-height:1.65}footer b{color:var(--ink-muted)}footer code{font-family:var(--font-mono);color:var(--gold);font-size:11.5px}.skills-wrap text{fill:var(--ink-muted);font-size:11px;font-family:var(--font-ui)}#hero{z-index:1;background:radial-gradient(120% 90% at 50% 6%, color-mix(in oklch, var(--bg-elev) 90%, transparent) 0%, var(--bg) 60%, var(--bg) 100%);width:100%;height:100vh;min-height:600px;position:relative;overflow:hidden}#hero-logo{z-index:0;object-fit:cover;object-position:center;opacity:0;filter:saturate(1.12)contrast(1.04);pointer-events:none;width:100%;height:100%;transition:opacity .8s;animation:52s ease-in-out infinite logodrift;position:absolute;inset:0;transform:scale(1.08)}#hero-video{z-index:0;object-fit:cover;opacity:0;filter:saturate(1.12)contrast(1.05);pointer-events:none;width:100%;height:100%;transition:opacity .8s;animation:46s ease-in-out infinite logodrift;position:absolute;inset:0;transform:scale(1.1)}@keyframes logodrift{0%{transform:scale(1.1)translate(0)}50%{transform:scale(1.16)translate(-1.6%,-1.2%)}to{transform:scale(1.1)translate(0)}}#hero-veil{z-index:1;pointer-events:none;background:radial-gradient(115% 80% at 50% 16%, color-mix(in oklch, var(--bg) 12%, transparent) 0%, color-mix(in oklch, var(--bg) 55%, transparent) 58%, color-mix(in oklch, var(--bg) 82%, transparent) 100%);position:absolute;inset:0}#sketch{z-index:2;position:absolute;inset:0}#sketch canvas{width:100%;height:100%;display:block}.glass{z-index:3;-webkit-backdrop-filter:blur(9px);background:color-mix(in oklch, var(--bg-elev) 70%, transparent);border:1px solid color-mix(in oklch, var(--spark-cyan) 16%, var(--line));border-radius:14px;padding:14px 18px;position:absolute;box-shadow:0 10px 44px #00000080}#hud-title{max-width:420px;top:26px;left:26px}#hud-title h1{font-size:clamp(26px,3.2vw,44px);line-height:1.02}#hud-title .sub{max-width:none;margin-top:8px;font-size:13.5px}#hud-stats{text-align:right;min-width:232px;top:26px;right:26px}#hud-stats .lbl{color:var(--ink-muted);text-transform:uppercase;letter-spacing:1.5px;font-size:10.5px}#hud-stats .big{font-family:var(--font-display);color:var(--spark-cyan);font-variant-numeric:tabular-nums;text-shadow:0 0 18px color-mix(in oklch, var(--spark-cyan) 50%, transparent);font-size:34px;font-weight:600;line-height:1.1}#hud-stats .row{color:var(--ink-muted);margin-top:8px;font-size:13px}#hud-stats .row b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}#hud-stats .duet{justify-content:flex-end;gap:6px;margin-top:11px;font-size:11px;display:flex}.pill{border-radius:999px;padding:3px 9px}.pill-claude{background:color-mix(in oklch, var(--claude) 18%, var(--bg-elev));border:1px solid color-mix(in oklch, var(--claude) 42%, transparent);color:var(--ink)}.pill-codex{background:color-mix(in oklch, var(--codex) 18%, var(--bg-elev));border:1px solid color-mix(in oklch, var(--codex) 42%, transparent);color:var(--ink)}#hud-legend{min-width:206px;font-size:12px;line-height:1.9;bottom:132px;right:26px}#hud-legend .hd{color:var(--ink-muted);letter-spacing:1.3px;text-transform:uppercase;margin-bottom:5px;font-size:10px}#hud-legend .k{vertical-align:-1px;border-radius:3px;width:11px;height:11px;margin-right:8px;display:inline-block}#hud-legend .t{color:var(--ink-muted)}.c-claude-bg{background:var(--claude)}.c-codex-bg{background:var(--codex)}#hud-caveat{max-width:344px;color:var(--ink-muted);font-size:11.5px;line-height:1.5;bottom:30px;left:26px}#hud-caveat b{color:var(--gold-bright)}#hud-transport{align-items:center;gap:15px;width:min(620px,74vw);display:flex;bottom:30px;left:50%;transform:translate(-50%)}#hud-transport #play{cursor:pointer;border:1px solid color-mix(in oklch, var(--spark-cyan) 50%, transparent);background:color-mix(in oklch, var(--spark-cyan) 14%, var(--bg-elev));width:46px;height:46px;color:var(--spark-cyan);transition:background .15s, transform .15s var(--ease-back);border-radius:50%;flex:none;place-items:center;font-size:16px;display:grid}#hud-transport #play:hover{background:color-mix(in oklch, var(--spark-cyan) 26%, var(--bg-elev))}#hud-transport #play:active{transform:scale(.94)}.scrub-wrap{flex-direction:column;flex:1;gap:6px;display:flex}#scrub{appearance:none;background:linear-gradient(90deg, var(--claude), var(--spark-cyan));cursor:pointer;border-radius:4px;outline:none;width:100%;height:5px}#scrub::-webkit-slider-thumb{-webkit-appearance:none;background:var(--spark-cyan);border:2px solid var(--bg);width:16px;height:16px;box-shadow:0 0 12px var(--spark-cyan);border-radius:50%}#scrub::-moz-range-thumb{background:var(--spark-cyan);border:2px solid var(--bg);border-radius:50%;width:14px;height:14px}.date-row{font-family:var(--font-mono);color:var(--ink-muted);justify-content:space-between;font-size:11.5px;display:flex}.date-row #curdate{color:var(--spark-cyan);font-weight:600}#hud-themes{padding:12px 13px;top:50%;left:26px;transform:translateY(-50%)}#hud-themes .hd{color:var(--ink-muted);letter-spacing:1.3px;text-transform:uppercase;margin-bottom:9px;font-size:10px}.theme-rail{flex-direction:column;gap:7px;display:flex}.theme-btn{cursor:pointer;color:var(--ink-muted);font-family:var(--font-ui);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:3px 5px;font-size:12px;transition:background .15s,color .15s;display:flex}.theme-btn:hover{background:color-mix(in oklch, var(--ink) 8%, transparent);color:var(--ink)}.theme-btn .swatch{border:2px solid #0000;border-radius:50%;flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 1px #ffffff1f}.theme-btn .swatch.logo{background-color:#000;background-position:50%;background-size:cover}.theme-btn[aria-pressed=true]{color:var(--ink);background:color-mix(in oklch, var(--ink) 10%, transparent)}.theme-btn[aria-pressed=true] .swatch{border-color:var(--ink);box-shadow:0 0 12px 1px}.scroll-hint{z-index:4;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-muted);opacity:.8;font-size:11px;text-decoration:none;animation:2.4s ease-in-out infinite hintpulse;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.scroll-hint:hover{color:var(--spark-cyan)}@keyframes hintpulse{0%,to{opacity:.45}50%{opacity:.9}}#sec-numbers{padding-top:70px}@media (width<=860px){#hud-legend{display:none}#hud-title{max-width:60vw}#hud-stats{min-width:0}#hud-caveat{max-width:56vw;font-size:10.5px}}@media (width<=600px){#hud-title{max-width:none;padding:11px 14px;top:14px;left:14px;right:14px}#hud-title h1{font-size:22px}#hud-title .sub{display:none}#hud-stats{padding:9px 13px;top:84px;left:auto;right:14px}#hud-stats .big{font-size:25px}#hud-stats .lbl{font-size:9.5px}#hud-caveat{display:none}#hud-transport{width:auto;bottom:18px;left:14px;right:14px;transform:none}#hud-themes{padding:8px 10px;top:auto;bottom:84px;left:14px;transform:none}#hud-themes .hd{display:none}.theme-rail{flex-flow:wrap;gap:5px;max-width:62vw}.theme-btn{gap:0;padding:2px;font-size:0}.scroll-hint{display:none}}@media (width<=820px){.grid2,.storms{grid-template-columns:1fr}}@media (width<=480px){header.hd{padding-top:44px}.totals{gap:12px 22px}.tot b{font-size:26px}.controls{gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}