:root{--bg: #0a0a0a;--bg-2: #121212;--bg-3: #1a1a1a;--line: #262626;--line-2: #333;--ink: #f5f3ee;--ink-2: #c8c5be;--ink-3: #8a8780;--muted: #5a5853;--accent: #f5f3ee;--crimson: #b7242a;--warn: #d68a1d;--ok: #4a8c52;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-display: "Archivo Black", "Helvetica Neue", Arial, sans-serif;--font-body: "Inter", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 0;--topbar-h: 48px;--sidebar-w: 220px}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-mono);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--ink);text-decoration:none}a:hover{color:var(--accent);text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{background:transparent;border:1px solid var(--line-2);color:var(--ink);padding:6px 12px;cursor:pointer;letter-spacing:.02em;text-transform:uppercase;font-size:11px;transition:background .12s,color .12s,border-color .12s}button:hover:not(:disabled){background:var(--ink);color:var(--bg)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}button.primary:hover:not(:disabled){background:var(--ink-2);border-color:var(--ink-2)}button.danger{border-color:var(--crimson);color:var(--crimson)}button.danger:hover:not(:disabled){background:var(--crimson);color:var(--ink)}input[type=text],input[type=email],input[type=password],input[type=search],input[type=datetime-local],select,textarea{background:var(--bg-2);border:1px solid var(--line-2);color:var(--ink);padding:6px 10px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ink)}label{display:grid;gap:4px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}label>input,label>select,label>textarea{font-size:13px;text-transform:none;letter-spacing:0;color:var(--ink)}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}th{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);font-weight:400;border-bottom:1px solid var(--line-2);background:var(--bg-2);position:sticky;top:0}tr:hover td{background:var(--bg-2)}hr{border:0;border-top:1px solid var(--line);margin:16px 0}.kbd{font-family:var(--font-mono);background:var(--bg-3);border:1px solid var(--line-2);padding:1px 6px;font-size:10px}.muted{color:var(--ink-3)}.tag-chip{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border:1px solid var(--line-2);margin-right:4px;color:var(--ink-2)}.badge{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:2px 6px;border:1px solid var(--line-2)}.badge.ok{color:var(--ok);border-color:var(--ok)}.badge.draft{color:var(--ink-3)}.badge.warn{color:var(--warn);border-color:var(--warn)}::selection{background:var(--ink);color:var(--bg)}