@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600&display=swap";:root{--color-primary: #B93337;--color-primary-hover: #9b262a;--color-accent: #FEC46F;--color-accent-hover: #f5b548;--color-brand-cream: #F9DBAC;--color-bg-page: #FAF9F6;--color-bg-card: #FFFFFF;--color-bg-sidebar: #F4F1EC;--color-bg-highlight: rgba(185, 51, 55, .06);--color-text-primary: #1E0804;--color-text-secondary:#5C4033;--color-text-muted: #9E7B6F;--color-text-inverse: #FFFFFF;--color-status-pass: #16A34A;--color-status-wait: #D97706;--color-status-fail: #DC2626;--color-status-lock: #94A3B8;--color-border: #E8DDD5;--color-border-focus: var(--color-primary);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(30,8,4,.08);--shadow-md: 0 4px 16px rgba(30,8,4,.1);--shadow-lg: 0 8px 32px rgba(30,8,4,.12);--font-sans: "Be Vietnam Pro", "Inter", sans-serif;--font-heading:"Be Vietnam Pro", "Playfair Display", serif;--transition-fast: .15s ease;--transition-base: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg-page);color:var(--color-text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.3;color:var(--color-text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.font-hanzi{font-family:"Noto Serif SC",Songti SC,STSong,宋体,serif;letter-spacing:.05em}.font-pinyin{font-family:Be Vietnam Pro,monospace;letter-spacing:.03em}._toggle_10mad_1{display:flex;align-items:center;gap:4px;background:var(--color-bg-sidebar);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary)}._toggle_10mad_1:hover{border-color:var(--color-primary)}._active_10mad_18{color:var(--color-primary)}._inactive_10mad_19{color:var(--color-text-muted)}._sep_10mad_20{color:var(--color-border)}._badge_1xze8_1{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}._pass_1xze8_11{background:#dcfce7;color:var(--color-status-pass)}._wait_1xze8_12{background:#fef3c7;color:var(--color-status-wait)}._fail_1xze8_13{background:#fee2e2;color:var(--color-status-fail)}._active_1xze8_14{background:#b933371a;color:var(--color-primary)}._lock_1xze8_15{background:#f1f5f9;color:var(--color-status-lock)}._sidebar_ps559_1{width:300px;background:#fff;border-right:1px solid var(--color-border);display:flex;flex-direction:column;height:100%}._brand_ps559_10{padding:24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--color-border);flex-shrink:0}._logo_ps559_19{width:48px;height:48px;object-fit:contain}._brandTitle_ps559_25{font-size:1.125rem;font-weight:700;color:var(--color-primary);line-height:1.2}._brandSub_ps559_32{font-size:.875rem;color:var(--color-text-secondary)}._nav_ps559_37{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}._weekBtn_ps559_46{width:100%;display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:600;color:var(--color-text-primary);cursor:pointer;transition:all .2s}._weekBtn_ps559_46:hover{background:var(--color-bg-hover)}._weekBtnActive_ps559_65{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}._dayList_ps559_71{margin-top:8px;margin-left:12px;padding-left:12px;border-left:1px dashed var(--color-border);display:flex;flex-direction:column;gap:4px}._dayBtn_ps559_81{width:100%;text-align:left;padding:8px 12px;background:transparent;border:none;border-radius:var(--radius-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer}._dayBtn_ps559_81:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}._dayBtnActive_ps559_98{color:var(--color-primary);background:#b933370d}._lessonList_ps559_103{margin-top:4px;margin-left:12px;display:flex;flex-direction:column;gap:4px}._lessonBtn_ps559_111{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;text-align:left}._lessonBtn_ps559_111:hover:not(:disabled){background:var(--color-bg-hover)}._lessonBtnActive_ps559_128{background:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}._lessonBtnLocked_ps559_134{opacity:.5;cursor:not-allowed}._lessonIcon_ps559_139{color:var(--color-text-tertiary);display:flex}._lessonBtnActive_ps559_128 ._lessonIcon_ps559_139{color:var(--color-primary)}._lessonName_ps559_148{flex:1;font-size:.875rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._toolsMenu_ps559_158{padding:16px;border-top:1px solid var(--color-border);background:var(--color-bg-page);flex-shrink:0;display:flex;flex-direction:column;gap:8px}._toolsHeader_ps559_168{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);font-weight:700;margin-bottom:4px;padding-left:12px}._toolBtn_ps559_178{width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:transparent;border:none;border-radius:var(--radius-md);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}._toolBtn_ps559_178:hover{background:#b933370d;color:var(--color-primary)}._toolBtnActive_ps559_198{background:var(--color-primary);color:#fff}._toolBtnActive_ps559_198:hover{background:var(--color-primary-hover);color:#fff}._primaryActions_ps559_208{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md);margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--glass-border)}._pinyinBtnTop_ps559_214{background:#e1251b14;color:var(--color-primary);font-weight:700;border:1px solid rgba(225,37,27,.2);justify-content:center}._pinyinBtnTop_ps559_214:hover{background:#e1251b26;transform:translateY(-1px)}._weeklyExtras_ps559_227{padding:var(--spacing-xs) var(--spacing-md);margin-top:var(--spacing-xs);border-top:1px dashed var(--glass-border)}._extraBtn_ps559_233{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:.9rem;padding:.5rem;background:transparent;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}._extraBtn_ps559_233:hover{background:#ffffff0d;color:var(--color-primary)}._extraIcon_ps559_253{color:var(--color-primary)}._container_aj571_1{margin-top:32px;padding:24px;background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow-sm)}._title_aj571_13{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:24px;width:100%;text-align:center}._content_aj571_22{width:100%;display:flex;justify-content:center}._actionCenter_aj571_28{display:flex;flex-direction:column;align-items:center;gap:16px}._recordBtnBig_aj571_36{width:80px;height:80px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #b933374d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}._recordBtnBig_aj571_36:hover{transform:scale(1.05);box-shadow:0 12px 32px #b9333766}._recordBtnBig_aj571_36:active{transform:scale(.95)}._micIcon_aj571_61{color:#fff}._requesting_aj571_66{background:var(--color-text-tertiary);cursor:not-allowed;box-shadow:none}._spinner_aj571_72{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:_spin_aj571_72 1s linear infinite}._recording_aj571_82{background:var(--color-error);animation:_pulse-ring_aj571_1 2s cubic-bezier(.4,0,.6,1) infinite}._stopIcon_aj571_87{color:#fff}@keyframes _pulse-ring_aj571_1{0%{box-shadow:0 0 #dc2626b3}70%{box-shadow:0 0 0 20px #dc262600}to{box-shadow:0 0 #dc262600}}._hint_aj571_103{font-size:.875rem;color:var(--color-text-secondary)}._hintGlowing_aj571_108{font-size:.875rem;font-weight:600;color:var(--color-error);animation:_pulse-text_aj571_1 2s infinite}@keyframes _pulse-text_aj571_1{0%,to{opacity:1}50%{opacity:.5}}._errorText_aj571_120{color:var(--color-error);font-size:.875rem;text-align:center;max-width:300px}._reviewCenter_aj571_128{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}._audioPlayer_aj571_136{width:100%;max-width:400px;height:40px;outline:none}._reviewActions_aj571_143{display:flex;gap:16px}._btnPrimary_aj571_148,._btnSecondary_aj571_148,._btnOutline_aj571_148{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-lg);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}._btnPrimary_aj571_148{background:var(--color-primary);color:#fff;border:none}._btnPrimary_aj571_148:hover{background:var(--color-primary-hover);transform:translateY(-1px)}._btnSecondary_aj571_148{background:var(--color-bg-hover);color:var(--color-text-primary);border:1px solid var(--color-border)}._btnSecondary_aj571_148:hover{background:var(--color-border)}._btnOutline_aj571_148{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);margin-top:16px}._btnOutline_aj571_148:hover{background:#b933370d}._uploadingBox_aj571_193{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--color-text-secondary)}._spinnerUpload_aj571_201{width:40px;height:40px;border:4px solid var(--color-bg-hover);border-top-color:var(--color-primary);border-radius:50%;animation:_spin_aj571_72 1s linear infinite}@keyframes _spin_aj571_72{to{transform:rotate(360deg)}}._successBox_aj571_215{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}._successIcon_aj571_223{color:var(--color-success);margin-bottom:8px}._successBox_aj571_215 h4{font-size:1.125rem;color:var(--color-text-primary);margin:0}._successBox_aj571_215 p{color:var(--color-text-secondary);font-size:.875rem;margin:0}._container_1e5ft_1{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:#ffffff0d;border:1px solid var(--color-primary);border-radius:var(--radius-xl);box-shadow:0 4px 15px #e1251b1a;animation:_slideIn_1e5ft_1 .3s ease-out}@keyframes _slideIn_1e5ft_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._header_1e5ft_16{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--color-primary)}._title_1e5ft_24{font-size:1.2rem;font-weight:700;margin:0}._content_1e5ft_30{color:var(--color-text);font-size:1rem;line-height:1.6;white-space:pre-wrap;background:var(--glass-bg);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px dashed rgba(225,37,27,.3)}._toggleBtn_1e5ft_41{margin-top:var(--spacing-xl);width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--color-primary);color:#fff;border:none;padding:.8rem;border-radius:var(--radius-full);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px #e1251b33}._toggleBtn_1e5ft_41:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 15px #e1251b4d}._container_ne5w7_1{display:flex;flex-direction:column;height:100%;overflow:hidden}._empty_ne5w7_8{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-size:16px}._header_ne5w7_18{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 12px;flex-shrink:0;border-bottom:1px solid var(--color-border)}._lessonTitle_ne5w7_26{font-size:18px;font-weight:800;color:var(--color-text-primary);line-height:1.3}._lessonId_ne5w7_32{font-size:12px;color:var(--color-text-muted);margin-top:2px;font-family:monospace}._videoWrapper_ne5w7_40{position:relative;background:#000;flex-shrink:0}._video_ne5w7_40{width:100%;max-height:320px;object-fit:contain;display:block}._videoGlow_ne5w7_51{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:70%;height:40px;background:#b9333726;filter:blur(24px);pointer-events:none}._scriptSection_ne5w7_64{flex:1;overflow-y:auto;padding:20px 24px}._scriptTitle_ne5w7_69{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:16px}._scriptList_ne5w7_77{display:flex;flex-direction:column;gap:10px}._dialogueCard_ne5w7_84{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);cursor:pointer;transition:all var(--transition-base)}._dialogueCard_ne5w7_84:hover{border-color:var(--color-primary);background:var(--color-bg-highlight);transform:translate(3px);box-shadow:var(--shadow-sm)}._dialogueCardActive_ne5w7_101{border-color:var(--color-primary)!important;background:#b9333712!important;box-shadow:0 0 0 3px #b933371a,var(--shadow-sm)!important}._dialogueMain_ne5w7_107{flex:1}._dialogueHanzi_ne5w7_108{font-family:"Noto Serif SC",Songti SC,serif;font-size:22px;font-weight:600;letter-spacing:.06em;color:var(--color-text-primary);line-height:1.4}._dialoguePinyin_ne5w7_116{font-size:14px;color:var(--color-primary);font-weight:500;margin-top:4px;letter-spacing:.03em}._dialogueViet_ne5w7_123{font-size:13px;color:var(--color-text-secondary);margin-top:3px}._dialogueActions_ne5w7_129{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}._dialogueTime_ne5w7_136{font-size:11px;font-family:monospace;color:var(--color-text-muted);background:var(--color-bg-sidebar);padding:2px 8px;border-radius:var(--radius-full)}._audioBtn_ne5w7_144{padding:7px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-card);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}._audioBtn_ne5w7_144:hover{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}._seekHint_ne5w7_161{color:var(--color-text-muted);opacity:.5;display:flex;align-items:center}._container_mpy3c_1{padding:40px;max-width:800px;margin:0 auto;height:100%;overflow-y:auto}._header_mpy3c_9{margin-bottom:32px;text-align:center}._headerIcon_mpy3c_14{color:var(--color-primary);margin-bottom:16px}._header_mpy3c_9 h2{font-size:2rem;color:var(--color-text-primary);margin-bottom:8px}._header_mpy3c_9 p{color:var(--color-error);font-size:.875rem}._slotGrid_mpy3c_30{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-bottom:40px}._slotCard_mpy3c_37{background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}._slotCard_mpy3c_37:hover:not(:disabled){border-color:var(--color-primary);transform:translateY(-2px)}._slotCard_mpy3c_37._selected_mpy3c_55{border-color:var(--color-primary);background:#b933370d}._slotCard_mpy3c_37:disabled{background:var(--color-bg-hover);cursor:not-allowed;opacity:.6}._slotDate_mpy3c_66{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}._slotTime_mpy3c_72{display:flex;align-items:center;gap:4px;font-size:1.125rem;font-weight:700;color:var(--color-text-primary)}._slotStatus_mpy3c_81{font-size:.75rem;color:var(--color-error);margin-top:4px}._footer_mpy3c_87{display:flex;justify-content:center}._btnPrimary_mpy3c_92{background:var(--color-primary);color:#fff;border:none;padding:12px 32px;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s}._btnPrimary_mpy3c_92:disabled{background:var(--color-text-tertiary);cursor:not-allowed}._btnPrimary_mpy3c_92:hover:not(:disabled){background:var(--color-primary-hover)}._successCard_mpy3c_113{text-align:center;padding:60px 0;display:flex;flex-direction:column;align-items:center;gap:16px}._successIcon_mpy3c_122{color:var(--color-success)}._btnSecondary_mpy3c_126{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border);padding:8px 24px;border-radius:var(--radius-md);cursor:pointer}._container_1chig_1{padding:40px;max-width:800px;margin:0 auto;height:100%;overflow-y:auto}._header_1chig_9{margin-bottom:32px;text-align:center}._headerIcon_1chig_14{color:var(--color-primary);margin-bottom:16px}._header_1chig_9 h2{font-size:2rem;color:var(--color-text-primary);margin-bottom:8px}._header_1chig_9 p{color:var(--color-text-secondary)}._statsGrid_1chig_29{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}._statCard_1chig_36{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;text-align:center;box-shadow:var(--shadow-sm)}._statLabel_1chig_45{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}._statValue_1chig_54{font-size:2.5rem;font-weight:700;color:var(--color-primary)}._formSection_1chig_60{background:var(--color-bg-card);padding:24px;border-radius:var(--radius-lg);margin-bottom:32px;display:flex;flex-direction:column;gap:16px}._inputGroup_1chig_70{display:flex;flex-direction:column;gap:8px}._inputGroup_1chig_70 label{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}._inputGroup_1chig_70 input,._inputGroup_1chig_70 select,._inputGroup_1chig_70 textarea{padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:1rem}._inputGroup_1chig_70 input:focus,._inputGroup_1chig_70 select:focus,._inputGroup_1chig_70 textarea:focus{outline:none;border-color:var(--color-primary)}._previewSection_1chig_99{margin-bottom:32px}._previewHeader_1chig_103{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--color-text-primary)}._previewHeader_1chig_103 h3{font-size:1.125rem;margin:0}._previewBox_1chig_116{background:var(--color-bg-page);border:1px solid var(--color-border);padding:24px;border-radius:var(--radius-lg);line-height:1.6;color:var(--color-text-primary);font-size:1rem;white-space:pre-wrap}._footer_1chig_127{display:flex;justify-content:flex-end}._btnPrimary_1chig_132{display:flex;align-items:center;gap:8px;background:var(--color-primary);color:#fff;border:none;padding:12px 32px;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}._btnPrimary_1chig_132:hover{background:var(--color-primary-hover)}._btnSuccess_1chig_151,._btnSuccess_1chig_151:hover{background:var(--color-success)}._container_1pcfi_1{width:100%;display:flex;flex-direction:column;align-items:center}._actionCenter_1pcfi_8{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md)}._recordBtnBig_1pcfi_16{width:80px;height:80px;border-radius:50%;border:none;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #e1251b4d}._recordBtnBig_1pcfi_16:hover{transform:scale(1.05);background:var(--color-primary-dark);box-shadow:0 8px 30px #e1251b66}._micIcon_1pcfi_37{transition:transform .2s}._recordBtnBig_1pcfi_16:active ._micIcon_1pcfi_37{transform:scale(.9)}._recordBtnBig_1pcfi_16._requesting_1pcfi_45{background:var(--color-text-muted);cursor:wait}._recordBtnBig_1pcfi_16._recording_1pcfi_50{background:#fff;color:var(--color-primary);box-shadow:0 0 0 4px #e1251b33,0 0 20px #e1251b66;animation:_pulse_1pcfi_1 1.5s infinite}._stopIcon_1pcfi_57{fill:currentColor}@keyframes _pulse_1pcfi_1{0%{box-shadow:0 0 #e1251b66}70%{box-shadow:0 0 0 20px #e1251b00}to{box-shadow:0 0 #e1251b00}}._spinner_1pcfi_67{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:_spin_1pcfi_67 1s ease-in-out infinite}@keyframes _spin_1pcfi_67{to{transform:rotate(360deg)}}._hint_1pcfi_80{font-size:.9rem;color:var(--color-text-muted)}._hintGlowing_1pcfi_85{font-size:.9rem;color:var(--color-primary);font-weight:600;animation:_glowText_1pcfi_1 1.5s infinite alternate}@keyframes _glowText_1pcfi_1{0%{opacity:.7}to{opacity:1;text-shadow:0 0 8px rgba(225,37,27,.3)}}._errorText_1pcfi_97{color:#ef4444;font-size:.9rem;text-align:center;max-width:250px}._reviewCenter_1pcfi_105{width:100%;display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center;margin-top:var(--spacing-md)}._audioPlayer_1pcfi_114{width:100%;height:40px;border-radius:var(--radius-full)}._reviewActions_1pcfi_120{display:flex;gap:var(--spacing-md);width:100%}._btnPrimary_1pcfi_126,._btnSecondary_1pcfi_126{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;border:none;transition:all .2s}._btnPrimary_1pcfi_126{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px #e1251b33}._btnPrimary_1pcfi_126:hover{background:var(--color-primary-dark);transform:translateY(-2px)}._btnSecondary_1pcfi_126{background:var(--glass-bg);color:var(--color-text);border:1px solid var(--glass-border)}._btnSecondary_1pcfi_126:hover{background:var(--color-surface)}._uploadingBox_1pcfi_162,._successBox_1pcfi_162{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:100%}._spinnerUpload_1pcfi_174{width:32px;height:32px;border:3px solid rgba(225,37,27,.2);border-radius:50%;border-top-color:var(--color-primary);animation:_spin_1pcfi_67 1s ease-in-out infinite}._successIcon_1pcfi_183{color:#10b981}._successBox_1pcfi_162 h4{color:var(--color-text);font-size:1.1rem;margin:0}._successBox_1pcfi_162 p{color:var(--color-text-muted);font-size:.9rem;margin:0;text-align:center}._btnOutline_1pcfi_200{background:transparent;border:1px solid var(--glass-border);color:var(--color-text);padding:.5rem 1rem;border-radius:var(--radius-full);cursor:pointer;font-size:.9rem;transition:background .2s;margin-top:var(--spacing-sm)}._btnOutline_1pcfi_200:hover{background:var(--glass-bg)}._container_6494c_1{padding:var(--spacing-xl);max-width:900px;margin:0 auto;animation:_slideUp_6494c_1 .4s ease-out forwards}@keyframes _slideUp_6494c_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._header_6494c_13{margin-bottom:var(--spacing-2xl);text-align:center}._title_6494c_18{font-size:2.5rem;font-weight:800;color:var(--color-text);margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary),#ff7e67);-webkit-background-clip:text;-webkit-text-fill-color:transparent}._subtitle_6494c_28{font-size:1.1rem;color:var(--color-text-muted)}._grid_6494c_33{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}._card_6494c_39{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease}._card_6494c_39:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}._cardIcon_6494c_59{width:64px;height:64px;background:#e1251b1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:var(--spacing-md)}._cardTitle_6494c_71{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text)}._cardDesc_6494c_78{color:var(--color-text-muted);margin-bottom:var(--spacing-xl);font-size:1rem;line-height:1.5}._zoomBtn_6494c_85{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-full);padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:0 4px 15px #e1251b4d}._zoomBtn_6494c_85:hover{background:var(--color-primary-dark);transform:scale(1.05);box-shadow:0 6px 20px #e1251b66}@media(max-width:768px){._grid_6494c_33{grid-template-columns:1fr}}._container_6l6du_1{padding:var(--spacing-xl);max-width:900px;margin:0 auto;animation:_fadeIn_6l6du_1 .4s ease-out forwards}@keyframes _fadeIn_6l6du_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._header_6l6du_13{margin-bottom:var(--spacing-2xl);text-align:center}._title_6l6du_18{font-size:2.2rem;font-weight:800;color:var(--color-text);margin-bottom:var(--spacing-sm)}._titleHighlight_6l6du_25{background:linear-gradient(135deg,var(--color-primary),#ff7e67);-webkit-background-clip:text;-webkit-text-fill-color:transparent}._subtitle_6l6du_31{font-size:1.1rem;color:var(--color-text-muted)}._videoCard_6l6du_36{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);overflow:hidden;margin-bottom:var(--spacing-xl)}._videoPlaceholder_6l6du_48{width:100%;aspect-ratio:16 / 9;background:#0006;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--color-text-muted);border:1px dashed var(--glass-border)}._videoIcon_6l6du_62{color:#fff3}._feedbackSection_6l6du_66{background:#ffffff08;border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--glass-border)}._feedbackTitle_6l6du_73{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.2rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md)}._feedbackTitle_6l6du_73 svg{color:var(--color-primary)}._feedbackContent_6l6du_87{color:var(--color-text-muted);line-height:1.6;font-size:1rem}._shell_11b0o_1{display:flex;height:100vh;overflow:hidden;background:var(--color-bg-page)}._main_11b0o_8{flex:1;display:flex;flex-direction:column;overflow:hidden}._topbar_11b0o_15{display:flex;align-items:center;justify-content:flex-end;padding:12px 24px;border-bottom:1px solid var(--color-border);background:var(--color-bg-page);flex-shrink:0}._topbarRight_11b0o_24{display:flex;align-items:center;gap:12px}._contentArea_11b0o_30{flex:1;overflow:hidden;display:flex;flex-direction:column}@media(max-width:768px){._shell_11b0o_1{flex-direction:column}}._container_1h65c_1{display:flex;height:100vh;width:100vw;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}._sidebar_1h65c_10{width:250px;background:#ffffff08;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._logo_1h65c_19{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);text-align:center}._logo_1h65c_19 h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--cae-red)}._logo_1h65c_19 p{margin:0;font-size:.8rem;color:var(--text-secondary)}._nav_1h65c_38{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.5rem}._navItem_1h65c_46{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);background:transparent;border:none;cursor:pointer;text-align:left;font-size:.95rem;transition:all .2s}._navItem_1h65c_46:hover{background:#ffffff0d;color:var(--text-primary)}._active_1h65c_66{background:var(--cae-red);color:#fff;font-weight:600}._active_1h65c_66:hover{background:var(--cae-red)}._main_1h65c_76{flex:1;overflow-y:auto;position:relative}._footer_1h65c_82{padding:1rem;border-top:1px solid rgba(255,255,255,.05)}._logoutBtn_1h65c_87{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:var(--radius-md);background:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s}._logoutBtn_1h65c_87:hover{background:#ffffff1a;color:var(--text-primary)}._container_dkq90_1{padding:var(--spacing-xl);max-width:1200px;margin:0 auto}._header_dkq90_7{margin-bottom:var(--spacing-2xl)}._title_dkq90_11{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-sm)}._subtitle_dkq90_18{color:var(--text-secondary);font-size:1.1rem}._grid_dkq90_23{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}@media(min-width:1024px){._grid_dkq90_23{grid-template-columns:1fr 1fr}}._panel_dkq90_35{background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-lg)}._panelHeader_dkq90_43{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);color:var(--cae-red);font-size:1.25rem;font-weight:700}._submissionList_dkq90_53{display:flex;flex-direction:column;gap:var(--spacing-md)}._submissionCard_dkq90_59{background:#0003;border-radius:var(--radius-lg);padding:var(--spacing-md);border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:all .2s;cursor:pointer}._submissionCard_dkq90_59:hover{background:#0000004d;border-color:#ffffff26;transform:translateY(-2px)}._subHeader_dkq90_77{display:flex;justify-content:space-between;align-items:center}._studentName_dkq90_83{font-weight:700;color:var(--text-primary)}._subTime_dkq90_88{font-size:.8rem;color:var(--text-secondary)}._lessonName_dkq90_93{font-size:.9rem;color:var(--text-secondary)}._statusBadge_dkq90_98{align-self:flex-start;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase}._status_pending_dkq90_107{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.3)}._status_passed_dkq90_113{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}._status_failed_dkq90_119{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}._emptyState_dkq90_125{text-align:center;padding:var(--spacing-2xl) 0;color:var(--text-secondary)}._container_16cmh_1{display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%}._header_16cmh_8{display:flex;justify-content:space-between;align-items:center}._title_16cmh_14{font-size:1.25rem;font-weight:700;color:var(--text-primary)}._closeBtn_16cmh_20{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}._closeBtn_16cmh_20:hover{background:#ffffff1a;color:var(--text-primary)}._audioSection_16cmh_38{background:#0000004d;padding:var(--spacing-lg);border-radius:var(--radius-lg)}._audioLabel_16cmh_44{display:block;font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}._audioPlayer_16cmh_52{width:100%;height:40px;border-radius:var(--radius-md);outline:none}._form_16cmh_59{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1}._formGroup_16cmh_66{display:flex;flex-direction:column;gap:var(--spacing-sm)}._label_16cmh_72{font-size:.95rem;font-weight:600;color:var(--text-primary)}._textarea_16cmh_78{width:100%;min-height:150px;padding:var(--spacing-md);border-radius:var(--radius-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);font-family:inherit;font-size:.95rem;resize:vertical;transition:border-color .2s}._textarea_16cmh_78:focus{outline:none;border-color:var(--cae-red)}._buttonGroup_16cmh_97{display:flex;gap:var(--spacing-md);margin-top:auto;padding-top:var(--spacing-lg)}._btn_16cmh_104{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none}._btnPass_16cmh_119{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}._btnPass_16cmh_119:hover{background:#4caf504d;color:#81c784}._btnFail_16cmh_130{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}._btnFail_16cmh_130:hover{background:#f443364d;color:#e57373}._alert_16cmh_141{padding:var(--spacing-md);border-radius:var(--radius-md);font-size:.9rem;display:flex;align-items:center;gap:var(--spacing-sm)}._alertSuccess_16cmh_150{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.2)}._container_6vlo1_1{padding:var(--spacing-xl);max-width:1200px;margin:0 auto}._header_6vlo1_7{margin-bottom:var(--spacing-2xl)}._title_6vlo1_11{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-sm)}._subtitle_6vlo1_18{color:var(--text-secondary);font-size:1.1rem}._grid_6vlo1_23{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}@media(min-width:1024px){._grid_6vlo1_23{grid-template-columns:1fr 1fr}}._panel_6vlo1_35{background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-lg)}._panelHeader_6vlo1_43{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);color:var(--cae-red);font-size:1.25rem;font-weight:700}._formGroup_6vlo1_53{margin-bottom:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}._label_6vlo1_60{font-size:.95rem;font-weight:600;color:var(--text-primary)}._input_6vlo1_66{width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:border-color .2s}._input_6vlo1_66:focus{outline:none;border-color:var(--cae-red)}._submitBtn_6vlo1_83{width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--cae-red);color:#fff;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:background .2s;margin-top:var(--spacing-md)}._submitBtn_6vlo1_83:hover{background:#c00}._submitBtn_6vlo1_83:disabled{background:#555;cursor:not-allowed}._historyList_6vlo1_106{display:flex;flex-direction:column;gap:var(--spacing-md)}._historyCard_6vlo1_112{background:#0003;border-radius:var(--radius-lg);padding:var(--spacing-md);border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:var(--spacing-xs)}._historyHeader_6vlo1_122{display:flex;justify-content:space-between;align-items:center}._studentName_6vlo1_128{font-weight:700;color:var(--text-primary)}._time_6vlo1_133{font-size:.8rem;color:var(--text-secondary)}._weekTag_6vlo1_138{align-self:flex-start;background:#ffffff1a;padding:2px 6px;border-radius:4px;font-size:.8rem;margin-top:4px}._videoLink_6vlo1_147{color:#64b5f6;font-size:.9rem;text-decoration:none;margin-top:4px;word-break:break-all}._videoLink_6vlo1_147:hover{text-decoration:underline}._emptyState_6vlo1_159{text-align:center;padding:var(--spacing-2xl) 0;color:var(--text-secondary)}._container_hwocu_1{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);padding:1rem}._card_hwocu_10{background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:3rem 2rem;width:100%;max-width:400px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;gap:2rem}._logo_hwocu_25{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}._logo_hwocu_25 img{border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a}._logo_hwocu_25 h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}._logo_hwocu_25 p{color:var(--text-secondary);font-size:.875rem;margin:0}._form_hwocu_51{display:flex;flex-direction:column;gap:1.5rem}._inputGroup_hwocu_57{display:flex;flex-direction:column;gap:.5rem}._inputGroup_hwocu_57 label{color:var(--text-primary);font-size:.875rem;font-weight:500}._inputGroup_hwocu_57 input{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--text-primary);font-size:1rem;transition:all .2s ease}._inputGroup_hwocu_57 input:focus{outline:none;border-color:var(--cae-red);box-shadow:0 0 0 2px #ba1a1a33}._button_hwocu_85{background:var(--cae-red);color:#fff;border:none;border-radius:var(--radius-md);padding:.875rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ba1a1a4d}._button_hwocu_85:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ba1a1a66}._button_hwocu_85:active{transform:translateY(0)}._roleToggle_hwocu_107{display:flex;background:#0003;border-radius:var(--radius-full);padding:4px;margin-bottom:.5rem}._roleBtn_hwocu_115{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all .2s ease}._activeRole_hwocu_127{background:var(--cae-red);color:#fff;box-shadow:0 2px 8px #ba1a1a66}