.nav-box{--r: 9999px;--tr: 25%;z-index:50;position:relative;display:flex;justify-content:center;align-items:center;border-radius:var(--r);border:1px double rgba(51,51,51,.08);padding:.5rem 1rem;box-shadow:inset 2px -2px 1px -1px #ffffffe6,inset -2px 2px 1px -1px #ffffffe6,inset 6px -6px 1px -6px #ffffff8c,inset -6px 6px 1px -6px #ffffff8c,inset 0 0 2px #000c,0 4px 8px #0003;background:#0000000f;backdrop-filter:blur(2px)}.nav-box svg{filter:drop-shadow(0 25px 3px rgba(102,102,102,.2))}.nav-box span{filter:drop-shadow(0 25px 3px rgba(102,102,102,.15))}.nav-box:before{content:"";position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 16px);height:calc(100% - 16px);border-radius:var(--r);border:1px solid rgba(0,0,0,.9);filter:blur(8px);pointer-events:none}.nav-box:after{z-index:2;content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--r);filter:blur(3px);pointer-events:none;background:linear-gradient(45deg,rgba(255,255,255,.4) 0%,transparent 20px,transparent calc(100% - 20px),rgba(255,255,255,.4) 100%)}.nav-box .circle-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 9px);height:calc(100% - 9px);border:1px solid rgba(255,255,255,.2);border-radius:var(--r);filter:blur(1px);pointer-events:none}.nav-box--navigation{background:transparent;backdrop-filter:none;box-shadow:none;border-color:#ffffff2e}.nav-box--navigation:before,.nav-box--navigation:after,.nav-box--navigation>.circle-overlay{display:none}@media(min-width:768px){.desktop-nav{transform:translateY(0);transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s ease;will-change:transform,opacity}.desktop-nav--hidden{transform:translateY(calc(100% + 4rem));opacity:0;pointer-events:none}.desktop-nav-reveal-zone{position:fixed;z-index:49;bottom:0;left:50%;width:min(100%,60rem);height:8rem;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.desktop-nav{transition:none}}.nav-lens-copy{position:absolute;top:0;left:0;transform-origin:top left;z-index:2;will-change:transform;background:transparent;color-scheme:light dark}.nav-item{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;padding:.5rem .75rem;font-size:.875rem;color:#ffffffad;-webkit-tap-highlight-color:transparent;outline:none;transition:color .24s ease,opacity .24s ease,filter .28s ease}@media(min-width:768px){.nav-item{padding-right:1rem;padding-left:1rem}}.nav-item--active{color:#fffffffa}.nav-item--inactive:hover{color:#ffffffe6}.nav-item__icon,.nav-item__label{transition:color .24s ease,opacity .24s ease,filter .28s ease}.nav-item--lens{color:#fffffffa;opacity:1;text-shadow:0 0 18px rgba(255,255,255,.2),0 0 32px rgba(122,190,255,.18)}.nav-item--lens .nav-item__icon,.nav-item--lens .nav-item__label{filter:drop-shadow(0 0 10px rgba(255,255,255,.18)) drop-shadow(0 0 18px rgba(122,190,255,.2))}.nav-drag-strip,.nav-drag-strip *{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}.glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .26s ease-out}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;inset:0;opacity:0;z-index:-1}.glass-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}.glass-surface--svg{background:light-dark(hsl(0 0% 100% / var(--glass-frost, 0)),hsl(0 0% 0% / var(--glass-frost, 0)));backdrop-filter:var(--filter-id) saturate(var(--glass-saturation, 1));box-shadow:0 0 2px 1px light-dark(color-mix(in oklch,black,transparent 85%),color-mix(in oklch,white,transparent 65%)) inset,0 0 10px 4px light-dark(color-mix(in oklch,black,transparent 90%),color-mix(in oklch,white,transparent 85%)) inset,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,0 4px 16px #11111a0d inset,0 8px 24px #11111a0d inset,0 16px 56px #11111a0d inset}.glass-surface--fallback{background:#ffffff40;backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media(prefers-color-scheme:dark){.glass-surface--fallback{background:#ffffff1a;backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not (backdrop-filter: blur(10px)){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";position:absolute;inset:0;background:#ffffff26;border-radius:inherit;z-index:-1}}@supports not (backdrop-filter: blur(10px)){@media(prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline:2px solid light-dark(#007aff,#0a84ff);outline-offset:2px}