html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}:root{font-family:system-ui,sans-serif;color:#182230;background:#f5f7fb;font-synthesis:none;--surface: #fff;--ink: #182230;--muted: #526174;--line: #dce3ed;--accent: #2254c5;--selected: #eaf0ff}*{box-sizing:border-box}body{margin:0}.bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:14px 24px;background:var(--surface);border-bottom:1px solid var(--line)}.mark{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;color:#fff;background:var(--accent);font-size:13px;font-weight:800}.local{margin-left:auto;color:var(--muted);font-size:13px;white-space:nowrap}main{max-width:1328px;margin:auto;padding:36px 24px 64px}h1{margin:6px 0 18px;font-size:clamp(28px,4vw,42px);letter-spacing:-.035em}h2{margin:0 0 14px;font-size:18px}p{line-height:1.55}.eyebrow{color:var(--accent);font-size:13px;font-weight:700;margin:0}.secondary,small,.page-intro{color:var(--muted)}.page-intro{margin:-8px 0 26px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;min-width:0;overflow:hidden}button,input,select,textarea{font:inherit}button,.questions a{min-height:38px;padding:7px 12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--surface);cursor:pointer}button:hover,.questions a:hover{background:var(--selected)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #6c94ec;outline-offset:2px}button:disabled{cursor:wait;opacity:.65}input,select,textarea{min-width:0;max-width:100%;padding:9px 11px;color:var(--ink);border:1px solid #b9c6d9;border-radius:8px;background:#fff}.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:650}.primary:hover{background:#19439e}.login{max-width:440px;margin:5vh auto;padding:clamp(22px,5vw,36px);display:grid;gap:12px}.login h1{font-size:30px;margin:0}.login p{margin:0 0 4px}.login .primary{margin-top:6px}.error{border:1px solid #f1b9b8;background:#fff2f1;color:#8f2020;padding:10px 14px;border-radius:8px}.importer{padding:22px;margin-bottom:30px}.importer fieldset{display:flex;align-items:end;gap:14px;flex-wrap:wrap;border:0;padding:0;margin:0;min-width:0}.importer label{display:grid;gap:6px;max-width:100%}.importer p{margin-bottom:0;font-size:13px}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-title span{color:var(--muted);font-size:13px}.empty{padding:18px;color:var(--muted)}.courses{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:16px}.course{display:grid;justify-items:start;gap:12px;padding:22px;text-align:left;border-radius:16px}.course strong{font-size:22px;overflow-wrap:anywhere}.course>span:last-child{color:var(--accent);font-weight:650}.status{border-radius:20px;padding:4px 9px;background:#edf1f7;color:#3e5068;font-size:12px;font-weight:650}.status-ready,.status-running{background:var(--selected);color:#1c4ba9}.status-failed{background:#fff0ef;color:#8f2020}.back{margin-bottom:14px}.workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px;align-items:start}video{display:block;width:100%;aspect-ratio:16/9;background:#111827}.modes,.study-nav{display:flex;flex-wrap:wrap;gap:8px}.modes{padding:12px 16px;border-bottom:1px solid var(--line)}.bar .study-nav{flex-wrap:nowrap}.bar .study-nav button{white-space:nowrap}.study-target{scroll-margin-top:82px;margin-top:22px}button[aria-pressed=true]{color:#1b46a2;background:var(--selected);border-color:#aabff5;font-weight:650}.captions{padding:8px 20px;min-height:76px}.captions p{margin:6px 0}.captions button+button{margin-left:8px}.chapters{border-top:1px solid var(--line);padding:16px}.chapters button,.cue-list button{display:flex;width:100%;align-items:baseline;gap:12px;padding:10px;border:1px solid transparent;text-align:left}.cue-list .active{border-color:#b8c9f5;background:var(--selected)}time,.chapters button span{font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}.transcript{padding:18px}.cue-list{max-height:min(650px,65vh);overflow:auto}.cue-list small{display:block;margin-top:5px;line-height:1.4}.questions{padding:18px;margin-top:12px}.workspace+.questions{margin-top:18px}.questions article{border-top:1px solid var(--line);padding:12px 0;margin-top:12px;overflow-wrap:anywhere}.questions textarea{display:block;width:100%;min-height:78px;margin:6px 0 10px}.questions form{margin-top:14px}.questions button{margin-bottom:4px}.questions button+button{margin-left:8px}.questions a{display:inline-block;color:var(--accent);text-decoration:none}.questions .answer{white-space:pre-wrap}.frame{position:relative;max-width:720px;touch-action:none;cursor:crosshair;margin-bottom:10px}.frame img{display:block;width:100%;pointer-events:none}.frame span{position:absolute;border:2px solid #6496ff;pointer-events:none;background:#5b91ff30}.slides{display:flex;gap:12px;overflow:auto}.slides button{flex:0 0 160px;margin:0 0 4px;overflow:hidden;padding:0 0 6px}.slides button+button{margin-left:0}.slides img{display:block;width:100%;margin-bottom:6px}@media(max-width:760px){.bar{padding-inline:14px}main{padding:22px 14px 42px}.workspace{grid-template-columns:1fr}.cue-list{max-height:350px}.importer label{flex-basis:100%}}.video-captions{min-height:0;padding:3px 18px;line-height:1.25;background:#000;color:#fff;text-align:center}.video-stage .video-captions:empty{display:none}.video-captions p{margin:0;line-height:inherit}.caption-options,.message-actions,.composer-heading{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.player-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.question-chat{display:flex;flex-direction:column}.chat-header,.chat-composer{padding:14px}.chat-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-bottom:1px solid var(--line)}.chat-header h2{margin:0}.chat-header span,.chat-empty{color:var(--muted);font-size:13px}.chat-history{min-height:160px;max-height:min(450px,50vh);padding:12px 14px;overflow:auto}.chat-history article{display:grid;gap:8px;margin-bottom:16px;overflow-wrap:anywhere}.chat-history article>button{justify-self:end}.chat-history p{margin:0}.chat-history .question-message,.chat-history .answer-message{padding:10px 12px;border-radius:14px;white-space:pre-wrap}.question-message{justify-self:end;max-width:92%;background:var(--selected)}.answer-message{background:#f2f5f9}.chat-composer{border-top:1px solid var(--line)}.composer-heading{justify-content:space-between}.chat-composer p{margin:5px 0 10px;font-size:13px}.question-chat textarea{display:block;width:100%;min-height:65px;margin:6px 0 8px}.question-chat .message-actions{margin-bottom:8px}.question-chat button:not(.primary){min-height:32px;font-size:13px}.question-chat .frame span{color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 3px #000}.lesson-page{max-width:none;width:100%}.lesson-page .workspace{grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}.lesson-page .chat-history{max-height:min(640px,58vh)}.annotation-dialog{width:min(96vw,1500px);max-width:none;max-height:94vh;padding:16px;border:1px solid var(--line);border-radius:14px;color:var(--ink)}.annotation-dialog::backdrop{background:#111827b0}.annotation-dialog .message-actions{margin:0}.annotation-scroll{max-height:76vh;overflow:auto;margin-top:12px}.annotation-scroll .frame{max-width:none;margin:0}@media(max-width:760px){.lesson-page .workspace{grid-template-columns:minmax(0,1fr)}.annotation-dialog{padding:10px}}.chat-provider{margin:0;padding:8px 14px 0}.lesson-page .question-chat{height:min(920px,max(580px,78vh));background:#fff;border-color:#e6e6e6;color:#222}.lesson-page .question-chat .chat-history{flex:1;min-height:0;max-height:none;padding:18px clamp(14px,2vw,28px)}.chat-settings{padding:8px 16px;color:#666;font-size:12px;border-bottom:1px solid #eee}.chat-settings summary,.chat-message-more summary{cursor:pointer}.chat-settings .chat-composer{border:0;padding:8px 0 0}.chat-settings input{margin-inline:6px}.chat-history article{border-bottom:1px solid #e8e8e8;padding-bottom:16px}.chat-question{display:grid;justify-items:end;gap:5px}.chat-history .question-message{background:#f2f2f2;color:#222}.chat-history .answer-message{background:transparent;border-radius:0;padding:4px 0;line-height:1.75}.chat-answer-tools{display:flex;justify-content:flex-end;gap:4px}.question-chat .chat-text-button{border:0;background:transparent;color:#626262;padding:4px 7px}.question-chat .chat-text-button:hover{background:#f1f1f1}.chat-message-more{font-size:12px;color:#666}.chat-message-more .message-actions{margin-top:6px}.chat-dock{margin:0 14px;padding-top:10px;border-top:1px solid #e6e6e6}.chat-attachment{max-height:min(310px,34vh);overflow:auto;margin-bottom:8px;padding:4px}.chat-attachment p{margin:4px 0;font-size:13px}.console-composer{padding:14px 12px 10px;border:1px solid #e6e6e6;border-radius:20px;background:#fff;box-shadow:0 3px 14px #00000004}.console-composer:focus-within{border-color:#bcbcbc}.question-chat .console-composer textarea{border:0;padding:2px 3px;margin:0 0 7px;min-height:62px;resize:vertical;outline:none;color:#222}.console-composer-bar,.console-composer-actions{display:flex;align-items:center;gap:8px}.console-composer-bar{justify-content:space-between}.console-composer-actions{font-size:12px;color:#555}.console-attach img,.console-send img{display:block;width:18px;height:18px}.question-chat .console-send{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#222}.question-chat .console-send:hover{background:#444}.question-chat .console-send:disabled{background:#a8a8a8;opacity:1;cursor:default}.console-send img{filter:invert(1)}.chat-disclosure{margin:6px 0 8px;color:#666;font-size:11px}@media(max-width:760px){.lesson-page .question-chat{height:max(520px,75vh)}}.chat-open-codex{padding:8px 16px;border-bottom:1px solid #eee;color:var(--accent);font-size:13px;overflow-wrap:anywhere}.course .course-video{display:grid;gap:4px;width:100%;min-width:0;text-align:left;overflow-wrap:anywhere}.course .course-video small{font-size:12px}.course-importer{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px}.course-importer fieldset{display:grid;gap:10px;min-width:0;border:0;padding:0;margin:0}.course-importer label{display:grid;gap:5px;min-width:0}.course-importer p{font-size:12px;margin-bottom:0}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.library-heading h1{margin-bottom:6px;overflow-wrap:anywhere}.library-heading p{margin:0}.library-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.library-card{min-height:144px;border-top:3px solid var(--accent)}.library-form{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:16px;margin-bottom:18px}.library-form label{display:grid;gap:5px}.library .course-importer{max-width:560px;margin-bottom:18px;background:var(--surface);padding:18px}.video-directory{padding:18px}.directory-row{display:grid;grid-template-columns:max-content minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;text-align:left;margin-top:8px}.directory-row small{display:block;margin-top:4px}.directory-date{display:inline-block;padding:2px 8px;border-radius:6px;background:#e8eefc;color:#2047a5;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.directory-row strong{overflow-wrap:anywhere}.directory-time{color:var(--muted);font-variant-numeric:tabular-nums}@media(max-width:520px){.library-heading{align-items:flex-start;flex-direction:column}}.caption-options label{display:inline-flex;align-items:center;gap:5px;font-size:13px}.video-captions.caption-small{font-size:1.125rem}.video-captions.caption-normal{font-size:1.375rem}.video-captions.caption-large{font-size:1.625rem}.processing-progress{display:grid;gap:4px;max-width:440px;margin-top:5px;color:var(--muted);font-size:12px}.processing-progress progress{width:100%;height:8px;accent-color:var(--accent)}.directory-item{display:flex;align-items:center;gap:8px}.directory-item .directory-row{flex:1;min-width:0}.video-delete{flex-shrink:0;color:#8f2020}.video-translate{flex-shrink:0}.processing-progress{display:flex;align-items:center;gap:7px}.progress-ring{display:grid;place-items:center;flex:0 0 16px;height:16px;border-radius:50%}.progress-ring:after{content:"";width:10px;height:10px;border-radius:50%;background:#fff}.progress-ring.spinning{animation:progress-spin 1s linear infinite}@keyframes progress-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.progress-ring.spinning{animation:none}}.directory-item{position:relative}.video-context-menu{position:absolute;z-index:2;right:12px;top:50%;display:grid;gap:4px;padding:6px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 8px 22px #18223020}.video-context-menu button{text-align:left}.video-context-menu button:first-child{color:#8f2020}.video-directory{overflow:visible}.dialog-form{display:grid;gap:16px;padding-top:8px}.dialog-form label{display:grid;gap:6px}.dialog-form p{margin:0;font-size:13px}.dialog-form>.ant-btn{justify-self:end}.workspace-alert{margin-bottom:16px}.video-directory.ant-card{padding:0}.processing-progress .ant-progress{line-height:1}.login .ant-input-password input{border:0;padding:0}.processing-progress{flex-wrap:wrap;gap:6px 14px;max-width:none}.processing-step{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.processing-ring{width:18px;height:18px;border:2px solid var(--border, #e5e7eb);border-top-color:var(--accent);border-radius:50%;animation:processing-rotate .8s linear infinite}@keyframes processing-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.processing-ring{animation:none}}.processing-complete{display:inline-grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:#237804}.chat-thumbnails{display:flex;flex-wrap:wrap;gap:8px;padding:8px}.chat-thumbnail{display:flex;align-items:flex-start;width:min(240px,100%);border:1px solid #d8e0ec;border-radius:12px;padding:4px}.chat-thumbnail .chat-thumbnail-preview{display:flex;align-items:center;gap:8px;flex:1;min-width:0;border:0;text-align:left;background:transparent}.chat-thumbnail-preview img{width:56px;height:40px;object-fit:cover;border-radius:5px}.chat-thumbnail-preview div{min-width:0}.chat-thumbnail-preview strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-thumbnail-preview small{display:block;color:var(--muted)}.annotation-comment{position:absolute;width:min(30%,240px);z-index:1}.annotation-comment textarea,.annotation-comment button{width:100%;background:#fff;color:#182230;overflow-wrap:anywhere}.annotation-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}@media(min-width:761px){.lesson-page{--question-width: max(320px, calc((100vw - 66px) / 3));padding-right:calc(var(--question-width) + 42px)}.lesson-page .workspace{grid-template-columns:minmax(0,1fr)}.lesson-page .question-chat{position:fixed;inset:66px 0 0 auto;width:calc(var(--question-width) + 24px);height:auto}.lesson-page .chat-history{overscroll-behavior-y:contain}.lesson-page .chat-dock{max-height:50dvh;overflow:auto;overscroll-behavior-y:contain}}.lesson-page h1{font-size:clamp(1.6rem,2.4vw,2.5rem);margin:6px 0 16px}.lesson-page .player{box-shadow:0 4px 18px #17243a0a}.lesson-page .question-chat{border-color:#dde4ee;box-shadow:0 0 24px #17243a0a}.question-chat .chat-header{padding:15px 18px;background:#f5f7fb}.chat-header h2{font-size:1rem;font-weight:700}.chat-header span{padding:3px 8px;border-radius:20px;background:#e8edf6;white-space:nowrap}.chat-open-codex,.chat-settings{padding-inline:18px}.chat-settings select{max-width:100%}.chat-history .question-message{background:#eaf0ff;color:#21365a}.chat-history .answer-message{color:#273449}.chat-citations{display:flex;flex-wrap:wrap;gap:6px}.question-chat .chat-citations button{min-height:28px;padding:3px 9px;border-radius:20px;color:#334e7d;background:#f4f7fc;font-variant-numeric:tabular-nums}.chat-dock{padding-top:12px}.question-chat .console-composer{background:#f8faff;border-color:#dce4f0}.question-chat .console-composer:focus-within{border-color:var(--accent)}.history-screenshots{display:grid;justify-items:end;gap:8px;width:min(100%,360px)}.history-screenshot{position:relative;width:100%;overflow:hidden;border-radius:8px}.history-screenshot img{display:block;width:100%}.history-screenshot span{position:absolute;border:2px solid #6496ff;background:#5b91ff30;color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 3px black}.video-fullscreen-actions{display:none}.video-stage video::-webkit-media-controls-fullscreen-button{display:none}.video-stage:fullscreen{display:flex;flex-direction:column;background:#000}.video-stage:fullscreen video{flex:1;height:0;min-height:0;aspect-ratio:auto;object-fit:contain;background:#000}.video-stage:fullscreen .video-captions{flex:0 0 auto;max-height:25vh;overflow:auto}.video-stage:fullscreen .video-fullscreen-actions{display:flex;gap:8px;position:absolute;top:12px;right:12px}@media(min-width:761px){.lesson-page .question-chat{border-width:0 0 0 1px;border-radius:0;box-shadow:none}.lesson-page .chat-header{min-height:66px;align-items:center;background:var(--surface)}.lesson-page .chat-open-codex,.lesson-page details.chat-settings{border-bottom:0}}:root{background:#f3f5f8;--surface: #fff;--ink: #202938;--muted: #526174;--line: #dce2ea;--accent: #3949a3;--selected: #eef0fb;color:var(--ink)}.bar{background:#fafbfd}.mark{border-radius:11px;background:#333d82}.library-heading{flex-wrap:wrap;padding-block:8px 16px;border-bottom:1px solid var(--line)}.library-heading h1,.lesson-page h1{font-weight:720;line-height:1.18}.eyebrow{color:#4c568b}.courses .library-card{gap:10px;min-height:164px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 2px 5px #20293808}.courses .library-card:hover{border-color:#aab5d6;background:#fafbff}.video-directory .directory-row{padding:12px;gap:12px;border-color:var(--line);background:#fff}.video-directory .directory-row:hover{background:var(--selected);border-color:#b5bfdf}.directory-date{background:var(--selected);color:#35427e}.directory-date-missing{background:transparent;color:var(--muted)}.lesson-page .player{border-color:#d9dfe9;box-shadow:0 4px 16px #2029380d}.player .modes{align-items:center;background:#fafbfd}.chapters h2{font-size:1rem}.chapters button:hover{background:var(--selected)}.lesson-page .question-chat{color:var(--ink)}.question-chat .chat-header{background:#fafbfd}.chat-header span{background:#edf0f6;color:#485775}.chat-settings{color:var(--muted)}.chat-history article{border-color:#e6eaf0}.chat-history .question-message{max-width:100%;background:var(--selected);color:#2d3965}.chat-history .answer-message{line-height:1.8}.question-chat .console-composer{background:#fafbfd;border-radius:16px}.question-chat .console-send:not(:disabled){background:var(--accent)}.chat-thumbnail{background:var(--surface)}button:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:480px){.video-directory .directory-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.directory-row .directory-date{grid-column:1 / -1;justify-self:start}}.video-directory .directory-item{gap:4px;border-bottom:1px solid var(--line)}.video-directory .directory-row{grid-template-columns:88px minmax(0,1fr) 112px 240px 60px 106px 102px;gap:10px;margin:0;padding:10px 8px;border:0;border-radius:8px}.directory-row .processing-progress{flex-wrap:nowrap;gap:8px}.directory-cover{width:88px;height:50px;object-fit:cover;border-radius:6px;background:#e7edf6;pointer-events:none}.directory-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-watch-progress{font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:6px}.directory-watch-progress progress{width:62px;height:8px;accent-color:var(--accent)}.directory-watched{white-space:nowrap;color:var(--muted)}.video-directory .directory-more{border:0;background:transparent;padding-inline:8px}@media(max-width:1100px){.video-directory .directory-row{grid-template-columns:72px minmax(0,1fr) auto}.directory-cover{width:72px}.directory-row .directory-date{grid-column:auto}.directory-row .processing-progress{grid-column:1 / -1}}@media(max-width:520px){.video-directory .directory-row{grid-template-columns:minmax(0,1fr) auto}.directory-cover{display:none}}.video-directory .directory-more{flex:0 0 32px;width:32px}.video-directory .directory-heading{background:#f5f7fb}.video-directory .directory-heading .directory-row{background:transparent;color:var(--muted);font-size:13px;font-weight:700}.directory-heading .directory-row>:first-child{grid-column:span 2}@media(max-width:1100px){.video-directory .directory-heading{display:none}}.course-page{max-width:1620px}.course-layout{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px}.course-sidebar{display:grid;gap:6px;padding:14px;position:sticky;top:82px;max-height:calc(100dvh - 98px);overflow:auto}.course-sidebar h2{margin:2px 8px 8px;font-size:16px}.course-sidebar button{display:grid;gap:4px;text-align:left;border-color:transparent;overflow-wrap:anywhere}.course-sidebar button[aria-current=page]{background:var(--selected);color:var(--accent);font-weight:700}.course-sidebar small{color:var(--muted);font-weight:400}@media(max-width:1300px){.course-layout{grid-template-columns:180px minmax(0,1fr);gap:16px}.course-layout .directory-row{grid-template-columns:72px minmax(0,1fr) auto}.course-layout .directory-heading{display:none}.course-layout .processing-progress{grid-column:1 / -1}}@media(max-width:760px){.course-layout{grid-template-columns:minmax(0,1fr)}.course-sidebar{position:static;max-height:200px}}@media(max-width:520px){.course-layout .directory-row{grid-template-columns:minmax(0,1fr) auto}}@media(max-width:560px){.bar{flex-wrap:wrap;gap:8px;padding-inline:12px}.study-target{scroll-margin-top:132px}}.library{--accent: #337ecc;--selected: #ecf5ff;--line: #e4e7ed}.library .back{border-radius:4px}.video-directory.ant-card{border-color:var(--line);border-radius:6px}.video-directory .directory-heading{background:#f5f7fa}.video-directory .directory-heading .directory-row{color:#606266}.video-directory .directory-row{border-radius:0}.video-directory .directory-row:hover{background:#ecf5ff}.video-directory .directory-date{background:#ecf5ff;color:#337ecc;border-radius:4px}.video-directory .directory-date-missing{background:transparent;color:var(--muted)}.course-sidebar{--accent: #337ecc;--selected: #ecf5ff;border-radius:6px}.lesson-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.lesson-heading>div{min-width:0;overflow-wrap:anywhere}.lesson-heading .back{flex-shrink:0}@media(min-width:761px){.lesson-page{position:fixed;inset:66px 0 0;overflow-y:auto;overscroll-behavior-y:contain}}@media(max-width:480px){.lesson-heading{flex-wrap:wrap;gap:0 12px}}@media(min-width:761px){.lesson-page{display:flex;flex-direction:column;overflow:hidden;padding-top:16px;padding-bottom:12px}.lesson-heading{flex:none}.lesson-page .workspace{flex:1;min-height:0;align-items:stretch}.lesson-page .player{display:flex;flex-direction:column;min-height:0;align-self:start;max-height:100%}.lesson-page .video-stage{display:flex;flex-direction:column;min-height:0;background:#000}.lesson-page .video-stage:not(:fullscreen)>video{flex:0 1 auto;min-height:0;height:auto;aspect-ratio:auto;object-fit:contain;background:#000}.lesson-page .video-stage>.captions{flex:none;max-height:25vh;overflow:auto}.lesson-page .modes{flex:none}.lesson-resources{flex:0 1 auto;max-height:22dvh;overflow:auto;overscroll-behavior-y:contain}}