.account-button {padding:8px 12px;border:1px solid var(--gold-line);border-radius:18px;background:#263c32;color:#fffaf0;font:600 14px/1.2 system-ui;cursor:pointer;white-space:nowrap}
.account-dialog {border:1px solid #b89964;border-radius:20px;background:#fffaf0;color:#20322c;padding:24px;width:min(520px,calc(100vw - 24px));max-height:85dvh;overflow:auto;box-sizing:border-box;font:16px/1.5 system-ui}
.account-dialog::backdrop {background:rgba(10,22,16,.72)}
.account-dialog h2 {margin:0;font-size:24px}
.account-dialog h3 {margin:0;font-size:18px}
.account-dialog p {margin:10px 0}
.account-dialog small {font-size:14px;color:#526457}
.account-dialog label {display:block;margin:16px 0 6px;font-weight:600}
.account-dialog input {width:100%;box-sizing:border-box;padding:12px;border:1px solid #748878;border-radius:10px;font:16px system-ui;background:white;color:#20322c}
.account-dialog form button {margin-top:12px}
.account-dialog button,.account-dialog a {min-height:44px;font-size:15px;cursor:pointer}
.account-dialog button:disabled {opacity:.55;cursor:default}
.account-dialog [hidden] {display:none!important}
.account-dialog .secondary {padding:10px 14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.account-heading {display:flex;align-items:center;justify-content:space-between;gap:12px}
.account-close {border:0;background:transparent;color:#20322c;font-size:24px!important;min-width:44px}
.account-actions {display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.account-message {padding:10px 0;overflow-wrap:anywhere}
.saved-set {padding:16px 0;border-top:1px solid #cabc9f}
#accountIdentity {overflow-wrap:anywhere}
.account-dialog :focus-visible {outline:3px solid #3e6657;outline-offset:3px}
.report-message {overflow-wrap:anywhere}
@media(max-width:420px){.account-button{padding:8px;font-size:13px}.top-actions{gap:6px}.account-dialog{padding:18px}}