.el-quiz-tool[data-v-71fb7ea7]{max-width:640px;margin:0 auto;padding:1rem}.phase-ready[data-v-71fb7ea7]{display:flex;flex-direction:column;gap:1.5rem}.quiz-hero[data-v-71fb7ea7]{text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;color:#fff}.hero-emoji[data-v-71fb7ea7]{font-size:3rem;margin-bottom:.5rem}.quiz-hero h2[data-v-71fb7ea7]{font-size:1.6rem;font-weight:700;margin-bottom:.5rem}.quiz-hero p[data-v-71fb7ea7]{font-size:.95rem;opacity:.9}.difficulty-select h3[data-v-71fb7ea7]{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#333}.difficulty-buttons[data-v-71fb7ea7]{display:flex;gap:.75rem;flex-wrap:wrap}.diff-btn[data-v-71fb7ea7]{flex:1;min-width:120px;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s}.diff-btn.active[data-v-71fb7ea7]{border-color:#6366f1;background:#eef2ff}.diff-icon[data-v-71fb7ea7]{font-size:1.5rem}.diff-name[data-v-71fb7ea7]{font-weight:600;font-size:.9rem;color:#333}.diff-info[data-v-71fb7ea7]{font-size:.75rem;color:#666}.start-btn[data-v-71fb7ea7]{padding:.875rem 2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s}.start-btn[data-v-71fb7ea7]:hover{opacity:.9}.phase-playing[data-v-71fb7ea7]{display:flex;flex-direction:column;gap:1rem}.quiz-header[data-v-71fb7ea7]{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.progress-info[data-v-71fb7ea7]{flex:1;display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:#666}.progress-bar[data-v-71fb7ea7]{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill[data-v-71fb7ea7]{height:100%;background:#6366f1;transition:width .3s}.score-display[data-v-71fb7ea7]{font-weight:700;color:#6366f1}.timer-display[data-v-71fb7ea7]{font-weight:700;color:#333}.timer-display.warning[data-v-71fb7ea7]{color:#ef4444;animation:pulse-71fb7ea7 .5s infinite}@keyframes pulse-71fb7ea7{0%,to{opacity:1}50%{opacity:.4}}.timer-bar[data-v-71fb7ea7]{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.timer-fill[data-v-71fb7ea7]{height:100%;background:#6366f1;transition:width 1s linear}.timer-fill.warning[data-v-71fb7ea7]{background:#ef4444}.question-card[data-v-71fb7ea7]{display:flex;flex-direction:column;gap:1rem}.song-info[data-v-71fb7ea7]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.genre-badge[data-v-71fb7ea7]{background:#eef2ff;color:#6366f1;padding:.25rem .6rem;border-radius:20px;font-size:.78rem;font-weight:600}.song-title[data-v-71fb7ea7]{font-size:.88rem;color:#555;font-style:italic}.lyrics-box[data-v-71fb7ea7]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.25rem}.lyrics-text[data-v-71fb7ea7]{font-size:1.1rem;line-height:1.8;color:#1a202c;font-family:Georgia,serif;margin:0}.hint-box[data-v-71fb7ea7]{background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;padding:.75rem 1rem;font-size:.88rem;color:#92400e}.hint-btn[data-v-71fb7ea7]{align-self:flex-start;padding:.5rem 1rem;background:#fffbeb;color:#92400e;border:1px solid #fcd34d;border-radius:8px;font-size:.85rem;cursor:pointer;transition:background .2s}.hint-btn[data-v-71fb7ea7]:hover{background:#fef3c7}.input-area[data-v-71fb7ea7]{display:flex;gap:.5rem}.answer-input[data-v-71fb7ea7]{flex:1;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;outline:none;transition:border-color .2s}.answer-input[data-v-71fb7ea7]:focus{border-color:#6366f1}.answer-input.correct[data-v-71fb7ea7]{border-color:#22c55e;background:#f0fdf4}.answer-input.wrong[data-v-71fb7ea7]{border-color:#ef4444;background:#fef2f2}.submit-btn[data-v-71fb7ea7]{padding:.75rem 1.25rem;background:#6366f1;color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s}.submit-btn[data-v-71fb7ea7]:hover:not(:disabled){opacity:.9}.submit-btn[data-v-71fb7ea7]:disabled{opacity:.5;cursor:not-allowed}.explanation-box[data-v-71fb7ea7]{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:10px}.explanation-box.correct[data-v-71fb7ea7]{background:#f0fdf4;border:1px solid #86efac}.explanation-box.wrong[data-v-71fb7ea7]{background:#fef2f2;border:1px solid #fca5a5}.explanation-icon[data-v-71fb7ea7]{font-size:1.4rem;flex-shrink:0}.explanation-box strong[data-v-71fb7ea7]{font-size:.95rem;color:#111}.hint-reveal[data-v-71fb7ea7]{font-size:.82rem;color:#666;margin:.25rem 0 0}.next-btn[data-v-71fb7ea7]{padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s}.next-btn[data-v-71fb7ea7]:hover{opacity:.9}.phase-result[data-v-71fb7ea7]{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 0}.result-hero[data-v-71fb7ea7]{text-align:center;padding:2rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;color:#fff;width:100%;box-sizing:border-box}.result-emoji[data-v-71fb7ea7]{font-size:3.5rem;margin-bottom:.5rem}.result-hero h2[data-v-71fb7ea7]{font-size:1.6rem;font-weight:700;margin-bottom:.25rem}.result-hero p[data-v-71fb7ea7]{font-size:1rem;opacity:.9}.result-stats[data-v-71fb7ea7]{display:flex;gap:1rem;width:100%}.stat-item[data-v-71fb7ea7]{flex:1;text-align:center;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.stat-value[data-v-71fb7ea7]{font-size:1.5rem;font-weight:700;color:#6366f1}.stat-label[data-v-71fb7ea7]{font-size:.78rem;color:#666;margin-top:.25rem}.result-buttons[data-v-71fb7ea7]{display:flex;gap:.75rem;flex-wrap:wrap;width:100%}.retry-btn[data-v-71fb7ea7]{flex:1;padding:.875rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:opacity .2s}.retry-btn[data-v-71fb7ea7]:hover{opacity:.9}.home-btn[data-v-71fb7ea7]{flex:1;padding:.875rem;background:#fff;color:#6366f1;border:2px solid #6366f1;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .2s}.home-btn[data-v-71fb7ea7]:hover{background:#eef2ff}.info-section[data-v-9f3df5de]{padding:1.5rem 0}.info-container[data-v-9f3df5de]{max-width:700px;margin:0 auto;padding:0 1rem}.info-header[data-v-9f3df5de]{margin-bottom:1.5rem}.info-header h2[data-v-9f3df5de]{font-size:1.4rem;color:#1a1a2e;margin-bottom:.25rem}.info-subtitle[data-v-9f3df5de]{color:#666;font-size:.95rem}.info-grid[data-v-9f3df5de]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1rem}.info-card[data-v-9f3df5de]{background:#f9fafb;border-radius:12px;padding:1.25rem}.info-card h3[data-v-9f3df5de]{font-size:1rem;margin-bottom:.75rem;color:#333}.info-card ul[data-v-9f3df5de]{padding-left:1.2rem;margin:0}.info-card li[data-v-9f3df5de]{margin-bottom:.4rem;font-size:.88rem;color:#555;line-height:1.5}.info-note[data-v-9f3df5de]{background:#eef2ff;border-radius:10px;padding:1rem;font-size:.88rem;color:#3730a3}