.bottom-nav{-webkit-backdrop-filter:blur(16px);padding:.35rem .5rem;padding-bottom:max(.35rem, env(safe-area-inset-bottom));z-index:100;background:oklch(100% 0 0/.92);border-top:1px solid oklch(90% 0 0);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px oklch(0% 0 0/.06)}.bottom-nav-item{color:oklch(55% .02 0);-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;min-height:52px;padding:.4rem .25rem;text-decoration:none;transition:background .15s,transform .15s;display:flex}.bottom-nav-item.active{color:oklch(45% .18 280);background:oklch(94% .04 280)}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-icon{font-size:1.35rem;line-height:1}.bottom-nav-label{font-size:.65rem;font-weight:600}.bottom-nav-item.active .bottom-nav-icon{animation:.35s cubic-bezier(.34,1.5,.64,1) pop}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}