/* Liquid glass: add class "lg" to any element with a border-radius.
   Every browser gets the frosted body, rim light and pointer glint; Chromium also gets
   edge refraction (assets/liquid-glass.js swaps in an SVG displacement backdrop). */
.lg{
  isolation:isolate;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.02));
  border:1px solid transparent;
  -webkit-backdrop-filter:blur(14px) saturate(170%) brightness(1.06);
  backdrop-filter:blur(14px) saturate(170%) brightness(1.06);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(255,255,255,.05),
    inset 0 0 22px rgba(255,255,255,.035),
    0 12px 32px -10px rgba(0,0,0,.55);
}
/* injected by the script as first child; sits under the content, over the background */
.lg-shine{position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;z-index:-1;
  background:radial-gradient(var(--lr,180px) circle at var(--lx,22%) var(--ly,-40%),
    rgba(255,255,255,.17),rgba(255,255,255,.04) 45%,transparent 70%);
  transition:opacity .3s}
/* rim: bright top-left and bottom-right edges, like light caught by a thick lens */
.lg-shine::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(135deg,rgba(255,255,255,.6),rgba(255,255,255,.12) 28%,rgba(255,255,255,.02) 50%,
    rgba(160,240,255,.10) 72%,rgba(190,245,255,.42));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude}
/* tinted variants */
.lg.lg-cian{background:linear-gradient(180deg,rgba(34,227,248,.13),rgba(34,227,248,.03))}
.wa.lg{background:radial-gradient(circle at 32% 26%,rgba(140,255,185,.95),rgba(37,211,102,.86) 55%,rgba(18,150,76,.9))}
.lg.lg-dark{background:linear-gradient(180deg,rgba(14,18,26,.55),rgba(6,8,12,.42))}
@media (prefers-reduced-transparency:reduce){
  .lg{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:#0c1118}
  .wa.lg{background:#25d366}
}