/* Magic Mouse cursor styles */
#magicMouseCursor, #magicPointer {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 99999;
  transform: translate3d(-50%, -50%, 0);
  transition: transform 0.15s ease, opacity 0.15s ease;
}

#magicMouseCursor {
  width: 38px;
  height: 38px;
  border: 2px solid rgba(255, 255, 255, 0.85);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  mix-blend-mode: difference;
}

#magicPointer {
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 50%;
}

.pointer-blur {
  filter: blur(2px);
}

.pointer-overlay {
  background: rgba(255, 255, 255, 0.35);
}

/* Hide the default cursor when custom pointer is active */
body:not(.no-cursor) {
  cursor: none;
}