:root{--bg-page:#0f1115;--bg-deep:#0b0d11;--bg-surface:#12151b;--bg-raised:#161920;--line:#1c2028;--line-strong:#2a2f3a;--fill-muted:#3a404d;--text-primary:#e6e8ee;--text-secondary:#d5d8e0;--text-body-muted:#b4b9c7;--text-muted:#8b90a0;--text-faint:#5c6272;--accent:#4c7dff;--accent-light:#7da2ff;--accent-dark:#3560e0;--accent-tint:#1a2540;--accent-border:#2a3a5c;--success:#2ed47a;--success-tint:#12301f;--success-border:#1a3a26;--success-text:#8fe8b8;--warning:#ffb020;--warning-tint:#3a2e0c;--warning-border:#4a3a10;--warning-card:#1a1710;--danger:#ff5d5d;--danger-tint:#3a1a1a;--danger-text:#ff9b9b;--violet:#c084fc;--orange:#ff8a3d;--diff-added:#2ed47a14;--diff-removed:#ff5d5d17;--font-ui:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--topbar-h:48px;--nav-w:200px;--nav-w-narrow:56px;--main-pad:20px 22px 40px;--r-tag:3px;--r-btn:6px;--r-card:9px;--r-panel:10px;--r-pill:12px;--shadow-toast:0 12px 40px #00000080}
*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:13px;line-height:1.45}a{color:var(--accent-light);text-decoration:none}a:hover{color:#a9c0ff;text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:0;padding:0}button:disabled{cursor:default}input{font-family:inherit;font-size:inherit;color:var(--text-primary);background:var(--bg-page);border:1px solid var(--line-strong);border-radius:var(--r-btn);padding:0 12px}input::placeholder{color:var(--text-faint)}input:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}h1,h2,h3{margin:0;font-weight:600}.i{letter-spacing:normal;text-transform:none;white-space:nowrap;font-feature-settings:"liga";font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;-webkit-user-select:none;user-select:none;direction:ltr;flex:none;font-family:Material Symbols Rounded;font-size:18px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.mono{font-family:var(--font-mono)}@keyframes vpulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes vspin{to{transform:rotate(360deg)}}@keyframes vin{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.spin{animation:1s linear infinite vspin}.vin{animation:.2s ease-out vin}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.page-title{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.page-title h1{font-size:20px}.page-title .sub{color:var(--text-muted);font-size:12.5px}.page-title .spacer{flex:1}.card{background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--r-panel)}.card-head{border-bottom:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;height:38px;color:var(--text-muted);align-items:center;gap:8px;padding:0 14px;font-size:11px;font-weight:600;display:flex}.card-head .spacer{flex:1}.card-head .note{text-transform:none;letter-spacing:0;font-weight:400}.tag{font:500 10.5px var(--font-mono);border:1px solid var(--line-strong);border-radius:var(--r-tag);white-space:nowrap;color:var(--text-muted);padding:0 5px}.btn{border:1px solid var(--line-strong);border-radius:var(--r-btn);background:var(--bg-surface);white-space:nowrap;height:30px;color:var(--text-primary);align-items:center;gap:6px;padding:0 10px;font-size:12.5px;display:inline-flex}.btn:hover{background:var(--line)}.btn .i{color:var(--text-muted);font-size:16px}.btn-primary{background:var(--accent);color:#fff;border:0;font-weight:600}.btn-primary:hover{filter:brightness(1.1);background:var(--accent)}.btn-primary .i{color:#fff}.btn-success{background:var(--success);color:var(--bg-page);border:0;font-weight:600}.btn-success:hover{filter:brightness(1.1);background:var(--success)}.btn-success .i{color:var(--bg-page)}.avatar{font-family:var(--font-mono);color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.dot{border-radius:50%;flex:none;width:8px;height:8px}.chip{border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:5px;height:24px;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex}.chip .i{font-size:14px}