.rsi-wrap{--rsi-size:48px;--rsi-logo:82px;--rsi-x:18px;--rsi-y:18px;--rsi-mx:12px;--rsi-my:18px;--rsi-z:99990;z-index:var(--rsi-z);font-family:Arial,sans-serif}.rsi-floating{position:fixed;display:flex;flex-direction:column;align-items:center;gap:10px}.rsi-floating.rsi-right{right:var(--rsi-x);left:auto}.rsi-floating.rsi-left{left:var(--rsi-x);right:auto}.rsi-floating.rsi-v-top{top:var(--rsi-y);bottom:auto;transform:none}.rsi-floating.rsi-v-middle{top:calc(50% + var(--rsi-y));bottom:auto;transform:translateY(-50%)}.rsi-floating.rsi-v-bottom{bottom:var(--rsi-y);top:auto;transform:none}.rsi-inline{display:inline-flex;flex-direction:column;align-items:center;gap:10px}
.rsi-icons{display:flex;flex-direction:column;gap:9px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px) scale(.92);max-height:0;overflow:hidden;transition:opacity .24s ease,transform .24s ease,visibility .24s ease,max-height .35s ease}.rsi-open .rsi-icons{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);max-height:75vh;overflow:visible}.rsi-inline .rsi-icons{flex-direction:row;flex-wrap:wrap;justify-content:center}.rsi-icon{width:var(--rsi-size);height:var(--rsi-size);border-radius:50%;display:grid;place-items:center;text-decoration:none!important;background:#6b7280;box-shadow:0 7px 20px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.rsi-icon svg{width:48%;height:48%;fill:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))}.rsi-icon:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 10px 28px rgba(0,0,0,.28);filter:saturate(1.15) brightness(1.04)}
/* Official/recognizable platform brand colors */
.rsi-whatsapp{background:#25D366}.rsi-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0 5%,#fdf497 5% 10%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}.rsi-x,.rsi-tiktok,.rsi-threads,.rsi-github{background:#000}.rsi-snapchat{background:#FFFC00}.rsi-snapchat svg{fill:#000;filter:none}.rsi-facebook{background:#1877F2}.rsi-youtube{background:#FF0000}.rsi-linkedin{background:#0A66C2}.rsi-telegram{background:#229ED9}.rsi-pinterest{background:#E60023}.rsi-discord{background:#5865F2}.rsi-twitch{background:#9146FF}.rsi-reddit{background:#FF4500}.rsi-behance{background:#1769FF}.rsi-dribbble{background:#EA4C89}.rsi-vimeo{background:#1AB7EA}.rsi-spotify{background:#1DB954}.rsi-soundcloud{background:#FF5500}.rsi-tumblr{background:#35465C}.rsi-vk{background:#0077FF}.rsi-line{background:#06C755}.rsi-wechat{background:#07C160}.rsi-email{background:#EA4335}.rsi-phone{background:#16A34A}.rsi-website,.rsi-custom{background:#6B7280}
.rsi-logo{width:var(--rsi-logo);height:var(--rsi-logo);display:grid;place-items:center;transform-origin:50% 85%;filter:drop-shadow(0 7px 10px rgba(100,62,0,.25));border:0;background:transparent;padding:0;margin:0;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.rsi-logo:active,.rsi-logo:focus{background:transparent}.rsi-logo::-moz-focus-inner{border:0;padding:0}.rsi-logo:focus-visible{outline:3px solid rgba(214,157,30,.6);outline-offset:4px;border-radius:18px}.rsi-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block;pointer-events:none}.rsi-open .rsi-logo{filter:drop-shadow(0 8px 14px rgba(100,62,0,.35))}.rsi-anim-float{animation:rsiFloat 2.8s ease-in-out infinite}.rsi-anim-wobble{animation:rsiWobble 2.4s ease-in-out infinite}.rsi-anim-pulse{animation:rsiPulse 2s ease-in-out infinite}@keyframes rsiFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1.5deg)}}@keyframes rsiWobble{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes rsiPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@media(max-width:767px){.rsi-floating.rsi-mobile-right{right:var(--rsi-mx);left:auto}.rsi-floating.rsi-mobile-left{left:var(--rsi-mx);right:auto}.rsi-floating.rsi-mobile-v-top{top:var(--rsi-my);bottom:auto;transform:none}.rsi-floating.rsi-mobile-v-middle{top:calc(50% + var(--rsi-my));bottom:auto;transform:translateY(-50%)}.rsi-floating.rsi-mobile-v-bottom{bottom:var(--rsi-my);top:auto;transform:none}.rsi-floating .rsi-logo{width:var(--rsi-logo);height:var(--rsi-logo)}.rsi-floating .rsi-icon{width:var(--rsi-size);height:var(--rsi-size)}}@media(prefers-reduced-motion:reduce){.rsi-logo,.rsi-icon,.rsi-icons{animation:none!important;transition:none!important}}

/* v1.4 — configurable opening direction + staggered reveal */
.rsi-wrap.rsi-dir-up{flex-direction:column-reverse}.rsi-wrap.rsi-dir-down{flex-direction:column}.rsi-wrap.rsi-dir-right{flex-direction:row}.rsi-wrap.rsi-dir-left{flex-direction:row-reverse}
.rsi-dir-up .rsi-icons,.rsi-dir-down .rsi-icons{flex-direction:column}.rsi-dir-right .rsi-icons,.rsi-dir-left .rsi-icons{flex-direction:row;max-width:75vw}
.rsi-icon{opacity:0;transform:scale(.68);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,filter .22s ease;transition-delay:0s}
.rsi-open .rsi-icon{opacity:1;transform:scale(1);transition-delay:calc(var(--rsi-i,0) * 55ms)}
.rsi-open .rsi-icon:hover{transform:translateY(-3px) scale(1.08)}
.rsi-dir-up .rsi-icon{transform:translateY(12px) scale(.68)}.rsi-dir-down .rsi-icon{transform:translateY(-12px) scale(.68)}.rsi-dir-left .rsi-icon{transform:translateX(12px) scale(.68)}.rsi-dir-right .rsi-icon{transform:translateX(-12px) scale(.68)}
.rsi-open.rsi-dir-up .rsi-icon,.rsi-open.rsi-dir-down .rsi-icon,.rsi-open.rsi-dir-left .rsi-icon,.rsi-open.rsi-dir-right .rsi-icon{transform:translate(0,0) scale(1)}
.rsi-open.rsi-dir-up .rsi-icon:hover,.rsi-open.rsi-dir-down .rsi-icon:hover,.rsi-open.rsi-dir-left .rsi-icon:hover,.rsi-open.rsi-dir-right .rsi-icon:hover{transform:translateY(-3px) scale(1.08)}
.rsi-dir-radial{display:block!important;width:var(--rsi-logo);height:var(--rsi-logo)}.rsi-dir-radial .rsi-logo{position:absolute;inset:0;z-index:2}.rsi-dir-radial .rsi-icons{position:absolute;left:50%;top:50%;width:0;height:0;display:block;opacity:1;visibility:visible;overflow:visible;max-height:none;transform:none;pointer-events:none}.rsi-dir-radial .rsi-icon{position:absolute;left:calc(var(--rsi-size)/-2);top:calc(var(--rsi-size)/-2);opacity:0;transform:translate(0,0) scale(.45);pointer-events:none}.rsi-open.rsi-dir-radial .rsi-icons{pointer-events:auto}.rsi-open.rsi-dir-radial .rsi-icon{opacity:1;transform:translate(var(--rsi-tx,0px),var(--rsi-ty,0px)) scale(1);pointer-events:auto}.rsi-open.rsi-dir-radial .rsi-icon:hover{transform:translate(var(--rsi-tx,0px),var(--rsi-ty,0px)) scale(1.1)}
@media(max-width:767px){
 .rsi-wrap.rsi-mobile-dir-up{flex-direction:column-reverse}.rsi-wrap.rsi-mobile-dir-down{flex-direction:column}.rsi-wrap.rsi-mobile-dir-right{flex-direction:row}.rsi-wrap.rsi-mobile-dir-left{flex-direction:row-reverse}
 .rsi-mobile-dir-up .rsi-icons,.rsi-mobile-dir-down .rsi-icons{flex-direction:column}.rsi-mobile-dir-right .rsi-icons,.rsi-mobile-dir-left .rsi-icons{flex-direction:row;max-width:78vw}
 .rsi-mobile-dir-up .rsi-icon{transform:translateY(12px) scale(.68)}.rsi-mobile-dir-down .rsi-icon{transform:translateY(-12px) scale(.68)}.rsi-mobile-dir-left .rsi-icon{transform:translateX(12px) scale(.68)}.rsi-mobile-dir-right .rsi-icon{transform:translateX(-12px) scale(.68)}
 .rsi-open.rsi-mobile-dir-up .rsi-icon,.rsi-open.rsi-mobile-dir-down .rsi-icon,.rsi-open.rsi-mobile-dir-left .rsi-icon,.rsi-open.rsi-mobile-dir-right .rsi-icon{transform:translate(0,0) scale(1)}
 .rsi-wrap.rsi-mobile-dir-radial{display:block!important;width:var(--rsi-logo);height:var(--rsi-logo)}.rsi-mobile-dir-radial .rsi-logo{position:absolute;inset:0;z-index:2}.rsi-mobile-dir-radial .rsi-icons{position:absolute;left:50%;top:50%;width:0;height:0;display:block;opacity:1;visibility:visible;overflow:visible;max-height:none;transform:none;pointer-events:none}.rsi-mobile-dir-radial .rsi-icon{position:absolute;left:calc(var(--rsi-size)/-2);top:calc(var(--rsi-size)/-2);opacity:0;transform:translate(0,0) scale(.45);pointer-events:none}.rsi-open.rsi-mobile-dir-radial .rsi-icons{pointer-events:auto}.rsi-open.rsi-mobile-dir-radial .rsi-icon{opacity:1;transform:translate(var(--rsi-tx,0px),var(--rsi-ty,0px)) scale(1);pointer-events:auto}
}

/* v1.5 — Ruqiah vessel opening: lid + bowl reveal */
.rsi-logo{overflow:visible;position:relative}
.rsi-vessel{position:relative;width:100%;height:100%;display:block;overflow:visible;transform-style:preserve-3d;perspective:500px}
.rsi-vessel-half{position:absolute;inset:0;display:block;will-change:transform,filter;transition:transform .58s cubic-bezier(.18,.86,.25,1),filter .4s ease}
.rsi-vessel-half img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.rsi-vessel-lid{clip-path:inset(0 0 48% 0);transform-origin:50% 48%}
.rsi-vessel-bowl{clip-path:inset(48% 0 0 0);transform-origin:50% 52%}
.rsi-vessel-glow{position:absolute;left:18%;right:18%;top:47%;height:10%;border-radius:50%;opacity:0;transform:scale(.45);background:radial-gradient(ellipse,rgba(255,218,112,.95) 0%,rgba(225,167,39,.55) 38%,rgba(225,167,39,0) 76%);filter:blur(5px);pointer-events:none;transition:opacity .32s ease .12s,transform .48s ease .08s}
.rsi-open .rsi-vessel-lid{transform:translateY(-30%) rotateX(-14deg) rotateZ(7deg);filter:drop-shadow(0 9px 8px rgba(88,51,0,.20))}
.rsi-open .rsi-vessel-bowl{transform:translateY(13%) scale(.98);filter:drop-shadow(0 8px 8px rgba(88,51,0,.16))}
.rsi-open .rsi-vessel-glow{opacity:1;transform:scale(1.12)}
.rsi-open .rsi-icon{transition-delay:calc(180ms + (var(--rsi-i,0) * 58ms))}
.rsi-wrap:not(.rsi-open) .rsi-icon{transition-delay:calc((var(--rsi-i,0) * 20ms))}
@media(prefers-reduced-motion:reduce){.rsi-vessel-half,.rsi-vessel-glow{transition:none!important}.rsi-open .rsi-vessel-lid{transform:translateY(-22%)}.rsi-open .rsi-vessel-bowl{transform:translateY(9%)}}

/* v1.5.1 — remove all browser/theme press, focus and tap highlight effects from the contact trigger */
.rsi-logo,
.rsi-logo:hover,
.rsi-logo:active,
.rsi-logo:focus,
.rsi-logo:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
  tap-highlight-color: transparent !important;
}
.rsi-logo::before,
.rsi-logo::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
.rsi-logo img,
.rsi-vessel,
.rsi-vessel-half,
.rsi-vessel-half img {
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
  border: 0 !important;
  box-shadow: none !important;
  user-select: none;
  -webkit-user-select: none;
}


