:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;display:flex;min-width:320px;min-height:100vh;background-color:#f9fafc;justify-content:center;align-items:center}*{box-sizing:border-box;margin:0;padding:0}a{font-weight:500;color:#6366f1;text-decoration:inherit;transition:color .2s ease}a:hover{color:#4f46e5}.chatbot-container{width:80vw!important;max-width:950px;min-width:300px;height:100vh!important;margin:0 auto!important;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;position:relative;background:#fff;display:flex;flex-direction:column}.chatbot-header{display:flex;align-items:center;padding:1.25rem 1.75rem;background:#f8f9fa;border-bottom:1px solid #e5e7eb;color:#333;box-shadow:0 2px 10px #0000000d;z-index:10}.bot-avatar{width:160px;height:60px;border-radius:6px;margin-right:16px;border:none;object-fit:contain;background:transparent;box-shadow:none}.chatbot-header h2{margin:0;font-size:1.4rem;font-weight:600;color:#333;flex-grow:1;letter-spacing:.02em}.header-actions{display:flex;gap:12px;align-items:center}.icon-button{background:#6366f11a;border:none;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#4f46e5;padding:0}.icon-button:hover{background:#ffffff40;transform:translateY(-2px)}.icon-button.end-chat{background:transparent;border:1px solid #d1d5db;border-radius:20px;color:#374151;width:auto;height:auto;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s ease}.icon-button.end-chat:hover{background-color:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(0)}.chat-messages{width:100%;box-sizing:border-box;flex-grow:1;overflow-y:auto;padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;background-color:#f5f7fa;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:20px}.message-container{display:flex;margin-bottom:16px;max-width:80%;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bot-message{align-self:flex-start}.user-message{align-self:flex-end;justify-content:flex-end}.avatar-container{margin-right:14px;align-self:flex-end}.message-avatar{width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.05);box-shadow:0 1px 3px #0000001a}.message{padding:14px 18px;border-radius:18px;font-size:1.05rem;line-height:1.5;max-width:100%;word-wrap:break-word;box-shadow:0 1px 2px #0000000d}.message.bot{background-color:#fff;color:#374151;border-bottom-left-radius:4px;box-shadow:0 1px 3px #00000014}.message.user{background:#e7e7e7;color:#292828;border-bottom-right-radius:4px;box-shadow:0 2px 10px #0000000d}.choices-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.choice-button{background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:10px 18px;font-size:.95rem;cursor:pointer;transition:all .2s ease;color:#121213;box-shadow:0 1px 2px #000c}.choice-button:hover{background-color:#303131;border-color:#464747;color:#fff;transform:translateY(-1px)}.chat-input-container{display:flex;padding:1.25rem 1.75rem;background-color:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -2px 10px #00000008}.chat-input{flex-grow:1;padding:14px 20px;border:1px solid #e5e7eb;border-radius:30px;font-size:1rem;outline:none;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.chat-input:focus{border-color:#f8f9fa;box-shadow:0 0 0 2px #2e2e3033}.chat-input:disabled{background-color:#f9fafb;cursor:not-allowed}.send-button{background:#000;color:#fff;border:none;width:48px;height:48px;border-radius:50%;margin-left:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #0000004d}.send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0006;background:#333}.send-button:disabled{background:#504c4c;cursor:not-allowed;box-shadow:none}.typing-indicator{display:flex;align-items:center;justify-content:center;padding:8px 14px}.typing-indicator span{height:8px;width:8px;margin:0 2px;background-color:#9ca3af;border-radius:50%;display:inline-block;opacity:.5;animation:typing 1.4s infinite both}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}to{opacity:.5;transform:translateY(0)}}@media (max-width: 768px){.chatbot-container{width:100%!important;height:100vh!important;max-width:none!important;min-width:auto!important;border-radius:0}.chatbot-header h2{font-size:1.1rem}.icon-button.end-chat{padding:6px 12px;font-size:.8rem}.message-container{max-width:100%!important}.bot-message,.user-message{width:90%!important}.bot-avatar{width:140px;height:50px}}@media (max-width: 480px){.chatbot-container{border-radius:0}.chatbot-header h2{font-size:1rem}.icon-button.end-chat{padding:5px 10px;font-size:.75rem}.bot-message .avatar-container{display:none!important}.bot-message .message{margin-left:0}.chatbot-header .bot-avatar{display:block!important}.chatbot-header{padding:1rem}.chat-messages{padding:1rem 2rem!important;gap:.75rem!important}.bot-avatar{width:135px;height:45px}.message{padding:12px 16px;font-size:.9rem}.bot-message,.user-message{width:95%!important}}