#smbj-root{--smbj-primary:#12355b;--smbj-accent:#e8702a;--smbj-bg:#ffffff;--smbj-soft:#f3f5f8;--smbj-text:#1d2733;--smbj-muted:#66717f;--smbj-line:#e2e6ec;position:fixed;bottom:20px;z-index:2147483000;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:15px;line-height:1.45;color:var(--smbj-text);-webkit-font-smoothing:antialiased;}
#smbj-root.smbj-right{right:20px;}
#smbj-root.smbj-left{left:20px;}
#smbj-root *, #smbj-root *::before, #smbj-root *::after{box-sizing:border-box;}
#smbj-root [hidden]{display:none !important;}
#smbj-root .smbj-launcher{width:60px;height:60px;border-radius:50%;border:0;padding:0;margin:0;cursor:pointer;background:var(--smbj-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(10, 25, 45, 0.28);transition:transform 0.18s ease, box-shadow 0.18s ease;position:relative;float:none;}
#smbj-root.smbj-left .smbj-launcher{margin-right:auto;}
#smbj-root.smbj-right .smbj-launcher{margin-left:auto;}
#smbj-root .smbj-launcher:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(10, 25, 45, 0.32);}
#smbj-root .smbj-launcher:focus-visible{outline:3px solid var(--smbj-accent);outline-offset:3px;}
#smbj-root .smbj-launcher::after{content:"";position:absolute;top:3px;right:3px;width:13px;height:13px;border-radius:50%;background:var(--smbj-accent);border:2px solid #fff;}
#smbj-root.smbj-open .smbj-launcher::after{display:none;}
#smbj-root .smbj-launcher svg{width:28px;height:28px;}
#smbj-root .smbj-icon-close{display:none;width:22px !important;height:22px !important;}
#smbj-root.smbj-open .smbj-icon-chat{display:none;}
#smbj-root.smbj-open .smbj-icon-close{display:block;}
#smbj-root .smbj-panel{position:absolute;bottom:76px;width:380px;max-width:calc(100vw - 32px);height:560px;max-height:calc(100vh - 120px);background:var(--smbj-bg);border-radius:14px;box-shadow:0 18px 50px rgba(10, 25, 45, 0.28);display:flex;flex-direction:column;overflow:hidden;animation:smbj-in 0.2s ease-out;}
#smbj-root.smbj-right .smbj-panel{right:0;}
#smbj-root.smbj-left .smbj-panel{left:0;}
@keyframes smbj-in {
from{opacity:0;transform:translateY(10px);}
to{opacity:1;transform:translateY(0);}
}
#smbj-root .smbj-head{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;background:var(--smbj-primary);color:#fff;}
#smbj-root .smbj-avatar{width:38px;height:38px;border-radius:50%;background:var(--smbj-accent);color:#fff;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
#smbj-root .smbj-title{display:flex;flex-direction:column;flex:1;min-width:0;}
#smbj-root .smbj-title strong{font-size:16px;line-height:1.2;color:#fff;}
#smbj-root .smbj-title span{font-size:12.5px;opacity:0.85;color:#fff;}
#smbj-root .smbj-close{background:transparent;border:0;color:#fff;width:34px;height:34px;padding:6px;border-radius:8px;cursor:pointer;opacity:0.85;}
#smbj-root .smbj-close:hover, #smbj-root .smbj-close:focus-visible{opacity:1;background:rgba(255, 255, 255, 0.14);outline:none;}
#smbj-root .smbj-close svg{width:100%;height:100%;display:block;}
#smbj-root .smbj-log{flex:1;overflow-y:auto;padding:16px 14px 8px;background:var(--smbj-soft);overscroll-behavior:contain;}
#smbj-root .smbj-msg{display:flex;margin:0 0 10px;}
#smbj-root .smbj-user{justify-content:flex-end;}
#smbj-root .smbj-bubble{max-width:85%;padding:10px 13px;border-radius:14px;word-wrap:break-word;overflow-wrap:anywhere;}
#smbj-root .smbj-bot .smbj-bubble{background:#fff;border:1px solid var(--smbj-line);border-bottom-left-radius:4px;color:var(--smbj-text);}
#smbj-root .smbj-user .smbj-bubble{background:var(--smbj-primary);color:#fff;border-bottom-right-radius:4px;white-space:pre-wrap;}
#smbj-root .smbj-bubble p{margin:0 0 6px;padding:0;font-size:inherit;line-height:inherit;color:inherit;}
#smbj-root .smbj-bubble p:last-child{margin-bottom:0;}
#smbj-root .smbj-bubble ul{margin:4px 0 8px 18px;padding:0;list-style:disc;}
#smbj-root .smbj-bubble li{margin:2px 0;padding:0;font-size:inherit;color:inherit;}
#smbj-root .smbj-bubble a{color:var(--smbj-primary);text-decoration:underline;font-weight:600;}
#smbj-root .smbj-bubble strong{font-weight:700;}
#smbj-root .smbj-typing .smbj-bubble{display:flex;gap:5px;padding:13px 15px;}
#smbj-root .smbj-typing i{width:7px;height:7px;border-radius:50%;background:var(--smbj-muted);opacity:0.4;animation:smbj-dot 1.2s infinite ease-in-out;}
#smbj-root .smbj-typing i:nth-child(2){animation-delay:0.15s;}
#smbj-root .smbj-typing i:nth-child(3){animation-delay:0.3s;}
@keyframes smbj-dot {
0%, 80%, 100%{opacity:0.3;transform:translateY(0);}
40%{opacity:1;transform:translateY(-3px);}
} #smbj-root .smbj-form{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--smbj-line);background:#fff;margin:0;}
#smbj-root .smbj-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}
#smbj-root .smbj-input{flex:1;resize:none;border:1px solid var(--smbj-line);border-radius:10px;padding:10px 12px;font:inherit;font-size:16px;line-height:1.35;color:var(--smbj-text);background:#fff;max-height:120px;min-height:42px;margin:0;box-shadow:none;width:auto;}
#smbj-root .smbj-input:focus{outline:none;border-color:var(--smbj-primary);box-shadow:0 0 0 2px rgba(18, 53, 91, 0.12);}
#smbj-root .smbj-send{width:42px;height:42px;flex-shrink:0;border-radius:10px;border:0;padding:10px;margin:0;cursor:pointer;background:var(--smbj-accent);color:#fff;display:flex;align-items:center;justify-content:center;}
#smbj-root .smbj-send:disabled{opacity:0.5;cursor:default;}
#smbj-root .smbj-send:focus-visible{outline:3px solid var(--smbj-primary);outline-offset:2px;}
#smbj-root .smbj-send svg{width:20px;height:20px;}
#smbj-root .smbj-foot{font-size:11.5px;color:var(--smbj-muted);text-align:center;padding:0 12px 10px;background:#fff;}
#smbj-root .smbj-foot a{color:var(--smbj-muted);text-decoration:underline;}
@media(max-width:480px){
#smbj-root{bottom:16px;}
#smbj-root.smbj-right{right:16px;}
#smbj-root.smbj-left{left:16px;}
#smbj-root.smbj-open .smbj-launcher{display:none;}
#smbj-root .smbj-panel{position:fixed;top:0;left:0 !important;right:0 !important;bottom:0;width:100%;max-width:none;height:100%;max-height:none;border-radius:0;}
}
@media (prefers-reduced-motion: reduce) {
#smbj-root .smbj-panel, #smbj-root .smbj-typing i, #smbj-root .smbj-launcher{animation:none;transition:none;}
}
@media print {
#smbj-root { display: none !important; }
}