.header{border-bottom:1px solid var(--color-border)}.header__logo{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-700)}:where([theme=dark]) .header__logo{color:var(--color-neutral-300)}.header__desktop{display:none}@media only screen and (min-width:60em){.header__desktop{display:flex}.header__mobile{display:none}}.header__backdrop{opacity:0;visibility:hidden;z-index:50;background-color:#0000004d;transition:opacity .15s;position:fixed;inset:0}.header__backdrop[data-open=true]{visibility:visible;opacity:1}.header__login-link{height:2.25rem;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:#fff;background-color:var(--color-primary);box-shadow:var(--shadow-sm);border-radius:9999px;align-items:center;padding:.5rem 1rem;display:inline-flex}.header__login-link:hover,.header__login-link:focus-visible{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}.header__icon-btn{border-radius:var(--radius-md);justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}.header__icon-btn:hover,.header__icon-btn:focus-visible{color:var(--accent-foreground);background-color:var(--accent)}.nav__list{font-size:var(--text-sm)}.nav__menu{--gap:4px;visibility:hidden;opacity:0;z-index:50;background:var(--popover);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-md);padding:.25rem;transition:all .1s;position:absolute;top:100%;transform:translateY(0)}.nav__menu:before{content:"";width:100%;height:calc(var(--gap) + 2px);position:absolute;top:0;left:0;transform:translateY(-100%)}.nav__menu:focus-visible{visibility:visible;opacity:1}.nav__chevron{transition:transform .2s}.nav__item.has-popup{position:relative}.nav__item.has-popup .nav__menu[data-open=true]{visibility:visible;opacity:1;transform:translateY(var(--gap))}.nav__item.active{box-shadow:0 -2px 0 0 inset var(--color-primary);color:var(--color-neutral-800)}:where([theme=dark]) .nav__item.active{color:var(--color-neutral-200)}.nav__link{color:var(--color-neutral-500);font-weight:var(--font-weight-medium);border-radius:var(--radius-xs);margin-block:.5rem}.nav__link[aria-expanded=true] .nav__chevron{transform:rotate(180deg)}:where([theme=dark]) .nav__link{color:var(--color-neutral-400)}.nav__link:hover{opacity:.8}.nav__menu-link{border-radius:var(--radius-xs);color:var(--color-neutral-500);font-weight:var(--font-weight-medium);padding:.75rem}:where([theme=dark]) .nav__menu-link{color:var(--color-neutral-400)}.nav__menu-link:hover,.nav__menu-link:focus-visible{opacity:.8;color:var(--accent-foreground);background:var(--accent)}:where([theme=dark]) :is(.nav__menu-link:hover,.nav__menu-link:focus-visible){color:var(--color-neutral-400)}.nav__menu-link.active{color:var(--color-primary);background-color:var(--accent)}.header__nav-icon{width:1rem;height:1rem}.mobile-nav{background:var(--bg-color);z-index:1000;width:280px;height:100dvh;font-size:var(--text-sm);border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl);transition:transform .1s ease-in;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.mobile-nav[data-open=true]{box-shadow:var(--shadow-2xl);transform:translate(0)}.mobile-nav__subtitle{font-weight:var(--font-weight-bold);color:var(--color-neutral-500);margin:0;text-transform:uppercase;margin-bottom:.75rem}.mobile-nav__list{gap:.5rem;display:grid}.header-dropdown-menu{visibility:hidden;opacity:0;z-index:50;transform-origin:100% 0;background:var(--popover);border:1px solid var(--color-border);border-radius:var(--radius-md);width:max-content;min-width:8rem;box-shadow:var(--shadow-md);margin-top:.25rem;padding:.25rem;transition:all .1s;position:absolute;top:100%;right:0;transform:translateY(0)scale(.95)}.header-dropdown-menu[data-open=true]{visibility:visible;opacity:1;transform:scale(1)}.header-dropdown-menu__item{cursor:default;width:100%;color:var(--accent-foreground);align-items:center;gap:.75rem;padding:.375rem .5rem;display:flex}.header-dropdown-menu__item:hover,.header-dropdown-menu__item:focus-visible{background-color:var(--accent)}.header-dropdown-menu__item svg{color:var(--muted-foreground)}.header-dropdown-menu__item--destructive{--accent:color-mix(in oklab,var(--destructive)10%,transparent);--accent-foreground:var(--destructive);--muted-foreground:var(--destructive)}.mobile-theme-select{border:1px solid var(--color-border);border-radius:9999px}.mobile-theme-select__button{border-radius:50%;padding:.25rem}.mobile-theme-select__button[data-active=true]{background-color:var(--color-neutral-700);color:var(--color-neutral-100)}.mobile-nav__link{align-items:center;gap:.75rem;display:flex}.mobile-logout-btn{color:var(--destructive);background-color:color-mix(in oklab,var(--destructive)10%,transparent);border:#0000;transition:background .1s}.mobile-logout-btn:hover{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}[theme=dark] .mobile-logout-btn{color:#fff;background-color:color-mix(in oklab,var(--destructive)70%,transparent)}[theme=dark] .mobile-logout-btn:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}