@media (max-width: 900px) {
  input, select, textarea { font-size: 16px !important; }
  .mobile-nav a { min-height: 48px; }
  .text-button, .profile-link, .connect-link { min-height: 44px; display: inline-flex; align-items: center; }
  .login-card .primary { min-height: 48px; }
}

@media (display-mode: standalone) {
  body { padding-bottom: env(safe-area-inset-bottom); }
  .topbar { padding-top: env(safe-area-inset-top); height: calc(78px + env(safe-area-inset-top)); }
  .mobile-nav { top: calc(78px + env(safe-area-inset-top)); }
}