.app-header #connection-open{display:none}
.app-header .account-button{width:40px;height:40px;min-width:40px;padding:0;border:0;border-radius:50%;overflow:hidden;background:#fff;display:grid;place-items:center;flex-shrink:0;margin-left:auto;color:#fff;font:700 18px system-ui,sans-serif}
.account-button img{display:block;width:100%;height:100%;object-fit:cover}.app-header .account-button.has-account{border:2px solid #f34b32;background:#492a42}
.account-dialog{position:fixed;inset:20px 20px auto auto;margin:0;width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:22px;border:1px solid #44464b;border-radius:14px;background:#1b1c1e;color:#f4f3ef;font:14px/1.5 system-ui,sans-serif;box-shadow:0 16px 60px #0008}
.account-dialog::backdrop{background:#0005}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.account-heading h2{font:700 19px system-ui,sans-serif;margin:0}.account-heading button{width:32px;height:32px;font-size:25px}
#account-identity{overflow-wrap:anywhere}#account-identity p,#account-status{color:#b9b9bf;font-size:12px}#account-actions{display:grid;gap:10px;margin-top:18px}#account-status:empty{display:none}
.google-login-link{display:flex;align-items:center;justify-content:center;gap:10px;height:44px;border-radius:6px;border:1px solid #747775;background:#fff;color:#1f1f1f;font:600 14px system-ui,sans-serif}.google-login-link img{width:36px;height:36px}
.account-delete{color:#b9b9bf;padding:8px;font-size:12px;text-decoration:underline}.account-privacy{display:block;color:#a9a9af;margin-top:18px;font-size:11px;text-decoration:underline}
@media(min-width:900px){.app-header .account-button{margin-left:0}}@media(max-width:600px){.account-dialog{top:12px;right:12px;padding:18px}.app-header .account-button{width:36px;height:36px;min-width:36px}}

#account-sync-state{color:#a3d59a;font-size:12px}