.mobile-bottom-nav{display:none}
@media(max-width:700px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:100;display:grid;grid-template-columns:repeat(4,1fr);min-height:72px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #e1e7eb;box-shadow:0 -8px 26px rgba(11,42,38,.09);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .mobile-nav-item{appearance:none;border:0;background:transparent;color:#7a8794;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:3px 1px;font:inherit;font-size:.72rem;line-height:1.1;cursor:default;opacity:1}
  .mobile-nav-item svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .mobile-nav-item.active{color:#08796f;font-weight:700}
  .mobile-nav-item.active svg{fill:currentColor;stroke:currentColor}
  .mobile-nav-item[aria-disabled="true"]{pointer-events:none}
}