/* ─── Bottom nav ──────────────────────────────────────────────── */
.bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  background: var(--bg);
  border-top: 1px solid var(--border);
  padding: var(--sp-3) 0 calc(var(--sp-3) + env(safe-area-inset-bottom));
}

.bottom-nav__item {
  flex: 1;
  text-align: center;
  text-decoration: none;
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--text-muted);
}

.bottom-nav__item--active {
  color: var(--text);
  font-weight: 700;
}