#mobNav{
  display:none; position:fixed; bottom:0; inset-inline:0; z-index:90; background:var(--paper);
  border-top:1px solid var(--line); box-shadow:0 -4px 20px rgba(34,57,91,.09);
  padding-bottom:env(safe-area-inset-bottom);
}
#mobNav .inner{display:flex}
#mobNav button{
  flex:1; display:flex; flex-direction:column; align-items:center; gap:3px; padding:9px 2px 7px;
  color:var(--muted); font-size:.64rem; font-weight:600; position:relative; min-height:56px;
}
#mobNav button .ic{width:21px;height:21px}
#mobNav button.active{color:var(--navy)}
#mobNav button.active .ic{color:var(--rose-deep)}
#mobNav .mb-badge{
  position:absolute; top:5px; inset-inline-end:calc(50% - 20px); background:var(--rose);
  color:var(--on-accent-ink); border-radius:99px; font-size:.6rem; font-weight:800; min-width:16px;
  height:16px; display:grid; place-items:center; padding:0 4px;
}