:root{--bg:#ECEEED;--surface:#FFFFFF;--ink:#1C2322;--muted:#5F6A68;--line:#D5DAD8;--accent:#2C6E62;--accent-ink:#FFFFFF;--bad:#B23A30}
@media (prefers-color-scheme:dark){:root{--bg:#141918;--surface:#1C2322;--ink:#E6ECEA;--muted:#9AA7A4;--line:#33403E;--accent:#5BB3A1;--accent-ink:#0E1615;--bad:#EE7F74}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:16px;background:var(--bg);font-family:"Segoe UI",Arial,sans-serif;color:var(--ink)}
form{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px;display:grid;gap:12px;width:min(340px,100%)}
h1{margin:0 0 4px;font-size:22px}
label{display:grid;gap:4px;font-size:13px;color:var(--muted)}
input,button{font:inherit;font-size:15px;padding:10px;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
button{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);cursor:pointer;margin-top:4px}
button:disabled{opacity:.6;cursor:default}
p{margin:0;color:var(--bad);font-size:13px;min-height:1.2em}