.nav .nav-actions>[hidden],.nav-account[hidden],.account-menu[hidden],.account-avatar [hidden],.account-error[hidden]{display:none!important}
.nav-account{position:relative;flex-shrink:0}
.account-trigger{display:flex;align-items:center;gap:10px;width:190px;height:49px;padding:6px 10px;border:1px solid #71ce8d30;border-radius:16px;background:#25834824;color:#eef7f0;font:inherit;cursor:pointer;transition:width .5s var(--nav-ease),background .2s,border-color .2s;box-shadow:inset 0 1px 0 #b2f5c409}
.account-trigger:hover,.account-trigger[aria-expanded=true]{background:#25834838;border-color:#71ce8d55}
.account-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;overflow:hidden;background:#397e4c3b;color:#d4e9da;font-size:14px;font-weight:700;border:1px solid #a2ddb22b}
.account-avatar img{width:100%;height:100%;object-fit:cover;grid-area:1/1}
.account-initial{grid-area:1/1}.account-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px;text-align:left;line-height:1.1}
.account-name{font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-handle{font-size:11px;color:#d4e9da;opacity:.48;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-trigger>svg{width:14px;height:14px;flex-shrink:0;opacity:.6;transition:rotate .2s}.is-open .account-trigger>svg{rotate:180deg}
.account-menu{position:absolute;top:calc(100% + 12px);right:0;width:244px;padding:7px;border:1px solid #75ac8528;border-radius:21px;background:linear-gradient(135deg,#17261aee,#0d1511f5);backdrop-filter:blur(28px);box-shadow:0 20px 55px #0009,inset 0 1px 0 #ffffff08;animation:account-open .16s ease-out;z-index:35}
.nav .account-menu a,.nav .account-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px;border:0;border-radius:14px;background:transparent;color:#dce9df;font:inherit;font-size:13px;text-decoration:none;cursor:pointer;text-align:left}
.nav .account-menu a:hover,.nav .account-menu button:hover{background:#ffffff07}.nav .account-menu .account-profile{padding:11px 10px 14px;margin-bottom:4px;border-bottom:1px solid #ffffff09;border-radius:14px 14px 0 0}.account-profile .account-avatar{width:39px;height:39px;flex-basis:39px}.account-profile-label{font-size:10px;color:#83c699;margin-top:3px}.account-menu svg{width:19px;height:19px;fill:currentColor;flex-shrink:0;opacity:.8}.nav .account-menu .account-logout{color:#f0797e}.nav .account-menu .account-logout:hover{background:#f0797e0d}.account-logout:disabled{opacity:.5;cursor:wait}.account-error{font-size:11px;color:#f0797e;padding:0 12px 8px;margin:4px 0}
.account-trigger:focus-visible,.account-menu a:focus-visible,.account-menu button:focus-visible{outline:2px solid #74c590;outline-offset:3px}
.nav.has-account.is-compact{width:410px}.nav.is-compact .account-trigger{width:177px;height:42px;border-radius:13px;gap:8px}.nav.is-compact .account-avatar{width:30px;height:30px;flex-basis:30px}.nav.is-compact .account-menu .account-avatar{width:39px;height:39px;flex-basis:39px}
@keyframes account-open{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:760px){.account-trigger{width:166px}.nav.has-account:not(.is-compact) .brand{width:125px}}
@media(max-width:600px){.account-trigger{width:160px;height:44px}.nav.has-account .brand{width:115px}.nav.has-account.is-compact{width:min(390px,calc(100% - 24px))}.nav.has-account.is-compact .brand{width:33px}.nav.is-compact .account-trigger{width:150px;padding:5px 8px}.account-menu{width:230px}}
@media(max-width:360px){.nav.is-compact .account-trigger{width:125px;gap:6px}.account-trigger>svg{display:none}.nav.has-account.is-compact nav{width:114px}.nav.has-account.is-compact nav a{width:38px}}
@media(prefers-reduced-motion:reduce){.account-trigger,.account-trigger>svg{transition:none}.account-menu{animation:none}}