:root{--bg:#0b0b0f;--bg-soft:#14141c;--bg-card:#1a1a25;--fg:#e6e6ef;--fg-muted:#8b8ba0;--border:#2a2a3a;--accent:#818cf8;--accent-hover:#a5b4fc;--danger:#f87171;--success:#4ade80}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button,input,select,textarea{font:inherit;color:var(--fg);background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}button{cursor:pointer;background:var(--accent);color:#0b0b0f;border:none;font-weight:600}button:hover{background:var(--accent-hover)}button.secondary{background:var(--bg-soft);color:var(--fg);border:1px solid var(--border)}button.secondary:hover{border-color:var(--accent);color:var(--accent)}button.danger{background:var(--danger);color:#0b0b0f}button:disabled{opacity:.5;cursor:not-allowed}textarea{font-family:ui-monospace,SF Mono,Menlo,monospace;min-height:140px;resize:vertical}label{display:block;font-weight:600;margin-bottom:6px;font-size:14px;color:var(--fg-muted)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:18px}.container{max-width:1000px;margin:0 auto;padding:24px}.stack>*+*{margin-top:14px}.row{display:flex;gap:10px;align-items:center}.muted{color:var(--fg-muted);font-size:13px}.kbd{font-family:ui-monospace,monospace;padding:2px 6px;border-radius:4px;border:1px solid var(--border)}.kbd,.pill{background:var(--bg-soft);font-size:12px}.pill{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--fg-muted)}.pill.success{color:var(--success);border-color:color-mix(in oklab,var(--success) 40%,var(--border))}.pill.warn{color:#fbbf24;border-color:#78582a}nav.top{display:flex;gap:20px;align-items:center;padding:14px 24px;background:var(--bg-soft);border-bottom:1px solid var(--border)}nav.top a{color:var(--fg-muted);font-weight:500}nav.top a.active{color:var(--accent)}nav.top .spacer{flex:1 1}.error{color:var(--danger)}.error,.ok{font-size:14px}.ok{color:var(--success)}h1{font-size:24px;margin:0 0 8px}h2{font-size:18px;margin:0 0 6px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px;border-bottom:1px solid var(--border)}th{color:var(--fg-muted);font-weight:600;font-size:13px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px}.tabs button{background:transparent;color:var(--fg-muted);padding:10px 14px;border:none;border-bottom:2px solid transparent;border-radius:0;font-weight:500}.tabs button.active{color:var(--fg);border-bottom-color:var(--accent)}