:root{--bg: #000000;--panel: #0A0A0A;--panel-2: #131313;--border: #1F1F1F;--border-bright: #333333;--text: #E8E8E8;--text-dim: #888888;--text-faint: #444444;--amber: #FFB627;--amber-dim: #B07D00;--green: #00CC44;--red: #FF3344;--cyan: #00CCFF;--magenta: #FF44AA;--font-mono: "IBM Plex Mono", "Menlo", "Courier New", monospace;--font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:var(--amber);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-mono);cursor:pointer;border:1px solid var(--border-bright);background:var(--panel);color:var(--text);padding:8px 16px;font-size:13px;letter-spacing:.05em;text-transform:uppercase;transition:all .1s}button:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--amber);color:var(--bg);border-color:var(--amber);font-weight:600}button.primary:hover:not(:disabled){background:#ffc74a;color:var(--bg)}button.danger{color:var(--red);border-color:#4a1a1a}button.danger:hover:not(:disabled){border-color:var(--red);color:var(--red)}input,select,textarea{font-family:var(--font-mono);background:var(--bg);border:1px solid var(--border-bright);color:var(--text);padding:10px 12px;font-size:13px;width:100%;outline:none;letter-spacing:.02em}input:focus,select:focus,textarea:focus{border-color:var(--amber)}label{display:block;font-size:10px;letter-spacing:.18em;color:var(--text-dim);margin-bottom:6px;text-transform:uppercase}hr{border:none;border-top:1px solid var(--border);margin:20px 0}::selection{background:var(--amber);color:var(--bg)}.ascii-bar{font-family:var(--font-mono);color:var(--border-bright);font-size:10px;letter-spacing:0;overflow:hidden;white-space:nowrap;line-height:1;padding:8px 0}.ticker{font-size:10px;letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase}.status-dot{display:inline-block;width:6px;height:6px;border-radius:0;margin-right:6px;vertical-align:middle}.status-dot.green{background:var(--green);box-shadow:0 0 6px var(--green)}.status-dot.amber{background:var(--amber);box-shadow:0 0 6px var(--amber)}.status-dot.red{background:var(--red);box-shadow:0 0 6px var(--red)}.panel{background:var(--panel);border:1px solid var(--border)}.panel-header{border-bottom:1px solid var(--border);padding:12px 16px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);display:flex;justify-content:space-between;align-items:center}.tag{display:inline-block;font-size:10px;letter-spacing:.15em;padding:2px 8px;border:1px solid var(--border-bright);color:var(--text-dim);text-transform:uppercase}.tag.amber{color:var(--amber);border-color:var(--amber)}.tag.green{color:var(--green);border-color:var(--green)}.tag.red{color:var(--red);border-color:var(--red)}.h1{font-family:var(--font-sans);font-size:36px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}.h2{font-family:var(--font-sans);font-size:24px;font-weight:600;letter-spacing:-.01em;margin:0}.h3{font-size:13px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);margin:0 0 12px}.mono-stat{font-family:var(--font-mono);font-weight:500}.empty-state{border:1px dashed var(--border-bright);padding:40px;text-align:center;color:var(--text-dim)}.empty-state .big{font-family:var(--font-sans);font-size:18px;color:var(--text);margin-bottom:8px}@media (max-width: 700px){.desktop-only{display:none}}@media (min-width: 701px){.mobile-only{display:none}}