#account-dialog{width:min(460px,calc(100vw - 32px))}
.account-tabs{display:flex;gap:6px;border:1px solid var(--border,#354438);padding:5px;border-radius:9px;margin:18px 0}
.account-tabs button{flex:1;border:0;background:transparent;color:inherit;border-radius:5px;padding:10px;cursor:pointer}
.account-tabs button.selected{background:#b9e583;color:#142016;font-weight:700}
#account-dialog form{display:grid;gap:10px;margin-top:16px}
#account-dialog input{width:100%;box-sizing:border-box}
#account-dialog label{margin:0}
#account-dialog .primary-button{margin-top:8px;width:100%}
.account-help{font-size:13px;line-height:1.6;color:#adbcaf}
.account-reminder{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0;color:#aabdac;font-size:12px}
.account-reminder[hidden],#account-dialog [hidden]{display:none!important}
.account-reminder button{padding:3px 0;color:#b9e583;text-decoration:underline}
.account-identity{padding:20px;background:#19271e;border:1px solid #354438;border-radius:10px;margin:18px 0}
.account-identity small{display:block;color:#aabdac;margin-bottom:6px}
.account-identity strong{font-size:24px;overflow-wrap:anywhere}
#account-password-details{margin:20px 0}#account-password-details summary{cursor:pointer;color:#b9e583}
#account-error{margin-top:14px}
.top-actions{flex-wrap:wrap;justify-content:flex-end}
.topbar .brand{flex-shrink:0}
@media(max-width:760px){.topbar{align-items:flex-start;gap:16px}.top-actions{min-width:0;gap:8px}#account-button{order:-1}}