.btn{font:500 12px/16px var(--font-mono);letter-spacing:.6px;text-transform:uppercase;border:1px solid transparent;border-radius:var(--radius-md);padding:8px 14px;cursor:pointer;transition:background .1s,border-color .1s,color .1s,box-shadow .1s;display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.btn:focus-visible{outline:1px solid var(--accent-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-dim)}.btn[disabled]{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--accent-primary);color:#0a141c;box-shadow:0 1px #ffffff4d inset,0 0 18px #38c0e859}.btn--primary:hover:not([disabled]){background:#54cdf0;box-shadow:0 1px #ffffff59 inset,0 0 26px #38c0e880}.btn--secondary{background:var(--surface-2);color:var(--text-hi);border-color:var(--border-strong);box-shadow:inset 0 1px 0 var(--glass-edge-top)}.btn--secondary:hover:not([disabled]){background:var(--surface-3);border-color:#38c0e86b}.btn--ghost{background:transparent;color:var(--text-mid)}.btn--ghost:hover:not([disabled]){color:var(--text-hi);background:var(--surface-2)}.btn--danger{background:var(--surface-2);color:var(--status-byzantine);border-color:var(--border-strong);box-shadow:inset 0 1px 0 var(--glass-edge-top)}.btn--danger:hover:not([disabled]){background:#ef5a4d24;border-color:var(--status-byzantine)}.btn--sm{padding:4px 10px;font-size:10px;line-height:12px}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-pill);font:500 10px/14px var(--font-mono);letter-spacing:.8px;text-transform:uppercase;border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-mid);white-space:nowrap;box-shadow:inset 0 1px 0 var(--glass-edge-top)}.pill--nominal{color:var(--status-nominal);border-color:#3fc97a73;background:#3fc97a1f}.pill--flagged{color:var(--status-flagged);border-color:#f0a83a73;background:#f0a83a1f}.pill--byzantine{color:var(--status-byzantine);border-color:#ef5a4d73;background:#ef5a4d1f}.pill--accent{color:var(--accent-primary);border-color:#38c0e873;background:#38c0e81f}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-sm);font:500 11px/14px var(--font-mono);letter-spacing:.8px;text-transform:uppercase;border:1px solid var(--border-subtle);background:transparent;color:var(--text-mid);cursor:pointer;transition:border-color .1s,color .1s,background .1s,box-shadow .1s}.chip:hover{color:var(--text-hi);border-color:var(--border-strong)}.chip:focus-visible{outline:1px solid var(--accent-primary);outline-offset:1px}.chip[aria-pressed=true]{color:var(--text-hi);border-color:var(--accent-primary);background:var(--accent-dim);box-shadow:0 0 12px #38c0e847}.chip__swatch{width:6px;height:6px;border-radius:1px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border-subtle)}.tabs__tab{font:500 11px/14px var(--font-mono);letter-spacing:.8px;text-transform:uppercase;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text-low);padding:10px 14px;cursor:pointer;transition:color .1s,border-color .1s,text-shadow .1s;margin-bottom:-1px}.tabs__tab:hover{color:var(--text-mid)}.tabs__tab[aria-selected=true]{color:var(--accent-primary);border-bottom-color:var(--accent-primary);text-shadow:0 0 10px rgba(56,192,232,.35)}.tabs__tab:focus-visible{outline:1px solid var(--accent-primary);outline-offset:-2px}:root{color-scheme:dark;--chassis-base: #22272e;--chassis-dark: #14181d;--chassis-light: #2e353d;--surface-bg: transparent;--surface-1: rgba(40, 48, 58, .72);--surface-2: rgba(52, 62, 74, .82);--surface-3: rgba(64, 76, 90, .9);--border-subtle: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .22);--text-hi: #e8eef3;--text-mid: #9aa6b3;--text-low: #606b78;--status-nominal: #3fc97a;--status-flagged: #f0a83a;--status-byzantine: #ef5a4d;--accent-primary: #38c0e8;--accent-dim: rgba(56, 192, 232, .2);--phosphor: var(--accent-primary);--lesson-intuition: #b08aff;--lesson-claim: var(--status-nominal);--lesson-limit: var(--status-flagged);--glass-blur: blur(20px) saturate(150%);--glass-blur-strong: blur(30px) saturate(170%);--glass-edge-top: rgba(255, 255, 255, .1);--glass-shadow: 0 10px 28px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .3);--glass-inset: inset 0 1px 0 var(--glass-edge-top), inset 0 -1px 0 rgba(0, 0, 0, .35);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-pill: 999px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;color:var(--text-hi);font-family:var(--font-sans);font-size:13px;line-height:20px}body{background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0px,rgba(255,255,255,.025) 1px,transparent 1px,transparent 3px),radial-gradient(1400px 600px at 50% -5%,rgba(255,255,255,.06),transparent 60%),radial-gradient(900px 700px at 10% 5%,rgba(56,192,232,.08),transparent 60%),radial-gradient(900px 700px at 92% 95%,rgba(0,0,0,.3),transparent 60%),linear-gradient(180deg,#22272e,#14181d);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#0000008c,#0000 75%);-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.55),rgba(0,0,0,0) 75%)}#root{position:relative;z-index:1}.t-h1{font:600 28px/34px var(--font-sans);letter-spacing:-.4px}.t-h2{font:600 20px/26px var(--font-sans);letter-spacing:-.2px}.t-h3{font:500 15px/22px var(--font-sans);letter-spacing:-.1px}.t-body{font:400 13px/20px var(--font-sans)}.t-bodyS{font:400 12px/18px var(--font-sans)}.t-labelLg{font:500 12px/16px var(--font-mono);letter-spacing:.6px;text-transform:uppercase}.t-label{font:500 11px/14px var(--font-mono);letter-spacing:.8px;text-transform:uppercase}.t-labelSm{font:500 10px/12px var(--font-mono);letter-spacing:1px;text-transform:uppercase}.t-numLg{font:500 22px/28px var(--font-mono)}.t-numMd{font:500 14px/18px var(--font-mono)}.t-numSm{font:400 11px/14px var(--font-mono)}.t-code{font:400 12px/18px var(--font-mono)}.t-readout{color:var(--phosphor);text-shadow:0 0 12px rgba(56,192,232,.45)}