/* Background Paths — анимированные кривые для страницы поиска людей */
.background-paths-page {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  background-color: var(--color-background);
}
.dark .background-paths-page {
  background-color: #0a0a0a;
}
.background-paths-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
.background-paths-layer svg {
  width: 100%;
  height: 100%;
  color: var(--color-text-primary);
  opacity: 0.28;
}
.dark .background-paths-layer svg {
  color: #fff;
  opacity: 0.18;
}
.background-paths-layer path {
  fill: none;
  stroke: currentColor;
  stroke-width: 0.8;
  stroke-linecap: round;
  animation: background-path-pulse 18s ease-in-out infinite;
}
.background-paths-layer path:nth-child(odd) {
  animation-delay: -2s;
}
.background-paths-layer path:nth-child(3n) {
  animation-delay: -5s;
}
.background-paths-layer path:nth-child(5n) {
  animation-delay: -9s;
}
@keyframes background-path-pulse {
  0%, 100% { opacity: 0.35; }
  50% { opacity: 0.7; }
}