@keyframes pulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 20px #0000}to{box-shadow:0 0 0 0 currentColor}}@keyframes listening-pulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(2)}}.container:before{background-image:url(/static/media/background.224e0349254a2f3e5c7b.jpg);background-size:100%;content:"";height:100%;left:0;opacity:.2;opacity:.45;position:absolute;top:0;width:100%}.container{align-items:center;display:flex;font-family:Orbitron,sans-serif;height:100vh;justify-content:center;width:100%}.record-btn{border:none;border-radius:50%;display:block;height:200px;position:relative;transition:background-color .5s;transition:transform .3s,opacity .3s;width:200px}.record-btn:hover{opacity:.8;transform:scale(.95)}.record-btn.listening{animation:pulse 2s infinite;background-color:#e74c3c}.record-btn2:before{border-radius:50%;box-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor,0 0 40px currentColor;content:"";height:90%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.listening-indicator{color:#0f0;display:flex;gap:5px;justify-content:center;margin-bottom:10px;text-shadow:0 0 5px #0f0,0 0 10px #0f0,0 0 15px #0f0,0 0 20px #0f0}.listening-indicator span{animation:listening-pulse 1s ease-in-out infinite;background-color:#ff3b30;border-radius:50%;display:inline-block;height:10px;transform-origin:50% 50%;width:10px}.cancel-btn{align-items:center;background-color:#ff3b30;border:none;border-radius:50%;bottom:30px;box-shadow:0 0 10px #ff3b30,0 0 20px #ff3b30,0 0 30px #ff3b30,0 0 40px #ff3b30;color:#fff;display:flex;font-size:20px;height:50px;justify-content:center;position:absolute;right:30px;transition:transform .1s ease-in-out,background-color .2s;width:50px}.cancel-btn:active{transform:scale(.9)}.cancel-btn:hover{background-color:#ff645a}body{margin:0;overflow:hidden;width:100%}.idle .record-btn{background-color:#3498db;color:#3498db}.listening .record-btn,.playing .record-btn{animation:pulse 2s infinite}.listening .record-btn{background-color:#e74c3c;color:#e74c3c}.playing .record-btn{background-color:#2ecc71;color:#2ecc71}.transcript{color:#fff;margin-top:20px}.record-btn:disabled{background-color:#aaa;cursor:not-allowed}.listening .listening-indicator span{background-color:#e74c3c}.playing .listening-indicator span{background-color:#2ecc71}.stop-btn{border-radius:10px;float:left;position:absolute;right:20px;top:20px;transform-origin:50% 50%;width:100px}.stop-btn,.stop2-btn{background-color:#ff3b30;height:50px}.stop2-btn{align-items:center;border:none;border-radius:50%;bottom:-20px;box-shadow:0 0 10px #ff3b30,0 0 20px #ff3b30,0 0 30px #ff3b30,0 0 40px #ff3b30;color:#fff;display:flex;font-family:Orbitron,sans-serif;font-size:16px;justify-content:center;position:relative;right:-150px;transition:transform .1s ease-in-out,background-color .2s;width:50px}.stop-btn:active{transform:scale(.9)}.stop-btn:hover{background-color:#ff645a}.chat-sidebar{background-color:#23272a;box-shadow:-5px 0 10px #00000080;color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;height:100vh;left:-300px;overflow-y:auto;position:fixed;top:0;transition:left .3s;width:300px;z-index:1000}.chat-sidebar.open{left:0}.chat-header{background-color:#2c2f33;border-bottom:1px solid #23272a;color:#99aab5;font-size:16px;font-weight:700;padding:10px 20px}.chat-content{display:flex;flex-direction:column;gap:10px;padding:20px}.chat-entry{word-wrap:break-word;background:#2c2f33;border-radius:8px;margin-bottom:10px;padding:10px}.user-query{color:#fff;margin-bottom:5px}.system-response{color:#7289da}.chat-toggle-button{background:#2c2f33;border:none;color:#fff;cursor:pointer;left:0;padding:10px;position:fixed;top:3%;transform:translateY(50%);transition:left .3s;z-index:1010}.chat-sidebar.open+.chat-toggle-button{left:300px}.listening-bubble{box-shadow:0 0 10px #00ff9d,0 0 10px #00ff9d,0 0 10px #00ff9d;font-size:16px;white-space:nowrap}.listening-bubble,.speech-bubble{background-color:#00ff9d;border-radius:20px;bottom:120px;color:#000;left:50%;padding:10px 20px;position:absolute;transform:translateX(-50%);z-index:10}.speech-bubble{box-shadow:0 0 10px #00ff9d,0 0 20px #00ff9d;display:none}.speech-bubble.visible{display:block}.spinner{animation:spin 1s linear infinite;border:4px solid #00ff9d;border-radius:50%;border-top-color:#db2323;height:130%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:130%}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.app-header{text-shadow:0 0 2px #3498db,0 0 2px #3498db;top:0}.app-footer,.app-header{color:#3498db;position:absolute;text-align:center;width:100%;z-index:20}.app-footer{bottom:0}.app-subtext{color:#fff}
/*# sourceMappingURL=main.c63023bd.css.map*/