.vl-support{--vl-support-offset:0px;position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom) + var(--vl-support-offset));z-index:1000;color:#271e21;font-family:Inter,Arial,sans-serif;max-width:calc(100vw - 32px)}
.vl-support *{box-sizing:border-box}.vl-support [hidden]{display:none!important}.vl-support svg{width:22px;height:22px;flex-shrink:0}.vl-support a{color:inherit;text-decoration:none!important}.vl-support button{font:inherit;cursor:pointer}.vl-support a:focus-visible,.vl-support button:focus-visible,.vl-support textarea:focus-visible{outline:2px solid #af8a64;outline-offset:4px}
.vl-support-launcher{display:flex;align-items:center;gap:10px;min-height:54px;border:1px solid #dbcbbd;border-radius:32px;background:#fffdf9;padding:12px 17px;box-shadow:0 5px 25px #271e2114;font-size:11px;line-height:1.5;font-weight:500;transition:transform .2s,box-shadow .2s}.vl-support-launcher>svg{width:26px;height:26px;color:#24865f}.vl-support-launcher:hover{transform:translateY(-2px);box-shadow:0 8px 30px #271e2121}.vl-support-dot{width:6px;height:6px;flex:0 0 6px;display:inline-block;border-radius:50%;background:#35a675}
.vl-support-panel{position:absolute;right:0;bottom:70px;display:flex;flex-direction:column;width:355px;max-width:calc(100vw - 32px);max-height:calc(100vh - 120px - var(--vl-support-offset));max-height:calc(100dvh - 120px - var(--vl-support-offset));border:1px solid #dacbbc;background:#fffdf9;border-radius:12px;box-shadow:0 18px 65px #271e212b;overflow:hidden;animation:vl-support-appear .2s ease both}
.vl-support-head{display:flex;align-items:center;gap:12px;flex-shrink:0;position:relative;padding:21px 49px 21px 20px;background:#f4eee7;border-bottom:1px solid #e3d6ca}.vl-support-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;background:#641e39;border-radius:50%;color:#fffdf9;font:400 25px/1 Georgia,serif}.vl-support-brand{display:block;margin:0 0 6px;font-size:8px;letter-spacing:1.8px;color:#99785f}.vl-support-head h2{font:500 14px/1.4 Inter,Arial,sans-serif;color:#271e21;margin:0 0 6px}.vl-support-head p{display:flex;gap:6px;align-items:center;font-size:9px;line-height:1.5;color:#75816b;margin:0}.vl-support-close{position:absolute;top:8px;right:5px;width:44px;height:44px;padding:13px;border:0;background:transparent;color:#7c6866;display:flex;justify-content:center;align-items:center}.vl-support-close svg{width:17px;height:17px}
.vl-support-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:22px 20px 18px}.vl-support-intro{font-size:11px;line-height:1.85;color:#806e66;margin:0 0 19px}.vl-support-product{padding:12px 13px;background:#f7f2eb;border:1px solid #eadfd4;margin:0 0 20px}.vl-support-product>span{display:block;font-size:7px;letter-spacing:1px;color:#99785f;margin:0 0 7px}.vl-support-product strong{display:block;font-size:10px;line-height:1.7;font-weight:500;overflow-wrap:anywhere;color:#604748}.vl-support-topics-label{display:block;font:400 20px/1.25 var(--vl-serif,Georgia,serif);color:#641e39;margin:0 0 13px}.vl-support-topics{display:grid;gap:7px;margin-bottom:19px}.vl-support-topics a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid #e1d4c8;color:#705950;font-size:10px;line-height:1.6;background:#fffdf9;transition:background .18s,border-color .18s}.vl-support-topics svg{width:14px;height:14px;color:#af8a64}.vl-support-topics a:hover,.vl-support-topics a.is-selected{border-color:#c2ad98;background:#f6f0e8}
.vl-support-compose{margin:0 0 15px}.vl-support-compose label{font:500 9px/1.5 Inter,Arial,sans-serif;color:#604748;display:block;margin:0 0 7px}.vl-support-compose label span{font-weight:400;color:#a08b7e}.vl-support-compose textarea{resize:vertical;min-height:76px;max-height:150px;width:100%;display:block;border:1px solid #dacbbc;background:#fffdf9;border-radius:0;font:400 11px/1.7 Inter,Arial,sans-serif;color:#271e21;padding:10px 12px}.vl-support-compose textarea::placeholder{color:#a18d81}.vl-support-send{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;width:100%;padding:12px 10px;border:1px solid #247d5b;background:#247d5b;color:white!important;font:500 10px/1.6 Inter,Arial,sans-serif;transition:background .18s}.vl-support-send>svg:first-child{width:20px;height:20px}.vl-support-send>svg:last-child{width:15px;height:15px;margin-left:auto}.vl-support-send:hover{background:#1b6749}.vl-support-note{font-size:8px;line-height:1.7;color:#a18d81;margin:11px 0 0}.vl-shell-modal-open .vl-support,body.modal-open .vl-support{visibility:hidden;pointer-events:none}
@keyframes vl-support-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){.vl-support{right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom) + var(--vl-support-offset))}.vl-support-launcher{padding:11px 13px;min-height:52px;font-size:10px;gap:8px}.vl-support-launcher>svg{width:24px;height:24px}.vl-support-panel{bottom:65px;width:340px;max-width:calc(100vw - 32px);max-height:calc(100vh - 108px - var(--vl-support-offset));max-height:calc(100dvh - 108px - var(--vl-support-offset))}.vl-support-head{padding:18px 47px 18px 17px;gap:10px}.vl-support-body{padding:20px 17px 17px}}
@media(prefers-reduced-motion:reduce){.vl-support-panel{animation:none}.vl-support a{transition:none}}