/* ---------- responsive ---------- */
@media (max-width: 420px) {
  #tabs button { font-size: 12px; padding: 10px 1px; }
  .app-main, main { padding-left: 10px; padding-right: 10px; }
  .card { padding: 12px; }
  .row { gap: 6px; }
  .row button { flex: 1 1 auto; }
}
@media (min-width: 700px) {
  .form-grid.two { grid-template-columns: 1fr 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}