:root{color-scheme:dark;--bg:#10131b;--card:#1c2230;--ink:#f5f1fb;--sub:#bec7d6;--line:#3b4559;--accent:#c8b7ff;--good:#79dfbd}html.light{color-scheme:light;--bg:#f6f5f1;--card:#eceae3;--ink:#111827;--sub:#475569;--line:#d6d3c7;--accent:#58318c;--good:#126446}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,sans-serif}main{max-width:800px;margin:auto;padding:24px}header,.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}h1{font-size:clamp(34px,7vw,52px);line-height:1.1;letter-spacing:-.04em;margin:38px 0 12px}p,small{color:var(--sub)}button{font:inherit;min-height:48px;border-radius:24px;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:10px 18px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.primary{background:var(--accent);color:var(--bg);font-weight:700}article{background:var(--card);padding:24px;border:1px solid var(--line);border-radius:24px;margin:24px 0}#status{color:var(--good);font-weight:700}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.flow b{display:block;font-size:30px;color:var(--accent)}.flow span{color:var(--sub)}.code{border:1px dashed var(--accent);padding:18px;border-radius:16px;margin:20px 0;overflow-wrap:anywhere;font:18px/1.6 ui-monospace,monospace}#error{color:var(--ink);border-left:3px solid #df9d67;padding:12px;white-space:pre-wrap}dialog{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:24px;max-width:440px;padding:24px}dialog::backdrop{background:#0009}[hidden]{display:none!important}@media(max-width:520px){main{padding:16px}article{padding:18px}.flow{gap:10px}.flow span{font-size:14px}.row.actions button{flex:1}#account{overflow-wrap:anywhere}}
.login{margin-top:32px}.login button{margin-right:12px}