/* Dil Se Invite — demo kit base (each demo sets --kit-* tokens) */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,canvas{max-width:100%;display:block}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
[hidden]{display:none!important}
.locked{overflow:hidden}
.rv{opacity:0;transform:translateY(26px);transition:opacity 1s cubic-bezier(.2,.7,.1,1),transform 1s cubic-bezier(.2,.7,.1,1)}
.rv.in{opacity:1;transform:none}

.kit-badge{position:fixed;left:12px;top:12px;z-index:60;font:700 10px/1 Manrope,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:9px 11px;border-radius:999px;
  background:rgba(12,10,10,.62);color:#fff;text-decoration:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap}

.kit-dock{position:fixed;left:50%;bottom:14px;z-index:55;display:flex;gap:6px;padding:6px;border-radius:999px;transform:translate(-50%,150%);
  background:var(--kit-dock-bg,rgba(15,12,12,.8));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 40px -14px rgba(0,0,0,.55);
  transition:transform .7s cubic-bezier(.2,.7,.1,1);margin-bottom:env(safe-area-inset-bottom);font-family:Manrope,system-ui,sans-serif}
.kit-dock.on{transform:translate(-50%,0)}
.kit-dock a,.kit-dock button{min-height:46px;padding:0 15px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;color:var(--kit-dock-fg,#fff);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.kit-dock .pri{background:var(--kit-accent,#C71928);color:var(--kit-accent-fg,#fff)}
.kit-dock svg{width:17px;height:17px;flex:none;max-width:none}
.kit-eq{display:flex;gap:2px;align-items:flex-end;height:14px}
.kit-eq i{width:3px;height:30%;background:currentColor;border-radius:2px}
.playing .kit-eq i{animation:kitEq .9s ease-in-out infinite}
.kit-eq i:nth-child(2){animation-delay:-.3s}.kit-eq i:nth-child(3){animation-delay:-.6s}
@keyframes kitEq{50%{height:100%}}

.kit-toast{position:fixed;left:50%;bottom:84px;z-index:90;transform:translate(-50%,16px);opacity:0;background:#141010;color:#fff;font:600 13px/1.3 Manrope,system-ui,sans-serif;padding:10px 16px;border-radius:999px;transition:all .4s;pointer-events:none;white-space:nowrap}
.kit-toast.show{opacity:1;transform:translate(-50%,0)}

.kit-credit{background:#120C0C;color:rgba(255,255,255,.78);text-align:center;padding:40px 22px 120px;font:14px/1.6 Manrope,system-ui,sans-serif}
.kit-credit img{width:46px;margin:0 auto 12px}
.kit-credit a{color:#fff;font-weight:700}
.kit-credit .kit-cta{display:inline-flex;margin-top:18px;min-height:50px;align-items:center;padding:0 24px;border-radius:999px;background:#C71928;color:#fff;text-decoration:none}
.kit-credit small{display:block;margin-top:14px;opacity:.6;font-size:12px}
.kit-skip{position:absolute;right:16px;bottom:18px;z-index:5;font:600 12px Manrope,system-ui,sans-serif;opacity:.7;text-decoration:underline;color:inherit}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}}
.kit-wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;min-height:46px;padding:0 20px;border-radius:999px;background:#25D366;color:#fff !important;font:700 14px Manrope,system-ui,sans-serif;text-decoration:none}
.kit-wa-auto{animation:kitWaPulse 1.6s ease-in-out infinite}
@keyframes kitWaPulse{0%,100%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 0 0 10px rgba(37,211,102,0)}}
.kit-wa-note{display:block;margin-top:8px;font:600 12.5px Manrope,system-ui,sans-serif;opacity:.75}