/* Grainient ambient background — ported from React Bits (JS-CSS variant) — replaces the
   flat blurred .glow-dot circles in css/floating-glow.css with a single animated WebGL
   gradient swirl. Kept at low opacity so it reads as ambient texture behind page content,
   the same role the dots played, not as a loud foreground graphic. The .glow-dot markup
   and its CSS are left in place as the fallback for when WebGL2/ogl aren't available —
   see js/grainient.js. */
.grainient-container { position: relative; width: 100%; height: 100%; overflow: hidden; }
.glow-layer .grainient-container { opacity: .18; }

/* Hide the fallback dots once the shader has actually mounted, so they don't double up
   underneath it — js/grainient.js adds this class only after a successful mount. */
.glow-layer.grainient-active .glow-dot { display: none; }

@media (prefers-color-scheme: dark) {
  .glow-layer .grainient-container { opacity: .3; }
}