/* ---------------------------------------------------------------
   Цветные мазки кисти на весь экран — фон окна входа и разделов
   «Настройки»/«Администрирование». SVG-разметка — в
   templates/_brush_bg.html. На рабочих страницах (.static) мазки без
   анимации и потише, чтобы не отвлекать.
--------------------------------------------------------------- */
.brush-bg {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
}

.stroke {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  animation: stroke-in 1.8s cubic-bezier(0.16, 0.8, 0.2, 1) forwards;
}

.stroke { opacity: 0; }
.s1 { animation-delay: 0s; }
.s2 { animation-delay: 0.12s; }
.s3 { animation-delay: 0.24s; }
.s4 { animation-delay: 0.36s; }
.s5 { animation-delay: 0.48s; }
.s6 { animation-delay: 0.6s; }
.s7 { animation-delay: 0.72s; }
.s8 { animation-delay: 0.84s; }
.s9 { animation-delay: 0.96s; }
.s10 { animation-delay: 1.08s; }

@keyframes stroke-in {
  0% { opacity: 0; transform: scale(0.6); }
  55% { opacity: 0.5; }
  100% { opacity: 0.42; transform: scale(1); }
}


.brush-bg.static .stroke {
  animation: none;
  opacity: 0.28;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .stroke {
    animation: none !important;
    opacity: 0.42 !important;
    transform: none !important;
  }
}