main h1,main h2{--drag-x:0px;--drag-y:0px;translate:var(--drag-x) var(--drag-y);transition:translate .5s cubic-bezier(.16,1,.3,1),filter .35s ease;cursor:grab;touch-action:none;user-select:none;will-change:translate,filter}
main h1.cyber-dragging,main h2.cyber-dragging{cursor:grabbing;transition:filter .18s ease;background:linear-gradient(135deg,#dff5ff 0%,#6cc5ff 25%,#348cff 50%,#9fdcff 72%,#2570db 100%)!important;background-size:180% 100%!important;background-position:calc(50% + var(--drag-x)) center!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-stroke:.55px rgba(143,211,255,.88)!important;filter:drop-shadow(0 2px 0 rgba(220,248,255,.35)) drop-shadow(calc(var(--drag-x)*-.35) calc(8px + var(--drag-y)*-.2) 14px rgba(0,0,0,.8)) drop-shadow(0 0 25px rgba(48,143,255,.58))!important}
main h1.cyber-dragging span,main h2.cyber-dragging em{background:inherit!important;background-position:inherit!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-stroke:inherit!important}
main h1:after,main h2:after{content:"DRAG · CYBER SHIFT";position:absolute;left:0;bottom:-19px;color:#5399ed;font:600 6px 'Chakra Petch',sans-serif;letter-spacing:.18em;opacity:0;translate:0 5px;transition:.25s;pointer-events:none}
main h1:hover:after,main h2:hover:after,main h1.cyber-dragging:after,main h2.cyber-dragging:after{opacity:.55;translate:0 0}
@media(max-width:720px){main h1:after,main h2:after{display:none}}
@media(prefers-reduced-motion:reduce){main h1,main h2{translate:0!important;cursor:default}}