#lc-widget *{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
#lc-bubble{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#10a37f,#0d8c6c);border:none;cursor:pointer;z-index:999999;box-shadow:0 8px 24px rgba(16,163,127,.4);display:flex;align-items:center;justify-content:center;transition:transform .25s}
#lc-bubble:hover{transform:scale(1.08)}
#lc-bubble svg{width:28px;height:28px;fill:#fff}
#lc-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;padding:0 5px;border-radius:10px;display:none;align-items:center;justify-content:center}
#lc-window{position:fixed;bottom:96px;right:24px;width:380px;height:560px;max-height:calc(100vh - 120px);background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.25);display:flex;flex-direction:column;overflow:hidden;z-index:999998;opacity:0;pointer-events:none;transform:translateY(20px) scale(.95);transition:all .3s}
#lc-window.lc-open{opacity:1;pointer-events:auto;transform:none}
#lc-header{background:linear-gradient(135deg,#10a37f,#0d8c6c);color:#fff;padding:16px 18px;display:flex;align-items:center;gap:12px}
#lc-header .lc-avatar{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:20px}
#lc-header h4{margin:0;font-size:15px}
#lc-header p{margin:2px 0 0;font-size:12px;opacity:.9}
#lc-header .lc-status{display:inline-block;width:8px;height:8px;background:#4ade80;border-radius:50%;margin-right:4px}
#lc-close{margin-left:auto;background:transparent;border:none;color:#fff;font-size:22px;cursor:pointer;opacity:.8}
#lc-body{flex:1;overflow-y:auto;padding:16px;background:#f7f8fa;display:flex;flex-direction:column;gap:10px}
#lc-body::-webkit-scrollbar{width:6px}
#lc-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}
.lc-msg{max-width:80%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap;animation:lcFade .25s}
@keyframes lcFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.lc-msg.lc-user{align-self:flex-end;background:#10a37f;color:#fff;border-bottom-right-radius:4px}
.lc-msg.lc-bot,.lc-msg.lc-agent{align-self:flex-start;background:#fff;color:#1e293b;border-bottom-left-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.lc-msg.lc-agent{border-left:3px solid #10a37f}
.lc-msg a{color:#10a37f;font-weight:600}
.lc-typing{align-self:flex-start;background:#fff;padding:12px 16px;border-radius:14px;display:flex;gap:4px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.lc-typing span{width:7px;height:7px;background:#94a3b8;border-radius:50%;animation:lcBounce 1.2s infinite}
.lc-typing span:nth-child(2){animation-delay:.2s}
.lc-typing span:nth-child(3){animation-delay:.4s}
@keyframes lcBounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-6px);opacity:1}}
#lc-input-area{display:flex;padding:12px;background:#fff;border-top:1px solid #e5e7eb;gap:8px}
#lc-input{flex:1;border:1px solid #e5e7eb;border-radius:22px;padding:10px 16px;font-size:14px;outline:none}
#lc-input:focus{border-color:#10a37f}
#lc-send{width:42px;height:42px;border-radius:50%;background:#10a37f;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
#lc-send:disabled{background:#cbd5e1;cursor:not-allowed}
#lc-send svg{width:18px;height:18px;fill:#fff}
@media (max-width:480px){#lc-window{bottom:0;right:0;width:100%;height:100%;border-radius:0}#lc-bubble{bottom:16px;right:16px}}