:root{--bg:#f7f6f2;--fg:#1d1d1b;--muted:#6b6a65;--accent:#2f6fde;--field:#fff;--border:#d9d7d0;--error:#b42318}@media (prefers-color-scheme:dark){:root{--bg:#151514;--fg:#ecebe6;--muted:#9a9993;--accent:#7aa7ff;--field:#1f1f1d;--border:#3a3a37;--error:#ff8a80}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--fg);place-items:center;margin:0;padding:24px 16px;font:17px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:grid}main{width:100%;max-width:380px}h1{letter-spacing:-.02em;margin:0 0 24px;font-size:36px}h1 span{color:var(--accent)}h2{margin:0 0 12px;font-size:20px}label{color:var(--muted);margin:12px 0 4px;font-size:14px;display:block}input{width:100%;font:inherit;border:1px solid var(--border);background:var(--field);color:var(--fg);border-radius:8px;padding:10px 12px}input.code{letter-spacing:6px;font-size:22px}a.primary-link{background:var(--accent);color:#fff;text-align:center;border-radius:8px;margin:16px 0 24px;padding:10px 12px;text-decoration:none;display:block}button.secondary{background:var(--field);color:var(--fg);border:1px solid var(--border)}button.small{width:auto;margin:0;padding:6px 12px;font-size:15px}label.check{color:var(--fg);align-items:center;gap:8px;margin-top:14px;font-size:15px;display:flex}label.check input{width:auto}.hint{color:var(--muted);margin:6px 0 0;font-size:14px}.qr{background:#fff;border-radius:8px;width:200px;margin:12px auto;padding:8px}.qr svg{width:100%;height:auto;display:block}code.secret{word-break:break-all;font-size:14px}pre.codes{background:var(--field);border:1px solid var(--border);columns:2;border-radius:8px;margin:12px 0;padding:12px 16px;font:17px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}.row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;margin-top:16px;padding:10px 12px}button:disabled{opacity:.5;cursor:default}button.link{width:auto;color:var(--accent);background:0 0;margin:0 16px 0 0;padding:0;font-size:15px}.links{margin-top:16px}.providers{margin-top:20px}.divider{text-align:center;margin:0 0 4px}a.provider{border:1px solid var(--border);background:var(--field);color:var(--fg);text-align:center;border-radius:8px;margin-top:10px;padding:10px 12px;text-decoration:none;display:block}a.provider:hover{border-color:var(--accent)}.muted{color:var(--muted);font-size:15px}.error{color:var(--error);font-size:15px}