.voice-recorder-wrap{width:100%;margin:16px 0}.vr-idle-box{justify-content:center;display:flex}.vr-mic-btn{color:#c7d2fe;cursor:pointer;background:#6366f11f;border:1px dashed #6366f180;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:550px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .25s;display:inline-flex;position:relative}.vr-mic-btn:hover{color:#fff;background:#6366f138;border-color:#818cf8;transform:translateY(-2px);box-shadow:0 4px 16px #6366f140}.vr-mic-btn svg{color:#818cf8}.vr-recording-card{background:#0f172ae6;border:1px solid #ef444466;border-radius:14px;flex-direction:column;align-items:center;gap:12px;max-width:550px;margin:0 auto;padding:16px 20px;display:flex;box-shadow:0 0 20px #ef444426}.vr-rec-indicator{align-items:center;gap:10px;display:flex}.vr-live-dot{background:#ef4444;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite pulseDot;box-shadow:0 0 10px #ef4444}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.vr-live-text{color:#fca5a5;font-size:.85rem;font-weight:700}.vr-timer{color:#fff;background:#0000004d;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:.95rem;font-weight:700}.vr-sound-wave{align-items:center;gap:4px;height:28px;display:flex}.sw-bar{background:#ef4444;border-radius:2px;width:4px;animation:.8s ease-in-out infinite alternate soundBars}.sw-bar.b1{height:10px;animation-delay:.1s}.sw-bar.b2{height:22px;animation-delay:.25s}.sw-bar.b3{height:14px;animation-delay:.4s}.sw-bar.b4{height:26px;animation-delay:.15s}.sw-bar.b5{height:18px;animation-delay:.3s}.sw-bar.b6{height:24px;animation-delay:.2s}.sw-bar.b7{height:12px;animation-delay:.35s}@keyframes soundBars{0%{opacity:.5;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1)}}.vr-rec-actions{align-items:center;gap:12px;display:flex}.vr-action-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.vr-stop-btn{color:#fff;background:#ef4444}.vr-stop-btn:hover{background:#dc2626;box-shadow:0 0 12px #ef444466}.vr-cancel-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:.85rem}.vr-cancel-btn:hover{color:#f1f5f9}.vr-player-card{background:#1e293bb3;border:1px solid #10b98166;border-radius:14px;max-width:550px;margin:0 auto;padding:14px 18px;box-shadow:0 4px 16px #10b98126}.vr-player-badge{color:#34d399;text-align:right;margin-bottom:8px;font-size:.8rem;font-weight:700}.vr-player-controls{align-items:center;gap:12px;display:flex}.vr-play-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .15s,background .15s;display:flex}.vr-play-btn:hover{background:#059669;transform:scale(1.05)}.vr-play-btn.playing{background:#6366f1}.vr-waveform-fake{background:#00000040;border-radius:8px;flex:1;align-items:center;gap:10px;padding:8px 12px;display:flex}.vr-audio-time{color:#cbd5e1;font-family:monospace;font-size:.85rem;font-weight:700}.vr-static-wave{flex:1;align-items:center;gap:3px;height:20px;display:flex}.vr-static-wave span{background:#10b981;border-radius:1px;width:3px}.vr-delete-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:.75rem;transition:all .15s;display:inline-flex}.vr-delete-btn:hover{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.vr-error-note{color:#f87171;text-align:center;margin-top:8px;font-size:.8rem}