:root{--webmate-primary:#284F79;--webmate-primary-rgb:40, 79, 121;--webmate-bg:rgba(255, 255, 255, 0.32);--webmate-bg-strong:rgba(255, 255, 255, 0.55);--webmate-bg-message:rgba(255, 255, 255, 0.62);--webmate-border:rgba(255, 255, 255, 0.55);--webmate-shadow:0 16px 50px rgba(0, 0, 0, 0.14);--webmate-text:#1f2937;--webmate-radius:26px}#webmate-ai-widget{position:fixed;z-index:999999;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:row;align-items:flex-end;gap:10px}#webmate-ai-widget.webmate-position-left{flex-direction:row-reverse}#webmate-ai-widget.webmate-position-right{right:24px;bottom:24px}#webmate-ai-widget.webmate-position-left{left:24px;bottom:24px}.webmate-launcher{width:64px;height:64px;border-radius:50%;background:rgba(var(--webmate-primary-rgb),.88);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--webmate-shadow),0 0 0 1px rgb(255 255 255 / .45) inset;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .5);transition:transform 0.3s cubic-bezier(.34,1.56,.64,1),box-shadow 0.3s ease,background 0.3s ease;position:relative}.webmate-launcher:hover{transform:scale(1.1);background:rgba(var(--webmate-primary-rgb),1);box-shadow:0 20px 60px rgba(var(--webmate-primary-rgb),.35),0 0 0 1px rgb(255 255 255 / .55) inset}.webmate-launcher-icon,.webmate-launcher-close{position:absolute;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:opacity 0.25s ease,transform 0.25s ease}.webmate-launcher-icon svg,.webmate-launcher-close svg{width:100%!important;height:100%!important;max-width:100%;max-height:100%;display:block;object-fit:contain}.webmate-launcher-emoji{font-size:28px;line-height:1}.webmate-launcher-close{opacity:0;transform:rotate(-45deg)}#webmate-ai-widget.open .webmate-launcher-icon{opacity:0;transform:rotate(45deg)}#webmate-ai-widget.open .webmate-launcher-close{opacity:1;transform:rotate(0deg)}.webmate-window{position:absolute;bottom:88px;width:400px;max-width:calc(100vw - 48px);height:580px;max-height:calc(100vh - 130px);background:var(--webmate-bg);backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);border:1px solid var(--webmate-border);border-radius:var(--webmate-radius);box-shadow:var(--webmate-shadow);display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(20px) scale(.96);transition:opacity 0.35s ease,transform 0.35s cubic-bezier(.16,1,.3,1),visibility 0.35s ease}#webmate-ai-widget.webmate-position-right .webmate-window{right:0}#webmate-ai-widget.webmate-position-left .webmate-window{left:0}#webmate-ai-widget.open .webmate-window{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.webmate-header{background:rgba(var(--webmate-primary-rgb),.78);color:#fff;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgb(255 255 255 / .28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);text-shadow:0 1px 2px rgb(0 0 0 / .25)}.webmate-header-info{display:flex;align-items:center;gap:12px}.webmate-avatar{width:44px;height:44px;border-radius:50%;background:rgb(255 255 255 / .18);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border:1px solid rgb(255 255 255 / .4);box-shadow:0 2px 8px rgb(0 0 0 / .1)}.webmate-title{font-weight:600;font-size:16px}.webmate-status{font-size:12px;opacity:.95;display:flex;align-items:center;gap:6px}.webmate-status::before{content:'';width:8px;height:8px;background:#34d399;border-radius:50%;box-shadow:0 0 0 2px rgb(52 211 153 / .35)}.webmate-close{background:rgb(255 255 255 / .14);border:1px solid rgb(255 255 255 / .28);color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background 0.2s ease;backdrop-filter:blur(4px);text-shadow:none}.webmate-close:hover{background:rgb(255 255 255 / .28)}.webmate-messages{flex:1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}.webmate-message{max-width:86%;padding:13px 17px;border-radius:20px;font-size:14px;line-height:1.55;word-wrap:break-word;animation:webmate-fade-in 0.28s ease;box-shadow:0 2px 10px rgb(0 0 0 / .06);border:1px solid rgb(255 255 255 / .45)}@keyframes webmate-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.webmate-message.user{align-self:flex-end;background:linear-gradient(135deg,rgb(99 102 241 / .88),rgb(139 92 246 / .88));color:#fff;border-bottom-right-radius:6px}.webmate-message.assistant{align-self:flex-start;background:var(--webmate-bg-message);color:var(--webmate-text);border-bottom-left-radius:6px}.webmate-message.system{align-self:center;background:rgb(243 244 246 / .58);color:#6b7280;font-size:12px;max-width:95%}.webmate-typing{padding:0 22px 12px;display:flex;gap:5px}.webmate-typing span{width:8px;height:8px;background:var(--webmate-primary);border-radius:50%;animation:webmate-bounce 1.4s infinite ease-in-out both;opacity:.6}.webmate-typing span:nth-child(1){animation-delay:-0.32s}.webmate-typing span:nth-child(2){animation-delay:-0.16s}@keyframes webmate-bounce{0%,80%,100%{transform:scale(.6)}40%{transform:scale(1)}}.webmate-input-area{padding:16px 18px;background:rgb(255 255 255 / .32);border-top:1px solid rgb(255 255 255 / .4);display:flex;gap:12px;align-items:flex-end;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.webmate-input{flex:1;border:1px solid var(--webmate-border);border-radius:18px;padding:13px 18px;font-size:14px;resize:none;max-height:120px;background:var(--webmate-bg-strong);outline:none;transition:border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;font-family:inherit;color:var(--webmate-text);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.webmate-input::placeholder{color:rgb(100 116 139 / .75)}.webmate-input:focus{border-color:rgba(var(--webmate-primary-rgb),.6);background:rgb(255 255 255 / .82);box-shadow:0 0 0 4px rgba(var(--webmate-primary-rgb),.12)}.webmate-send{width:46px;height:46px;border-radius:50%;border:none;background:rgba(var(--webmate-primary-rgb),.92);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s ease,transform 0.2s ease;flex-shrink:0;box-shadow:0 4px 14px rgba(var(--webmate-primary-rgb),.3)}.webmate-send:hover{transform:scale(1.06);background:rgba(var(--webmate-primary-rgb),1);box-shadow:0 6px 18px rgba(var(--webmate-primary-rgb),.4)}.webmate-send:disabled{background:#c7c7c7;cursor:not-allowed;transform:none;box-shadow:none}.webmate-footer{padding:10px;text-align:center;font-size:11px;color:#64748b;background:rgb(255 255 255 / .25);border-top:1px solid rgb(255 255 255 / .35)}.webmate-form-box{background:var(--webmate-bg-strong);border:1px solid rgb(255 255 255 / .55);border-radius:18px;padding:18px;margin-top:6px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 16px rgb(0 0 0 / .05)}.webmate-form-box h4{margin:0 0 16px;font-size:15px;font-weight:600;color:var(--webmate-text);line-height:1.4}.webmate-contact-options{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.webmate-contact-option{display:flex;align-items:center;gap:10px;padding:12px 14px;background:rgb(255 255 255 / .55);border:1px solid rgb(255 255 255 / .5);border-radius:12px;cursor:pointer;transition:all 0.2s ease;font-size:13px;color:var(--webmate-text)}.webmate-contact-option:hover{background:rgb(255 255 255 / .75);border-color:rgba(var(--webmate-primary-rgb),.35)}.webmate-contact-option.active{background:rgba(var(--webmate-primary-rgb),.12);border-color:rgba(var(--webmate-primary-rgb),.45);box-shadow:0 0 0 1px rgba(var(--webmate-primary-rgb),.15)}.webmate-contact-option input[type="radio"]{display:none}.webmate-contact-option .option-icon{width:22px;height:22px;border-radius:50%;background:rgb(0 0 0 / .06);display:flex;align-items:center;justify-content:center;font-size:11px;color:#64748b;transition:all 0.2s ease;flex-shrink:0}.webmate-contact-option.active .option-icon{background:rgba(var(--webmate-primary-rgb),.88);color:#fff}.webmate-contact-option:last-child{padding:9px 14px;font-size:12px;opacity:.85}.webmate-contact-option:last-child .option-icon{width:18px;height:18px;font-size:9px}.webmate-form-success{text-align:center;color:var(--webmate-primary);font-weight:500;margin:0}.webmate-stars{display:flex;gap:6px;margin-bottom:12px}.webmate-star{font-size:24px;cursor:pointer;color:#d1d5db;transition:color 0.15s ease,transform 0.15s ease}.webmate-star.hover,.webmate-star.active{color:#fbbf24}.webmate-star:hover{transform:scale(1.15)}.webmate-form-box input,.webmate-form-box textarea{width:100%;margin-bottom:10px;padding:11px 14px;border:1px solid rgb(0 0 0 / .07);border-radius:12px;font-size:13px;background:rgb(255 255 255 / .75);box-sizing:border-box;font-family:inherit;color:var(--webmate-text)}.webmate-form-box textarea{resize:vertical;min-height:60px}.webmate-form-box button{background:rgba(var(--webmate-primary-rgb),.92);color:#fff;border:none;padding:11px 20px;border-radius:12px;cursor:pointer;font-size:13px;font-weight:500;transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;box-shadow:0 4px 12px rgba(var(--webmate-primary-rgb),.25)}.webmate-form-box button:hover{transform:translateY(-1px);background:rgba(var(--webmate-primary-rgb),1);box-shadow:0 6px 16px rgba(var(--webmate-primary-rgb),.35)}.webmate-trigger-toast{position:absolute;bottom:88px;width:300px;padding:16px 20px;background:var(--webmate-bg-strong);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgb(255 255 255 / .55);border-radius:18px;box-shadow:var(--webmate-shadow);font-size:13px;color:var(--webmate-text);cursor:pointer;opacity:0;transform:translateY(10px);transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:none}#webmate-ai-widget.webmate-position-right .webmate-trigger-toast{right:0}#webmate-ai-widget.webmate-position-left .webmate-trigger-toast{left:0}.webmate-trigger-toast.show{opacity:1;transform:translateY(0);pointer-events:auto}:root{--webmate-extra:#25D366;--webmate-extra-rgb:37, 211, 102}.webmate-extra-wrap{position:relative;display:flex;align-items:center;justify-content:flex-end}.webmate-extra-btn{width:64px;height:64px;border-radius:50%;background:rgba(var(--webmate-extra-rgb),.92);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 8px 28px rgba(var(--webmate-extra-rgb),.38),0 0 0 1px rgb(255 255 255 / .35) inset;border:1px solid rgb(255 255 255 / .45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform 0.3s cubic-bezier(.34,1.56,.64,1),box-shadow 0.3s ease;animation:webmate-extra-pop 0.4s cubic-bezier(.34,1.56,.64,1) both}.webmate-extra-btn:hover{transform:scale(1.12);box-shadow:0 12px 36px rgba(var(--webmate-extra-rgb),.5),0 0 0 1px rgb(255 255 255 / .5) inset}.webmate-extra-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px}.webmate-extra-icon svg{width:100%;height:100%;display:block}@keyframes webmate-extra-pop{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){#webmate-ai-widget.webmate-position-right,#webmate-ai-widget.webmate-position-left{right:12px;left:auto;bottom:12px}#webmate-ai-widget.webmate-position-left{left:12px;right:auto}.webmate-launcher{width:54px;height:54px}.webmate-launcher-icon,.webmate-launcher-close{width:24px;height:24px}.webmate-launcher-emoji{font-size:24px}.webmate-window{position:fixed;right:10px!important;left:10px!important;bottom:74px;width:auto;max-width:none;height:auto;min-height:320px;max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px);border-radius:20px}.webmate-header{padding:14px 16px}.webmate-avatar{width:38px;height:38px;font-size:12px}.webmate-title{font-size:15px}.webmate-status{font-size:11px}.webmate-close{width:32px;height:32px;font-size:14px}.webmate-messages{padding:16px;gap:12px}.webmate-message{max-width:92%;padding:11px 14px;font-size:15px;line-height:1.5}.webmate-message.system{font-size:11px}.webmate-typing{padding:0 16px 10px}.webmate-input-area{padding:12px;gap:8px}.webmate-input{padding:11px 14px;font-size:16px;border-radius:16px}.webmate-send{width:42px;height:42px}.webmate-send svg{width:18px;height:18px}.webmate-footer{padding:8px;font-size:10px}.webmate-form-box{padding:14px}.webmate-form-box h4{font-size:14px}.webmate-form-box input,.webmate-form-box textarea{font-size:16px;padding:10px 12px}.webmate-contact-option{padding:10px 12px;font-size:12px}.webmate-stars{gap:4px}.webmate-star{font-size:22px}.webmate-trigger-toast{right:10px!important;left:10px!important;width:auto;bottom:70px;padding:12px 16px;font-size:12px}.webmate-extra-btn{width:54px;height:54px}.webmate-extra-icon{width:22px;height:22px}#webmate-ai-widget{gap:8px}}