@import url(https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Vazirmatn,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}*{box-sizing:border-box}.speech-recognition-container{background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:20px;box-shadow:0 10px 30px #0000001a;direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:20px auto;max-width:600px;padding:20px}.status-indicator{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;margin-bottom:15px;padding:12px}.status-dot{border-radius:50%;height:12px;transition:all .3s ease;width:12px}.status-dot.ready{animation:pulse 2s infinite;background-color:#6c757d;box-shadow:0 0 0 0 #6c757db3}.status-dot.recording{animation:pulse-red 1.5s infinite;background-color:#dc3545;box-shadow:0 0 0 0 #dc3545b3}.status-dot.success{background-color:#28a745}.status-dot.warning{background-color:#ffc107}.status-dot.error{background-color:#dc3545}@keyframes pulse-red{0%{box-shadow:0 0 0 0 #dc3545b3;transform:scale(.95)}70%{box-shadow:0 0 0 10px #dc354500;transform:scale(1)}to{box-shadow:0 0 0 0 #dc354500;transform:scale(.95)}}.status-text{color:#495057;font-size:1.1em;font-weight:600}.permission-status{align-items:center;border-radius:10px;display:flex;font-size:.9em;gap:10px;margin-bottom:15px;padding:10px 15px}.permission-status.granted{background-color:#28a7451a;border:1px solid #28a745;color:#155724}.permission-status.denied{background-color:#dc35451a;border:1px solid #dc3545;color:#721c24}.permission-icon{font-size:1.2em}.transcript-box{word-wrap:break-word;background:#fff;border:2px solid #e9ecef;border-radius:12px;font-size:1.1em;line-height:1.8;margin-bottom:20px;max-height:300px;min-height:150px;overflow-y:auto;padding:20px;white-space:pre-wrap}.final-text{color:#212529;font-weight:500}.interim-text{color:#6c757d;font-style:italic;opacity:.8}.controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:1em;font-weight:600;gap:10px;justify-content:center;min-width:200px;padding:14px 24px;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-permission{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff}.btn-permission:hover:not(:disabled){background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 5px 15px #ff980066;transform:translateY(-2px)}.btn-start{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-start:hover:not(:disabled){background:linear-gradient(135deg,#20c997,#1ba87e);box-shadow:0 5px 15px #20c99766;transform:translateY(-2px)}.btn-stop{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.btn-stop:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#a71d2a);box-shadow:0 5px 15px #dc354566;transform:translateY(-2px)}.btn-reset{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.btn-reset:hover:not(:disabled){background:linear-gradient(135deg,#495057,#343a40);box-shadow:0 5px 15px #6c757d66;transform:translateY(-2px)}.processing-indicator{align-items:center;background:#007bff1a;border-radius:12px;display:flex;gap:12px;justify-content:center;margin-top:10px;padding:15px;width:100%}.spinner{animation:spin 1s ease-in-out infinite;border:3px solid #007bff4d;border-radius:50%;border-top-color:#007bff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.info-text{background:#f8f9fa;border-radius:12px;border-right:4px solid #20c997;padding:15px}.info-text p{color:#495057;font-size:.95em;margin:8px 0}.info-text p:before{color:#20c997;content:"• ";font-weight:700}.transcript-box::-webkit-scrollbar{width:8px}.transcript-box::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.transcript-box::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.transcript-box::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.speech-recognition-container{margin:10px;padding:15px}.btn{min-width:100%}}.audio-response-component{background:linear-gradient(135deg,#1a2980,#26d0ce);border-radius:20px;box-shadow:0 20px 60px #0000004d;direction:rtl;font-family:Vazir,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:800px;padding:30px}.input-form{margin-bottom:30px}.input-group{display:flex;flex-direction:column;gap:15px}.text-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;font-family:inherit;font-size:16px;min-height:100px;outline:none;padding:18px 20px;resize:vertical;transition:all .3s ease;width:100%}.text-input::placeholder{color:#fff9}.text-input:focus{background:#ffffff26;border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a}.text-input:disabled{cursor:not-allowed;opacity:.6}.button-group{display:flex;flex-wrap:wrap;gap:10px}.reset-button,.resume-button,.stop-button,.submit-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:14px 28px;transition:all .3s ease}.submit-button{background:linear-gradient(135deg,#00b09b,#96c93d);color:#fff}.submit-button:hover:not(:disabled){box-shadow:0 10px 20px #00b09b4d;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.5}.stop-button{background:linear-gradient(135deg,#ff416c,#ff4b2b);color:#fff}.stop-button:hover{box-shadow:0 10px 20px #ff416c4d;transform:translateY(-2px)}.reset-button{background:linear-gradient(135deg,#8e2de2,#4a00e0);color:#fff}.reset-button:hover{box-shadow:0 10px 20px #8e2de24d;transform:translateY(-2px)}.resume-button{background:linear-gradient(135deg,#ff8008,#ffc837);color:#fff;font-size:14px;min-width:auto;padding:8px 16px}.resume-button:hover{box-shadow:0 10px 20px #ff80084d;transform:translateY(-2px)}.error-container{background:#ff6b6b1a;border-radius:10px;border-right:4px solid #ff6b6b;margin:20px 0;padding:15px}.error-message{color:#ff6b6b;font-weight:500;margin:0 0 10px}.error-hint{color:#ffd166;font-size:14px;line-height:1.5;margin:10px 0 0}.transcript-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin:25px 0;padding:25px}.transcript-container h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:15px;margin-top:0}.transcript-content{max-height:200px;overflow-y:auto;padding:10px}.transcript{color:#ffffffe6;font-size:16px;line-height:1.8;margin:0;text-align:justify}.audio-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin:25px 0;padding:20px}.audio-status{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.status-indicator{align-items:center;background:#ffffff1a;border-radius:50px;color:#fff;display:flex;font-size:14px;gap:10px;padding:10px 20px}.status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:1px;padding:6px 15px;text-transform:uppercase}.status-idle{background:linear-gradient(135deg,#667eea,#764ba2)}.status-loading{animation:pulse 2s infinite;background:linear-gradient(135deg,#f093fb,#f5576c)}.status-speaking{background:linear-gradient(135deg,#4facfe,#00f2fe)}.status-playing{animation:pulse 1s infinite;background:linear-gradient(135deg,#00b09b,#96c93d)}.status-done{background:linear-gradient(135deg,#43e97b,#38f9d7)}.audio-context-info{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:10px;padding:8px 15px}.context-status{color:#fffc;font-family:monospace;font-size:13px}.audio-controls{align-items:center;background:#0003;border-radius:10px;display:flex;justify-content:space-between;padding:15px}.volume-control{align-items:center;color:#fff;display:flex;gap:15px}.volume-label{font-weight:500}.volume-visualizer{align-items:center;display:flex;gap:3px;height:30px}.volume-bar{animation:volumeWave .8s ease-in-out infinite alternate;background:linear-gradient(0deg,#00b09b,#96c93d);border-radius:2px;width:4px}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes volumeWave{0%{height:10px}to{height:25px}}.instructions{background:#ffffff0d;border:1px dashed #fff3;border-radius:10px;margin-top:25px;padding:20px}.instructions p{color:#fffc;font-size:14px;line-height:1.6;margin:0 0 15px;text-align:center}.instructions p:last-child{margin-bottom:0}.technical-info{background:#0000001a;border-radius:6px;font-size:12px;padding:10px;text-align:right}.technical-info strong{color:#4facfe}@media (max-width:768px){.audio-response-component{margin:10px;padding:20px}.button-group{flex-direction:column}.reset-button,.stop-button,.submit-button{width:100%}.text-input{padding:15px}.audio-status{align-items:stretch;flex-direction:column}.audio-context-info{justify-content:center}}
/*# sourceMappingURL=main.acc1924a.css.map*/