/* Account-only additions. Original stylesheet is unchanged. */
#account-open{flex-shrink:0}
#account-open[data-signed-in="true"]{color:var(--accent)}
#account-dialog{width:min(460px,calc(100% - 32px));padding:28px;max-height:calc(100dvh - 32px);overflow:auto}
#account-dialog .account-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
#account-dialog h2{font-size:26px;margin:0;letter-spacing:-.7px}
#account-dialog .eyebrow{margin:0 0 6px}
#account-dialog p{color:var(--muted);font-size:14px}
#account-dialog form{display:grid;gap:12px}
#account-dialog label{display:grid;gap:6px;font-size:13px;color:var(--muted)}
#account-dialog input{width:100%;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px;color:var(--text)}
#account-dialog .primary-button{width:100%;justify-content:center;margin-top:4px}
#account-dialog .account-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
#account-dialog .account-status{padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--panel2);min-height:48px;margin:16px 0;overflow-wrap:anywhere}
#account-dialog .account-status[data-error="true"]{color:var(--wrong)}
#account-dialog .account-email{color:var(--text);overflow-wrap:anywhere}
#account-dialog [hidden]{display:none!important}
#account-dialog .account-foot{font-size:12px;border-top:1px solid var(--border);padding-top:16px;margin-top:20px}
#account-dialog .account-foot a{text-decoration:underline}

#account-dialog .account-modes{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:9px;margin:18px 0;background:var(--bg)}
#account-dialog .account-modes button{flex:1;padding:8px;border-radius:6px;font-size:14px}
#account-dialog .account-modes button[aria-pressed="true"]{background:var(--panel2);color:var(--accent)}
#account-dialog #account-password-help{font-size:12px;margin:0}