:root{--bg:#14161a;--panel:#1c1f26;--border:#2a2e37;--text:#e8e6e1;--text-muted:#8a8f9c;--accent:#4fd1c5;--live:#ff5a36;--test:#5b8cff;--warn:#f5a623;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--font-body:"Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5}h1,h2,h3{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin:0;font-weight:600}code{font-family:var(--font-mono)}button{font-family:var(--font-body);cursor:pointer}input,select,textarea{font-family:var(--font-body);background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:6px 10px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;color:var(--text);background:0 0;border:1px solid #0000;border-radius:4px;padding:8px 14px;font-size:12px}.btn--primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn--ghost{border-color:var(--border);color:var(--text-muted);background:0 0}.btn--ghost:hover{color:var(--text)}.btn--danger{border-color:var(--live);color:var(--live);background:0 0}.badge{font-family:var(--font-mono);border:1px solid;border-radius:2px;padding:2px 8px;font-size:12px;display:inline-block}.badge--active{color:var(--accent)}.badge--archived{color:var(--text-muted)}