.mercury-cursor {
  display: none;
  position: fixed;
  inset: 0 auto auto 0;
  width: 96px;
  height: 96px;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
  background: transparent;
  pointer-events: none;
  z-index: 2147483647;
  opacity: 0;
}
.mercury-cursor.is-visible { opacity: 1; }
.mercury-cursor canvas { display: block; width: 100%; height: 100%; pointer-events: none; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .mercury-cursor.is-visible { display: block; }
  html.mercury-active, html.mercury-active * { cursor: none !important; }
  html.mercury-active input, html.mercury-active textarea,
  html.mercury-active [contenteditable]:not([contenteditable="false"]),
  html.mercury-active [contenteditable]:not([contenteditable="false"]) * { cursor: text !important; }
  html.mercury-active select { cursor: auto !important; }
}