Magnetic Cursor

The field draws its own cursor and hides the native one with cursor: none. The spring runs in rAF rather than a CSS transition: a transition cannot change its target mid-flight, and the hand changes it constantly. Every frame the nearest button within the pull radius is found; it takes the ring over and hands it its own width, height and corner radius — the ring slips onto the target while the button itself lifts and takes the accent. With no target in reach the ring stretches along the movement and squeezes across it: the stretch is computed from the ring's own speed rather than from pointer events, because those arrive in bursts. Frames are computed only while the hand is inside the field and the spring has not settled. The theme comes from the surroundings through light-dark(), and prefers-reduced-motion turns the inertia off — the ring simply follows the hand.