:root{--bg: #ffffff;--surface: #f4f4f5;--border: #d4d4d8;--text: #18181b;--text-muted: #71717a;--accent: #2563eb;--accent-text: #ffffff;--danger: #b91c1c;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #18181b;--surface: #27272a;--border: #3f3f46;--text: #f4f4f5;--text-muted: #a1a1aa;--accent: #3b82f6;--accent-text: #0b1220;--danger: #f87171}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.4}input,select,button{font:inherit;color:inherit}button,a.button{display:inline-block;background:var(--accent);color:var(--accent-text);border:none;border-radius:4px;padding:.5em 1em;cursor:pointer;text-decoration:none;text-align:center}button:disabled{opacity:.5;cursor:default}button.secondary,a.button.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}button.danger,a.button.danger{background:var(--danger);color:#fff}input,select{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.5em}a{color:var(--accent)}.error{color:var(--danger)}.muted{color:var(--text-muted)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--border)}.topbar h1{font-size:1rem;margin:0}.topbar nav{display:flex;align-items:center;gap:1rem}.topbar nav a{color:var(--text-muted);text-decoration:none}.topbar nav a.active{color:var(--text);font-weight:600}main{max-width:720px;margin:2rem auto;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;position:relative}