:root{--bg:#f6f7f9;--card:#ffffff;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--ok:#15803d;--bad:#b91c1c;--accent:#2563eb;--on-accent:#ffffff}
@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--card:#171a21;--ink:#e5e7eb;--muted:#9ca3af;--line:#2a2f3a;--ok:#4ade80;--bad:#f87171;--accent:#3b82f6;--on-accent:#ffffff}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg)}
body{color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;display:flex;min-height:100vh;align-items:center;justify-content:center;padding:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px 24px;width:100%;max-width:420px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
h1{font-size:22px;line-height:1.3;margin:0 0 8px}
p{margin:0 0 16px;color:var(--muted)}
.who{font-weight:600;color:var(--ink);word-break:break-all}
label{display:block;font-weight:600;font-size:14px;margin:14px 0 6px}
input[type=password],input[type=text],input[type=email]{width:100%;font:inherit;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink)}
input:focus{outline:2px solid var(--accent);outline-offset:1px}
.show{display:flex;align-items:center;gap:8px;font-weight:400;color:var(--muted);margin-top:10px}
.checks{list-style:none;padding:0;margin:12px 0 0;font-size:14px;color:var(--muted)}
.checks li::before{content:"\25CB  "}
.checks li.done{color:var(--ok)}
.checks li.done::before{content:"\2713  "}
.btn{display:block;width:100%;text-align:center;margin-top:18px;padding:12px;border-radius:10px;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.btn[disabled]{opacity:.45;cursor:default}
.btn.quiet{background:transparent;color:var(--accent);border-color:var(--line);margin-top:10px}
.err{color:var(--bad);font-size:14px;margin-top:10px}
[hidden]{display:none!important}