.choice-btn.correct {
  border-color: #28a745;
  background-color: #d4edda;
  color: #155724;
}
.choice-btn.wrong {
  border-color: #dc3545;
  background-color: #f8d7da;
  color: #721c24;
}
.layout-shell {
  min-height: 100vh;
}
.sticky-sidebar {
  position: sticky;
  top: 1rem;
}
.history-card {
  max-height: 60vh;
  overflow-y: auto;
}
.history-btn {
  flex: 1 1 auto;
  text-align: left;
  white-space: normal;
}
.history-row {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.history-delete {
  flex: 0 0 auto;
  line-height: 1;
  padding: 0.25rem 0.5rem;
}
#historyPagination {
  flex-wrap: wrap;
  gap: 0.5rem;
}
.badge-mode {
  font-size: 0.75rem;
}