.blinking-cursor {
  display: inline-block;
  width: 1ch;
  animation: blink 1s steps(1, end) infinite;
}

@keyframes blink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .blinking-cursor { animation: none; }
}