/* ============================================================
   BG Remover — Progress Bar
   ============================================================ */

.progress-bar {
  position: relative;
  height: 10px;
  width: 100%;
  background: var(--bg-subtle);
  border-radius: var(--radius-pill);
  overflow: hidden;
  border: 1px solid var(--border-default);
}

.progress-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, var(--color-yellow-strong), var(--color-yellow));
  border-radius: inherit;
  transition: width var(--dur-base) var(--ease-standard);
}

.progress-bar[aria-valuenow="0"] .progress-fill {
  width: 12%;
  animation: progressIndeterminate 1.4s var(--ease-in-out) infinite;
}

@keyframes progressIndeterminate {
  0% { transform: translateX(-100%); }
  50% { transform: translateX(20%); }
  100% { transform: translateX(100%); }
}