#foxfuel-quiz { font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; }
.quiz-option { display: block; margin: 10px 0; padding: 10px; background: #f4f4f4; border: 1px solid #ddd; cursor: pointer; text-align: left; }
.quiz-option:hover { background: #eaeaea; }
.quiz-result { text-align: center; padding: 20px; }
.quiz-progress-container { background: #eee; border-radius: 5px; overflow: hidden; margin: 10px 0; }
#quiz-progress-bar { height: 10px; background: #4CAF50; width: 0%; transition: width 0.3s ease; }
#quiz-progress-text { font-size: 12px; text-align: center; margin-top: 5px; }

.quiz-retake {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 16px;
    background: #f44336;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.quiz-retake:hover {
    background: #d32f2f;
}