body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.chat-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;height:85vh;max-width:700px;overflow:hidden;width:100%}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;font-size:1.5em;font-weight:600;padding:20px;text-align:center}.chat-messages{background:#0000;display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.message{word-wrap:break-word;align-items:center;border-radius:18px;box-shadow:0 2px 8px #0000001a;display:flex;margin-bottom:0;max-width:75%;padding:15px 20px;position:relative;transition:all .3s ease}.message:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.message.user{align-self:flex-end;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-left:auto}.message.user:after{border-bottom:8px solid #0000;border-left:8px solid #667eea;border-top:8px solid #0000;bottom:0;content:"";height:0;position:absolute;right:-8px;width:0}.message.bot{align-self:flex-start;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#2c3e50;margin-right:auto}.message.bot:after{border-bottom:8px solid #0000;border-right:8px solid #e9ecef;border-top:8px solid #0000;bottom:0;content:"";height:0;left:-8px;position:absolute;width:0}.audio-icon{height:24px;margin-right:10px;opacity:.8;width:24px}.play-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;margin-left:10px;padding:8px 12px;transition:all .3s ease}.play-btn:hover{box-shadow:0 4px 15px #28a7454d;transform:scale(1.05)}.chat-input{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f8f9facc;border-top:1px solid #0000001a;display:flex;gap:20px;justify-content:center;padding:20px}.App.dark .chat-input{background:#34495ecc;border-top-color:#ffffff1a}.input-controls{align-items:center;display:flex;gap:15px}.test-audio-btn{background:linear-gradient(135deg,#17a2b8,#20c997);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.test-audio-btn:hover{box-shadow:0 4px 15px #17a2b84d;transform:translateY(-2px)}.chat-input input{background:#ffffffe6;border:2px solid #0000001a;border-radius:25px;flex:1 1;font-size:16px;margin-right:15px;padding:12px 16px;transition:all .3s ease}.chat-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.chat-input button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 25px;transition:all .3s ease}.chat-input button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.record-btn{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a7454d;margin-right:10px}.record-btn:hover{background:linear-gradient(135deg,#218838,#17a2b8);box-shadow:0 6px 20px #28a74566}.record-btn.recording{background:linear-gradient(135deg,#dc3545,#fd7e14);box-shadow:0 4px 15px #dc35454d}.record-btn.recording:hover{box-shadow:0 6px 20px #dc354566}.record-btn.audio-enabled{box-shadow:0 4px 15px #28a7454d}.record-btn.audio-enabled:after{align-items:center;background:#28a745;border-radius:50%;content:"🔊";display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.device-bar{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #0000001a;color:#2c3e50;font-weight:500;padding:15px;text-align:center}.device-bar select{background:#fff;border:2px solid #0000001a;border-radius:8px;font-size:14px;margin-left:10px;max-width:250px;padding:8px 12px;transition:all .3s ease}.device-bar select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.record-btn.recording{animation:pulse 1s infinite;background-color:#f44!important;color:#fff}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.typing-indicator{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:18px;box-shadow:0 2px 8px #0000001a;display:flex;margin-right:auto;padding:15px 20px}.typing-dots{display:flex;gap:4px;margin-left:10px}.typing-dots span{animation:typing 1.4s ease-in-out infinite;background:#667eea;border-radius:50%;height:8px;width:8px}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (max-width:768px){.App{padding:10px}.chat-container{height:90vh;max-width:100%}.message{max-width:85%;padding:12px 16px}.chat-input{flex-direction:column;gap:15px;padding:15px}.input-controls{flex-direction:column;gap:10px}.chat-input input{font-size:16px}.chat-input button{font-size:14px;padding:12px 20px}.chat-header{font-size:1.3em;padding:15px}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#667eea80}
/*# sourceMappingURL=main.e38bb9d4.css.map*/