.extension-connection{padding:10px 0 16px;font-size:13px;line-height:1.6;color:var(--sidebar-text, #e4e9f3)}.extension-connection p{margin:0 0 10px}.extension-connection button{color:#192840;background:#f4f7fc;border:1px solid #b7c5da;font-size:13px;font-weight:600;padding:7px 10px;margin:0 6px 6px 0;border-radius:8px}.extension-connection button:hover{background:#dce6f5}.extension-connection button:focus-visible{outline:3px solid #91b8ff;outline-offset:2px}.resource-note{margin-block:12px;min-width:0}.resource-note textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;resize:vertical;margin-block:8px}.resource-note summary{cursor:pointer}.resource-note p{overflow-wrap:anywhere}.resource-note .actions{display:flex;flex-wrap:wrap;gap:6px}.pronunciation-settings .setting-row{display:flex;align-items:center;gap:8px;white-space:nowrap}.pronunciation-settings input[type=range]{flex:1;min-width:0}.pronunciation-settings select{min-width:0;max-width:70%}.pronunciation-settings output{min-width:3em;text-align:right}.pronunciation-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.settings-sections{min-width:0}.settings-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:12px}.settings-tabs button{min-width:0;padding:8px;font:inherit;line-height:1.4;border:1px solid var(--line, #d8dee8);border-radius:6px;background:var(--surface, transparent);color:inherit;cursor:pointer}.settings-tabs button[aria-selected=true]{border-color:var(--accent, #526bc9);box-shadow:inset 0 -3px var(--accent, #526bc9);font-weight:700}.settings-tabs button:focus-visible{outline:2px solid var(--accent, #526bc9);outline-offset:2px}.settings-section-content{min-width:0}.settings-section-content[hidden]{display:none!important}.book-manager{min-width:0}.book-manager fieldset{min-width:0;border:0;margin:0;padding:0}.book-manager .book-grid{max-height:320px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:8px}.book-manager .book-card{padding:10px;border:1px solid var(--line, #64748b);border-radius:8px;display:grid;gap:8px}.book-manager .book-card.is-current{outline:2px solid var(--accent, #a389fa)}.book-manager label{display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.book-manager .book-create input:not([type=checkbox]),.book-manager textarea{box-sizing:border-box;width:100%;margin:6px 0}.book-manager textarea{min-height:100px}.book-manager .book-word-list{display:grid;gap:8px}.book-manager .book-word-list small{margin-left:auto}.book-manager form{display:flex;gap:6px;margin:10px 0}.book-manager form input{min-width:0;flex:1}.book-manager button{white-space:normal}.vocabulary-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.vocabulary-tools input:not([type=checkbox]){width:100%}.vocabulary-tools label{display:flex;align-items:center;gap:5px;font-size:12px}.video-word-list{overflow-y:auto;min-height:0;flex:1}.video-word{border-bottom:1px solid var(--border, var(--line));padding:16px 4px}.word-heading{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.word-heading strong{font-size:19px;margin-right:auto}.word-heading button{padding:5px 8px;font-size:12px}.word-definition{color:var(--muted);margin:10px 0;font-size:14px}.source-example{display:block;background:transparent;text-align:left;margin:6px 0;padding:6px 0;border:0;font-size:13px;line-height:1.6}.video-vocabulary .batch-actions{margin:10px 0;padding:8px;font-size:12px}.learning-content{min-width:0;overflow-wrap:anywhere}.learning-content-heading{position:sticky;top:0;z-index:1;background:var(--surface, #fff);padding-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.learning-content-heading h2{margin:0;font-size:18px;line-height:1.4}.learning-content-heading button{flex-shrink:0}.learning-content blockquote{margin:0 0 16px;padding:12px;border-left:3px solid var(--accent, #bd762e);background:var(--control, #f5f6fa);color:inherit;line-height:1.7}.learning-content blockquote p{margin:6px 0 0}.learning-source-time{display:block;margin-bottom:6px;color:var(--muted, #64728a);font-size:12px;font-variant-numeric:tabular-nums}.learning-word-heading{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.learning-word-heading h3{margin:0;font-size:20px;line-height:1.4;max-width:100%}.learning-content-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line, var(--border, #dedede))}.analysis-result{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.reading-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:8px;flex-shrink:0;border-bottom:1px solid var(--line, #dedede)}.reading-tabs button{flex:1;min-width:0;padding:8px;font:inherit;color:inherit;border:1px solid var(--line, #dedede);border-radius:6px;background:var(--control, transparent);cursor:pointer}.reading-tabs button[aria-pressed=true]{font-weight:700;border-color:var(--accent, #bd762e);box-shadow:inset 0 -2px var(--accent, #bd762e)}.reading-tabs button:focus-visible{outline:2px solid var(--accent, #bd762e);outline-offset:2px}.panel-reading-words{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:10px}.subtitle-export-dialog{width:min(420px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:1px solid var(--border, var(--line, #ddd));border-radius:18px;padding:24px;background:var(--surface);color:var(--text)}.subtitle-export-dialog::backdrop{background:#0006}.subtitle-export-dialog .setting-row{margin:18px 0}.subtitle-export-dialog input[type=checkbox]{width:36px;height:20px;accent-color:var(--accent, #625bba)}.subtitle-export-dialog .actions{justify-content:flex-end;margin-top:20px}.subtitle-export-dialog .setting-row,.subtitle-export-dialog .actions,.subtitle-export-dialog .section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.subtitle-export-dialog select{min-width:0;max-width:65%}@media(max-width:360px){.subtitle-export-dialog .setting-row:has(select){flex-direction:column;align-items:stretch}.subtitle-export-dialog select{max-width:100%;width:100%}}.recorder{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.recorder audio{width:100%;max-width:320px}.recorder small{flex-basis:100%;line-height:1.6}.practice-card{padding:12px;overflow-wrap:anywhere}.practice-card .section-heading{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}.practice-card h2{font-size:18px;margin:0 0 8px}.practice-card label{display:grid;gap:8px}.practice-card textarea{display:block;box-sizing:border-box;width:100%;min-height:100px;font:inherit;margin-bottom:10px}.practice-card .actions{display:flex;gap:8px;flex-wrap:wrap}.panel-practice{min-height:0;overflow:auto}.practice-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:6px 10px}.practice-history{padding:10px}.practice-history article{border-bottom:1px solid currentColor;padding:10px 0;overflow-wrap:anywhere}.practice-records{min-width:0}.practice-records>label{display:grid;gap:6px;margin:8px 0}.practice-records input,.practice-records select{min-width:0;max-width:100%}.practice-records fieldset{min-width:0;border:0;margin:0;padding:0}.practice-records article{overflow-wrap:anywhere}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#17253a;background:#fff;font-synthesis:none;font-weight:400;line-height:1.6;--green: #17634f;--border: #e1e7ed;--muted: #758297}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid var(--border);background:#fff;color:inherit;border-radius:8px;font-size:14px;cursor:pointer;line-height:1.5;text-decoration:none}button:hover,.button:hover{background:#f1f6f3;border-color:#b6cec4}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,.button:focus-within{outline:3px solid #87c9b3;outline-offset:3px}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:#124c3e;color:#fff}.button input[type=file]{position:absolute;opacity:0;width:1px;height:1px}input:not([type=checkbox]):not([type=file]),textarea{padding:11px 13px;border:1px solid var(--border);border-radius:8px;width:100%;color:inherit;background:#fff}textarea{display:block;min-height:105px;resize:vertical;margin:10px 0}select{border:0;background:transparent;color:inherit;padding:4px;cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:28px;line-height:1.3;margin-bottom:5px;font-weight:700;letter-spacing:-.7px}h2{font-size:18px;margin-bottom:14px}h3{font-size:17px}a{color:var(--green)}.app-shell{display:flex;min-height:100vh}.sidebar{width:210px;flex-shrink:0;background:#f7f9fa;border-right:1px solid #eef1f4;padding:24px 12px;display:flex;flex-direction:column}.brand{display:block;font-size:22px;letter-spacing:-.8px;font-weight:750;color:#17253a;text-decoration:none;padding:0 10px;white-space:nowrap}.brand span{color:var(--green)}nav{margin-top:36px;display:grid;gap:10px}nav button{justify-content:start;font-size:16px;border:0;background:transparent;padding:14px 18px;gap:14px}nav button.active{background:#e3f0eb;color:var(--green)}.sidebar-bottom{margin-top:auto;padding:30px 8px 0;color:var(--muted);font-size:13px}.subtle{background:transparent;font-size:12px}main{min-width:0;flex:1;padding:26px 28px 18px}header{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px}header p{color:#59677a;margin:0;font-size:15px}header .button{flex-shrink:0;padding:12px 20px}.workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,1fr);gap:14px;align-items:stretch}.study-column{min-width:0}.media-frame{position:relative;background:#202c3d;border-radius:10px;overflow:hidden;aspect-ratio:16 / 9}video{width:100%;height:100%;display:block;object-fit:contain}.media-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f3f6fb;padding:20px;text-align:center;pointer-events:none}.play-circle{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border:1.5px solid #fff;border-radius:50%;margin-bottom:20px}.media-empty h3{margin:0 0 8px;font-size:18px}.media-empty p{color:#b5bfce;font-size:14px;margin:0}.media-name{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;margin:6px 0;color:var(--muted);overflow-wrap:anywhere}.playback-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#f8fafb;padding:12px;border-radius:10px;margin:8px 0}.playback-bar button{flex-grow:1}.playback-bar label{display:flex;align-items:center;gap:3px;padding:6px;font-size:13px}.options{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:10px 2px;font-size:12px;color:#647389}.options label{display:inline-flex;gap:5px;align-items:center}input[type=checkbox]{accent-color:var(--green)}.panel{border:1px solid var(--border);border-radius:10px;background:#fff;padding:18px}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.section-heading h2{margin:0}.section-heading .button,.section-heading>button{margin-left:auto}.tag{font-size:11px;color:#627183;border-radius:7px;background:#f0f3f5;padding:4px 8px}.small{font-size:12px;padding:8px 10px}.search{display:flex;align-items:center;border:1px solid var(--border);border-radius:8px;padding-left:10px;color:#718097}.search input:not([type]){border:0;min-width:0}.cue-list{max-height:580px;overflow-y:auto;margin-top:14px}.cue{width:100%;display:grid;grid-template-columns:20px 44px minmax(0,1fr);gap:10px;align-items:start;text-align:left;border:0;border-bottom:1px solid #edf0f4;border-radius:0;padding:18px 8px;font-size:14px;line-height:1.7}.cue.selected{background:#e5f2eb;border-radius:8px;color:#183e34}.cue time{font-size:12px;color:var(--muted);padding-top:2px}.cue span{overflow-wrap:anywhere;white-space:pre-wrap}.sentence{min-height:100px;border:1px solid #e7ecf0;background:#fcfdfd;padding:16px;border-radius:8px;margin-bottom:16px;font-size:19px;line-height:1.9}.word{display:inline;border:0;border-radius:3px;padding:0;font-size:inherit;background:transparent;line-height:inherit}.word:hover{color:var(--green);text-decoration:underline}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.word-detail{border-top:1px solid var(--border);margin-top:18px;padding-top:15px}.word-detail strong{margin-right:16px;font-size:20px}.word-detail p{font-size:12px;margin:10px 0 0}.recorder{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 0}.recorder audio{height:36px;max-width:100%}.recorder small{width:100%;font-size:12px}.muted{color:var(--muted)}.empty{padding:55px 15px;text-align:center;color:var(--muted)}.empty h3{color:#334155;margin:16px 0 8px}.ab-controls input{width:7rem;max-width:100%}.ab-controls label{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.collection{min-height:500px}.saved-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid var(--border)}.saved-row h3{margin:8px 0;overflow-wrap:anywhere}.saved-row p{margin:0;color:var(--muted);overflow-wrap:anywhere}.saved-row small,.mistake small{color:var(--muted)}.mistake{padding:20px 0;border-bottom:1px solid var(--border)}.mistake p{margin:10px 0}.mistake form{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-top:12px}.mistake form label{flex-grow:1}.mistake form input{display:block;margin-top:5px}.result{color:var(--green);padding-top:14px}.notice{background:#edf5f0;border:1px solid #d2e5d9;color:#215542;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-radius:8px;font-size:13px;margin-bottom:12px}.notice button{padding:5px;background:transparent;border:0}footer{display:flex;justify-content:space-between;gap:20px;color:#8995a6;font-size:11px;padding-top:16px;border-top:1px solid #eef1f4;margin-top:14px}footer span:last-child{white-space:nowrap}@media(min-width:1600px){main{max-width:1500px;margin:0 auto}}@media(max-width:1100px){.sidebar{width:185px}.brand{font-size:19px}main{padding:24px 18px}.workspace{grid-template-columns:minmax(0,1fr)}.transcript{min-height:250px}}@media(max-width:650px){.app-shell{display:block}.sidebar{width:100%;padding:14px 12px 8px;border-right:0;border-bottom:1px solid var(--border)}nav{display:flex;margin-top:14px;gap:4px}nav button{flex:1;padding:10px 5px;font-size:12px;gap:5px}nav svg{width:16px}.sidebar-bottom{display:none}main{padding:20px 14px}header{flex-wrap:wrap;gap:12px}h1{font-size:24px}header p{font-size:13px}header .button{padding:10px 15px}.panel{padding:14px}.media-empty h3{font-size:15px}.play-circle{width:45px;height:45px;margin-bottom:10px}.sentence{font-size:17px}footer{display:block}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.app-shell,.study-panel[data-template][data-theme]{--accent: #4245ed;--accent-hover: #3032c9;--accent-soft: #eef0ff;--sidebar-bg: #17243a;--sidebar-text: #e4e9f3;--nav-active: #303e7c;--surface: #fff;--text: #192840;--border: #e0e5ef;--muted: #64728a}.app-shell[data-template=classic],.study-panel[data-template=classic][data-theme]{--accent: #17634f;--accent-hover: #124c3e;--accent-soft: #e6f1ea;--sidebar-bg: #f4f8f5;--sidebar-text: #244639;--nav-active: #dcece3}.app-shell[data-template=night],.study-panel[data-template=night][data-theme]{color-scheme:dark;--surface: #181b20;--text: #e8eaf0;--muted: #a4adbb;--border: #363b45;--accent: #ffaf66;--accent-hover: #ffc18b;--accent-soft: #33291f;--sidebar-bg: #111317;--sidebar-text: #dee2e9;--nav-active: #373028;--reading-amber: #ffd18c;--reading-blue: #8dc6ff;--reading-green: #8bd6b5}.app-shell{--green: var(--accent);--page-space: 32px;--radius: 12px;background:var(--surface);color:var(--text)}.app-shell[data-density=compact]{--page-space: 20px}.sidebar{width:240px;background:var(--sidebar-bg);color:var(--sidebar-text);border:0;padding:30px 14px}.brand,.brand span{color:var(--sidebar-text)}.brand{font-size:24px;letter-spacing:-.7px}.sidebar nav button{color:var(--sidebar-text);font-size:15px;padding:15px;border-radius:10px}.sidebar nav button.active{background:var(--nav-active);color:var(--sidebar-text)}.sidebar nav button:hover{background:var(--nav-active)}.sidebar-bottom{color:var(--sidebar-text)}.sidebar-bottom button{color:var(--sidebar-text);border-color:#64748b}main{padding:var(--page-space)}h1{font-size:32px;letter-spacing:-1px}header{margin-bottom:24px}header p{margin-top:8px;color:var(--muted)}button,.button,input,textarea{border-radius:var(--radius)}.primary{background:var(--accent);border-color:var(--accent)}.primary:hover{background:var(--accent-hover)}.resource-import{margin-bottom:24px}.resource-import form{display:flex;gap:12px;align-items:center;border:1px solid #cbd3e2;padding:5px 5px 5px 18px;border-radius:12px;box-shadow:0 2px 6px #18233905}.resource-import form input{min-width:0;border:0!important;padding:10px 4px!important}.resource-import form button{flex-shrink:0;padding:12px 20px}.resource-import>p{margin:7px 0 0;color:var(--muted);font-size:12px}.resource-import .input-error{color:#b42318}.workspace{gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}.media-frame{background:#1b283a;border-radius:12px;min-height:200px}.media-empty h3{font-size:22px}.play-circle{width:76px;height:76px}.playback-bar{border:1px solid var(--border);background:#fafbfe;padding:14px;border-radius:12px}.panel{border-radius:12px}.cue.selected{background:var(--accent-soft);color:var(--text)}.youtube-host,.youtube-host iframe{width:100%;height:100%;border:0}.youtube-status{position:absolute;top:0;right:0;bottom:0;left:0;background:#1b283a;display:flex;gap:16px;flex-wrap:wrap;align-content:center;justify-content:center;padding:24px;color:#fff;text-align:center}.youtube-status span{width:100%}.youtube-status a{color:#d8ddff}.settings-panel{max-width:850px;padding:30px}.settings-panel fieldset{border:0;padding:0;margin:28px 0}.settings-panel legend{font-weight:650;margin-bottom:16px}.settings-panel fieldset>label{display:inline-flex;gap:8px;margin-right:24px}.template-options{display:flex;flex-wrap:wrap;gap:20px}.template-option{display:grid;gap:10px;border:1px solid var(--border);border-radius:12px;padding:14px;width:250px;cursor:pointer}.template-option:has(input:checked){outline:2px solid var(--accent);outline-offset:2px}.template-option small{color:var(--muted)}.template-swatch{height:90px;background:#f7f8fc;display:grid;grid-template-columns:1fr 2fr;gap:8px;padding:10px;border-radius:6px}.template-swatch i{grid-row:span 2;background:#17243a;border-radius:4px}.template-swatch b{background:#4245ed;border-radius:4px}.template-swatch b:last-child{background:#e2e5fa}.template-swatch.classic i{background:#c8dfce}.template-swatch.classic b{background:#17634f}.template-swatch.classic b:last-child{background:#e5eee8}.app-shell[data-density=compact] .cue{padding:10px 8px}.app-shell[data-density=compact] .panel{padding:14px}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr)}.sidebar{width:200px}.brand{font-size:20px}}@media(max-width:650px){.sidebar{width:100%;padding:18px 12px 8px}.sidebar nav{flex-wrap:wrap}.sidebar nav button{font-size:12px;padding:10px 5px;gap:4px}main{padding:20px 14px}h1{font-size:26px}.resource-import form{flex-wrap:wrap;padding:10px}.resource-import form input{width:calc(100% - 40px)}.resource-import form button{width:100%}.media-empty h3{font-size:17px}.play-circle{width:48px;height:48px}.settings-panel{padding:18px}.template-option{width:100%}}.subtitle-empty{min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px 10px;color:var(--muted)}.subtitle-empty svg{color:#a1adbf;margin-bottom:18px}.subtitle-empty h3{color:var(--text);margin-bottom:8px}.subtitle-empty p{margin-bottom:8px}.subtitle-empty small{font-size:12px}.notice{background:var(--accent-soft);color:var(--text)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,.button:focus-within{outline-color:var(--accent)}.caption-settings{border:1px solid var(--border);border-radius:12px;padding:16px;margin:16px 0;background:#fafbfe}.caption-selectors{display:flex;flex-wrap:wrap;gap:12px}.caption-selectors label{display:grid;gap:5px;font-size:12px;color:var(--muted);flex:1;min-width:130px}.caption-selectors select{border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px;color:var(--text);width:100%;min-width:0;font-size:13px}.caption-settings p{margin:10px 0;font-size:13px;overflow-wrap:anywhere}.caption-settings>small{display:block;color:var(--muted);font-size:11px;margin-top:10px}.caption-settings>button{margin-top:10px}.secondary-caption{display:block;color:var(--muted);font-size:14px;line-height:1.7;margin:7px 0 0;white-space:pre-wrap}.current-sentence>.secondary-caption{margin:-8px 0 18px;padding:0 16px}.transcript-follow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:12px;color:var(--muted)}.transcript-follow label{display:flex;align-items:center;gap:6px}.cue{grid-template-columns:64px minmax(0,1fr)}.cue-jump{border:0;background:transparent;padding:0;display:flex;gap:8px;align-items:baseline;font-size:12px}.cue .word{color:inherit;text-align:left}.cue .word:hover{color:var(--accent);background:var(--accent-soft, #eeeeff)}.cue-actions{display:flex;gap:10px;margin-top:8px}.cue-actions button{padding:3px 7px;font-size:11px;background:transparent;color:var(--muted)}.learning-dialog{background:var(--surface, #fff);width:min(620px,calc(100vw - 32px));max-height:85vh;overflow-y:auto;border:1px solid var(--border);border-radius:16px;padding:24px;color:var(--text, #192840);box-shadow:0 24px 80px #10182833}.learning-dialog::backdrop{background:#17243a66}.learning-dialog blockquote{margin:0 0 20px;padding:14px;border-left:3px solid var(--accent, #4245ed);background:#f5f6fa;line-height:1.7}.learning-dialog li{margin-bottom:12px;line-height:1.6}.learning-dialog h4{margin:16px 0 8px}.learning-dialog .lookup-source,.learning-dialog .muted{font-size:13px;line-height:1.6}.analysis-result{margin:16px 0;white-space:pre-wrap;line-height:1.8}[hidden]{display:none!important}.continuous-cues{height:580px;overflow-anchor:none}.workspace .cue{font-size:var(--subtitle-size, 16px);line-height:var(--subtitle-line, 1.8);cursor:pointer}.workspace .sentence{font-size:var(--subtitle-size, 16px);line-height:var(--subtitle-line, 1.8)}.workspace .secondary-caption{font-size:calc(var(--subtitle-size, 16px) * .88);line-height:var(--subtitle-line, 1.8)}.workspace[data-highlight=border] .cue.selected{background:transparent;color:inherit;box-shadow:inset 4px 0 var(--accent);border-radius:0}.workspace[data-highlight=text] .cue.selected{background:transparent;color:var(--accent);font-weight:700}.workspace[data-highlight=none] .cue.selected{background:transparent;color:inherit}.cue-actions button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:#f0f1ff}.subtitle-export,.subtitle-appearance{padding:12px 0;font-size:13px}.subtitle-appearance{padding:14px;border:1px solid var(--border);border-radius:10px;margin-bottom:12px}.subtitle-export summary,.subtitle-appearance summary{cursor:pointer;font-weight:600;margin-bottom:8px}.subtitle-export small,.subtitle-appearance small{display:block;color:var(--muted);margin-top:8px}.subtitle-export label{display:flex;gap:6px;align-items:center}.transcript .section-heading{position:relative;gap:8px}.section-heading .subtitle-export{padding:0}.section-heading .subtitle-export summary{margin:0;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:12px;font-weight:400;white-space:nowrap}.subtitle-export-body{position:absolute;right:0;top:calc(100% + 8px);width:min(330px,100%);z-index:5;padding:16px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px #0003}.subtitle-export-body .actions{align-items:stretch}.subtitle-export-body label{width:100%;justify-content:space-between}.subtitle-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.section-heading .subtitle-actions .button{margin-left:0}.app-shell{--reading-amber: #98620b;--reading-blue: #2363ac;--reading-green: #187255}.app-shell main{max-width:1900px;width:100%;margin:0 auto}.workspace{grid-template-columns:minmax(0,1.85fr) minmax(320px,1fr);align-items:start}.sidebar{width:208px}.study-settings-entry{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:var(--muted);font-size:13px}.study-settings-entry>button{color:var(--text)}.study-settings-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(440px,100%);height:100dvh;max-height:100dvh;max-width:100%;padding:24px;border:0;border-left:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:-16px 0 60px #0003;overflow-y:auto;overscroll-behavior:contain}.study-settings-drawer::backdrop{background:#0c142333}.drawer-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.drawer-heading small{color:var(--muted)}.drawer-heading h2{margin:6px 0 16px;font-size:24px}.drawer-heading button{padding:8px}.settings-group{border-top:1px solid var(--border);padding:20px 0}.settings-group>summary{font-size:16px;font-weight:650;cursor:pointer;padding:0 0 0 10px;border-left:3px solid var(--accent)}.settings-group[open]>summary{margin-bottom:20px}.setting-row,.style-fields label{display:flex;justify-content:space-between;gap:12px;align-items:center}.style-fields{display:grid;gap:14px}.style-fields select,.setting-row select{max-width:60%;border:1px solid var(--border);border-radius:8px;padding:6px 10px}.subtitle-appearance{border:0;padding:0}.subtitle-appearance fieldset{border:0;padding:16px 0 24px;margin:0;min-width:0}.subtitle-appearance legend{font-weight:650}.subtitle-preview{background:var(--accent-soft);border:1px solid var(--border);padding:16px;border-radius:12px;margin:20px 0;overflow-wrap:anywhere}.subtitle-preview>small{margin:0 0 12px}.preview-primary,.workspace .sentence,.workspace .cue>span>.word-text{font-size:var(--subtitle-size);line-height:var(--subtitle-line);font-family:var(--subtitle-font);color:var(--subtitle-color)}.workspace .cue{font-family:var(--subtitle-font);color:var(--subtitle-color)}.workspace .secondary-caption,.preview-secondary{font-size:var(--secondary-size);line-height:var(--secondary-line);font-family:var(--secondary-font);color:var(--secondary-color)}.preview-cue{padding:8px;border-radius:6px}.preview-cue p{margin-bottom:6px}.subtitle-preview[data-highlight=border] .preview-cue{box-shadow:inset 3px 0 var(--accent)}.subtitle-preview[data-highlight=background] .preview-cue{background:var(--surface)}.workspace[data-highlight=text] .cue.selected,.subtitle-preview[data-highlight=text] .preview-primary{color:var(--accent);font-weight:700}.study-settings-drawer .caption-selectors{grid-template-columns:1fr}.study-settings-drawer .settings-panel{border:0;padding:0;background:transparent}.study-settings-drawer .settings-panel h2{font-size:16px}.study-settings-drawer .template-option{width:100%}.study-settings-drawer .template-swatch{height:64px}.study-settings-drawer input[type=radio],.study-settings-drawer input[type=checkbox]{width:auto;accent-color:var(--accent)}.app-shell[data-template=night] :where(.panel,button,.button,input:not([type=checkbox]):not([type=radio]),textarea,.learning-dialog){background:var(--surface);color:var(--text);border-color:var(--border)}.app-shell[data-template=night] :is(.playback-bar,.caption-settings,.sentence,.search,.learning-dialog blockquote){background:#20242b;color:var(--text)}.app-shell[data-template=night] :is(button:hover,.button:hover,.cue.selected,.cue-actions button[aria-pressed=true]){background:var(--accent-soft)}.app-shell[data-template=night] .primary{background:var(--accent);color:#20170e}.app-shell[data-template=night] .sidebar nav button{background:transparent}.app-shell[data-template=night] .sidebar nav button.active{background:var(--nav-active)}.app-shell[data-template=night] :is(.secondary-caption,.muted){color:var(--muted)}.app-shell[data-template=night] .workspace .secondary-caption{color:var(--secondary-color)}.template-swatch.night{background:#20242b}.template-swatch.night i{background:#111317}.template-swatch.night b{background:#ffaf66}.template-swatch.night b:last-child{background:#4b4035}@media(min-width:1101px){.transcript{position:sticky;top:20px}.continuous-cues{height:clamp(360px,calc(100dvh - 300px),760px)}}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr)}}@media(max-width:650px){.sidebar{width:100%}.study-settings-drawer{padding:20px}.continuous-cues{height:460px}}.app-shell[data-template=night] .workspace .word{background:transparent;color:inherit}.app-shell[data-template=night] .workspace .sentence{color:var(--subtitle-color)}.app-shell[data-template=night] .cue{border-bottom-color:var(--border)}.continuous-cues{max-height:none}.study-settings-drawer .caption-selectors{display:grid}.app-shell[data-template=night] .caption-selectors select{background:var(--surface)}.caption-status{font-size:12px;overflow-wrap:anywhere}.app-shell .workspace[data-highlight=border] .cue.selected,.app-shell .workspace[data-highlight=text] .cue.selected,.app-shell .workspace[data-highlight=none] .cue.selected{background:transparent}.app-shell .workspace[data-highlight=text] .cue.selected{color:var(--accent)}.app-shell[data-template=night] input:not([type=checkbox]):not([type=radio]),.app-shell[data-template=night] textarea{background:var(--surface);color:var(--text);border-color:var(--border)}.app-shell[data-template=night] button.primary:hover{background:var(--accent-hover);color:#20170e}.app-shell[data-template=night] select,.app-shell[data-template=night] .caption-selectors select{color-scheme:dark;background-color:var(--surface);color:var(--text)}.app-shell[data-template=night] select option,.app-shell[data-template=night] select optgroup{background-color:var(--surface);color:var(--text)}.app-shell[data-template=night] select option:disabled{color:#64728a}.learning-settings-page{max-width:920px;margin:0 auto}.learning-settings-page .style-fields{max-width:660px}.learning-settings-page input[type=range]{width:min(45%,240px)}.learning-settings-page input[type=color]{width:64px;padding:3px}.video-captions{position:absolute;left:50%;transform:translate(-50%);z-index:2;width:max-content;padding:8px 14px;text-align:center;isolation:isolate;overflow-wrap:anywhere;max-height:65%;overflow-y:auto}.video-captions:before{content:"";position:absolute;inset:var(--caption-trim-top, 0px) 0 var(--caption-trim-bottom, 0px);z-index:-1;border-radius:inherit;background:var(--video-caption-background);opacity:var(--video-caption-opacity)}.video-caption-primary{font-size:var(--subtitle-size);font-family:var(--subtitle-font);line-height:var(--subtitle-line);color:var(--subtitle-color)}.video-caption-secondary{font-size:var(--secondary-size);font-family:var(--secondary-font);line-height:var(--secondary-line);color:var(--secondary-color)}.app-shell .video-captions .word{font:inherit;color:inherit;background:transparent;padding:0;border:0}.app-shell .video-captions .word:hover{text-decoration:underline;background:#ffffff30}.media-frame:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;background:#000;border-radius:0}.learning-fullscreen{position:absolute;top:10px;right:10px;z-index:3;opacity:.8}.learning-settings-page .subtitle-preview{max-width:660px}@media(max-width:650px){.learning-settings-page{padding:14px}.video-captions{padding:4px 8px}}.video-caption-preview{position:relative;height:260px;background:#303b49;border-radius:12px;margin:16px 0;overflow:hidden}.video-caption-preview .word{pointer-events:none}.learning-settings-side{flex:0 0 340px;width:340px;height:100dvh;overflow-y:auto;position:sticky;top:0;padding:18px;border-right:1px solid var(--border);background:var(--surface)}.learning-settings-side[hidden]{display:none}.learning-settings-side .section-heading{position:sticky;top:-18px;background:var(--surface);z-index:4;padding:12px 0}.learning-settings-side .caption-selectors{display:grid;grid-template-columns:1fr}.learning-settings-side .settings-panel{padding:0;border:0}.learning-settings-side .style-fields label{flex-wrap:wrap}.learning-settings-side .setting-row{margin:12px 0}.learning-settings-side input[type=checkbox]{width:auto}.settings-open main{min-width:0;padding-left:20px;padding-right:20px}.app-shell .phrase-highlight[data-word-style=marker],.app-shell .word.saved-word[data-word-style=marker]{background:linear-gradient(color-mix(in srgb,var(--word-highlight) 48%,#171923),color-mix(in srgb,var(--word-highlight) 48%,#171923)) center / 100% 1.12em no-repeat;color:#fff;border-radius:0}.app-shell .phrase-highlight[data-word-style=text],.app-shell .word.saved-word[data-word-style=text]{color:var(--word-highlight);background:transparent;text-shadow:0 0 1px #0008}.app-shell .phrase-highlight[data-word-style=underline],.app-shell .word.saved-word[data-word-style=underline]{text-decoration:underline 3px var(--word-highlight);text-underline-offset:4px}@media(max-width:1500px)and (min-width:651px){.settings-open .sidebar{width:150px;flex-shrink:0}.learning-settings-side{flex-basis:280px;width:280px}.settings-open .workspace{grid-template-columns:minmax(0,1fr)}}@media(max-width:650px){.learning-settings-side{width:100%;height:40dvh;position:relative;border-bottom:1px solid var(--border)}}.app-shell .word.pos-word[data-pos-style=marker]{background:linear-gradient(color-mix(in srgb,var(--pos-color) 48%,#171923),color-mix(in srgb,var(--pos-color) 48%,#171923)) center / 100% 1.12em no-repeat;color:#fff;border-radius:0}.app-shell .word.pos-word[data-pos-style=text]{color:var(--pos-color)}.book-manager{margin-bottom:20px}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0}.book-word-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;max-height:400px;overflow:auto}.book-word-list label{display:flex;align-items:center;gap:8px}.book-word-list small{color:var(--muted)}.book-manager input[type=checkbox]{width:auto}.subtitle-actions select{max-width:150px}.app-shell .word.saved-word,.app-shell .word.pos-word{margin-inline:.035em}.video-caption-settings>.style-fields>label:has(input[type=range]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 4ch;gap:8px}.video-caption-settings input[type=range]{width:100%;min-width:0;margin:0;padding:0}.video-caption-settings output{width:4ch;text-align:right;font-variant-numeric:tabular-nums}.learning-settings-side{scrollbar-gutter:stable;overflow-anchor:none}.app-shell .phrase-highlight{box-decoration-break:clone;-webkit-box-decoration-break:clone}.app-shell .phrase-highlight .word{color:inherit;background:transparent;margin-inline:0}.app-shell .phrase-highlight[data-word-style=underline] .word{text-decoration:inherit}.app-shell .workspace[data-list-word-highlight=false] .transcript .phrase-highlight,.app-shell .workspace[data-list-word-highlight=false] .transcript .word{background:transparent;color:inherit;text-decoration:none;text-shadow:none}.app-shell .workspace[data-list-word-highlight=false] .transcript .word:hover{text-decoration:underline}.learning-fullscreen{top:64px;right:14px}.app-shell .subtitle-actions select,.app-shell .playback-bar select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;color-scheme:light dark;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:7px 9px;font-size:13px;line-height:1.3;min-height:34px}.app-shell .subtitle-actions select option,.app-shell .playback-bar select option{background:var(--surface);color:var(--text)}.subtitle-actions{gap:6px;flex-wrap:wrap}.app-shell .subtitle-actions button,.app-shell .subtitle-actions .button{min-height:34px;padding:7px 9px;border-radius:9px}.playback-bar label{display:flex;align-items:center;gap:6px;white-space:nowrap}.workspace-header{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.workspace-header>div{flex:0 0 auto}.workspace-header .resource-import{flex:1 1 340px;min-width:0;margin:0}.workspace-header .resource-import form{margin:0}.workspace-header .resource-import>p{margin-bottom:0}.workspace-header>.button{flex-shrink:0}@media(max-width:950px){.workspace-header .resource-import{order:3;flex-basis:100%}.workspace-header{justify-content:space-between}}.library-page{width:100%;min-width:0;margin:12px 0 0}.library-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px}.library-overview article{display:flex;gap:18px;align-items:center;border:1px solid var(--border);border-radius:16px;padding:24px;background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.library-overview svg,.overview-symbol{color:var(--accent);font-size:30px;width:30px;text-align:center}.library-overview strong{display:block;font-size:30px;line-height:1.2;margin-bottom:6px}.library-overview span:not(.overview-symbol){color:var(--muted);font-size:14px}.library-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:24px}.app-shell .library-tabs button{border:0;padding:12px 20px;font-size:15px;background:transparent;color:var(--muted)}.app-shell .library-tabs button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.library-page .panel{padding:28px;border-radius:16px}.library-page h2{font-size:20px}.library-page .section-heading{margin-bottom:22px}.library-page .section-heading>button{margin-left:auto}.library-search{display:flex;align-items:center;gap:20px;margin:20px 0}.library-search label{display:flex;align-items:center;gap:10px;white-space:nowrap;color:var(--muted)}.library-search>input{flex:1;min-width:0}.app-shell .library-page select{padding:11px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}.library-page .saved-row{padding:22px 16px;border-radius:10px}.library-page .saved-row:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}.saved-copy{flex:1;min-width:0}.library-page .saved-copy h3{font-size:20px;font-weight:600;line-height:1.5}.library-page .saved-copy p{font-size:14px;line-height:1.6}.saved-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.library-page .saved-row button{flex-shrink:0}.library-page .book-manager>p{color:var(--muted);line-height:1.7}.library-page .book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.book-card{padding:20px;border:1px solid var(--border);border-radius:12px}.book-card.is-current{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.book-card>label{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600}.app-shell .book-card .book-open{display:block;border:0;background:transparent;padding:12px 0 0;color:var(--muted);font-size:13px}.book-create{border:1px dashed var(--border);border-radius:12px;padding:16px;margin:20px 0}.book-create summary{cursor:pointer;font-size:15px;color:var(--accent)}.book-create input:not([type=file]),.book-create textarea{display:block;width:100%;margin:14px 0}.book-create textarea{min-height:120px}.book-create button,.book-create .button{margin:6px 8px 0 0}.book-list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px}.book-list-heading h3{font-size:20px}.book-list-heading>span{font-size:13px;color:var(--muted)}.library-page .book-word-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;max-height:480px;margin:16px 0;padding-right:8px}.library-page .book-word-list label{min-height:58px;border-bottom:1px solid var(--border);gap:12px;padding:10px 4px}.book-word{font-size:17px;flex:1;overflow-wrap:anywhere}.library-page .book-word-list small{white-space:nowrap;font-size:12px}.library-page input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.library-page .book-manager>small{display:block;margin-top:20px;color:var(--muted);line-height:1.6}.workspace-header:has(.resource-import){align-items:flex-start}.workspace-header .resource-import form,.workspace-header:has(.resource-import)>.button{height:56px;box-sizing:border-box}.workspace-header:has(.resource-import)>.button{margin:0}@media(max-width:1000px){.library-page .book-grid,.library-page .book-word-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.library-overview{gap:8px}.library-overview article{padding:14px 10px;gap:8px}.library-overview svg,.overview-symbol{display:none}.library-overview strong{font-size:24px}.library-overview span:not(.overview-symbol){font-size:12px}.library-page .panel{padding:16px}.library-search,.book-list-heading{flex-wrap:wrap}.library-search>input{flex-basis:100%}.library-page .book-word-list{grid-template-columns:1fr}.library-page .saved-row{flex-wrap:wrap;padding-inline:0}.saved-copy{flex-basis:100%}}.app-shell select,.app-shell .setting-row select,.app-shell .style-fields select,.app-shell .caption-selectors select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:9px;min-height:36px;padding:8px 30px 8px 11px;font-size:13px;line-height:1.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%238b93a3' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.app-shell select:hover{border-color:var(--accent)}.app-shell select:disabled{opacity:.55;cursor:not-allowed}.app-shell select option{background:var(--surface);color:var(--text)}.app-shell[data-template=night] select{color-scheme:dark}.ai-settings select{width:100%;max-width:100%}.ai-settings p{line-height:1.7;color:var(--muted)}.workspace-header:has(.resource-import)>div{display:grid;grid-template-rows:56px auto}.workspace-header:has(.resource-import) h1{margin:0;align-self:center;line-height:1.2}.workspace-header:has(.resource-import)>div>p,.workspace-header .resource-import>p{margin:7px 0 0;font-size:12px;line-height:18px}.lookup-word-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lookup-word-actions h3{margin:0;min-height:40px;display:flex;align-items:center;font-size:22px}.lookup-word-actions button{height:40px;box-sizing:border-box;padding-block:0}.workspace .cue{grid-template-columns:72px minmax(0,1fr);column-gap:16px;padding:16px 14px;align-items:start}.workspace .cue .cue-jump{width:72px;height:calc(var(--subtitle-size) * var(--subtitle-line));padding:0;align-items:center;justify-content:space-between;line-height:1}.workspace .cue>span{min-width:0}.workspace .cue .cue-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.workspace .cue .cue-actions button{min-height:26px;line-height:1.2}.app-shell .workspace .cue .cue-jump{background:transparent;border:0;border-radius:0;box-shadow:none;font-variant-numeric:tabular-nums}.workspace .cue .cue-jump time{padding:0}.workspace .cue .cue-jump strong{min-width:20px;text-align:left}.app-shell .workspace .cue.selected .cue-jump time{color:var(--accent)}.transcript>.section-heading{flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}.transcript>.section-heading>*{flex-shrink:0;white-space:nowrap}.transcript>.section-heading h2{font-size:15px}.transcript>.section-heading .transcript-follow{margin:0 0 0 auto;gap:6px;flex-wrap:nowrap;font-size:11px}.transcript>.section-heading .subtitle-actions{flex-basis:auto;flex-wrap:nowrap;gap:4px}.app-shell .transcript>.section-heading :is(button,.button,select){min-height:30px;padding:5px 6px;font-size:11px;line-height:18px}.transcript>.section-heading .tag{font-size:10px;padding:2px 4px}.learning-fullscreen{top:10px;right:166px;height:32px;padding:4px 8px}.batch-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;margin:16px 0;background:var(--accent-soft);border-radius:10px}.batch-actions label{display:flex;align-items:center;gap:8px}.batch-actions>span{color:var(--muted)}.batch-actions button{font-size:13px}.batch-confirm{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-top:1px solid var(--border);padding-top:12px}@media(max-width:650px){.workspace-header:has(.resource-import)>div{height:auto;min-height:56px}.workspace .cue{grid-template-columns:62px minmax(0,1fr);column-gap:8px}.workspace .cue .cue-jump{width:62px}.learning-fullscreen{right:150px;font-size:11px}}@media(min-width:1101px){.workspace>.transcript{position:static;align-self:stretch;display:flex;flex-direction:column;contain:size;min-height:400px}.workspace>.transcript>:not(.continuous-cues){flex-shrink:0}.workspace>.transcript>.continuous-cues{height:0;min-height:0;flex:1 1 0}}@media(min-width:1101px)and (max-width:1500px){.settings-open .workspace>.transcript{contain:none}.settings-open .workspace>.transcript>.continuous-cues{flex:none;height:580px}}.resource-page{display:grid;gap:20px}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.resource-card h2{font-size:18px;overflow-wrap:anywhere}.resource-card .actions,.backup-panel .actions{display:flex;flex-wrap:wrap;gap:8px}.backup-panel summary{cursor:pointer;font-weight:600}.backup-preview{padding:16px;margin-top:16px;border:1px solid var(--border);border-radius:10px}.backup-preview button{margin:8px 8px 0 0}.transcript-tabs{margin:0 0 10px;flex-shrink:0}.workspace>.transcript>.video-vocabulary{flex:1 1 0;min-height:0;display:flex;flex-direction:column}@media(max-width:1500px){.settings-open .video-word-list{max-height:580px}}@media(max-width:1100px){.video-word-list{max-height:580px}}.review-page{width:100%;min-width:0;margin:0;display:grid;gap:18px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats-grid div{display:grid;gap:8px}.stats-grid strong{font-size:25px;color:var(--accent)}.stats-grid span{font-size:13px;color:var(--muted)}.weekly-chart{display:flex;gap:12px;height:110px;align-items:flex-end}.weekly-chart>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;color:var(--muted)}.weekly-chart i{display:block;width:65%;background:var(--accent);border-radius:4px 4px 0 0}.review-card{padding:28px}.review-card h2{margin:20px 0;font-size:26px}.review-card textarea{display:block;width:100%;min-height:100px;margin:16px 0}.review-ratings{display:flex;gap:12px;border-top:1px solid var(--border);padding-top:20px;margin-top:24px}.review-ratings button{flex:1}.review-answer{padding:18px;background:var(--accent-soft);border-radius:8px}.review-player{width:100%;max-width:520px;height:220px;position:relative;margin:14px 0;overflow:hidden}.review-player .youtube-host{position:static;height:100%}.resource-filters{display:flex;flex-wrap:wrap;gap:12px}.resource-filters>input{flex:1 1 200px;min-width:0}.resource-filters label{display:flex;align-items:center;gap:6px}.resource-card{min-width:0}.account-dialog{width:min(800px,calc(100vw - 32px));max-height:85vh;overflow:auto;background:var(--surface, #fff);color:var(--text, #192840);font-size:15px;line-height:1.65}.sidebar .account-dialog button{color:var(--text, #192840);background:var(--surface, #fff);border-color:var(--border);min-height:42px}.sidebar .account-dialog button:hover:not(:disabled){background:var(--accent-soft, #eef0ff);border-color:var(--accent)}.sidebar .account-dialog button:disabled{opacity:.6}.account-dialog form,.account-dialog section{display:grid;gap:16px}.account-dialog section{margin-top:20px;padding:20px}.account-dialog section :is(h3,h4,p){margin:0}.account-dialog>button{margin:12px 8px 0 0}.account-dialog label{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;font-weight:500}.account-dialog .actions{align-items:flex-end;gap:12px}.account-dialog .actions label{flex:1 1 220px}.account-dialog input:not([type=checkbox]),.account-dialog textarea{min-width:0;width:100%;color:var(--text, #192840);background:var(--surface, #fff)}.account-dialog article{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.account-dialog code,.account-dialog p,.account-dialog article{overflow-wrap:anywhere}.account-dialog .mfa-status{padding:10px 14px;background:var(--accent-soft, #eef0ff);color:var(--text, #192840);border-radius:8px}@media(max-width:650px){.account-dialog{padding:18px}.account-dialog section{padding:14px}}.account-dialog label.account-consent{flex-direction:row;align-items:flex-start;padding:14px;background:var(--accent-soft, #eef0ff);color:var(--text, #192840);border:1px solid var(--border);border-radius:8px;font-size:15px;line-height:1.7}.account-dialog .account-consent input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;margin:4px 0 0;accent-color:var(--accent)}.account-dialog .account-consent span{flex:1;min-width:0;color:inherit}.account-dialog button.primary{background:#4935d4;color:#fff;border-color:#4935d4}.app-shell[data-template=night] .account-dialog button.primary{background:#ffb464;border-color:#ffb464;color:#20170e}.account-dialog [role=status],.account-dialog [role=alert]{padding:12px;border:1px solid var(--accent);border-radius:8px;background:var(--accent-soft);color:var(--text)}.account-dialog .section-heading{gap:16px}.sidebar .account-entry{background:transparent;color:var(--sidebar-text)}@media(max-width:650px){.sidebar .sidebar-bottom{display:block;padding:8px 0 0;margin-top:0}.sidebar-bottom>p,.sidebar-bottom>button:not(.account-entry){display:none}}.admin-model-list{list-style:none;padding:0}.admin-model-list>li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--border)}.admin-model-list>li>div{min-width:0;overflow-wrap:anywhere}.admin-model-list p{margin:6px 0 0}@media(max-width:700px){.admin-model-list>li{align-items:flex-start;flex-direction:column}}.today-learning{margin:12px 0;padding:14px 18px}.today-learning summary{cursor:pointer;font-weight:600}.today-learning .actions{margin-top:12px;gap:12px;align-items:center;flex-wrap:wrap}.today-learning .today-goals{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-top:12px}.today-goals label{display:grid;gap:6px}.today-learning .today-goals input{width:160px;max-width:100%;margin:0;height:40px}.today-learning .today-goals button{height:40px}.today-learning>p:empty{display:none}.workspace>.caption-recovery{grid-column:1 / -1;margin:0;padding:0}@media(max-width:650px){.today-learning .today-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.today-learning .today-goals input{width:100%}.today-goals button{grid-column:1 / -1}}.caption-recovery{padding:8px 0;font-size:13px}.caption-recovery .actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.caption-recovery p:empty{display:none}.sidebar .sidebar-bottom{display:flex;flex-direction:column;gap:6px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--sidebar-text) 14%,transparent)}.sidebar-bottom>.account-entry,.sidebar-bottom>.sidebar-backup{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:42px;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--sidebar-text);text-align:left;font-size:13px;line-height:1.4}.sidebar-bottom>.account-entry:first-child{border-color:color-mix(in srgb,var(--sidebar-text) 14%,transparent);background:color-mix(in srgb,var(--sidebar-text) 5%,transparent)}.sidebar-bottom>button:hover{background:var(--nav-active)}.sidebar-bottom>button svg{flex-shrink:0;opacity:.8}.sidebar-bottom .guide-badge{margin-left:auto;font-size:10px;white-space:nowrap;color:var(--accent)}.sidebar-bottom>.sidebar-save-status{display:flex;align-items:center;gap:7px;margin:8px 12px 0;font-size:11px;opacity:.75}.sidebar-save-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}@media(max-width:650px){.sidebar .sidebar-bottom{flex-direction:row;flex-wrap:wrap;padding-top:8px}.sidebar-bottom>.account-entry,.sidebar-bottom>.sidebar-backup{width:auto;min-height:40px}.sidebar-bottom>.sidebar-save-status{margin:0 8px}}@media(min-width:651px){.app-shell>.sidebar{position:sticky;top:0;height:100dvh;overflow-y:auto}}.admin-center{width:100%;min-width:0;display:grid;gap:18px}.admin-center .panel{padding:24px}.admin-center label{display:grid;gap:8px;margin-block:16px}.admin-center .account-consent{display:flex;align-items:center;gap:10px}.admin-center article{padding:16px 0;border-bottom:1px solid var(--border);display:flex;gap:12px;align-items:center;justify-content:space-between}.admin-center .actions{flex-wrap:wrap}.admin-center input:not([type=checkbox]),.admin-center textarea{max-width:100%}.admin-center .admin-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.admin-center .admin-services article,.admin-center .feedback-item{display:block}.admin-center .feedback-item p{white-space:pre-wrap;overflow-wrap:anywhere}.admin-center small{display:block;margin-block:8px;color:var(--muted)}.admin-center select{min-height:36px}.ai-providers fieldset{min-width:0;margin-block:20px;padding:20px;border:1px solid var(--border);border-radius:12px}.ai-providers legend{padding-inline:8px;font-weight:600}.ai-providers textarea{min-height:100px}.ai-providers article{flex-wrap:wrap;margin-block:12px}.ai-providers article p{overflow-wrap:anywhere}@media(max-width:700px){.admin-center .panel{padding:16px}.ai-providers fieldset{padding:12px}}.study-window-body{margin:0;min-width:0;overflow:hidden}.study-window{position:relative;padding:4px;height:100vh;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;gap:4px}.study-window,.study-window *{scrollbar-width:none}.study-window::-webkit-scrollbar,.study-window *::-webkit-scrollbar{display:none}.study-window header{display:flex;align-items:center;gap:4px;flex-shrink:0;margin:0;padding:0;justify-content:flex-start}.study-window header button{padding:4px 8px;min-height:28px;font-size:12px}.study-window-grid{display:grid;gap:6px;grid-template-columns:minmax(0,1fr);flex:1;min-height:0}.study-window-grid>*,.study-window aside{min-width:0;min-height:0}.study-window:not(.expanded) .media-frame{height:100%;min-height:0;aspect-ratio:auto}.study-window .media-frame{min-height:200px;aspect-ratio:16/9}.study-window .learning-fullscreen{display:none}.study-window.expanded .study-window-grid{grid-template-rows:minmax(0,55fr) minmax(0,45fr)}.study-window.expanded .media-frame{height:100%;min-height:0;aspect-ratio:auto}.study-window .transcript{height:100%;min-height:0;display:flex;flex-direction:column;overflow:auto;padding:6px;gap:4px}.study-window .transcript .section-heading{display:none}.study-window .transcript-tabs,.study-window .transcript .search{margin:0;padding:0;flex-shrink:0}.study-window .cue-list{flex:1;height:auto;max-height:none;min-height:0}.study-window .learning-dialog{max-width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.app-shell.study-window-shell{display:block;min-width:0;width:100%;min-height:100vh}.study-window .transcript .search{display:none}.study-window .transcript-tabs button{padding:4px 8px;min-height:28px}.study-window-tools{position:absolute;top:4px;left:4px;right:4px;height:36px;z-index:20}.study-window-tools header{opacity:0;pointer-events:none;transition:opacity .12s ease;padding:4px;width:fit-content;border-radius:8px;background:var(--panel, #20252c)}.study-window-tools:hover header,.study-window-tools:focus-within header{opacity:1;pointer-events:auto}.study-window-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.study-window .screen-caption-toggle{margin-left:auto}@media(hover:none){.study-window-tools header{opacity:1;pointer-events:auto}}