/* Hide any video controls added by browser extensions */
[class*="control"],
[id*="control"],
[class*="player"],
[id*="player"],
[class*="speed"],
[id*="speed"],
[aria-label*="speed"],
[title*="speed"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Target the specific control showing 1.00 in the screenshot */
.video-speed-controller,
.video-speed-control,
#video-speed-controller,
#video-speed-control,
div[style*="position: fixed"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Hide all video controls */
video::-webkit-media-controls,
video::-webkit-media-controls-enclosure,
video::-webkit-media-controls-panel,
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-timeline,
video::-webkit-media-controls-current-time-display,
video::-webkit-media-controls-time-remaining-display,
video::-webkit-media-controls-mute-button,
video::-webkit-media-controls-volume-slider,
video::-webkit-media-controls-fullscreen-button {
  display: none !important;
}

/* Mobile responsiveness and prevent horizontal scroll */
* {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 16px;
  /* Force hardware acceleration */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  /* Prevent zoom on orientation change */
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

html, body {
  overflow-x: hidden;
  width: 100%;
  max-width: 100vw;
  min-height: 100vh;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Mobile Safari specific fixes */
  -webkit-overflow-scrolling: touch;
  /* Prevent rubber band scrolling */
  overscroll-behavior: none;
  /* Force repaint on mobile */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#root {
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
}

/* Ensure videos don't cause horizontal scroll */
video {
  max-width: 100%;
  object-fit: cover;
  display: block;
}

/* Prevent zoom on input focus on iOS */
input, select, textarea {
  font-size: 16px;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

/* Fix viewport scaling issues on mobile devices */
@supports (-webkit-touch-callout: none) {
  /* iOS specific fixes */
  body {
    -webkit-overflow-scrolling: touch;
  }
}

/* Ensure consistent scaling across devices */
@media screen and (max-width: 768px) {
  html {
    font-size: 14px;
  }
  
  body {
    font-size: 1rem;
  }
}

@media screen and (max-width: 480px) {
  html {
    font-size: 13px;
  }
}

@media screen and (max-width: 320px) {
  html {
    font-size: 12px;
  }
}