:root { --bg:#f6f6f4; --panel:#fff; --ink:#1d1d1b; --mute:#6b6b66; --line:#dddcd6; }
@media (prefers-color-scheme: dark) { :root { --bg:#161615; --panel:#20201e; --ink:#ececea; --mute:#9a9a94; --line:#33332f; } }
body { margin:0; min-height:100vh; display:grid; place-items:center; background:var(--bg); color:var(--ink);
       font:15px/1.4 -apple-system, system-ui, sans-serif; }
form { background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:24px; width:min(320px, 100vw - 32px); box-sizing:border-box; }
h1 { font-size:18px; margin:0 0 4px; } p { color:var(--mute); margin:0 0 16px; font-size:13px; }
label { display:block; font-size:13px; margin:10px 0 4px; }
input { width:100%; box-sizing:border-box; font:inherit; padding:8px; border:1px solid var(--line); border-radius:6px; background:var(--bg); color:var(--ink); }
button { margin-top:16px; width:100%; font:inherit; padding:9px; border:0; border-radius:6px; background:var(--ink); color:var(--bg); cursor:pointer; }
.msg { color:#d0362b; font-size:13px; min-height:1.2em; margin-top:10px; }