/* Disable pinch-zoom gestures and add padding for safe areas */
body {
  touch-action: none;
  overflow: hidden;
  /* Add padding for safe areas */
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

#root {
  /* Ensure content respects safe areas */
  background: #f0f0f0;;
  min-height: 100dvh;
  min-height: -webkit-fill-available;
  padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);
}