.auth-account{display:flex;align-items:center;gap:7px;margin-left:auto}
.auth-account button{white-space:nowrap;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--blue);padding:6px 9px;font-weight:700;font-size:11px;line-height:1.3;font-family:inherit;cursor:pointer}
.auth-account button[hidden]{display:none}
.auth-account .auth-account-button{max-width:180px;overflow:hidden;text-overflow:ellipsis}
.auth-dialog{width:min(430px,calc(100% - 24px))}
.auth-dialog form{padding:20px;gap:12px}
.auth-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.auth-head h2{margin:0;font-size:22px}
.auth-head p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.auth-close{color:var(--muted);font-size:24px;line-height:1;cursor:pointer}
.auth-dialog label[hidden]{display:none}
.auth-dialog input{height:38px}
.auth-dialog .auth-submit{min-height:38px;border:1px solid var(--blue);border-radius:6px;background:var(--blue);color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.auth-dialog .auth-submit:disabled{opacity:.6;cursor:wait}
.auth-spinner{display:none;width:13px;height:13px;border:2px solid rgb(255 255 255 / .45);border-top-color:#fff;border-radius:50%;animation:auth-spin .7s linear infinite}
.auth-submit.is-loading .auth-spinner{display:block}
@keyframes auth-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.auth-spinner{animation:none}}
.auth-switch{justify-self:center;color:var(--blue);font-size:11px;font-weight:700;cursor:pointer}
.auth-status{min-height:1em;margin:0;color:var(--blue);font-size:11px}
@media(max-width:700px){.auth-account{margin:0 0 0 auto}.auth-account .auth-account-button{max-width:140px}}