/* Reading progress bar */
.reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: transparent;
  z-index: 9999;
  pointer-events: none;
}

.reading-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #f06292 0%, #ec407a 100%);
  width: 0%;
  transition: width 0.1s ease-out;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
  .reading-progress-fill {
    background: linear-gradient(90deg, #ff6090 0%, #ff4081 100%);
  }
}