.glass-nav-pill{display:flex;align-items:center;justify-content:center;gap:0;background:rgba(0,0,0,.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:50px;padding:8px 16px;box-shadow:0 8px 32px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.06);transition:all .3s cubic-bezier(.25,.46,.45,.94);will-change:transform,backdrop-filter;transform:translateZ(0)}.glass-nav-pill:hover{background:rgba(0,0,0,.85);box-shadow:0 12px 40px rgba(0,0,0,.5),0 6px 20px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.08)}.nav-circle{position:relative;width:44px;height:44px;border-radius:50%;background:rgba(45,45,45,.9);border:none;outline:none;margin:0;will-change:transform,background;transform:translateZ(0)}.nav-button-container,.nav-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.25,.46,.45,.94)}.nav-button-container{margin:0 4px}.nav-circle:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02));opacity:0;transition:opacity .25s ease}.nav-circle:hover{background:rgba(80,80,80,.9);transform:translateY(-1px) scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1)}.nav-circle:hover:before{opacity:1}.nav-circle:active{transform:translateY(0) scale(.98);background:rgba(70,70,70,.9)}.nav-active{background:rgba(100,100,100,1)!important;box-shadow:0 2px 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.2),inset 0 -1px 0 rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.1)!important}.nav-active:before{opacity:1!important;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.06))!important}.nav-icon{color:rgba(255,255,255,.9);transition:all .25s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));width:20px;height:20px}.nav-circle:hover .nav-icon{color:rgba(255,255,255,1);transform:scale(1.05)}.nav-active .nav-icon{color:rgba(255,255,255,1)!important;transform:scale(1.08)}.nav-has-filters{background:rgba(59,130,246,.8)!important;box-shadow:0 2px 8px rgba(59,130,246,.4),inset 0 1px 0 rgba(255,255,255,.1)!important}.nav-has-filters .nav-icon{color:rgba(255,255,255,1)!important}.nav-label{color:rgba(255,255,255,.9);font-size:11px;font-weight:600;margin-top:1px;transition:all .25s ease;text-align:center;line-height:1;letter-spacing:.3px}.nav-circle:hover .nav-label{color:rgba(255,255,255,1)}.nav-active .nav-label{color:rgba(255,255,255,1)!important}.nav-has-filters .nav-label{color:rgba(255,255,255,.9)!important}@supports (backdrop-filter:blur(20px)){.glass-nav-pill{background:rgba(0,0,0,.65);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2)}.glass-nav-pill:hover{background:rgba(0,0,0,.75);backdrop-filter:blur(25px) saturate(1.3);-webkit-backdrop-filter:blur(25px) saturate(1.3)}}@media (max-width:480px){.glass-nav-pill{padding:10px 20px;gap:0}.nav-circle{width:48px;height:48px;margin:0 3px}.nav-icon{width:18px;height:18px}.nav-label{font-size:10px;font-weight:600;margin-top:1px}}.dark-glass-popup{background:rgba(0,0,0,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-top:2px solid rgba(255,255,255,.15);box-shadow:0 20px 60px rgba(0,0,0,.6),0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08);transition:all .3s cubic-bezier(.25,.46,.45,.94);will-change:transform,backdrop-filter;transform:translateZ(0)}@supports (backdrop-filter:blur(20px)){.dark-glass-popup{background:rgba(0,0,0,.85);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2)}}.filter-bottom-sheet{min-height:65vh;max-height:65vh;background:rgba(0,0,0,.7);backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);box-shadow:0 -20px 60px rgba(0,0,0,.3),0 -8px 32px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-bottom:none;will-change:transform,backdrop-filter;transform:translateZ(0)}.filter-section{background:rgba(255,255,255,.08);border-radius:10px;padding:10px;margin-bottom:0;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 4px 16px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.1)}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.scrollbar-thin::-webkit-scrollbar{width:4px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:2px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.dark-glass-popup,.filter-bottom-sheet,.filter-section,.glass-nav-pill,.nav-circle{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}