/* ─── Lesson scroll progress (research §1.2 «полоса + оставшееся время») ─── */

.lesson-scroll-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: transparent;
  z-index: 100;
  pointer-events: none;
}
.lesson-scroll-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--c-primary), #2563eb);
  width: 0%;
  transition: width 0.08s linear;
}

.lesson-reading-meta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.lesson-autocomplete-toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: #047857;
  color: #fff;
  padding: 12px 20px;
  border-radius: var(--r);
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  z-index: 150;
  opacity: 0;
  transition: opacity var(--t-normal), transform var(--t-normal);
  display: flex;
  align-items: center;
  gap: 8px;
}
.lesson-autocomplete-toast.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

@media (max-width: 768px) {
  .lesson-autocomplete-toast { bottom: 80px; }
}