#cpchat-root{--cp-ink:#28323f;--cp-cream:#f4f6fa;--cp-line:#e1e6ed;font-family:"Manrope","Segoe UI",sans-serif;bottom:24px;max-width:calc(100% - 24px)}
.cpchat-launcher{position:relative;isolation:isolate;max-width:100%;min-height:74px;background:linear-gradient(145deg,#fff,#f1f4f8)!important;border:1px solid #fff!important;box-shadow:0 10px 32px #24334f24,inset 0 1px 1px #fff;border-radius:24px;padding:12px 16px!important}
.cpchat-launcher::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffffb3 45%,transparent 65%);background-size:250% 100%;opacity:0}
.cpchat-launcher>span:not(.cpchat-orb):not(.cpchat-team){font-size:15px;font-weight:650;letter-spacing:-.3px}
.cpchat-launcher small{margin-top:4px;font-size:11px;color:#6a7684;letter-spacing:0}
.cpchat-team{gap:0;padding-right:0}
.cpchat-portrait+.cpchat-portrait{margin-left:-10px}
.cpchat-portrait{display:block;position:relative;width:40px!important;height:40px!important;min-width:40px;flex:0 0 40px;border:2px solid #fff;border-radius:50%;overflow:hidden;background:#e9edf2;box-shadow:0 2px 5px #24334f12}
#cpchat-root .cpchat-portrait .cpchat-avatar{display:block;width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;object-fit:cover;box-shadow:none;flex:none}
#cpchat-root .cpchat-person-magcel{transform:scale(1.16);object-position:50% 34%}
.cpchat-orb{position:relative;display:block;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 30% 23%,#ffffffee 0%,#d8ecff 18%,#a6d2ff 36%,#63aafa 57%,#98ccff 70%,#f4fbff 88%);box-shadow:inset 0 2px 4px #fff,inset -3px -4px 7px #5b98e577,0 0 17px #7abaff59}
.cpchat-orb::before{content:"";position:absolute;inset:5%;border-radius:inherit;border:1px solid #ffffff80;border-bottom-color:#477fc055;transform:rotate(-25deg)}
.cpchat-launcher-orb{width:34px;height:34px;margin-left:6px}
.cpchat-panel{width:400px;height:min(710px,calc(100dvh - 48px));padding:8px;background:linear-gradient(145deg,#f9fafcfa,#eef1f5fa);backdrop-filter:blur(22px);border:1px solid #fff;border-radius:28px;box-shadow:0 22px 65px #24334f2b,0 3px 10px #24334f0d,inset 0 1px #fff}
.cpchat-header{padding:13px 12px 14px;background:transparent;color:var(--cp-ink)}
.cpchat-header strong{font-size:15px;font-weight:650;letter-spacing:-.3px}
.cpchat-status{color:#6a7684;font-size:10px;margin-top:2px}
.cpchat-close{width:32px;height:32px;color:#647080!important;background:#f8f9fb!important;border:1px solid #fff!important;border-radius:11px;padding:0!important;font-size:23px!important;box-shadow:3px 3px 8px #cdd4df55,-3px -3px 7px #fff}
.cpchat-intro{text-align:center;padding:14px 12px 17px;background:#ffffff85;border:1px solid #fff;border-radius:20px;box-shadow:0 3px 8px #d4dae41f}
.cpchat-intro>.cpchat-orb{width:54px;height:54px;margin:0 auto 12px}
.cpchat-intro strong{display:block;font-size:19px;font-weight:550;line-height:1.3;letter-spacing:-.65px;text-wrap:balance}
.cpchat-intro p{margin:5px 0 0;font-size:11px;color:#6a7684}
.cpchat-log{padding:16px 8px 6px;min-height:85px;scrollbar-width:thin;scrollbar-color:#d2dae5 transparent}
.cpchat-message{margin:0 26px 14px 0}
.cpchat-author{color:#6a7684}
.cpchat-message p{background:#ffffffcc;border:1px solid #fff;padding:11px 13px;border-radius:15px 15px 15px 5px;box-shadow:0 2px 5px #cdd5e326}
.cpchat-mine{margin:0 0 14px 32px}
.cpchat-mine p{background:#e3edff;color:#24426e;border-color:#f7faff;border-radius:15px 15px 5px 15px}
.cpchat-notice{padding:0 10px 8px}
.cpchat-profile{padding:12px;background:#ffffffa8;border:1px solid #fff;border-radius:17px;box-shadow:0 3px 9px #cdd5e323}
.cpchat-profile label{font-weight:550}
.cpchat-profile input{border:1px solid #e1e6ef!important;box-shadow:inset 2px 2px 4px #d9dfe744!important;background:#f6f8fb!important;border-radius:10px;height:39px!important}
.cpchat-profile button{background:linear-gradient(160deg,#5896fc,#3675e2)!important;border:1px solid #b5d2ff!important;border-radius:10px;padding:8px 11px!important;box-shadow:0 3px 7px #387aea25,inset 0 1px #ffffff42}
.cpchat-profile small{color:#6a7684}.cpchat-profile a{color:#567296}
.cpchat-compose{margin-top:8px;padding:9px;background:#ffffffc9;border:1px solid #fff;border-radius:17px;box-shadow:inset 0 1px #fff,0 2px 8px #cdd5e32b}
.cpchat-compose textarea{background:transparent!important;min-height:40px;max-height:90px;padding:10px 5px!important;font-size:13px!important}
.cpchat-compose button{width:35px;height:35px;border-radius:11px;background:#f1f4f9!important;border:1px solid #fff!important;color:#3b5c86!important;font-size:21px!important;box-shadow:2px 2px 5px #cdd4df70,-2px -2px 5px #fff}
#cpchat-root footer{padding:10px 9px 3px;font-size:9px;color:#8992a0;background:transparent!important}.cpchat-handoff{color:#52657f!important;font-size:10px!important}
#cpchat-root button:focus-visible,#cpchat-root input:focus-visible,#cpchat-root textarea:focus-visible{outline-color:#82b2fa}
@media(max-width:480px){#cpchat-root{bottom:max(16px,env(safe-area-inset-bottom));right:12px}.cpchat-panel{width:calc(100vw - 24px);height:min(710px,calc(100dvh - 32px));border-radius:24px}.cpchat-launcher{gap:9px;padding:10px 13px!important;min-height:68px}.cpchat-launcher>span:not(.cpchat-orb):not(.cpchat-team){font-size:14px}.cpchat-profile input,.cpchat-compose textarea{font-size:16px!important}.cpchat-intro{padding:11px 10px 13px}.cpchat-intro>.cpchat-orb{width:44px;height:44px;margin-bottom:9px}}
@media(max-height:650px){.cpchat-intro{display:none}}
@media(prefers-reduced-motion:no-preference){
 .cpchat-launcher{animation:cpchat-arrive .65s cubic-bezier(.2,1,.3,1) both,cpchat-invite-modern 9s 2s ease-in-out infinite;transition:transform .2s ease,box-shadow .2s ease}
 .cpchat-launcher::after{animation:cpchat-sheen 9s 2s ease-in-out infinite}
 .cpchat-launcher-orb{animation:cpchat-glow 4.5s ease-in-out infinite}
 .cpchat-welcome-orb{animation:cpchat-orbit 6s ease-in-out infinite}
 .cpchat-panel{animation:cpchat-arrive .3s cubic-bezier(.2,1,.3,1) both}
 #cpchat-root button{transition:transform .2s ease,box-shadow .2s ease}
 #cpchat-root button:active{transform:scale(.97)}
 .cpchat-launcher:hover,.cpchat-launcher:focus-visible{animation:cpchat-invite-modern 9s 2s ease-in-out infinite;animation-play-state:paused;transform:translateY(-3px);box-shadow:0 13px 36px #24334f30,inset 0 1px #fff}
 @keyframes cpchat-arrive{from{opacity:0;translate:0 15px;scale:.97}to{opacity:1;translate:0 0;scale:1}}
 @keyframes cpchat-invite-modern{0%,16%,100%{translate:0 0}5%,11%{translate:0 -6px}8%,14%{translate:0 0}}
 @keyframes cpchat-sheen{0%,20%,100%{opacity:0;background-position:100% 0}5%{opacity:.7}15%{opacity:0;background-position:0% 0}}
 @keyframes cpchat-glow{0%,100%{scale:1;box-shadow:inset 0 2px 4px #fff,inset -3px -4px 7px #5b98e577,0 0 12px #7abaff55}50%{scale:1.08;box-shadow:inset 0 2px 4px #fff,inset -3px -4px 7px #5b98e577,0 0 22px #69adff99}}
 @keyframes cpchat-orbit{0%,100%{translate:0 0;rotate:-5deg}50%{translate:0 -4px;rotate:8deg}}
}

#cpchat-root .cpchat-panel{max-width:100%}