/* KeynFlow · Liquid Glass — styles. À charger avec liquid-glass.js.
   :where() = spécificité zéro : les règles du site (position sticky, taille…) gagnent toujours. */
:where(.lgw){                       /* conteneur : porte l'OMBRE et la forme, jamais le filtre */
  position:relative;        /* ou sticky / fixed / absolute : jamais static */
  border-radius:var(--lg-r,999px);
  box-shadow:0 18px 40px -12px rgba(16,24,39,.22),0 2px 6px rgba(16,24,39,.06);
}
:where(.lg){                        /* couche verre : vide, porte le backdrop-filter, AUCUNE ombre externe */
  position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:rgba(255,255,255,.16);
  box-shadow:
    inset 1.5px 1.5px 0 rgba(255,255,255,.85),   /* reflet haut-gauche */
    inset -1px -1px 0 rgba(255,255,255,.35),     /* reflet bas-droite */
    inset 0 0 0 .5px rgba(255,255,255,.5),       /* liseré */
    inset 0 -12px 24px -14px rgba(16,24,39,.10); /* épaisseur */
}
:where(.lg)::after{                 /* brillance */
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,0) 38%,rgba(255,255,255,0) 70%,rgba(255,255,255,.25));
}
:where(.lgc){position:relative;z-index:1}   /* contenu au-dessus du verre */

/* Repli Safari / Firefox / iPhone : verre dépoli, même dessin */
html.lg-fallback .lg{
  background:rgba(255,255,255,.58);
  -webkit-backdrop-filter:blur(18px) saturate(1.6);
  backdrop-filter:blur(18px) saturate(1.6);
}
/* Réglage d'accessibilité « réduire la transparence » */
@media (prefers-reduced-transparency: reduce){
  .lg{background:rgba(255,255,255,.94)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}