body { font-family: sans-serif; text-align: center; }
#history { max-width: 500px; margin: auto; }
.row { display: flex; align-items: center; gap: 10px; margin: 8px 0; }
.thumb { width: 60px; height: 60px; object-fit: cover; }
progress {
  width: 100%;
  height: 14px;
  appearance: none;
  -webkit-appearance: none;
}

progress::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 7px;
}

progress.loading::-webkit-progress-value {
  background-color: #1e88e5; /* azul */
  border-radius: 7px;
}

progress.done::-webkit-progress-value {
  background-color: #2e7d32; /* verde */
  border-radius: 7px;
}