/* The same circle and glow as the presentation and flow-line endpoints. */
#flow-cursor{position:fixed;inset:0 auto auto 0;margin:0;padding:0;border:0;width:8.4px;height:8.4px;border-radius:50%;background:var(--flow-cursor-colour,#59c9a5);box-shadow:0 0 6px var(--flow-cursor-colour,#59c9a5),0 0 14px color-mix(in srgb,var(--flow-cursor-colour,#59c9a5) 45%,transparent);pointer-events:none;visibility:hidden;z-index:2147483647;transition:none;overflow:visible}
#flow-cursor::backdrop{background:transparent;pointer-events:none}
.flow-cursor-active,.flow-cursor-active body,.flow-cursor-active body *{cursor:none!important}
/* A ring marks links and controls; form fields, touch and forced colours keep the native cursor. */
#flow-cursor::after{content:'';position:absolute;inset:-8px;border-radius:50%;border:1.5px solid var(--flow-cursor-colour,#59c9a5);box-shadow:0 0 10px color-mix(in srgb,var(--flow-cursor-colour,#59c9a5) 40%,transparent);opacity:0;transform:scale(.4);transition:opacity .15s,transform .15s}
#flow-cursor.is-interactive::after{opacity:.9;transform:scale(1)}
@media(prefers-reduced-motion:reduce){#flow-cursor::after{transition:none}}
@media(forced-colors:active){#flow-cursor{display:none!important}}