@media (max-width:700px) {
  .main-content { padding-bottom:92px; }
  .mobile-nav { position:fixed; z-index:4; left:0; right:0; bottom:0; display:flex; overflow-x:auto; gap:2px; padding:8px 8px max(8px, env(safe-area-inset-bottom)); background:#151513ee; border-top:1px solid var(--line); backdrop-filter:blur(12px); scrollbar-width:none; }
  .mobile-nav::-webkit-scrollbar { display:none; }
  .mobile-nav .nav-item { flex:0 0 68px; display:grid; justify-items:center; gap:3px; padding:7px 3px; font-size:9px; color:#aaa79e; }
  .mobile-nav .nav-item span { font-size:17px; width:auto; }
  .mobile-nav .nav-item.active { background:#2c2d27; color:var(--acid); }
}
@media (min-width:701px) { .mobile-nav { display:none; } }