:root{--bg: #0f1115;--surface: #171a21;--surface-2: #1f242e;--border: #2a313d;--text: #e7ebf2;--text-dim: #98a2b3;--accent: #6ee7a8;--accent-dim: #2f6f52;--danger: #f87171;--warn: #fbbf24;--radius: 10px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3{margin:0 0 .5rem;font-weight:600;letter-spacing:-.01em}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius);padding:.5rem .9rem;transition:border-color .15s,background .15s}button:hover:not(:disabled){border-color:var(--accent-dim)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#06120c;font-weight:600}button.primary:hover:not(:disabled){filter:brightness(1.08)}button.ghost{background:transparent}button.icon{padding:.3rem .55rem;color:var(--text-dim)}button.icon:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}input{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .7rem;width:100%}input:focus{outline:none;border-color:var(--accent-dim)}label{display:block;font-size:.8rem;color:var(--text-dim);margin-bottom:.3rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem}.muted{color:var(--text-dim)}.notice{border-radius:var(--radius);padding:.7rem .9rem;font-size:.88rem;border:1px solid var(--border);background:var(--surface)}.notice.error{border-color:var(--danger);color:#fecaca}.notice.warn{border-color:var(--warn);color:#fde68a}.mono{font-variant-numeric:tabular-nums}