.vkl{--vkl-ink:#221b33;--vkl-muted:#6b5f7d;--vkl-purple:#6a2c91;--vkl-gold:#e3b25a;--vkl-orange:#c4560a;--vkl-line:#d9cde8;--vkl-tint:#f3ecf9;
position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:99990;box-sizing:border-box;
font:14px/1.45 "Noto Sans Devanagari","Nirmala UI","Kohinoor Devanagari",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .35s ease,transform .35s ease}
.vkl *{box-sizing:border-box}
.vkl[hidden]{display:none}
.vkl.is-visible{opacity:1;transform:none;pointer-events:auto}
.vkl--left{right:auto;left:20px}

.vkl__link{display:flex;flex-direction:row-reverse;align-items:center;padding:5px;color:var(--vkl-ink);text-decoration:none;background:#fff;
border:1px solid var(--vkl-line);border-radius:999px;box-shadow:0 10px 28px rgba(42,16,66,.24),0 2px 6px rgba(42,16,66,.12);
transition:transform .2s ease,box-shadow .2s ease}
.vkl--left .vkl__link{flex-direction:row}
.vkl__link:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(42,16,66,.28),0 3px 8px rgba(42,16,66,.14);color:var(--vkl-ink)}
.vkl__link:focus-visible,.vkl__close:focus-visible{outline:3px solid var(--vkl-orange);outline-offset:2px}

.vkl__logo{position:relative;flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:var(--vkl-gold);
background:radial-gradient(circle at 30% 25%,#8d48b8,#5a2380 72%)}
.vkl__logo img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff;display:block}
.vkl__logo::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;animation:vkl-pulse 3.4s ease-out 1.6s infinite}
.vkl__link:hover .vkl__logo::after{animation:none}
.vkl__badge{position:absolute;top:-6px;right:-5px;padding:2px 7px;border-radius:999px;background:var(--vkl-orange);color:#fff;
font-size:11.5px;font-weight:700;line-height:1.5;letter-spacing:0;border:2px solid #fff}
.vkl--left .vkl__badge{right:auto;left:-5px}

.vkl__body{display:flex;align-items:center;gap:12px;max-width:0;margin:0;overflow:hidden;opacity:0;white-space:normal;
transition:max-width .65s cubic-bezier(.2,.8,.2,1),margin .65s cubic-bezier(.2,.8,.2,1),opacity .4s ease .1s}
.vkl.is-open .vkl__body{max-width:340px;margin:0 6px 0 14px;opacity:1}
.vkl--left.is-open .vkl__body{margin:0 6px 0 14px}
.vkl__text{display:flex;flex-direction:column;gap:3px;min-width:0}
.vkl__slides{display:grid}
.vkl__slide{grid-area:1/1;display:flex;align-items:center;gap:7px;font-size:14.5px;font-weight:650;letter-spacing:0;
opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}
.vkl__slide.is-on{opacity:1;transform:none}
.vkl__ico{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--vkl-tint);color:var(--vkl-purple)}
.vkl__slide:nth-child(even) .vkl__ico{color:var(--vkl-orange)}
.vkl__sub{font-size:12px;color:var(--vkl-muted)}
.vkl__go{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--vkl-purple);color:#fff;transition:transform .2s ease}
.vkl__link:hover .vkl__go{transform:translateX(2px)}

.vkl__close{position:absolute;top:-9px;left:-9px;display:grid;place-items:center;width:24px;height:24px;padding:0;border-radius:50%;
border:1px solid var(--vkl-line);background:#fff;color:#4a3d5c;cursor:pointer;box-shadow:0 2px 6px rgba(42,16,66,.18)}
.vkl--left .vkl__close{left:auto;right:-9px}
.vkl__close::before{content:"";position:absolute;inset:-10px}
.vkl__close:hover{background:var(--vkl-tint);color:var(--vkl-ink)}

@keyframes vkl-pulse{0%{box-shadow:0 0 0 0 rgba(106,44,145,.5)}65%,100%{box-shadow:0 0 0 16px rgba(106,44,145,0)}}

@media (max-width:480px){
.vkl{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}
.vkl--left{left:14px}
.vkl__logo{width:46px;height:46px}
.vkl.is-open .vkl__body{max-width:calc(100vw - 140px);margin:0 4px 0 12px}
.vkl__slide{font-size:13.5px}
.vkl__ico{width:24px;height:24px}
.vkl__sub{display:none}
}
@media (prefers-reduced-motion:reduce){
.vkl,.vkl__body,.vkl__slide,.vkl__link,.vkl__go{transition:none}
.vkl__logo::after{animation:none}
}
@media print{.vkl{display:none!important}}