/* Прячем системный курсор везде, КРОМЕ полей ввода/редактируемых областей */
*:not(input):not(textarea):not(select):not([contenteditable]) { cursor: none !important; }

/* Канвас со следом */
.cursor-canvas {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 99999;
}

/* Точка-курсор */
.cursor-dot {
  position: fixed;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 999999;
  background-color: #F4E3B3; /* базовый цвет */
  transform: translate(-100px, -100px); /* за кадром до первого движения */
  will-change: transform, background-color;
}

/* На устройствах без hover (мобильных) — ничего не рисуем */
@media (hover: none) {
  .cursor-canvas, .cursor-dot { display: none !important; }
  * { cursor: auto !important; }
}