/* Voice Recorder — tool-specific styles (shared system lives in /assets/site.css). */

.rec-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 5.5rem; height: 5.5rem; border-radius: 9999px;
  background: linear-gradient(135deg, var(--accent-strong), var(--accent));
  color: #fff; box-shadow: var(--accent-glow);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.rec-btn:hover { transform: scale(1.05); }
.rec-btn:active { transform: scale(0.96); }
.rec-btn.recording {
  background: linear-gradient(135deg, #dc2626, #ef4444);
  box-shadow: 0 8px 28px -8px rgba(239, 68, 68, 0.65);
  animation: recPulse 1.4s ease-in-out infinite;
}