.cursor-path {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
}

.cursor-path :is(path, polyline) {
  fill: none;
  stroke: #e87925;
  stroke-width: 1.4;
  stroke-opacity: .65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

[data-theme="dark"] .cursor-path :is(path, polyline) {
  stroke: #ffb278;
  stroke-opacity: .6;
}

/* Replace the motion droplet only while the optional vines are active. */
.home-cursor-path.cursor-vines-active .cursor-trail { display: none; }

@media (prefers-reduced-motion: reduce), (any-hover: none), (forced-colors: active) {
  .cursor-path { display: none; }
}