.bottom-nav { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; background: rgba(11,17,25,.95); border-top: 1px solid rgba(255,255,255,.09); display: grid; grid-template-columns: repeat(5, 1fr); }
.bottom-nav a { text-align: center; text-decoration: none; color: #c8d4ea; padding: 8px 4px calc(10px + env(safe-area-inset-bottom)); font-size: .72rem; display:grid; gap:4px; justify-items:center; }
.bottom-nav .icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.bottom-nav a.active { color: #fff; background: rgba(207,57,72,.2); }