.bottom-nav{height:var(--bottom-nav-height);background:var(--surface);border-top:1px solid var(--border-light);z-index:100;animation:.3s slideUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000d}.bottom-nav-content{grid-template-columns:repeat(4,1fr);max-width:600px;height:100%;margin:0 auto;display:grid}.bottom-nav-item{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px;text-decoration:none;transition:all .2s;display:flex;position:relative}.bottom-nav-item:before{content:"";background:var(--primary);border-radius:0 0 3px 3px;width:0;height:3px;transition:width .3s;position:absolute;top:0;left:50%;transform:translate(-50%)}.bottom-nav-item.active:before{width:32px}.bottom-nav-item svg{transition:all .2s}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active svg{transform:scale(1.08)}.bottom-nav-item:active{transform:scale(.95)}.bottom-nav-label{letter-spacing:.2px;font-size:11px;font-weight:500}@media (hover:hover){.bottom-nav-item:hover{color:var(--primary-light);background:var(--surface-hover)}}@media (max-width:480px){.bottom-nav-item{gap:2px;padding:4px}.bottom-nav-item svg{width:22px;height:22px}.bottom-nav-label{font-size:10px}.bottom-nav-item.active:before{width:28px}}