body { font-family: 'Noto Sans KR', sans-serif; background-color: #F0F5FF; }
.quiz-option.selected.correct { background-color: #22C55E; color: white; transform: scale(1.05); }
.quiz-option.selected.incorrect { background-color: #EF4444; color: white; transform: scale(1.05); }
.quiz-option.disabled { opacity: 0.7; cursor: not-allowed; }
#explanation-box, .word-detail-box, #trend-screen { animation: fadeIn 0.5s ease-in-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.timer-svg { transform: rotate(-90deg); }
.timer-circle-progress { stroke: #FBBF24; stroke-linecap: round; transition: stroke-dashoffset 1s linear; }
.main-menu-btn { transition: all 0.2s ease-in-out; }
.main-menu-btn:hover { transform: translateY(-4px); box-shadow: 0 10px 20px -5px rgba(0,0,0,0.1); }
.chart-container { position: relative; width: 100%; height: 120px; }