#blc-widget{position:fixed;bottom:22px;z-index:999999;font-family:Arial,Helvetica,sans-serif;color:#202124}#blc-widget.blc-position-right{right:22px}#blc-widget.blc-position-left{left:22px}#blc-launcher{border:0;border-radius:999px;background:var(--blc-accent);color:#fff;padding:13px 19px;box-shadow:0 5px 22px #0003;display:flex;gap:9px;align-items:center;font-size:15px;font-weight:700;cursor:pointer}#blc-launcher-icon{font-size:18px}#blc-panel{position:absolute;bottom:65px;right:0;width:min(350px,calc(100vw - 28px));height:440px;background:#fff;border-radius:13px;box-shadow:0 8px 36px #0003;overflow:hidden;display:flex;flex-direction:column;border:1px solid #e5e7eb}#blc-widget.blc-position-left #blc-panel{right:auto;left:0}#blc-panel[hidden]{display:none}.blc-panel-head{background:var(--blc-accent);color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center;gap:12px}.blc-panel-head strong,.blc-panel-head small{display:block}.blc-panel-head small{font-size:11px;opacity:.85;margin-top:3px}.blc-panel-head button{background:transparent;color:#fff;border:0;font-size:26px;cursor:pointer}.blc-messages{flex:1;overflow:auto;padding:13px;background:#f6f7f9}.blc-message{margin:8px 0;max-width:88%;padding:9px 11px;border-radius:12px;font-size:14px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.blc-message.visitor{background:var(--blc-accent);color:#fff;margin-left:auto;border-bottom-right-radius:3px}.blc-message.admin{background:#fff;border:1px solid #e5e7eb;margin-right:auto;border-bottom-left-radius:3px}#blc-form{padding:10px;display:flex;gap:7px;border-top:1px solid #e5e7eb}#blc-input{resize:none;flex:1;min-width:0;border:1px solid #d1d5db;border-radius:8px;padding:9px;font:inherit;font-size:14px}#blc-send{border:0;border-radius:8px;padding:0 13px;background:var(--blc-accent);color:#fff;font-weight:700;cursor:pointer}.blc-privacy{font-size:10px;color:#6b7280;padding:0 10px 8px;background:#fff}@media(max-width:480px){#blc-widget{bottom:12px}#blc-widget.blc-position-right{right:12px}#blc-widget.blc-position-left{left:12px}#blc-panel{height:min(440px,70vh)}}

/* Version 1.2 - balanced layout and quick reply chips */
#blc-panel{width:min(410px,calc(100vw - 28px));height:480px}
.blc-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;background:#fff;border-top:1px solid #edf0f3;max-height:92px;overflow:auto}
.blc-suggestion{border:1px solid var(--blc-accent);background:#fff;color:var(--blc-accent);border-radius:16px;padding:6px 10px;font-size:12px;line-height:1.35;cursor:pointer;text-align:left;max-width:100%}
.blc-suggestion:hover{background:var(--blc-accent);color:#fff}
.blc-message-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:5px}
.blc-message-footer small{font-size:10px;opacity:.72}
.blc-delete-own{border:0;background:transparent;color:inherit;text-decoration:underline;font-size:10px;padding:0;cursor:pointer;opacity:.8}
#blc-form{align-items:center}
#blc-input{min-height:42px;max-height:100px}
#blc-launcher{min-width:118px;justify-content:center}
@media(max-width:480px){#blc-panel{width:calc(100vw - 24px);height:min(480px,74vh)}}

/* Version 1.3: customizable size and proactive greeting */
#blc-panel{width:min(var(--blc-panel-width,410px),calc(100vw - 28px));height:min(var(--blc-panel-height,480px),82vh)}
.blc-auto-notice{position:absolute;bottom:74px;right:0;width:min(290px,calc(100vw - 34px));padding:13px 34px 13px 14px;border-radius:12px;background:#fff;color:#202124;border:1px solid #e5e7eb;box-shadow:0 5px 24px #0002;display:flex;flex-direction:column;gap:5px;font-size:13px;line-height:1.45;animation:blcNoticeIn .25s ease-out}
.blc-position-left .blc-auto-notice{right:auto;left:0}
.blc-auto-notice strong{font-size:14px;color:var(--blc-accent)}
.blc-auto-notice span{overflow-wrap:anywhere}
.blc-auto-notice button{position:absolute;right:7px;top:5px;border:0;background:transparent;color:#6b7280;font-size:21px;line-height:1;cursor:pointer}
.blc-auto-notice[hidden]{display:none}
@keyframes blcNoticeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){#blc-panel{width:calc(100vw - 24px);height:min(var(--blc-panel-height,480px),74vh)}.blc-auto-notice{bottom:70px}}

#blc-launcher{width:var(--blc-launcher-width,140px);min-width:var(--blc-launcher-width,140px);box-sizing:border-box}

/* Version 1.4.6: quick emotion buttons */
.blc-reactions{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#fff;border-top:1px solid #edf0f3;flex-wrap:wrap}
.blc-reactions span{font-size:11px;color:#6b7280;margin-right:2px}
.blc-reactions button{border:1px solid #e5e7eb;background:#fff;border-radius:18px;min-width:34px;height:32px;padding:3px 7px;font-size:18px;line-height:1;cursor:pointer;transition:transform .12s,border-color .12s}
.blc-reactions button:hover{transform:scale(1.08);border-color:var(--blc-accent);background:#f5f9ff}
.blc-reactions[hidden],.blc-suggestions[hidden]{display:none!important}

/* Version 1.4.8: emotion reactions below the message composer */
#blc-reactions{order:3;border-top:1px solid #edf0f3;border-bottom:0;padding:7px 10px;flex-shrink:0}
#blc-form{order:2;flex-shrink:0}
.blc-privacy{order:4}

/* Version 1.5.0: heart reaction on each message */
.blc-heart-message{border:0;background:transparent;color:#9ca3af;cursor:pointer;font-size:14px;line-height:1;padding:2px 5px;border-radius:12px}.blc-heart-message span{font-size:10px;margin-left:2px}.blc-heart-message:hover,.blc-heart-message.is-hearted{color:#e11d48;background:#fff1f2}.blc-heart-message:disabled{cursor:default;opacity:.9}
