.account-entry{display:inline-flex;align-items:center;gap:9px;min-height:44px;min-width:0;border:1px solid #9dbfc44a;border-radius:999px;background:#bce7df0b;padding:7px 13px;color:var(--ink);font:600 15px/1.5 var(--font);transition:transform .4s cubic-bezier(.22,1.5,.48,1),background .24s}
.account-entry[hidden]{display:none!important}
.account-entry-avatar{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#afe9df;color:#102e35;font-size:14px}
.account-entry-name{display:block;max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-nav .account-entry{width:100%;margin-top:12px;padding:12px 14px;border-radius:18px;justify-content:flex-start}
.mobile-nav .account-entry-name{max-width:calc(100vw - 150px)}
.account-entry:focus-visible{outline:2px solid #afe9df;outline-offset:4px}
.site-header .header-account{flex-shrink:0}
@media(max-width:1180px) and (min-width:981px){.site-header .header-account{width:44px;justify-content:center;padding:7px}.site-header .header-account .account-entry-name{display:none}}
@media(max-width:980px){.site-header .header-account{display:none}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.account-entry:hover{transform:scale(1.045);background:#bce7df18}}
@media(prefers-reduced-motion:reduce){.account-entry{transition:none}}