/* v1.5.3 — hard neutralize theme/browser click coloring across all pages */
html body .rsi-wrap button.rsi-logo,
html body .rsi-wrap button.rsi-logo:hover,
html body .rsi-wrap button.rsi-logo:active,
html body .rsi-wrap button.rsi-logo:focus,
html body .rsi-wrap button.rsi-logo:focus-visible,
html body .rsi-wrap .rsi-logo,
html body .rsi-wrap .rsi-logo:hover,
html body .rsi-wrap .rsi-logo:active,
html body .rsi-wrap .rsi-logo:focus,
html body .rsi-wrap .rsi-logo:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  text-shadow: none !important;
  color: inherit !important;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-touch-callout: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
html body .rsi-wrap .rsi-logo * {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-touch-callout: none !important;
  outline: 0 !important;
  box-shadow: none !important;
}
html body .rsi-wrap .rsi-logo::before,
html body .rsi-wrap .rsi-logo::after {
  content: none !important;
  display: none !important;
}
html body .rsi-wrap .rsi-logo::selection,
html body .rsi-wrap .rsi-logo *::selection {
  background: transparent !important;
  color: inherit !important;
}


/* v1.5.4 — keep trigger and social icon dimensions identical across all pages/viewports */
.rsi-wrap .rsi-logo{width:var(--rsi-logo)!important;height:var(--rsi-logo)!important;min-width:var(--rsi-logo)!important;min-height:var(--rsi-logo)!important;max-width:var(--rsi-logo)!important;max-height:var(--rsi-logo)!important;}
.rsi-wrap .rsi-icon{width:var(--rsi-size)!important;height:var(--rsi-size)!important;min-width:var(--rsi-size)!important;min-height:var(--rsi-size)!important;max-width:var(--rsi-size)!important;max-height:var(--rsi-size)!important;}
@media(max-width:767px){.rsi-wrap.rsi-mobile-dir-radial{width:var(--rsi-logo)!important;height:var(--rsi-logo)!important}.rsi-mobile-dir-radial .rsi-icon{left:calc(var(--rsi-size)/-2)!important;top:calc(var(--rsi-size)/-2)!important;}}


