:root{color-scheme:light dark;--bg:#f6f2e9;--paper:#fffdf8;--ink:#1d2621;--muted:#58665c;--line:#d8d3c9;--brand:#24563e}
@media(prefers-color-scheme:dark){:root{--bg:#171c19;--paper:#222923;--ink:#eeeae1;--muted:#b1bbae;--line:#485045;--brand:#a5d4a9}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 system-ui,-apple-system,sans-serif}
main{max-width:580px;margin:5vh auto;padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:14px}
.brand{color:var(--muted);font-size:14px}h1{font-size:25px;line-height:1.4}a{color:var(--brand)}
label{display:block;font-weight:600}input:not([type=hidden]),select,button{font:inherit;border:1px solid var(--line);border-radius:7px;padding:10px;max-width:100%}
input:not([type=hidden]){width:100%;background:var(--bg);color:var(--ink)}button{cursor:pointer;background:var(--brand);color:var(--paper);margin:8px 5px 8px 0}
.helptext,.muted{display:block;color:var(--muted);font-size:14px}.errorlist{color:#bf3940}img{max-width:100%;background:#fff}
code,pre{overflow-wrap:anywhere;white-space:pre-wrap}.logout{border-top:1px solid var(--line);margin-top:30px;padding-top:12px}.codes{font:18px/1.8 ui-monospace,monospace}
@media(max-width:620px){main{margin:12px;padding:20px}}