.modal-overlay[data-v-ad141692]{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container[data-v-ad141692]{animation:modalAppear-ad141692 .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:600px;min-width:500px;overflow:hidden;width:90vw}@keyframes modalAppear-ad141692{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header[data-v-ad141692]{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-title[data-v-ad141692]{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.close-btn[data-v-ad141692]{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-btn[data-v-ad141692]:hover{background-color:#f3f4f6;color:#374151}.modal-body[data-v-ad141692]{padding:24px}.input-label[data-v-ad141692]{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.question-textarea[data-v-ad141692]{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:1rem;line-height:1.5;min-height:120px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.question-textarea[data-v-ad141692]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.question-textarea[data-v-ad141692]::-moz-placeholder{color:#9ca3af}.question-textarea[data-v-ad141692]::placeholder{color:#9ca3af}.char-count[data-v-ad141692]{color:#6b7280;font-size:.75rem;margin-top:8px;text-align:right}.result-content[data-v-ad141692]{max-height:400px;overflow-y:auto}.score-section[data-v-ad141692]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;margin-bottom:24px;padding:20px;text-align:center}.score-label[data-v-ad141692]{color:#0369a1;font-size:.875rem;font-weight:500;margin-bottom:8px}.score-value[data-v-ad141692]{color:#0c4a6e;font-size:2.5rem;font-weight:700;margin:0}.comments-section[data-v-ad141692]{margin-top:24px}.comments-title[data-v-ad141692]{align-items:center;color:#111827;display:flex;font-size:1.125rem;font-weight:600;gap:8px;margin-bottom:16px}.comment-item[data-v-ad141692]{background-color:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:16px}.comment-icon[data-v-ad141692]{flex-shrink:0;font-size:1.25rem;margin-top:2px}.comment-text[data-v-ad141692]{color:#374151;flex:1;line-height:1.5}.no-comments[data-v-ad141692]{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-top:24px;padding:32px 20px;text-align:center}.no-comments-icon[data-v-ad141692]{font-size:2rem;margin-bottom:12px}.no-comments-text[data-v-ad141692]{color:#15803d;font-weight:500}.modal-footer[data-v-ad141692]{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn[data-v-ad141692]{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.btn-cancel[data-v-ad141692]{background-color:#fff;border:1px solid #d1d5db;color:#374151}.btn-cancel[data-v-ad141692]:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-submit[data-v-ad141692]{background-color:#3b82f6;color:#fff}.btn-submit[data-v-ad141692]:hover:not(:disabled){background-color:#2563eb}.btn-submit[data-v-ad141692]:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-understand[data-v-ad141692]{background-color:#10b981;color:#fff;width:100%}.btn-understand[data-v-ad141692]:hover{background-color:#059669}@media (max-width:640px){.modal-container[data-v-ad141692]{margin:16px;min-width:auto;width:calc(100vw - 32px)}.modal-body[data-v-ad141692],.modal-footer[data-v-ad141692],.modal-header[data-v-ad141692]{padding-left:16px;padding-right:16px}.modal-footer[data-v-ad141692]{flex-direction:column}.btn[data-v-ad141692]{width:100%}.score-value[data-v-ad141692]{font-size:2rem}.comment-item[data-v-ad141692]{flex-direction:column;gap:8px}}.modal-overlay[data-v-0ea5b8f2]{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container[data-v-0ea5b8f2]{animation:modalAppear-0ea5b8f2 .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:700px;min-width:500px;overflow:hidden;width:90vw}@keyframes modalAppear-0ea5b8f2{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header[data-v-0ea5b8f2]{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-title[data-v-0ea5b8f2]{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.close-btn[data-v-0ea5b8f2]{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-btn[data-v-0ea5b8f2]:hover{background-color:#f3f4f6;color:#374151}.modal-body[data-v-0ea5b8f2]{max-height:60vh;overflow-y:auto;padding:24px}.result-content[data-v-0ea5b8f2]{max-height:500px;overflow-y:auto}.score-section[data-v-0ea5b8f2]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;margin-bottom:24px;padding:20px;text-align:center}.score-label[data-v-0ea5b8f2]{color:#0369a1;font-size:.875rem;font-weight:500;margin-bottom:8px}.score-value[data-v-0ea5b8f2]{color:#0c4a6e;font-size:2.5rem;font-weight:700;margin:0}.score-subtitle[data-v-0ea5b8f2]{color:#0369a1;font-size:.875rem;margin-top:8px}.correctness-display[data-v-0ea5b8f2]{border-top:1px solid rgba(14,116,144,.2);margin-top:12px;padding-top:12px}.correctness-label[data-v-0ea5b8f2]{color:#0369a1;font-size:.875rem;margin-right:8px}.correctness-value[data-v-0ea5b8f2]{font-size:1.5rem;font-weight:600}.section-title[data-v-0ea5b8f2]{color:#374151;font-size:1rem;font-weight:600;margin-bottom:12px}.content-box[data-v-0ea5b8f2]{font-size:1rem;line-height:1.6}.audio-box[data-v-0ea5b8f2],.content-box[data-v-0ea5b8f2]{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.original-section[data-v-0ea5b8f2]{margin-bottom:24px}.original-content[data-v-0ea5b8f2]{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;line-height:1.5;padding:16px}.result-section[data-v-0ea5b8f2]{margin-bottom:24px}.legend[data-v-0ea5b8f2]{font-size:.875rem;margin-bottom:12px}.legend-correct[data-v-0ea5b8f2]{color:#10b981;margin-right:12px}.legend-wrong[data-v-0ea5b8f2]{color:#ef4444;margin-right:12px}.legend-missing[data-v-0ea5b8f2]{color:#6b7280;margin-right:12px}.result-content-box[data-v-0ea5b8f2]{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;line-height:1.6;padding:16px;white-space:pre-wrap}.recording-status[data-v-0ea5b8f2]{color:#ef4444;font-weight:500}.playback-time[data-v-0ea5b8f2],.recorded-status[data-v-0ea5b8f2]{color:#6b7280}.playback-slider[data-v-0ea5b8f2]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e5e7eb;border-radius:3px;cursor:pointer;height:6px;width:100%}.playback-slider[data-v-0ea5b8f2]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#3b82f6;border-radius:50%;cursor:pointer;height:16px;width:16px}.loading-content[data-v-0ea5b8f2]{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-container[data-v-0ea5b8f2]{text-align:center}.loading-spinner[data-v-0ea5b8f2]{margin-bottom:16px}.spinner[data-v-0ea5b8f2]{animation:spin-0ea5b8f2 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto;width:40px}@keyframes spin-0ea5b8f2{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loading-text[data-v-0ea5b8f2]{color:#6b7280;font-size:1rem;font-weight:500}.modal-footer[data-v-0ea5b8f2]{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn[data-v-0ea5b8f2]{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:36px;justify-content:center;min-width:80px;padding:8px 16px;transition:all .2s ease}.btn-cancel[data-v-0ea5b8f2]{background-color:#fff;border:1px solid #d1d5db;color:#374151}.btn-cancel[data-v-0ea5b8f2]:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-submit[data-v-0ea5b8f2]{background-color:#3b82f6;color:#fff}.btn-submit[data-v-0ea5b8f2]:hover:not(:disabled){background-color:#2563eb}.btn-submit[data-v-0ea5b8f2]:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-understand[data-v-0ea5b8f2]{background-color:#10b981;color:#fff;width:100%}.btn-understand[data-v-0ea5b8f2]:hover{background-color:#059669}.btn-record[data-v-0ea5b8f2]{background-color:#ef4444;color:#fff}.btn-record[data-v-0ea5b8f2]:hover:not(:disabled){background-color:#dc2626}.btn-record[data-v-0ea5b8f2]:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-stop[data-v-0ea5b8f2]{background-color:#ef4444;color:#fff}.btn-stop[data-v-0ea5b8f2]:hover{background-color:#dc2626}.btn-reset[data-v-0ea5b8f2]{background-color:#6b7280;color:#fff}.btn-reset[data-v-0ea5b8f2]:hover:not(:disabled){background-color:#4b5563}.btn-reset[data-v-0ea5b8f2]:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-play[data-v-0ea5b8f2]{background-color:#10b981;color:#fff}.btn-play[data-v-0ea5b8f2]:hover:not(:disabled){background-color:#059669}.btn-play[data-v-0ea5b8f2]:disabled{background-color:#9ca3af;cursor:not-allowed}.platform-info-box[data-v-0ea5b8f2]{align-items:center;border:1px solid;border-radius:8px;display:flex;margin-bottom:16px;padding:12px 16px}.platform-info-box.platform-ios[data-v-0ea5b8f2]{background-color:#f0f9ff;border-color:#0284c7;color:#0c4a6e}.platform-info-box.platform-android[data-v-0ea5b8f2]{background-color:#f0fdf4;border-color:#16a34a;color:#14532d}.platform-info-box.platform-desktop[data-v-0ea5b8f2]{background-color:#fafaf9;border-color:#6b7280;color:#374151}.platform-info-icon[data-v-0ea5b8f2]{font-size:1.25rem;margin-right:12px;min-width:24px;text-align:center}.platform-info-content[data-v-0ea5b8f2]{flex:1}.platform-info-title[data-v-0ea5b8f2]{font-size:.875rem;font-weight:600;margin-bottom:4px}.platform-info-tips[data-v-0ea5b8f2]{font-size:.75rem;line-height:1.4;opacity:.8}.debug-info[data-v-0ea5b8f2]{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:6px}.debug-summary[data-v-0ea5b8f2]{color:#6b7280;cursor:pointer;font-size:.75rem;padding:8px 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.debug-summary[data-v-0ea5b8f2]:hover{color:#374151}.debug-content[data-v-0ea5b8f2]{border-top:1px solid #e5e7eb;font-size:.75rem;padding:8px 12px}.debug-item[data-v-0ea5b8f2]{display:flex;justify-content:space-between;margin-bottom:4px}.debug-item[data-v-0ea5b8f2]:last-child{margin-bottom:0}.debug-label[data-v-0ea5b8f2]{color:#6b7280;font-weight:500}.debug-value[data-v-0ea5b8f2]{color:#374151;font-family:monospace}@media (max-width:640px){.modal-container[data-v-0ea5b8f2]{margin:16px;min-width:auto;width:calc(100vw - 32px)}.modal-body[data-v-0ea5b8f2],.modal-footer[data-v-0ea5b8f2],.modal-header[data-v-0ea5b8f2]{padding-left:16px;padding-right:16px}.modal-footer[data-v-0ea5b8f2]{flex-direction:column;padding-bottom:12px;padding-top:12px}.btn[data-v-0ea5b8f2]{height:40px;width:100%}.score-value[data-v-0ea5b8f2]{font-size:2rem}}