:root{--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--leading-tight:1.05;--leading-snug:1.3;--leading-body:1.6;--tracking-label:.14em;--tracking-tight:-.015em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:22px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--border-hair:1px;--border-strong:2px;--shadow-1:0 1px 0 #14182008;--shadow-2:0 12px 34px -28px #14283c73;--ease:cubic-bezier(.2, .6, .2, 1);--dur-fast:.12s;--dur:.2s;--paper:#fafbfc;--panel:#fff;--panel-2:#f4f6f8;--ink:#14191d;--ink-2:#363d44;--dim:#586068;--line:#e4e8ec;--line-2:#eef1f4;--accent:#18715e;--accent-hover:#135b4c;--accent-soft:#ddefea;--on-accent:#fff;--s1:#18715e;--s2:#1e9e8a;--s3:#3c6fd0;--s4:#7c5cd6;--s5:#c84c9e;--s6:#f2724b;--status-dormant:#9aa1a8;--status-dormant-bg:#eef0f2;--status-build:#c98a1e;--status-build-bg:#fbf1d8;--status-test:#7c5cd6;--status-test-bg:#ede8fb;--status-live:#3c6fd0;--status-live-bg:#e2eefa;--status-done:#18715e;--status-done-bg:#ddefea;--seam:#be3e4e;--seam-bg:#fae7ea;--tier-bronze:#b06a34;--tier-silver:#8a93a0;--tier-gold:#c29a2e;color-scheme:light}[data-flavor=dashboard]{--s1:#d11e8f;--s2:#6d49e0;--s3:#16a6c9;--s4:#8fcb3a;--s5:#f2a53b;--s6:#f0573e;--hot:#d11e8f;--hot-soft:#fbe6f3;--text-base:.875rem;--space-5:18px;--space-6:26px;--radius-lg:12px}[data-theme=dark]{--paper:#0d1117;--panel:#131922;--panel-2:#0f141b;--ink:#e6eaef;--ink-2:#b7bfc9;--dim:#8a929c;--line:#232b35;--line-2:#1a212a;--accent:#34b89c;--accent-hover:#45c9ad;--accent-soft:#14302b;--on-accent:#06120f;--s1:#2fb89b;--s2:#36c2ae;--seam:#e36a76;--seam-bg:#3a1a20;--shadow-1:0 1px 0 #00000040;--shadow-2:0 14px 40px -28px #000000b3;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:560;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--ink);margin:0 0 var(--space-4)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}p{margin:0 0 var(--space-4);max-width:68ch}a{color:var(--accent);text-underline-offset:2px}a:hover{color:var(--accent-hover)}code,kbd,samp{font-family:var(--font-mono);font-size:.92em}hr{border:0;border-top:var(--border-hair) solid var(--line);margin:var(--space-6) 0}::selection{background:var(--accent-soft);color:var(--ink)}.u-mono{font-family:var(--font-mono)}.u-dim{color:var(--dim)}.u-nums{font-variant-numeric:tabular-nums}.kicker{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent);font-weight:600}.pride-rule{border-radius:var(--radius-pill);height:5px;display:flex;overflow:hidden}.pride-rule>*{flex:1}.pride-rule .b1{background:var(--s1)}.pride-rule .b2{background:var(--s2)}.pride-rule .b3{background:var(--s3)}.pride-rule .b4{background:var(--s4)}.pride-rule .b5{background:var(--s5)}.pride-rule .b6{background:var(--s6)}.btn{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;background:var(--accent);color:var(--on-accent);transition:background var(--dur-fast) var(--ease);border:0;font-weight:600;display:inline-flex}.btn:hover{background:var(--accent-hover)}.btn--ghost{background:var(--accent-soft);color:var(--accent)}.btn--quiet{color:var(--ink-2);box-shadow:inset 0 0 0 var(--border-hair) var(--line);background:0 0}.tag{font-family:var(--font-mono);font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);align-items:center;font-weight:600;display:inline-flex}.stage{font-family:var(--font-mono);font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--status-dormant-bg);color:var(--status-dormant);font-weight:600}.stage--build{background:var(--status-build-bg);color:var(--status-build)}.stage--test{background:var(--status-test-bg);color:var(--status-test)}.stage--live{background:var(--status-live-bg);color:var(--status-live)}.stage--done{background:var(--status-done-bg);color:var(--status-done)}.card{background:var(--panel);border:var(--border-hair) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.card__pad{padding:var(--space-5)}.metric__v{font-family:var(--font-mono);font-weight:600;font-size:var(--text-2xl);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink);line-height:1}.metric__l{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--dim);margin-top:var(--space-2)}.wrap{max-width:1040px;padding:var(--space-6) var(--space-5) var(--space-8);margin:0 auto}.kicker{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--dim);margin:var(--space-5) 0 var(--space-2)}.lede{font-size:var(--text-lg);line-height:var(--leading-body);color:var(--ink-2);max-width:62ch;margin:0 0 var(--space-6)}.field{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.field input{font-family:var(--font-mono);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:var(--border-hair) solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);flex:1}.field input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.examples{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.examples button{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border:var(--border-hair) solid var(--line);border-radius:var(--radius-pill,999px);color:var(--ink-2);cursor:pointer;background:0 0}.examples button:hover{border-color:var(--accent);color:var(--accent)}.scroller{overflow-x:auto}.trace{font-family:var(--font-mono);font-size:var(--text-sm);border-collapse:collapse;width:100%}.trace td{padding:var(--space-2) var(--space-3);border-top:var(--border-hair) solid var(--line);vertical-align:top;white-space:nowrap}.trace .step{width:7rem;color:var(--dim);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:var(--tracking-label)}.trace tr.answer{background:var(--accent-soft)}.trace tr.answer .step{color:var(--accent);font-weight:600}.trace .ref,.trace .why{color:var(--dim)}.trace .role{min-width:8.5rem;color:var(--ink-2);display:inline-block}.trace .name{color:var(--ink)}details.console{margin-top:var(--space-7);border-top:var(--border-hair) solid var(--line);padding-top:var(--space-5)}details.console summary{font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;color:var(--ink-2)}details.console summary:hover{color:var(--accent)}.console textarea{width:100%;min-height:7rem;font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-3);border:var(--border-hair) solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);margin-top:var(--space-3)}.console pre{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--panel-2);border:var(--border-hair) solid var(--line);border-radius:var(--radius-sm);padding:var(--space-3);overflow-x:auto}.note{font-size:var(--text-sm);color:var(--dim);line-height:var(--leading-body);max-width:68ch}.stats{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--dim);text-transform:uppercase;letter-spacing:var(--tracking-label)}.row{gap:var(--space-4);flex-wrap:wrap;align-items:baseline;display:flex}button.run{font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;padding:var(--space-2) var(--space-4);border:var(--border-hair) solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent)}button.run[disabled]{opacity:.5;cursor:progress}
