:root {
  --glass-ink: var(--theme-text, #e3edef);
  --glass-muted: var(--theme-muted, #9cafb7);
  --glass-accent: #b6f568;
  --glass-orange: #b6f568;
  --glass-edge: var(--theme-border, #30414c);
  --glass-line: var(--theme-border, #25343e);
  --glass-fill: var(--theme-surface, #101920);
  --glass-shadow: 0 24px 80px -40px var(--theme-shadow, #000);
  --glass-rim: inset 0 1px 0 #ffffff08;
  --ease-out: cubic-bezier(.2,.8,.2,1);
  font-synthesis: none;
}
.glass-material {
  position: relative;
  background: linear-gradient(
      145deg,
      rgba(var(--theme-surface-rgb, 16,25,32), 0.900000),
      rgba(var(--theme-surface-rgb, 16,25,32), 0.450000));
  border: 1px solid var(--glass-edge);
  box-shadow: var(--glass-rim), var(--glass-shadow);
  -webkit-backdrop-filter: blur(24px) saturate(1.35);
  backdrop-filter: blur(24px) saturate(1.35);
}
.glass-ambient {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
  border-radius: inherit;
}
.glass-ambient i {
  position: absolute;
  display: block;
  width: 65%;
  aspect-ratio: 1;
  border-radius: 50%;
  filter: blur(35px);
  opacity: .8;
}
.glass-ambient i:nth-child(1) {
  left: -8%;
  top: 3%;
  background: var(--theme-surface, #16222a);
  animation: glass-drift 14s ease-in-out infinite alternate;
}
.glass-ambient i:nth-child(2) {
  right: -12%;
  bottom: 2%;
  background: var(--theme-surface, #16222a);
  animation: glass-drift 18s ease-in-out -7s infinite alternate-reverse;
}
.glass-ambient i:nth-child(3) {
  right: 15%;
  top: 18%;
  width: 40%;
  background: var(--theme-surface, #16222a);
  animation: glass-drift 16s ease-in-out -4s infinite alternate;
}
@keyframes glass-drift {
  to {
    transform: translate(24px, -20px) scale(1.08);
  }
}
.glass-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}
[data-glass-spot] {
  isolation: isolate;
  position: relative;
  overflow: hidden;
}
[data-glass-spot]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(
      220px circle at var(--spot-x,50%) var(--spot-y,50%),
      rgba(var(--theme-surface-rgb, 16,25,32), 0.950000),
      transparent 75%);
  transition: opacity .3s;
}
[data-glass-spot]:hover::after {
  opacity: .85;
}
[data-reveal] {
  transition: opacity .7s var(--ease-out), translate .7s var(--ease-out);
}
.motion-ready [data-reveal]:not(.is-visible) {
  opacity: 0;
  translate: 0 18px;
}
.effects-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--theme-text, #e3edef);
  min-height: 36px;
  padding: 7px 12px;
  background: rgba(var(--theme-surface-rgb, 16,25,32), 0.550000);
  border: 1px solid rgba(var(--theme-border-rgb, 67,82,88), 0.900000);
  border-radius: 12px;
  font: inherit;
  font-size: 11px;
  line-height: 1.4;
  cursor: pointer;
}
.effects-toggle:hover {
  background: var(--theme-inset, #101920);
}
.effects-toggle .glass-icon {
  width: 15px;
  height: 15px;
}
body.effects-off *,
body.effects-off *::before,
body.effects-off *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}
body.effects-off [data-reveal] {
  opacity: 1 !important;
  translate: none !important;
}
body.effects-off [data-glass-spot]::after {
  display: none;
}
:focus-visible {
  outline: 3px solid var(--theme-edge, #435258);
  outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
  [data-reveal] {
    opacity: 1 !important;
    translate: none !important;
  }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .glass-material {
    background: var(--theme-inset, #101920) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-color: var(--theme-edge, #435258);
  }
  .glass-ambient {
    display: none;
  }
}
@media (forced-colors: active) {
  .glass-material {
    border: 1px solid CanvasText;
  }
  .glass-ambient {
    display: none;
  }
  [data-reveal] {
    opacity: 1 !important;
    translate: none !important;
  }
  a,
  button {
    forced-color-adjust: auto;
  }
}
@media print {
  [data-reveal] {
    opacity: 1 !important;
    translate: none !important;
  }
  .glass-ambient,
  .effects-toggle {
    display: none !important;
  }
  .glass-material {
    box-shadow: none;
    backdrop-filter: none;
    background: var(--theme-inset, #101920);
  }
}

@media(forced-colors:active){.liquid-text{background: none!important;-webkit-text-fill-color: CanvasText!important;color:CanvasText!important;}}
