.learn-shell{width:100%;max-width:none;height:100dvh;display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden}.lesson-heading{background:rgba(8,14,26,.82);-webkit-backdrop-filter:blur(18px) saturate(130%)}.lesson-heading a:hover{color:#78b6ff}.audio-frame,.video-frame{overflow:hidden}.audio-icon{-webkit-backdrop-filter:blur(18px)}.timeline-marker span{box-shadow:0 7px 24px rgba(0,0,0,.32)}.keyboard-hints,.player-controls{-webkit-backdrop-filter:blur(20px) saturate(130%)}.control-group button:focus-visible,.control-group button:hover,.control-group label:hover,.control-group select:hover,.keyboard-hints kbd:hover{color:#fff;background:rgba(34,93,184,.32);border-color:rgba(105,167,255,.42);transform:none!important}.transcript-head{color:#edf4ff;background:rgba(7,14,27,.9);border-color:rgba(108,160,255,.14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.transcript-head button:focus-visible,.transcript-head button:hover{color:#fff;background:rgba(35,109,246,.34);transform:none!important}.cue.active .cue-english,.cue.active strong,.cue[aria-current=true] strong{color:#fff}.cue-ai-button:focus-visible,.cue-ai-button:hover{transform:none!important}.transcript-footer{color:#8291a8;background:rgba(6,13,24,.92);border-color:rgba(107,159,255,.14)}.ai-explanation-overlay{-webkit-backdrop-filter:blur(13px) saturate(115%)}.ai-analysis-section,.ai-explanation-footer,.ai-explanation-header,.ai-original-section,.ai-phrases-section{border-color:rgba(102,154,227,.13)!important}@keyframes quiet-panel-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes quiet-record-spin{to{rotate:1turn}}@keyframes quiet-wave-pulse{0%{opacity:.38}to{opacity:1}}@keyframes quiet-light-breathe{0%{opacity:.45}to{opacity:.95}}.ai-explanation-overlay{position:fixed;inset:0;z-index:160;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.72);backdrop-filter:blur(3px);animation:ai-overlay-in .16s ease-out}.ai-explanation-overlay .ai-explanation-card{width:min(780px,calc(100vw - 48px));height:min(78dvh,760px);max-height:calc(100dvh - 48px);position:relative;inset:auto!important;z-index:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;color:#f4f6f8;background:#090b0e;border:1px solid #272a30;border-radius:16px;box-shadow:0 30px 100px rgba(0,0,0,.72);backdrop-filter:none;animation:ai-panel-in .2s ease-out}.ai-explanation-overlay .ai-explanation-card .ai-explanation-header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:12px;padding:15px 18px;background:#0c0e12;border-bottom:1px solid #24272c}.ai-explanation-header>div:nth-child(2){display:flex;align-items:center;justify-content:center;gap:9px}.ai-explanation-overlay .ai-explanation-header strong{color:#fff;font-size:16px;font-weight:700;letter-spacing:.02em}.ai-explanation-overlay .ai-explanation-header span{padding:3px 7px;color:#7d8b96;background:#171a1f;border-radius:99px;font-size:10px}.ai-explanation-overlay .ai-explanation-card .ai-explanation-header button{width:36px;height:36px;display:grid;place-items:center;padding:0;color:#aeb6bd;background:transparent;border:0;border-radius:9px;cursor:pointer}.ai-explanation-overlay .ai-explanation-card .ai-explanation-header button:hover{color:#fff;background:#1a1d22}.ai-explanation-scroll{min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:#343a42 transparent;scrollbar-width:thin}.ai-analysis-section,.ai-chat-section,.ai-original-section,.ai-phrases-section{padding:22px 28px;border-bottom:1px solid #22252a}.ai-section-label{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#f0f3f5;font-size:14px;font-weight:700}.ai-section-label svg{color:#51a8ff}.ai-original-english{margin:0;color:#fff;font-size:clamp(17px,2vw,21px);font-weight:550;line-height:1.6}.ai-original-chinese{margin:9px 0 0;color:#a9b0b8;font-size:14px;line-height:1.65}.ai-explanation-card .ai-explanation-error,.ai-explanation-card .ai-explanation-loading{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:32px;text-align:center}.ai-explanation-card .ai-explanation-loading svg{color:#51a8ff;animation:ai-explanation-spin .9s linear infinite}.ai-explanation-card .ai-explanation-error strong,.ai-explanation-card .ai-explanation-loading strong{color:#f4f6f8;font-size:14px}.ai-explanation-card .ai-explanation-error p,.ai-explanation-card .ai-explanation-loading small{margin:0;color:#7f8992;font-size:12px}.ai-analysis-section ol{display:grid;gap:13px;margin:0;padding:0;list-style:none}.ai-analysis-section li{display:grid;grid-template-columns:23px 1fr;align-items:flex-start;gap:10px}.ai-analysis-section li>span{width:22px;height:22px;display:grid;place-items:center;margin-top:1px;color:#82c4ff;background:rgba(44,144,238,.14);border-radius:6px;font-size:10px;font-weight:800}.ai-analysis-section li p,.ai-empty-copy{margin:0;color:#cdd2d7;font-size:14px;line-height:1.7}.ai-phrase-list{display:grid;gap:10px}.ai-phrase-list article{padding:13px 15px;background:#101318;border:1px solid #242830;border-radius:10px}.ai-phrase-list article>strong{color:#64b4ff;font-size:14px;line-height:1.5}.ai-phrase-list article>p{margin:5px 0 0;color:#d1d5d9;font-size:13px;line-height:1.6}.ai-phrase-list article>small{display:grid;gap:2px;margin-top:8px;padding-top:8px;color:#9da7af;border-top:1px solid #22262c;font-size:12px;line-height:1.55}.ai-phrase-list article em{color:#717c85;font-style:normal}.ai-chat-section{border-bottom:0}.ai-chat-messages{display:grid;gap:12px}.ai-chat-message{max-width:88%;display:grid;gap:5px}.ai-chat-message.user{justify-self:end}.ai-chat-message small{color:#69737c;font-size:10px}.ai-chat-message.user small{text-align:right}.ai-chat-message p{margin:0;padding:10px 12px;color:#d8dde1;background:#14181d;border:1px solid #282d33;border-radius:10px;font-size:13px;line-height:1.65;white-space:pre-wrap}.ai-chat-message.user p{color:#f3f8fc;background:#143b5d;border-color:#205b89}.ai-chat-message.loading p{display:flex;align-items:center;gap:8px}.ai-chat-message.loading svg{animation:ai-explanation-spin .9s linear infinite}.ai-explanation-card .ai-explanation-footer{display:grid;gap:7px;padding:12px 18px 10px;background:#0b0d10;border-top:1px solid #272a2f}.ai-explanation-footer form{display:grid;grid-template-columns:1fr 38px;align-items:center;gap:7px;padding:5px 5px 5px 15px;background:#12151a;border:1px solid #30343b;border-radius:99px;transition:border-color .15s ease,box-shadow .15s ease}.ai-explanation-footer form:focus-within{border-color:#368dd6;box-shadow:0 0 0 3px rgba(54,141,214,.12)}.ai-explanation-footer input{min-width:0;padding:7px 0;color:#f4f7fa;background:transparent;border:0;outline:0;font:inherit;font-size:13px}.ai-explanation-footer input::placeholder{color:#69737c}.ai-explanation-footer form button{width:36px;height:36px;display:grid;place-items:center;padding:0;color:#071019;background:#55adf7;border:0;border-radius:50%;cursor:pointer}.ai-explanation-footer form button:disabled{color:#5b6269;background:#24282d;cursor:default}.ai-explanation-footer form button svg{animation:none}.ai-explanation-footer form button:disabled svg[data-lucide=loader-circle]{animation:ai-explanation-spin .9s linear infinite}.ai-explanation-footer>div{display:flex;justify-content:space-between;gap:12px;padding:0 4px;color:#5e6871;font-size:9px}.ai-ask-error{margin:0;padding:0 5px;color:#ff938b;font-size:11px}@keyframes ai-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ai-panel-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.ai-explanation-overlay{align-items:end;padding:10px}.ai-explanation-overlay .ai-explanation-card{width:100%;height:min(86dvh,760px);max-height:calc(100dvh - 20px);inset:auto!important;border-radius:16px}.ai-analysis-section,.ai-chat-section,.ai-original-section,.ai-phrases-section{padding:18px}.ai-explanation-overlay .ai-explanation-card .ai-explanation-header{padding:11px 13px}}.preview-mode-badge{padding:3px 7px;color:#9ad4ff;background:rgba(47,143,217,.14);border:1px solid rgba(77,163,229,.28);border-radius:5px;font-weight:850}.cue{position:relative}.cue-check{position:absolute;top:15px;right:13px}.cue-meta{min-height:26px;justify-content:flex-start;padding-right:62px}.cue-ai-button{position:absolute;right:13px;bottom:13px;z-index:3;min-width:50px;min-height:27px;flex:0 0 auto}.timeline-row{grid-template-columns:38px minmax(0,1fr) 38px;align-items:end;gap:12px;margin-top:17px}.timeline-row>span{padding-bottom:5px;font-size:10px;white-space:nowrap}.timeline-row>span:last-child{text-align:right}.timeline-track{height:72px;align-items:flex-end;margin-inline:6px}.timeline-row input{height:6px;position:absolute;right:0;bottom:5px;left:0;z-index:1;margin:0}.timeline-markers{height:58px;inset:0 0 auto}.timeline-marker{width:38px;height:28px}.timeline-marker.section{top:0;z-index:3}.timeline-marker.item{top:25px;z-index:2}.timeline-marker:after{height:9px;bottom:-12px}.timeline-marker.section:after{height:12px;bottom:-34px}.timeline-marker span{min-width:23px;height:20px;padding:0 5px;border-radius:6px;font-size:9px}.timeline-marker.item span{height:18px;color:#dce9f0;background:#294657;border-color:rgba(205,224,234,.5)}.timeline-marker:focus-visible span,.timeline-marker:hover span{transform:translateY(-1px) scale(1.12)}.timeline-row input::-webkit-slider-thumb{width:16px;height:16px}@media (max-height:650px),(max-width:760px){.ai-explanation-overlay{padding:10px}.ai-explanation-overlay .ai-single-page-card{width:min(760px,calc(100vw - 20px));height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);grid-template-rows:44px minmax(0,1fr) auto}.ai-explanation-header nav{height:38px}.ai-single-page-card .ai-original-section{padding-top:9px;padding-bottom:8px}.ai-single-page-card .ai-analysis-section,.ai-single-page-card .ai-phrases-section{padding-top:8px;padding-bottom:8px}.ai-single-page-card .ai-section-label{margin-bottom:5px}.ai-single-page-card .ai-original-english{font-size:14px;-webkit-line-clamp:2}.ai-single-page-card .ai-original-chinese{-webkit-line-clamp:1}.ai-single-page-card .ai-analysis-section ol{gap:4px}.ai-single-page-card .ai-analysis-section li p{-webkit-line-clamp:1}.ai-single-page-card .ai-phrase-list article>small{display:none}.ai-single-page-card .ai-explanation-footer{padding-top:6px;padding-bottom:5px}}@media (max-width:520px){.timeline-row{grid-template-columns:32px minmax(0,1fr) 32px;gap:7px}.timeline-track{margin-inline:2px}.timeline-marker{width:32px}.timeline-marker span{min-width:21px;padding-inline:4px}}.lesson-heading{min-height:78px;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:20px;margin:-12px -16px 0;padding:10px 20px;background:#f7fafb;border-bottom:1px solid #dce6eb}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:5px;color:#718394;font-size:11px;font-weight:800;text-decoration:none}.lesson-heading h1{margin:0;color:var(--navy);font-size:clamp(21px,2.5vw,30px);letter-spacing:-.045em}.heading-meta{display:flex;align-items:center;gap:8px;margin-top:4px;color:#7f8f9c;font-size:11px;font-weight:700}.heading-meta i{width:3px;height:3px;background:#afbbc3;border-radius:50%}.lesson-heading-actions{display:flex;align-items:center;gap:12px}.completion-ring{--progress:0deg;width:54px;height:54px;display:grid;place-items:center;background:conic-gradient(var(--cyan) var(--progress),#e5edef 0);border-radius:50%}.completion-ring:before{width:44px;height:44px;position:absolute;background:var(--background);border-radius:50%;content:""}.completion-ring span{z-index:1;color:var(--navy);font-size:10px;font-weight:900}.study-grid{flex:1 1 auto;grid-template-columns:minmax(0,var(--video-panel-ratio,72fr)) 8px minmax(320px,var(--subtitle-panel-ratio,28fr));background:white;border:0;border-radius:0;box-shadow:none}.study-grid,.video-panel{min-height:0;display:grid;overflow:hidden}.video-panel{min-width:0;grid-template-rows:auto minmax(0,1fr) auto auto auto;padding:12px 16px;background:#f9fbfb}.video-frame{width:100%;height:100%;min-height:0;position:relative;overflow:hidden;background:#061724;border-radius:12px}.video-frame video{width:100%;height:100%;display:block;object-fit:contain;cursor:pointer}.audio-frame{background:radial-gradient(circle at 50% 35%,rgba(61,217,196,.22),transparent 34%),linear-gradient(145deg,#071c2b,#0d3042 58%,#092230)}.audio-media{display:none}.audio-visual{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;background:transparent;border:0;cursor:pointer}.audio-icon{width:78px;height:78px;display:grid;place-items:center;color:var(--cyan);background:rgba(2,19,31,.68);border:1px solid rgba(61,217,196,.24);border-radius:50%;box-shadow:0 0 0 14px rgba(61,217,196,.06)}.audio-wave{height:66px;display:flex;align-items:center;gap:5px;margin:20px 0 8px}.audio-wave i{width:4px;max-height:58px;background:linear-gradient(0deg,#28bda9,#7ef1e2);border-radius:99px;opacity:.82}.audio-visual strong{font-size:15px;letter-spacing:.08em}.audio-visual small{margin-top:4px;color:#87a5b5;font-size:9px}.video-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 48%,rgba(1,12,20,.76))}.center-play{width:60px;height:60px;position:absolute;z-index:4;top:50%;left:50%;display:grid;place-items:center;color:var(--navy);background:rgba(61,217,196,.95);border:0;border-radius:50%;box-shadow:0 0 0 10px rgba(61,217,196,.13);cursor:pointer;transform:translate(-50%,-50%)}.video-caption{position:absolute;z-index:3;right:26px;bottom:24px;left:26px;display:flex;flex-direction:column;gap:5px;color:white;text-align:center;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.7)}.video-caption strong{font-size:clamp(20px,2vw,28px);line-height:1.35}.video-caption small{color:#c4d1d9;font-size:16px;line-height:1.45}.karaoke-word{position:relative;display:inline-block;white-space:pre}.clickable-word,.karaoke-word{user-select:text;-webkit-user-select:text}.clickable-word{margin:0;padding:0;color:inherit;background:transparent;border:0;border-radius:4px;font:inherit;line-height:inherit;text-align:left;cursor:pointer;appearance:none}.cue-word{display:inline;white-space:pre}.clickable-word:hover{color:#168cca;background:rgba(22,140,202,.1)}.clickable-word:focus-visible{outline:2px solid #168cca;outline-offset:2px}.karaoke-base{color:inherit}.karaoke-fill{width:var(--word-fill,0);position:absolute;top:0;bottom:0;left:0;overflow:hidden;color:#168cca;white-space:pre;pointer-events:none;user-select:none;-webkit-user-select:none;will-change:width}.video-caption .karaoke-fill{color:#70c7ff}.shadow-overlay{width:190px;height:150px;position:absolute;top:50%;left:50%;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;background:rgba(6,28,44,.88);border:1px solid rgba(61,217,196,.25);border-radius:18px;backdrop-filter:blur(12px);transform:translate(-50%,-50%)}.shadow-overlay span{display:flex;align-items:center;gap:6px;color:var(--cyan);font-size:11px;font-weight:800}.shadow-overlay strong{margin:3px 0;font-size:54px;line-height:1}.shadow-overlay small{color:#9db1bd;font-size:9px}.timeline-row{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:8px;margin-top:14px;color:#718394;font-size:9px;font-weight:700}.timeline-row input{--played:0%;width:100%;height:4px;appearance:none;background:linear-gradient(to right,var(--cyan) var(--played),#dce6e9 var(--played));border-radius:99px;cursor:pointer}.timeline-track{height:34px;position:relative;display:flex;align-items:center;margin-inline:3px}.timeline-markers{position:absolute;inset:0;z-index:2;pointer-events:none}.timeline-marker{width:24px;height:30px;top:0;padding:0;border:0;background:transparent;color:white;cursor:pointer;pointer-events:auto}.timeline-marker,.timeline-marker:after{position:absolute;transform:translateX(-50%)}.timeline-marker:after{width:2px;height:8px;bottom:1px;left:50%;border-radius:99px;background:#7d96a4;content:""}.timeline-marker span{min-width:15px;height:15px;display:inline-grid;place-items:center;padding:0 3px;border:1px solid rgba(255,255,255,.82);border-radius:4px;background:#36586d;box-shadow:0 1px 4px rgba(5,37,54,.25);font-size:8px;font-weight:900;line-height:1;letter-spacing:-.02em;transition:transform .12s ease,box-shadow .12s ease}.timeline-marker.section{top:-1px;z-index:2}.timeline-marker.section:after{height:11px;background:#169e90}.timeline-marker.section span{background:var(--cyan);color:#052536}.timeline-marker.item{top:7px;z-index:1}.timeline-marker:focus-visible,.timeline-marker:hover{z-index:4;outline:none}.timeline-marker:focus-visible span,.timeline-marker:hover span{transform:scale(1.18);box-shadow:0 2px 8px rgba(5,37,54,.32)}.timeline-row input::-webkit-slider-thumb{width:12px;height:12px;appearance:none;background:var(--cyan);border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #b6cbc9}.player-controls{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.control-group{display:flex;align-items:center;gap:5px}.control-group button,.control-group label{width:38px;height:38px;display:grid;place-items:center;color:#4d6475;background:transparent;border:0;border-radius:10px;cursor:pointer}.control-group button.selected,.control-group button:hover{color:var(--navy);background:#e9f2f2}.keyboard-hints{display:flex;align-items:center;gap:16px;margin-top:12px;padding:10px 12px;color:#718394;background:#eef4f5;border-radius:10px;font-size:11px;font-weight:700}.keyboard-hints span{display:inline-flex;align-items:center;gap:6px}.keyboard-hints kbd{min-width:28px;padding:4px 7px;color:var(--navy);background:white;border:solid #d5e1e4;border-width:1px 1px 2px;border-radius:6px;font:inherit;text-align:center}.control-group button:disabled{opacity:.35;cursor:not-allowed}.control-group .main-control{width:46px;height:46px;color:var(--navy);background:var(--cyan);border-radius:50%;box-shadow:0 8px 18px rgba(38,190,171,.2)}.control-group svg{width:18px}.control-group.compact label{width:auto;grid-auto-flow:column;gap:4px;padding-inline:8px}.control-group .quiz-open-button{width:auto;grid-auto-flow:column;gap:6px;padding:0 10px;color:#08766c;background:var(--cyan-soft);font-size:10px;font-weight:850}.control-group select{width:50px;color:#4d6475;background:transparent;border:0;font-size:11px;font-weight:800;cursor:pointer}.practice-settings{justify-content:space-between;gap:18px;margin-top:14px;padding:13px 14px;background:white;border:1px solid #e1eaed;border-radius:13px}.practice-settings,.practice-settings>div{display:flex;align-items:center}.settings-icon{width:32px;height:32px;display:grid;place-items:center;color:#168f82;background:var(--cyan-soft);border-radius:9px}.practice-settings p{display:flex;flex-direction:column;gap:2px;margin:0 14px 0 10px}.practice-settings p strong{color:var(--navy);font-size:11px}.practice-settings p small{color:#92a0aa;font-size:8px}.switch{width:33px;height:19px;position:relative;padding:2px;background:#c9d4d9;border:0;border-radius:99px;cursor:pointer}.switch i{width:15px;height:15px;display:block;background:white;border-radius:50%;transition:transform .16s ease}.switch.on{background:#1ab5a3}.switch.on i{transform:translateX(14px)}.pause-options{gap:5px}.pause-options>span{margin-right:5px;color:#8898a4;font-size:9px;font-weight:700}.pause-options button{min-width:31px;height:26px;color:#748694;background:#f1f5f6;border:0;border-radius:7px;font-size:9px;font-weight:800;cursor:pointer}.pause-options button.active{color:var(--navy);background:var(--cyan)}.transcript-panel{min-width:0;min-height:0;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border-left:0}.panel-resizer{min-height:0;position:relative;display:grid;place-items:center;background:#e5edef;cursor:col-resize;touch-action:none;transition:background .14s ease}.panel-resizer:before{width:2px;height:100%;background:#d5e1e4;content:""}.panel-resizer span{width:5px;height:52px;position:absolute;background:#9eb1ba;border-radius:99px;box-shadow:0 0 0 4px rgba(255,255,255,.85)}.panel-resizer:focus-visible,.panel-resizer:hover,body.panel-resizing .panel-resizer{background:var(--cyan-soft);outline:none}.panel-resizer:focus-visible span,.panel-resizer:hover span,body.panel-resizing .panel-resizer span{background:#169e90}body.panel-resizing,body.panel-resizing *{cursor:col-resize!important;user-select:none!important}.transcript-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 18px;border-bottom:1px solid #e5ecef}.transcript-head button,.transcript-head>div{display:flex;align-items:center;gap:7px}.transcript-head strong{color:var(--navy);font-size:12px}.transcript-head button{height:28px;padding:0 9px;color:#8495a2;background:#f1f5f6;border:0;border-radius:7px;font-size:9px;font-weight:800;cursor:pointer}.transcript-head button.active{color:#0b8d80;background:var(--cyan-soft)}.transcript-head .follow-current{color:#0b6e66;background:#e5faf7;box-shadow:inset 0 0 0 1px #bcebe5}.cue-list{min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#cbd8dc transparent;scrollbar-width:thin}.cue{width:100%;display:grid;grid-template-columns:26px 1fr 18px;gap:9px;padding:16px 14px;color:inherit;text-align:left;background:white;border:0;border-bottom:1px solid #eef2f4;cursor:pointer}.cue:hover{background:#f7fafb}.cue:focus-visible{outline:2px solid #168cca;outline-offset:-2px}.cue.active{background:linear-gradient(90deg,rgba(61,217,196,.12),rgba(61,217,196,.025));box-shadow:inset 3px 0 var(--cyan)}.cue-number{padding-top:2px;color:#9aa8b2;font-size:11px;font-weight:800}.cue.active .cue-number{color:#139689}.cue-copy{min-width:0;display:flex;flex-direction:column;gap:6px}.cue-copy strong{color:#294458;font-size:17px;line-height:1.55;user-select:text;-webkit-user-select:text}.cue.active .cue-copy strong{color:var(--navy)}.cue-copy small{color:#8696a2;font-size:14px;line-height:1.5}.cue-copy em{color:#a7b1b8;font-size:11px;font-style:normal}.cue-check{width:16px;height:16px;display:grid;place-items:center;color:#0f8f82;background:var(--cyan-soft);border-radius:50%}.transcript-footer{padding:14px 18px;background:#fafcfc;border-top:1px solid #e5ecef}.transcript-footer>span{height:4px;display:block;overflow:hidden;background:#e6edef;border-radius:99px}.ai-explanation-card{width:min(420px,calc(100vw - 24px));max-height:min(620px,calc(100dvh - 24px));position:fixed;z-index:120;display:flex;flex-direction:column;overflow:hidden;color:#edf6fb;background:rgba(13,20,26,.98);border:1px solid #2b3d49;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.48);backdrop-filter:blur(16px)}.ai-explanation-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 17px 14px;background:linear-gradient(135deg,rgba(22,140,202,.2),rgba(61,217,196,.08));border-bottom:1px solid #273640}.ai-explanation-card>header>div{min-width:0;display:grid;gap:7px}.ai-explanation-card>header span{display:inline-flex;align-items:center;gap:7px;color:#77d8ff;font-size:11px;font-weight:800;letter-spacing:.06em}.ai-explanation-card>header strong{overflow:hidden;color:#fff;font-size:16px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.ai-explanation-card>header button{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;padding:0;color:#a9b8c2;background:#17232b;border:1px solid #2d3d47;border-radius:9px;cursor:pointer}.ai-explanation-error,.ai-explanation-loading{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:24px;text-align:center}.ai-explanation-loading svg{color:#42bdf5;animation:ai-explanation-spin .9s linear infinite}.ai-explanation-error strong,.ai-explanation-loading strong{color:#f5f9fb;font-size:14px}.ai-explanation-error p,.ai-explanation-loading small{margin:0;color:#8fa2ae;font-size:12px;line-height:1.5}.ai-explanation-error strong{color:#ffb3ad}.ai-explanation-content{display:grid;gap:14px;padding:17px;overflow-y:auto}.ai-explanation-title{display:flex;align-items:flex-start;gap:10px}.ai-explanation-title>svg{margin-top:3px;color:#43d7c3}.ai-explanation-title small{color:#57c8ef;font-size:10px;font-weight:800;letter-spacing:.08em}.ai-explanation-title h3{margin:2px 0 0;color:#fff;font-size:18px;line-height:1.35}.ai-explanation-summary{margin:0;color:#dce8ee;font-size:14px;line-height:1.7}.ai-explanation-content ul{display:grid;gap:8px;margin:0;padding:12px 14px 12px 31px;color:#c1d0d8;background:#141f26;border:1px solid #25343e;border-radius:12px}.ai-explanation-content li{padding-left:2px;font-size:12px;line-height:1.55}.ai-explanation-examples{display:grid;gap:9px}.ai-explanation-examples>div{display:grid;gap:4px;padding:10px 12px;background:rgba(22,140,202,.09);border-left:2px solid #168cca;border-radius:0 9px 9px 0}.ai-explanation-examples strong{color:#edf8ff;font-size:12px;line-height:1.5}.ai-explanation-examples span{color:#91a7b4;font-size:11px;line-height:1.5}.ai-explanation-card>footer{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;color:#778b97;background:#0b1115;border-top:1px solid #222e35;font-size:10px}@keyframes ai-explanation-spin{to{transform:rotate(1turn)}}.transcript-footer i{height:100%;display:block;background:var(--cyan)}.transcript-footer small{display:block;margin-top:7px;color:#8998a3;font-size:8px;text-align:right}.quiz-overlay{position:fixed;inset:0;z-index:100;padding:24px;background:rgba(3,20,32,.56);backdrop-filter:blur(6px)}.quiz-dialog{width:min(var(--quiz-window-width,760px),100%);height:min(var(--quiz-window-height,880px),calc(100dvh - 48px));position:absolute;left:var(--quiz-window-left,24px);top:var(--quiz-window-top,24px);display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden;background:#f6fafb;border:1px solid rgba(255,255,255,.7);border-radius:20px;box-shadow:0 28px 80px rgba(1,17,28,.34)}.quiz-resize-edge{position:absolute;z-index:8;display:block;padding:0;background:transparent;border:0;touch-action:none}.quiz-resize-edge.bottom,.quiz-resize-edge.top{right:10px;left:10px;height:10px;cursor:ns-resize}.quiz-resize-edge.top{top:-5px}.quiz-resize-edge.bottom{bottom:-5px}.quiz-resize-edge.left,.quiz-resize-edge.right{top:10px;bottom:10px;width:10px;cursor:ew-resize}.quiz-resize-edge.left{left:-5px}.quiz-resize-edge.right{right:-5px}.quiz-resize-edge span{position:absolute;border-radius:99px;background:rgba(22,158,144,.4);opacity:0;transition:opacity .12s ease,background .12s ease}.quiz-resize-edge.bottom span,.quiz-resize-edge.top span{right:35%;left:35%;height:3px}.quiz-resize-edge.top span{top:4px}.quiz-resize-edge.bottom span{bottom:4px}.quiz-resize-edge.left span,.quiz-resize-edge.right span{top:35%;bottom:35%;width:3px}.quiz-resize-edge.left span{left:4px}.quiz-resize-edge.right span{right:4px}.quiz-resize-edge:focus-visible span,.quiz-resize-edge:hover span{background:#169e90;opacity:1}.quiz-resize-edge:focus-visible{outline:none}body.quiz-resizing-horizontal,body.quiz-resizing-horizontal *{cursor:ew-resize!important;user-select:none!important}body.quiz-resizing-vertical,body.quiz-resizing-vertical *{cursor:ns-resize!important;user-select:none!important}.quiz-dialog>header{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:white;border-bottom:1px solid #e3ecee}.quiz-dialog>header>div{display:flex;align-items:center;gap:11px}.quiz-dialog>header>div>span{width:38px;height:38px;display:grid;place-items:center;color:#063248;background:var(--cyan);border-radius:11px}.quiz-dialog>header div div{display:flex;flex-direction:column;gap:3px}.quiz-dialog>header strong{color:var(--navy);font-size:13px}.quiz-dialog>header small{color:#7d909b;font-size:9px}.quiz-dialog>header button{width:34px;height:34px;display:grid;place-items:center;flex:none;color:#667c89;background:#edf3f4;border:0;border-radius:9px;cursor:pointer}.quiz-result{position:relative;display:flex;align-items:baseline;gap:8px;padding:13px 20px 16px;overflow:hidden;color:#607581;background:#eaf9f6}.quiz-result strong{color:#087d72;font-size:19px}.quiz-result span{font-size:9px;font-weight:800}.quiz-result i{height:3px;position:absolute;bottom:0;left:0;background:var(--cyan)}.quiz-question-list{min-height:0;overflow-y:auto;padding:16px;overscroll-behavior:contain;scrollbar-color:#c5d5d9 transparent;scrollbar-width:thin}.quiz-question{margin-bottom:12px;padding:15px;background:white;border:1px solid #e1e9ec;border-radius:13px}.quiz-question.correct{border-color:#aee4d7}.quiz-question.wrong{border-color:#efc1c1}.quiz-question-head{display:flex;align-items:center;gap:9px;margin-bottom:11px}.quiz-question-head>strong{width:25px;height:25px;display:grid;place-items:center;flex:none;color:var(--navy);background:var(--cyan);border-radius:7px;font-size:10px}.quiz-question-head>span{flex:1;color:#647985;font-size:9px;font-weight:800}.quiz-question-head em{color:#168477;font-size:9px;font-style:normal;font-weight:850}.quiz-question.wrong .quiz-question-head em{color:#c05252}.quiz-question>p{margin:0 0 10px;color:var(--navy);font-size:12px;font-weight:750;line-height:1.5}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quiz-options label{min-height:45px;display:grid;grid-template-columns:23px 1fr;align-items:center;gap:8px;padding:8px 10px;color:#435b69;background:#f7fafb;border:1px solid #e4ebed;border-radius:9px;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.quiz-options label:hover{transform:translateY(-1px);border-color:#a8dcd5}.quiz-options label.selected{color:#083d50;background:#e5faf6;border-color:#55cbbb}.quiz-options label.correct-option{background:#e6f8ee;border-color:#58bf88}.quiz-options label.wrong-option{background:#fff0f0;border-color:#e58a8a}.quiz-options input{position:absolute;opacity:0;pointer-events:none}.quiz-options b{width:23px;height:23px;display:grid;place-items:center;color:#647984;background:white;border:1px solid #d4e0e3;border-radius:50%;font-size:9px}.quiz-options label.selected b{color:white;background:#169f91;border-color:#169f91}.quiz-options span{font-size:10px;font-weight:700;line-height:1.4}.quiz-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;background:white;border-top:1px solid #e1eaed}.quiz-dialog>footer button{min-height:38px;padding:0 16px;border-radius:9px;font-size:10px;font-weight:850;cursor:pointer}.quiz-reset{color:#667b87;background:#eef3f4;border:0}.quiz-submit{color:#052c3d;background:var(--cyan);border:0;box-shadow:0 8px 18px rgba(38,190,171,.2)}.quiz-submit:disabled{opacity:.45;cursor:not-allowed}.study-grid:fullscreen{width:100vw;height:100vh;padding:18px;background:#061724;border:0;border-radius:0}:root[data-theme=dark] body:has(.learn-shell){background:#000}:root[data-theme=dark] .lesson-heading{background:#090d10;border-color:#20292f}:root[data-theme=dark] .back-link,:root[data-theme=dark] .heading-meta,:root[data-theme=dark] .timeline-row{color:#92a3ae}:root[data-theme=dark] .completion-ring{background:conic-gradient(var(--cyan) var(--progress),#263139 0)}:root[data-theme=dark] .completion-ring:before{background:#090d10}:root[data-theme=dark] .study-grid,:root[data-theme=dark] .transcript-panel,:root[data-theme=dark] .video-panel{background:#000}:root[data-theme=dark] .video-panel{color:#f5f8fa}:root[data-theme=dark] .timeline-row input{background:linear-gradient(to right,var(--cyan) var(--played),#2a353c var(--played))}:root[data-theme=dark] .timeline-row input::-webkit-slider-thumb{border-color:#11171b;box-shadow:0 0 0 1px #40515b}:root[data-theme=dark] .control-group button,:root[data-theme=dark] .control-group label,:root[data-theme=dark] .control-group select{color:#d8e3e9}:root[data-theme=dark] .control-group button.selected,:root[data-theme=dark] .control-group button:hover{color:white;background:#1b272d}:root[data-theme=dark] .control-group .main-control{color:#061a29}:root[data-theme=dark] .keyboard-hints{color:#a4b3bc;background:#11181d;border:1px solid #202b31}:root[data-theme=dark] .keyboard-hints kbd{color:white;background:#202a30;border-color:#35434b}:root[data-theme=dark] .panel-resizer{background:#11181c}:root[data-theme=dark] .panel-resizer:before{background:#27343b}:root[data-theme=dark] .panel-resizer span{background:#60737e;box-shadow:0 0 0 4px rgba(0,0,0,.9)}:root[data-theme=dark] .transcript-head{color:#eaf1f5;background:#080b0d;border-color:#222b30}:root[data-theme=dark] .transcript-head button{color:#c2cfd6;background:#182126}:root[data-theme=dark] .transcript-head .follow-current{color:#75d9cc;background:#102522;box-shadow:inset 0 0 0 1px #24544e}:root[data-theme=dark] .cue-list{scrollbar-color:#36454e transparent}:root[data-theme=dark] .cue{color:white;background:#000;border-color:#1c2429}:root[data-theme=dark] .cue:hover{background:#0c1114}:root[data-theme=dark] .cue.active{background:linear-gradient(90deg,rgba(22,140,202,.18),rgba(22,140,202,.035));box-shadow:inset 3px 0 #168cca}:root[data-theme=dark] .cue-copy strong,:root[data-theme=dark] .cue.active .cue-copy strong{color:#fff}:root[data-theme=dark] .cue-copy small{color:#9eacb5}:root[data-theme=dark] .cue-copy em,:root[data-theme=dark] .cue-number{color:#71818b}:root[data-theme=dark] .transcript-footer{color:#99a9b2;background:#090d0f;border-color:#222b30}:root[data-theme=dark] .transcript-footer>span{background:#263139}:root[data-theme=dark] .quiz-dialog{color:#edf4f7;background:#10161a;border-color:#2a363d}:root[data-theme=dark] .quiz-dialog>footer,:root[data-theme=dark] .quiz-dialog>header{background:#0b1013;border-color:#28343b}:root[data-theme=dark] .quiz-question{background:#151d22;border-color:#2a373e}:root[data-theme=dark] .quiz-options label{color:#dce6ec;background:#11181c;border-color:#2b3840}:root[data-theme=dark] .quiz-options label.selected,:root[data-theme=dark] .quiz-options label:hover{background:#142a31}@media (max-width:900px){.learn-shell{height:auto;min-height:100dvh;overflow:visible}.study-grid{min-height:100dvh;flex:0 0 auto;grid-template-columns:1fr}.panel-resizer{display:none}.video-panel{min-height:620px;grid-template-rows:auto minmax(360px,1fr) auto auto auto}.video-frame{aspect-ratio:16/9}.transcript-panel{min-height:540px;border-top:1px solid #e1eaed;border-left:0}.cue-list{max-height:480px}}@media (max-width:620px){.quiz-overlay{padding:0}.quiz-dialog{width:100%;height:100dvh;left:0;top:0;border-radius:0}.quiz-resize-edge{display:none}.quiz-options{grid-template-columns:1fr}.control-group .quiz-open-button span{display:none}}@media (max-width:600px){.learn-shell{width:100%;padding:0}.lesson-heading{min-height:72px;margin:-8px -8px 0;padding:8px 14px}.completion-ring{display:none}.study-grid{border-right:0;border-left:0;border-radius:0}.video-panel{min-height:auto;grid-template-rows:auto auto auto auto auto;padding:8px}.video-frame{border-radius:10px}.video-caption{right:12px;bottom:12px;left:12px}.video-caption strong{font-size:clamp(17px,4.5vw,21px)}.video-caption small{font-size:14px}.practice-settings{align-items:flex-start;flex-direction:column}.keyboard-hints{flex-wrap:wrap;gap:8px 12px}.pause-options{width:100%}.pause-options button{flex:1}.ai-explanation-card{width:auto;max-height:72dvh;right:10px;bottom:10px;left:10px!important;top:auto!important;border-radius:16px}}.cue-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.cue-ai-button{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;color:#64b5f8;background:rgba(49,145,224,.1);border:1px solid rgba(82,169,239,.25);border-radius:7px;font-size:11px;font-weight:700;line-height:1;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.cue-ai-button:focus-visible,.cue-ai-button:hover{color:#dff1ff;background:rgba(49,145,224,.22);border-color:rgba(98,183,252,.55);outline:none}.ai-explanation-overlay .ai-single-page-card{width:min(760px,calc(100vw - 48px));height:min(86dvh,720px);max-height:calc(100dvh - 32px);grid-template-rows:54px minmax(0,1fr) auto}.ai-single-page-card .ai-explanation-header{padding:8px 14px}.ai-explanation-header nav{display:flex;align-items:stretch;justify-content:center;gap:26px;height:46px}.ai-explanation-overlay .ai-explanation-card .ai-explanation-header nav button{width:auto;height:auto;position:relative;padding:0 4px;color:#747d85;background:transparent;border:0;border-radius:0;font-size:14px;font-weight:650;cursor:pointer}.ai-explanation-overlay .ai-explanation-card .ai-explanation-header nav button:hover{color:#dce2e7;background:transparent}.ai-explanation-overlay .ai-explanation-card .ai-explanation-header nav button.active{color:#fff}.ai-explanation-header nav button.active:after{content:"";height:3px;position:absolute;right:3px;bottom:0;left:3px;background:#4aa8ff;border-radius:99px}.ai-explanation-overlay .ai-explanation-card .ai-close-button{justify-self:end}.ai-explanation-main{min-height:0;overflow:hidden}.ai-analysis-page{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}.ai-single-page-card .ai-original-section{padding:15px 24px 13px}.ai-single-page-card .ai-analysis-section{padding:13px 24px}.ai-single-page-card .ai-phrases-section{min-height:0;padding:13px 24px 15px;overflow:hidden;border-bottom:0}.ai-single-page-card .ai-section-label{margin-bottom:8px;font-size:13px}.ai-single-page-card .ai-original-english{display:-webkit-box;margin:0;overflow:hidden;font-size:clamp(15px,1.7vw,19px);line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.ai-single-page-card .ai-original-chinese{display:-webkit-box;margin-top:5px;overflow:hidden;font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ai-single-page-card .ai-analysis-section ol{gap:7px}.ai-single-page-card .ai-analysis-section li{grid-template-columns:20px 1fr;gap:8px}.ai-single-page-card .ai-analysis-section li>span{width:19px;height:19px;border-radius:5px;font-size:9px}.ai-single-page-card .ai-analysis-section li p,.ai-single-page-card .ai-empty-copy{display:-webkit-box;overflow:hidden;font-size:12px;line-height:1.48;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ai-single-page-card .ai-phrase-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ai-single-page-card .ai-phrase-list article{min-width:0;padding:9px 10px;border-radius:8px}.ai-single-page-card .ai-phrase-list article>strong{display:block;overflow:hidden;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.ai-single-page-card .ai-phrase-list article>p{display:-webkit-box;margin-top:3px;overflow:hidden;font-size:11px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ai-single-page-card .ai-phrase-list article>small{gap:1px;margin-top:5px;padding-top:5px;overflow:hidden;font-size:9px;line-height:1.35}.ai-single-page-card .ai-phrase-list article>small em,.ai-single-page-card .ai-phrase-list article>small span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-single-page-card .ai-explanation-error,.ai-single-page-card .ai-explanation-loading{min-height:0;height:100%;padding:20px}.ai-chat-page{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;padding:18px 24px;overflow:hidden}.ai-chat-context{padding:10px 12px;background:#101318;border:1px solid #242830;border-radius:9px}.ai-chat-context small{color:#6e7a84;font-size:9px}.ai-chat-context p{display:-webkit-box;margin:3px 0 0;overflow:hidden;color:#cbd2d8;font-size:12px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ai-latest-chat{min-height:0;display:grid;align-content:center;gap:13px;overflow:hidden}.ai-latest-chat section{padding:13px 15px;background:#101318;border:1px solid #252a30;border-radius:10px}.ai-latest-chat section.user{background:rgba(35,112,175,.12);border-color:rgba(54,141,214,.25)}.ai-latest-chat section>div{display:flex;align-items:center;gap:7px;color:#65b4f8}.ai-latest-chat section strong{font-size:11px}.ai-latest-chat section p{display:-webkit-box;margin:7px 0 0;overflow:hidden;color:#d8dde1;font-size:13px;line-height:1.65;white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:7}.ai-latest-chat section.loading svg{animation:ai-explanation-spin .9s linear infinite}.ai-chat-empty{align-self:center;display:grid;justify-items:center;gap:8px;color:#69747d;text-align:center}.ai-chat-empty svg{color:#4c9ee3}.ai-chat-empty strong{color:#d7dde2;font-size:14px}.ai-chat-empty p{margin:0;font-size:11px}.ai-single-page-card .ai-explanation-footer{gap:5px;padding:9px 16px 7px}@media (max-width:640px){.ai-explanation-overlay .ai-single-page-card{width:100%;height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}.ai-single-page-card .ai-analysis-section,.ai-single-page-card .ai-original-section,.ai-single-page-card .ai-phrases-section{padding-right:14px;padding-left:14px}.ai-single-page-card .ai-phrase-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.ai-single-page-card .ai-phrase-list article{padding:7px}.ai-single-page-card .ai-phrase-list article>small{display:none}.ai-chat-page{padding:14px}}.cue{grid-template-columns:26px minmax(0,1fr)}.video-panel .timeline-row{grid-template-columns:38px minmax(0,1fr) 38px;align-items:end;gap:12px;margin-top:17px}.video-panel .timeline-row>span{padding-bottom:5px;font-size:10px;white-space:nowrap}.video-panel .timeline-row>span:last-child{text-align:right}.video-panel .timeline-track{height:72px;align-items:flex-end;margin-inline:6px}.video-panel .timeline-row input{height:6px;position:absolute;right:0;bottom:5px;left:0;z-index:1;margin:0}.video-panel .timeline-markers{height:58px;inset:0 0 auto}.video-panel .timeline-marker{width:38px;height:28px;top:0}.video-panel .timeline-marker.section{top:0;z-index:3}.video-panel .timeline-marker.item{top:25px;z-index:2}.video-panel .timeline-marker:after{height:9px;bottom:-12px}.video-panel .timeline-marker.section:after{height:12px;bottom:-34px}.video-panel .timeline-marker span{min-width:23px;height:20px;padding:0 5px;border-radius:6px;font-size:9px}.video-panel .timeline-marker.item span{height:18px;color:#dce9f0;background:#294657;border-color:rgba(205,224,234,.5)}.video-panel .timeline-marker:focus-visible span,.video-panel .timeline-marker:hover span{transform:translateY(-1px) scale(1.12)}.video-panel .timeline-row input::-webkit-slider-thumb{width:16px;height:16px}@media (max-height:650px),(max-width:760px){.ai-explanation-overlay{padding:10px}.ai-explanation-overlay .ai-single-page-card{width:min(760px,calc(100vw - 20px));height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);grid-template-rows:44px minmax(0,1fr) auto}.ai-explanation-header nav{height:38px}.ai-single-page-card .ai-original-section{padding-top:9px;padding-bottom:8px}.ai-single-page-card .ai-analysis-section,.ai-single-page-card .ai-phrases-section{padding-top:8px;padding-bottom:8px}.ai-single-page-card .ai-section-label{margin-bottom:5px}.ai-single-page-card .ai-original-english{font-size:14px;-webkit-line-clamp:2}.ai-single-page-card .ai-analysis-section li p,.ai-single-page-card .ai-original-chinese{-webkit-line-clamp:1}.ai-single-page-card .ai-analysis-section ol{gap:4px}.ai-single-page-card .ai-phrase-list article>small{display:none}.ai-single-page-card .ai-explanation-footer{padding-top:6px;padding-bottom:5px}}@media (max-width:520px){.video-panel .timeline-row{grid-template-columns:32px minmax(0,1fr) 32px;gap:7px}.video-panel .timeline-track{margin-inline:2px}.video-panel .timeline-marker{width:32px}.video-panel .timeline-marker span{min-width:21px;padding-inline:4px}}.ai-explanation-overlay{padding:clamp(18px,4vh,42px);background:rgba(0,0,0,.84);backdrop-filter:blur(4px)}.ai-explanation-overlay .ai-reference-card{width:min(820px,calc(100vw - 52px));height:min(76dvh,760px);max-height:calc(100dvh - 36px);grid-template-rows:60px minmax(0,1fr) auto;color:#f3f3f3;background:#050606;border:1px solid #202226;border-radius:4px;box-shadow:0 28px 90px rgba(0,0,0,.72)}.ai-explanation-overlay .ai-reference-card .ai-explanation-header{min-height:60px;grid-template-columns:72px 1fr 72px;padding:0 22px;background:#050606;border-bottom:0}.ai-reference-card .ai-explanation-header nav{height:60px;gap:34px}.ai-explanation-overlay .ai-reference-card .ai-explanation-header nav button{width:auto;height:60px;padding:2px 3px 0;color:#85878c;background:transparent;border-radius:0;font-size:15px;font-weight:650}.ai-explanation-overlay .ai-reference-card .ai-explanation-header nav button:hover{color:#e8e8e8;background:transparent}.ai-reference-card .ai-explanation-header nav button.active{color:#fff}.ai-reference-card .ai-explanation-header nav button.active:after{right:4px;bottom:6px;left:4px;height:3px;background:#5f61ff;box-shadow:0 0 9px rgba(95,97,255,.46)}.ai-explanation-overlay .ai-reference-card .ai-close-button{width:auto;height:40px;justify-self:end;padding:0 2px;color:#d4d4d4;background:transparent;border-radius:0;font-size:14px}.ai-explanation-overlay .ai-reference-card .ai-close-button:hover{color:#fff;background:transparent}.ai-reference-card .ai-explanation-main{overflow:hidden;background:#050606}.ai-reference-card .ai-analysis-page{grid-template-rows:auto auto minmax(0,1fr);background:#050606}.ai-reference-card .ai-analysis-section,.ai-reference-card .ai-original-section,.ai-reference-card .ai-phrases-section{padding-right:28px;padding-left:28px;background:transparent;border-bottom:0}.ai-reference-card .ai-original-section{padding-top:16px;padding-bottom:18px;border-bottom:1px solid #202124}.ai-reference-card .ai-original-english{margin:0;color:#f5f5f5;font-size:clamp(16px,1.55vw,19px);font-weight:520;-webkit-line-clamp:3}.ai-reference-card .ai-original-chinese,.ai-reference-card .ai-original-english{display:-webkit-box;overflow:hidden;line-height:1.55;-webkit-box-orient:vertical}.ai-reference-card .ai-original-chinese{margin:7px 0 0;color:#96979c;font-size:14px;-webkit-line-clamp:2}.ai-reference-card .ai-analysis-section{padding-top:16px;padding-bottom:16px;border-bottom:1px solid #202124}.ai-reference-card .ai-phrases-section{min-height:0;padding-top:16px;padding-bottom:14px;overflow:hidden}.ai-reference-card .ai-section-label{gap:8px;margin-bottom:9px;color:#f0f0f0;font-size:15px;font-weight:720}.ai-reference-card .ai-section-label svg{width:16px;height:16px;color:#e8d76c}.ai-reference-card .ai-analysis-section .ai-section-label svg{color:#9cd37f}.ai-reference-card .ai-analysis-section ol{gap:5px}.ai-reference-card .ai-analysis-section li{display:block}.ai-reference-card .ai-analysis-section li>span{display:none}.ai-reference-card .ai-analysis-section li p,.ai-reference-card .ai-empty-copy{display:-webkit-box;margin:0;overflow:hidden;color:#d0d0d2;font-size:14px;line-height:1.58;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ai-reference-card .ai-analysis-section li p:before{content:"• ";color:#787a80}.ai-reference-card .ai-phrase-list{display:grid;grid-template-columns:1fr;gap:10px}.ai-reference-card .ai-phrase-list article{min-width:0;padding:0;background:transparent;border:0;border-radius:0}.ai-reference-card .ai-phrase-list article:nth-child(n+4){display:none}.ai-reference-card .ai-phrase-list article>strong{display:block;overflow:hidden;color:#f2f2f3;font-size:14px;font-weight:680;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.ai-reference-card .ai-phrase-list article>strong:before{content:"– ";color:#92949a}.ai-reference-card .ai-phrase-list article>p{display:-webkit-box;margin:2px 0 0 13px;overflow:hidden;color:#bebfc3;font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:1}.ai-reference-card .ai-phrase-list article>small{display:flex;gap:8px;margin:3px 0 0 13px;padding:0;overflow:hidden;color:#777a81;border:0;font-size:11px;line-height:1.4;white-space:nowrap}.ai-reference-card .ai-phrase-list article>small em,.ai-reference-card .ai-phrase-list article>small span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-reference-card .ai-phrase-list article>small span{max-width:60%;color:#9a9ba0}.ai-reference-card .ai-phrase-list article>small em{max-width:38%;color:#74767c;font-style:normal}.ai-reference-card .ai-explanation-error,.ai-reference-card .ai-explanation-loading{color:#ddd;background:#050606}.ai-reference-card .ai-chat-page{padding:18px 28px;background:#050606}.ai-reference-card .ai-chat-context,.ai-reference-card .ai-latest-chat section{background:#0b0c0e;border-color:#24262a}.ai-reference-card .ai-latest-chat section.user{background:#0d0e11;border-color:#2b2d33}.ai-reference-card .ai-explanation-footer{grid-template-columns:minmax(0,1fr);gap:7px;padding:10px 20px 9px;background:#050606;border-top:0}.ai-reference-card .ai-explanation-footer form{width:100%;min-width:0;justify-self:stretch;min-height:50px;padding:4px 5px 4px 17px;background:#0b0b0c;border:1px solid #292a2e;border-radius:28px}.ai-reference-card .ai-explanation-footer form:focus-within{border-color:#484a52;box-shadow:0 0 0 2px rgba(95,97,255,.12)}.ai-reference-card .ai-explanation-footer input{color:#eee;font-size:13px}.ai-reference-card .ai-explanation-footer input::placeholder{color:#696b71}.ai-reference-card .ai-explanation-footer form button{width:40px;height:40px;color:#aeb0b8;background:#17181c}.ai-reference-card .ai-explanation-footer form button:not(:disabled){color:#fff;background:#5557ec}.ai-reference-card .ai-explanation-footer>div{color:#666970;font-size:9px}@media (max-height:650px),(max-width:760px){.ai-explanation-overlay{padding:10px}.ai-explanation-overlay .ai-reference-card{width:min(760px,calc(100vw - 20px));height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);grid-template-rows:48px minmax(0,1fr) auto}.ai-explanation-overlay .ai-reference-card .ai-explanation-header{min-height:48px;grid-template-columns:64px 1fr 64px;padding:0 14px}.ai-explanation-overlay .ai-reference-card .ai-explanation-header nav button,.ai-reference-card .ai-explanation-header nav{height:48px}.ai-reference-card .ai-analysis-section,.ai-reference-card .ai-original-section,.ai-reference-card .ai-phrases-section{padding-right:18px;padding-left:18px}.ai-reference-card .ai-original-section{padding-top:10px;padding-bottom:10px}.ai-reference-card .ai-analysis-section,.ai-reference-card .ai-phrases-section{padding-top:9px;padding-bottom:9px}.ai-reference-card .ai-section-label{margin-bottom:5px}.ai-reference-card .ai-original-english{font-size:14px;-webkit-line-clamp:2}.ai-reference-card .ai-analysis-section li p,.ai-reference-card .ai-original-chinese{font-size:11px;-webkit-line-clamp:1}.ai-reference-card .ai-analysis-section ol,.ai-reference-card .ai-phrase-list{gap:4px}.ai-reference-card .ai-phrase-list article>small{display:none}.ai-reference-card .ai-explanation-footer{padding:7px 12px 6px}.ai-reference-card .ai-explanation-footer form{min-height:42px}.ai-reference-card .ai-explanation-footer form button{width:34px;height:34px}}body:has(.learn-shell){background:#03050b}.learn-shell{color:#eef4ff;background:radial-gradient(circle at 15% 12%,rgba(32,104,246,.14),transparent 28%),radial-gradient(circle at 88% 78%,rgba(36,220,207,.07),transparent 25%),#03050b}.study-grid{background:transparent}.video-panel{background:linear-gradient(145deg,rgba(8,15,28,.97),rgba(3,6,13,.99));border-color:rgba(116,166,255,.13)}.lesson-heading{color:#eef4ff;background:rgba(8,14,26,.86);border-color:rgba(112,163,255,.14);box-shadow:inset 0 -1px rgba(255,255,255,.025);backdrop-filter:blur(18px) saturate(130%)}.lesson-heading h1,.lesson-heading strong{color:#f7f9ff}.heading-meta,.lesson-heading a,.lesson-heading p,.lesson-heading small{color:#8393aa}.audio-frame,.video-frame{background:radial-gradient(circle at 32% 20%,rgba(46,119,255,.16),transparent 32%),linear-gradient(145deg,#07111f,#02050b 74%);border:1px solid rgba(116,169,255,.17);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.04)}.audio-frame:before{top:50%;left:50%;width:min(68%,440px);aspect-ratio:1;translate:-50% -50%;border:1px solid rgba(92,150,255,.15);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 10px,rgba(121,174,255,.065) 11px 12px),radial-gradient(circle at 38% 30%,rgba(70,148,255,.25),transparent 20%),radial-gradient(circle,#246ff2 0 8%,#071121 8.5% 14%,#030711 14.5% 100%);box-shadow:0 0 96px rgba(41,105,255,.14);animation:quiet-record-spin 38s linear infinite backwards}.audio-frame:after,.audio-frame:before{content:"";position:absolute;z-index:0;pointer-events:none}.audio-frame:after{inset:0;background:linear-gradient(112deg,transparent 30%,rgba(76,137,255,.08) 48%,transparent 66%);animation:quiet-light-breathe 5.5s ease-in-out infinite alternate backwards}.audio-icon,.audio-visual,.audio-wave{position:relative;z-index:2}.audio-icon{color:#a9d8ff;background:rgba(10,23,44,.68);border:1px solid rgba(126,187,255,.24);box-shadow:inset 0 1px rgba(255,255,255,.08),0 16px 54px rgba(0,0,0,.38);backdrop-filter:blur(18px)}.audio-wave i{background:linear-gradient(0deg,#2974ff,#78eee7);box-shadow:0 0 16px rgba(50,135,255,.32);animation:quiet-wave-pulse 1.6s ease-in-out infinite alternate backwards}.audio-wave i:nth-child(2n){animation-delay:.12s}.audio-wave i:nth-child(3n){animation-delay:.24s}.timeline-row,.timeline-row time{color:#8090a8}.timeline-row input[type=range],.timeline-track{accent-color:#2d78ff}.timeline-marker,.timeline-marker span,.timeline-marker:focus-visible,.timeline-marker:focus-visible span,.timeline-marker:hover,.timeline-marker:hover span{transform:none!important}.timeline-marker span{color:#dce9ff;background:rgba(18,34,59,.94);border-color:rgba(95,158,255,.32)}.timeline-marker:focus-visible span,.timeline-marker:hover span{color:#fff;background:#236df6}.keyboard-hints,.player-controls{color:#dfe9f9;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border-color:rgba(117,166,255,.14);box-shadow:inset 0 1px rgba(255,255,255,.045),0 15px 44px rgba(0,0,0,.25);backdrop-filter:blur(20px) saturate(130%)}.control-group button,.control-group label,.control-group select,.keyboard-hints kbd{color:#dbe7fa;background:rgba(8,17,31,.72);border-color:rgba(117,166,255,.17)}.control-group button:focus-visible,.control-group button:hover,.control-group label:hover,.control-group select:hover,.cue-ai-button:focus-visible,.cue-ai-button:hover,.cue:hover,.transcript-head button:focus-visible,.transcript-head button:hover{transform:none!important}.control-group .main-control,.main-control{color:#fff;background:#236df6;border-color:#4388ff;box-shadow:0 13px 35px rgba(35,109,246,.26)}.panel-resizer{background:#06101f;border-color:rgba(103,158,255,.18)}.panel-resizer:after{background:rgba(112,169,255,.32)}.transcript-panel{color:#eef4ff;background:radial-gradient(circle at 92% 8%,rgba(39,112,255,.1),transparent 24%),rgba(3,7,14,.98);border-color:rgba(110,162,255,.14)}.transcript-footer,.transcript-head{color:#edf4ff;background:rgba(7,14,27,.92);border-color:rgba(108,160,255,.14);backdrop-filter:blur(18px)}.transcript-head button{color:#bcd0eb;background:rgba(16,31,53,.72);border-color:rgba(109,164,255,.2)}.cue{color:#eef4ff;background:transparent;border-color:rgba(114,160,226,.1);transition:background-color .18s ease,border-color .18s ease}.cue:hover{background:rgba(37,82,145,.12)}.cue.active,.cue[aria-current=true]{background:linear-gradient(90deg,rgba(35,109,246,.2),rgba(35,109,246,.055));border-color:rgba(72,140,255,.35);box-shadow:inset 3px 0 #3c8bff}.cue strong,.cue-copy strong,.cue-english{color:#f7f9ff}.cue p,.cue time,.cue-chinese,.cue-copy p,.cue-number{color:#8494ab}.cue-ai-button{color:#83b9ff;background:rgba(35,109,246,.12);border-color:rgba(82,147,255,.25)}.cue-ai-button:focus-visible,.cue-ai-button:hover{color:#fff;background:#236df6}.ai-explanation-overlay{background:rgba(0,2,7,.82);backdrop-filter:blur(13px) saturate(115%)}.ai-explanation-overlay .ai-explanation-card,.ai-explanation-overlay .ai-reference-card{color:#eef4ff;background:linear-gradient(145deg,rgba(8,17,32,.98),rgba(2,5,11,.99));border-color:rgba(105,164,255,.24);box-shadow:0 28px 110px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.05);animation:quiet-panel-in .26s ease-out backwards!important}@media (prefers-reduced-motion:reduce){.ai-explanation-overlay .ai-explanation-card,.ai-explanation-overlay .ai-reference-card,.audio-frame:after,.audio-frame:before,.audio-wave i{animation:none!important}}.learn-shell{color:#f7f9ff;background:radial-gradient(circle at 20% 18%,rgba(24,91,198,.25),transparent 34%),radial-gradient(circle at 84% 78%,rgba(15,74,173,.18),transparent 30%),linear-gradient(145deg,#020712,#07152d 56%,#02050c);font-family:Helvetica,Arial,PingFang SC,Microsoft YaHei,sans-serif}.lesson-heading,.transcript-panel,.video-panel{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.13)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 22px 80px rgba(0,0,0,.24)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.keyboard-hints,.player-controls{color:#111827!important;background:rgba(255,255,255,.96)!important;border-color:transparent!important;box-shadow:0 14px 44px rgba(0,0,0,.25)!important}.keyboard-hints kbd,.player-controls a,.player-controls button{color:#111827!important;background:#f3f4f6!important;border-color:#e5e7eb!important;transform:none!important}.keyboard-hints kbd:hover,.player-controls a:hover,.player-controls button:hover{color:#1d4ed8!important;background:#fff!important;transform:none!important}.player-controls .active,.player-controls .primary-control,.player-controls [aria-pressed=true]{color:#fff!important;background:#1d4ed8!important;border-color:#1d4ed8!important}.media-progress,.progress-track,.timeline-track{background:rgba(255,255,255,.16)!important}.media-progress i,.progress-track i,.timeline-track i{background:#3b82f6!important}.cue{border-radius:13px;transition:background-color .16s ease,border-color .16s ease}.cue,.cue:hover{transform:none!important}