.account-trigger{display:inline-flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--c-text);padding:6px;border-radius:24px;cursor:pointer;font:inherit;text-transform:none;max-width:210px}.account-trigger:hover{background:var(--c-bg)}.account-username{text-transform:none;letter-spacing:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.account-trigger .account-avatar,.account-drawer .account-avatar{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:50%;overflow:hidden;background:#e4e7eb;border:1px solid #d9dde2}.account-trigger .account-avatar svg,.account-drawer .account-avatar svg{width:100%;height:100%;fill:#fff}.account-drawer .account-avatar-large{width:48px;height:48px;flex-basis:48px}.account-drawer{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(360px,100vw);max-width:100vw;border:0;border-left:1px solid var(--c-border);padding:28px 22px;background:var(--c-paper);color:var(--c-text);box-shadow:none;overflow-y:auto;animation:none}.account-drawer::backdrop{background:transparent}.account-drawer-close{position:absolute;top:10px;right:12px;border:0;background:transparent;color:var(--c-text-dim);font-size:26px;cursor:pointer}.account-drawer-identity{display:flex;gap:12px;align-items:center;margin:18px 0}.account-drawer-identity>div{min-width:0}.account-drawer-identity strong{display:block;overflow-wrap:anywhere;text-transform:none;font-size:16px}.account-member-label{display:inline-block;margin-top:5px;font-size:11px;padding:2px 8px;border-radius:12px;background:var(--c-primary-bg);color:var(--c-primary)}#accountUpgrade{color:var(--c-text-dim);font-size:13px;line-height:1.8;margin-bottom:20px}#accountUpgrade[hidden]{display:none}#accountUpgrade a{color:var(--c-primary);font-weight:700}.account-points{background:var(--c-bg);border:1px solid var(--c-border);border-radius:12px;padding:18px;margin:20px 0}.account-points>p{color:var(--c-text-dim);font-size:13px}.account-points>strong{display:block;font-size:32px;color:var(--c-primary);margin:6px 0 18px}.account-points>div{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--c-border);font-size:13px}.account-points small{display:block;color:var(--c-text-dim);font-size:11px;line-height:1.7;margin-top:10px}.account-drawer-nav{border-top:1px solid var(--c-border);margin-top:20px;padding-top:10px;display:grid;gap:4px}.account-drawer-nav a,.account-drawer-nav button{display:flex;align-items:center;gap:12px;padding:15px 12px;border:0;border-radius:8px;background:transparent;color:var(--c-text-soft);font:inherit;font-size:14px;cursor:pointer;text-decoration:none;text-align:left}.account-drawer-nav span{flex:1}.account-drawer-nav a:hover,.account-drawer-nav button:hover{background:var(--c-bg)}#accountDrawerStatus{font-size:12px;color:var(--c-text-dim)}.admin-membership-term{min-width:220px;text-align:left;margin:5px 0}.admin-membership-term b{color:var(--c-primary)}.admin-membership-term small{display:block;line-height:1.7;font-size:11px;color:var(--c-text-dim)}.topbar .usage-display{display:inline-flex;gap:4px;align-items:center;white-space:nowrap}@keyframes accountSlide{from{transform:translateX(100%)}to{transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.account-drawer{animation:none}}@media(max-width:600px){.account-trigger{max-width:160px}.account-username{max-width:95px}}

/* Keep the account trigger reachable while the middle navigation can scroll. */
.topbar{grid-template-columns:auto minmax(0,1fr) auto}.topbar .topbar-nav{width:100%;min-width:0;justify-self:stretch;justify-content:safe center;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.topbar .topbar-nav a{flex-shrink:0}.topbar .topbar-left{min-width:0}.topbar .topbar-right{min-width:0}@media(max-width:1250px){.topbar .server-status{display:none}.topbar{column-gap:10px;padding-left:14px;padding-right:14px}}@media(max-width:860px){.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;overflow:visible;gap:8px}.topbar .brand>span{display:none}.topbar .topbar-nav{min-width:0;justify-content:flex-start}.topbar .nav-item{padding:8px 9px}.account-trigger{max-width:125px}.account-username{max-width:80px}.topbar .usage-display{font-size:10px!important}.topbar .topbar-right{gap:4px}}@media(max-width:480px){.topbar .account-username{max-width:66px}.topbar .usage-display{position:absolute;right:14px;bottom:0px;font-size:9px!important;line-height:12px;padding:0;border:0;background:transparent}.topbar:has(.usage-display) .account-trigger{margin-bottom:8px}}

.default-avatar-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}.account-trigger .account-avatar,.account-drawer .account-avatar{background:transparent;border:0;box-shadow:none}.profile-avatar,.profile-card .account-avatar{background:transparent!important;border:0!important;border-radius:50%!important;box-shadow:none!important}.profile-avatar .default-avatar-image,.profile-card .account-avatar .default-avatar-image{width:100%;height:100%}

/* The nav anchor is the viewport center, independent of either side's content. */
@media(min-width:1440px){.topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.topbar .topbar-left{grid-column:1;justify-self:start}.topbar .topbar-right{grid-column:3;justify-self:end}.topbar .topbar-nav{position:absolute;left:50vw;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 680px);justify-content:center}.topbar .nav-item{padding-left:10px;padding-right:10px}}
@media(max-width:1439px){.topbar{height:108px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:64px 44px;gap:0 10px;overflow:visible}.topbar .topbar-left{grid-column:1;grid-row:1;justify-self:start}.topbar .topbar-right{grid-column:3;grid-row:1;justify-self:end}.topbar .topbar-nav{grid-column:1/-1;grid-row:2;position:static;transform:none;width:100%;min-width:0;justify-content:safe center;overflow-x:auto}.topbar .usage-display{position:static;font-size:11px!important;line-height:normal}.topbar:has(.usage-display) .account-trigger{margin-bottom:0}.topbar .brand>span{display:inline}}@media(max-width:600px){.topbar .brand>span{display:none}.topbar .topbar-nav{justify-content:flex-start}.topbar .account-username{max-width:85px}}

.account-member-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:5px}.account-member-meta .account-member-label{margin-top:0}.account-member-days{font-size:12px;color:var(--c-text-dim);white-space:nowrap}.account-member-days[hidden]{display:none}#accountDrawerStatus:empty{display:none}