/* Emergency-safe glass skin: no backdrop sampling, canvas, filters, or animation loops. */
:root {
  --kd-safe-glass-fill: rgba(255, 255, 255, 0.72);
  --kd-safe-glass-fill-soft: rgba(255, 255, 255, 0.54);
  --kd-safe-glass-border: rgba(255, 255, 255, 0.82);
  --kd-safe-glass-shadow: 0 12px 34px rgba(27, 37, 56, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

html[data-kd-color-mode="dark"],
html.theme-dark {
  --kd-safe-glass-fill: rgba(37, 42, 52, 0.92);
  --kd-safe-glass-fill-soft: rgba(30, 34, 43, 0.82);
  --kd-safe-glass-border: rgba(255, 255, 255, 0.16);
  --kd-safe-glass-shadow: 0 14px 36px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.kd-liquid-js-surface,
.kd-liquid-svg-surface,
.kd-liquid-webgl,
.kd-liquid-fallback,
.glass {
  background: linear-gradient(145deg, var(--kd-safe-glass-fill), var(--kd-safe-glass-fill-soft)) !important;
  border: 1px solid var(--kd-safe-glass-border) !important;
  box-shadow: var(--kd-safe-glass-shadow) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  will-change: auto !important;
}

.kd-liquid-js-surface,
.kd-liquid-svg-surface,
.kd-liquid-webgl {
  position: relative;
  isolation: isolate;
}

.kd-liquid-button {
  touch-action: manipulation;
  transition: transform 120ms ease, box-shadow 160ms ease !important;
}

.kd-liquid-button:active:not(:disabled) {
  transform: scale(0.98) !important;
}

.kd-liquid-js-surface::before,
.kd-liquid-js-surface::after,
.kd-liquid-svg-surface::before,
.kd-liquid-svg-surface::after,
.kd-liquid-webgl::before,
.kd-liquid-webgl::after {
  pointer-events: none !important;
}

.kd-liquid-svg-surface :is(input, textarea, select, button, a, [role="button"], [tabindex]) {
  position: relative;
  z-index: 3;
}

@media (prefers-reduced-motion: reduce) {
  .kd-liquid-button { transition: none !important; }
}

.visual-export-mode :is(.kd-liquid-js-surface, .kd-liquid-svg-surface, .kd-liquid-webgl),
.share-visual-export-app :is(.kd-liquid-js-surface, .kd-liquid-svg-surface, .kd-liquid-webgl) {
  box-shadow: none !important;
}