:root{--bg:#171717;--bg-deep:#0f0f0f;--panel:#1c1c1c;--panel-2:#232323;--border:#2e2e2e;--border-2:#363636;--border-3:#393939;--text:#fafafa;--text-2:#b4b4b4;--muted:#898989;--accent:#3ecf8e;--accent-2:#00c573;--accent-border:#3ecf8e4d;--on-accent:#06110c;--green:#3ecf8e;--red:#ef4444;--topbar-bg:#171717d9;--radius:8px;--radius-lg:12px;--radius-pill:9999px;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}html.light{--bg:#f6f6f5;--bg-deep:#fff;--panel:#fff;--panel-2:#f1f1f0;--border:#e2e2e0;--border-2:#d4d4d2;--border-3:#c8c8c6;--text:#1a1a1a;--text-2:#4d4d4d;--muted:#7a7a78;--accent:#1d9c6a;--accent-2:#13a06b;--accent-border:#13a06b4d;--green:#1d9c6a;--red:#dc2626;--on-accent:#fff;--topbar-bg:#ffffffd9}html.light .empty,html.light code,html.light pre{background:var(--panel-2)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55}a{color:var(--accent-2);transition:color .15s}a,a:hover{text-decoration:none}a:hover{color:var(--accent)}.container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:28px 24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px;padding:20px}button{background:var(--accent-2);color:var(--on-accent);border-radius:var(--radius-pill);cursor:pointer;border:0;padding:9px 22px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.2;transition:filter .15s,opacity .15s,border-color .15s}button:hover{filter:brightness(1.1)}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{color:var(--text);border:1px solid var(--border-2);border-radius:var(--radius);background:0 0}button.ghost:hover{border-color:var(--accent);filter:none}button.danger{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459}button.danger:hover{filter:none;background:#ef444433}button.sm{padding:6px 14px;font-size:13px}input,select,textarea{background:var(--panel-2);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}input[type=checkbox],input[type=radio],input[type=range]{width:auto;accent-color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:0;padding:0}textarea{resize:vertical}label{color:var(--text-2);margin-bottom:6px;font-size:13px;display:block}.field{margin-bottom:16px}.muted{color:var(--muted)}.row{align-items:center;gap:10px;display:flex}.grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;padding:18px;transition:border-color .15s}.card:hover{border-color:var(--border-2)}.badge{background:var(--border-2);color:var(--text-2);border-radius:var(--radius-pill);margin-right:6px;padding:2px 10px;font-size:12px;display:inline-block}.badge.green{color:var(--accent);background:#3ecf8e26}.badge.gray{background:var(--border);color:var(--text-2)}code,pre{font-family:var(--font-mono);font-size:13px}pre{background:var(--bg-deep);border:1px solid var(--border);color:#e0e0e0;padding:14px;overflow-x:auto}.err,pre{border-radius:var(--radius)}.err{color:#fca5a5;background:#ef444414;border:1px solid #ef44444d;margin-bottom:14px;padding:12px}.ok,.success{color:var(--accent);background:0 0}.empty{text-align:center;color:var(--muted);padding:40px 0}h1{letter-spacing:-.02em;font-weight:600;line-height:1.2}@media (width<=768px){.container{padding:16px 14px}.panel{padding:16px}.grid{grid-template-columns:1fr}.row{flex-wrap:wrap}h1{font-size:22px}h2{font-size:18px}.card{padding:15px}}@media (width<=480px){.container{padding:12px}body{font-size:14px}.badge{padding:2px 8px;font-size:11px}pre{padding:10px;font-size:12px}}