.auth{--bg:#F2F4F8;--surface:#FFFFFF;--fg:#15202B;--muted:#4E5B6B;--line:#D5DCE6;--brand:#2447D1;--brand-ink:#FFFFFF;--sun:#FFD348;--ok:#15703F;--bad:#B3263A;--shadow:0 10px 30px -12px rgba(21,32,43,.25);--display:"Bricolage Grotesque Variable","Avenir Next","Helvetica Neue",Arial,sans-serif;--body:"Figtree Variable","Avenir Next","Segoe UI",Arial,sans-serif;--tap:44px;--field-line:color-mix(in srgb,var(--fg) 55%,var(--surface));min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--surface);color:var(--fg);font-family:var(--body);font-size:15px;line-height:1.45}@media(prefers-color-scheme:dark){.auth{--bg:#0E141C;--surface:#161E29;--fg:#EEF2F7;--muted:#A5B1C0;--line:#2A3544;--brand:#7D97FF;--brand-ink:#0B1020;--ok:#7FD79A;--bad:#FF8A99;--shadow:0 10px 30px -12px rgba(0,0,0,.6);color-scheme:dark}}html:has(body>.auth){background:#fff}@media(prefers-color-scheme:dark){html:has(body>.auth){background:#161e29}}@media(min-width:560px){.auth{background:var(--bg)}html:has(body>.auth){background:#f2f4f8}}@media(min-width:560px)and (prefers-color-scheme:dark){html:has(body>.auth){background:#0e141c}}.auth :is(button,input,select,textarea,a,summary):focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:4px}.auth-top{padding:8px 16px;display:flex;align-items:center;min-height:60px;border-bottom:1px solid var(--line)}.auth-home{display:inline-flex;align-items:center;min-height:var(--tap);color:inherit;text-decoration:none;border-radius:8px}.auth-logo{font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:8px;color:var(--fg)}.auth-logo i{display:inline-block;width:22px;height:22px;border-radius:6px;background:repeating-linear-gradient(135deg,var(--brand) 0 5px,var(--sun) 5px 10px)}@media(min-width:560px){.auth-top{border-bottom:0;padding:16px 24px}}.auth-main{flex:1;width:100%;margin:0 auto;padding:4px 0 40px;display:grid;align-content:start;gap:8px}.auth-card{padding:20px 16px 8px;display:grid;gap:16px;min-width:0}.auth-foot{display:grid;gap:4px;justify-items:center;text-align:center;color:var(--muted);padding:0 16px}@media(min-width:560px){.auth-main{max-width:460px;padding:clamp(8px,5vh,56px) 16px 56px;gap:16px}.auth-main.medium{max-width:560px}.auth-main.wide{max-width:880px}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:32px 30px;box-shadow:var(--shadow)}}.auth-step{display:grid;gap:8px}.auth-step p{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.auth-progress{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}.auth-progress i{height:6px;border-radius:999px;background:var(--line)}.auth-progress i.on{background:var(--brand)}.auth-badge{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand)}.auth-badge svg{width:28px;height:28px}.auth-badge.alert{background:color-mix(in srgb,var(--bad) 12%,var(--surface));color:var(--bad)}.auth-card h1:focus{outline:0}.auth-card h1{font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.02em;line-height:1.1}@media(min-width:560px){.auth-card h1{font-size:30px}}.auth-lead{color:var(--muted);font-size:15.5px;margin-top:-6px}.auth-lead b{color:var(--fg);word-break:break-all}.auth-foot p{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:4px}.auth-foot a,.auth-link{color:var(--brand);font-weight:700;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:var(--tap)}.auth-form{display:grid;gap:18px}.auth-field{display:grid;gap:6px}.auth-group{display:grid;gap:10px}.auth-field>label,.auth-legend{font-weight:700}.auth-pw{display:grid;gap:0}.auth-forgot{justify-self:end;color:var(--brand);font-weight:700;font-size:14px;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:var(--tap);margin-bottom:-12px}.auth-hint{font-size:13.5px;color:var(--muted)}.auth-error{font-size:13.5px;font-weight:600;color:var(--bad);display:flex;gap:6px;align-items:flex-start}.auth-error-ico{width:16px;height:16px;flex:none;margin-top:1px}.auth-input{width:100%;padding:10px 12px;min-height:48px;border-radius:12px;border:1.5px solid var(--field-line);background:var(--surface);color:var(--fg);outline:0;font-size:16px}.auth-input:focus{border-color:var(--brand)}.auth-input[aria-invalid=true]{border-color:var(--bad)}.auth-affix{display:flex;align-items:stretch;border:1.5px solid var(--field-line);border-radius:12px;background:var(--surface);overflow:hidden}.auth-affix:focus-within{border-color:var(--brand)}.auth-affix:has(.auth-input:focus-visible){outline:3px solid var(--brand);outline-offset:2px}.auth-affix .auth-input{border:0;border-radius:0;min-width:0;flex:1}.auth-affix .auth-input:focus-visible{outline:0}.auth-affix:has(.auth-input[aria-invalid=true]){border-color:var(--bad)}.auth-affix>span{display:flex;align-items:center;padding:0 12px;color:var(--muted);background:var(--bg);border-left:1.5px solid var(--line);white-space:nowrap;font-size:14px}.auth-eye{display:inline-flex;align-items:center;gap:6px;padding:0 12px;min-width:var(--tap);min-height:var(--tap);color:var(--muted);font-weight:700;font-size:13.5px;border-left:1.5px solid var(--line);border-radius:0}.auth-eye:hover{color:var(--fg)}.auth-eye svg{width:20px;height:20px;flex:none}.auth .auth-eye:focus-visible{outline-offset:-3px;border-radius:10px}.auth-url{display:grid;gap:8px;padding:12px;border-radius:14px;background:var(--bg);border:1.5px dashed var(--line)}.auth-url-bar{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px;border-radius:20px;background:var(--surface);border:1px solid var(--line);font-size:15px;min-width:0}.auth-url-lock{width:11px;height:13px;flex:none;border-radius:2px;border:2px solid var(--muted);border-top-width:4px;opacity:.8}.auth-url-text{min-width:0;overflow-wrap:anywhere;color:var(--muted)}.auth-url-text b{color:var(--fg)}.auth-url.ok{border-style:solid;border-color:color-mix(in srgb,var(--ok) 55%,var(--line))}.auth-url.bad{border-style:solid;border-color:color-mix(in srgb,var(--bad) 55%,var(--line))}.auth-status{font-size:13.5px;font-weight:600;min-height:1.45em;display:flex;align-items:center;gap:8px;color:var(--muted);padding:0 4px}.auth-url.ok .auth-status{color:var(--ok)}.auth-url.bad .auth-status{color:var(--bad)}.auth-status-dot{width:9px;height:9px;border-radius:50%;background:currentColor;flex:none}.auth-url.wait .auth-status-dot{background:none;border:2px solid currentColor;border-right-color:transparent;width:12px;height:12px;animation:auth-spin .8s linear infinite}.auth-address{font-weight:700;word-break:break-all}.auth-choices{border:0;margin:0;padding:0;display:grid;gap:8px;min-width:0}.auth-choices legend{padding:0;margin-bottom:6px}.auth-choice-list{display:grid;gap:10px;margin-top:4px}.auth-choice{display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:center;padding:14px 16px;min-height:76px;border:1.5px solid var(--line);border-radius:16px;cursor:pointer;background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}.auth-choice:hover{border-color:color-mix(in srgb,var(--brand) 50%,var(--line))}.auth-choice:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 25%,transparent);background:color-mix(in srgb,var(--brand) 5%,var(--surface))}.auth-choice:has(input:focus-visible){outline:3px solid var(--brand);outline-offset:2px}.auth-choice input{width:22px;height:22px;margin:0;accent-color:var(--brand)}.auth-choice input:focus-visible{outline:0}.auth-choice-ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--bg);color:var(--fg)}.auth-choice:has(input:checked) .auth-choice-ico{background:var(--brand);color:var(--brand-ink)}.auth-choice-ico svg{width:24px;height:24px}.auth-choice-t{display:grid;gap:2px;min-width:0}.auth-choice-t b{font-weight:700;font-size:15.5px}.auth-choice-t small{color:var(--muted);font-size:13.5px;line-height:1.35}.auth-choices:has(input[aria-invalid=true]) .auth-choice{border-color:color-mix(in srgb,var(--bad) 60%,var(--line))}.auth-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:0 18px;min-height:50px;border-radius:999px;font-weight:700;font-size:16px;background:var(--brand);color:var(--brand-ink);border:2px solid transparent;cursor:pointer;text-decoration:none}.auth-btn:hover{box-shadow:0 8px 20px -10px color-mix(in srgb,var(--brand) 80%,transparent)}.auth-btn.sec{background:transparent;color:var(--fg);border-color:var(--line)}.auth-btn.sec:hover{border-color:var(--fg);box-shadow:none}.auth-btn.sm{min-height:var(--tap);font-size:14.5px;width:auto;justify-self:start}.auth-btn[aria-disabled=true]{cursor:progress;opacity:.75;box-shadow:none}.auth-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:auth-spin .8s linear infinite;flex:none}@keyframes auth-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.auth-spin,.auth-url.wait .auth-status-dot{animation:none;border-right-color:currentColor;opacity:.6}}.auth-or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin:-4px 0}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--line)}.auth-alt{display:grid;gap:8px}.auth-alt .auth-hint{text-align:center}.auth-alert{padding:12px 14px;border-radius:12px;border:1.5px solid var(--bad);color:var(--bad);font-weight:600;background:color-mix(in srgb,var(--bad) 8%,var(--surface))}.auth-alert.ok{border-color:var(--ok);color:var(--ok);background:color-mix(in srgb,var(--ok) 8%,var(--surface))}.auth-alert p+p{margin-top:4px;font-weight:500;color:var(--fg)}.auth-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--bg);color:var(--muted);font-size:14px;line-height:1.4;margin-top:-4px}.auth-note svg{width:20px;height:20px;flex:none;color:var(--brand);margin-top:1px}.auth-note b{color:var(--fg);overflow-wrap:anywhere}.outbox{display:grid;gap:12px;list-style:none;margin:0;padding:0}.outbox li{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:4px}.outbox h2{font-size:16px;font-family:var(--body);font-weight:700}.outbox .meta{color:var(--muted);font-size:13px}.outbox a{color:var(--brand);font-weight:600;word-break:break-all;display:inline-block;padding:6px 0}