#lspc-wrap{position:fixed;right:22px;bottom:22px;z-index:999999;font-family:Arial,sans-serif}#lspc-toggle{border:0;border-radius:28px;background:#171717;color:#fff;padding:13px 18px;font-weight:700;box-shadow:0 5px 24px #0003;cursor:pointer}#lspc-toggle small{opacity:.7;margin-left:5px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.dot.on,#lspc-online-note b{color:#20c46b;background:#20c46b}.dot.off{background:#888}#lspc-online-note{position:absolute;right:0;bottom:58px;width:285px;background:#fff;color:#222;border-radius:10px;padding:12px 14px;box-shadow:0 5px 25px #0002;font-size:13px}#lspc-online-note b{background:none}#lspc-box{display:none;position:absolute;right:0;bottom:55px;width:350px;height:490px;background:#fff;border-radius:14px;box-shadow:0 10px 45px #0004;overflow:hidden;color:#222}#lspc-box.open{display:flex;flex-direction:column}.lspc-head{background:#171717;color:#fff;padding:15px;display:flex;justify-content:space-between}.lspc-close{border:0;background:none;color:#fff;font-size:23px;cursor:pointer}.lspc-human{padding:9px 13px;background:#f3f3f3;font-size:12px}#lspc-msgs{flex:1;overflow:auto;padding:12px}.m{margin:8px 0;display:flex;flex-direction:column;align-items:flex-start}.m.visitor{align-items:flex-end}.m span{max-width:80%;padding:9px 11px;background:#eee;border-radius:12px;white-space:pre-wrap}.m.visitor span{background:#171717;color:#fff}.m small{font-size:9px;opacity:.5;margin:2px 4px}#lspc-form{display:flex;border-top:1px solid #ddd;padding:9px;gap:7px}#lspc-form textarea{flex:1;resize:none;height:42px;border:1px solid #ccc;border-radius:8px;padding:8px}#lspc-form button{border:0;background:#171717;color:#fff;border-radius:8px;padding:0 13px}@media(max-width:500px){#lspc-wrap{right:12px;bottom:12px}#lspc-box{position:fixed;left:10px;right:10px;bottom:70px;width:auto;height:70vh}}
#lspc-error{padding:8px 12px;background:#fff0f0;color:#a40000;border-top:1px solid #f2c6c6;font-size:12px}#lspc-form button:disabled{opacity:.65;cursor:wait}