:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;margin:0 auto;padding:0 2rem}}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}#app{min-height:100vh;width:100%;margin:0;padding:0}.dictation[data-v-3252c0e9]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem;display:flex;align-items:center;justify-content:center}.dictation-active[data-v-3252c0e9]{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:600px;margin:0 auto}.progress-bar[data-v-3252c0e9]{position:relative;background:#fff3;border-radius:10px;height:20px;overflow:hidden}.progress-fill[data-v-3252c0e9]{background:linear-gradient(90deg,#4caf50,#45a049);height:100%;transition:width .3s ease;border-radius:10px}.progress-text[data-v-3252c0e9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:.9rem}.word-card[data-v-3252c0e9]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 8px 32px #0000001a;text-align:center}.word-info[data-v-3252c0e9]{margin-bottom:1.5rem}.translation[data-v-3252c0e9]{font-size:1.8rem;color:#333;margin-bottom:.5rem}.pronunciation[data-v-3252c0e9]{color:#666;font-style:italic}.english-definition[data-v-3252c0e9]{margin-top:.8rem;color:#555;font-size:1.1rem;line-height:1.5;max-width:90%;margin-left:auto;margin-right:auto;background-color:#f9f9f9;padding:.5rem 1rem;border-radius:6px;border:1px dashed #ddd}.audio-btn[data-v-3252c0e9]{background:#f0f0f0;border:none;border-radius:8px;padding:.75rem 1rem;margin-bottom:1.5rem;cursor:pointer;transition:all .3s;font-size:1rem}.audio-btn[data-v-3252c0e9]:hover:not(.disabled){background:#e0e0e0;transform:translateY(-1px)}.audio-btn.disabled[data-v-3252c0e9]{background:#d6d6d6;color:#999;cursor:not-allowed;opacity:.6}.audio-btn.playing[data-v-3252c0e9]{background:#667eea;color:#fff;animation:pulse-3252c0e9 1.5s infinite}@keyframes pulse-3252c0e9{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.input-section[data-v-3252c0e9]{display:flex;gap:1rem;margin-bottom:1rem;align-items:center;justify-content:center}.word-input[data-v-3252c0e9]{flex:1;max-width:300px;padding:1rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1.1rem;text-align:center;transition:all .3s}.word-input[data-v-3252c0e9]:focus{outline:none;border-color:#667eea}.word-input.correct[data-v-3252c0e9]{border-color:#4caf50;background:#f1f8e9}.word-input.incorrect[data-v-3252c0e9]{border-color:#f44336;background:#ffebee}.btn[data-v-3252c0e9]{padding:1rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-submit[data-v-3252c0e9]{background:#667eea;color:#fff}.btn-submit[data-v-3252c0e9]:hover{background:#5a6fd8}.btn-secondary[data-v-3252c0e9]{background:#6c757d;color:#fff;align-self:center}.btn-secondary[data-v-3252c0e9]:hover{background:#5a6268}.result-feedback[data-v-3252c0e9]{margin-top:1rem}.feedback[data-v-3252c0e9]{padding:1rem;border-radius:8px;font-weight:600}.correct-feedback[data-v-3252c0e9]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.incorrect-feedback[data-v-3252c0e9]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.results[data-v-3252c0e9]{display:flex;justify-content:center;align-items:center;width:100%;max-width:600px;margin:0 auto}.results-card[data-v-3252c0e9]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 8px 32px #0000001a;width:100%;max-width:600px}.results-card h2[data-v-3252c0e9]{text-align:center;color:#333;margin-bottom:2rem}.score-summary[data-v-3252c0e9]{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.score-circle[data-v-3252c0e9]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.score-number[data-v-3252c0e9]{font-size:2rem;font-weight:700}.score-label[data-v-3252c0e9]{font-size:.9rem}.score-details[data-v-3252c0e9]{display:flex;flex-direction:column;gap:.5rem}.score-item[data-v-3252c0e9]{display:flex;justify-content:space-between;min-width:150px}.score-item .label[data-v-3252c0e9]{color:#666}.score-item .value[data-v-3252c0e9]{font-weight:700}.score-item .value.correct[data-v-3252c0e9]{color:#4caf50}.score-item .value.incorrect[data-v-3252c0e9]{color:#f44336}.results-list[data-v-3252c0e9]{margin-bottom:2rem}.results-list h3[data-v-3252c0e9]{color:#333;margin-bottom:1rem}.result-item[data-v-3252c0e9]{display:grid;grid-template-columns:1fr auto auto;gap:1rem;padding:.75rem;border-bottom:1px solid #eee;align-items:center}.result-word[data-v-3252c0e9]{display:flex;flex-direction:column}.result-word .word[data-v-3252c0e9]{font-weight:700;color:#333}.result-word .translation[data-v-3252c0e9]{font-size:.9rem;color:#666}.result-input[data-v-3252c0e9]{padding:.25rem .5rem;border-radius:4px;font-family:monospace}.result-input.correct[data-v-3252c0e9]{background:#d4edda;color:#155724}.result-input.incorrect[data-v-3252c0e9]{background:#f8d7da;color:#721c24}.action-buttons[data-v-3252c0e9]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary[data-v-3252c0e9]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-3252c0e9]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media (min-width: 1024px){.dictation[data-v-3252c0e9]{padding:3rem 2rem}.container[data-v-3252c0e9]{max-width:1000px}.dictation-card[data-v-3252c0e9]{padding:3rem;min-height:500px}.word-display[data-v-3252c0e9]{font-size:2.5rem;margin-bottom:2rem}.word-input[data-v-3252c0e9]{max-width:400px;font-size:1.2rem;padding:1rem}.input-section[data-v-3252c0e9]{gap:2rem}.btn[data-v-3252c0e9]{padding:1rem 2rem;font-size:1.1rem}.results-card[data-v-3252c0e9]{max-width:800px;padding:3rem}.score-circle[data-v-3252c0e9]{width:140px;height:140px}.score-number[data-v-3252c0e9]{font-size:2.5rem}.result-item[data-v-3252c0e9]{grid-template-columns:2fr 1fr auto;padding:1rem}}@media (min-width: 768px) and (max-width: 1023px){.dictation[data-v-3252c0e9]{padding:2.5rem 1.5rem}.dictation-card[data-v-3252c0e9]{padding:2.5rem}.word-display[data-v-3252c0e9]{font-size:2.2rem}.word-input[data-v-3252c0e9]{max-width:350px;font-size:1.1rem}.results-card[data-v-3252c0e9]{max-width:700px}.result-item[data-v-3252c0e9]{grid-template-columns:2fr 1fr auto}}@media (max-width: 767px){.input-section[data-v-3252c0e9]{flex-direction:column}.word-input[data-v-3252c0e9]{max-width:100%}.score-summary[data-v-3252c0e9]{flex-direction:column;gap:1rem}.result-item[data-v-3252c0e9]{grid-template-columns:1fr;gap:.5rem;text-align:center}}.home[data-v-96be4edc]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem;display:flex;align-items:center;justify-content:center}.container[data-v-96be4edc]{max-width:800px;width:100%}.title[data-v-96be4edc]{text-align:center;color:#fff;font-size:2.5rem;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.setup-section[data-v-96be4edc]{display:flex;flex-direction:column;gap:2rem}.card[data-v-96be4edc]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 8px 32px #0000001a;text-align:center}.card h2[data-v-96be4edc]{color:#333;margin-bottom:1.5rem}.input-group[data-v-96be4edc]{margin-bottom:2rem}.input-group label[data-v-96be4edc]{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.select[data-v-96be4edc]{width:200px;padding:.75rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .3s}.select[data-v-96be4edc]:focus{outline:none;border-color:#667eea}.btn[data-v-96be4edc]{padding:1rem 2rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;min-width:150px}.btn-primary[data-v-96be4edc]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-96be4edc]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn[data-v-96be4edc]:disabled{opacity:.6;cursor:not-allowed}.stats-section[data-v-96be4edc]{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.stats-header[data-v-96be4edc]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;cursor:pointer;transition:background-color .3s;border-bottom:1px solid #f0f0f0}.stats-header[data-v-96be4edc]:hover{background-color:#f8f9fa}.stats-header h3[data-v-96be4edc]{color:#333;margin:0}.toggle-icon[data-v-96be4edc]{transition:transform .3s ease;color:#666}.toggle-icon.expanded[data-v-96be4edc]{transform:rotate(180deg)}.stats-content[data-v-96be4edc]{padding:0 2rem 2rem;max-height:400px;overflow-y:auto;transition:all .3s ease}.stats-content.collapsed[data-v-96be4edc]{max-height:0;padding:0 2rem;overflow:hidden}.empty-stats[data-v-96be4edc]{text-align:center;padding:2rem;color:#999}.stats-table[data-v-96be4edc]{width:100%;border-collapse:collapse}.stats-table th[data-v-96be4edc],.stats-table td[data-v-96be4edc]{padding:.75rem;text-align:left;border-bottom:1px solid #eee}.stats-table th[data-v-96be4edc]{color:#666;font-weight:500;font-size:.85rem}.stats-table tbody tr[data-v-96be4edc]{cursor:pointer;transition:background-color .2s}.stats-table tbody tr[data-v-96be4edc]:hover{background-color:#f8f9fa}.accuracy-high[data-v-96be4edc]{color:#4caf50;font-weight:600}.accuracy-medium[data-v-96be4edc]{color:#ff9800;font-weight:600}.accuracy-low[data-v-96be4edc]{color:#f44336;font-weight:600}.action-cell[data-v-96be4edc]{text-align:center}.delete-btn[data-v-96be4edc]{padding:.25rem .5rem;border:1px solid #f44336;background:#fff;color:#f44336;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.delete-btn[data-v-96be4edc]:hover{background:#f44336;color:#fff}.modal-overlay[data-v-96be4edc]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal[data-v-96be4edc]{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-96be4edc]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #eee}.modal-header h3[data-v-96be4edc]{margin:0;color:#333}.modal-close[data-v-96be4edc]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;padding:0;line-height:1}.modal-close[data-v-96be4edc]:hover{color:#333}.modal-body[data-v-96be4edc]{padding:1.5rem;overflow-y:auto}.modal-meta[data-v-96be4edc]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.meta-item[data-v-96be4edc]{text-align:center}.meta-label[data-v-96be4edc]{display:block;color:#999;font-size:.85rem;margin-bottom:.25rem}.meta-value[data-v-96be4edc]{font-size:1.1rem;font-weight:600;color:#333}.word-section[data-v-96be4edc]{margin-bottom:1rem}.word-section h4[data-v-96be4edc]{margin:0 0 .75rem;font-size:1rem;color:#333}.word-tags[data-v-96be4edc]{display:flex;flex-wrap:wrap;gap:.5rem}.word-tag[data-v-96be4edc]{padding:.4rem .8rem;border-radius:6px;font-size:.9rem}.word-tag.correct[data-v-96be4edc]{background:#d4edda;color:#155724}.word-tag.incorrect[data-v-96be4edc]{background:#f8d7da;color:#721c24}.incorrect-list[data-v-96be4edc]{display:flex;flex-direction:column;gap:.5rem}.incorrect-item[data-v-96be4edc]{display:flex;align-items:center;gap:1rem;padding:.5rem;background:#fff5f5;border-radius:6px;border-left:3px solid #f44336}.correct-word[data-v-96be4edc]{font-weight:600;color:#155724;min-width:80px}.user-input[data-v-96be4edc]{color:#721c24;font-size:.9rem}@media (min-width: 1024px){.home[data-v-96be4edc]{padding:3rem 2rem;display:flex;align-items:center;justify-content:center}.container[data-v-96be4edc]{max-width:1200px;width:100%}.title[data-v-96be4edc]{font-size:3rem;margin-bottom:3rem}.setup-section[data-v-96be4edc]{flex-direction:row;align-items:stretch;gap:3rem;justify-content:center}.card[data-v-96be4edc],.stats-section[data-v-96be4edc]{flex:1;min-width:400px}}@media (min-width: 768px) and (max-width: 1023px){.home[data-v-96be4edc]{padding:2.5rem 1.5rem;display:flex;align-items:center;justify-content:center}.title[data-v-96be4edc]{font-size:2.8rem}}@media (max-width: 767px){.title[data-v-96be4edc]{font-size:2rem}.card[data-v-96be4edc]{padding:1.5rem}.stats-table th[data-v-96be4edc],.stats-table td[data-v-96be4edc]{padding:.5rem;font-size:.85rem}.modal-meta[data-v-96be4edc]{grid-template-columns:1fr;gap:.75rem}}