/* ─────────────────────────────────────
   CURSOR — custom inverted cursor
───────────────────────────────────── */

/* Hide default cursor for custom cursor implementation */
@media (pointer: fine) {
  body, a, button, .toggle, .work-item { cursor: none !important; }
}

.custom-cursor {
  position: fixed; top: 0; left: 0; width: 10px; height: 10px;
  background: #FFF; border-radius: 50%; pointer-events: none;
  z-index: 10000; mix-blend-mode: difference;
  transform: translate(-50%, -50%);
  transition:
    transform 0.12s cubic-bezier(0.16,1,0.3,1),
    width 0.3s cubic-bezier(0.16,1,0.3,1),
    height 0.3s cubic-bezier(0.16,1,0.3,1),
    opacity 0.35s ease,
    border-radius 0.25s ease;
  will-change: transform, width, height;
}
.custom-cursor.expand { width: 44px; height: 44px; background: transparent; border: 1.5px solid #FFF; }
.custom-cursor.hidden { opacity: 0; }
.custom-cursor.press { width: 8px; height: 8px; }
.custom-cursor.expand.press { width: 38px; height: 38px; }
.custom-cursor.text-mode { width: 2px; height: 22px; border-radius: 1px; background: #FFF; }