/* ==============================
   Scroll Progress Bar
   Pixel Phantoms Theme
   ============================== */

#scroll-progress-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  /* thin hacker-style bar */
  background: transparent;
  z-index: 9999;
  pointer-events: none;
}

#scroll-progress-bar {
  height: 100%;
  width: 0%;
  background: var(--accent-color, #00ff99);
  box-shadow:
    0 0 6px rgba(0, 255, 153, 0.6),
    0 0 12px rgba(0, 255, 153, 0.3);
  transition: width 0.12s linear;
}