/* Match the native app: white bar, muted green vectors and no selected pill. */
nav {
  width: 100%; max-width: 660px;
  background: #fff; border: 0; border-top: 1px solid #d7e4df;
  border-radius: 0 0 30px 30px;
  padding: 13px 8px calc(14px + env(safe-area-inset-bottom));
  backdrop-filter: none;
}
nav button {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 8px; min-height: 54px; padding: 4px 0;
  background: transparent; color: #748b84; border-radius: 0;
  font-size: 13px; font-weight: 500; -webkit-tap-highlight-color: transparent;
}
nav svg {
  display: block; width: 25px; height: 25px; fill: none;
  stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
nav span { display: block; font-size: inherit; margin: 0; line-height: 18px; }
nav button.active { color: #14745f; background: transparent; font-weight: 600; }
main { padding-bottom: calc(120px + env(safe-area-inset-bottom)); }