/* CRITICAL: Anti-flash styles - loaded immediately */
html {
  background: white !important;
  background-color: white !important;
  min-height: 100vh !important;
  min-height: calc(100vh + env(safe-area-inset-top) + env(safe-area-inset-bottom)) !important;
  margin: 0 !important;
  padding: 0 !important;
  /* Allow overscroll with white background */
  overscroll-behavior: auto !important;
  position: relative !important;
}

html::before {
  content: '' !important;
  position: fixed !important;
  top: -100vh !important;
  left: 0 !important;
  right: 0 !important;
  height: 100vh !important;
  background: white !important;
  z-index: -9999 !important;
  pointer-events: none !important;
}

html::after {
  content: '' !important;
  position: fixed !important;
  bottom: -100vh !important;
  left: 0 !important;
  right: 0 !important;
  height: 100vh !important;
  background: white !important;
  z-index: -9999 !important;
  pointer-events: none !important;
}

body {
  background: white !important;
  background-color: white !important;
  min-height: 100vh !important;
  min-height: calc(100vh + env(safe-area-inset-top) + env(safe-area-inset-bottom)) !important;
  margin: 0 !important;
  padding: 0 !important;
  /* Allow overscroll with white background */
  overscroll-behavior: auto !important;
  position: relative !important;
}

body::before {
  content: '' !important;
  position: fixed !important;
  top: -150vh !important;
  left: 0 !important;
  right: 0 !important;
  height: 150vh !important;
  background: white !important;
  z-index: -9998 !important;
  pointer-events: none !important;
}

body::after {
  content: '' !important;
  position: fixed !important;
  bottom: -150vh !important;
  left: 0 !important;
  right: 0 !important;
  height: 150vh !important;
  background: white !important;
  z-index: -9998 !important;
  pointer-events: none !important;
}

#root {
  background: white !important;
  background-color: white !important;
  min-height: 100vh !important;
  min-height: calc(100vh + env(safe-area-inset-top) + env(safe-area-inset-bottom)) !important;
  /* Allow overscroll with natural feel */
  overscroll-behavior: auto !important;
}

* {
  color-scheme: light !important;
}