.mobile-bottom-nav{display:none}
@media(max-width:768px){
 body{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
 html{scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
 body>header{height:auto;min-height:58px}body>header .top{height:58px}body>header>nav{display:none}
 .mobile-bottom-nav{position:fixed;z-index:40;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(68px + env(safe-area-inset-bottom,0px));padding:0 6px env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid #e5e9e7;box-shadow:0 -3px 14px #233e3005}
 .mobile-bottom-nav a{min-width:0;height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 0;text-decoration:none;color:#94989c;font-size:12px;line-height:18px;font-weight:400;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
 .mobile-bottom-nav .nav-icon{display:grid;place-items:center;width:30px;height:28px}
 .mobile-bottom-nav svg{width:25px;height:25px}
 .mobile-bottom-nav a.active{color:#15aa78;font-weight:500}
 .mobile-bottom-nav a:active{background:#f0faf5}
 .mobile-bottom-nav a:focus-visible{outline:2px solid #15aa78;outline-offset:-4px;border-radius:8px}
 #toast{bottom:calc(90px + env(safe-area-inset-bottom,0px));z-index:150;max-width:90vw;width:max-content}
}