@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{align-items:center;background-color:#111;display:flex;font-family:Orbitron,sans-serif;height:100vh;justify-content:center}.record-btn{background-color:#3498db;border:none;border-radius:50%;height:100px;position:relative;transition:background-color .5s;width:100px}.record-btn.listening{animation:pulse 2s infinite;background-color:#e74c3c}.record-btn:before{background-color:#111;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}.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{align-items:center;background-color:#ff3b30;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;height:50px;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;overflow-y:auto;position:fixed;right:-320px;top:0;transition:right .3s;width:300px;z-index:1000}.chat-sidebar.open{right: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;padding:10px;position:fixed;right:0;top:50%;transform:translateY(-50%);transition:right .3s;z-index:1010}.chat-sidebar.open+.chat-toggle-button{right:300px}
/*# sourceMappingURL=main.192a6e13.css.map*/