.voice-recorder{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin:8px 0}.voice-recorder--idle{justify-content:space-between}.voice-recorder--recording{background:#fef2f2;border:1px solid #fecaca}.voice-recorder--preview{background:#f0fdf4;border:1px solid #bbf7d0}.voice-recorder--error{flex-direction:column;align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;gap:8px}.recording-indicator{display:flex;align-items:center;gap:8px}.recording-dot{width:10px;height:10px;background:#ef4444;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.recording-text{font-size:.875rem;font-weight:500;color:#ef4444}.voice-duration{font-family:Fira Mono,monospace;font-size:.875rem;color:#374151;min-width:40px}.voice-preview-player{flex:1;height:36px;max-width:200px}.voice-actions{display:flex;gap:8px}.voice-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:none;border-radius:20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--duration-instant) var(--ease-smooth)}.voice-btn--record{background:#3b82f6;color:#fff}.voice-btn--record:hover{background:#2563eb}.voice-btn--stop{background:#ef4444;color:#fff;width:40px;height:40px;padding:0}.voice-btn--stop:hover{background:#dc2626}.voice-btn--primary{background:#22c55e;color:#fff;width:40px;height:40px;padding:0}.voice-btn--primary:hover{background:#16a34a}.voice-btn--danger{background:#f3f4f6;color:#ef4444;width:40px;height:40px;padding:0}.voice-btn--danger:hover{background:#fee2e2}.voice-btn--secondary{background:#e5e7eb;color:#374151}.voice-btn--secondary:hover{background:#d1d5db}.voice-btn--ghost{background:transparent;color:#6b7280;padding:8px 12px}.voice-btn--ghost:hover{background:#f3f4f6}.voice-error-message{margin:0;font-size:.875rem;color:#b91c1c;line-height:1.4}@media (max-width: 480px){.voice-recorder{flex-wrap:wrap}.voice-preview-player{width:100%;max-width:none}.voice-actions{margin-left:auto}}