/* Vibino web-push opt-in — site palette (violet / fuchsia on glassy dark) */
#fkpush-box{position:fixed;z-index:999999;right:22px;bottom:22px;width:min(396px,calc(100vw - 28px));box-sizing:border-box;padding:18px 18px 16px;
  color:#fff;font-family:inherit;direction:rtl;border-radius:22px;
  background:radial-gradient(130% 100% at 100% 0%,rgba(168,85,247,.26),transparent 58%),linear-gradient(165deg,rgba(30,24,42,.97),rgba(17,15,21,.98));
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 26px 60px -18px rgba(0,0,0,.85),0 0 0 1px rgba(168,85,247,.1),inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);
  animation:fkpush-in .7s cubic-bezier(.22,1.25,.36,1) both;transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1)}
#fkpush-box *{box-sizing:border-box}
#fkpush-box::before{content:"";position:absolute;left:26px;right:26px;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#c026d3,#7c3aed,transparent)}
#fkpush-box .fkpush-head{display:flex;align-items:center;gap:13px;position:relative;padding-left:26px}
#fkpush-box .fkpush-icon{display:block;width:46px;height:46px;flex:0 0 46px;object-fit:contain;padding:7px;border-radius:15px;
  background:linear-gradient(135deg,rgba(124,58,237,.35),rgba(192,38,211,.28));border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 24px -12px rgba(168,85,247,.9)}
#fkpush-box strong{display:block;font-size:15.5px;font-weight:800;margin-bottom:3px;transition:opacity .25s ease}
#fkpush-box small{display:block;font-size:12px;line-height:1.85;color:#cfc8e0;transition:opacity .25s ease}
#fkpush-box .fkpush-x{position:absolute;left:-4px;top:-6px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#a79fbb;font-size:22px;line-height:1;cursor:pointer;transition:background .3s ease,color .3s ease,transform .3s ease}
#fkpush-box .fkpush-x:hover{background:rgba(255,255,255,.08);color:#fff;transform:rotate(90deg)}
#fkpush-box .fkpush-actions{display:flex;gap:10px;margin-top:16px}
#fkpush-box .fkpush-actions button{font-family:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
#fkpush-box .fkpush-yes{position:relative;flex:1.5;height:46px;border-radius:14px;color:#fff;font-size:13.5px;font-weight:800;overflow:visible;
  background:linear-gradient(105deg,#7c3aed,#c026d3);box-shadow:0 14px 28px -12px rgba(192,38,211,.85),inset 0 1px 0 rgba(255,255,255,.3);
  transition:transform .35s cubic-bezier(.22,1,.36,1),filter .3s ease,box-shadow .4s ease,flex .55s cubic-bezier(.22,1,.36,1)}
#fkpush-box .fkpush-yes:hover{filter:brightness(1.1);transform:translateY(-2px)}
#fkpush-box .fkpush-yes:active{transform:scale(.95)}
#fkpush-box .fkpush-yes-label,#fkpush-box .fkpush-yes-load,#fkpush-box .fkpush-yes-done{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .3s ease,transform .45s cubic-bezier(.22,1.3,.36,1)}
#fkpush-box .fkpush-yes-load,#fkpush-box .fkpush-yes-done{opacity:0;transform:scale(.6);pointer-events:none}
#fkpush-box .fkpush-spin{width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:fkpush-spin .8s linear infinite}
#fkpush-box .fkpush-yes.is-loading .fkpush-yes-label,#fkpush-box .fkpush-yes.is-done .fkpush-yes-label{opacity:0;transform:scale(.6)}
#fkpush-box .fkpush-yes.is-loading .fkpush-yes-load{opacity:1;transform:none}
#fkpush-box .fkpush-yes.is-done .fkpush-yes-done{opacity:1;transform:none}
#fkpush-box .fkpush-yes.is-done{box-shadow:0 14px 30px -10px rgba(192,38,211,.95),0 0 0 6px rgba(192,38,211,.18),inset 0 1px 0 rgba(255,255,255,.35)}
#fkpush-box .fkpush-yes:disabled{cursor:default}
#fkpush-box .fkpush-tick{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
#fkpush-box .fkpush-tick path{stroke-dasharray:26;stroke-dashoffset:26}
#fkpush-box .fkpush-yes.is-done .fkpush-tick path{animation:fkpush-tick .55s .18s cubic-bezier(.65,0,.35,1) forwards}
#fkpush-box .fkpush-no{flex:1;height:46px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)!important;color:#e6e1f0;font-size:13px;font-weight:700;
  transition:background .3s ease,flex .55s cubic-bezier(.22,1,.36,1),opacity .35s ease,margin .55s ease,padding .55s ease,border-width .55s ease}
#fkpush-box .fkpush-no:hover{background:rgba(255,255,255,.12)}
#fkpush-box.is-joined .fkpush-no{flex:0 0 0;width:0;opacity:0;padding:0;margin-inline-start:-10px;border-width:0!important;pointer-events:none;overflow:hidden}
#fkpush-box.is-joined .fkpush-yes{flex:1}
#fkpush-box .fkpush-msg{font-size:11.5px;color:#f5b5ff;margin-top:9px;line-height:1.8;min-height:0}
#fkpush-box .fkpush-msg:empty{display:none}
#fkpush-box.is-shake{animation:fkpush-shake .5s ease}
#fkpush-box.fkpush-hide{opacity:0;transform:translateY(16px) scale(.97);pointer-events:none}
/* pop burst */
#fkpush-box .fkpush-burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}
#fkpush-box .fkpush-burst::before{content:"";position:absolute;left:-23px;top:-23px;width:46px;height:46px;border-radius:50%;border:2px solid rgba(233,213,255,.95);box-shadow:0 0 20px rgba(192,38,211,.55);opacity:0;animation:fkpush-ring .75s cubic-bezier(.16,1,.3,1) forwards}
#fkpush-box .fkpush-burst b{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#d8b4fe,#f0abfc);box-shadow:0 0 9px rgba(216,180,254,.9);opacity:0;animation:fkpush-spark .75s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i)*8ms)}
#fkpush-box .fkpush-yes.is-pop{animation:fkpush-pop .6s cubic-bezier(.22,1.4,.36,1)}
@keyframes fkpush-in{from{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:1;transform:none}}
@keyframes fkpush-spin{to{transform:rotate(360deg)}}
@keyframes fkpush-tick{to{stroke-dashoffset:0}}
@keyframes fkpush-pop{0%{scale:1}25%{scale:.82}60%{scale:1.1}100%{scale:1}}
@keyframes fkpush-ring{0%{transform:scale(.7);opacity:.95}100%{transform:scale(2.8);opacity:0}}
@keyframes fkpush-spark{0%{transform:rotate(var(--r)) translateY(-22px) scale(.5);opacity:1}100%{transform:rotate(var(--r)) translateY(-54px) scale(.1);opacity:0}}
@keyframes fkpush-shake{0%,100%{transform:none}20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
@media(max-width:767px){#fkpush-box{right:12px;left:12px;width:auto;bottom:calc(var(--fk-mobile-nav-height,76px) + 12px + env(safe-area-inset-bottom,0px));padding:15px 15px 14px}}
@media(prefers-reduced-motion:reduce){#fkpush-box,#fkpush-box *{animation-duration:.01s!important;transition-duration:.01s!important}}