:root { color-scheme: dark; }
body { margin: 0; background: #111; color: #ddd; font: 16px/1.5 system-ui, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 32px 16px; }
nav { max-width: 760px; margin: 0 auto; padding: 12px 16px; display: flex; gap: 20px; align-items: center; border-bottom: 1px solid #222; }
nav a { color: #ddd; text-decoration: none; }
nav .inline { margin-left: auto; }
button.link { background: none; border: 0; color: #888; cursor: pointer; font: inherit; }
h1 { font-size: 22px; font-weight: 600; margin: 0 0 12px; }
h2 { font-size: 16px; font-weight: 600; margin: 24px 0 8px; color: #bbb; }
a { color: #7fb7ff; }
code { background: #1c1c1c; padding: 1px 5px; border-radius: 3px; }
table { border-collapse: collapse; }
td { padding: 3px 14px 3px 0; vertical-align: top; }
.muted { color: #777; }
.error { color: #e66; margin: 8px 0 0; }
.button { display: inline-block; padding: 8px 14px; background: #2a5; color: #fff; border-radius: 4px; text-decoration: none; }
form.login { max-width: 260px; margin: 25vh auto 0; display: flex; flex-direction: column; gap: 10px; }
form.login input, form.login button { padding: 10px; font: inherit; border-radius: 4px; border: 1px solid #333; background: #1a1a1a; color: #ddd; }
form.login button { background: #2a5; color: #fff; border: 0; cursor: pointer; }