.account-button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:none;border:0;color:#e1e4e4;padding:0;cursor:pointer}.account-button small{display:block;color:#929a9e;margin-top:4px}.account-button .tiny-avatar{flex-shrink:0}.account-dialog{width:min(490px,calc(100vw - 32px));background:#202426;color:#e1e4e4;border:1px solid #444b4e;border-radius:8px;padding:30px}.account-dialog h2{font-size:27px;margin:12px 0}.account-dialog p{color:#acb4b8;font-size:14px;line-height:1.65}.account-dialog .account-note{padding:13px 15px;border-left:2px solid #c7a665;background:#191d1f}.account-dialog form{display:grid;gap:16px}.account-dialog label{font-size:13px;display:grid;gap:8px}.account-dialog input{min-width:0;background:#15191b;color:#e1e4e4;border:1px solid #51585a;border-radius:4px;padding:12px}.account-dialog button:disabled{opacity:.5;cursor:wait}.account-dialog .account-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.account-dialog #account-status{color:#ddc78d;font-size:13px;min-height:22px}.account-dialog .account-email{overflow-wrap:anywhere}.account-dialog .account-sync{border-top:1px solid #444b4e;padding-top:16px;margin-top:20px}.account-dialog .account-sync button{font-size:12px}.account-dialog .account-status-error{color:#efaf98!important}#google-signin{min-height:44px;margin:22px 0 12px}#account-loading{font-size:13px;color:#b8c0c3}.account-dialog [hidden]{display:none!important}
.account-dialog #google-signin:empty{display:none}
/* Account access next to language, with responsive header layout. */
.topbar{display:grid;grid-template-columns:minmax(140px,1fr) auto minmax(260px,1fr);gap:16px;height:auto;min-height:76px;padding:12px 25px}
.topbar .topbar-caption{position:static;transform:none;max-width:180px;width:auto;text-align:left;grid-column:1}
.topbar .community-motto{grid-column:2;min-width:0;font-size:28px}
.topbar>div{position:static;transform:none;justify-self:end;display:flex;align-items:center;gap:14px;grid-column:3}
.topbar .account-slot{border-left:1px solid #424548;padding-left:14px;min-width:0}
.topbar .account-button{width:auto;gap:9px;font-size:11px;max-width:180px;padding:5px;border-radius:4px}
.topbar .account-button:hover{background:#25292b}
.topbar .account-button:focus-visible{outline:2px solid #c6a064;outline-offset:3px}
.topbar .account-button>span:last-child{min-width:0}
.topbar .account-button strong{display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar .account-button small{font-size:9px;font-weight:400;margin-top:3px;white-space:nowrap}
.topbar .account-button .tiny-avatar{width:29px;height:29px;font-size:13px}
@media(max-width:1200px){.topbar{grid-template-columns:1fr auto;gap:8px 16px;padding:12px 20px;min-height:88px}.topbar .community-motto{grid-column:1;grid-row:1;text-align:left;font-size:25px}.topbar>div{grid-column:2;grid-row:1 / span 2;gap:10px}.topbar .topbar-caption{grid-column:1;grid-row:2;max-width:none;font-size:9px}.topbar .prototype{display:none}}
@media(max-width:720px){.topbar{grid-template-columns:minmax(0,1fr) auto;padding:10px 15px;gap:9px 10px}.topbar .community-motto{grid-column:1 / -1;grid-row:1;text-align:center;font-size:25px}.topbar>div{grid-column:2;grid-row:2}.topbar .topbar-caption{grid-column:1;grid-row:2;font-size:8px;line-height:1.5}.topbar .account-slot{padding-left:9px}.topbar .account-button{gap:6px}.topbar .account-button small{display:none}.topbar .account-button strong{max-width:75px}.topbar .interface-language{min-width:50px}}