@keyframes pad-pulse {
  0%, 100% { box-shadow: var(--shadow-pad-out), 0 0 0 0 color-mix(in srgb, var(--state-color) 55%, transparent); }
  50% { box-shadow: var(--shadow-pad-out), 0 0 0 10px transparent; }
}

@keyframes start-glow {
  0%, 100% { box-shadow: var(--shadow-pad-out), 0 0 0 3px var(--accent-recording); }
  50% { box-shadow: var(--shadow-pad-out), 0 0 0 10px rgba(255, 61, 95, 0); }
}

@keyframes rotate-hint {
  0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(90deg); }
}