:root{--bg: #0d0f12;--fg: #e8eaed;--muted: #8a9099;--card: #161a20;--accent: #4fb3a9;--warn: #e0a84f;--ok: #6cc28b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 system-ui,sans-serif}.app,.page{max-width:640px;margin:0 auto;padding:16px;display:grid;gap:12px}header{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}nav,.tabs{display:flex;gap:4px;flex-wrap:wrap}button{background:var(--card);color:var(--fg);border:1px solid #2a3038;border-radius:8px;padding:8px 12px;cursor:pointer}button.on,button.primary{background:var(--accent);color:#06110f;border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}input,select{width:100%;background:var(--card);color:var(--fg);border:1px solid #2a3038;border-radius:8px;padding:8px}label{display:grid;gap:4px}.card{background:var(--card);border-radius:12px;padding:16px;display:grid;gap:6px}.big{font-size:28px;font-weight:600}.muted{color:var(--muted)}.warn{color:var(--warn)}.ok{color:var(--ok)}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:6px;border-bottom:1px solid #2a3038;text-align:left}.site-footer{font-size:.8rem;padding:1rem;text-align:center}