.cursor-light {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 900px;
  height: 720px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center,
    rgb(174 185 147 / 6%) 0%,
    rgb(174 185 147 / 4.6%) 12%,
    rgb(174 185 147 / 2.5%) 28%,
    rgb(174 185 147 / 0.9%) 46%,
    rgb(174 185 147 / 0.2%) 62%,
    transparent 76%);
  filter: blur(18px);
  mix-blend-mode: screen;
  pointer-events: none;
  user-select: none;
  z-index: 4;
  opacity: 0;
  transition: opacity 450ms ease;
  will-change: transform;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .cursor-light { display: block; }
  .cursor-light.is-visible { opacity: 1; }
}
@media print {
  .cursor-light { display: none; }
}