/* Telegram support button (dashboard) + tap animation for every click */
@keyframes gksRipple{from{transform:translate(-50%,-50%) scale(.15);opacity:.9}to{transform:translate(-50%,-50%) scale(1);opacity:0}}
@keyframes gksSpark{from{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2);opacity:0}}


.gks-tap{position:fixed;z-index:2147483600;width:84px;height:84px;border-radius:50%;pointer-events:none;border:2px solid rgba(189,141,243,.95);background:radial-gradient(circle,rgba(189,141,243,.28),rgba(189,141,243,0) 70%);box-shadow:0 0 18px rgba(189,141,243,.55);animation:gksRipple .6s cubic-bezier(.2,.7,.2,1) forwards}
.gks-tap.t2{border-color:rgba(56,189,248,.9);box-shadow:0 0 16px rgba(56,189,248,.5);background:none;animation-delay:.09s;opacity:0}
.gks-press{transition:transform .12s ease,filter .12s ease!important;transform:scale(.96)!important;filter:brightness(1.18)!important}
@media (prefers-reduced-motion:reduce){.gks-tap{animation:none!important}}
/* ---- Telegram logo button (round, blue + white plane). Only transform/opacity animations = smooth on phones ---- */
#gks-help{position:fixed;right:14px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:9000;display:none;width:54px;height:54px;border-radius:50%;text-decoration:none;-webkit-tap-highlight-color:transparent;padding:0;background:none;border:0;box-shadow:none;touch-action:manipulation}
#gks-help.on{display:block;animation:gksHelpIn .45s cubic-bezier(.2,.9,.3,1.25) both}
#gks-help .gh-svg{position:relative;z-index:2;display:block;width:54px;height:54px;border-radius:50%;filter:drop-shadow(0 6px 12px rgba(178,23,49,.55));transition:transform .18s ease}
#gks-help .gh-plane{transform-box:fill-box;transform-origin:center;animation:gksPlane 3.4s ease-in-out infinite}
#gks-help .gh-ring{position:absolute;inset:0;z-index:1;border-radius:50%;border:2px solid rgba(61,185,244,.7);opacity:0;animation:gksRing 2.8s ease-out infinite;pointer-events:none}
#gks-help .gh-ring.r2{animation-delay:1.4s}
#gks-help:active .gh-svg{transform:scale(.88)}
#gks-help:active .gh-plane{animation:gksFly .35s ease-out}
@keyframes gksHelpIn{from{opacity:0;transform:translateY(18px) scale(.6)}to{opacity:1;transform:none}}
@keyframes gksRing{0%{transform:scale(1);opacity:.75}80%,100%{transform:scale(1.7);opacity:0}}
@keyframes gksPlane{0%,100%{transform:translate(0,0) rotate(0)}30%{transform:translate(1.6px,-1.6px) rotate(-5deg)}60%{transform:translate(-.6px,.8px) rotate(3deg)}}
@keyframes gksFly{0%{transform:translate(0,0)}60%{transform:translate(9px,-9px);opacity:0}61%{transform:translate(-9px,9px);opacity:0}100%{transform:translate(0,0);opacity:1}}
@media (prefers-reduced-motion:reduce){#gks-help .gh-ring,#gks-help .gh-plane{animation:none!important}}
body:has(#gks-side-drawer.active) #gks-help,body:has(.modal-overlay:not(.hidden)) #gks-help,body:has(#hk-modal.on) #gks-help{display:none!important}