/**
 * Dark blurred bridges between orbs when they float within ~one diameter (JS-driven).
 */

.orb-links-layer {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: visible;
}

.orb-link {
  stroke: rgba(26, 46, 26, 0.62);
  stroke-linecap: round;
  filter: url(#orb-link-blur);
  transition: opacity 0.35s ease;
}

html[data-theme="dark"] .orb-link {
  stroke: rgba(2, 12, 42, 0.78);
}

@media (prefers-reduced-motion: reduce) {
  .orb-links-layer {
    display: none;
  }
}