:root {
  --site-background-image: url("/site-background.webp");
  --site-background-fallback: oklch(0.96 0.008 190);
}

html.dark {
  --site-background-fallback: oklch(0.15 0.018 235);
}

html,
body {
  min-height: 100%;
  background-color: var(--site-background-fallback) !important;
}

body {
  position: relative;
  background: transparent !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-color: var(--site-background-fallback);
  background-image: var(--site-background-image);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#app {
  position: relative;
  z-index: 1;
  min-height: 100vh;
}

#app > .min-h-screen.bg-gray-50 {
  background-color: transparent !important;
}

#app > .relative.flex.min-h-screen > .absolute.inset-0:first-child {
  background: transparent !important;
}

#app > .relative.flex.min-h-screen > .pointer-events-none.absolute.inset-0,
#app > .min-h-screen.bg-gray-50 > .pointer-events-none.fixed.inset-0.bg-mesh-gradient {
  display: none !important;
}

img[src="https://imgpub.hhhhhy.kim/2026/07/12/6a53259999cec.png"] {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 9999px !important;
}

.driver-overlay {
  pointer-events: none !important;
}

.driver-popover {
  pointer-events: auto !important;
}