:root{color-scheme:light dark;--bg:#f9f8f7;--surface:#fff;--fg:#2c2c2b;--muted:#62605c;--line:#d4d2cf;--accent:#1766ad;--bad:#a12d28;--focus:#2783de}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:800px;margin:auto;padding:48px 24px}header{margin-bottom:24px}.eyebrow{font-size:14px;color:var(--muted)}h1{font-size:32px;line-height:1.2;letter-spacing:-.7px;margin:12px 0 16px}h2{font-size:23px;line-height:1.3;margin:0 0 12px}h3{font-size:18px;margin:0 0 8px}.lead{max-width:650px;color:var(--muted)}p{margin:0 0 16px}.card{padding:28px;border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:24px 0}form{max-width:520px}label{display:block;font-weight:600;margin:16px 0 6px}input{width:100%;min-height:46px;padding:10px 12px;font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:8px}button{min-height:46px;padding:10px 18px;background:var(--accent);color:white;border:1px solid transparent;border-radius:8px;font:600 16px/1.4 system-ui;cursor:pointer;margin-top:18px}button:disabled{opacity:.6;cursor:wait}.secondary{background:var(--surface);border-color:var(--line);color:var(--fg)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}#notice{color:var(--muted);padding:12px 0;min-height:48px}#notice.error{color:var(--bad)}.muted,footer{color:var(--muted);font-size:14px}.actions{display:flex;gap:12px;flex-wrap:wrap}.paircode{font:600 32px/1.5 ui-monospace,monospace;letter-spacing:3px;border:1px solid var(--line);border-radius:8px;padding:12px;text-align:center;margin:20px 0}.qr{width:216px;height:216px;max-width:100%;background:white;border:8px solid white;margin:8px 0}.step+.step{margin-top:28px}code{display:block;overflow-wrap:anywhere;font-size:14px;padding:8px 0}summary{cursor:pointer;min-height:44px;padding:10px 0}li{margin:8px 0}ul{padding-left:22px}footer{margin-top:28px}[hidden]{display:none!important}@media(max-width:480px){main{padding:28px 16px}h1{font-size:28px}.card{padding:20px}.actions{display:block}.actions button{width:100%}}@media(prefers-color-scheme:dark){:root{--bg:#191919;--surface:#202020;--fg:#fff;--muted:#bcbab6;--line:#686661;--accent:#246aaf;--bad:#f39b94;--focus:#7cb6ee}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}