.shared-header .nav-account,
.studio-home .nav-account { position: relative; flex: 0 0 auto; }
.shared-header .nav-account[hidden],
.studio-home .nav-account[hidden] { display: none; }
.shared-header .nav-account-toggle,
.studio-home .nav-account-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 5px 9px; border: 1px solid #b4c4f03b; border-radius: 8px; background: #111c344d; color: #f2f5ff; font: inherit; font-size: 12px; cursor: pointer; white-space: nowrap; transition: border-color 180ms ease, background 180ms ease; }
.shared-header .nav-account-toggle:hover,
.shared-header .nav-account-toggle[aria-expanded="true"],
.studio-home .nav-account-toggle:hover,
.studio-home .nav-account-toggle[aria-expanded="true"] { border-color: #afa6f4a6; background: #4b42953b; }
.nav-account-avatar { display: inline-grid; width: 26px; height: 26px; flex: 0 0 auto; place-items: center; border: 1px solid #adc4ef79; border-radius: 50%; color: #dce9ff; background: linear-gradient(145deg, #317de94f, #9c64e84a); }
.nav-account-avatar svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; }
.nav-account-phone { font-variant-numeric: tabular-nums; }
.nav-account-chevron { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.5; transition: transform 180ms ease; }
.nav-account-toggle[aria-expanded="true"] .nav-account-chevron { transform: rotate(180deg); }
.shared-header .nav-account-submenu,
.studio-home .nav-account-submenu { top: calc(100% + 9px); right: 0; left: auto; min-width: 176px; }
.shared-header .nav-account-submenu[hidden],
.studio-home .nav-account-submenu[hidden] { display: none; }
.shared-header .mobile-nav .nav-account { grid-column: 1 / -1; }
.studio-home .mobile-nav .nav-account { grid-column: 1 / -1; }
.shared-header .mobile-nav .nav-account-toggle,
.studio-home .mobile-nav .nav-account-toggle { width: 100%; min-height: 48px; padding: 10px 14px; justify-content: flex-start; font-size: 15px; text-align: left; }
.shared-header .mobile-nav .nav-account-submenu { position: static; min-width: 0; margin: 2px 0 6px 14px; padding: 4px 0 4px 8px; border: 0; border-left: 1px solid #42648a; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
.studio-home .mobile-nav .nav-account-submenu { position: static; min-width: 0; margin: 2px 0 6px 14px; padding: 4px 0 4px 8px; border: 0; border-left: 1px solid #42648a; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
.shared-header .nav-account-toggle:focus-visible,
.studio-home .nav-account-toggle:focus-visible { outline: 3px solid #acc9ff; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .nav-account-toggle, .nav-account-chevron { transition: none; } }