.liquid-filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.bottom-nav.liquid-ready{isolation:isolate;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;background:linear-gradient(125deg,#ffffffe0,#f0f6ff95 50%,#ffffffbd);border:1px solid #fffffffa;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #9baed52b,0 10px 35px #3a527b24;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}
.bottom-nav.liquid-ready:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(100px 60px at var(--pointer-x,50%) 0,#ffffff9e,transparent);opacity:.65}
.bottom-nav.liquid-ready button{position:relative;z-index:2;flex:1 1 0;min-width:0;border:1px solid transparent;transition:color .2s ease;transform:translateZ(0)}
.bottom-nav.liquid-ready button.active{background:transparent;border:1px solid transparent;box-shadow:none;color:#325db8}
.bottom-nav.liquid-ready button.active svg{filter:drop-shadow(0 1px 2px #fff9)}
.liquid-lens{position:absolute;z-index:1;left:0;top:8px;bottom:8px;border-radius:21px;pointer-events:none;transform-origin:center;will-change:transform,width;isolation:isolate;background:linear-gradient(130deg,#ffffff80,#b5d1ff28 45%,#ffffff40);border:1px solid #fff;box-shadow:inset 0 1px 1px #fff,inset 0 -2px 3px #7799d93b,inset 1px 0 2px #fff9,inset -1px 0 2px #c9dbff99,0 3px 9px #5b7eac19;backdrop-filter:blur(5px) saturate(150%) brightness(1.06);-webkit-backdrop-filter:blur(5px) saturate(150%) brightness(1.06)}
.liquid-lens:before{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,#ffffffd4,transparent 30%,transparent 63%,#ffffffa3);opacity:.65;transform:skewX(var(--lean,0deg))}
.liquid-lens:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 9px #fff8;opacity:calc(.4 + var(--flow,0)*1.5);pointer-events:none}
.liquid-caustic{position:absolute;left:8%;right:8%;top:2px;height:35%;border-radius:50%;background:linear-gradient(180deg,#ffffffe0,#ffffff0a);filter:blur(2px);opacity:.55;transform:translateX(var(--shine-shift,0%)) skewX(var(--lean,0deg))}
.bottom-nav.liquid-dragging .liquid-lens{box-shadow:inset 0 1px 2px #fff,inset 0 -2px 4px #7297d853,0 3px 15px #5477b527}
[data-theme=dark] .bottom-nav.liquid-ready{background:linear-gradient(125deg,#14223be0,#19283cc9 50%,#15233adb);border-color:#b0ccf33d;box-shadow:inset 0 1px 0 #d9eaff21,inset 0 -1px 0 #02071666,0 10px 35px #0005}
[data-theme=dark] .bottom-nav.liquid-ready:before{background:radial-gradient(100px 60px at var(--pointer-x,50%) 0,#b2d2ff25,transparent)}
[data-theme=dark] .bottom-nav.liquid-ready button.active{background:transparent;border:1px solid transparent;box-shadow:none;color:#c5dfff}
[data-theme=dark] .bottom-nav.liquid-ready button.active svg{filter:drop-shadow(0 1px 5px #a9d2ff59)}
[data-theme=dark] .liquid-lens{background:linear-gradient(130deg,#c4dfff27,#7fafe318 45%,#d3e9ff21);border-color:#d0e7ff69;box-shadow:inset 0 1px 1px #f0f8ff70,inset 0 -2px 3px #0b192f66,inset 1px 0 2px #b7dcff36,inset -1px 0 2px #a3c6f533,0 3px 12px #0003;backdrop-filter:blur(5px) saturate(145%) brightness(1.3);-webkit-backdrop-filter:blur(5px) saturate(145%) brightness(1.3)}
[data-theme=dark] .liquid-lens:before{background:linear-gradient(145deg,#d4eaff75,transparent 32%,transparent 65%,#b2d3ff45);opacity:.55}
[data-theme=dark] .liquid-lens:after{box-shadow:inset 0 0 10px #c2dfff35}
[data-theme=dark] .liquid-caustic{background:linear-gradient(180deg,#d0e9ff80,#cde5ff00);opacity:.5}
@supports(backdrop-filter:url('#mist-liquid-refraction')){.liquid-lens{backdrop-filter:url('#mist-liquid-refraction') blur(4px) saturate(150%) brightness(1.06)}[data-theme=dark] .liquid-lens{backdrop-filter:url('#mist-liquid-refraction') blur(4px) saturate(145%) brightness(1.3)}}
@media(prefers-reduced-motion:reduce){.liquid-lens{will-change:auto}.liquid-caustic{transform:none}.bottom-nav.liquid-ready button{transition:none}}
@media(prefers-reduced-transparency:reduce){.bottom-nav.liquid-ready{background:#edf3fc;backdrop-filter:none;-webkit-backdrop-filter:none}.liquid-lens{background:#dce8fa;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=dark] .bottom-nav.liquid-ready{background:#16243a}[data-theme=dark] .liquid-lens{background:#354b67;backdrop-filter:none;-webkit-backdrop-filter:none}}