.record-container{background-color:white;background-image:linear-gradient(rgba(240,244,248,.3) 1px,transparent 0),linear-gradient(90deg,rgba(240,244,248,.3) 1px,transparent 0);background-size:20px 20px;background-position:0 0;min-height:100vh}.recording-card{background-color:white;border:1px solid #eaeaea;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03);transition:all .2s ease}.recording-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.05);transform:translateY(-1px)}.header-container{background-color:#f0f7ff;border-radius:.75rem;padding:2rem;margin-bottom:2.5rem;border:1px solid rgba(59,130,246,.1);box-shadow:0 4px 6px rgba(59,130,246,.04)}.step-indicator{width:2.25rem;height:2.25rem;background-color:#3b82f6;color:white;font-weight:600;margin-right:1rem;box-shadow:0 3px 5px rgba(59,130,246,.3);font-size:.875rem}.record-button,.step-indicator{display:flex;align-items:center;justify-content:center;border-radius:50%}.record-button{width:8rem;height:8rem;background-color:white;color:#3b82f6;border:none;flex-direction:column;transition:all .3s ease;box-shadow:inset 0 2px 5px rgba(0,0,0,.05)}.record-button:hover{background-color:#f9fafb;transform:scale(1.02)}.record-button-recording{background-color:#ef4444;color:white;animation:pulse 1.5s infinite;box-shadow:0 0 0 0 rgba(239,68,68,.7)}.record-button-container{background:linear-gradient(45deg,#3b82f6,#4f46e5);padding:.375rem;border-radius:50%;box-shadow:0 4px 8px rgba(59,130,246,.25)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.7)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(239,68,68,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,0)}}.audio-preview{background-color:white;border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem;border:1px solid #f3f4f6;box-shadow:0 1px 3px rgba(0,0,0,.05)}.audio-controls{width:100%;height:36px;border-radius:18px}.success-container{background:linear-gradient(135deg,#eef7ee,#eef9ff);border-radius:.75rem;padding:2rem;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.03);border:1px solid rgba(167,243,208,.2)}.form-input{border:1px solid #e5e7eb;border-radius:.5rem;padding:.625rem .875rem;width:100%;font-size:.875rem;line-height:1.25rem;transition:all .15s ease}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.btn-primary{background:linear-gradient(45deg,#3b82f6,#4f46e5);color:white;border-radius:.5rem;padding:.625rem 1rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px rgba(59,130,246,.25);border:none}.btn-primary:hover{box-shadow:0 4px 6px rgba(59,130,246,.35);transform:translateY(-1px)}.btn-secondary{background:white;color:#4b5563;border:1px solid #d1d5db;border-radius:.5rem;padding:.625rem 1rem;font-weight:500;transition:all .2s ease}.btn-secondary:hover{background:#f9fafb;border-color:#c1c7d0}.dark-audio-player{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:12px;padding:16px;position:relative;overflow:hidden}.dark-audio-player:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#f97316,transparent);opacity:.5}.dark-audio-player audio{width:100%;height:48px;background:transparent;border-radius:8px}.dark-audio-player audio::-webkit-media-controls-panel{background-color:#1f2937;border-radius:8px}.dark-audio-player audio::-webkit-media-controls-pause-button,.dark-audio-player audio::-webkit-media-controls-play-button{background-color:#f97316;border-radius:50%;margin-left:8px}.dark-audio-player audio::-webkit-media-controls-timeline{background-color:#374151;border-radius:4px;margin:0 8px}.dark-audio-player audio::-webkit-media-controls-current-time-display,.dark-audio-player audio::-webkit-media-controls-time-remaining-display{color:#d1d5db;font-size:12px}.dark-audio-player audio::-webkit-media-controls-volume-slider{background-color:#374151;border-radius:4px}.audio-visualizer{display:flex;align-items:center;justify-content:center;gap:2px;margin:8px 0}.audio-bar{width:3px;background:linear-gradient(0deg,#f97316,#fb923c);border-radius:2px;animation:audioWave 1.5s ease-in-out infinite}.audio-bar:first-child{height:12px;animation-delay:0s}.audio-bar:nth-child(2){height:20px;animation-delay:.1s}.audio-bar:nth-child(3){height:16px;animation-delay:.2s}.audio-bar:nth-child(4){height:24px;animation-delay:.3s}.audio-bar:nth-child(5){height:18px;animation-delay:.4s}.audio-bar:nth-child(6){height:22px;animation-delay:.5s}.audio-bar:nth-child(7){height:14px;animation-delay:.6s}@keyframes audioWave{0%,to{transform:scaleY(.5);opacity:.7}50%{transform:scaleY(1);opacity:1}}