body{margin:0;font-family:Arial,sans-serif;background-color:#f7fafc}#app{min-height:100vh;background:#f7fafc;display:flex;flex-direction:column}.main-content{flex:1}.global-footer{text-align:center;padding:1rem 0;flex-shrink:0}.global-footer a{color:#a0aec0;text-decoration:none;font-size:.8rem}.global-footer a:hover{color:#718096}.top-nav{display:flex;align-items:center;padding:.6rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;gap:.8rem}.nav-brand{font-weight:700;font-size:1.1rem;color:#2d3748;cursor:pointer}.nav-spacer{flex:1}.username{font-weight:600;color:#4a5568;font-size:.9rem}.nav-btn{background:none;border:1px solid #e2e8f0;border-radius:8px;padding:.4rem .7rem;cursor:pointer;font-size:1.1rem}.nav-btn:hover{background:#edf2f7}.btn-logout{background:#fff5f5;color:#e53e3e;border:1px solid #fed7d7;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.85rem}.btn-logout:hover{background:#fed7d7}.home-container[data-v-688a3920]{max-width:1200px;margin:0 auto;padding:2rem}.home-layout[data-v-688a3920]{display:flex;gap:2rem;align-items:flex-start}.main-section[data-v-688a3920]{flex:1;min-width:0}.section-title[data-v-688a3920]{font-size:1.8rem;color:#2d3748;margin-bottom:2rem;font-weight:700}.loading[data-v-688a3920]{text-align:center;padding:4rem;color:#718096}.tools-grid[data-v-688a3920]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.tool-card[data-v-688a3920]{background:#fff;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.tool-card[data-v-688a3920]:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#4299e1}.card-icon[data-v-688a3920]{font-size:2.5rem;background:#ebf8ff;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%}.card-content h3[data-v-688a3920]{margin:0 0 .4rem;color:#2d3748;font-size:1.1rem}.card-content p[data-v-688a3920]{margin:0;color:#718096;font-size:.85rem;line-height:1.4}.empty-tools[data-v-688a3920]{grid-column:1 / -1;text-align:center;padding:3rem;color:#a0aec0}.empty-tools p[data-v-688a3920]{margin-bottom:1rem;font-size:1.1rem}.btn-start[data-v-688a3920]{background:#4299e1;color:#fff;border:none;padding:.5rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.9rem}.external-sidebar[data-v-688a3920]{width:260px;flex-shrink:0;transition:width .3s ease}.external-sidebar.collapsed[data-v-688a3920]{width:32px}.external-title-row[data-v-688a3920]{display:flex;align-items:flex-start;gap:.4rem}.external-section-title[data-v-688a3920]{flex:1}.external-title-actions[data-v-688a3920]{display:flex;align-items:center;gap:.2rem;padding-top:.3rem}.external-sidebar.collapsed .external-title-actions[data-v-688a3920]{padding-top:0}.external-sidebar.collapsed .external-section-title[data-v-688a3920]{display:none}.btn-manage[data-v-688a3920]{background:none;border:none;font-size:1rem;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .2s}.btn-manage[data-v-688a3920]:hover{background:#e2e8f0}.btn-toggle[data-v-688a3920]{background:none;border:none;font-size:.75rem;cursor:pointer;padding:2px 4px;color:#a0aec0;border-radius:4px;transition:all .2s}.btn-toggle[data-v-688a3920]:hover{color:#4a5568;background:#e2e8f0}.external-list[data-v-688a3920]{display:flex;flex-direction:column;max-height:calc(100vh - 250px);overflow-y:auto;background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden}.external-sidebar.collapsed .external-list[data-v-688a3920]{display:none}.external-card[data-v-688a3920]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;color:inherit;border-bottom:1px solid #f7fafc;transition:background .2s}.external-card[data-v-688a3920]:hover{background:#ebf8ff}.external-card[data-v-688a3920]:last-child{border-bottom:none}.external-icon[data-v-688a3920]{font-size:1.2rem;flex-shrink:0}.external-info[data-v-688a3920]{display:flex;flex-direction:column;gap:.15rem;min-width:0}.external-name[data-v-688a3920]{font-size:.9rem;font-weight:600;color:#2d3748}.external-desc[data-v-688a3920]{font-size:.75rem;color:#a0aec0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.external-empty[data-v-688a3920]{text-align:center;padding:2rem 1rem;color:#a0aec0;font-size:.85rem}.external-empty p[data-v-688a3920]{margin:0 0 .75rem}@media (max-width: 768px){.home-layout[data-v-688a3920]{flex-direction:column}.external-sidebar[data-v-688a3920],.external-sidebar.collapsed[data-v-688a3920]{width:100%}}.dictation-container[data-v-7d173476]{max-width:600px;margin:2rem auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;font-family:Inter,sans-serif;position:relative}.dictation-header[data-v-7d173476]{display:flex;align-items:center;margin-bottom:1.5rem}.btn-back[data-v-7d173476]{background:#edf2f7;border:none;color:#4a5568;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:700;flex-shrink:0}.btn-back[data-v-7d173476]:hover{background:#e2e8f0}.title[data-v-7d173476]{color:#1a1a1a;margin:0 auto;font-size:1.5rem;font-weight:600}.setup-form[data-v-7d173476]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-7d173476]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-7d173476]{color:#4a5568;font-size:.9rem;font-weight:500}.form-group select[data-v-7d173476],.form-group input[data-v-7d173476]{padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s}.form-group textarea[data-v-7d173476]{padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s;font-family:inherit;resize:vertical}.form-group textarea[data-v-7d173476]:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.mode-toggle[data-v-7d173476]{display:flex;justify-content:center;margin-bottom:2rem;background:#edf2f7;padding:.35rem;border-radius:12px;gap:0;position:relative;box-shadow:inset 0 2px 4px #0000000f}.mode-toggle button[data-v-7d173476]{flex:1;padding:.75rem 1rem;border:none;background:transparent;border-radius:10px;cursor:pointer;font-weight:600;color:#718096;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.mode-toggle button[data-v-7d173476]:hover:not(.active){color:#4a5568;background:#ffffff80}.mode-toggle button.active[data-v-7d173476]{background:#fff;color:#3182ce;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:scale(1.02)}.form-group select[data-v-7d173476]:focus,.form-group input[data-v-7d173476]:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.btn-primary[data-v-7d173476],.btn-secondary[data-v-7d173476],.btn-warning[data-v-7d173476],.btn-success[data-v-7d173476],.btn-info[data-v-7d173476]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-primary[data-v-7d173476]{background:#4299e1;color:#fff;margin-top:1rem;width:100%}.btn-primary[data-v-7d173476]:hover{background:#3182ce}.player-interface[data-v-7d173476]{text-align:center}.current-lesson[data-v-7d173476]{margin-bottom:20px;color:#888}.controls[data-v-7d173476]{display:flex;gap:1rem;justify-content:center}.controls button[data-v-7d173476]{flex:1}.btn-warning[data-v-7d173476]{background:#ecc94b;color:#744210}.btn-success[data-v-7d173476]{background:#48bb78;color:#fff}.btn-info[data-v-7d173476]{background:#edf2f7;color:#4a5568;border:1px solid #cbd5e0}.btn-info[data-v-7d173476]:hover{background:#e2e8f0}.answers-panel[data-v-7d173476]{margin-top:2rem;text-align:left;background:#f7fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.answer-list[data-v-7d173476]{display:flex;flex-wrap:wrap;gap:1rem}.answer-item[data-v-7d173476]{background:#fff;padding:.5rem 1rem;border-radius:6px;border:1px solid #e2e8f0;font-size:1.1rem;color:#4a5568}.current-word[data-v-7d173476]{border-color:#4299e1;background:#ebf8ff;color:#2b6cb0;font-weight:700}.btn-secondary[data-v-7d173476]{background:#718096;color:#fff;margin-top:20px;width:100%}.finished-alert[data-v-7d173476]{background:#c6f6d5;color:#22543d;padding:2rem;border-radius:8px;font-size:1.2rem;font-weight:600}