/* ... (Garde TOUT ton CSS d'avant pour cet outil et ajoute ça tout en haut) ... */
.back-btn {
  display: inline-block;
  color: #4da6ff;
  text-decoration: none;
  margin-bottom: 20px;
  font-size: 0.9rem;
}
.back-btn:hover { text-decoration: underline; }

body {
  font-family: sans-serif;
  text-align: center;
  background-color: #1a1a1a;
  color: #ffffff;
  margin: 0;
  padding: 20px;
}
#app { max-width: 400px; margin: 0 auto; }
.question-container { background-color: #2a2a2a; padding: 20px; border-radius: 12px; margin-bottom: 20px; }
#question-text { font-size: 1.8rem; font-weight: bold; color: #4da6ff; }
#feedback { height: 24px; font-weight: bold; margin-bottom: 20px; }
.correct { color: #4caf50; }
.wrong { color: #f44336; }
#buttons-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
button { padding: 20px 10px; font-size: 1.2rem; font-weight: bold; cursor: pointer; border: none; border-radius: 8px; background-color: #333; color: white; transition: background-color 0.1s; }
button:hover { background-color: #444; }
button:active { background-color: #555; transform: scale(0.95); }