*{box-sizing:border-box}
:root{color-scheme:light dark;--bg:#f6f6f4;--card:#fff;--fg:#1d1d1f;--muted:#6b6b70;--line:#d2d2d7;--accent:#1d1d1f;--err:#b00020}
@media (prefers-color-scheme:dark){:root{--bg:#111113;--card:#1c1c1f;--fg:#f2f2f4;--muted:#a1a1a8;--line:#3a3a3f;--accent:#f2f2f4;--err:#ff6b81}}
html,body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
main{max-width:380px;margin:0 auto;padding:max(48px,env(safe-area-inset-top)) 16px 32px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px 22px}
img{display:block;width:56px;height:56px;border-radius:12px;margin:0 0 14px}
h1{font-size:22px;margin:0 0 4px}
p{margin:0 0 18px;color:var(--muted)}
.hint{color:var(--fg);font-weight:600;margin-top:-10px}
label{display:block;font-size:14px;font-weight:600;margin:0 0 14px}
input{display:block;width:100%;margin-top:6px;padding:12px;font:inherit;font-size:17px;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:10px}
button{width:100%;padding:13px;margin-top:6px;font:inherit;font-weight:600;color:var(--card);background:var(--accent);border:0;border-radius:10px}
.msg{color:var(--err);font-weight:600}
.help{font-size:14px;margin:18px 0 0}