:root { --bg:#0f1115; --fg:#e8eaed; --muted:#9aa0a6; --accent:#4a9eff; --err:#ff6b6b; }
* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, sans-serif; margin: 0; background: var(--bg); color: var(--fg); }
.topbar { display:flex; justify-content:space-between; align-items:center; padding:.75rem 1.25rem; border-bottom:1px solid #222; }
.topbar nav a { color: var(--fg); margin-right:.75rem; text-decoration:none; }
.topbar nav a:hover { color: var(--accent); }
main { max-width: 960px; margin: 2rem auto; padding: 0 1rem; }
main.login { max-width: 360px; }
.error { color: var(--err); }
form label { display:block; margin:.5rem 0; }
form input { width:100%; padding:.5rem; background:#1a1d23; color:var(--fg); border:1px solid #333; border-radius:4px; }
button { background: var(--accent); color:#000; border:0; padding:.5rem 1rem; border-radius:4px; cursor:pointer; }
ul { list-style: none; padding: 0; }
ul li { padding: .5rem 0; }
ul li a { color: var(--accent); text-decoration: none; font-size: 1.1rem; }