._appBackground_hhod4_1{min-height:100vh;padding:40px 20px;display:flex;align-items:center;justify-content:center}._chatContainer_hhod4_9{display:flex;flex-direction:column;border-radius:16px;height:80vh;max-width:800px;width:100%;margin:0 auto;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden;box-shadow:#0000001a 0 0 12px}._header_hhod4_25{display:flex;justify-content:center;align-items:center;padding:20px 20px 80px;color:#fff;position:relative;z-index:1;flex-shrink:0}._brandingContainer_hhod4_36{display:flex;align-items:center;gap:8px}._logo_hhod4_42{width:38px;height:38px}._logoIcon_hhod4_47{width:38px;height:38px;background-color:#fff;color:#4a6cf7;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;border-radius:8px}._logoImage_hhod4_60{width:38px;height:38px;object-fit:contain;border-radius:8px;background-color:#fff;padding:4px}._logoText_hhod4_69{display:flex;flex-direction:column;align-items:center;text-align:center}._brandName_hhod4_76{font-size:18px;font-weight:700;letter-spacing:2px;text-transform:uppercase}._brandTagline_hhod4_83{font-size:11px;font-weight:400;letter-spacing:1px;opacity:.9;text-transform:uppercase}._closeButton_hhod4_91{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1;position:absolute;top:16px;right:16px;z-index:10}._closeButton_hhod4_91:hover{opacity:.8}._chatContent_hhod4_115{flex:1;background-color:#fff;border-radius:16px 16px 0 0;margin-top:-60px;position:relative;z-index:2;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -4px 20px #00000014}._welcomeSection_hhod4_129{padding:32px 24px 24px;text-align:center;border-bottom:1px solid #f0f0f0}._chatIcon_hhod4_135{width:34px;height:34px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center}._chatIconSvg_hhod4_144{width:100%;height:100%;fill:#666}._welcomeTitle_hhod4_150{font-size:14px;color:#666;margin-bottom:8px}._welcomeMessage_hhod4_156{font-size:24px;font-weight:700;color:var(--primary-color, #6366f1);margin-bottom:24px}._quickQuestions_hhod4_163{display:flex;flex-direction:column;gap:12px;margin-top:16px}._questionButton_hhod4_170{padding:14px 16px;background-color:#fff;border:1px solid #e9ecef;border-radius:36px;font-size:14px;color:#495057;cursor:pointer;text-align:left;transition:all .2s}._questionButton_hhod4_170:hover{background-color:#f5f5f5}._messageArea_hhod4_187{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}._loadingState_hhod4_196,._emptyState_hhod4_197{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-size:14px}._messageWrapper_hhod4_206{display:flex;width:100%}._guestMessageWrapper_hhod4_211{justify-content:flex-end}._agentMessageWrapper_hhod4_215{justify-content:flex-start}._messageContainer_hhod4_219{display:flex;flex-direction:column;gap:4px;max-width:75%}._messageBubble_hhod4_226{padding:12px 16px;border-radius:8px;box-shadow:0 1px 2px #0000001a}._guestBubble_hhod4_232{background:#000;color:#fff;border-bottom-left-radius:8px}._agentBubble_hhod4_238{background:#ededed;color:#000;border-bottom-right-radius:8px}._messageText_hhod4_244{font-size:13px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}._guestBubble_hhod4_232 ._messageText_hhod4_244{color:#fff}._agentBubble_hhod4_238 ._messageText_hhod4_244{color:#212121}._messageTime_hhod4_259{font-size:10px;color:#a1a1a1;padding:0 4px}._guestMessageWrapper_hhod4_211 ._messageTime_hhod4_259{text-align:right}._agentMessageWrapper_hhod4_215 ._messageTime_hhod4_259{text-align:left}._statusIndicator_hhod4_274{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#f0f0f0;border-radius:16px;font-size:13px;color:#666;align-self:center}._statusIcon_hhod4_286{font-size:16px}._inputArea_hhod4_291{display:flex;align-items:center;gap:12px;padding:30px 20px;position:relative}._messageInput_hhod4_299{flex:1;padding:12px 16px;border:1px solid #e0e0e0;border-radius:24px;font-size:14px;outline:none;background-color:#f9f9f9}._messageInput_hhod4_299:focus{border-color:#4a6cf7;background-color:#fff}._messageInput_hhod4_299::placeholder{color:#999}._sendButton_hhod4_318{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#4a6cf7,#3b5bdb);border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s}._sendButton_hhod4_318:hover:not(:disabled){transform:scale(1.05)}._sendButton_hhod4_318:disabled{opacity:.5;cursor:not-allowed}._composeField_hhod4_344{flex:1;min-width:0}._composeInput_hhod4_349{width:100%}._composeInput_hhod4_349 input{height:44px;border-radius:30px;border:1px solid #EDEDED!important;box-shadow:#0000001a 0 0 12px!important;outline:none}._composeInput_hhod4_349 input:focus{border:1px solid #EDEDED!important}._composeInput_hhod4_349 input::placeholder{font-style:italic!important}._composeInput_hhod4_349 div:focus-within{box-shadow:none!important}._sendButtonAlt_hhod4_369{position:absolute;right:26px;top:60%;transform:translateY(-50%);flex-shrink:0;display:flex;align-items:center;justify-content:center}._aiThinking_hhod4_381{background:linear-gradient(90deg,#000,#444 50%,#666,#888);font-weight:400;font-family:Nunito Sans,sans-serif;font-size:13px;background-size:300% auto;color:#444;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:_animatedTextGradient_hhod4_1 3s linear infinite;display:inline-block}@keyframes _animatedTextGradient_hhod4_1{to{background-position:300% center}}._aiThinking_hhod4_381:after{content:"";animation:_ellipsis_hhod4_1 1.5s infinite steps(4,end)}@keyframes _ellipsis_hhod4_1{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}._connectingToAgent_hhod4_420{display:flex;align-items:center;justify-content:center;padding:16px;gap:12px}._dashedLine_hhod4_428{flex:1;border-top:1px dashed rgba(0,0,0,.2)}._connectingText_hhod4_433{font-family:Nunito Sans,sans-serif;font-style:italic;font-weight:400;font-size:12px;color:#000;white-space:nowrap}