@import"https://fonts.googleapis.com/css2?family=Cute+Font&display=swap";.lyrics-quiz-tool[data-v-f57590f2]{max-width:700px;margin:0 auto;padding:1.5rem;font-family:Pretendard,Apple SD Gothic Neo,sans-serif}.hero[data-v-f57590f2]{text-align:center;margin-bottom:2rem}.hero-icon[data-v-f57590f2]{font-size:4rem;margin-bottom:.5rem}.hero h2[data-v-f57590f2]{font-size:1.8rem;margin:.25rem 0;color:#1a1a2e;font-family:Cute Font,cursive;color:#c77dff}.hero p[data-v-f57590f2]{color:#666;font-size:1rem}.difficulty-select h3[data-v-f57590f2]{text-align:center;margin-bottom:1rem;color:#333}.difficulty-buttons[data-v-f57590f2]{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.diff-btn[data-v-f57590f2]{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 1.5rem;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;min-width:110px}.diff-btn[data-v-f57590f2]:hover{border-color:#7c3aed;transform:translateY(-2px)}.diff-btn.active[data-v-f57590f2]{border-color:#7c3aed;background:#f3e8ff}.diff-icon[data-v-f57590f2]{font-size:1.5rem}.diff-name[data-v-f57590f2]{font-weight:700;font-size:.95rem;color:#333}.diff-desc[data-v-f57590f2]{font-size:.75rem;color:#888;text-align:center}.start-btn[data-v-f57590f2]{display:block;width:100%;margin-top:2rem;padding:1rem;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:14px;cursor:pointer;transition:all .2s}.start-btn[data-v-f57590f2]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #7c3aed4d}.quiz-header[data-v-f57590f2]{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.progress-info[data-v-f57590f2]{flex:1}.progress-info span[data-v-f57590f2]{font-size:.85rem;color:#666}.progress-bar[data-v-f57590f2]{height:6px;background:#e9ecef;border-radius:3px;margin-top:4px}.progress-fill[data-v-f57590f2]{height:100%;background:#7c3aed;border-radius:3px;transition:width .3s}.score-display[data-v-f57590f2]{font-weight:700;color:#7c3aed;font-size:.95rem}.timer-display[data-v-f57590f2]{font-size:.9rem;font-weight:600;color:#444}.timer-display.warning[data-v-f57590f2]{color:#ef4444}.timer-bar[data-v-f57590f2]{height:4px;background:#e9ecef;border-radius:2px;margin-bottom:1.25rem}.timer-fill[data-v-f57590f2]{height:100%;background:#7c3aed;border-radius:2px;transition:width 1s linear}.timer-fill.warning[data-v-f57590f2]{background:#ef4444}.question-card[data-v-f57590f2]{background:#fff;border-radius:18px;padding:1.5rem;box-shadow:0 2px 16px #00000014}.song-info[data-v-f57590f2]{display:flex;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.genre-badge[data-v-f57590f2],.year-badge[data-v-f57590f2]{padding:.2rem .65rem;border-radius:20px;font-size:.75rem;font-weight:600}.genre-badge[data-v-f57590f2]{background:#ede9fe;color:#7c3aed}.year-badge[data-v-f57590f2]{background:#e0f2fe;color:#0284c7}.song-meta[data-v-f57590f2]{font-size:.88rem;color:#555;margin-bottom:1rem}.lyric-display[data-v-f57590f2]{display:flex;align-items:flex-start;gap:.75rem;background:#f1f5f9;border-radius:12px;padding:1.25rem 1rem;margin-bottom:1rem}.music-note[data-v-f57590f2]{font-size:1.2rem;color:#a855f7;flex-shrink:0;margin-top:2px}.lyric-lines[data-v-f57590f2]{flex:1}.lyric-line[data-v-f57590f2]{margin:.2rem 0;font-size:1.05rem;line-height:1.7;color:#222}.lyric-line[data-v-f57590f2] .blank{display:inline-block;background:#ede9fe;color:#7c3aed;padding:.1rem .4rem;border-radius:6px;font-weight:700;letter-spacing:2px}.hint-box[data-v-f57590f2]{background:#fef9c3;border:1px solid #fde68a;border-radius:10px;padding:.75rem 1rem;font-size:.9rem;color:#92400e;margin-bottom:.75rem}.answer-area[data-v-f57590f2]{display:flex;gap:.5rem;margin-bottom:.75rem}.answer-input[data-v-f57590f2]{flex:1;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;outline:none;transition:border-color .2s}.answer-input[data-v-f57590f2]:focus{border-color:#7c3aed}.submit-btn[data-v-f57590f2]{padding:.75rem 1.25rem;background:#7c3aed;color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .2s}.submit-btn[data-v-f57590f2]:hover{background:#6d28d9}.result-feedback[data-v-f57590f2]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:10px;margin-bottom:.75rem;font-size:.95rem}.result-feedback.correct[data-v-f57590f2]{background:#dcfce7;color:#166534}.result-feedback.wrong[data-v-f57590f2]{background:#fee2e2;color:#991b1b}.feedback-icon[data-v-f57590f2]{font-size:1.2rem}.feedback-text em[data-v-f57590f2]{font-style:normal;font-weight:700}.action-row[data-v-f57590f2]{display:flex;justify-content:center;gap:.75rem}.hint-btn[data-v-f57590f2]{padding:.6rem 1rem;background:#fef9c3;color:#92400e;border:1px solid #fde68a;border-radius:8px;font-size:.88rem;cursor:pointer;transition:all .2s}.hint-btn[data-v-f57590f2]:hover{background:#fef08a}.next-btn[data-v-f57590f2]{padding:.75rem 1.5rem;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.next-btn[data-v-f57590f2]:hover{transform:translateY(-1px);box-shadow:0 3px 10px #7c3aed4d}.phase-result[data-v-f57590f2]{text-align:center}.result-hero[data-v-f57590f2]{margin-bottom:2rem}.result-grade[data-v-f57590f2]{font-size:4rem;margin-bottom:.5rem}.phase-result h2[data-v-f57590f2]{font-size:1.6rem;color:#1a1a2e;margin:.25rem 0;font-family:Cute Font,cursive;color:#c77dff}.result-score[data-v-f57590f2]{font-size:1.1rem;color:#444}.result-correct[data-v-f57590f2]{font-size:1rem;color:#7c3aed;font-weight:700}.result-breakdown[data-v-f57590f2]{text-align:left;margin:1.5rem 0;display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.breakdown-item[data-v-f57590f2]{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:8px;font-size:.88rem}.breakdown-item.correct[data-v-f57590f2]{background:#dcfce7}.breakdown-item.wrong[data-v-f57590f2]{background:#fee2e2}.breakdown-song[data-v-f57590f2]{flex:1;font-weight:600;color:#333}.breakdown-answer[data-v-f57590f2]{color:#666;font-size:.82rem}.result-actions[data-v-f57590f2]{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.retry-btn[data-v-f57590f2]{padding:.75rem 1.5rem;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.retry-btn[data-v-f57590f2]:hover{transform:translateY(-2px);box-shadow:0 4px 14px #7c3aed4d}.home-btn[data-v-f57590f2]{padding:.75rem 1.5rem;background:#f3f4f6;color:#333;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.home-btn[data-v-f57590f2]:hover{background:#e5e7eb}@media (max-width: 480px){.lyrics-quiz-tool[data-v-f57590f2]{padding:1rem}.difficulty-buttons[data-v-f57590f2]{flex-direction:column;align-items:center}.diff-btn[data-v-f57590f2]{width:100%;flex-direction:row;justify-content:flex-start}.quiz-header[data-v-f57590f2]{flex-wrap:wrap}}.info-section[data-v-dfc74f61]{padding:1.5rem 0}.info-container[data-v-dfc74f61]{max-width:700px;margin:0 auto;padding:0 1rem}.info-header[data-v-dfc74f61]{margin-bottom:1.5rem}.info-header h2[data-v-dfc74f61]{font-size:1.4rem;color:#1a1a2e;margin-bottom:.25rem}.info-subtitle[data-v-dfc74f61]{color:#666;font-size:.95rem}.info-grid[data-v-dfc74f61]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1rem}.info-card[data-v-dfc74f61]{background:#f9fafb;border-radius:12px;padding:1.25rem}.info-card h3[data-v-dfc74f61]{font-size:1rem;margin-bottom:.75rem;color:#333}.info-card ul[data-v-dfc74f61]{padding-left:1.2rem;margin:0}.info-card li[data-v-dfc74f61]{margin-bottom:.4rem;font-size:.88rem;color:#555;line-height:1.5}.info-note[data-v-dfc74f61]{background:#fef9c3;border-radius:10px;padding:1rem;font-size:.88rem;color:#92400e}