.lesson-list[data-v-0bd47d8c]{height:100%;display:flex;flex-direction:column}.list-header[data-v-0bd47d8c]{padding:var(--space-4) 0;border-bottom:1px solid var(--border-light);margin-bottom:var(--space-4)}.list-title[data-v-0bd47d8c]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0;color:var(--text-primary)}.list-stats[data-v-0bd47d8c]{display:flex;align-items:center}.stats-text[data-v-0bd47d8c]{font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-tertiary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.lessons-container[data-v-0bd47d8c]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3)}.lesson-card[data-v-0bd47d8c]{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative}.lesson-card[data-v-0bd47d8c]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.lesson-card.active[data-v-0bd47d8c]{background:var(--primary-gradient);border-color:transparent;color:var(--text-inverse);box-shadow:var(--shadow-xl)}.lesson-card.active .lesson-title[data-v-0bd47d8c],.lesson-card.active .lesson-description[data-v-0bd47d8c]{color:var(--text-inverse)}.lesson-card.active .lesson-tags .tag[data-v-0bd47d8c]{background:rgba(255,255,255,.2);color:var(--text-inverse)}.lesson-icon[data-v-0bd47d8c]{flex-shrink:0}.icon-wrapper[data-v-0bd47d8c]{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-inverse)}.lesson-info[data-v-0bd47d8c]{flex:1;min-width:0}.lesson-title[data-v-0bd47d8c]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0;color:var(--text-primary);line-height:1.3}.lesson-description[data-v-0bd47d8c]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-3) 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-tags[data-v-0bd47d8c]{display:flex;gap:var(--space-2);flex-wrap:wrap}.tag[data-v-0bd47d8c]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary)}.level-beginner[data-v-0bd47d8c]{background:#dcfce7;color:#166534}.level-intermediate[data-v-0bd47d8c]{background:#fef3c7;color:#92400e}.level-advanced[data-v-0bd47d8c]{background:#fee2e2;color:#991b1b}.duration-tag[data-v-0bd47d8c]{background:var(--bg-tertiary);color:var(--text-secondary)}.selected-indicator[data-v-0bd47d8c]{position:absolute;top:var(--space-3);right:var(--space-3);width:24px;height:24px;background:rgba(255,255,255,.2);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-inverse)}.empty-state[data-v-0bd47d8c]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8)}.empty-icon[data-v-0bd47d8c]{width:64px;height:64px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:var(--text-inverse)}.empty-title[data-v-0bd47d8c]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0;color:var(--text-primary)}.empty-description[data-v-0bd47d8c]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}@media (max-width: 768px){.lesson-card[data-v-0bd47d8c]{padding:var(--space-3);gap:var(--space-3)}.lesson-title[data-v-0bd47d8c]{font-size:var(--font-size-base)}.lesson-description[data-v-0bd47d8c]{font-size:var(--font-size-xs)}.icon-wrapper[data-v-0bd47d8c]{width:40px;height:40px}.selected-indicator[data-v-0bd47d8c]{top:var(--space-2);right:var(--space-2);width:20px;height:20px}}@media (max-width: 480px){.lesson-card[data-v-0bd47d8c]{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.lesson-info[data-v-0bd47d8c]{width:100%}.lesson-tags[data-v-0bd47d8c]{justify-content:flex-start}}.audio-player[data-v-d1f972cb]{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.player-header[data-v-d1f972cb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.player-info[data-v-d1f972cb]{display:flex;align-items:center;gap:var(--space-4)}.player-icon[data-v-d1f972cb]{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-inverse)}.player-title[data-v-d1f972cb]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0;color:var(--text-primary)}.player-status[data-v-d1f972cb]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.player-controls[data-v-d1f972cb]{display:flex;align-items:center;gap:var(--space-3)}.control-btn[data-v-d1f972cb]{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-full);width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.control-btn[data-v-d1f972cb]:hover{background:var(--border-light);transform:scale(1.05)}.play-btn.playing[data-v-d1f972cb]{background:var(--primary-gradient);color:var(--text-inverse);border-color:transparent}.progress-section[data-v-d1f972cb]{margin-bottom:var(--space-6)}.progress-bar[data-v-d1f972cb]{position:relative;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);cursor:pointer;margin-bottom:var(--space-3);touch-action:none}.progress-track[data-v-d1f972cb]{position:relative;height:100%;border-radius:var(--radius-full);overflow:hidden}.progress-fill[data-v-d1f972cb]{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width .1s ease}.progress-thumb[data-v-d1f972cb]{position:absolute;top:50%;width:16px;height:16px;background:var(--text-inverse);border:2px solid var(--primary-light);border-radius:50%;transform:translate(-50%,-50%);box-shadow:var(--shadow-md);transition:left .1s ease}.time-display[data-v-d1f972cb]{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--text-secondary)}.player-footer[data-v-d1f972cb]{display:flex;justify-content:space-between;align-items:center}.volume-control[data-v-d1f972cb]{display:flex;align-items:center;gap:var(--space-3)}.volume-btn[data-v-d1f972cb]{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.volume-btn[data-v-d1f972cb]:hover{background:var(--border-light);color:var(--text-primary)}.volume-slider[data-v-d1f972cb]{width:80px}.volume-range[data-v-d1f972cb]{width:100%;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);outline:none;-webkit-appearance:none}.volume-range[data-v-d1f972cb]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--primary-light);border-radius:50%;cursor:pointer}.volume-range[data-v-d1f972cb]::-moz-range-thumb{width:12px;height:12px;background:var(--primary-light);border-radius:50%;cursor:pointer;border:none}.control-buttons[data-v-d1f972cb]{display:flex;align-items:center;gap:var(--space-3)}.repeat-btn[data-v-d1f972cb]{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.repeat-btn[data-v-d1f972cb]:hover{background:var(--border-light);color:var(--text-primary)}.repeat-btn.active[data-v-d1f972cb]{background:var(--primary-gradient);color:var(--text-inverse);border-color:transparent}.speed-btn[data-v-d1f972cb]{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.speed-btn[data-v-d1f972cb]:hover{background:var(--border-light);color:var(--text-primary)}@media (max-width: 768px){.audio-player[data-v-d1f972cb]{padding:var(--space-4)}.player-header[data-v-d1f972cb]{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.player-info[data-v-d1f972cb]{width:100%}.player-controls[data-v-d1f972cb]{width:100%;justify-content:center}.player-footer[data-v-d1f972cb]{flex-direction:column;gap:var(--space-4);align-items:stretch}.volume-control[data-v-d1f972cb],.speed-control[data-v-d1f972cb]{justify-content:center}}.video-loading-overlay[data-v-d6513731]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-content[data-v-d6513731]{text-align:center;max-width:320px;padding:var(--space-6)}.loading-animation[data-v-d6513731]{margin-bottom:var(--space-6)}.spinner-container[data-v-d6513731]{position:relative;width:80px;height:80px;margin:0 auto}.spinner[data-v-d6513731]{position:absolute;top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary-light);border-radius:50%;animation:spin-d6513731 1s linear infinite}.spinner-ring[data-v-d6513731]{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;border:2px solid rgba(255,255,255,.05);border-radius:50%;animation:pulse-d6513731 2s ease-in-out infinite}@keyframes spin-d6513731{to{transform:rotate(360deg)}}@keyframes pulse-d6513731{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.loading-text[data-v-d6513731]{margin-bottom:var(--space-6)}.loading-title[data-v-d6513731]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0;color:var(--text-inverse)}.loading-subtitle[data-v-d6513731]{font-size:var(--font-size-sm);color:#ffffffb3;margin:0;line-height:1.5}.progress-container[data-v-d6513731]{margin-bottom:var(--space-6)}.progress-bar[data-v-d6513731]{width:100%;height:6px;background:rgba(255,255,255,.1);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.progress-fill[data-v-d6513731]{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width .3s ease;position:relative}.progress-fill[data-v-d6513731]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-d6513731 2s infinite}@keyframes shimmer-d6513731{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text[data-v-d6513731]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-inverse)}.loading-tips[data-v-d6513731]{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-4)}.tip-item[data-v-d6513731]{display:flex;align-items:center;gap:var(--space-2);justify-content:center}.tip-icon[data-v-d6513731]{color:#fff9;flex-shrink:0}.tip-text[data-v-d6513731]{font-size:var(--font-size-xs);color:#fff9;line-height:1.4}@media (max-width: 768px){.loading-content[data-v-d6513731]{max-width:280px;padding:var(--space-4)}.spinner-container[data-v-d6513731]{width:60px;height:60px}.spinner[data-v-d6513731]{width:45px;height:45px;margin:-22.5px 0 0 -22.5px}.spinner-ring[data-v-d6513731]{width:60px;height:60px;margin:-30px 0 0 -30px}.loading-title[data-v-d6513731]{font-size:var(--font-size-lg)}.loading-subtitle[data-v-d6513731]{font-size:var(--font-size-xs)}}@media (max-width: 480px){.loading-content[data-v-d6513731]{max-width:240px;padding:var(--space-3)}.spinner-container[data-v-d6513731]{width:50px;height:50px}.spinner[data-v-d6513731]{width:35px;height:35px;margin:-17.5px 0 0 -17.5px}.spinner-ring[data-v-d6513731]{width:50px;height:50px;margin:-25px 0 0 -25px}.loading-title[data-v-d6513731]{font-size:var(--font-size-base)}}.media-player[data-v-89db8f4b]{width:100%;min-height:200px;position:relative}.loading-state[data-v-89db8f4b]{display:flex;align-items:center;justify-content:center;min-height:200px;background:var(--bg-tertiary);border-radius:var(--radius-lg)}.loading-content[data-v-89db8f4b]{text-align:center}.loading-spinner[data-v-89db8f4b]{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--primary-light);border-radius:50%;animation:spin-89db8f4b 1s linear infinite;margin:0 auto var(--space-4)}.loading-text[data-v-89db8f4b]{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}@keyframes spin-89db8f4b{to{transform:rotate(360deg)}}.media-content[data-v-89db8f4b]{width:100%}.video-container[data-v-89db8f4b]{position:relative;width:100%;background:#000;border-radius:var(--radius-lg);overflow:hidden}.video-player[data-v-89db8f4b]{width:100%;height:auto;display:block;border-radius:var(--radius-lg)}.audio-container[data-v-89db8f4b]{width:100%;padding:var(--space-6);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.error-state[data-v-89db8f4b]{display:flex;align-items:center;justify-content:center;min-height:200px;background:var(--bg-tertiary);border-radius:var(--radius-lg);border:2px dashed var(--border-medium)}.error-content[data-v-89db8f4b]{text-align:center;max-width:300px}.error-icon[data-v-89db8f4b]{color:var(--text-tertiary);margin-bottom:var(--space-4)}.error-title[data-v-89db8f4b]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.error-message[data-v-89db8f4b]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-6) 0;line-height:1.5}.retry-btn[data-v-89db8f4b]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--primary-gradient);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.retry-btn[data-v-89db8f4b]:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.media-player[data-v-89db8f4b],.loading-state[data-v-89db8f4b],.error-state[data-v-89db8f4b]{min-height:150px}.audio-container[data-v-89db8f4b]{padding:var(--space-4)}.error-content[data-v-89db8f4b]{max-width:250px}}.sentence-card[data-v-d9541bc2]{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-normal);position:relative;overflow:hidden}.sentence-card[data-v-d9541bc2]:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--border-medium)}.sentence-content[data-v-d9541bc2]{display:flex;align-items:flex-start;gap:var(--space-4)}.sentence-text[data-v-d9541bc2]{flex:1;min-width:0}.english-text[data-v-d9541bc2]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0;color:var(--text-primary);line-height:1.4}.chinese-text[data-v-d9541bc2]{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;line-height:1.5}.chinese-phonetic[data-v-d9541bc2]{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--space-2);line-height:1.5}.play-btn[data-v-d9541bc2]{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-full);width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.play-btn[data-v-d9541bc2]:hover:not(:disabled){background:var(--primary-gradient);color:var(--text-inverse);border-color:transparent;transform:scale(1.05)}.play-btn.playing[data-v-d9541bc2]{background:var(--primary-gradient);color:var(--text-inverse);border-color:transparent;animation:pulse-d9541bc2 1.5s ease-in-out infinite}.play-btn[data-v-d9541bc2]:disabled{opacity:.6;cursor:not-allowed}@keyframes pulse-d9541bc2{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.playing-indicator[data-v-d9541bc2]{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.audio-wave[data-v-d9541bc2]{display:flex;align-items:center;gap:2px;height:20px}.wave-bar[data-v-d9541bc2]{width:3px;background:var(--primary-light);border-radius:var(--radius-full);animation:wave-d9541bc2 1.2s ease-in-out infinite}.wave-bar[data-v-d9541bc2]:nth-child(1){animation-delay:0s;height:8px}.wave-bar[data-v-d9541bc2]:nth-child(2){animation-delay:.1s;height:16px}.wave-bar[data-v-d9541bc2]:nth-child(3){animation-delay:.2s;height:12px}.wave-bar[data-v-d9541bc2]:nth-child(4){animation-delay:.3s;height:20px}@keyframes wave-d9541bc2{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.playing-text[data-v-d9541bc2]{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.sentence-card[data-v-d9541bc2]{padding:var(--space-4)}.sentence-content[data-v-d9541bc2]{gap:var(--space-3)}.english-text[data-v-d9541bc2]{font-size:var(--font-size-base)}.chinese-text[data-v-d9541bc2]{font-size:var(--font-size-sm)}.play-btn[data-v-d9541bc2]{width:40px;height:40px}.playing-indicator[data-v-d9541bc2]{margin-top:var(--space-3);padding-top:var(--space-3)}}@media (max-width: 480px){.sentence-content[data-v-d9541bc2]{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.play-btn[data-v-d9541bc2]{align-self:flex-end}}.sentence-list[data-v-d3d7774c]{display:flex;flex-direction:column;gap:15px}.settings-panel[data-v-cd11948b]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-light);z-index:1002;animation:slideUp-cd11948b .3s ease-out}@keyframes slideUp-cd11948b{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.panel-header[data-v-cd11948b]{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-6);border-bottom:1px solid var(--border-light);background:var(--bg-tertiary);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.header-content[data-v-cd11948b]{display:flex;align-items:center;gap:var(--space-3)}.header-icon[data-v-cd11948b]{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-inverse)}.header-text[data-v-cd11948b]{flex:1}.panel-title[data-v-cd11948b]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0;color:var(--text-primary)}.panel-subtitle[data-v-cd11948b]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.close-btn[data-v-cd11948b]{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.close-btn[data-v-cd11948b]:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.05)}.panel-content[data-v-cd11948b]{padding:var(--space-6)}.setting-item[data-v-cd11948b]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--border-light)}.setting-item[data-v-cd11948b]:last-child{border-bottom:none}.setting-info[data-v-cd11948b]{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.setting-icon[data-v-cd11948b]{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);flex-shrink:0}.setting-text[data-v-cd11948b]{flex:1;min-width:0}.setting-title[data-v-cd11948b]{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0 0 var(--space-1) 0;color:var(--text-primary)}.setting-description[data-v-cd11948b]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.4}.switch[data-v-cd11948b]{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.switch input[data-v-cd11948b]{opacity:0;width:0;height:0}.slider[data-v-cd11948b]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-medium);transition:all var(--transition-fast);border-radius:var(--radius-full)}.slider[data-v-cd11948b]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--text-inverse);transition:all var(--transition-fast);border-radius:50%;box-shadow:var(--shadow-sm)}input:checked+.slider[data-v-cd11948b]{background:var(--primary-gradient)}input:checked+.slider[data-v-cd11948b]:before{transform:translate(24px)}.panel-footer[data-v-cd11948b]{padding:var(--space-6);border-top:1px solid var(--border-light);background:var(--bg-tertiary);border-radius:0 0 var(--radius-xl) var(--radius-xl);text-align:center}.done-btn[data-v-cd11948b]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--primary-gradient);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.done-btn[data-v-cd11948b]:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 480px){.settings-panel[data-v-cd11948b]{width:95%;margin:var(--space-4)}.panel-header[data-v-cd11948b],.panel-content[data-v-cd11948b],.panel-footer[data-v-cd11948b]{padding:var(--space-4)}.setting-item[data-v-cd11948b]{padding:var(--space-3) 0}.setting-info[data-v-cd11948b]{gap:var(--space-2)}.setting-icon[data-v-cd11948b]{width:28px;height:28px}.setting-title[data-v-cd11948b]{font-size:var(--font-size-sm)}.setting-description[data-v-cd11948b]{font-size:var(--font-size-xs)}}.player-view[data-v-c8d5e9a6]{padding:var(--space-8);max-width:1200px;margin:0 auto;min-height:100vh}.page-header[data-v-c8d5e9a6]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);gap:var(--space-6)}.lesson-info[data-v-c8d5e9a6]{flex:1}.lesson-title[data-v-c8d5e9a6]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0;color:var(--text-primary);line-height:1.2}.lesson-subtitle[data-v-c8d5e9a6]{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}.settings-btn[data-v-c8d5e9a6]{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.settings-btn[data-v-c8d5e9a6]:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.05)}.mode-selector[data-v-c8d5e9a6]{margin-bottom:var(--space-8)}.mode-tabs[data-v-c8d5e9a6]{display:flex;gap:var(--space-2);background:var(--bg-secondary);padding:var(--space-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.mode-tab[data-v-c8d5e9a6]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.mode-tab[data-v-c8d5e9a6]:hover{color:var(--text-primary);background:var(--bg-tertiary)}.mode-tab.active[data-v-c8d5e9a6]{background:var(--primary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-md)}.mode-icon[data-v-c8d5e9a6]{display:flex;align-items:center;justify-content:center}.mode-label[data-v-c8d5e9a6]{white-space:nowrap}.media-section[data-v-c8d5e9a6]{margin-bottom:var(--space-8)}.media-card[data-v-c8d5e9a6]{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);overflow:hidden;transition:all var(--transition-normal)}.media-card[data-v-c8d5e9a6]:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.sentences-section[data-v-c8d5e9a6]{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);overflow:hidden}.section-header[data-v-c8d5e9a6]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border-light);background:var(--bg-tertiary)}.section-title[data-v-c8d5e9a6]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;color:var(--text-primary)}.section-badge[data-v-c8d5e9a6]{background:var(--accent-gradient);color:var(--text-inverse);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.sentences-container[data-v-c8d5e9a6]{padding:var(--space-6)}.gesture-hint[data-v-c8d5e9a6]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.9);color:var(--text-inverse);padding:var(--space-6);border-radius:var(--radius-xl);display:flex;align-items:center;gap:var(--space-4);z-index:1001;opacity:1;transition:all var(--transition-normal);pointer-events:none;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.gesture-hint.next[data-v-c8d5e9a6]{border-left:4px solid #10b981}.gesture-hint.prev[data-v-c8d5e9a6]{border-left:4px solid #f59e0b}.hint-content[data-v-c8d5e9a6]{display:flex;align-items:center;gap:var(--space-4)}.hint-icon[data-v-c8d5e9a6]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background:rgba(255,255,255,.1);color:var(--text-inverse);flex-shrink:0}.hint-text[data-v-c8d5e9a6]{display:flex;flex-direction:column;gap:var(--space-1)}.hint-title[data-v-c8d5e9a6]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-inverse)}.hint-countdown[data-v-c8d5e9a6]{font-size:var(--font-size-sm);color:#ffffffb3;font-weight:var(--font-weight-medium)}.player-view-placeholder[data-v-c8d5e9a6]{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-8)}.placeholder-content[data-v-c8d5e9a6]{text-align:center;max-width:400px}.placeholder-icon[data-v-c8d5e9a6]{width:80px;height:80px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);color:var(--text-inverse)}.placeholder-content h3[data-v-c8d5e9a6]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3) 0;color:var(--text-primary)}.placeholder-content p[data-v-c8d5e9a6]{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0;line-height:1.6}@media (max-width: 768px){.player-view[data-v-c8d5e9a6]{padding:var(--space-6)}.page-header[data-v-c8d5e9a6]{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.lesson-title[data-v-c8d5e9a6]{font-size:var(--font-size-2xl)}.lesson-subtitle[data-v-c8d5e9a6]{font-size:var(--font-size-base)}.mode-tabs[data-v-c8d5e9a6]{flex-direction:column;gap:var(--space-1)}.mode-tab[data-v-c8d5e9a6]{justify-content:flex-start;padding:var(--space-4)}.section-header[data-v-c8d5e9a6],.sentences-container[data-v-c8d5e9a6]{padding:var(--space-4)}}@media (max-width: 480px){.player-view[data-v-c8d5e9a6]{padding:var(--space-4)}.lesson-title[data-v-c8d5e9a6]{font-size:var(--font-size-xl)}.mode-tab[data-v-c8d5e9a6]{padding:var(--space-3);font-size:var(--font-size-xs)}}#pomodoro-lingua[data-v-abcde4b0]{display:flex;height:100vh;position:relative;overflow-x:hidden}.sidebar[data-v-abcde4b0]{width:320px;background:var(--bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;flex-shrink:0;transition:transform var(--transition-normal);box-shadow:var(--shadow-lg)}.sidebar-header[data-v-abcde4b0]{padding:var(--space-6);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.logo[data-v-abcde4b0]{display:flex;align-items:center;gap:var(--space-4)}.logo-icon[data-v-abcde4b0]{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-inverse)}.logo-text h1[data-v-abcde4b0]{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.2}.logo-text p[data-v-abcde4b0]{margin:var(--space-1) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.sidebar-content[data-v-abcde4b0]{flex:1;overflow-y:auto;padding:var(--space-4)}.main-content[data-v-abcde4b0]{flex:1;overflow-y:auto;background:var(--bg-primary);position:relative}.menu-toggle[data-v-abcde4b0]{position:fixed;top:var(--space-4);left:var(--space-4);z-index:1001;background:var(--bg-secondary);border:none;border-radius:var(--radius-full);width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.menu-toggle[data-v-abcde4b0]:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.welcome-container[data-v-abcde4b0]{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-8)}.welcome-content[data-v-abcde4b0]{text-align:center;max-width:480px}.welcome-icon[data-v-abcde4b0]{width:120px;height:120px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-8);color:var(--text-inverse)}.welcome-title[data-v-abcde4b0]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4) 0;color:var(--text-primary)}.welcome-description[data-v-abcde4b0]{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0 0 var(--space-8) 0;line-height:1.6}.welcome-features[data-v-abcde4b0]{display:flex;flex-direction:column;gap:var(--space-4)}.feature-item[data-v-abcde4b0]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.feature-item[data-v-abcde4b0]:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.feature-icon[data-v-abcde4b0]{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);flex-shrink:0}.feature-item span[data-v-abcde4b0]{font-weight:var(--font-weight-medium);color:var(--text-primary)}.loading-container[data-v-abcde4b0]{padding:var(--space-8)}.loading-skeleton[data-v-abcde4b0]{max-width:800px;margin:0 auto}.skeleton-header[data-v-abcde4b0]{height:40px;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-6);animation:pulse-abcde4b0 1.5s ease-in-out infinite}.skeleton-player[data-v-abcde4b0]{height:200px;background:var(--bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-8);animation:pulse-abcde4b0 1.5s ease-in-out infinite}.skeleton-content[data-v-abcde4b0]{display:flex;flex-direction:column;gap:var(--space-4)}.skeleton-item[data-v-abcde4b0]{height:80px;background:var(--bg-tertiary);border-radius:var(--radius-md);animation:pulse-abcde4b0 1.5s ease-in-out infinite}@keyframes pulse-abcde4b0{0%,to{opacity:1}50%{opacity:.5}}.sidebar-overlay[data-v-abcde4b0]{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-overlay);z-index:999;opacity:0;visibility:hidden;transition:all var(--transition-normal)}@media (max-width: 768px){.sidebar[data-v-abcde4b0]{position:fixed;left:0;top:0;height:100%;transform:translate(-100%);z-index:1000}.main-content[data-v-abcde4b0]{padding-top:80px}#pomodoro-lingua.sidebar-open .sidebar[data-v-abcde4b0]{transform:translate(0)}#pomodoro-lingua.sidebar-open .sidebar-overlay[data-v-abcde4b0]{opacity:1;visibility:visible}.welcome-container[data-v-abcde4b0]{padding:var(--space-6)}.welcome-title[data-v-abcde4b0]{font-size:var(--font-size-2xl)}.welcome-icon[data-v-abcde4b0]{width:80px;height:80px}}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-light: #667eea;--primary-dark: #764ba2;--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--accent-light: #4facfe;--accent-dark: #00f2fe;--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--border-light: #e2e8f0;--border-medium: #cbd5e1;--border-dark: #94a3b8;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gradient-primary{background:var(--primary-gradient)}.gradient-accent{background:var(--accent-gradient)}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;gap:var(--space-2)}.btn-primary{background:var(--primary-gradient);color:var(--text-inverse)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-dark)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hidden-mobile{display:none!important}}@media (min-width: 769px){.hidden-desktop{display:none!important}}