/* Site-wide mouse trail, without intercepting clicks. */
.site-cursor-particle {
  position: fixed;
  width: var(--particle-size);
  height: var(--particle-size);
  border-radius: 50%;
  background: #5266ff;
  box-shadow: 0 0 7px #5266ff;
  pointer-events: none;
  z-index: 100000;
  animation: site-cursor-fade 700ms ease-out forwards;
}

@keyframes site-cursor-fade {
  from { transform: translate(-50%, -50%) scale(1); opacity: 0.85; }
  to { transform: translate(calc(-50% + var(--drift-x)), calc(-50% + var(--drift-y))) scale(0); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .site-cursor-particle { animation: none; transform: translate(-50%, -50%); opacity: 0.7; }
}