:root{color-scheme:light;color-scheme:only light}
.ula-vipin-chat{--uv-purple:#6d28d9;--uv-purple-dark:#4c1d95;--uv-text:#171717;--uv-muted:#737373;--uv-line:#e8e3ef;--uv-green:#16a34a;position:fixed;right:22px;bottom:22px;z-index:999998;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;box-sizing:border-box}
.ula-vipin-chat *{box-sizing:border-box}
.ula-vipin-launcher{width:70px;height:70px;border:1px solid #d9cdf4;background:#fff;border-radius:22px;padding:4px;cursor:pointer;position:relative;display:grid;place-items:center;animation:ulaVipinFloat 3.2s ease-in-out infinite;transition:transform .2s ease,border-color .2s ease}
.ula-vipin-launcher:hover{transform:translateY(-3px) scale(1.02);border-color:#bda7ee}
.ula-vipin-launcher-image{width:58px;height:58px;border-radius:18px;overflow:hidden;display:grid;place-items:center;background:#f6f0ff}
.ula-vipin-launcher-image img{width:100%;height:100%;object-fit:contain;display:block}
.ula-vipin-launcher-badge{position:absolute;right:-4px;top:-4px;width:28px;height:28px;border-radius:50%;background:var(--uv-purple);color:#fff;border:3px solid #fff;display:grid;place-items:center;font-size:12px}
.ula-vipin-panel{position:absolute;right:0;bottom:84px;width:min(360px,calc(100vw - 28px));background:#fff;border:1px solid var(--uv-line);border-radius:20px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);transform-origin:bottom right;transition:opacity .22s ease,transform .22s ease,visibility .22s ease}
.ula-vipin-chat.is-open .ula-vipin-panel{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.ula-vipin-header{min-height:74px;padding:13px 14px;background:linear-gradient(135deg,var(--uv-purple-dark),var(--uv-purple));display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff}
.ula-vipin-identity{display:flex;align-items:center;gap:10px;min-width:0}
.ula-vipin-identity>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.ula-vipin-identity strong{font-size:15px;line-height:1.2;color:#fff}
.ula-vipin-identity small{font-size:11px;color:#ede9fe;display:flex;align-items:center;gap:5px}
.ula-vipin-identity small i{width:7px;height:7px;border-radius:50%;background:#22c55e;display:inline-block}
.ula-vipin-avatar{width:46px;height:46px;border-radius:14px;background:#f4efff;border:1px solid #e6dbff;display:grid;place-items:center;overflow:hidden;flex:0 0 46px}
.ula-vipin-avatar-small{width:44px;height:44px;flex-basis:44px;border-color:rgba(255,255,255,.28);background:#fff}
.ula-vipin-avatar img{display:block;width:100%;height:100%;object-fit:contain}
.ula-vipin-header .ula-vipin-close{appearance:none!important;-webkit-appearance:none!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0!important;margin:0!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:11px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;cursor:pointer!important;font-size:0!important;flex:0 0 36px!important;box-shadow:none!important;text-indent:0!important;transform:none!important;overflow:hidden!important}
.ula-vipin-header .ula-vipin-close svg{display:block!important;width:18px!important;height:18px!important;margin:0!important;padding:0!important;position:static!important;transform:none!important;pointer-events:none!important}
.ula-vipin-header .ula-vipin-close:hover{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.34)!important}
.ula-vipin-header .ula-vipin-close:focus-visible{outline:2px solid #fff!important;outline-offset:2px!important}
.ula-vipin-body{padding:18px;background:#fff}
.ula-vipin-welcome{display:flex;align-items:flex-end;gap:10px}
.ula-vipin-bubble{min-height:68px;flex:1;background:#f7f5fa;border:1px solid #ebe7f0;border-radius:16px 16px 16px 5px;padding:12px 13px;color:var(--uv-text);font-size:13px;line-height:1.55}
.ula-vipin-message{margin:0;white-space:pre-wrap}
.ula-vipin-typing{height:22px;display:flex;align-items:center;gap:4px}
.ula-vipin-typing span{width:6px;height:6px;border-radius:50%;background:#8b5cf6;animation:ulaVipinDot 1s ease-in-out infinite}
.ula-vipin-typing span:nth-child(2){animation-delay:.14s}.ula-vipin-typing span:nth-child(3){animation-delay:.28s}
.ula-vipin-typing.is-hidden{display:none}
.ula-vipin-cta{margin-top:16px;width:100%;min-height:48px;border-radius:12px;background:#16a34a;color:#fff!important;text-decoration:none!important;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:14px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,background .2s ease}
.ula-vipin-cta.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.ula-vipin-cta:hover{background:#15803d;color:#fff!important}
.ula-vipin-cta .bi-arrow-up-right{font-size:12px;margin-left:2px}
.ula-vipin-note{margin:8px 0 0;text-align:center;font-size:10.5px;color:#a3a3a3}
@keyframes ulaVipinFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes ulaVipinDot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
@media(max-width:600px){.ula-vipin-chat{right:14px;bottom:14px}.ula-vipin-launcher{width:62px;height:62px;border-radius:19px}.ula-vipin-launcher-image{width:50px;height:50px;border-radius:15px}.ula-vipin-panel{bottom:74px;width:calc(100vw - 28px);max-width:360px}.ula-vipin-body{padding:15px}}
@media(prefers-reduced-motion:reduce){.ula-vipin-launcher,.ula-vipin-typing span{animation:none}.ula-vipin-panel,.ula-vipin-cta{transition:none}}
