@media (max-width:760px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .mobile-nav{position:fixed;z-index:20;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);height:calc(72px + env(safe-area-inset-bottom));padding:6px 10px env(safe-area-inset-bottom);border-top:1px solid rgba(218,225,236,.82);background:rgba(255,255,255,.94);box-shadow:0 -10px 30px rgba(31,55,94,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .mobile-nav a{position:relative;display:flex;min-width:0;min-height:58px;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#8b98ac;font-size:inherit;-webkit-tap-highlight-color:transparent}
  .mobile-nav a i{display:grid;width:38px;height:32px;place-items:center;border-radius:17px;background:transparent;transition:background .2s ease,transform .2s ease}
  .mobile-nav a img{display:block;width:23px;height:23px;opacity:.42;transition:opacity .2s ease,transform .2s ease}
  .mobile-nav a span{font-size:11px;font-weight:600;line-height:16px;letter-spacing:.2px}
  .mobile-nav a.active{color:#246bff}
  .mobile-nav a.active i{background:#edf4ff;transform:translateY(-1px)}
  .mobile-nav a.active img{opacity:1;transform:scale(1.04)}
  .mobile-nav a.active::after{position:absolute;bottom:1px;width:18px;height:2px;border-radius:2px;background:#246bff;content:""}
}