*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#f5f5f5;width:100%;height:100%;overflow-x:hidden}.ai-chat-container{background:#fff;border:1px solid #e0e0e0;border-radius:10px;flex-direction:column;width:100%;max-width:600px;height:100dvh;margin:0 auto;font-family:sans-serif;display:flex;overflow:hidden;box-shadow:0 4px 15px #0000001a}.chat-header{text-align:center;background:#2c3e50;flex-shrink:0;padding:15px}.chat-header h3{margin:0;font-size:18px;color:#fff!important}.chat-messages{background:#f9f9f9;flex-direction:column;flex:1;gap:10px;padding:15px;display:flex;overflow-y:auto}.message{word-wrap:break-word;white-space:pre-wrap;border-radius:15px;max-width:85%;padding:10px 14px;font-size:14px;line-height:1.4}.user-message{color:#fff;background:#3498db;align-self:flex-end}.bot-message{color:#333;background:#e0e0e0;align-self:flex-start}.chat-input-area{background:#fff;border-top:1px solid #eee;flex-direction:column;flex-shrink:0;gap:10px;padding:12px;display:flex}.chat-textarea{resize:none;border:1px solid #ddd;border-radius:15px;outline:none;width:100%;min-height:50px;max-height:120px;padding:12px;font-family:inherit;font-size:16px;line-height:1.4;overflow-y:auto}.chat-textarea:focus{border-color:#3498db}.chat-textarea:disabled{background:#f0f0f0}.buttons-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.send-btn{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:50%;flex-shrink:0;width:48px;height:48px;margin-left:auto;font-size:20px}.send-btn:hover:not(:disabled){background:#2980b9}.send-btn:disabled{cursor:not-allowed;background:#ccc}.voice-btn{color:#2c3e50;cursor:pointer;background:#ecf0f1;border:2px solid #bdc3c7;border-radius:50%;flex-shrink:0;width:48px;height:48px;font-size:22px;transition:all .3s}.voice-btn:hover:not(:disabled){background:#bdc3c7}.voice-btn.recording{color:#fff;background:#e74c3c;border-color:#c0392b;animation:1.5s infinite pulse}.voice-btn.processing{color:#fff;background:#f39c12}.voice-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse{0%{box-shadow:0 0 #e74c3cb3}70%{box-shadow:0 0 0 10px #e74c3c00}to{box-shadow:0 0 #e74c3c00}}.loading-indicator,.voice-status{text-align:center;margin-top:5px;font-size:12px}.loading-indicator{color:#888}.voice-status{color:#e74c3c}@media (width<=600px){.ai-chat-container{max-width:100%;box-shadow:none;border:none;border-radius:0}.chat-messages{padding:10px}.message{max-width:90%;font-size:15px}.chat-textarea{min-height:56px;font-size:16px}}