:root{--bg:#fff;--fg:#111827;--muted:#6b7280;--border:#e5e7eb;--accent:#2563eb}@media (prefers-color-scheme:dark){:root{--bg:#0b0f19;--fg:#f3f4f6;--muted:#9ca3af;--border:#1f2937;--accent:#60a5fa}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,sans-serif}main{max-width:960px;margin:0 auto;padding:32px 16px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px}input,button{font:inherit;border:1px solid var(--border);color:inherit;background:0 0;border-radius:6px;padding:8px 12px}button{background:var(--accent);color:#fff;cursor:pointer;border:none}form{flex-wrap:wrap;gap:8px;display:flex}.muted{color:var(--muted)}