.liquid-glass-nav{position:fixed;bottom:max(8px,env(safe-area-inset-bottom));left:8px;right:8px;width:calc(100% - 16px);max-width:500px;margin:0 auto;height:70px;background:rgba(255,255,255,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.06);border-radius:28px;display:grid;grid-template-columns:repeat(5,1fr);padding:0 8px;box-shadow:0 4px 20px rgba(0,0,0,.08);z-index:950;transition:background .3s ease,border .3s ease}.dark .liquid-glass-nav{background:rgba(33,37,41,.85);border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 20px rgba(0,0,0,.2)}.nav-spotlight{display:none}.nav-item{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.nav-item.active:before{content:"";position:absolute;width:52px;height:52px;background:#212529;border-radius:50%;z-index:-1;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .nav-item.active:before{background:#FFFFFF}.nav-icon{transition:all .3s ease-out;color:rgba(33,37,41,.5);position:relative;z-index:2}.dark .nav-icon{color:rgba(255,255,255,.5)}.nav-item:hover .nav-icon{color:rgba(33,37,41,.8)}.dark .nav-item:hover .nav-icon{color:rgba(255,255,255,.8)}.nav-item.active .nav-icon{color:#FFFFFF;transform:scale(1.1)}.dark .nav-item.active .nav-icon{color:#1a1a1a}.nav-label{display:none}@media (min-width:1024px){.liquid-glass-nav{display:none}}