.account-panel{max-width:520px;padding:32px;background:var(--surface);border:1px solid var(--border)}
.account-panel h2{font-size:26px;margin:20px 0}.account-panel p{color:var(--text-muted)}
.account-switch{display:flex;gap:8px;padding:5px;background:var(--surface-muted);border-radius:14px}
.account-switch button{flex:1;border:0;border-radius:10px;min-height:44px;background:transparent;color:var(--text);font:inherit;font-size:14px;cursor:pointer}
.account-switch button[aria-pressed="true"]{background:var(--surface);box-shadow:0 2px 6px #00000012}
.account-form{display:flex;flex-direction:column;align-items:stretch}.account-form[hidden],.account-panel [hidden]{display:none}
.account-form label{font-size:14px;font-weight:500;margin:16px 0 8px}
.account-form input{width:100%;min-height:48px;padding:12px 14px;border-radius:12px;border:1px solid var(--text-muted);background:var(--bg);color:var(--text);font:inherit;font-size:16px}
.account-form .field-help{font-size:12px;margin:8px 0 0}.account-form>.button{margin-top:28px;align-self:start;border:0;cursor:pointer;font:inherit;font-size:14px}
.account-status{margin-top:20px;font-size:14px;min-height:24px}.account-status:empty{margin:0;min-height:0}
.account-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;align-items:center}
#account-logout,#account-retry{font:inherit;font-size:14px;min-height:44px;padding:8px 16px;border:1px solid var(--text-muted);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer}
.account-panel button:disabled{opacity:.6;cursor:wait}.account-panel :focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.construction{padding:80px 0;max-width:680px}.construction-symbol{display:grid;place-items:center;width:88px;height:88px;background:var(--tile-pink);color:var(--tile-pink-text);border-radius:24px;font-size:48px;margin-bottom:32px}.construction h1{margin:16px 0 32px}
@media(max-width:639px){.account-panel{padding:24px}.construction{padding:48px 0}.construction h1{font-size:36px}}