: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-container{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-ccc71abd]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem;display:flex;align-items:center;justify-content:center}.dictation-active[data-v-ccc71abd]{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:600px;margin:0 auto}.progress-bar[data-v-ccc71abd]{position:relative;background:#fff3;border-radius:10px;height:20px;overflow:hidden}.progress-fill[data-v-ccc71abd]{background:linear-gradient(90deg,#4caf50,#45a049);height:100%;transition:width .3s ease;border-radius:10px}.progress-text[data-v-ccc71abd]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:.9rem}.word-card[data-v-ccc71abd]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 8px 32px #0000001a;text-align:center}.word-info[data-v-ccc71abd]{margin-bottom:1.5rem}.translation[data-v-ccc71abd]{font-size:1.8rem;color:#333;margin-bottom:.5rem}.pronunciation[data-v-ccc71abd]{color:#666;font-style:italic}.audio-btn[data-v-ccc71abd]{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-ccc71abd]:hover:not(.disabled){background:#e0e0e0;transform:translateY(-1px)}.audio-btn.disabled[data-v-ccc71abd]{background:#d6d6d6;color:#999;cursor:not-allowed;opacity:.6}.audio-btn.playing[data-v-ccc71abd]{background:#667eea;color:#fff;animation:pulse-ccc71abd 1.5s infinite}@keyframes pulse-ccc71abd{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.input-section[data-v-ccc71abd]{display:flex;gap:1rem;margin-bottom:1rem;align-items:center;justify-content:center}.word-input[data-v-ccc71abd]{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-ccc71abd]:focus{outline:none;border-color:#667eea}.word-input.correct[data-v-ccc71abd]{border-color:#4caf50;background:#f1f8e9}.word-input.incorrect[data-v-ccc71abd]{border-color:#f44336;background:#ffebee}.btn[data-v-ccc71abd]{padding:1rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-submit[data-v-ccc71abd]{background:#667eea;color:#fff}.btn-submit[data-v-ccc71abd]:hover{background:#5a6fd8}.btn-secondary[data-v-ccc71abd]{background:#6c757d;color:#fff;align-self:center}.btn-secondary[data-v-ccc71abd]:hover{background:#5a6268}.result-feedback[data-v-ccc71abd]{margin-top:1rem}.feedback[data-v-ccc71abd]{padding:1rem;border-radius:8px;font-weight:600}.correct-feedback[data-v-ccc71abd]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.incorrect-feedback[data-v-ccc71abd]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.results[data-v-ccc71abd]{display:flex;justify-content:center;align-items:center;width:100%;max-width:600px;margin:0 auto}.results-card[data-v-ccc71abd]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 8px 32px #0000001a;width:100%;max-width:600px}.results-card h2[data-v-ccc71abd]{text-align:center;color:#333;margin-bottom:2rem}.score-summary[data-v-ccc71abd]{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.score-circle[data-v-ccc71abd]{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-ccc71abd]{font-size:2rem;font-weight:700}.score-label[data-v-ccc71abd]{font-size:.9rem}.score-details[data-v-ccc71abd]{display:flex;flex-direction:column;gap:.5rem}.score-item[data-v-ccc71abd]{display:flex;justify-content:space-between;min-width:150px}.score-item .label[data-v-ccc71abd]{color:#666}.score-item .value[data-v-ccc71abd]{font-weight:700}.score-item .value.correct[data-v-ccc71abd]{color:#4caf50}.score-item .value.incorrect[data-v-ccc71abd]{color:#f44336}.results-list[data-v-ccc71abd]{margin-bottom:2rem}.results-list h3[data-v-ccc71abd]{color:#333;margin-bottom:1rem}.result-item[data-v-ccc71abd]{display:grid;grid-template-columns:1fr auto auto;gap:1rem;padding:.75rem;border-bottom:1px solid #eee;align-items:center}.result-word[data-v-ccc71abd]{display:flex;flex-direction:column}.result-word .word[data-v-ccc71abd]{font-weight:700;color:#333}.result-word .translation[data-v-ccc71abd]{font-size:.9rem;color:#666}.result-input[data-v-ccc71abd]{padding:.25rem .5rem;border-radius:4px;font-family:monospace}.result-input.correct[data-v-ccc71abd]{background:#d4edda;color:#155724}.result-input.incorrect[data-v-ccc71abd]{background:#f8d7da;color:#721c24}.action-buttons[data-v-ccc71abd]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary[data-v-ccc71abd]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-ccc71abd]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media (min-width: 1024px){.dictation[data-v-ccc71abd]{padding:3rem 2rem}.container[data-v-ccc71abd]{max-width:1000px}.dictation-card[data-v-ccc71abd]{padding:3rem;min-height:500px}.word-display[data-v-ccc71abd]{font-size:2.5rem;margin-bottom:2rem}.word-input[data-v-ccc71abd]{max-width:400px;font-size:1.2rem;padding:1rem}.input-section[data-v-ccc71abd]{gap:2rem}.btn[data-v-ccc71abd]{padding:1rem 2rem;font-size:1.1rem}.results-card[data-v-ccc71abd]{max-width:800px;padding:3rem}.score-circle[data-v-ccc71abd]{width:140px;height:140px}.score-number[data-v-ccc71abd]{font-size:2.5rem}.result-item[data-v-ccc71abd]{grid-template-columns:2fr 1fr auto;padding:1rem}}@media (min-width: 768px) and (max-width: 1023px){.dictation[data-v-ccc71abd]{padding:2.5rem 1.5rem}.dictation-card[data-v-ccc71abd]{padding:2.5rem}.word-display[data-v-ccc71abd]{font-size:2.2rem}.word-input[data-v-ccc71abd]{max-width:350px;font-size:1.1rem}.results-card[data-v-ccc71abd]{max-width:700px}.result-item[data-v-ccc71abd]{grid-template-columns:2fr 1fr auto}}@media (max-width: 767px){.input-section[data-v-ccc71abd]{flex-direction:column}.word-input[data-v-ccc71abd]{max-width:100%}.score-summary[data-v-ccc71abd]{flex-direction:column;gap:1rem}.result-item[data-v-ccc71abd]{grid-template-columns:1fr;gap:.5rem;text-align:center}}.home[data-v-5d68372d]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem;display:flex;align-items:center;justify-content:center}.container[data-v-5d68372d]{max-width:800px;width:100%}.title[data-v-5d68372d]{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-5d68372d]{display:flex;flex-direction:column;gap:2rem}.card[data-v-5d68372d]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 8px 32px #0000001a;text-align:center}.card h2[data-v-5d68372d]{color:#333;margin-bottom:1.5rem}.input-group[data-v-5d68372d]{margin-bottom:2rem}.input-group label[data-v-5d68372d]{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.select[data-v-5d68372d]{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-5d68372d]:focus{outline:none;border-color:#667eea}.btn[data-v-5d68372d]{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-5d68372d]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-5d68372d]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn[data-v-5d68372d]:disabled{opacity:.6;cursor:not-allowed}.stats-section[data-v-5d68372d]{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.stats-header[data-v-5d68372d]{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-5d68372d]:hover{background-color:#f8f9fa}.stats-header h3[data-v-5d68372d]{color:#333;margin:0}.toggle-icon[data-v-5d68372d]{transition:transform .3s ease;color:#666}.toggle-icon.expanded[data-v-5d68372d]{transform:rotate(180deg)}.stats-content[data-v-5d68372d]{padding:0 2rem 2rem;max-height:300px;overflow:hidden;transition:all .3s ease}.stats-content.collapsed[data-v-5d68372d]{max-height:0;padding:0 2rem}.stats-grid[data-v-5d68372d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card[data-v-5d68372d]{text-align:center;padding:1rem;background:#f8f9fa;border-radius:8px}.stat-number[data-v-5d68372d]{font-size:2rem;font-weight:700;color:#667eea;margin-bottom:.5rem}.stat-label[data-v-5d68372d]{color:#666;font-size:.9rem}@media (min-width: 1024px){.home[data-v-5d68372d]{padding:3rem 2rem;display:flex;align-items:center;justify-content:center}.container[data-v-5d68372d]{max-width:1200px;width:100%}.title[data-v-5d68372d]{font-size:3rem;margin-bottom:3rem}.setup-section[data-v-5d68372d]{flex-direction:row;align-items:stretch;gap:3rem;justify-content:center}.card[data-v-5d68372d],.stats-section[data-v-5d68372d]{flex:1;min-width:400px}.stats-grid[data-v-5d68372d]{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1023px){.home[data-v-5d68372d]{padding:2.5rem 1.5rem;display:flex;align-items:center;justify-content:center}.title[data-v-5d68372d]{font-size:2.8rem}.stats-grid[data-v-5d68372d]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 767px){.title[data-v-5d68372d]{font-size:2rem}.card[data-v-5d68372d]{padding:1.5rem}.stats-grid[data-v-5d68372d]{grid-template-columns:1fr}}