.signal-scene{isolation:isolate;touch-action:pan-y;contain:layout paint;width:100%;height:100%;min-height:300px;position:relative;overflow:hidden}.signal-object{transform:translateY(calc((var(--progress,.5) - .5) * -46px)) rotate(calc((var(--progress,.5) - .5) * 13deg));position:absolute;inset:0}.signal-canvas,.signal-still{position:absolute;inset:0}.signal-canvas>div{width:100%;height:100%}.signal-shadow{opacity:.19;filter:blur(13px);background:#6d79bc;border-radius:50%;width:44%;height:7%;position:absolute;bottom:12%;left:29%;transform:rotate(-9deg)}.signal-orbit-line{pointer-events:none;border:1px solid #334cc229;border-radius:50%;width:86%;height:67%;position:absolute;top:17%;left:7%}.signal-orbit-line-one{transform:rotate(-25deg)}.signal-orbit-line-two{opacity:.55;transform:rotate(35deg)scale(.86)}.signal-still{perspective:800px}.signal-still-loop{aspect-ratio:1;box-sizing:border-box;border-radius:50%;width:56%;position:absolute;top:15%;left:22%}.signal-still-loop-front{background:0 0;border:clamp(22px,4vw,47px) solid #334cc2;transform:rotateX(22deg)rotateY(-22deg)rotate(-24deg);box-shadow:inset 8px 7px 9px #ffffff57,inset -7px -4px 9px #1425705c,9px 15px #24399c,12px 21px 18px #24399c21}.signal-still-loop-back{border:clamp(14px,2.8vw,27px) solid #9daeea;width:61%;top:16%;left:20%;transform:rotateX(62deg)rotateY(28deg)rotate(-38deg);box-shadow:6px 7px #7287d4,inset 3px 4px 4px #fff6}.signal-still-orb{aspect-ratio:1;background:radial-gradient(circle at 32% 27%,#fff 0%,#f0f2f6 12%,#c1cadd 38%,#7785b1 63%,#bbc9e9 85%);border-radius:50%;width:18%;position:absolute;top:19%;left:56%;box-shadow:5px 9px 15px #1b30712e}.signal-still-dot{aspect-ratio:1;background:radial-gradient(circle at 30% 25%,#ffe3bc,#ebad79 50%,#bb785a);border-radius:50%;width:7%;position:absolute;top:64%;left:24%}@media (max-width:640px){.signal-scene{min-height:250px}}@media (prefers-reduced-motion:reduce){.signal-object{transform:none}}