/* 01 // Index (The Gateway) — data probe + site grain. */
html.neural-site body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9000;
  pointer-events: none;
  opacity: 0.02;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' seed='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  background-size: 180px 180px;
  mix-blend-mode: multiply;
}

#neural-cursor {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10010;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  pointer-events: none;
  will-change: transform;
  opacity: 0;
  transition: opacity 0.2s ease, color 0.28s ease;
  color: var(--fg);
}

#neural-cursor.is-reading {
  color: var(--accent);
}

html.has-neural-cursor #neural-cursor {
  opacity: 1;
}

#neural-cursor.nc-hidden {
  opacity: 0;
  pointer-events: none;
}

html.has-neural-cursor:not(.neural-cursor-off):not(.neural-reduce) {
  cursor: none !important;
}

html.has-neural-cursor input,
html.has-neural-cursor textarea,
html.has-neural-cursor select,
html.has-neural-cursor [contenteditable="true"] {
  cursor: text !important;
}

html.neural-cursor-off #neural-cursor,
html.neural-reduce #neural-cursor {
  display: none;
}

/* Probe ring + tendrils: reading state = ring expands, tendrils contract */
.nc-ring {
  transform-origin: 40px 40px;
  transition: transform 0.28s cubic-bezier(0.22, 0.8, 0.26, 1);
  transform: scale(1);
}

.nc-tendril-group {
  transform-origin: 40px 40px;
  transition: transform 0.3s cubic-bezier(0.22, 0.8, 0.26, 1), opacity 0.3s ease;
  transform: scale(1);
}

#neural-cursor.is-reading .nc-ring {
  transform: scale(1.55);
}

#neural-cursor.is-reading .nc-tendril-group {
  transform: scale(0.32);
  opacity: 0.5;
}

@media (prefers-reduced-motion: reduce) {
  html.neural-site body::after {
    opacity: 0.012;
  }
}