.bnav{z-index:20;background:var(--bar-bg);-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);border-top:1px solid color-mix(in srgb, var(--line) 70%, transparent);bottom:0;left:0;right:0}.bnav--page{padding-bottom:env(safe-area-inset-bottom,0px);position:fixed}.bnav--frame{position:absolute}.bnav__list{grid-template-columns:repeat(3,1fr);max-width:560px;margin:0 auto;padding:0;list-style:none;display:grid}.bnav__item{width:100%;min-width:0;min-height:var(--nav-h);color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 4px;display:flex}.bnav__pill{border-radius:var(--r-pill);width:min(64px,100%);height:32px;transition:background-color var(--t-med) var(--ease);place-items:center;display:grid;position:relative}.bnav__pill svg{width:24px;height:24px}.bnav__label{overflow-wrap:anywhere;text-align:center;max-width:100%;font-size:12px;font-weight:500;line-height:16px}.bnav__item[aria-current=page]{color:var(--fg)}.bnav__item[aria-current=page] .bnav__pill{background:var(--accent-soft);color:var(--on-accent-soft)}.bnav__item[aria-current=page] .bnav__label{font-weight:700}.bnav__badge{border-radius:var(--r-pill);background:var(--accent);min-width:18px;height:18px;color:var(--on-accent);font-variant-numeric:tabular-nums;text-align:center;box-shadow:0 0 0 2px var(--bg);padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-2px;left:38px}