.chat-toggle-button{z-index:1000;color:#fff;cursor:pointer;background:linear-gradient(135deg,#4d61df,#ed6c59);border:0;border-radius:50%;width:58px;height:58px;font:800 14px Manrope,sans-serif;transition:all .2s;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 28px #2f55d440}.chat-toggle-button:hover{transform:translateY(-3px)}.chat-toggle-button span{border:1px solid #ffffff73;border-radius:50%;place-items:center;width:42px;height:42px;margin:auto;display:grid}.chat-widget{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-direction:column;width:min(390px,100vw - 32px);height:min(620px,100dvh - 120px);font-family:DM Sans,sans-serif;display:flex;position:fixed;bottom:94px;right:24px;overflow:hidden;box-shadow:0 24px 70px #17172b2e}.chat-header{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:16px 18px;display:flex}.chat-avatar{color:#4d61df;background:#eef0ff;border-radius:50%;place-items:center;width:42px;height:42px;font:800 13px Manrope,sans-serif;display:grid}.chat-heading{flex:1}.chat-heading h3{color:#1a1a2e;margin:3px 0 0;font:700 14px Manrope,sans-serif}.chat-status{color:#3aa27a;text-transform:uppercase;letter-spacing:.7px;font-size:11px;font-weight:700}.chat-status:before{content:"";background:#3aa27a;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.chat-close-button{color:#1a1a2e;cursor:pointer;background:#f1f1f5;border:0;border-radius:50%;width:32px;height:32px;font-size:20px}.chat-messages{background:#fbfbfd;flex-direction:column;flex:1;gap:12px;padding:18px;display:flex;overflow-y:auto}.message{overflow-wrap:anywhere;border-radius:13px;max-width:86%;padding:11px 13px;font-size:13px;line-height:1.55}.message.user{color:#fff;background:linear-gradient(135deg,#4d61df,#5866d8);border-radius:13px 4px 13px 13px;align-self:flex-end}.message.bot{color:#1a1a2e;background:#fff;border:1px solid #e5e7eb;border-radius:4px 13px 13px;align-self:flex-start}.typing-indicator{gap:4px;display:flex}.typing-indicator span{background:#aeb4cc;border-radius:50%;width:6px;height:6px;animation:1s infinite chat-typing}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-quick-replies{background:#fff;border-top:1px solid #e5e7eb;gap:7px;padding:12px 14px;display:flex;overflow-x:auto}.chat-quick-replies button{color:#4d61df;cursor:pointer;white-space:nowrap;background:#f5f6ff;border:1px solid #d8dcf2;border-radius:18px;flex:none;padding:8px 10px;font-size:11px;font-weight:700}.chat-input-form{background:#fff;border-top:1px solid #e5e7eb;align-items:center;gap:8px;padding:12px 14px;display:flex}.chat-input-form input{color:#1a1a2e;background:#fbfbfd;border:1px solid #e5e7eb;border-radius:9px;outline:0;flex:1;min-width:0;height:42px;padding:0 12px;font-size:13px}.chat-input-form input:focus{border-color:#4d61df;box-shadow:0 0 0 3px #2f55d41a}.chat-input-form button{color:#fff;cursor:pointer;background:linear-gradient(100deg,#4d61df,#ed6c59);border:0;border-radius:9px;height:42px;padding:0 14px;font:700 12px Manrope,sans-serif}.chat-input-form button:disabled{cursor:not-allowed;background:#c9ccda}.chat-backdrop{display:none}@media (max-width:520px){.chat-toggle-button{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:50px;height:50px;font-size:13px}.chat-toggle-button span{width:36px;height:36px}.chat-toggle-button.is-open{display:none}.chat-backdrop{z-index:999;background:#0a0c1873;animation:.2s ease-out chat-fade;display:block;position:fixed;inset:0}.chat-widget{border-bottom:0;border-radius:18px 18px 0 0;width:100%;height:min(560px,72dvh);animation:.25s ease-out chat-sheet-in;bottom:0;left:0;right:0}.chat-header{padding:12px 14px}.chat-avatar{width:36px;height:36px;font-size:12px}.chat-messages{padding:14px}.message{max-width:90%}.chat-quick-replies{padding:10px 12px}.chat-input-form{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.chat-input-form input{font-size:16px}}@keyframes chat-sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes chat-fade{0%{opacity:0}to{opacity:1}}