:root{--nav-ease:cubic-bezier(.16,1,.3,1);--nav-glass-bg:radial-gradient(120% 80% at 50% 0%,hsla(0,0%,100%,.14),transparent 55%),linear-gradient(155deg,hsla(0,0%,100%,.09),hsla(0,0%,100%,.02) 48%,hsla(0,0%,100%,.06)),rgba(14,15,18,.62);--nav-glass-border:hsla(0,0%,100%,.12);--nav-glass-highlight:inset 0 1px 0 hsla(0,0%,100%,.22),inset 0 -1px 0 hsla(0,0%,100%,.04);--nav-glass-shadow:0 22px 54px rgba(0,0,0,.34),0 0 0 .5px hsla(0,0%,100%,.04);--nav-glass-blur:blur(32px) saturate(185%);--nav-active-bg:radial-gradient(circle at 50% 0%,rgba(244,185,88,.18),transparent 62%),linear-gradient(145deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.03));--nav-active-border:rgba(244,185,88,.3);--nav-pill-radius:999px;--nav-shell-radius:999px;--nav-sidebar-radius:2.5rem;--nav-tab-size:3.5rem;--nav-mobile-dock-padding:.75rem;--nav-mobile-dock-height:calc(var(--nav-tab-size) + var(--nav-mobile-dock-padding));--nav-mobile-bottom:max(.75rem,env(safe-area-inset-bottom));--nav-mobile-stack-gap:.625rem;--nav-mobile-shell-width:min( calc(100vw - 1.5rem) ,30rem);--bag-bar-width:var(--nav-mobile-shell-width);--bag-bar-height:3.875rem;--bag-bar-offset-mobile:calc(var(--nav-mobile-bottom) + var(--nav-mobile-dock-height) + var(--nav-mobile-stack-gap));--bag-bar-offset-desktop:max(1.25rem,env(safe-area-inset-bottom));--bag-bar-offset:var(--bag-bar-offset-mobile);--bag-scroll-padding:calc(var(--bag-bar-offset) + var(--bag-bar-height) + var(--nav-mobile-stack-gap) + 1rem)}@media(min-width:1280px){:root{--bag-bar-width:min(calc(100vw - var(--nav-sidebar-width) - 2.5rem),980px);--bag-bar-height:4.625rem;--bag-bar-offset:var(--bag-bar-offset-desktop);--bag-scroll-padding:calc(var(--bag-bar-offset) + var(--bag-bar-height) + 1.5rem)}}.nav-glass-shell{position:relative;overflow:hidden;border:1px solid var(--nav-glass-border);background:var(--nav-glass-bg);box-shadow:var(--nav-glass-shadow),var(--nav-glass-highlight);backdrop-filter:var(--nav-glass-blur);-webkit-backdrop-filter:var(--nav-glass-blur)}.nav-glass-shell:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(90px 90px at 22% 18%,rgba(244,185,88,.14),transparent 70%),radial-gradient(130px 130px at 78% 85%,rgba(120,150,255,.1),transparent 70%),radial-gradient(70px 70px at 65% 12%,hsla(0,0%,100%,.08),transparent 70%);opacity:.55;animation:nav-blob-drift 14s var(--nav-ease) infinite alternate;will-change:transform}.nav-glass-shell__sheen{pointer-events:none;position:absolute;inset:0;z-index:1;overflow:hidden;background:transparent}.nav-glass-shell__sheen:before{content:"";position:absolute;top:-40%;left:-60%;width:80%;height:180%;transform:rotate(18deg) translate(-20%);background:linear-gradient(105deg,transparent,hsla(0,0%,100%,.09) 45%,hsla(0,0%,100%,.14) 50%,hsla(0,0%,100%,.09) 55%,transparent);filter:blur(2px);animation:nav-liquid-sheen 9s var(--nav-ease) infinite}@keyframes nav-blob-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(6%,-4%,0) scale(1.12)}to{transform:translate3d(-4%,5%,0) scale(.94)}}@keyframes nav-liquid-sheen{0%{transform:rotate(18deg) translate(-20%);opacity:0}18%{opacity:1}55%{transform:rotate(18deg) translate(210%);opacity:1}72%{opacity:0}to{transform:rotate(18deg) translate(210%);opacity:0}}@media(prefers-reduced-motion:reduce){.nav-glass-shell:before,.nav-glass-shell__sheen:before{animation:none;opacity:.35}}.nav-glass-mobile{display:flex;width:var(--nav-mobile-shell-width);align-items:center;gap:var(--nav-mobile-stack-gap)}