.chat-widget{width:100%;max-width:600px;height:80vh;max-height:800px;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden}.kinetiq-chat-content .chat-widget{max-width:100%;height:100%;max-height:100%;border-radius:0;box-shadow:none}.chat-header{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.chat-header h2{font-size:20px;font-weight:600;margin:0}.status-indicator{display:flex;align-items:center;gap:8px;font-size:14px}.status-dot{width:8px;height:8px;background-color:#4ade80;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background-color:#f9fafb}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#555}.welcome-message{text-align:center;padding:40px 20px;color:#666}.welcome-message p{margin-bottom:12px;font-size:16px}.welcome-hint{font-size:14px;color:#999}.message{display:flex;flex-direction:column;max-width:75%;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{align-self:flex-end}.assistant-message{align-self:flex-start}.message-content{padding:12px 16px;border-radius:18px;word-wrap:break-word;line-height:1.5;font-size:14px}.user-message .message-content{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border-bottom-right-radius:4px}.assistant-message .message-content{background:#fff;color:#333;border:1px solid #e5e7eb;border-bottom-left-radius:4px}.message-timestamp{font-size:11px;color:#999;margin-top:4px;padding:0 4px}.user-message .message-timestamp{text-align:right}.assistant-message .message-timestamp{text-align:left}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{width:8px;height:8px;background-color:#999;border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.chat-input-container{display:flex;padding:16px;border-top:1px solid #e5e7eb;background:#fff;gap:12px}.chat-input{flex:1;padding:12px 16px;border:1px solid #e5e7eb;border-radius:24px;font-size:14px;outline:none;transition:border-color .2s}.chat-input:focus{border-color:#4a90e2}.chat-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.send-button{padding:12px 24px;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.send-button:hover:not(:disabled){opacity:.9}.send-button:disabled{opacity:.5;cursor:not-allowed}.kinetiq-popup-bubble{position:fixed;bottom:20px;left:20px;width:320px;background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000026;padding:20px;z-index:9998;cursor:pointer;transition:transform .2s,box-shadow .2s;animation:kinetiq-popup-slide-up .3s ease-out}@keyframes kinetiq-popup-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kinetiq-popup-bubble:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0003}.kinetiq-popup-content{display:flex;align-items:center;gap:12px;margin-bottom:16px}.kinetiq-popup-avatar{flex-shrink:0;width:40px;height:40px}.kinetiq-popup-text{flex:1}.kinetiq-popup-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:2px;line-height:1.2}.kinetiq-popup-subtitle{font-size:14px;color:#6b7280;font-weight:400}.kinetiq-popup-button{width:100%;background:#000;color:#fff;border:none;border-radius:12px;padding:14px 20px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .2s,transform .1s}.kinetiq-popup-button:hover{background:#1f2937;transform:scale(1.02)}.kinetiq-popup-button:active{transform:scale(.98)}.kinetiq-popup-button svg{flex-shrink:0}.kinetiq-popup-button span{flex:1;text-align:center}.kinetiq-chat-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:9998;transition:transform .2s,box-shadow .2s}.kinetiq-chat-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003}.kinetiq-chat-container{position:fixed;bottom:20px;left:20px;width:380px;height:600px;max-height:calc(100vh - 40px);background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;z-index:9999;display:flex;flex-direction:column;overflow:hidden;animation:kinetiq-chat-slide-up .3s ease-out}@keyframes kinetiq-chat-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kinetiq-chat-header-bar{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.kinetiq-chat-title{font-weight:600;font-size:16px}.kinetiq-chat-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;line-height:1;transition:opacity .2s}.kinetiq-chat-close:hover{opacity:.7}.kinetiq-chat-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;background:#f9fafb}.kinetiq-chat-content .chat-widget{height:100%;max-height:100%;border-radius:0;box-shadow:none;display:flex;flex-direction:column;min-height:0}@media (max-width: 480px){.kinetiq-popup-bubble{width:calc(100vw - 40px);left:20px;right:20px}.kinetiq-chat-container{width:calc(100vw - 20px);height:calc(100vh - 20px);bottom:10px;left:10px;right:10px}}.app-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.verification-form{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:400px;width:100%}.verification-form h1{margin-bottom:10px;color:#1a1a1a;font-size:24px}.verification-form p{margin-bottom:30px;color:#666;font-size:14px}.verify-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#333}.form-group input{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#4a90e2}.verify-button{padding:12px 24px;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.verify-button:hover:not(:disabled){background-color:#357abd}.verify-button:disabled{background-color:#ccc;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}