:root{--ink: #07080b;--ink-2: #0d1016;--panel: #11151d;--panel-2: #171c27;--line: #2a3140;--line-2: #3a4356;--gold: #d4a017;--gold-2: #f3c85a;--gold-dim: #7a5c12;--mint: #4fd6c0;--mint-dim: #1f6f64;--rose: #e36b6b;--paper: #efe8d8;--mute: #8b92a3;--text: #e8e4d8;--rail: 76px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--ink);color:var(--text);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13.5px;line-height:1.55;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(212,160,23,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(212,160,23,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 20% 0%,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse at 20% 0%,#000 20%,transparent 70%);z-index:0}a{color:var(--gold-2);text-decoration:none}a:hover{color:var(--paper)}button,input,textarea,select{font:inherit;color:inherit}img{max-width:100%}.shell{display:grid;grid-template-columns:var(--rail) 1fr;min-height:100vh;position:relative;z-index:1}.rail{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#07080beb;display:flex;flex-direction:column;align-items:center;padding:18px 0 14px;gap:10px}.rail__mark{width:42px;height:42px;display:grid;place-items:center;color:var(--ink);background:var(--gold);font-family:Syne,sans-serif;font-weight:800;font-size:18px;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}.rail__spine{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.28em;font-size:10px;color:var(--mute);margin:8px 0 18px}.rail nav{display:flex;flex-direction:column;gap:6px;width:100%;align-items:center;flex:1}.rail a{width:44px;height:44px;display:grid;place-items:center;color:var(--mute);border:1px solid transparent;position:relative}.rail a:hover,.rail a.active{color:var(--gold-2);border-color:var(--line);background:var(--panel)}.rail a.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--gold)}.rail svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6}.stage{min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;border-bottom:1px solid var(--line);background:#0d1016cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}.topbar__live{display:flex;align-items:center;gap:8px;color:var(--mint);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.pulse{width:7px;height:7px;border-radius:99px;background:var(--mint);box-shadow:0 0 #4fd6c0b3;animation:ping 1.8s infinite}@keyframes ping{70%{box-shadow:0 0 0 8px #4fd6c000}}.page{padding:28px 32px 80px;max-width:1240px}.kicker{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;font-size:11px;margin-bottom:10px}h1,h2,h3{font-family:Syne,sans-serif;font-weight:700;letter-spacing:-.03em;line-height:1.05}h1{font-size:clamp(42px,7vw,88px);color:var(--paper)}h2{font-size:clamp(28px,4vw,42px);color:var(--paper)}h3{font-size:20px}.lede{max-width:62ch;color:var(--mute);margin-top:14px;font-size:14px}.cut{background:var(--panel);border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.cut--pad{padding:20px 22px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.metric{padding:16px 18px;background:var(--ink-2);border:1px solid var(--line)}.metric b{display:block;font-family:Syne,sans-serif;font-size:28px;color:var(--gold-2)}.metric span{color:var(--mute);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.ticker{margin-top:28px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a0c11}.ticker__track{display:flex;gap:32px;padding:10px 0;width:max-content;animation:marquee 28s linear infinite;color:var(--mute);font-size:12px}.ticker em{color:var(--mint);font-style:normal}.ticker strong{color:var(--gold-2);font-weight:500}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:10px;flex-wrap:wrap}.chip{border:1px solid var(--line-2);padding:4px 8px;color:var(--paper);font-size:11px;letter-spacing:.04em}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--gold);color:var(--ink);border:0;cursor:pointer;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:11px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.btn:hover{background:var(--gold-2);color:var(--ink)}.btn--ghost{background:transparent;color:var(--gold-2);border:1px solid var(--gold-dim);clip-path:none}.list{list-style:none}.list li{padding:10px 0;border-bottom:1px solid var(--line);color:var(--mute)}.list li:before{content:"▸ ";color:var(--gold)}.timeline{border-left:1px solid var(--gold-dim);padding-left:20px;margin-left:6px}.timeline article{margin-bottom:28px;position:relative}.timeline article:before{content:"";position:absolute;left:-24px;top:6px;width:8px;height:8px;background:var(--gold)}.prose{font-family:Newsreader,Georgia,serif;font-size:19px;line-height:1.45;color:#d9d3c4;max-width:68ch}.prose p+p,.prose h3+p{margin-top:.9em}.prose h3{margin-top:1.4em;color:var(--paper)}.graph-wrap{display:grid;grid-template-columns:1.4fr .9fr;gap:16px;min-height:640px}.graph{background:radial-gradient(circle at 50% 20%,rgba(212,160,23,.08),transparent 40%),var(--ink-2);border:1px solid var(--line);position:relative;overflow:hidden}.graph svg{width:100%;height:100%;min-height:640px}.node{cursor:pointer}.node rect{fill:var(--panel);stroke:var(--line-2)}.node.is-on rect{stroke:var(--gold);fill:#1a160c}.node text{fill:var(--paper);font-size:11px;font-family:IBM Plex Mono,monospace}.edge{stroke:#3d4658;fill:none;stroke-width:1.4}.edge.is-on{stroke:var(--gold)}.dash{stroke-dasharray:6 8;animation:flow 1.2s linear infinite}@keyframes flow{to{stroke-dashoffset:-28}}.node-panel h3{color:var(--gold-2)}.node-panel .kind{color:var(--mint);letter-spacing:.14em;text-transform:uppercase;font-size:10px;margin-bottom:8px}.tabs{display:flex;gap:8px;margin:18px 0}.tabs button{background:transparent;border:1px solid var(--line);padding:8px 12px;cursor:pointer;color:var(--mute)}.tabs button.is-on{border-color:var(--gold);color:var(--gold-2);background:#18140a}.playground{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px}label{display:block;color:var(--mute);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}input,textarea,select{width:100%;background:var(--ink);border:1px solid var(--line);padding:10px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--gold-dim)}textarea{min-height:120px;resize:vertical}.json{background:#090b10;border:1px solid var(--line);padding:16px;overflow:auto;max-height:520px;color:#c8d0c0;font-size:12px;white-space:pre-wrap;word-break:break-word}.gh-event{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.muted{color:var(--mute)}.ok{color:var(--mint)}.warn{color:var(--gold-2)}.bad{color:var(--rose)}.form{display:grid;gap:12px;max-width:560px}.status-bar{display:flex;gap:16px;flex-wrap:wrap;color:var(--mute);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.note-card:hover{border-color:var(--gold-dim)}@media(max-width:980px){.shell{grid-template-columns:1fr}.rail{position:sticky;top:0;height:auto;flex-direction:row;width:100%;padding:8px 10px;overflow-x:auto;z-index:8}.rail__spine{display:none}.rail nav{flex-direction:row;flex:1}.metrics,.grid-2,.grid-3,.graph-wrap,.playground{grid-template-columns:1fr}.page{padding:20px 16px 64px}}