:root{--bg:#f4f5f2;--card:#fff;--ink:#1d2320;--muted:#5d6661;--line:#d5d9d4;--accent:#1f6f5c;--err:#a8321e;--ok:#1f6f5c}
@media (prefers-color-scheme:dark){:root{--bg:#141816;--card:#1d2320;--ink:#e8ece9;--muted:#9aa49e;--line:#333b37;--accent:#7bf2d3;--err:#ff8f7a;--ok:#7bf2d3}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--ink);font:16px/1.45 system-ui,-apple-system,sans-serif;padding:16px}
.card{width:100%;max-width:520px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:24px}
h1{margin:0 0 16px;font-size:22px}h2{font-size:17px;margin:24px 0 8px}
label{display:block;margin:0 0 12px;color:var(--muted);font-size:14px}
input{display:block;width:100%;margin-top:4px;padding:10px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--ink);font:inherit}
button{padding:9px 16px;border:0;border-radius:6px;background:var(--accent);color:var(--card);font:inherit;font-weight:600;cursor:pointer}
table{width:100%;border-collapse:collapse}td{padding:6px 4px;border-bottom:1px solid var(--line);font-size:14px}
td form{margin:0}td button{padding:5px 10px;font-size:13px}
.err{color:var(--err)}.ok{color:var(--ok)}code{font-size:15px;user-select:all}
a{color:var(--accent)}

/* signed-in pages with the shared top bar: the bar on top, the card below it */
body.with-bar{display:block;padding:0}
body.with-bar .card{margin:24px auto}