:root{--bg: #f3f5f8;--surface: #fff;--ink: #16202f;--muted: #5a6678;--line: #d5dbe5;--accent: #2f56c9;--err: #a3262e}@media(prefers-color-scheme:dark){:root{--bg: #0f141c;--surface: #171e29;--ink: #e6ebf3;--muted: #9aa6b8;--line: #2d3848;--accent: #7f9cf5;--err: #f29aa0;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.card{max-width:380px;margin:12vh auto;padding:28px 24px;background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:12px;text-align:center}h1{font-size:1.4rem;margin:0 0 4px}.muted{color:var(--muted);margin:0}.small{font-size:.85rem}.err{color:var(--err)}button{font:inherit;font-weight:600;padding:10px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}button:hover{border-color:var(--accent)}button.secondary{color:var(--muted)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}