dialog.bb-auth{box-sizing:border-box;width:min(480px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);margin:auto;padding:2.2rem;background:var(--surface,var(--panel,#101526));color:var(--text);border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 100px #0008;overflow:auto}
.bb-auth::backdrop{background:#040610bf;backdrop-filter:blur(6px)}
.bb-auth .bb-auth-close{position:absolute;right:.75rem;top:.65rem;width:44px;height:44px;padding:0;background:transparent;color:var(--text);font-size:1.8rem;border:0;border-radius:10px;cursor:pointer}
.bb-auth .bb-auth-brand{display:flex;align-items:center;gap:.65rem;font-size:1.2rem;font-weight:650;margin:0 2rem 1.5rem 0;color:var(--heading,var(--text))}.bb-auth-brand img{display:block;flex-shrink:0;width:36px;height:36px}.bb-auth-brand .bb-auth-brand-dot{color:var(--accent)}
.bb-auth h2{font-size:1.8rem;line-height:1.2;letter-spacing:-.03em;margin:0 1rem .6rem 0;color:var(--heading,var(--text))}
.bb-auth #authIntro,.bb-auth #securityIntro{color:var(--muted);margin:0 0 1.4rem}
.bb-auth form{display:grid;grid-template-columns:1fr;gap:1rem;margin:0}
.bb-auth label{display:grid;gap:.35rem;font-size:.88rem;color:var(--text)}
.bb-auth input{width:100%;min-width:0;box-sizing:border-box;background:var(--field,var(--bg));color:var(--text);border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;font:inherit;font-size:1rem}
.bb-auth small{color:var(--muted);font-size:.8rem}.bb-auth .bb-auth-names{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.bb-auth .bb-auth-submit{display:block;justify-self:stretch;text-align:center;border:1px solid transparent;border-radius:12px;background:var(--accent);color:var(--ink,#1a1027);padding:.85rem 1rem;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.bb-auth .bb-auth-links{display:grid;gap:.2rem;margin-top:1rem}
.bb-auth .bb-auth-links button{border:0;border-radius:8px;background:transparent;color:var(--accent);font:inherit;font-size:.88rem;font-weight:450;padding:.5rem;cursor:pointer}
.bb-auth #authStatus{font-size:.9rem;margin:1rem 0 0;overflow-wrap:anywhere}.bb-auth #authStatus:empty{display:none}
.bb-auth-qr{display:flex;justify-content:center;margin:1rem 0}.bb-auth-qr:empty{display:none}.bb-auth-qr svg{display:block;width:240px;height:auto;max-width:100%;background:#fff;flex-shrink:0;forced-color-adjust:none;stroke:none}.bb-auth-qr svg rect{fill:#fff;stroke:none}.bb-auth-qr svg path{fill:#000;stroke:none}
.bb-auth #securityKeyPanel>p{font-size:.88rem;color:var(--muted);margin:0}.bb-auth #securityManual{font-size:.88rem;margin:.8rem 0}.bb-auth #securityManual summary{cursor:pointer;color:var(--accent);padding:.35rem 0}.bb-auth #securityManual label{margin-top:.6rem}.bb-auth #securityKey{font-family:ui-monospace,monospace;font-size:.85rem}
.bb-auth #authStudio{margin-top:1.2rem}.bb-auth :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.bb-auth button:disabled{opacity:.6;cursor:wait}.bb-auth [hidden]{display:none!important}
@media(max-width:420px){dialog.bb-auth{padding:1.6rem 1.2rem}.bb-auth .bb-auth-names{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.bb-auth *{transition:none!important;animation:none!important}}