.recorder-bar{display:flex;align-items:center;justify-content:space-between;background:white;border-radius:15px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:10px 15px;width:85%;margin:20px auto;font-family:Arial,sans-serif}@media only screen and (min-width:768px){.recorder-bar{width:40%}}.mic-icon{width:30px;height:30px}.recording-text{flex:1;text-align:center;font-weight:500;font-size:1rem;gap:1rem;color:#333;display:flex;align-items:center;margin:0 1rem;justify-content:center}.record-bar-btn{position:relative;border:none;background:#9C95DC;padding:0;cursor:pointer;width:100px;height:100px;border-radius:50%}.record-bar-btn:disabled{pointer-events:none}.record-icon{width:50px;height:50px;z-index:2;position:relative;margin:auto}@keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-400{animation-delay:.4s}.record-eq{height:55px}.recorder-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2rem 0;border-radius:8px;text-align:center;gap:4rem}.countdown-number{font-size:2rem;margin-top:0}.vad-status{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;font-weight:700}.vad-status.active{color:green}.vad-status.waiting{color:gray}.spinner{width:16px;height:16px;border:2px solid #ccc;border-top-color:#333;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.audio-bar-wrapper{margin:auto;text-align:center;background-color:transparent;display:flex;align-items:center;border-radius:10px}.audio-bar-canvas{background-color:transparent;border-radius:8px;margin:0 auto;padding:1rem;display:block}.help-reoc-modal h2 span{background:linear-gradient(90deg,#9C95DC,#228CDB);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}