body {
    font-family: 'Inter', sans-serif;
}
.font-serif {
    font-family: 'Playfair Display', serif;
}
/* Styles for the quiz (initially hidden) */
.quiz-container {
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.quiz-step {
    display: none;
}
.quiz-step.active {
    display: block;
}
.option-card {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s, border-color 0.2s;
}
.option-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* --- ADDITIONS START HERE --- */

/* Corrected selected state with green theme */
.option-card.selected {
    border-color: #10B981; /* emerald-500 */
    background-color: #ECFDF5; /* emerald-50 */
    transform: scale(1.02);
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.05);
}

/* Animation for validation shake */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}
.animate-shake {
    animation: shake 0.5s ease-in-out;
}

/* Animation for encouragement message */
.encouragement-fade {
    transition: opacity 0.5s ease-in-out;
}

/* --- ADDITIONS END HERE --- */

.progress-bar-fill {
    transition: width 0.5s ease-in-out;
    background-color: #059669; /* emerald-600 */
}