.N5FmBa_conversation-page{background:linear-gradient(#f8fbff 0%,#f2f6fb 100%);min-height:100vh;padding-bottom:40px}.dark .N5FmBa_conversation-page{background:linear-gradient(#0f172a 0%,#020617 100%)}.N5FmBa_conversation-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.N5FmBa_page-content{padding-top:10px}.N5FmBa_bc-nav{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 0 10px;font-size:.92rem;display:flex}.N5FmBa_bc-link,.N5FmBa_bc-cur{align-items:center;gap:6px;display:inline-flex}.N5FmBa_bc-link{color:#64748b;font-weight:500;text-decoration:none;transition:color .15s}.N5FmBa_bc-link:hover{color:#ef4444}.N5FmBa_bc-sep{color:#94a3b8;font-size:12px}.N5FmBa_bc-cur{color:#0f172a;font-weight:700}.dark .N5FmBa_bc-cur{color:#f1f5f9}.N5FmBa_content-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:1.25rem;display:grid}@media (max-width:1024px){.N5FmBa_content-layout{grid-template-columns:1fr}}.N5FmBa_conversation-column,.N5FmBa_conversation-content,.N5FmBa_sidebar-column{min-width:0}.N5FmBa_conversation-content{flex-direction:column;gap:16px;display:flex}.N5FmBa_conversation-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:14px;display:grid}.N5FmBa_conversation-item{text-align:left;cursor:pointer;background:#ffffffeb;border:1px solid #dce5f0;border-radius:16px;padding:12px 14px;transition:all .2s}.dark .N5FmBa_conversation-item{background:#1e293be6;border-color:#ffffff14}.N5FmBa_conversation-item:hover{background:#fff5f5;border-color:#fca5a5;transform:translateY(-1px)}.N5FmBa_conversation-item.N5FmBa_active{background:#fff1f2;border-color:#ef4444}.dark .N5FmBa_conversation-item:hover{transform:translateY(-1px);background:#253650!important;border-color:#60a5fa!important}.dark .N5FmBa_conversation-item.N5FmBa_active{background:#ef44442e!important;border-color:#ef4444!important}.dark .N5FmBa_conversation-item.N5FmBa_active:hover{background:#ef444447!important;border-color:#f87171!important}.N5FmBa_lesson-content h3{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.dark .N5FmBa_lesson-content h3{color:#f8fafc}.N5FmBa_lesson-content p{color:#64748b;margin:4px 0 0;font-size:.82rem}.N5FmBa_lesson-header,.N5FmBa_section-card,.N5FmBa_question-card,.N5FmBa_state-card{background:#fffffff2;border:1px solid #e5ecf3;border-radius:18px;box-shadow:0 12px 32px #0f172a0f}:is(.dark .N5FmBa_lesson-header,.dark .N5FmBa_section-card,.dark .N5FmBa_question-card,.dark .N5FmBa_state-card){background:#1e293bf2;border-color:#ffffff14;box-shadow:0 12px 32px #0000004d}.N5FmBa_lesson-header{flex-wrap:wrap;align-items:center;gap:14px;padding:16px 18px;display:flex}.N5FmBa_lesson-icon-wrap{color:#ef4444;background:#fee2e2;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.N5FmBa_lesson-meta{flex:1;min-width:220px}.N5FmBa_lesson-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-size:11px;font-weight:800}.N5FmBa_lesson-title{color:#0f172a;margin:4px 0 0;font-size:1.32rem;font-weight:800;line-height:1.3}.dark .N5FmBa_lesson-title{color:#f8fafc}.N5FmBa_lesson-copy{color:#64748b;margin:4px 0 0;font-size:.9rem;line-height:1.5}.N5FmBa_lesson-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.N5FmBa_play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d32f2f 0%,#b71c1c 100%);border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:.92rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 10px 24px #d32f2f47}.N5FmBa_play-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #d32f2f59}.N5FmBa_play-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.N5FmBa_play-btn.N5FmBa_paused{background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%)}.N5FmBa_live-dot{background:#fff;border-radius:999px;width:8px;height:8px;animation:1.5s infinite N5FmBa_pulse-dot;box-shadow:0 0 0 4px #fff3}@keyframes N5FmBa_pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.N5FmBa_video-icon-btn,.N5FmBa_vocab-icon-btn,.N5FmBa_settings-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #dbe4ee;border-radius:12px;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #0f172a0a}.N5FmBa_video-icon-btn:hover,.N5FmBa_vocab-icon-btn:hover,.N5FmBa_settings-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a14}:is(.dark .N5FmBa_video-icon-btn,.dark .N5FmBa_vocab-icon-btn,.dark .N5FmBa_settings-btn){color:#f8fafc;background:#1e293b;border-color:#ffffff1f;box-shadow:0 2px 8px #00000040}:is(.dark .N5FmBa_video-icon-btn:hover,.dark .N5FmBa_vocab-icon-btn:hover,.dark .N5FmBa_settings-btn:hover){transform:translateY(-1px);box-shadow:0 6px 16px #00000059;color:#fff!important;background:#334155!important;border-color:#64748b!important}.N5FmBa_video-yt-red{color:#ef4444}.N5FmBa_conversation-legend{background:#fffc;border:1px solid #e5ecf3;border-radius:14px;padding:10px 16px}.dark .N5FmBa_conversation-legend{background:#1e293b99;border-color:#ffffff0f}.N5FmBa_legend-items{color:#64748b;flex-wrap:wrap;align-items:center;gap:14px;font-size:.85rem;display:flex}.N5FmBa_legend-item{align-items:center;gap:6px;display:flex}.N5FmBa_legend-label{color:#334155;font-weight:700}.dark .N5FmBa_legend-label{color:#cbd5e1}.N5FmBa_legend-word-sample{border-radius:6px;padding:2px 6px;font-weight:700}.N5FmBa_blue-gradient{color:#0284c7;border-bottom:2px wavy #0284c7}.N5FmBa_red-sample{color:#dc2626;border-bottom:2px wavy #dc2626}.N5FmBa_purple-gradient{color:#9333ea;border-bottom:2px wavy #9333ea}.N5FmBa_legend-divider{background:#cbd5e1;width:1px;height:14px}.N5FmBa_switch-btn{cursor:pointer;background:#cbd5e1;border:none;border-radius:999px;width:32px;height:18px;padding:0;transition:background-color .2s;position:relative}.N5FmBa_switch-btn.N5FmBa_active{background:#10b981}.dark .N5FmBa_switch-btn{background:#334155}.dark .N5FmBa_switch-btn.N5FmBa_active{background:#10b981}.N5FmBa_switch-handle{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.N5FmBa_switch-btn.N5FmBa_active .N5FmBa_switch-handle{transform:translate(14px)}.N5FmBa_section-card{flex-direction:column;padding:20px;display:flex}.N5FmBa_section-head{align-items:center;margin-bottom:14px;display:flex}.N5FmBa_section-head h2{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.dark .N5FmBa_section-head h2{color:#f8fafc}.N5FmBa_dialogue-list{flex-direction:column;gap:12px;max-height:620px;padding-right:6px;display:flex;overflow-y:auto}.N5FmBa_dialogue-list::-webkit-scrollbar{width:8px}.N5FmBa_dialogue-list::-webkit-scrollbar-track{background:#94a3b829;border-radius:999px}.N5FmBa_dialogue-list::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px}.N5FmBa_dialogue-list::-webkit-scrollbar-thumb:hover{background:#64748b}.dark .N5FmBa_dialogue-list::-webkit-scrollbar-track{background:#0f172abf}.dark .N5FmBa_dialogue-list::-webkit-scrollbar-thumb{background:#64748b}.dark .N5FmBa_dialogue-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.N5FmBa_conversation-page .N5FmBa_dialogue-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#fffffff5;border:1.5px solid #e2e8f0e6;border-radius:16px;align-items:flex-start;gap:.75rem;padding:.75rem .85rem;transition:all .22s;position:relative;box-shadow:0 2px 8px #0f172a0a;flex-direction:row!important;flex-shrink:0!important;height:auto!important;min-height:64px!important;display:flex!important;overflow:visible!important}.N5FmBa_conversation-page .N5FmBa_dialogue-item .N5FmBa_sentence-wrapper{gap:.2rem}.N5FmBa_conversation-page .N5FmBa_dialogue-item .N5FmBa_chinese-sentence{gap:.3rem .45rem}.N5FmBa_conversation-page .N5FmBa_dialogue-item .N5FmBa_pinyin{color:#64748b;font-size:.82rem}.N5FmBa_conversation-page .N5FmBa_dialogue-item .N5FmBa_hanzi{color:#111827;line-height:1.3}.N5FmBa_conversation-page .N5FmBa_dialogue-item .N5FmBa_translation{color:#4b5563;padding-left:.2rem;font-size:15px;line-height:1.45;margin-top:5px!important}.dark .N5FmBa_conversation-page .N5FmBa_dialogue-item{background:#1e293be6;border-color:#ffffff14}.N5FmBa_conversation-page .N5FmBa_dialogue-item:before{content:"";opacity:0;background:0 0;border-radius:16px 0 0 16px;width:4px;transition:opacity .22s;position:absolute;inset:0 auto 0 0}.N5FmBa_dialogue-item:hover{background:#fff;border-color:#fca5a5;transform:translate(2px);box-shadow:0 6px 16px #ef444414}.N5FmBa_dialogue-item.N5FmBa_active,.N5FmBa_dialogue-item.N5FmBa_playing{background:#fff;border-color:#ef4444;transform:translate(4px);box-shadow:0 10px 24px #ef44441f}.N5FmBa_dialogue-item.N5FmBa_active:before,.N5FmBa_dialogue-item.N5FmBa_playing:before{opacity:1;background:#ef4444}.N5FmBa_character-avatar{flex-direction:column;flex-shrink:0;align-items:center;gap:.25rem;min-width:48px;padding-top:2px;display:flex}.N5FmBa_character-avatar-icon{color:#6b7280;transition:color .22s}.N5FmBa_character-name{color:#64748b;text-align:center;font-size:.75rem;font-weight:700;line-height:1}.N5FmBa_dialogue-item.N5FmBa_tone-a .N5FmBa_character-avatar-icon,.N5FmBa_dialogue-item.N5FmBa_tone-a .N5FmBa_character-name{color:#3b82f6}.N5FmBa_dialogue-item.N5FmBa_tone-b .N5FmBa_character-avatar-icon,.N5FmBa_dialogue-item.N5FmBa_tone-b .N5FmBa_character-name{color:#10b981}.N5FmBa_dialogue-item.N5FmBa_tone-neutral .N5FmBa_character-avatar-icon,.N5FmBa_dialogue-item.N5FmBa_tone-neutral .N5FmBa_character-name{color:#8b5cf6}.N5FmBa_content-wrapper{flex:1;justify-content:space-between;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.N5FmBa_text-content{flex:1;min-width:0}.N5FmBa_action-btns{flex-direction:column;flex-shrink:0;align-self:center;gap:6px;display:flex}.N5FmBa_action-mini-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .18s;display:flex}.N5FmBa_action-mini-btn:hover{transform:scale(1.08)}.N5FmBa_play-mini-btn{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);width:32px;height:32px;box-shadow:0 2px 8px #dc26264d}.N5FmBa_play-mini-btn:hover{color:#fff;box-shadow:0 4px 12px #dc262666}.N5FmBa_vocab-mini-btn{color:#3182ce;background:#ebf8ff}.N5FmBa_vocab-mini-btn:hover{color:#fff;background:#3182ce}.N5FmBa_note-mini-btn{color:#7c3aed;background:#faf5ff}.N5FmBa_note-mini-btn:hover,.N5FmBa_note-mini-btn.N5FmBa_active{color:#6d28d9;background:#f3e8ff}.dark .N5FmBa_vocab-mini-btn{color:#93c5fd;background:#3b82f633}.dark .N5FmBa_vocab-mini-btn:hover{color:#fff!important;background:#2563eb!important}.dark .N5FmBa_note-mini-btn{color:#d8b4fe;background:#a855f733}:is(.dark .N5FmBa_note-mini-btn:hover,.dark .N5FmBa_note-mini-btn.N5FmBa_active){color:#fff!important;background:#9333ea!important}.N5FmBa_sentence-note-chip{color:#4c1d95;background:#f8fafc;border:1px solid #e9d5ff;border-left:3px solid #a855f7;border-radius:10px;align-items:flex-start;gap:6px;max-width:100%;margin-top:8px;padding:6px 10px;font-size:.8rem;line-height:1.5;display:inline-flex}.N5FmBa_modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-base,10000);background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.N5FmBa_settings-modal,.N5FmBa_note-modal{background:#fff;border-radius:20px;width:min(480px,100%);animation:.2s ease-out N5FmBa_modal-pop;overflow:hidden;box-shadow:0 20px 40px #0003}:is(.dark .N5FmBa_settings-modal,.dark .N5FmBa_note-modal){background:#0f172a;border:1px solid #334155;box-shadow:0 25px 50px -12px #000000b3}@keyframes N5FmBa_modal-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.N5FmBa_settings-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dark .N5FmBa_settings-header{border-color:#1e293b}.N5FmBa_settings-header-left{color:#0f172a;align-items:center;gap:10px;font-size:1.1rem;font-weight:800;display:flex}.dark .N5FmBa_settings-header-left{color:#f8fafc}.N5FmBa_settings-header-icon{color:#ef4444}.N5FmBa_close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;place-items:center;width:30px;height:30px;transition:background .15s;display:grid}.N5FmBa_close-btn:hover{background:#e2e8f0}.dark .N5FmBa_close-btn{color:#94a3b8;background:#1e293b}.dark .N5FmBa_close-btn:hover{color:#f8fafc;background:#334155}.N5FmBa_settings-body{flex-direction:column;gap:18px;max-height:80vh;padding:20px;display:flex;overflow-y:auto}.N5FmBa_s-block{flex-direction:column;gap:8px;display:flex}.N5FmBa_s-block-label{color:#64748b;align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.dark .N5FmBa_s-block-label{color:#94a3b8}.N5FmBa_s-display-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.N5FmBa_s-display-chip{text-align:center;cursor:pointer;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px;font-size:.82rem;font-weight:600;transition:all .15s}.N5FmBa_s-display-chip.N5FmBa_active{color:#dc2626;background:#fff5f5;border-color:#ef4444;font-weight:700}.dark .N5FmBa_s-display-chip{color:#cbd5e1;background:#1e293b;border-color:#334155}.dark .N5FmBa_s-display-chip:hover{color:#f8fafc;background:#253650;border-color:#475569}.dark .N5FmBa_s-display-chip.N5FmBa_active{color:#f87171;background:#ef444433;border-color:#ef4444}.N5FmBa_s-seg{background:#f1f5f9;border-radius:12px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.dark .N5FmBa_s-seg{background:#0b1120;border:1px solid #334155}.N5FmBa_s-seg-item{text-align:center;cursor:pointer;color:#64748b;border-radius:8px;padding:8px;font-size:.85rem;font-weight:600;transition:all .15s}.dark .N5FmBa_s-seg-item{color:#94a3b8}.dark .N5FmBa_s-seg-item:hover{color:#f8fafc}.N5FmBa_s-seg-item.N5FmBa_active{color:#0f172a;background:#fff;box-shadow:0 2px 6px #00000014}.dark .N5FmBa_s-seg-item.N5FmBa_active{color:#f8fafc;background:#334155;box-shadow:0 2px 8px #0006}.N5FmBa_s-toggle-list{flex-direction:column;gap:10px;display:flex}.N5FmBa_s-toggle-row{cursor:pointer;color:#334155;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:.88rem;font-weight:600;transition:background .15s;display:flex}.dark .N5FmBa_s-toggle-row{color:#e2e8f0}.dark .N5FmBa_s-toggle-row:hover{background:#ffffff0d}.N5FmBa_s-toggle-info{align-items:center;gap:8px;display:flex}.N5FmBa_s-chip-grid{flex-wrap:wrap;gap:6px;display:flex}.N5FmBa_s-chip{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s}.N5FmBa_s-chip.N5FmBa_active{color:#fff;background:#ef4444;border-color:#ef4444}.dark .N5FmBa_s-chip{color:#cbd5e1;background:#1e293b;border-color:#334155}.dark .N5FmBa_s-chip:hover{color:#f8fafc;background:#253650;border-color:#475569}.dark .N5FmBa_s-chip.N5FmBa_active{color:#fff;background:#ef4444;border-color:#ef4444}.N5FmBa_s-range{accent-color:#ef4444;cursor:pointer;width:100%}.N5FmBa_note-modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.N5FmBa_note-modal-sentence{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.dark .N5FmBa_note-modal-sentence{color:#f8fafc}.N5FmBa_note-textarea{resize:vertical;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:12px;font-size:.92rem}.dark .N5FmBa_note-textarea{color:#f8fafc;background:#0f172a;border-color:#ffffff26}.N5FmBa_note-modal-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.N5FmBa_note-modal-actions-right{align-items:center;gap:8px;margin-left:auto;display:flex}.N5FmBa_note-remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:.85rem;font-weight:600;display:flex}.N5FmBa_note-cancel-btn{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 14px;font-weight:600}.N5FmBa_note-save-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-weight:700;display:flex}@media (max-width:768px){.N5FmBa_lesson-header{gap:10px;padding:12px 14px}.N5FmBa_lesson-meta{min-width:0}.N5FmBa_lesson-title{font-size:1.1rem}.N5FmBa_lesson-actions{justify-content:flex-start;width:100%}.N5FmBa_s-display-grid,.N5FmBa_s-seg{grid-template-columns:1fr}}@media (max-width:480px){.N5FmBa_play-btn{padding:9px 14px;font-size:.85rem}.N5FmBa_video-icon-btn,.N5FmBa_vocab-icon-btn,.N5FmBa_settings-btn{padding:0 10px;font-size:.82rem}}