/* ── Copy Sparkle ── */

/* Glitter burst acknowledging a copy, spawned at the selection. Size and
   motion are JS-driven; this rule only carries the visual style. */
.copy-sparkle {
  position: fixed;
  border-radius: 50%;
  background: radial-gradient(
    circle at center,
    var(--sky-3, #7dbfe8) 0%,
    rgba(125, 191, 232, 0.55) 45%,
    transparent 80%
  );
  box-shadow: 0 0 6px var(--sky-3, #7dbfe8);
  pointer-events: none;
  z-index: var(--z-toast);
  transform: translate(-50%, -50%);
  will-change: transform, opacity;
}
body.light-appearance .copy-sparkle {
  background: radial-gradient(
    circle at center,
    rgba(var(--theme-glow), 0.9) 0%,
    rgba(var(--theme-glow), 0.4) 45%,
    transparent 80%
  );
  box-shadow: 0 0 6px rgba(var(--theme-glow), 0.6);
}