#VylohaReception{position:fixed;right:calc(22px + env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));z-index:2147483000;font:14px/1.45 Arial,sans-serif;color:#263747}
#VylohaReception *{box-sizing:border-box}
.vr-toggle{width:58px;height:58px;border:3px solid #fff;border-radius:50%;background:#d8e0e7;color:#fff;box-shadow:0 8px 28px rgba(20,40,60,.28);cursor:pointer;padding:0;overflow:hidden}
.vr-avatar{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 28%}
.vr-panel{position:absolute;right:0;bottom:72px;width:360px;max-width:calc(100vw - 28px);height:520px;max-height:calc(100vh - 110px);background:#fff;border:1px solid #d7e0e8;border-radius:12px;box-shadow:0 18px 55px rgba(20,40,60,.28);display:none;overflow:hidden}
#VylohaReception.is-open .vr-panel{display:flex;flex-direction:column}
.vr-head{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#2f465c;color:#fff}
.vr-head-avatar{width:32px;height:32px;border:2px solid rgba(255,255,255,.85);border-radius:50%;object-fit:cover;object-position:center 28%}
.vr-title{font-weight:700;flex:1}
.vr-language{height:29px;border:1px solid rgba(255,255,255,.45);border-radius:4px;background:#fff;color:#263747;padding:2px 5px}
.vr-close{width:44px;height:44px;margin:-7px -9px -7px 0;border:0;border-radius:50%;background:transparent;color:#fff;font-size:25px;line-height:25px;cursor:pointer}
.vr-messages{flex:1;overflow:auto;padding:12px;background:#f5f8fa}
.vr-message{display:flex;margin:0 0 9px}.vr-message.is-user{justify-content:flex-end}
.vr-bubble{max-width:86%;padding:8px 10px;border-radius:9px;background:#fff;border:1px solid #d8e1e8;white-space:pre-wrap;overflow-wrap:anywhere}
.is-user .vr-bubble{background:#2f465c;border-color:#2f465c;color:#fff}
.vr-quick{display:flex;gap:5px;overflow-x:auto;padding:7px 10px;background:#fff;border-top:1px solid #e7edf2}
.vr-quick button{white-space:nowrap;border:1px solid #bdcddd;border-radius:14px;background:#fff;color:#31516d;padding:4px 9px;cursor:pointer;font-size:12px}
.vr-form{display:flex;gap:7px;padding:10px;border-top:1px solid #e1e8ee;background:#fff}
.vr-form textarea{flex:1;height:42px;resize:none;border:1px solid #9aafc2;border-radius:6px;padding:7px 9px;font:inherit}
.vr-send{min-width:62px;border:0;border-radius:6px;background:#2769a8;color:#fff;font-weight:700;cursor:pointer}
.vr-send:disabled{opacity:.55;cursor:wait}
.vr-panel :focus-visible{outline:3px solid #8ed0ff;outline-offset:2px}
@media(max-width:480px){#VylohaReception{right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom))}.vr-panel{right:0;bottom:68px;width:calc(100vw - 24px);height:calc(100dvh - 95px - env(safe-area-inset-bottom));max-width:none;max-height:none}.vr-form textarea,.vr-language{font-size:16px}}