.account{margin-left:auto;display:flex;align-items:center;gap:18px;min-width:0}
.account__group{display:flex;align-items:center;gap:18px;min-width:0}
.account__email{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
.account .text-button{white-space:nowrap}
#auth-dialog{position:fixed;inset:0;width:min(400px,calc(100% - 28px));height:fit-content;max-width:calc(100% - 28px);max-height:calc(100dvh - 32px);margin:auto;padding:26px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);overflow:auto}
#auth-dialog::backdrop{background:#171d294f;backdrop-filter:blur(2px)}
#auth-dialog .auth__head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
#auth-dialog h2{font-size:22px;line-height:1.3;letter-spacing:0}
#auth-form{display:flex;flex-direction:column;gap:18px}
#auth-form .field{margin:0;font-size:12px;gap:7px}
#auth-form input{height:44px;border-radius:3px;font-size:14px;padding:0 11px;background:var(--paper);color:var(--ink)}
.auth__password{display:flex;position:relative}
#auth-password{padding-right:88px}
#auth-show-password{position:absolute;right:1px;top:1px;bottom:1px;padding:0 12px;font-size:11px;color:var(--muted);min-width:82px}
#auth-submit{align-self:stretch;width:100%;border-radius:3px;min-height:44px;font-size:13px}
#auth-switch{align-self:center;font-size:12px;padding:4px 12px;min-height:36px;color:var(--accent)}
#auth-error{font-size:12px;color:#9d2e2e;line-height:1.5}
.theme-b .account{gap:18px}
.theme-b #auth-dialog{left:auto;right:0;top:0;bottom:0;width:min(420px,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:32px 28px;border:0;border-left:1px solid #64717e;border-radius:0;background:var(--paper)}
.theme-b #auth-dialog::backdrop{background:#05080ec4}
.theme-b #auth-form input{background:#171d24;border-color:#4b5764;color:var(--ink);border-radius:2px}
.theme-b #auth-form .field{font-size:12px;color:#bcc6d2}
.theme-b #auth-error{color:#f3b4a8}
.theme-b #auth-switch{color:var(--accent)}
@media(max-width:640px){.account,.account__group{gap:12px}.account__email{max-width:120px;font-size:10px}.account .text-button{font-size:11px}.header{gap:12px}#auth-dialog{padding:22px}#auth-close{min-width:36px;min-height:36px}.theme-b #auth-dialog{padding:24px 20px}}
@media(max-width:380px){.account__email{max-width:90px}.account,.account__group,.theme-b .account{gap:10px}.theme-b .header{gap:18px}.theme-b .header .text-button{font-size:11px}}