/* v1.5.5 — hard size isolation from page-specific theme CSS */
html body .rsi-wrap,
html body .rsi-wrap *,
html body .rsi-wrap *::before,
html body .rsi-wrap *::after {
  box-sizing: border-box !important;
}
html body .rsi-wrap {
  font-size: 16px !important;
  line-height: normal !important;
  text-size-adjust: none !important;
  -webkit-text-size-adjust: 100% !important;
  zoom: 1 !important;
  scale: 1 !important;
}
html body .rsi-wrap button.rsi-logo {
  width: var(--rsi-logo) !important;
  height: var(--rsi-logo) !important;
  min-width: var(--rsi-logo) !important;
  min-height: var(--rsi-logo) !important;
  max-width: var(--rsi-logo) !important;
  max-height: var(--rsi-logo) !important;
  flex: 0 0 var(--rsi-logo) !important;
  padding: 0 !important;
  margin: 0 !important;
  border-width: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  zoom: 1 !important;
  scale: 1 !important;
}
html body .rsi-wrap .rsi-vessel,
html body .rsi-wrap .rsi-vessel-half {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  zoom: 1 !important;
  scale: 1 !important;
}
html body .rsi-wrap .rsi-vessel-half img,
html body .rsi-wrap button.rsi-logo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  zoom: 1 !important;
  scale: 1 !important;
}
html body .rsi-wrap a.rsi-icon {
  width: var(--rsi-size) !important;
  height: var(--rsi-size) !important;
  min-width: var(--rsi-size) !important;
  min-height: var(--rsi-size) !important;
  max-width: var(--rsi-size) !important;
  max-height: var(--rsi-size) !important;
  flex: 0 0 var(--rsi-size) !important;
  padding: 0 !important;
  margin: 0 !important;
  zoom: 1 !important;
  scale: 1 !important;
}
html body .rsi-wrap a.rsi-icon svg {
  width: 48% !important;
  height: 48% !important;
  max-width: none !important;
  max-height: none !important;
  zoom: 1 !important;
  scale: 1 !important;
}