@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-0:#0a0c10;--bg-1:#12151c;--bg-2:#1a1f29;--bg-3:#232936;--border:#2a3140;--border-bright:#3a4456;--text-0:#e8edf4;--text-1:#9aa6b8;--text-2:#5e6a7d;--live:#00e5a0;--live-dim:#0a7a5a;--rec:#ff3b5c;--rec-dim:#7a1a2c;--warn:#ffb340;--accent:#00b4d8;--shadow:0 4px 24px #0006;--mono:"JetBrains Mono", monospace;--display:"Space Grotesk", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-0);color:var(--text-0);font-family:var(--display);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 20% 0,#00b4d80a,#0000 40%),radial-gradient(circle at 80% 100%,#00e5a008,#0000 40%);min-height:100vh;font-size:14px;line-height:1.5}.mono{font-family:var(--mono)}.badge{font-family:var(--mono);border:1px solid var(--border-bright);color:var(--text-1);border-radius:4px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge.live{color:var(--live);border-color:var(--live-dim);background:#00e5a014}.badge.rec{color:var(--rec);border-color:var(--rec-dim);background:#ff3b5c14}.badge .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.badge.live .dot{animation:2s infinite pulse}.badge.rec .dot{animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}button{font-family:var(--display);cursor:pointer;border:1px solid var(--border-bright);background:var(--bg-3);color:var(--text-0);border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}button:hover{border-color:var(--accent);background:var(--bg-2)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--live-dim);border-color:var(--live);color:var(--live)}button.danger{background:var(--rec-dim);border-color:var(--rec);color:var(--rec)}input,select{font-family:var(--mono);background:var(--bg-0);border:1px solid var(--border);color:var(--text-0);border-radius:6px;width:100%;padding:8px 12px;font-size:13px}input:focus,select:focus{border-color:var(--accent);outline:none}