.trot-quiz-tool[data-v-467b6839]{max-width:640px;margin:0 auto;padding:1rem}.phase-ready[data-v-467b6839]{display:flex;flex-direction:column;gap:1.5rem}.quiz-hero[data-v-467b6839]{text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,#ff6b9d,#e91e8c);border-radius:16px;color:#fff}.hero-emoji[data-v-467b6839]{font-size:3rem;margin-bottom:.5rem}.quiz-hero h2[data-v-467b6839]{font-size:1.6rem;font-weight:700;margin-bottom:.5rem}.quiz-hero p[data-v-467b6839]{font-size:.95rem;opacity:.9}.difficulty-select h3[data-v-467b6839]{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#333}.difficulty-buttons[data-v-467b6839]{display:flex;gap:.75rem;flex-wrap:wrap}.diff-btn[data-v-467b6839]{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-467b6839]{border-color:#e91e8c;background:#fce4ec}.diff-icon[data-v-467b6839]{font-size:1.5rem}.diff-name[data-v-467b6839]{font-weight:600;font-size:.9rem;color:#333}.diff-info[data-v-467b6839]{font-size:.75rem;color:#666}.start-btn[data-v-467b6839]{padding:.875rem 2rem;background:linear-gradient(135deg,#ff6b9d,#e91e8c);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s}.start-btn[data-v-467b6839]:hover{opacity:.9}.phase-playing[data-v-467b6839]{display:flex;flex-direction:column;gap:1rem}.quiz-header[data-v-467b6839]{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.progress-info[data-v-467b6839]{flex:1;display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:#666}.progress-bar[data-v-467b6839]{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill[data-v-467b6839]{height:100%;background:#e91e8c;transition:width .3s}.score-display[data-v-467b6839]{font-weight:700;color:#e91e8c}.timer-display[data-v-467b6839]{font-weight:700;color:#333}.timer-display.warning[data-v-467b6839]{color:#ef4444;animation:pulse-467b6839 .5s infinite}@keyframes pulse-467b6839{0%,to{opacity:1}50%{opacity:.5}}.timer-bar[data-v-467b6839]{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.timer-fill[data-v-467b6839]{height:100%;background:#e91e8c;transition:width 1s linear}.timer-fill.warning[data-v-467b6839]{background:#ef4444}.question-card[data-v-467b6839]{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;gap:1rem}.song-info[data-v-467b6839]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.genre-badge[data-v-467b6839]{background:#fce4ec;color:#e91e8c;font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:20px}.song-title[data-v-467b6839]{font-size:.9rem;color:#555;font-weight:500}.lyrics-box[data-v-467b6839]{background:#f9fafb;border-radius:12px;padding:1.25rem}.lyrics-text[data-v-467b6839]{font-size:1rem;color:#1a1a2e;line-height:1.7;margin:0;text-align:center}.hint-box[data-v-467b6839]{background:#fef9c3;border-radius:10px;padding:.75rem 1rem;font-size:.88rem;color:#92400e}.hint-btn[data-v-467b6839]{padding:.5rem 1rem;background:#fef9c3;border:1px solid #fde68a;border-radius:8px;font-size:.85rem;color:#92400e;cursor:pointer;transition:background .2s}.hint-btn[data-v-467b6839]:hover{background:#fde68a}.input-area[data-v-467b6839]{display:flex;gap:.5rem}.answer-input[data-v-467b6839]{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-467b6839]:focus{border-color:#e91e8c}.answer-input.correct[data-v-467b6839]{border-color:#22c55e;background:#f0fdf4}.answer-input.wrong[data-v-467b6839]{border-color:#ef4444;background:#fef2f2}.submit-btn[data-v-467b6839]{padding:.75rem 1.25rem;background:#e91e8c;color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s}.submit-btn[data-v-467b6839]:disabled{opacity:.4;cursor:not-allowed}.explanation-box[data-v-467b6839]{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:10px;font-size:.9rem}.explanation-box.correct[data-v-467b6839]{background:#f0fdf4;color:#15803d}.explanation-box.wrong[data-v-467b6839]{background:#fef2f2;color:#b91c1c}.explanation-icon[data-v-467b6839]{font-size:1.4rem}.next-btn[data-v-467b6839]{padding:.75rem 1.5rem;background:#e91e8c;color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s}.next-btn[data-v-467b6839]:hover{opacity:.9}.phase-result[data-v-467b6839]{display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center}.result-hero[data-v-467b6839]{padding:2rem 1rem}.result-emoji[data-v-467b6839]{font-size:4rem;margin-bottom:.5rem}.result-hero h2[data-v-467b6839]{font-size:1.6rem;font-weight:700;color:#1a1a2e;margin-bottom:.5rem}.result-hero p[data-v-467b6839]{color:#666;font-size:1rem}.result-stats[data-v-467b6839]{display:flex;gap:1rem;justify-content:center}.stat-item[data-v-467b6839]{background:#f9fafb;border-radius:12px;padding:1rem 1.5rem;min-width:90px}.stat-value[data-v-467b6839]{font-size:1.5rem;font-weight:700;color:#e91e8c}.stat-label[data-v-467b6839]{font-size:.8rem;color:#666;margin-top:.25rem}.result-buttons[data-v-467b6839]{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.retry-btn[data-v-467b6839]{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ff6b9d,#e91e8c);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s}.retry-btn[data-v-467b6839]:hover{opacity:.9}.home-btn[data-v-467b6839]{padding:.75rem 1.5rem;background:#fff;color:#e91e8c;border:2px solid #e91e8c;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.home-btn[data-v-467b6839]:hover{background:#fce4ec}.info-section[data-v-c61f3764]{padding:1.5rem 0}.info-container[data-v-c61f3764]{max-width:700px;margin:0 auto;padding:0 1rem}.info-header[data-v-c61f3764]{margin-bottom:1.5rem}.info-header h2[data-v-c61f3764]{font-size:1.4rem;color:#1a1a2e;margin-bottom:.25rem}.info-subtitle[data-v-c61f3764]{color:#666;font-size:.95rem}.info-grid[data-v-c61f3764]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1rem}.info-card[data-v-c61f3764]{background:#f9fafb;border-radius:12px;padding:1.25rem}.info-card h3[data-v-c61f3764]{font-size:1rem;margin-bottom:.75rem;color:#333}.info-card ul[data-v-c61f3764]{padding-left:1.2rem;margin:0}.info-card li[data-v-c61f3764]{margin-bottom:.4rem;font-size:.88rem;color:#555;line-height:1.5}.info-note[data-v-c61f3764]{background:#fce4ec;border-radius:10px;padding:1rem;font-size:.88rem;color:#880e4f}