/* マウスカーソルの軌跡に沿って薄く小さく弾ける文字。サイト全体で共有。
   色のデフォルト値を自前で持っているので、ページ側の:root変数に依存しない */
.magic-glint-pop {
  position: fixed;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  line-height: 1;
  pointer-events: none;
  color: var(--glintColor, #4D9FFF);
  text-shadow: 0 0 6px currentColor;
  animation: magicGlintPop var(--glintCycle, 0.7s) ease-out forwards;
  z-index: 9999;
}
@keyframes magicGlintPop {
  0%   { opacity: 0;    transform: scale(0.4) translateY(0);     filter: blur(0.5px); }
  28%  { opacity: 0.55; transform: scale(1.1) translateY(-3px);  filter: blur(0px); }
  100% { opacity: 0;    transform: scale(0.8) translateY(-14px); filter: blur(0.5px); }
}