.dg-reading-progress {
  position: fixed;
  inset: 0 0 auto;
  z-index: 10000;
  pointer-events: none;
  overflow: hidden;
  contain: layout paint;
}
.dg-reading-progress[hidden] { display: none; }
.dg-reading-progress-bottom { inset: auto 0 0; }
.dg-reading-progress-track { background: var(--background-modifier-border, transparent); }
.dg-reading-progress-fill {
  width: 100%;
  height: 100%;
  background: var(--interactive-accent, var(--text-accent, var(--color-accent, currentColor)));
  transform: scaleX(0);
  transform-origin: left center;
  border-radius: 0 2px 2px 0;
  transition: transform 100ms linear;
}
@media (prefers-reduced-motion: reduce) {
  .dg-reading-progress-fill { transition: none; }
}
@media print { .dg-reading-progress { display: none; } }
.dg-reading-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 10px 0; font-size: 13px; color: var(--text-muted); }
.dg-reading-meta button { border: 0; background: transparent; color: var(--text-accent); box-shadow: none; padding: 2px 0; font-size: inherit; }
.dg-reading-meta [hidden] { display: none; }
@media print { .dg-reading-meta { display: none !important; } }