.mobile-nav{display:none}

@media(max-width:700px){
  .mobile-nav{position:fixed;z-index:20;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff2;box-shadow:0 -8px 22px #5f5a9610;backdrop-filter:blur(12px)}
  .mobile-nav .nav{justify-content:center;padding:8px 3px;border-radius:5px;font-size:11px;text-align:center}
  .mobile-nav .nav.active{background:var(--purple-pale);color:#555cb4;box-shadow:none}
  .page{padding-bottom:100px}
}