#shcb-root{--shcb-primary:#7c3aed;--shcb-secondary:#a855f7;--shcb-button:#6d28d9;--shcb-accent:#8b5cf6;position:fixed;left:18px;bottom:18px;z-index:999999;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
#shcb-teaser{position:absolute;left:0;bottom:68px;white-space:nowrap;background:linear-gradient(135deg,var(--shcb-primary),var(--shcb-secondary));color:#fff;padding:11px 15px;border-radius:14px;font-size:13px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.2);animation:shcbFloat 2.8s ease-in-out infinite;cursor:pointer}
#shcb-teaser:after{content:"";position:absolute;left:18px;bottom:-6px;width:12px;height:12px;background:var(--shcb-secondary);transform:rotate(45deg)}
#shcb-bubble{width:58px;height:58px;border:0;border-radius:50%;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--shcb-button),var(--shcb-secondary));box-shadow:0 12px 30px rgba(109,40,217,.38);display:flex;align-items:center;justify-content:center;font-size:26px;transition:.25s;position:relative}
#shcb-bubble:hover{transform:translateY(-3px) scale(1.04)}
#shcb-bubble:before{content:"";position:absolute;inset:-5px;border:2px solid rgba(168,85,247,.25);border-radius:50%;animation:shcbPulse 2s infinite}
#shcb-panel{position:fixed;left:18px;bottom:18px;width:min(480px,calc(100vw - 36px));height:min(620px,calc(100vh - 100px));min-height:430px;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 25px 80px rgba(15,23,42,.30);border:1px solid rgba(148,163,184,.22);transform:translateY(18px) scale(.97);opacity:0;pointer-events:none;transition:.24s;display:flex;flex-direction:column}
#shcb-root.shcb-open #shcb-panel{transform:none;opacity:1;pointer-events:auto}
.shcb-head{flex:0 0 auto;padding:18px 20px;color:#fff;background:linear-gradient(135deg,var(--shcb-button),var(--shcb-accent),var(--shcb-secondary));position:relative}
.shcb-head strong{display:block;font-size:19px;line-height:1.2;padding-right:42px}.shcb-head span{display:block;margin-top:5px;font-size:12px;opacity:.9}
#shcb-close{position:absolute;right:12px;top:11px;border:0;background:rgba(255,255,255,.18);color:#fff;width:38px;height:38px;border-radius:11px;cursor:pointer;font-size:25px;line-height:1;display:flex;align-items:center;justify-content:center;transition:.2s;z-index:5}
#shcb-close:hover{background:rgba(255,255,255,.32);transform:rotate(90deg)}
.shcb-body{flex:1;padding:15px;background:#f8fafc;overflow:auto}
.shcb-question{display:block;width:100%;text-align:left;border:1px solid #e2e8f0;background:#fff;color:#172033 !important;border-radius:13px;padding:13px 14px;margin:0 0 9px;cursor:pointer;font-size:13px;font-weight:600;line-height:1.4;transition:.18s;box-shadow:0 2px 8px rgba(15,23,42,.03)}
.shcb-question:hover{border-color:var(--shcb-secondary);background:#faf5ff;color:#172033 !important;transform:translateX(2px)}
.shcb-question:disabled,.shcb-question:disabled:hover{opacity:1;color:#172033 !important;background:#fff;cursor:default;transform:none}
.shcb-answer-row{display:flex;align-items:flex-end;gap:8px;margin:-1px 0 11px}
.shcb-avatar{width:28px;height:28px;min-width:28px;border-radius:50%;background:linear-gradient(135deg,var(--shcb-button),var(--shcb-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;box-shadow:0 3px 8px rgba(109,40,217,.2)}
.shcb-answer{background:#fff;color:#1f2937 !important;border:1px solid #e5e7eb;border-radius:15px 15px 15px 4px;padding:11px 13px;font-size:13px;line-height:1.55;display:none;max-width:86%;box-shadow:0 2px 7px rgba(15,23,42,.05)}
.shcb-answer.shcb-show{display:block;animation:shcbIn .2s ease}
.shcb-typing{display:none;background:#fff;border:1px solid #e5e7eb;color:#64748b;border-radius:15px 15px 15px 4px;padding:10px 13px;margin:0;box-shadow:0 2px 7px rgba(15,23,42,.05)}
.shcb-typing.shcb-show{display:flex;align-items:center;gap:5px}
.shcb-dot{width:6px;height:6px;border-radius:50%;background:var(--shcb-accent);animation:shcbTyping 1s infinite}.shcb-dot:nth-child(2){animation-delay:.15s}.shcb-dot:nth-child(3){animation-delay:.3s}
@keyframes shcbTyping{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}
@keyframes shcbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes shcbPulse{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:0;transform:scale(1.18)}}
@keyframes shcbIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
@media(max-width:650px){#shcb-root{left:10px;bottom:10px}#shcb-panel{left:10px;bottom:10px;width:calc(100vw - 20px);height:min(590px,calc(100vh - 90px));min-height:400px;border-radius:19px}.shcb-head{padding:17px 18px}.shcb-body{padding:13px}}
