.reading-progress {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  height: 6px;
  overflow: hidden;
  background: rgba(212, 228, 244, 0.3);
  pointer-events: none;
}

.reading-progress__fill {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0 0 6px;
  background: linear-gradient(90deg, #32d7fe, #00c8ff);
  box-shadow: 0 0 12px rgba(50, 215, 254, 0.55);
  transform: scaleX(0);
  transform-origin: left center;
}

@media (prefers-reduced-motion: no-preference) {
  .reading-progress__fill {
    transition: transform 80ms linear;
  }
}