.touch-glow-layer{position:fixed;inset:0;z-index:24;overflow:hidden;pointer-events:none;contain:strict}
.touch-glow-halo{position:absolute;left:-88px;top:-88px;width:176px;height:176px;border-radius:50%;opacity:0;background:radial-gradient(circle,rgba(235,242,200,.22) 0,rgba(171,208,163,.13) 24%,rgba(125,177,150,.035) 48%,transparent 70%);mix-blend-mode:screen;transition:opacity .38s ease-out;will-change:transform}
.touch-glow-halo.is-visible{opacity:1;transition:opacity .16s ease-out}
.touch-glow-ring{position:absolute;width:46px;height:46px;border:1px solid #9bad7b66;border-radius:50%;box-shadow:0 0 13px #cfdfab13,inset 0 0 12px #dce5b70d;animation:touch-ink-bloom .72s cubic-bezier(.12,.65,.3,1) both}
.touch-glow-ring::before{content:"";position:absolute;inset:5px;border:1px dotted #b4c29552;border-radius:50%;transform:rotate(22deg)}
.touch-glow-ring::after{content:"";position:absolute;left:calc(50% - 2px);top:-3px;width:4px;height:4px;border:1px solid #d2dcb5b3;background:#728a6740;transform:rotate(45deg)}
.intro-active .touch-glow-layer{visibility:hidden}
@keyframes touch-ink-bloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-12deg)}18%{opacity:.85}100%{opacity:0;transform:translate(-50%,-50%) scale(1.35) rotate(12deg)}}
@media(prefers-reduced-motion:reduce){.touch-glow-layer{display:none}.touch-glow-halo{will-change:auto}}