/* Cocoa XP — cocoa pod cursor =============================================
   A tiny inline-SVG cocoa pod follows the pointer on desktop (fine) with
   a mouse. On touch devices (pointer: coarse) and for reduced-motion users
   we leave the native cursor alone so nothing feels broken.
   ======================================================================== */

.cocoa-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 28px;
  height: 42px;
  margin: -2px 0 0 -14px;     /* nudge so the pod hangs under the tip */
  pointer-events: none;
  z-index: 2147483647;
  will-change: transform, opacity;
  transform: translate3d(-9999px, -9999px, 0);
  opacity: 0;
  transition: opacity 120ms ease, transform 120ms ease;
  line-height: 0;
  display: block;
}

/* shown once the pointer has moved at least once */
.cocoa-cursor.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* pod SVG — inline so we never need a network request */
.cocoa-cursor svg {
  display: block;
  width: 28px;
  height: 42px;
  overflow: visible;
}

/* gentle lift + slight scale on interactive stuff */
.cocoa-cursor.is-hint {
  transform: translate3d(0, 0, 0) scale(1.12);
  transition: opacity 120ms ease, transform 140ms cubic-bezier(.22, .61, .21, 1);
}

/* reduced-motion / touch → native cursor */
@media (pointer: coarse), (prefers-reduced-motion: reduce) {
  .cocoa-cursor { display: none !important; }
}