/* ==========================================================================
   Прорисовка рукописных пометок
   Работает только с обводкой (stroke): линия прячется через stroke-dashoffset
   и «дорисовывается» до нуля. Длину пути считает JS через getTotalLength(),
   он же выставляет сами значения — здесь только правило перехода.

   Если скрипт не выполнится, пометка просто остаётся нарисованной.
   ========================================================================== */
.note-draw path {
  transition: stroke-dashoffset var(--note-draw-duration) var(--note-draw-ease)
    var(--note-draw-delay, 0s);
}

/* Уважаем «уменьшить движение»: никакой анимации, пометка сразу нарисована.
   JS при этой настройке вообще не прячет линии — правило страхует случай,
   когда настройку меняют уже после загрузки. */
@media (prefers-reduced-motion: reduce) {
  .note-draw path {
    transition: none;
    stroke-dashoffset: 0 !important;
  }
}