.mobile-bottom-nav{display:none}
@media(max-width:760px){
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 html{scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 .mobile-bottom-nav{position:fixed;inset:auto 0 0;z-index:900;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px max(4px,env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-left,0px));background:#fffdf8;border-top:1px solid #d8dccf;box-shadow:0 -3px 14px #173f320a}
 .mobile-bottom-nav a{min-height:54px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 2px;color:#52665b;text-decoration:none;border-radius:7px;font-size:10px;line-height:1.3;text-align:center;font-weight:500}
 .mobile-bottom-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
 .mobile-bottom-nav a.active{color:#173F32;background:#DFE7D9;font-weight:700}
 .mobile-bottom-nav a:focus-visible{outline:2px solid #173F32;outline-offset:-2px}
 .mobile-input-focused .mobile-bottom-nav{display:none}
 .header{padding-top:env(safe-area-inset-top,0px)}
}