:root{--ink:#191919;--muted:#6b6b68;--line:#dededb;--paper:#fff;--green:#191919;--mint:#f2f2ef}html,body,.app-shell{background:#fff}.topbar{border-color:var(--line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.brand-mark{background:var(--ink);border-radius:6px}.brand{font-weight:650}.local-pill{border:1px solid var(--line);color:#666;background:#fafafa}.privacy-note{color:#737370}.privacy-note i{box-shadow:none;background:#333}.lesson-title{color:var(--ink);letter-spacing:-.035em;font-weight:600}.eyebrow{color:#777;letter-spacing:.1em}.ghost-button,.primary-button{box-shadow:none;border-radius:6px;font-weight:500}.primary-button{border:2px solid var(--ink);background:var(--ink);color:#fff;box-shadow:2px 2px #aaa}.primary-button:hover{transform:translate(1px,1px);box-shadow:1px 1px #aaa}.ghost-button:hover{border-color:var(--ink);background:#f7f7f5}.mode-switch,.course-mode-switch,.auth-mode-switch{background:#f3f3f0;border-color:#e7e7e3;border-radius:7px}.mode-switch button,.course-mode-switch button,.auth-mode-switch button{border-radius:5px;font-weight:500}.mode-switch button.active,.auth-mode-switch button.active{color:var(--ink);background:#fff;box-shadow:0 1px 2px #00000012}.course-mode-switch button.active{color:#fff;background:var(--ink);border-color:var(--ink);box-shadow:none}.course-library,.course-library:not(.collapsed){border:1px solid var(--line);box-shadow:none;background:#fafaf9;border-radius:8px}.course-library:not(.collapsed)>*,.library-rail{animation:none}.library-head h2{color:var(--ink);font-size:15px;font-weight:600}.library-area-tabs{background:#f1f1ee;border:1px solid #e7e7e3;border-radius:6px;gap:3px;padding:3px}.library-area-tabs button{color:#666;border-radius:4px;font-weight:500}.library-area-tabs button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 2px #00000012}.library-area-tabs button[aria-pressed=true]:after{display:none}.library-directory-tools .library-text-button,.library-toggle{color:#61615e}.library-directory-tools:empty{display:none}.collection-section{margin-bottom:8px}.collection-heading-row{border-radius:7px;gap:3px;padding:0}.collection-heading{height:auto;min-height:46px;color:var(--ink);box-shadow:none;white-space:normal;background:0 0;border:2px solid #0000;border-radius:7px;gap:9px;padding:10px 9px;transition:background-color .14s,border-color .14s}.collection-heading strong{text-align:left;flex:1;font-size:14px;font-weight:600;line-height:1.5}.collection-heading span,.collection-description{color:#70706c}.collection-heading .collection-icon{flex:none;width:18px;height:18px}.collection-heading .collection-chevron{flex:none;width:17px;height:17px;transition:transform .16s}.collection-heading[aria-expanded=true]{border-color:var(--ink);background:#ededeb}.collection-heading[aria-expanded=true] .collection-chevron{transform:rotate(90deg)}.collection-heading:hover{border-color:var(--ink);box-shadow:none;background:#f0f0ed;transform:none}.collection-videos{box-sizing:border-box;border-left:2px solid #b5b5af;width:auto;margin:5px 4px 12px 20px;padding:2px 0 2px 10px}.collection-videos .library-course-row{box-sizing:border-box;width:100%}.collection-description{margin:5px 8px 9px;font-size:11px;line-height:1.6}.collection-videos .library-empty{margin-left:8px}.collection-videos .course-thumbnail{width:48px;height:34px}.collection-videos .lesson-item{gap:8px;min-height:72px;padding-left:7px}.collection-more,.course-more{color:#6b6b68;border-radius:5px}.collection-more:hover,.course-more:hover{color:#191919;background:#e9e9e6}.library-course-row,.library-course-row.active{box-shadow:none;background:0 0;border:1px solid #0000;border-radius:5px;transition:background-color .14s,border-color .14s}.library-course-row:hover{background:#f0f0ed;border-color:#a5a59f;transform:none}.library-course-row.active{border-color:var(--ink);background:#fff}.library-course-row.active:before{background:var(--ink);border-radius:0;width:2px;top:13px;bottom:13px}.course-library .lesson-item{background:0 0;border-radius:4px;gap:10px;min-height:82px}.course-library .lesson-item:hover{background:0 0}.course-thumbnail{color:#858580;background:#e9e9e5;border-radius:4px;width:62px;height:42px}.thumbnail-placeholder{max-width:100%;max-height:100%}.course-row-copy strong,.library-course-row.active .course-row-copy strong{color:#292927;font-weight:500}.course-row-copy small{color:#72726d;font-size:10px}.library-course-row>.cache-link{color:#666}.library-course-row>.cache-link.cached{color:#fff;background:#252525}.course-library .library-note{color:#73736e;border-color:var(--line);font-size:10px}.course-overflow-menu{border:1px solid var(--ink);background:#fff;border-radius:7px;box-shadow:3px 3px #191919}.course-overflow-menu button{color:#292927;border-radius:4px}.course-overflow-menu button:hover,.course-overflow-menu button:focus-visible{color:var(--ink);background:#f0f0ed}.video-stage{box-shadow:none;background:#151515;border-radius:8px;transition:none}.video-stage:before{background:#202220}.upload-card{border-radius:6px}.upload-icon{color:var(--ink);background:#e8e8e4}.video-cache-status{border-radius:5px}.video-cache-status.cached{background:#191919cc;border-color:#fff6}.video-cache-status>i>b,.video-loading-overlay>i>b{background:#eee}.transport{border-color:var(--line)}.transport button{border-radius:6px}.transport .play-button{border:1px solid var(--ink);background:var(--ink);border-radius:6px;box-shadow:2px 2px #bcbcb6}.video-view-actions button{border-radius:4px}.course-credits{border-color:var(--line);color:#6b6b68;background:#fafaf8;border-radius:6px}.course-credits h3,.course-credits a{color:#343431}.caption-settings{border:1px solid var(--ink);background:#fff;border-radius:8px;box-shadow:3px 3px #191919}.subtitle-panel{border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:8px;animation:none}.card-tools{color:#6b6b68;background:#fff;border-color:#e8e8e3}.card-tools button{border-radius:5px;font-weight:500}.subtitle-list{padding:14px}.subtitle-card,.subtitle-card.current{color:var(--ink);box-shadow:none;background:#fff;border:2px solid #deded8;border-radius:8px;gap:0;margin-bottom:14px;padding:17px;font-weight:500;transition:border-color .14s;display:block;transform:none}.subtitle-card.current{border-color:var(--ink)}.subtitle-card:hover,.subtitle-card:focus-visible,.subtitle-card:focus-within{border-color:var(--ink);box-shadow:none;background:#fff;transform:none}.subtitle-card.current:hover{box-shadow:none;background:#fff;transform:none}.line-meta{color:#75756f;flex-wrap:wrap;gap:8px}.line-number{color:#292927;font-weight:500}.line-en{letter-spacing:-.015em;font-size:19px;font-weight:500;line-height:1.6}.line-zh{color:#686863;font-size:14px;line-height:1.75}.line-actions{flex-wrap:wrap;gap:5px}.line-actions button{border-radius:4px;font-weight:500}.line-meta button:hover,.card-tools button:hover,.subtitle-card button:hover,.subtitle-card button:active{transform:none}.shadowing-card-action{border-top:1px solid #edede8;margin-top:14px;padding-top:12px}.shadowing-card-action button{height:auto;min-height:34px;color:var(--ink);box-shadow:none;background:#fff;border:1px solid #a9a9a2;border-radius:5px;padding:6px 11px;font-size:12px;font-weight:500;transition:background-color .14s,color .14s,border-color .14s}.shadowing-card-action button:hover{border-color:var(--ink);color:#fff;background:var(--ink);box-shadow:none;transform:none}.word-token{font-weight:inherit}.word-token:hover,.word-token:focus-visible{color:var(--ink);background:#eeeeea}.sentence-analysis{background:#fafaf8;border-color:#deded8;border-radius:6px}.analysis-whole-sentence{border-radius:4px}.sentence-analysis p{line-height:1.75}.add-line{color:#686863;border-radius:6px}.key-dialog,.new-course-dialog,.wordbook-panel,.dictionary-card,.shadowing-dialog{background:#fff;border:1px solid #191919;border-radius:10px;box-shadow:4px 4px #191919}.new-course-dialog input,.new-course-dialog textarea,.new-course-dialog select,.key-dialog input,.key-dialog textarea,.key-dialog select{background:#fff;border-color:#bdbdb7;border-radius:5px}.new-course-dialog h2,.key-dialog h2,.wordbook-panel h2,.dictionary-card h2{font-weight:600}.new-course-dialog button,.key-dialog button,.dictionary-card button,.wordbook-panel button{border-radius:5px}.course-source-tabs>button{border-radius:6px}.course-source-tabs>button.active{box-shadow:none;background:#f7f7f4;border-color:#191919}.attribution-preview{color:#62625e;background:#f7f7f4;border-color:#deded8;border-radius:5px}.dictionary-card,.wordbook-panel{color:var(--ink)}.dictionary-tabs button.active,.dictionary-source-tabs button.active{color:#fff;background:#191919;border-color:#191919}.shadowing-dialog>header{border-color:var(--line)}.shadowing-dialog>header button{border-radius:5px}.shadowing-dialog-body{background:#fff}.toast{background:#191919;border:1px solid #191919;border-radius:6px}.preview-panel{border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:8px;animation:none}.preview-question{border:2px solid var(--ink);box-shadow:none;background:#fff;border-radius:8px}.preview-question h3{font-weight:600}.preview-options button{background:#fff;border:1px solid #b5b5ae;border-radius:6px}.preview-options button:not(:disabled):hover{border-color:var(--ink);background:#f6f6f3;box-shadow:2px 2px #191919}.preview-source,.preview-result,.preview-complete button{border-radius:6px}.access-shell{background:#fafaf8}.access-card{border:1px solid var(--ink);background:#fff;border-radius:10px;box-shadow:4px 4px #191919}.access-card input,.access-card button{border-radius:5px}.app-shell.focus-mode{background:#fff}.focus-mode .video-stage,.focus-mode .subtitle-panel{border-radius:8px}@media (max-width:900px){.course-library,.subtitle-panel{border-radius:8px}.course-library .lesson-item{min-width:0}}@media (max-width:640px){.topbar{flex-wrap:wrap;gap:8px;height:auto;min-height:96px;padding:8px 12px}.brand{white-space:nowrap;flex:none}.header-actions{justify-content:space-between;gap:6px;width:100%}.header-actions .ghost-button,.header-actions .primary-button{white-space:nowrap;min-width:0;padding:7px 9px;font-size:11px}.header-actions .logout-button{white-space:nowrap}.subtitle-list{padding:10px}.subtitle-card,.subtitle-card.current{border-width:2px;border-radius:7px;margin-bottom:12px;padding:13px}.line-en{font-size:17px;line-height:1.65}.line-zh{font-size:13px;line-height:1.75}.line-actions button{min-height:36px;font-size:10px}.line-actions button:first-child{width:auto}.shadowing-card-action button{min-height:40px}.video-stage,.course-library,.subtitle-panel{border-radius:7px}.course-library .lesson-item{min-height:78px}.shadowing-dialog{box-shadow:none;border:0;border-radius:0}.new-course-dialog,.key-dialog,.dictionary-card,.wordbook-panel{box-shadow:2px 2px #191919}}@media (hover:none){.primary-button:hover{transform:none;box-shadow:2px 2px #aaa}.preview-options button:not(:disabled):hover{box-shadow:none}}@media (prefers-reduced-motion:reduce){.primary-button:hover,.transport button:not(:disabled):active,.library-toggle:hover,.course-library.collapsed .library-toggle:hover,.library-text-button:hover{transform:none}.subtitle-card{transition:none}}
:is(.header-actions .ghost-button,.header-actions .primary-button,.transport button,.caption-reset,.caption-settings>div>button,.library-toggle,.library-directory-tools .library-text-button,.new-course-submit,.dialog-submit,.new-course-dialog>.library-text-button,.inline-collection-form button,.library-editor .danger-text,.dictionary-save,.pronunciation-actions button,.wordbook-word-head>button,.preview-empty button,.preview-complete button,.preview-result>button,.preview-result-actions button,.preview-unknown,.access-card form>button,.video-load-error button,.card-tools button,.line-actions button,.shadowing-card-action button,.analysis-save,.edit-fields button){--jjx-action-shadow:2px 2px 0 #191919;box-shadow:var(--jjx-action-shadow);cursor:pointer;border:2px solid #191919;border-radius:6px;font-weight:500;transition:transform .13s,box-shadow .13s,background-color .13s,color .13s;transform:translate(0,0)}:is(.header-actions .ghost-button,.transport button:not(.play-button):not(.active-tool),.caption-reset,.caption-settings>div>button,.library-toggle,.library-directory-tools .library-text-button,.new-course-dialog>.library-text-button,.pronunciation-actions button,.wordbook-word-head>button,.preview-unknown,.card-tools button:not(.active),.line-actions button:not(.analysis-open):not(.repeating),.shadowing-card-action button,.edit-fields button){color:#191919;background:#fff}.transport button:not(.play-button):not(.active-tool) :is(span,small){color:inherit}.header-actions .primary-button{box-shadow:var(--jjx-action-shadow)}.transport{column-gap:8px}.transport-main,.transport-tools,.line-actions{gap:8px}.pronunciation-actions{gap:10px}.new-course-dialog>.library-text-button{margin-top:10px;padding:8px 12px}.library-directory-tools{gap:10px;margin:10px 0}.library-directory-tools .library-text-button{padding:5px 7px;font-size:10px}.library-toggle{min-width:28px;min-height:28px}@media (hover:hover){:is(.header-actions .ghost-button,.header-actions .primary-button,.transport button,.caption-reset,.caption-settings>div>button,.library-toggle,.library-directory-tools .library-text-button,.new-course-submit,.dialog-submit,.new-course-dialog>.library-text-button,.inline-collection-form button,.library-editor .danger-text,.dictionary-save,.pronunciation-actions button,.wordbook-word-head>button,.preview-empty button,.preview-complete button,.preview-result>button,.preview-result-actions button,.preview-unknown,.access-card form>button,.video-load-error button):not(:disabled):not([aria-disabled=true]):hover{box-shadow:none;transform:translate(2px,2px)translate(0,0)}}:is(.header-actions .ghost-button,.header-actions .primary-button,.transport button,.caption-reset,.caption-settings>div>button,.library-toggle,.library-directory-tools .library-text-button,.new-course-submit,.dialog-submit,.new-course-dialog>.library-text-button,.inline-collection-form button,.library-editor .danger-text,.dictionary-save,.pronunciation-actions button,.wordbook-word-head>button,.preview-empty button,.preview-complete button,.preview-result>button,.preview-result-actions button,.preview-unknown,.access-card form>button,.video-load-error button):not(:disabled):not([aria-disabled=true]):active{box-shadow:none;transform:translate(2px,2px)translate(0,0)}.subtitle-card :is(button,button:hover,button:active),.card-tools :is(button,button:hover,button:active){transform:translate(0,0)}.subtitle-card :is(.line-actions button,.shadowing-card-action button,.analysis-save,.edit-fields button),.card-tools button{box-shadow:none;border-width:1px}.subtitle-card :is(.line-actions button,.shadowing-card-action button,.analysis-save):not(:disabled):hover{color:#fff;background:#191919;border-color:#191919}:is(.header-actions,.transport,.caption-settings,.new-course-dialog,.key-dialog,.dictionary-card,.wordbook-panel,.preview-panel,.subtitle-panel,.access-card) button:disabled,[data-slot=button][aria-disabled=true]{cursor:not-allowed;opacity:.5;box-shadow:none;transform:translate(0,0)}:is(.header-actions .ghost-button,.header-actions button,.transport button,.new-course-dialog button,.dictionary-card button,.wordbook-panel button,.preview-panel button,.library-toggle):focus-visible{outline-offset:4px;outline:2px solid #191919}@media (max-width:640px){.transport{column-gap:3px}.transport-main,.transport-tools{gap:4px}.transport button{min-width:34px;height:48px;min-height:48px;padding:4px 2px}.transport .play-button{width:42px;min-width:42px;height:48px;min-height:48px}.header-actions .ghost-button,.header-actions .primary-button{padding:7px 8px}}@media (prefers-reduced-motion:reduce){:is(.header-actions,.transport,.caption-settings,.new-course-dialog,.key-dialog,.dictionary-card,.wordbook-panel,.preview-panel,.access-card,.library-directory-tools) :is(button,a):hover,:is(.header-actions,.transport,.caption-settings,.new-course-dialog,.key-dialog,.dictionary-card,.wordbook-panel,.preview-panel,.access-card,.library-directory-tools) :is(button,a):active,.library-toggle:hover,.library-toggle:active{transform:translate(0,0)!important}}
.workspace.with-library{transition:none}.wordbook-backdrop,.dictionary-backdrop{animation:.2s both jjx-backdrop-enter}.wordbook-panel{animation:.36s cubic-bezier(.22,1,.36,1) both jjx-wordbook-enter}.dictionary-card{animation:.32s cubic-bezier(.22,1,.36,1) both jjx-dictionary-enter}.new-course-dialog,.key-dialog{animation:.24s cubic-bezier(.22,1,.36,1) both jjx-dialog-enter}.preview-panel,.subtitle-panel{animation:.23s both jjx-mode-enter}.caption-settings{animation:.18s both jjx-settings-enter}.shadowing-dialog{animation:.26s cubic-bezier(.22,1,.36,1) both jjx-dialog-enter}@keyframes jjx-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes jjx-wordbook-enter{0%{opacity:0;transform:translateY(26vh)}to{opacity:1;transform:none}}@keyframes jjx-dictionary-enter{0%{opacity:0;transform:translate(calc(100% + 24px))}to{opacity:1;transform:none}}@keyframes jjx-dialog-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes jjx-mode-enter{0%{opacity:.25}to{opacity:1}}@keyframes jjx-settings-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.course-mode-switch,.mode-switch,.library-area-tabs{isolation:isolate;gap:0;padding:4px;display:grid;position:relative}.course-mode-switch,.library-area-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-switch{grid-template-columns:repeat(3,minmax(0,1fr))}.course-mode-switch:before,.mode-switch:before,.library-area-tabs:before{content:"";z-index:0;pointer-events:none;border-radius:5px;transition:transform .24s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;bottom:4px;left:4px}.course-mode-switch:before,.library-area-tabs:before{background:#191919;width:calc(50% - 4px)}.mode-switch:before{background:#191919;width:calc(33.3333% - 2.66667px)}.library-area-tabs:has(button:nth-child(2)[aria-pressed=true]):before{transform:translate(100%)}.course-mode-switch:has(button:nth-child(2).active):before{transform:translate(100%)}.mode-switch:has(button:nth-child(2).active):before{transform:translate(100%)}.mode-switch:has(button:nth-child(3).active):before{transform:translate(200%)}.course-mode-switch button,.mode-switch button,.library-area-tabs button{z-index:1;min-width:0;transition:color .16s;position:relative}.course-mode-switch button.active,.mode-switch button.active,.library-area-tabs button[aria-pressed=true]{box-shadow:none;color:#fff;background:0 0;border-color:#0000}.video-view-actions{isolation:isolate;background:#191919eb;border:1px solid #ffffff38;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:4px;display:grid}.video-view-actions:before{content:"";z-index:0;pointer-events:none;background:#fafaf9;border-radius:5px;width:calc(33.3333% - 2.66667px);transition:transform .24s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;bottom:4px;left:4px}.video-view-actions:has(button:nth-child(2).active):before{transform:translate(100%)}.video-view-actions:has(button:nth-child(3).active):before{transform:translate(200%)}.video-view-actions button{z-index:1;color:#d4d4d0;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:5px;min-width:42px;font-weight:600;transition:color .16s;position:relative}.video-view-actions button:hover{color:#fff;background:0 0}.video-view-actions button.active{color:#191919;background:0 0;border-color:#0000}.video-view-actions button:focus-visible{outline-offset:2px;outline:2px solid #fff}body,button,input,textarea,select{font-family:var(--font-ui)}.video-stage{box-shadow:0 12px 28px -12px #19191955,0 3px 8px #19191920}.video-stage:fullscreen{box-shadow:none}.copyright-dialog{color:#191919;background:#fafaf9;border:1px solid #191919;border-radius:10px;width:min(740px,100vw - 32px);max-height:85dvh;margin:auto;padding:0;box-shadow:5px 5px #191919}.copyright-dialog::backdrop{background:#0006}.copyright-dialog-header{z-index:1;background:#fafaf9;border-bottom:1px solid #dededb;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.copyright-dialog .legal-card{box-shadow:none;background:#fff;border:0;border-radius:0;margin:0;padding:24px}.copyright-dialog .legal-card section{background:#fafaf9;border:1px solid #dededb;border-radius:8px;padding:16px}.workspace{background-image:linear-gradient(#19191904 1px,#0000 1px),linear-gradient(90deg,#19191904 1px,#0000 1px);background-size:24px 24px}.subtitle-panel,.preview-panel,.transport,.card-tools,.course-credits{background-color:#fafaf9}.transport{border-radius:0 0 8px 8px;padding-inline:10px}.library-toggle{justify-content:center;align-items:center;padding:0;display:flex}.library-toggle svg{flex:none;width:18px;height:18px}.library-area-tabs button{justify-content:center;align-items:center;padding:0 4px;display:flex}.collection-more,.collection-more-spacer{flex:0 0 28px;width:28px}.subtitle-card,.subtitle-card.current{margin-bottom:12px;padding:13px}.subtitle-list:has(.reading-highlight) .subtitle-card.current{border-color:#deded8}.reading-highlight{z-index:2;pointer-events:none;border:2px solid #191919;border-radius:8px;position:absolute}.analysis-reveal{overflow:hidden}.sentence-accordion-item{box-shadow:none;border:0;display:contents}.line-actions [data-slot=accordion-trigger]{color:#191919;background:#fff;border:1px solid #dededb;border-radius:4px;gap:5px;padding:5px 7px;font-size:11px;font-weight:500}.line-actions [data-slot=accordion-trigger][data-state=open]{color:#fff;background:#191919;border-color:#191919}.line-actions [data-slot=accordion-trigger] svg{width:14px;height:14px}[data-slot=accordion-content]{transition:none}[data-slot=accordion-content]>div{padding:0}[data-slot=accordion-content][data-state=open]{animation:.22s cubic-bezier(.22,1,.36,1) jjx-accordion-down}[data-slot=accordion-content][data-state=closed]{animation:.22s cubic-bezier(.22,1,.36,1) jjx-accordion-up}@keyframes jjx-accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes jjx-accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.course-source-tabs,.dictionary-source-tabs,.wordbook-list{isolation:isolate;position:relative}.course-source-tabs,.dictionary-source-tabs{background:#f3f3f0;border:1px solid #e7e7e3;border-radius:7px;gap:0;padding:4px}.selection-indicator{z-index:0;pointer-events:none;background:#191919;border-radius:5px;transition:transform .24s cubic-bezier(.22,1,.36,1),width .24s,height .24s;position:absolute;top:0;left:0}:is(.course-source-tabs,.dictionary-source-tabs,.wordbook-list)>button{z-index:1;box-shadow:none;background:0 0;border-color:#0000;transition:color .16s;position:relative}:is(.course-source-tabs,.dictionary-source-tabs,.wordbook-list)>button:hover{box-shadow:none;background:0 0;border-color:#0000;transform:translate(0,0)}:is(.course-source-tabs,.dictionary-source-tabs,.wordbook-list)>button.active{color:#fff;box-shadow:none;background:0 0;border-color:#0000}:is(.course-source-tabs,.dictionary-source-tabs,.wordbook-list)>button.active :is(small,strong,span,i){color:inherit}.course-source-tabs>button.active b{color:#191919;background:#fff}.course-type-tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.course-type-tabs>button{text-align:center;justify-content:center;min-height:42px;padding:8px}.course-type-tabs>button b,.course-type-tabs>button.active b{width:auto;height:auto;color:inherit;background:0 0;font-size:12px}.wordbook-list>button.active i{background:#ffffff26}.copyright-dialog[open]{animation:.36s cubic-bezier(.22,1,.36,1) both jjx-wordbook-enter}.copyright-dialog[open]::backdrop{animation:.2s both jjx-backdrop-enter}.subtitle-list:has(.reading-highlight):after{content:"";height:var(--reading-tail,0px);display:block}.line-actions button{height:auto;min-height:30px;padding:5px 7px;font-size:11px}.transport-tools .repeat-toggle[aria-pressed=true]{color:#fff;background:#191919}@media (max-width:640px){.transport{grid-template-columns:1fr auto;gap:10px}.transport-main{grid-area:1/1;justify-content:flex-start}.transport-tools{grid-area:1/2}.time-readout{grid-area:2/1/auto/-1}.transport button{min-width:40px;padding-inline:4px}.transport-main button,.transport-tools button{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.transport button span{line-height:1}.transport button small,.transport-tools button:last-child small{white-space:nowrap;margin:0;font-size:9px;line-height:1.2;display:block}.subtitle-card,.subtitle-card.current{padding:12px}}@media (prefers-reduced-motion:reduce){.wordbook-backdrop,.dictionary-backdrop,.wordbook-panel,.dictionary-card,.new-course-dialog,.key-dialog,.preview-panel,.subtitle-panel,.caption-settings,.shadowing-dialog{animation:none!important}.course-mode-switch:before,.mode-switch:before,.library-area-tabs:before,.video-view-actions:before,.reading-highlight,.selection-indicator{transition:none}[data-slot=accordion-content],.copyright-dialog[open],.copyright-dialog[open]::backdrop{animation:none!important}.subtitle-list{scroll-behavior:auto}}
.portrait-header-actions,.portrait-mode-strip,.portrait-bottom-nav,.portrait-more-drawer,.portrait-drawer-scrim{display:none}.focus-mode .subtitle-panel{min-height:0;overflow:hidden}.focus-mode .subtitle-list{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;min-height:0;scroll-padding-top:7px;overflow-y:auto}@media (orientation:portrait){.app-shell{height:100dvh;padding:0 0 calc(60px + env(safe-area-inset-bottom));background:#fff;overflow:hidden}.topbar,.lesson-head{display:none}.workspace.with-library,.workspace.with-library.library-collapsed{width:100%;height:calc(100dvh - 60px - env(safe-area-inset-bottom));flex-direction:column;gap:0;max-width:none;padding:0;display:flex;overflow:hidden}.player-column,.subtitle-panel,.preview-panel{width:100%;min-width:0}.workspace.with-library:not(.preview-view) .player-column{flex:none;order:1}.workspace.with-library:not(.preview-view) .subtitle-panel{flex:1;order:2;min-height:0}.video-stage{aspect-ratio:16/9;width:100%;max-height:31dvh;box-shadow:none;border-radius:0}.video-view-actions{top:7px;right:7px}.video-view-actions button{min-width:38px;height:30px;padding:0 8px;font-size:9px}.video-cache-status{min-height:30px;top:8px;left:8px}.video-caption{padding:6px 9px;bottom:7px}.transport{background:#fff;border-bottom:0;grid-template-columns:48px auto minmax(112px,1fr);column-gap:4px;height:52px;min-height:52px;padding:3px 7px;display:grid}.time-readout{grid-area:1/1;padding:0;font-size:9px}.time-readout b{font-size:11px}.time-readout span{display:none}.transport-main{grid-area:1/2;justify-content:center;gap:1px}.transport-tools{grid-area:1/3;justify-content:flex-end;gap:1px}.transport button,.transport-main button,.transport-tools button{border-radius:6px;gap:2px;width:auto;min-width:32px;height:38px;min-height:38px;padding:2px}.transport .play-button{width:38px;min-width:38px;height:38px;min-height:38px;box-shadow:none;border-radius:8px}.transport button span{font-size:15px;line-height:1}.transport .repeat-icon{color:#191919;place-items:center;display:grid}.transport .repeat-icon svg{stroke-width:2.2px;width:15px;height:15px}.transport .repeat-toggle[aria-pressed=true] .repeat-icon{color:#fff}.transport .playback-icon{transform:scale(.82)}.transport button small,.transport-tools button:last-child small{margin:0;font-size:7px;line-height:1;display:block}.course-credits{display:none}.portrait-mode-strip{background:#fff;border-top:1px solid #f1f1f3;border-bottom:1px solid #e4e4e7;align-items:center;gap:2px;height:42px;min-height:42px;padding:4px 8px;display:flex;overflow:hidden}.portrait-mode-strip button{color:#71717a;background:0 0;border:0;border-radius:7px;flex:none;min-width:0;height:30px;min-height:30px;padding:0 8px;font-size:9px;font-weight:750}.portrait-mode-strip button.active{color:#fff;background:#18181b}.portrait-mode-strip i{background:#e4e4e7;flex:none;width:1px;height:17px;margin:0 2px}.portrait-card-status{color:#8a8a92;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:8px;overflow:hidden}.portrait-mode-strip .portrait-edit-button{color:#18181b;background:#fff;border:1px solid #18181b;padding:0 7px}.portrait-mode-strip .portrait-edit-button.active{color:#fff;background:#18181b}.subtitle-panel{height:auto;min-height:0;max-height:none;box-shadow:none;border-left:0;border-right:0;border-radius:0;margin:0}.card-tools{display:none}.subtitle-list{min-height:0;padding:7px 8px calc(12px + env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto}.subtitle-card,.subtitle-card.current{border-width:1px;border-radius:10px;margin-bottom:7px;padding:10px 11px}.subtitle-card.current{border-width:2px;padding:9px 10px}.line-meta{flex-wrap:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.line-actions{flex-wrap:nowrap;justify-content:flex-end;gap:3px;width:auto;margin:0 0 0 auto;display:flex}.line-actions button,.line-actions button:first-child{white-space:nowrap;border-radius:7px;flex:none;width:auto;min-width:0;height:29px;min-height:29px;padding:3px 7px;font-size:8px}.line-actions [data-slot=accordion-trigger] svg{width:10px;height:10px}.line-en{margin-top:7px;font-size:16px;line-height:1.42}.line-zh{margin-top:4px;font-size:13px;line-height:1.5}.workspace>.course-library{width:min(92vw,620px);height:min(82dvh,760px);min-height:0;padding:18px 14px calc(18px + env(safe-area-inset-bottom));z-index:92;opacity:0;pointer-events:none;transition:transform .28s var(--motion),opacity .18s ease;border-radius:22px 22px 0 0;display:block;position:fixed;bottom:0;left:50%;overflow:auto;transform:translate(-50%,104%)}.workspace>.course-library.portrait-open{opacity:1;pointer-events:auto;transform:translate(-50%)}.workspace>.course-library .course-directory{max-height:none;overflow:visible}.workspace>.course-library .library-head{z-index:2;background:#fff;padding:12px 6px;position:sticky;top:-18px}.workspace>.course-library .lesson-list{display:block;overflow:visible}.workspace>.course-library .lesson-item{width:100%}.portrait-drawer-scrim{z-index:90;background:#09090b7a;border:0;animation:.18s both fade-in;display:block;position:fixed;inset:0}.portrait-more-drawer{width:min(92vw,620px);padding:9px 14px calc(20px + env(safe-area-inset-bottom));z-index:92;opacity:0;pointer-events:none;transition:transform .28s var(--motion),opacity .18s ease;background:#fff;border:1px solid #e4e4e7;border-bottom:0;border-radius:22px 22px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%,104%);box-shadow:0 -16px 48px #00000024}.portrait-more-drawer.open{opacity:1;pointer-events:auto;transform:translate(-50%)}.portrait-drawer-handle{background:#d4d4d8;border-radius:99px;width:38px;height:4px;margin:0 auto 9px}.portrait-more-drawer header{justify-content:space-between;align-items:center;min-height:46px;display:flex}.portrait-more-drawer header strong{font-size:18px}.portrait-more-drawer header button{color:#52525b;background:#f4f4f5;border:0;border-radius:11px;width:38px;height:38px;font-size:22px}.portrait-more-drawer>button,.portrait-more-drawer>a{color:#27272a;text-align:left;background:0 0;border:0;border-top:1px solid #f1f1f3;align-items:center;gap:12px;min-height:62px;padding:9px 7px;text-decoration:none;display:flex}.portrait-more-drawer>button>b,.portrait-more-drawer>a>b{background:#f4f4f5;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.portrait-more-drawer>button>span,.portrait-more-drawer>a>span{flex-direction:column;gap:3px;font-weight:750;display:flex}.portrait-more-drawer small{color:#8a8a92;font-size:10px;font-weight:500}.portrait-bottom-nav{height:calc(60px + env(safe-area-inset-bottom));padding:4px 8px env(safe-area-inset-bottom);z-index:80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;border-top:1px solid #e4e4e7;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 22px #0000000d}.portrait-bottom-nav button{color:#8a8a92;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:0;display:flex}.portrait-bottom-nav button span{min-height:19px;font-size:16px;font-weight:850;line-height:1}.portrait-bottom-nav button small{font-size:9px;font-weight:650}.portrait-bottom-nav button.active{color:#18181b}.portrait-bottom-nav .portrait-home-mark{position:relative;overflow:visible}.portrait-bottom-nav .portrait-home-mark .brand-mark{color:#fff;background:#18181b;border-radius:10px;place-items:center;width:38px;height:38px;min-height:38px;font-size:19px;display:grid;transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.wordbook-backdrop{align-items:end;padding:0}.wordbook-panel{border-radius:22px 22px 0 0;width:100%;max-width:none;height:90dvh}.grammar-backdrop{justify-content:center;align-items:flex-end}.grammar-drawer{border-top:1px solid #d4d4d8;border-left:0;border-radius:22px 22px 0 0;width:100%;height:min(90dvh,900px);box-shadow:0 -16px 48px #0000002e}.grammar-drawer-head{min-height:92px;padding:18px 18px 14px}.grammar-drawer-head h2{font-size:23px}.grammar-drawer-scroll{padding:16px 18px calc(28px + env(safe-area-inset-bottom))}.grammar-current-use blockquote{font-size:17px}.app-shell.focus-mode{height:100dvh;min-height:0;padding:0;overflow:hidden}.focus-mode .workspace.with-library,.focus-mode .workspace.with-library.library-collapsed{flex-direction:column;gap:0;width:100%;height:100dvh;min-height:0;padding:0;display:flex;overflow:hidden}.focus-mode .player-column{flex:none;height:auto;min-height:0}.focus-mode .video-stage{aspect-ratio:16/9;border-radius:0;flex:none;height:min(56.25vw,31dvh);min-height:0;max-height:31dvh}.focus-mode .subtitle-panel{flex:1 1 0;height:auto;min-height:0;max-height:none;overflow:hidden}.focus-mode .subtitle-list{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:1 1 0;height:auto;min-height:0;overflow-y:auto}.focus-mode .portrait-bottom-nav{display:none}}@media (max-width:640px){.dictionary-card{box-shadow:none;border:0;border-radius:18px}.dictionary-card-head{border-bottom:1px solid #eeeeef}.dictionary-card .dictionary-close{box-shadow:none;background:#f3f4f6;border:0;border-radius:50%}.dictionary-card :is(.pronunciation-actions button,.dictionary-save){color:#3f3f46;box-shadow:none;background:#f5f6f7;border:1px solid #e5e7eb;border-radius:999px;font-weight:650}.dictionary-card :is(.pronunciation-actions button,.dictionary-save):is(:hover,:active){box-shadow:none;background:#f1f1f3;border-color:#d4d4d8;transform:translate(0,0)}.dictionary-card .dictionary-source-tabs{background:0 0;border:0;border-bottom:1px solid #eeeeef;border-radius:0;gap:18px;padding:0}.dictionary-card .dictionary-source-tabs>.selection-indicator{display:none}.dictionary-card .dictionary-source-tabs>button{color:#8a8a92;min-height:34px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:5px 1px 7px;position:relative}.dictionary-card .dictionary-source-tabs>button.active{color:#18181b;background:0 0}.dictionary-card .dictionary-source-tabs>button.active:after{content:"";background:#18181b;border-radius:99px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.dictionary-card .dictionary-sense{border-bottom:1px solid #eeeeef}.dictionary-card .dictionary-sense-head span,.dictionary-card .dictionary-sense-head i{color:#a1a1aa;background:0 0;padding:0}.dictionary-card .translation-block>b,.dictionary-card .english-definition>b{font-size:12px;font-weight:700}.dictionary-card .dictionary-definition-list{gap:2px}.dictionary-card .dictionary-definition-list li{background:0 0;border:0;border-radius:0;align-items:baseline;padding:4px 0}.dictionary-card .dictionary-definition-list li>span{color:#a1a1aa;text-align:left;background:0 0;min-width:36px;padding:0;font-size:10px;font-weight:500}.dictionary-card .dictionary-definition-list li>p{color:#35353a;line-height:1.55}.dictionary-card .dictionary-word-forms{gap:0}.dictionary-card .dictionary-word-forms>div{background:0 0;border-bottom:1px solid #f1f1f3;border-radius:0;padding:6px 0}.dictionary-card .dictionary-word-forms>div:last-child{border-bottom:0}.wordbook-panel{border-radius:20px 20px 0 0;width:100%;max-width:none;height:90dvh}.wordbook-layout{min-height:0;transition:grid-template-columns .22s var(--motion);grid-template-rows:minmax(0,1fr);grid-template-columns:clamp(118px,34vw,154px) minmax(0,1fr);display:grid;position:relative;overflow:hidden}.wordbook-layout.index-collapsed{grid-template-columns:0 minmax(0,1fr)}.wordbook-index-toggle{z-index:5;color:#52525b;width:24px;height:40px;transition:left .22s var(--motion),background-color .16s ease;background:#fff;border:1px solid #d4d4d8;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:8px;left:calc(clamp(118px,34vw,154px) - 12px)}.wordbook-index-toggle svg{stroke-width:2.2px;width:14px;height:14px}.wordbook-layout.index-collapsed .wordbook-index-toggle{left:6px}.wordbook-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#f7f7f8;border-bottom:0;border-right:1px solid #e4e4e7;min-width:0;height:100%;padding:0 6px 8px;transition:opacity .15s;display:block;overflow:hidden auto}.wordbook-layout.index-collapsed .wordbook-list{opacity:0;visibility:hidden;pointer-events:none;border-right:0;padding-left:0;padding-right:0;overflow:hidden}.wordbook-tools{background:#f7f7f8f7;border-bottom:1px solid #e4e4e7;margin:0 -6px 6px;padding:7px 6px 6px;top:0}.wordbook-tools input{border-radius:8px;height:32px;padding:0 8px;font-size:10px}.wordbook-tools>div{border-radius:7px;gap:2px;margin-top:5px;padding:2px}.wordbook-tools>div button{border-radius:5px;height:25px;padding:0 2px;font-size:8px}.wordbook-tools>div small,.wordbook-list>.selection-indicator{display:none}.wordbook-list>button{text-align:left;background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;width:100%;min-width:0;min-height:44px;margin:0 0 4px;padding:6px 7px;display:flex}.wordbook-list>button.active{color:#fff;box-shadow:none;background:#18181b}.wordbook-list i{color:#8a8a92;background:0 0;padding:0;font-size:7px}.wordbook-list>button.active i{color:#d4d4d8;background:0 0}.wordbook-list strong{text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:none;font-size:12px;line-height:1.25;overflow:hidden}.wordbook-list span{display:none}.wordbook-list .wordbook-empty{padding:20px 5px;font-size:10px}.wordbook-detail{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-width:0;height:100%;transition:padding-left .22s var(--motion);padding:13px 11px 18px;overflow-y:auto}.wordbook-layout.index-collapsed .wordbook-detail{padding-left:34px}.wordbook-word-head{gap:7px}.wordbook-word-head h3{font-size:clamp(21px,6.5vw,28px)}.wordbook-word-head>button{padding:5px 6px;font-size:8px}.wordbook-detail .dictionary-source-tabs{grid-template-columns:1fr}}
.header-brand-actions{flex:none;align-items:center;gap:18px;display:flex}.header-brand-actions .admin-link{border:2px solid #191919;border-radius:6px;font-size:12px;box-shadow:2px 2px #191919}.app-shell:not(.focus-mode) .workspace.with-library.top-course-navigation:not(.preview-view){grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)}.app-shell:not(.focus-mode) .workspace.with-library.top-course-navigation.preview-view{grid-template-columns:minmax(0,1fr)}.app-shell .header-actions .ghost-button.courses-button{display:inline-flex}.header-actions .courses-button[aria-expanded=true]{color:#fff;background:#191919}.course-library-scrim{z-index:19;background:#09090b26;border:0;display:block;position:fixed;inset:0}.course-library.course-library-popover{z-index:92;background:#fff;border-radius:10px;flex-direction:column;gap:0;width:min(440px,100vw - 32px);height:auto;min-height:0;max-height:calc(100dvh - 98px);padding:18px 14px 14px;animation:.18s both jjx-settings-enter;display:flex;position:fixed;inset:82px 3.2vw auto auto;overflow:hidden;box-shadow:0 12px 40px #0002}.course-library-popover .library-head{flex:none;align-items:center;padding:0 4px 14px}.course-library-popover .library-head h2{font-size:19px}.course-library-popover .library-area-tabs,.course-library-popover .library-directory-tools,.course-library-popover .library-note{flex:none}.course-library-popover .course-directory{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;max-height:none;padding-right:3px;display:block;overflow-y:auto}.course-library-popover .lesson-item{width:100%;min-width:0}@media (max-width:900px){.app-shell:not(.focus-mode) .workspace.with-library.top-course-navigation:not(.preview-view){grid-template-columns:minmax(0,1fr)}}@media (min-width:641px) and (max-width:1100px){.topbar{gap:12px;padding-inline:16px}.header-brand-actions{gap:12px}.header-actions{gap:8px}.header-actions .ghost-button,.header-actions .primary-button{white-space:nowrap;padding-inline:10px;font-size:12px}.header-actions .current-user{display:none}}@media (min-width:641px) and (orientation:portrait){.app-shell:not(.focus-mode) .topbar{height:72px;display:flex}.app-shell:not(.focus-mode) .workspace.with-library.top-course-navigation{height:calc(100dvh - 132px - env(safe-area-inset-bottom))}.portrait-bottom-nav>button:first-child{display:none}.portrait-bottom-nav{grid-template-columns:repeat(4,1fr)}}@media (max-width:640px) and (orientation:portrait){.course-library-scrim{z-index:90;background:#09090b7a}.course-library.course-library-popover{width:min(92vw,620px);max-height:82dvh;padding:18px 14px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;animation:none;inset:auto auto 0 50%;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.course-library.course-library-popover{animation:none}}.subtitle-column{min-width:0;min-height:0}.workspace.top-course-navigation .lesson-head{gap:0;width:100%;margin:0 0 12px;padding:0}.lesson-title-head .lesson-title{width:100%}.lesson-controls-head{justify-content:flex-end}.lesson-controls-head .lesson-view-controls{flex-wrap:wrap;justify-content:flex-end}.subtitle-column>.subtitle-panel{position:static}@media (orientation:landscape){.app-shell:not(.focus-mode) .workspace.top-course-navigation:not(.preview-view){padding-top:14px}.subtitle-column{position:sticky;top:86px}}.focus-mode .subtitle-column{flex-direction:column;height:100%;display:flex;position:static;overflow:hidden}.focus-mode .subtitle-column>.subtitle-panel{flex:1;height:100%;min-height:0}@media (orientation:portrait){.subtitle-column{flex-direction:column;flex:1 1 0;order:2;width:100%;min-height:0;display:flex;overflow:hidden}.subtitle-column>.subtitle-panel{flex:1 1 0;height:auto;min-height:0}}@media (min-width:901px) and (orientation:landscape){.app-shell.study-mode:not(.focus-mode){flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.app-shell.study-mode:not(.focus-mode)>.topbar{flex:none}.app-shell.study-mode:not(.focus-mode) .workspace.top-course-navigation:not(.preview-view){flex:1 1 0;min-height:0;padding-bottom:16px;overflow:hidden}.app-shell.study-mode:not(.focus-mode) .player-column{overscroll-behavior:contain;touch-action:pan-y pinch-zoom;scrollbar-gutter:stable;height:100%;min-height:0;overflow-y:auto}.app-shell.study-mode:not(.focus-mode) .subtitle-column{flex-direction:column;height:100%;min-height:0;display:flex;position:static;overflow:hidden}.app-shell.study-mode:not(.focus-mode) .subtitle-column>.lesson-head{flex:none}.app-shell.study-mode:not(.focus-mode) .subtitle-column>.subtitle-panel{flex:1 1 0;height:auto;min-height:0;max-height:none}.app-shell.study-mode:not(.focus-mode) .subtitle-list{overscroll-behavior:contain;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;min-height:0;overflow-y:auto}.app-shell.study-mode:not(.focus-mode) .caption-settings{z-index:120;overscroll-behavior:contain;max-height:calc(100dvh - 110px);position:fixed;inset:auto auto 18px max(18px,52vw - 960px);overflow-y:auto}.app-shell :is(.player-column,.subtitle-list){scrollbar-width:thin;scrollbar-color:#b8b8b1 transparent}.app-shell .player-column{scrollbar-color:transparent transparent}.app-shell .player-column:is(:hover,:focus-within){scrollbar-color:#b8b8b1 transparent}@supports selector(::-webkit-scrollbar){.app-shell :is(.player-column,.subtitle-list){scrollbar-width:auto;scrollbar-color:auto}.app-shell .player-column:is(:hover,:focus-within){scrollbar-color:auto}.app-shell :is(.player-column,.subtitle-list)::-webkit-scrollbar{width:2px;height:2px}.app-shell :is(.player-column,.subtitle-list)::-webkit-scrollbar-track{background:0 0}.app-shell :is(.player-column,.subtitle-list)::-webkit-scrollbar-thumb{background:#b8b8b1;border-radius:999px}.app-shell :is(.player-column,.subtitle-list)::-webkit-scrollbar-thumb:hover{background:#96968e}.app-shell :is(.player-column,.subtitle-list)::-webkit-scrollbar-button{width:0;height:0;display:none}.app-shell :is(.player-column,.subtitle-list)::-webkit-scrollbar-corner{background:0 0}.app-shell .player-column::-webkit-scrollbar-thumb{background:0 0}.app-shell .player-column:is(:hover,:focus-within)::-webkit-scrollbar-thumb{background:#b8b8b1}}}
.dictionary-card{background:#fff;border:1px solid #dededb;border-radius:12px;width:min(620px,100%);padding:0;box-shadow:0 16px 56px #00000024}.dictionary-card-head{border-bottom:0;padding:26px 28px 0}.dictionary-card-scroll{padding:0 28px 26px}.dictionary-card h2{letter-spacing:-.025em;margin:7px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:38px;font-weight:500}.dictionary-card .dictionary-kicker{color:#6b6b68;letter-spacing:0;font-size:12px;font-weight:500}.dictionary-card .dictionary-close{color:#555;width:40px;height:40px;box-shadow:none;background:0 0;border:0;border-radius:6px;top:18px;right:18px}.dictionary-card .dictionary-close:hover{background:#f3f3ef}.dictionary-reading-phonetics{color:#666761;flex-wrap:wrap;gap:4px 16px;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.8;display:flex}.dictionary-reading-phonetics>span{white-space:normal;overflow-wrap:anywhere}.dictionary-reading-phonetics>span>span{font-family:var(--font-ui);font-size:13px}.dictionary-reading-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.dictionary-reading-actions .pronunciation-actions{gap:7px;margin:0;display:flex}.dictionary-card .dictionary-reading-actions :is(.pronunciation-actions button,.dictionary-save){color:#333;height:auto;min-height:38px;box-shadow:none;background:#fff;border:1px solid #e0e1dc;border-radius:6px;margin:0;padding:7px 11px;font-size:12px;font-weight:500;transform:translate(0,0)}.dictionary-card .dictionary-reading-actions .dictionary-save{color:#fff;background:#191919;border-color:#191919}.dictionary-card .dictionary-reading-actions .dictionary-save.saved{color:#60645a;background:#f3f4ef;border-color:#e0e1dc}.dictionary-card .dictionary-reading-actions button:hover{color:#191919;box-shadow:none;background:#f3f4ef;transform:translate(0,0)}.dictionary-reading-actions .pronunciation-actions button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.dictionary-reading-actions .pronunciation-actions svg{width:17px;height:17px}.wordbook-detail .pronunciation-actions button{align-items:center;gap:6px;display:inline-flex}.wordbook-detail .pronunciation-actions svg{width:17px;height:17px}.dictionary-card .level-tags{gap:6px;margin:0 0 16px}.dictionary-card .level-tags span{color:#63665d;background:#f1f3ed;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:500}:is(.dictionary-card,.wordbook-detail) .dictionary-source-tabs{background:0 0;border:0;border-bottom:1px solid #e6e7e1;border-radius:0;flex-wrap:wrap;gap:18px;margin-top:18px;padding:0;display:flex}:is(.dictionary-card,.wordbook-detail) .dictionary-source-tabs>.selection-indicator{display:none}:is(.dictionary-card,.wordbook-detail) .dictionary-source-tabs>button{color:#73766e;min-height:40px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:8px 0;font-size:12px;font-weight:500;position:relative}:is(.dictionary-card,.wordbook-detail) .dictionary-source-tabs>button.active{color:#191919;box-shadow:none;background:0 0;border-color:#0000;font-weight:650}:is(.dictionary-card,.wordbook-detail) .dictionary-source-tabs>button.active:after{content:"";background:#191919;border-radius:0;height:2px;position:absolute;inset:auto 0 -1px}:is(.dictionary-card,.wordbook-detail) .dictionary-source-tabs>button small{color:#73766e;font-size:10px}.dictionary-reading-entries{margin-top:20px}.dictionary-reading-context{overflow-wrap:anywhere;background:#f5f6f1;border-left:3px solid #242621;margin-top:20px;padding:12px 14px}.dictionary-reading-context>small{color:#6b6f65;font-size:11px}.dictionary-reading-context>p{color:#242621;margin:5px 0 0;font-size:14px;line-height:1.7}.dictionary-reading-context+.definition .dictionary-reading-entries{margin-top:24px}.dictionary-reading-sense{border-bottom:1px solid #e6e7e1;grid-template-columns:23px minmax(0,1fr);align-items:start;gap:10px;margin:0 0 22px;padding:0 0 20px;display:grid}.dictionary-reading-number{color:#797c73;font-family:Georgia,serif;font-size:22px;line-height:1.4}.dictionary-reading-body{overflow-wrap:anywhere;min-width:0}.dictionary-reading-original{display:block}.dictionary-reading-heading{line-height:1.65}.dictionary-reading-heading .dictionary-reading-zh{display:inline}.definition .dictionary-reading-heading .dictionary-reading-zh p{margin:0;display:inline}.definition .dictionary-reading-heading .dictionary-reading-zh p+p:before{content:"；"}.dictionary-reading-labels{color:#73766e;margin-right:8px;font-family:Georgia,serif;font-size:12px;font-weight:400;display:inline}.dictionary-reading-labels>span+span{margin-left:6px}.dictionary-reading-labels>span:first-child{font-style:italic}.definition .dictionary-reading-zh p{color:#242621;margin:0 0 5px;font-size:16px;font-weight:600;line-height:1.65}.definition .dictionary-reading-en p{color:#383c34;margin:9px 0;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.7}.dictionary-reading-pos{color:#73766e;font-family:var(--font-ui);margin-right:8px;font-size:12px;font-weight:400}.dictionary-reading-body h3{color:#6b6f65;margin:0 0 7px;font-size:12px;font-weight:500}.dictionary-reading-original .dictionary-reading-en{margin-top:17px}.dictionary-reading-example{border-left:2px solid #e1e4dc;margin:12px 0;padding:0 0 0 12px}.definition .dictionary-reading-example p{color:#35392f;margin:3px 0;font-size:14px;line-height:1.7}.definition .dictionary-reading-example p[lang=zh-CN]{color:#6b6f65;font-size:12px}.dictionary-reading-collocations{margin-top:13px;font-size:12px;line-height:1.9}.dictionary-reading-collocation{display:inline}.dictionary-reading-collocations strong{color:#34382f;font-size:13px;font-weight:550}.dictionary-reading-collocations span{color:#6b6f65}.definition .dictionary-reading-more{margin:0 0 22px}.definition .dictionary-reading-more>summary{color:#4f5549;background:#f5f6f1;border-radius:6px;padding:9px 12px;font-size:12px;font-weight:500}.dictionary-more-open,.dictionary-reading-more[open]>summary .dictionary-more-closed{display:none}.dictionary-reading-more[open]>summary .dictionary-more-open{display:inline}.dictionary-reading-more[open]>.dictionary-reading-sense:first-of-type{margin-top:20px}:is(.dictionary-card,.wordbook-detail) .dictionary-usage-notes{background:0 0;border:0;border-radius:0;margin-top:16px;padding:0}:is(.dictionary-card,.wordbook-detail) .dictionary-usage-notes b{color:#6b6f65;letter-spacing:0;font-size:12px;font-weight:500}:is(.dictionary-card,.wordbook-detail) .dictionary-usage-notes p{color:#6b6f65;font-size:12px}:is(.dictionary-card,.wordbook-detail) .definition>small{color:#73766e;font-size:11px}@media (max-width:640px){.dictionary-card{box-shadow:none;border:0;border-radius:18px}.dictionary-card-head{padding:22px 20px 0}.dictionary-card-scroll{padding:0 20px 24px}.dictionary-card h2{font-size:35px}.dictionary-card .dictionary-reading-actions button{min-height:44px;padding-inline:9px}.dictionary-reading-actions,.dictionary-reading-actions .pronunciation-actions{gap:6px}.dictionary-reading-sense{grid-template-columns:19px minmax(0,1fr);gap:8px}.dictionary-reading-original{display:block}.dictionary-reading-number{font-size:20px}:is(.dictionary-card,.wordbook-detail) .dictionary-source-tabs{gap:14px}:is(.dictionary-card,.wordbook-detail) .dictionary-source-tabs>button,.definition .dictionary-reading-more>summary{min-height:44px}.wordbook-detail .dictionary-reading-sense{grid-template-columns:16px minmax(0,1fr);gap:6px}.wordbook-detail .dictionary-reading-original{display:block}.wordbook-detail .dictionary-reading-zh p,.wordbook-detail .dictionary-reading-en p{font-size:14px}}
.sentence-reading-guide{background:#fff;border:1px solid #deded8;border-radius:6px;margin:14px 0;padding:14px}.sentence-reading-guide h3{color:#18181b;margin:0 0 14px;font-size:14px;font-weight:800}.sentence-reading-guide .reading-source{color:#18181b;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 16px;font-size:19px;line-height:2.15}.sentence-reading-guide .reading-focus{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#f5f5f2;border-bottom:3px solid #18181b;padding:4px 0}.sentence-reading-guide .reading-steps{border-top:1px solid #deded8;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-top:14px;display:flex}.sentence-reading-guide .reading-steps button{color:#18181b;text-align:left;overflow-wrap:anywhere;background:#fff;border:1px solid #deded8;border-radius:5px;max-width:100%;min-height:44px;padding:8px 11px;font-size:13px;line-height:1.5}.sentence-reading-guide .reading-steps button[aria-pressed=true]{color:#fff;background:#18181b;border-color:#18181b}.sentence-reading-guide .reading-trail{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.sentence-reading-guide .reading-trail button{text-align:left;color:#52525b;overflow-wrap:anywhere;background:0 0;border:0;max-width:100%;min-height:44px;padding:6px 0;font-size:12px}.sentence-reading-guide .reading-grammar-links{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.sentence-reading-guide .reading-grammar-links button,.sentence-reading-guide .reading-children button{color:#18181b;text-align:left;overflow-wrap:anywhere;background:#fff;border:1px solid #deded8;border-radius:5px;max-width:100%;min-height:44px;padding:8px 10px;font-size:13px}.sentence-reading-guide .reading-grammar-links span,.sentence-reading-guide .reading-children span{color:#71717a;margin-top:3px;font-size:11px;display:block}.sentence-reading-guide .reading-children{border-top:1px solid #e8e8e4;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;display:flex}.sentence-reading-guide .reading-children>p{flex-basis:100%}.sentence-analysis .analysis-expressions-title{color:#18181b;border-top:1px solid #deded8;margin:16px 0 0;padding-top:12px;font-size:14px}.sentence-reading-guide h4{color:#18181b;margin:1px 0 6px;font-size:14px;font-weight:750;line-height:1.5}.sentence-reading-guide blockquote{color:#18181b;overflow-wrap:anywhere;background:#f5f5f2;border-left:2px solid #18181b;margin:0 0 6px;padding:5px 8px;font-size:14px;font-weight:650;line-height:1.6}.sentence-reading-guide p{color:#52525b;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.75}.brand-mark.brand-logo{flex:none;padding:3px}.brand-mark.brand-logo img{object-fit:contain;filter:invert();width:100%;height:100%;display:block}.admin-brand .brand-logo img{filter:none}@media (max-width:640px){.sentence-reading-guide{padding:11px}.sentence-reading-guide .reading-source{font-size:17px}}
.course-mode-switch{grid-template-columns:repeat(3,minmax(0,1fr))}.course-mode-switch:before{width:calc(33.3333% - 2.66667px)}.course-mode-switch:has(button:nth-child(3).active):before{transform:translate(200%)}.cloze-panel{flex-direction:column;display:flex;overflow:hidden}.cloze-head{border-bottom:1px solid var(--line);flex:none;padding:14px 18px 12px}.cloze-head>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.cloze-head strong{font-size:20px}.cloze-head span,.cloze-head p{color:var(--muted);font-size:13px}.cloze-head p{margin:5px 0 0;line-height:1.5}.cloze-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:12px;overflow-y:auto}.cloze-card{box-shadow:none;cursor:default;background:#fff;border:2px solid #18181b;padding:22px}.cloze-panel .cloze-card.subtitle-card.current{gap:8px;padding:14px 16px}.cloze-card-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.cloze-card button,.cloze-navigation button{background:#fff;border:1px solid #d4d4d8;border-radius:9px;min-height:42px;padding:9px 14px;font-size:14px;font-weight:650}.cloze-sentence{overflow-wrap:anywhere;margin:8px 0 14px;font-size:22px;line-height:1.85}.cloze-blank{vertical-align:baseline;align-items:center;max-width:100%;margin:0 3px;display:inline-flex;position:relative}.cloze-blank input{outline-offset:3px;width:9ch;max-width:100%;min-height:42px;font-size:inherit;text-align:center;background:#f4f4f5;border:0;border-bottom:2px solid #18181b;border-radius:0;padding:5px 5px 4px;line-height:1.4}.cloze-blank input::placeholder{color:#8a8a92;font-size:14px}.cloze-blank.correct input{color:#166534;background:#f0fdf4;border-color:#15803d}.cloze-blank.wrong input{color:#991b1b;background:#fef2f2;border-color:#dc2626}.cloze-blank.empty input{background:#fffbeb;border-color:#a16207}.cloze-mark{width:20px;padding-left:3px;font-size:20px;font-weight:800;line-height:1}.cloze-blank.correct .cloze-mark{color:#15803d}.cloze-blank.wrong .cloze-mark{color:#dc2626}.cloze-blank.empty .cloze-mark{color:#a16207}.cloze-check-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cloze-card .cloze-check{color:#fff;background:#18181b;border-color:#18181b}.cloze-check-row p{color:#52525b;flex:1;min-width:140px;margin:0;font-size:14px;line-height:1.6}.cloze-help,.cloze-subtitle-note{color:var(--muted);font-size:12px;line-height:1.8}.cloze-help{margin:10px 0}.cloze-navigation{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.cloze-subtitle-note{margin:10px 0 0;font-size:11px}.cloze-empty{color:var(--muted);padding:20px 0;line-height:1.8}.cloze-panel button:disabled{opacity:.4;cursor:not-allowed}.cloze-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cloze-mode .course-mode-switch{flex-shrink:0}.cloze-mode .portrait-mode-strip{flex-wrap:wrap}@media (orientation:portrait){.app-shell:has(.preview-view){flex-direction:column;display:flex}.app-shell>.lesson-head{flex:none;margin:0;padding:8px 12px;display:flex}.app-shell>.lesson-head>div:first-child{display:none}.app-shell>.lesson-head .lesson-view-controls{width:100%}.app-shell:has(.preview-view)>.workspace{flex:1;height:auto;min-height:0}}@media (max-width:600px){.cloze-head{padding:10px 12px 9px}.cloze-head strong{font-size:18px}.cloze-scroll{padding:9px}.cloze-panel .cloze-card.subtitle-card.current{gap:6px;padding:11px 12px}.cloze-sentence{margin:6px 0 10px;font-size:20px;line-height:1.85}.cloze-blank input{width:8.5ch;font-size:20px}.cloze-navigation button{padding:8px 10px;font-size:12px}}
@media (min-width:641px){.topbar .header-actions{gap:8px}.topbar .header-actions :is(.ghost-button,.primary-button){white-space:nowrap;height:36px;min-height:36px;padding:0 12px;font-size:14px;line-height:1.3}.lesson-view-controls :is(.course-mode-switch,.mode-switch) button{min-height:32px;padding:6px 12px;font-size:14px;line-height:1.3}}@media (min-width:641px) and (max-width:1100px){.topbar .header-actions :is(.ghost-button,.primary-button){padding-inline:10px;font-size:12px}}@media (pointer:coarse) and (min-width:641px){.topbar .header-actions :is(.ghost-button,.primary-button),.lesson-view-controls :is(.course-mode-switch,.mode-switch) button{min-height:44px}}.app-shell>.preview-mode-head{justify-content:flex-end;gap:0;padding:12px 2vw 8px}.app-shell.study-mode .subtitle-panel{animation:none}.app-shell.focus-mode{flex-direction:column;display:flex}.app-shell.focus-mode>.topbar{display:none}.app-shell.focus-mode .workspace.top-course-navigation{flex:1 1 0;height:auto;min-height:0}.app-shell.focus-mode .player-column{height:100%;min-height:0}.app-shell.focus-mode .subtitle-column>.lesson-controls-head{flex:none;margin-bottom:8px;padding:0;display:flex}.app-shell.focus-mode .subtitle-column>.subtitle-panel{flex:1 1 0;height:auto;min-height:0}@media (orientation:portrait){.app-shell.focus-mode .player-column{flex:none;height:auto}.app-shell.focus-mode .subtitle-column>.lesson-controls-head{display:none}.app-shell.focus-mode .portrait-mode-strip{flex:none;display:flex}}
html.juju-analysis-locked,body.juju-analysis-locked{overscroll-behavior:none;overflow:hidden}.sentence-analysis-reader{z-index:140;color:#18181b;background:#fff;flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0}.analysis-reader-head{padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));background:#fff;border-bottom:1px solid #e4e4e7;flex:none;align-items:center;gap:12px;display:flex}.analysis-reader-head button{white-space:nowrap;background:#fff;border:1px solid #d4d4d8;border-radius:8px;min-height:44px;padding:8px 10px;font-size:14px;font-weight:650}.analysis-reader-head h2{margin:0;font-size:16px}.analysis-reader-head h2 span{color:#71717a;margin-top:2px;font-size:12px;font-weight:400;display:block}.analysis-reader-scroll{overscroll-behavior:contain;min-height:0;padding:12px max(12px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));flex:1;overflow-y:auto}.analysis-reader-scroll>.sentence-analysis{background:#fff;border:0;border-radius:0;margin:0;padding:0}.analysis-reader-scroll .analysis-whole-sentence{padding:8px 10px}.analysis-reader-scroll .reading-source{font-size:20px;line-height:1.7}.analysis-reader-scroll .reading-current p,.analysis-reader-scroll .analysis-summary{font-size:15px;line-height:1.75}.analysis-reader-scroll .reading-steps{gap:6px}.analysis-reader-scroll .reading-steps button{min-height:40px;padding:7px 9px;font-size:13px}.analysis-reader-scroll :is(.reading-grammar-links button,.reading-children button,.analysis-save,.analysis-grammar-link){min-height:44px}.preview-return{display:none}@media (max-width:600px),(max-height:500px) and (pointer:coarse){.app-shell>.preview-mode-head{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px}.preview-mode-head .preview-return{background:#fff;border:1px solid #d4d4d8;border-radius:8px;flex:none;align-items:center;min-height:40px;padding:6px 8px;font-size:12px;font-weight:650;display:inline-flex}.app-shell>.preview-mode-head .lesson-view-controls{width:auto;min-width:0}.preview-mode-head .course-mode-switch button{min-height:34px;padding:6px 9px;font-size:12px}}
.new-course-dialog .upload-drop-button{text-align:left;justify-content:center;align-items:center;gap:12px;height:auto;min-height:76px;padding:14px 18px;display:flex}.new-course-dialog .upload-cloud-icon{flex:none;place-items:center;width:38px;height:38px;display:grid}.new-course-dialog .upload-cloud-icon svg{width:32px;height:32px}.new-course-dialog .upload-drop-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.new-course-dialog .upload-drop-copy strong{color:inherit;font-size:16px;font-weight:650;line-height:1.4}.new-course-dialog .upload-drop-copy small{color:inherit;opacity:.76;font-size:12px;line-height:1.5}.new-course-dialog .upload-drop-compact{justify-content:flex-start}.new-course-dialog .upload-drop-compact .upload-cloud-icon{border-radius:8px;width:38px;height:38px}.new-course-dialog .upload-drop-compact .upload-cloud-icon svg{width:26px;height:26px}.new-course-dialog .upload-drop-button[aria-disabled=true]{opacity:.6;cursor:not-allowed}.new-course-dialog .upload-drop-button.is-dragging{outline-offset:-7px;box-shadow:none;outline:2px dashed;transform:none}.new-course-dialog .upload-drop-button:focus-visible{outline-offset:3px;outline:3px solid #6b8dab}@media (max-width:600px){.new-course-dialog .upload-drop-button{gap:10px;min-height:70px;padding:12px}.new-course-dialog .upload-drop-copy strong{font-size:15px}.new-course-dialog .upload-drop-copy small{font-size:11px}}