/* Shared touch/desktop glass navigation. The lens never intercepts button input. */
.liquid-nav{--glass-fill:rgba(255,255,255,.28);--glass-edge:rgba(255,255,255,.9);--glass-shadow:rgba(23,23,23,.13);--nav-refraction:blur(0);isolation:isolate;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.liquid-nav .liquid-nav-lens{position:absolute;left:0;z-index:0;display:block;border-radius:999px;pointer-events:none;will-change:transform;transform-origin:center}
.liquid-nav-optics,.liquid-nav-sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none;transition:transform 420ms cubic-bezier(.2,1.6,.4,1),box-shadow 200ms,opacity 200ms}
.liquid-nav-optics{background:linear-gradient(145deg,rgba(255,255,255,.48),var(--glass-fill) 48%,rgba(255,255,255,.08));border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(7px) saturate(160%);backdrop-filter:var(--nav-refraction) blur(7px) saturate(160%);box-shadow:inset 0 2px 3px #fff9,inset 0 -2px 3px #00000012,0 3px 9px var(--glass-shadow),0 0 0 1px #00000005}
.liquid-nav-sheen{background:radial-gradient(ellipse at var(--glint-x,35%) var(--glint-y,0%),#ffffffa0,transparent 64%);opacity:.5;mix-blend-mode:screen}
.liquid-nav.is-pressing .liquid-nav-optics,.liquid-nav.is-pressing .liquid-nav-sheen{transform:scale(1.055,1.16);transition-duration:150ms}
.liquid-nav.is-pressing .liquid-nav-optics{box-shadow:inset 0 2px 4px #fffc,inset 0 -2px 4px #0000001a,0 7px 20px var(--glass-shadow),0 0 0 1px #ffffff60}
.liquid-nav.is-pressing .liquid-nav-sheen{opacity:.95}
.liquid-nav>button{position:relative;z-index:1;min-height:44px;border:0;border-radius:999px;background:transparent!important;transition:transform 160ms ease,color 160ms;color:var(--secondary);font-size:13px}
.liquid-nav>button.is-touching{transform:scale(.94)}
.liquid-nav>button.active{color:var(--text);font-weight:700}
.liquid-nav>button:focus-visible{outline:2px solid var(--text);outline-offset:-4px}
.app[data-theme=dark] .liquid-nav{--glass-fill:rgba(255,255,255,.06);--glass-edge:rgba(255,255,255,.30);--glass-shadow:rgba(0,0,0,.5)}
.app[data-theme=dark] .liquid-nav-optics{background:linear-gradient(145deg,#ffffff29,#ffffff09 55%,#ffffff0a);box-shadow:inset 0 1px 2px #ffffff5c,inset 0 -1px 2px #ffffff18,0 3px 10px #0005}
.app[data-theme=dark] .liquid-nav-sheen{opacity:.18}
.app[data-theme=dark] .liquid-nav.is-pressing .liquid-nav-sheen{opacity:.42}
.desktop-nav.liquid-nav{position:relative;height:54px;padding:4px;gap:0;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 35%,transparent);box-shadow:inset 0 1px #ffffff45,0 3px 12px #00000006}
.desktop-nav.liquid-nav>button{width:86px;height:44px;padding:0 18px}
@media(max-width:800px){
  .user-mobile-nav.liquid-nav{height:64px;padding:8px;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:999px;overflow:visible;background:color-mix(in srgb,var(--surface) 38%,transparent);-webkit-backdrop-filter:blur(14px) saturate(165%);backdrop-filter:blur(14px) saturate(165%);box-shadow:0 8px 24px #00000014,0 1px 5px #0000000a,inset 0 1px 1px #ffffffbd,inset 0 -1px 1px #ffffff50}
  .user-mobile-nav.liquid-nav:before{content:none}
  .user-mobile-nav.liquid-nav>button{min-width:0;height:46px;border-radius:999px;font-size:14px}
  .app[data-theme=dark] .user-mobile-nav.liquid-nav{background:rgba(28,28,30,.48);box-shadow:0 8px 28px #0008,inset 0 1px 1px #ffffff38,inset 0 -1px 1px #ffffff12}
}
@media(prefers-reduced-motion:reduce){.liquid-nav-optics,.liquid-nav-sheen,.liquid-nav>button{transition:none!important;transform:none!important}.liquid-nav .liquid-nav-lens{will-change:auto}}
@media(prefers-reduced-transparency:reduce){.user-mobile-nav.liquid-nav,.desktop-nav.liquid-nav{background:var(--surface)!important;-webkit-backdrop-filter:none;backdrop-filter:none}.liquid-nav-optics{background:var(--soft)!important;-webkit-backdrop-filter:none;backdrop-filter:none}.liquid-nav-sheen{display:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.user-mobile-nav.liquid-nav{background:var(--surface)}}