body.has-bottomnav{padding-bottom:100px}
.site-bottomnav{position:fixed !important;bottom:0 !important;left:0;transform:none;width:100%;display:flex;gap:6px;z-index:100;padding:8px max(10px,calc((100% - 700px)/2)) env(safe-area-inset-bottom,8px);border:1px solid rgba(221,227,234,.9);border-bottom:0;border-radius:20px 20px 0 0;background:rgba(255,255,255,.96);box-shadow:0 -12px 30px rgba(18,32,58,.13);backdrop-filter:blur(18px)}
.site-bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:56px;padding:8px 6px;border-radius:14px;text-decoration:none;color:var(--muted);font-family:"Inter",Arial,sans-serif;font-size:11px;font-weight:600;transition:background .18s,color .18s,transform .18s}
.site-bottomnav a:hover{background:#f0f4f8;color:var(--ink);transform:translateY(-1px)}
.site-bottomnav a .site-bottomnav-icon{display:grid;place-items:center;width:21px;height:21px}
.site-bottomnav a .site-bottomnav-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.site-bottomnav a.active{color:#fff;background:var(--ink);box-shadow:0 6px 14px rgba(18,32,58,.2)}
.site-bottomnav a.active:hover{background:var(--ink);color:#fff}
@media(max-width:480px){
  .site-bottomnav{padding:6px 8px env(safe-area-inset-bottom,6px);border-radius:17px 17px 0 0}
  .site-bottomnav a{min-height:52px;padding:7px 3px;font-size:10px}
}