/* A brief cue on the actual capture controls, after the first meal invitation. */
#coachDialog #addCoachPhotos.first-meal-capture-hint,
#coachDialog #coachVoice.first-meal-capture-hint:not(.recording):not([aria-pressed="true"]),
#coachDialog #coachVoice.onboarding-voice-hint:not(.recording):not([aria-pressed="true"]) {
  color: var(--brand-strong, #d54b26);
  background: color-mix(in srgb, var(--brand, #ef643a) 14%, transparent);
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--brand, #ef643a);
  animation: first-meal-capture-cue 1.5s ease-in-out 3;
}
@keyframes first-meal-capture-cue {
  50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--brand, #ef643a) 24%, transparent); }
}
@media (prefers-reduced-motion: reduce) {
  #coachDialog #addCoachPhotos.first-meal-capture-hint,
  #coachDialog #coachVoice.first-meal-capture-hint:not(.recording):not([aria-pressed="true"]),
  #coachDialog #coachVoice.onboarding-voice-hint:not(.recording):not([aria-pressed="true"]) { animation: none; }
}