#account-button{min-height:34px;padding:6px 12px;font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#account-dialog{width:min(460px,calc(100vw - 32px));padding:28px;max-height:calc(100dvh - 32px);overflow-y:auto;scrollbar-gutter:stable}
#account-body h2{font-size:22px;line-height:1.4;margin:0 36px 14px 0}
.account-intro,.account-note{line-height:1.7;color:var(--muted);margin:0 0 20px;font-size:13px}
#account-body label{display:block;font-size:13px;margin:18px 0 8px}
.account-field{position:relative;display:flex;align-items:center}
.account-field input{width:100%;min-width:0;box-sizing:border-box;height:44px}
.account-field input[type=password],.account-field input[type=text]{padding-right:64px}
.account-reveal{position:absolute;right:6px;top:6px;height:32px;padding:4px 9px;font-size:12px;background:transparent;border-color:transparent}
.account-result{min-height:22px;margin:14px 0;line-height:1.6;font-size:13px;color:var(--ink);overflow-wrap:anywhere}
.account-submit{width:100%;min-height:42px}
.account-help{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;line-height:1.7}
.account-help summary{cursor:pointer;padding:4px 0}.account-help p{color:var(--muted);margin:12px 0 0}
.account-identity{padding:2px 0 16px;margin-bottom:10px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.account-identity strong{font-size:20px;margin-right:10px}.account-identity p{color:var(--muted);font-size:14px;margin:10px 0 0}
.account-actions{display:flex;flex-direction:column;gap:10px}.account-actions button{min-height:42px}
.account-note{margin:14px 0 0}.announcement-auth-note{line-height:1.7;font-size:13px;padding:12px 0}
@media(max-width:600px){#account-dialog{padding:22px 20px}.top-actions{flex-wrap:wrap}#account-button{max-width:120px}}
