.header-account{position:relative;flex:none}.header-account-trigger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:50%;background:none;transition:border-color .2s,background-color .2s;transform:none!important}.header-account-trigger:hover,.header-account-trigger[aria-expanded="true"]{border-color:var(--line);background:var(--surface);transform:none!important}.header-account-trigger .account-avatar{width:42px;height:42px;margin:0;position:relative;display:block}.header-account-trigger .account-avatar img{width:100%;height:100%;object-fit:contain;border-radius:50%}.header-account-trigger .unit-on-badge{position:absolute;left:62.7%;top:66.8%;transform:translate(-50%,-50%);font-size:2.5px;width:10%;color:#593400;line-height:1;font-weight:900;text-align:center}.header-account-trigger .unit-on-badge[data-length="7"],.header-account-trigger .unit-on-badge[data-length="8"]{font-size:1.8px}
.header-account-panel{position:absolute;top:calc(100% + 14px);right:0;width:256px;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 52px #0002;color:var(--ink);z-index:90;opacity:1}.header-account-intro{padding:12px 12px 16px;margin-bottom:6px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.header-account-intro strong{display:block;font-size:13px;line-height:1.7}.header-account-intro span{display:block;font-size:11px;line-height:1.7;color:var(--muted)}.header-account-panel a,.header-account-panel>button{display:flex;align-items:center;width:100%;min-height:44px;padding:11px 12px;font:inherit;font-size:12px;line-height:1.5;text-align:left;color:var(--ink);border:0;border-radius:11px;background:none;text-decoration:none;transform:none!important;transition:background-color .18s}.header-account-panel a:hover,.header-account-panel>button:hover{background:var(--surface);transform:none!important}.header-account-panel>button{margin-top:6px;border-top:1px solid var(--line);border-radius:0 0 11px 11px}.header-account-status{margin:0 12px;font-size:11px;line-height:1.7;color:var(--muted)}.header-account-status:empty{display:none}
.header-account-panel{max-height:calc(100dvh - 130px);overflow-y:auto}.header-account-panel>button{border-top:0;border-radius:11px;margin-top:0}.header-account-panel>.header-account-signout{border-top:1px solid var(--line);border-radius:0 0 11px 11px;margin-top:6px}
@media(max-width:700px){.site-nav.has-account .nav-actions{gap:8px}.site-nav.has-account .theme-toggle{display:none}.header-account-panel{right:-65px;width:min(256px,calc(100vw - 40px));max-height:calc(100dvh - 110px)}}
@media(prefers-reduced-motion:reduce){.header-account-trigger,.header-account-panel a,.header-account-panel>button{transition:none}}