:root{color-scheme:light dark;--bg:#f8f6f2;--surface:#fff;--ink:#1c1b18;--muted:#6e6a62;--line:#cfc8ba;--accent:#24503f}
@media(prefers-color-scheme:dark){:root{--bg:#171b18;--surface:#222823;--ink:#f8f6f2;--muted:#c2c7c1;--line:#667168;--accent:#afd6ba}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.5 Inter,system-ui,sans-serif}main{width:min(100% - 40px,420px);margin:9vh auto 60px}.brand{font-weight:700;color:var(--accent)}h1{font-size:30px;line-height:1.2}h2{font-size:18px;margin:32px 0 16px}#message{min-height:48px;color:var(--muted)}label{display:block;margin:18px 0}input{display:block;width:100%;margin-top:6px;padding:12px;font:inherit;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:4px}button,.button{display:inline-block;padding:11px 18px;background:var(--accent);color:var(--bg);font:600 16px/1.4 Inter,system-ui,sans-serif;border:1px solid var(--accent);border-radius:4px;text-decoration:none;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.quiet{margin-top:24px;background:transparent;color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}