:root{--bg: #f6f7f9;--card: #ffffff;--text: #1c2430;--muted: #5d6b7c;--line: #d9dee5;--accent: #1f5fbf;--accent-text: #ffffff;--danger: #b42318;--ok: #1e9e4a;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}@media(prefers-color-scheme:dark){:root{--bg: #12161c;--card: #1b2129;--text: #e6ebf1;--muted: #9aa7b6;--line: #2e3742;--accent: #5b9cf5;--accent-text: #0b1220;--danger: #f97066;--ok: #3ccf74}}*{box-sizing:border-box}body{margin:0;background:var(--bg)}main{max-width:26rem;margin:0 auto;padding:2rem 1rem}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.5rem;display:grid;gap:1rem}h1{font-size:1.4rem;margin:0}h2{font-size:1.05rem;margin:0}p{margin:0;line-height:1.45}label.field{display:grid;gap:.35rem;font-weight:600}input{font:inherit;padding:.65rem .75rem;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);width:100%}button{font:inherit;padding:.65rem 1rem;border:0;border-radius:8px;background:var(--accent);color:var(--accent-text);cursor:pointer;font-weight:600}button.secondary{background:transparent;color:var(--accent);border:1px solid var(--line)}button.link{background:none;color:var(--accent);padding:0;font-weight:400;text-decoration:underline;justify-self:start}button:disabled{opacity:.6;cursor:default}.error{color:var(--danger)}.muted{color:var(--muted)}.ok{color:var(--ok)}.hint{color:var(--muted);font-size:.9rem;font-weight:400}.qr{justify-self:center;background:#fff;padding:.5rem;border-radius:8px}.qr svg{display:block;width:12rem;height:12rem}code{font-family:ui-monospace,monospace;word-break:break-all}.row{display:flex;gap:.75rem;justify-content:space-between;align-items:center;flex-wrap:wrap}dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0}dt{color:var(--muted)}dd{margin:0}