/* Copied to /public so Vite build does not strip -webkit-backdrop-filter (required on iOS). */
@media (max-width: 767px) {
  .lh-liquid-glass-morph {
    filter: none !important;
    -webkit-backdrop-filter: blur(3px) sepia(6%) brightness(108%);
    backdrop-filter: blur(3px) sepia(6%) brightness(108%);
    transform: translateZ(0);
    will-change: backdrop-filter;
  }

  .dark .lh-liquid-glass-morph {
    -webkit-backdrop-filter: blur(4px) sepia(4%) brightness(95%);
    backdrop-filter: blur(4px) sepia(4%) brightness(95%);
  }

  .lh-liquid-glass {
    isolation: auto;
  }
}

html.lh-liquid-glass-mobile .lh-liquid-glass {
  isolation: auto;
}

html.lh-liquid-glass-mobile .lh-liquid-glass-morph {
  filter: none !important;
  -webkit-backdrop-filter: blur(3px) sepia(6%) brightness(108%);
  backdrop-filter: blur(3px) sepia(6%) brightness(108%);
  transform: translateZ(0);
  will-change: backdrop-filter;
}

html.lh-liquid-glass-mobile.dark .lh-liquid-glass-morph,
html.dark.lh-liquid-glass-mobile .lh-liquid-glass-morph {
  -webkit-backdrop-filter: blur(4px) sepia(4%) brightness(95%);
  backdrop-filter: blur(4px) sepia(4%) brightness(95%);
}

html.lh-liquid-glass-mobile .lh-portal-mobile-bottom .lh-liquid-glass-content.lh-portal-mobile-bottom-inner {
  background: rgba(255, 255, 255, 0.2);
}

html.lh-liquid-glass-mobile.dark .lh-portal-mobile-bottom .lh-liquid-glass-content.lh-portal-mobile-bottom-inner,
html.dark.lh-liquid-glass-mobile .lh-portal-mobile-bottom .lh-liquid-glass-content.lh-portal-mobile-bottom-inner {
  background: rgba(24, 24, 27, 0.38);
}

html.lh-liquid-glass-mobile .lh-org-sidebar-glass .lh-liquid-glass-morph {
  filter: none !important;
}

html.lh-liquid-glass-mobile .lh-org-sidebar-glass .lh-liquid-glass-content {
  background: rgba(255, 255, 255, 0.2);
}

html.lh-liquid-glass-mobile.dark .lh-org-sidebar-glass .lh-liquid-glass-content,
html.dark.lh-liquid-glass-mobile .lh-org-sidebar-glass .lh-liquid-glass-content {
  background: rgba(24, 24, 27, 0.38);
}

html.lh-liquid-glass-mobile .lh-liquid-glass-content.lh-portal-mobile-header-inner,
html.lh-liquid-glass-mobile .lh-liquid-glass-content.lh-portal-desktop-header-inner {
  background: rgba(255, 255, 255, 0.42);
}

html.lh-liquid-glass-mobile.dark .lh-liquid-glass-content.lh-portal-mobile-header-inner,
html.lh-liquid-glass-mobile.dark .lh-liquid-glass-content.lh-portal-desktop-header-inner,
html.dark.lh-liquid-glass-mobile .lh-liquid-glass-content.lh-portal-mobile-header-inner,
html.dark.lh-liquid-glass-mobile .lh-liquid-glass-content.lh-portal-desktop-header-inner {
  background: rgba(24, 24, 27, 0.52);
}

html.lh-liquid-glass-mobile .lh-org-plan-glass .lh-liquid-glass-morph {
  filter: none !important;
}

html.lh-liquid-glass-mobile .lh-org-plan-glass .lh-liquid-glass-content.lh-org-plan-glass-inner {
  background: rgba(255, 255, 255, 0.38);
}

html.lh-liquid-glass-mobile.dark .lh-org-plan-glass .lh-liquid-glass-content.lh-org-plan-glass-inner,
html.dark.lh-liquid-glass-mobile .lh-org-plan-glass .lh-liquid-glass-content.lh-org-plan-glass-inner {
  background: rgba(24, 24, 27, 0.48);
}

html.lh-liquid-glass-mobile .lh-org-card-glass .lh-liquid-glass-morph,
html.lh-liquid-glass-mobile .lh-org-stat-glass .lh-liquid-glass-morph,
html.lh-liquid-glass-mobile .lh-org-action-tile .lh-liquid-glass-morph,
html.lh-liquid-glass-mobile .lh-org-modal-glass .lh-liquid-glass-morph {
  filter: none !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: blur(8px) saturate(125%);
  backdrop-filter: blur(8px) saturate(125%);
}

html.lh-liquid-glass-mobile .lh-org-card-glass .lh-liquid-glass-content.lh-org-card-glass-inner,
html.lh-liquid-glass-mobile .lh-org-stat-glass .lh-liquid-glass-content.lh-org-stat-glass-inner,
html.lh-liquid-glass-mobile .lh-org-action-tile .lh-liquid-glass-content.lh-org-action-tile-inner {
  background: rgba(255, 255, 255, 0.32);
}

html.lh-liquid-glass-mobile.dark .lh-org-card-glass .lh-liquid-glass-content.lh-org-card-glass-inner,
html.dark.lh-liquid-glass-mobile .lh-org-card-glass .lh-liquid-glass-content.lh-org-card-glass-inner,
html.lh-liquid-glass-mobile.dark .lh-org-stat-glass .lh-liquid-glass-content.lh-org-stat-glass-inner,
html.dark.lh-liquid-glass-mobile .lh-org-stat-glass .lh-liquid-glass-content.lh-org-stat-glass-inner,
html.lh-liquid-glass-mobile.dark .lh-org-action-tile .lh-liquid-glass-content.lh-org-action-tile-inner,
html.dark.lh-liquid-glass-mobile .lh-org-action-tile .lh-liquid-glass-content.lh-org-action-tile-inner {
  background: rgba(24, 24, 27, 0.42);
}

html.lh-liquid-glass-mobile .lh-org-action-tile.lh-liquid-glass .lh-liquid-glass-corner,
html.lh-liquid-glass-mobile .lh-org-action-tile.lh-liquid-glass .lh-liquid-glass-border,
html.lh-liquid-glass-mobile .lh-org-card-glass.lh-liquid-glass .lh-liquid-glass-corner,
html.lh-liquid-glass-mobile .lh-org-card-glass.lh-liquid-glass .lh-liquid-glass-border,
html.lh-liquid-glass-mobile .lh-org-stat-glass.lh-liquid-glass .lh-liquid-glass-corner,
html.lh-liquid-glass-mobile .lh-org-stat-glass.lh-liquid-glass .lh-liquid-glass-border {
  display: none !important;
}

/* backdrop-filter on native <button> breaks on WebKit — glass shell must be a div */
html.lh-liquid-glass-mobile .lh-org-tour-glass .lh-liquid-glass-morph {
  filter: none !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: blur(12px) saturate(145%) brightness(1.04);
  backdrop-filter: blur(12px) saturate(145%) brightness(1.04);
}

html.lh-liquid-glass-mobile .lh-glass-hit-target {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  color: inherit;
  text-align: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}