:root{--bg:#f8fcfb;--panel:#fff;--panel-soft:#f6fcfa;--ink:#203b36;--muted:#70847f;--line:#d8eee7;--green:#55d6ac;--green-dark:#278a72;--mint:#e5faf3;--yellow:#fff6d9;--orange:#55d6ac;--shadow:0 10px 30px rgba(38,126,103,.07);--radius:8px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0}.topbar{height:72px;padding:0 28px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}button,input,textarea{font:inherit}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;font-size:20px}.brand-mark{width:34px;height:34px;background:var(--green);color:white;display:grid;place-items:center;border-radius:7px}.nav-tabs{display:flex;gap:4px;background:#eef2ee;padding:4px;border-radius:7px}.nav-tab,.notes-tab{border:0;background:transparent;color:var(--muted);padding:9px 18px;cursor:pointer;font-weight:650}.nav-tab.active{background:white;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.06);border-radius:5px}.top-actions{display:flex;align-items:center;gap:12px}.local-badge{font-size:13px;color:var(--muted);display:flex;gap:7px;align-items:center}.status-dot{width:8px;height:8px;border-radius:50%;background:#20aa69}.icon-button{width:38px;height:38px;border:1px solid var(--line);background:var(--panel);border-radius:6px;cursor:pointer;color:var(--ink);font-size:18px}.view{display:none}.view.active{display:block}.workspace{display:grid;grid-template-columns:minmax(420px,1.3fr) minmax(370px,.95fr) minmax(260px,.62fr);gap:16px;padding:18px;max-width:1900px;margin:auto}.video-column{display:flex;flex-direction:column;gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-heading,.transcript-header,.section-title-row{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}h1,h2,h3,p{margin-top:0}h1{font-size:23px;margin-bottom:0}h2{font-size:18px;margin-bottom:0}h3{font-size:18px}.eyebrow{display:block;color:var(--green);font-size:12px;font-weight:750;text-transform:uppercase;margin-bottom:5px}.lesson-meta{display:flex;gap:12px;color:var(--muted);font-size:13px}.player-wrap{background:#101512;aspect-ratio:16/9;position:relative;overflow:hidden}.player-wrap video,.youtube-player,.youtube-player iframe{width:100%;height:100%;display:block;border:0}.empty-player{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white;padding:24px;background:radial-gradient(circle at 50% 30%,#30473a,#111813 72%)}.empty-player.hidden{display:none}.empty-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid #6a7e71;border-radius:50%;margin-bottom:14px;color:#98e2b7}.empty-player h2{font-size:21px;margin-bottom:8px}.empty-player p{color:#b9c6be;max-width:450px}.empty-actions{display:flex;gap:10px;margin-top:7px}.button{border:0;border-radius:6px;padding:10px 15px;font-weight:700;cursor:pointer}.button.primary{background:var(--green);color:white}.button.primary:hover{background:var(--green-dark)}.button.secondary{background:var(--panel-soft);border:1px solid var(--line);color:var(--ink)}.button.full{width:100%}.study-toolbar{min-height:56px;padding:8px 12px;display:flex;align-items:center;gap:5px}.tool-button{border:0;background:transparent;color:var(--muted);padding:8px 10px;border-radius:5px;cursor:pointer}.tool-button span{font-weight:800;color:var(--ink)}.tool-button:hover,.tool-button.active{background:var(--mint);color:var(--green-dark)}.toolbar-spacer{flex:1}.import-panel{padding-bottom:18px}.section-title-row{border:0;padding-bottom:10px}.privacy-note{font-size:12px;color:var(--muted)}.import-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:0 18px}.import-card{background:var(--panel-soft);border:1px solid var(--line);border-radius:6px;min-height:105px;padding:13px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--ink)}.import-card:hover{border-color:#70aa88;background:#f2faf5}.import-card small{font-size:11px;color:var(--muted)}.import-icon{font-size:23px;color:var(--green)}.transcript-panel{height:calc(100vh - 108px);display:flex;flex-direction:column;overflow:hidden}.transcript-header{padding:18px}.header-controls{display:flex;align-items:center;gap:4px}.segmented{border:0;background:transparent;color:var(--muted);padding:7px 9px;cursor:pointer;border-radius:5px;font-size:13px}.segmented.active{background:var(--mint);color:var(--green-dark);font-weight:700}.transcript-status{display:flex;justify-content:space-between;padding:10px 18px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}.transcript-list{padding:12px;overflow:auto;scroll-behavior:smooth}.sentence{position:relative;padding:14px 42px 14px 14px;border:1px solid transparent;border-radius:6px;margin-bottom:8px;background:var(--panel-soft);cursor:pointer}.sentence:hover{border-color:var(--line)}.sentence.active{background:var(--yellow);border-color:#f0db81}.timestamp{font:600 12px ui-monospace,SFMono-Regular,monospace;color:var(--orange);margin-bottom:7px}.sentence-en{font-size:17px;line-height:1.55;font-weight:620;margin-bottom:5px}.sentence-zh{color:var(--muted);line-height:1.5;margin:0}.sentence-star{position:absolute;right:12px;top:14px;width:26px;height:26px;border:0;background:white;border-radius:50%;color:#a2ada6;cursor:pointer}.sentence-star.saved{color:var(--orange)}.word-token{border-bottom:2px solid #72d58b;cursor:pointer}.blank-token{display:inline-block;min-width:70px;border-bottom:2px solid var(--green);color:transparent;background:#d9ede1;border-radius:3px;padding:0 4px}.blank-token.revealed{color:inherit}.notes-panel{height:calc(100vh - 108px);padding:18px;overflow:auto}.notes-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:18px}.notes-tab{flex:1}.notes-tab.active{color:var(--green);border-bottom:2px solid var(--green)}.vocab-summary{display:grid;grid-template-columns:1fr 1fr;background:var(--panel-soft);border:1px solid var(--line);border-radius:6px;margin-bottom:14px}.vocab-summary div{padding:12px;text-align:center}.vocab-summary div+div{border-left:1px solid var(--line)}.vocab-summary strong{display:block;font-size:22px}.vocab-summary span{font-size:11px;color:var(--muted)}.word-card{border:1px solid var(--line);border-left:4px solid var(--green);padding:17px;border-radius:6px}.word-card h3{font-size:24px;margin-bottom:8px}.phonetic{color:var(--muted)}.sound-button{border:0;background:transparent;cursor:pointer}.definition{font-weight:650}.example{font-size:13px;font-style:italic;background:var(--panel-soft);padding:10px;border-radius:4px;color:var(--muted)}.saved-list{margin-top:14px;display:flex;flex-wrap:wrap;gap:7px}.word-chip{border:1px solid var(--line);background:white;border-radius:5px;padding:6px 9px;cursor:pointer}#lessonNotes{width:100%;min-height:320px;border:1px solid var(--line);border-radius:6px;padding:14px;resize:vertical;background:var(--panel-soft);color:var(--ink)}.autosave-note{font-size:12px;color:var(--muted);margin-top:8px}.hidden{display:none!important}.page-shell{max-width:1250px;margin:0 auto;padding:40px 24px}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.page-heading h1{font-size:32px}.stats-band{display:grid;grid-template-columns:repeat(3,1fr);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px}.stats-band div{text-align:center;padding:18px}.stats-band div+div{border-left:1px solid var(--line)}.stats-band strong{font-size:25px;display:block}.stats-band span{font-size:12px;color:var(--muted)}.lesson-row{display:grid;grid-template-columns:140px 1fr 170px auto;gap:20px;align-items:center;background:var(--panel);border:1px solid var(--line);padding:16px;border-radius:var(--radius)}.lesson-thumb{aspect-ratio:16/9;background:#1e3529;color:#9be2b8;display:grid;place-items:center;border-radius:5px}.lesson-info h3{margin-bottom:5px}.lesson-info p{color:var(--muted);margin:0}.progress-block{font-size:12px}.progress{height:6px;background:#e7ece8;margin-top:6px;border-radius:5px}.progress i{display:block;height:100%;width:0;background:var(--green);border-radius:5px}.word-library{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.library-word{background:var(--panel);border:1px solid var(--line);padding:18px;border-radius:var(--radius)}.library-word p{color:var(--muted);margin-bottom:0}dialog{border:0;padding:0;border-radius:8px;box-shadow:0 25px 80px rgba(0,0,0,.2);width:min(480px,calc(100vw - 32px))}dialog::backdrop{background:rgba(15,24,19,.55)}.dialog-card{padding:22px}.dialog-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.dialog-card label{font-weight:700;font-size:13px}.dialog-card input{width:100%;border:1px solid var(--line);padding:12px;border-radius:6px;margin:7px 0 9px}.dialog-hint{font-size:12px;color:var(--muted)}.coming-soon{text-align:center;background:var(--panel-soft);padding:24px;margin-bottom:14px}.coming-soon span{font-size:30px;color:var(--green)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#17211c;color:white;padding:11px 16px;border-radius:6px;opacity:0;pointer-events:none;transition:.2s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}body.dark{--bg:#111612;--panel:#19211c;--panel-soft:#202923;--ink:#f0f5f1;--muted:#9eaca3;--line:#344139;--mint:#244d36;--yellow:#4b401d;--shadow:none}.dark .topbar{background:rgba(25,33,28,.94)}.dark .nav-tabs{background:#111612}.dark .nav-tab.active,.dark .word-chip{background:#2a352e}.dark .sentence-star{background:#28332c}
@media(max-width:1250px){.workspace{grid-template-columns:1.1fr .9fr}.notes-panel{grid-column:1/-1;height:auto}.import-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.topbar{padding:0 14px}.local-badge{display:none}.workspace{display:block;padding:10px}.video-column,.transcript-panel,.notes-panel{margin-bottom:10px}.transcript-panel{height:70vh}.notes-panel{height:auto}.panel-heading{align-items:flex-start}.lesson-meta{display:none}.nav-tab{padding:8px}.brand span:last-child{display:none}.lesson-row{grid-template-columns:100px 1fr}.progress-block,.lesson-row>.button{grid-column:2}.word-library{grid-template-columns:1fr}.stats-band{grid-template-columns:repeat(3,1fr)}}
.word-token{border-bottom:0;cursor:pointer}.word-token.core-token,.word-token.saved-token{border-bottom:3px solid #78e18c}.word-token.saved-token{border-bottom-color:#49b96c}
.home-grid{display:grid;grid-template-columns:330px 1fr;gap:18px}.home-sidebar{display:flex;flex-direction:column;gap:14px}.calendar-card{padding:17px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.calendar-head .icon-button{width:32px;height:32px}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.calendar-week{color:var(--muted);font-size:11px;margin-bottom:7px}.calendar-day{aspect-ratio:1;border:0;background:transparent;color:var(--ink);border-radius:50%;cursor:pointer;position:relative}.calendar-day.has-study{background:var(--mint);color:var(--green-dark);font-weight:750}.calendar-day.has-study:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--green);bottom:3px;left:calc(50% - 2px)}.home-sidebar .stats-band{grid-template-columns:1fr;margin:0}.home-sidebar .stats-band div+div{border-left:0;border-top:1px solid var(--line)}.filter-row{display:grid;grid-template-columns:1fr 180px 180px;gap:10px;margin-bottom:14px}.filter-row input,.filter-row select,.dialog-card select{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:11px 12px;border-radius:6px}.course-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.course-card{display:grid;grid-template-columns:150px 1fr;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-height:150px}.course-thumb{background:linear-gradient(135deg,#1e382a,#46735a);color:#a7edc2;display:grid;place-items:center;font-size:25px}.course-body{padding:15px}.course-top,.course-footer{display:flex;align-items:center;justify-content:space-between}.course-date,.course-footer{font-size:11px;color:var(--muted)}.course-body h3{margin-bottom:6px}.course-body p{color:var(--muted);font-size:13px}.course-footer{margin-top:9px}.course-footer .button{padding:6px 9px;font-size:11px}.empty-library{grid-column:1/-1;text-align:center;background:var(--panel);border:1px dashed var(--line);padding:70px 24px;border-radius:var(--radius);color:var(--muted)}.empty-library span{font-size:35px;color:var(--green)}.empty-library h3{color:var(--ink);margin:12px 0 7px}.dialog-card select{display:block;width:100%;margin:7px 0 18px}
@media(max-width:1050px){.home-grid{grid-template-columns:1fr}.home-sidebar{display:grid;grid-template-columns:1fr 1fr}.course-list{grid-template-columns:1fr}}@media(max-width:700px){.home-sidebar{display:block}.home-sidebar .stats-band{margin-top:12px}.filter-row{grid-template-columns:1fr}.course-card{grid-template-columns:110px 1fr}}
.home-sidebar .stats-band{grid-template-columns:repeat(3,1fr);margin:0}.home-sidebar .stats-band div{padding:20px 6px}.home-sidebar .stats-band div+div{border-top:0;border-left:1px solid var(--line)}.learning-message{padding:20px}.learning-message p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.course-list{grid-template-columns:repeat(3,minmax(0,1fr))}.course-card{display:block;min-height:0;cursor:pointer}.course-thumb{aspect-ratio:16/9;background-size:cover;background-position:center;position:relative}.course-thumb b{position:absolute;right:9px;bottom:9px;background:rgba(0,0,0,.75);color:#fff;padding:4px 7px;border-radius:4px;font-size:11px}.course-body h3{font-size:17px;line-height:1.4}.course-description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-tags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.course-tags span{font-size:11px;padding:4px 7px;border-radius:12px;background:#e9f6ee;color:#148052;border:1px solid #cfe9d8}.course-tags .author-tag{background:#fff5e5;color:#d27d10;border-color:#f2d6aa}.course-footer time{color:var(--muted)}
.calendar-day.today{background:#49a66d!important;color:white!important;box-shadow:0 0 0 2px #d8ede0}.muted-day{color:#cbd2ce}.sentence-star.saved{color:#49a66d;background:#eef9f0}
.study-toolbar .tool-button{font-size:13px;padding:7px 9px;white-space:nowrap}.study-toolbar .tool-button span{font-size:18px;line-height:1;vertical-align:-2px}.study-toolbar{min-height:48px}.study-toolbar .tool-button.active{font-weight:700}
@media(max-width:1350px){.course-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.course-list{grid-template-columns:1fr}}
.source-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.source-option{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:var(--ink)}.source-option:hover{border-color:var(--green);background:var(--mint)}.source-option span{font-size:28px;color:var(--green)}.source-option small{font-size:11px;color:var(--muted);text-align:center;line-height:1.5}
.add-course-top{white-space:nowrap}

/* Top navigation: the selected section uses the TalkTalk green state. */
.nav-tab.active,
.dark .nav-tab.active{
  background:var(--green);
  color:#fff;
  box-shadow:0 3px 10px rgba(25,105,66,.18);
}
.nav-tab.active:hover{background:var(--green-dark);color:#fff}
.header-icon{border:0;background:transparent;color:#8a958f;padding:8px 7px;font-size:18px;cursor:pointer;border-radius:5px}.header-icon:hover,.header-icon.active{color:var(--green);background:var(--mint)}
.talktalk-logo{display:flex;align-items:center;gap:7px;color:#0b2b55;font-size:17px;letter-spacing:-.5px}.talktalk-logo>strong{font-weight:850}.talktalk-logo>strong span{color:var(--green)}.talk-mark{width:31px;height:25px;background:#08c979;border-radius:15px 15px 3px 15px;display:grid;place-items:center;position:relative}.talk-mark:after{content:"";position:absolute;right:-5px;bottom:-3px;width:13px;height:13px;background:#4e8fff;border-radius:3px 3px 8px 3px}.talk-mark i{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid white;margin-left:2px;z-index:1}.talk-mark b{position:absolute;right:-3px;bottom:-1px;color:white;font-size:7px;letter-spacing:1px;z-index:2}
.workspace{grid-template-columns:minmax(0,1.3fr) minmax(420px,.95fr)}.workspace>.notes-panel{display:none}
@media(max-width:1250px){.workspace{grid-template-columns:1fr}.workspace>.notes-panel{display:none}}
.translation{display:inline-block;color:var(--green-dark);background:var(--mint);padding:5px 9px;border-radius:4px;margin-bottom:9px}
.youtube-fallback{position:absolute;right:12px;top:12px;z-index:3;background:rgba(17,24,19,.84);color:white;text-decoration:none;padding:8px 11px;border-radius:5px;font-size:12px;font-weight:700;backdrop-filter:blur(6px)}
.transcript-empty{text-align:center;padding:70px 24px;color:var(--muted)}.transcript-empty span{display:block;font-size:35px;color:var(--green);margin-bottom:12px}.transcript-empty h3{color:var(--ink);margin-bottom:8px}.transcript-empty p{font-size:13px;line-height:1.6}
.word-dialog-card{position:relative;padding:32px 34px 22px;min-width:420px}.word-dialog-close{position:absolute;right:22px;top:20px;border:0;background:transparent;color:#9aa5b4;font-size:32px;cursor:pointer}.word-dialog-card h2{font-size:34px;margin:0 38px 14px 0;letter-spacing:-.5px}.dialog-phonetic{font-size:21px;font-style:italic;color:#727b8a;margin-bottom:18px}.dialog-sound{background:#f0f2f5;border-radius:50%;width:42px;height:42px;margin-left:8px}.dialog-translation{font-size:24px;font-weight:750;margin:8px 0 17px}.dialog-definition{font-size:15px;color:#637080}.related-phrases{background:#e5f4e8;border-left:4px solid #45b45e;border-radius:15px;padding:15px 16px;color:#08734b;font-size:17px;margin-top:18px}.dialog-divider{border-top:1px solid #e5e8eb;margin:22px 0 0}.dialog-save{border:0;background:transparent;color:#687486;font-size:16px;padding:18px 0 0;cursor:pointer;width:100%;text-align:left}.dialog-save:hover{color:var(--green)}

/* Library layout aligned with the visual reference. */
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;background:#f7f8f4;color:#26372f}
.topbar{height:78px;padding:0 32px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;background:rgba(255,255,255,.94)}
.talktalk-brand{font-size:24px;letter-spacing:-.6px}
.nav-tabs{justify-self:end;gap:12px;padding:0;background:transparent}
.nav-tab{min-height:46px;padding:0 22px;border:1px solid #cce2d3;border-radius:14px;background:rgba(255,255,255,.78);color:#718077;font-size:15px;font-weight:650;box-shadow:0 8px 24px rgba(29,87,57,.04)}
.nav-tab.active,.dark .nav-tab.active{background:#45a36a;border-color:#45a36a;color:#fff;box-shadow:0 10px 25px rgba(49,145,87,.18)}
.top-actions{gap:10px}.add-course-top{min-height:46px;border-radius:12px;padding:0 18px}.local-badge{display:none}

.page-shell{max-width:1680px;padding:28px 28px 44px}
.page-heading{display:none}
.home-grid{grid-template-columns:320px minmax(0,1fr);gap:28px;align-items:start}
.home-sidebar{gap:18px}
.panel{border-color:#dce8df;box-shadow:none}
.stats-card,.calendar-card,.learning-message{border-radius:22px}
.stats-card{padding:26px 27px 24px}
.stats-title{display:flex;align-items:center;gap:11px;margin-bottom:30px}
.stats-title>span{color:#3b9a62;font-size:21px;line-height:1}
.stats-title h3{margin:0;font-size:18px;font-weight:680;letter-spacing:-.2px}
.home-sidebar .stats-band{border:0;background:transparent;border-radius:0;gap:14px}
.home-sidebar .stats-band div{padding:0;border:0!important;position:relative}
.home-sidebar .stats-band strong{font-size:40px;line-height:1;font-weight:670;letter-spacing:-1.5px;color:#36905a}
.home-sidebar .stats-band div:first-child strong{color:#26372f}
.home-sidebar .stats-band span{display:block;margin-top:12px;color:#47a36b;font-size:14px;font-weight:650}
.home-sidebar .stats-band div:first-child:after{content:"";display:block;width:30px;height:4px;margin:10px auto 0;border-radius:4px;background:#46a56a}

.calendar-card{padding:22px 20px 24px;min-height:430px}
.calendar-head{margin:0 0 25px}
.calendar-head strong{font-size:19px;font-weight:680;letter-spacing:-.3px}
.calendar-head .icon-button{width:40px;height:40px;border:0;border-radius:12px;background:#f7f9f6;color:#728077;font-size:19px}
.calendar-week,.calendar-days{column-gap:0;row-gap:10px}
.calendar-week{margin:0 0 10px;color:#9aa7a0;font-size:11px;font-weight:550}
.calendar-day{height:36px;aspect-ratio:auto;border-radius:18px;font-size:14px;font-weight:520}
.calendar-day.has-study{background:#dbeee0;color:#348b57}
.calendar-day.has-study.segment-start{border-radius:18px 0 0 18px}
.calendar-day.has-study.segment-middle{border-radius:0}
.calendar-day.has-study.segment-end{border-radius:0 18px 18px 0}
.calendar-day.has-study.segment-start.segment-end{border-radius:18px}
.stats-band.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;border:0;background:transparent}.stats-band.stats-grid .stat-filter{min-height:106px;padding:16px 12px;border-radius:10px;align-items:flex-start;text-align:left;box-shadow:none}.stats-band.stats-grid .stat-filter:after{display:none}.stats-band.stats-grid .stat-filter strong{font-size:31px;letter-spacing:0}.stats-band.stats-grid .stat-filter span{margin-top:8px;font-size:13px}.stats-band.stats-grid .stat-total{background:#e9f5ed}.stats-band.stats-grid .stat-total strong,.stats-band.stats-grid .stat-total span{color:#267c4a}.stats-band.stats-grid .stat-learned{background:#e8f1ff}.stats-band.stats-grid .stat-learned strong,.stats-band.stats-grid .stat-learned span{color:#3977bd}.stats-band.stats-grid .stat-unlearned{background:#fff3df}.stats-band.stats-grid .stat-unlearned strong,.stats-band.stats-grid .stat-unlearned span{color:#c47d15}.stats-band.stats-grid .stat-saved{background:#f5ebf6}.stats-band.stats-grid .stat-saved strong,.stats-band.stats-grid .stat-saved span{color:#9b5598}.stats-band.stats-grid .stat-filter.active{outline:2px solid currentColor;outline-offset:1px}
.stats-title,.learning-notes-head{justify-content:flex-start}.stats-title{margin-bottom:22px}.stats-title h3,.learning-notes-head .eyebrow{color:#1f2e26;font-size:17px;font-weight:700;letter-spacing:0}.stats-title .stats-icon,.learning-notes-head>span{color:#238650;stroke:#238650}.learning-notes-head{gap:9px;margin-bottom:14px}.learning-notes-head>span{width:28px;height:28px;background:#eef8f1;color:#238650;font-size:16px}.learning-notes-head h3{margin:2px 0 0;color:#77847d;font-size:12px;font-weight:600}
.stats-band.stats-grid .stat-filter{align-items:center;text-align:center;background-clip:padding-box}.stats-band.stats-grid .stat-filter span{font-size:15px;font-weight:700}.stats-band.stats-grid .stat-total{background:rgba(104,187,133,.17)}.stats-band.stats-grid .stat-learned{background:rgba(91,150,229,.16)}.stats-band.stats-grid .stat-unlearned{background:rgba(241,174,63,.17)}.stats-band.stats-grid .stat-saved{background:rgba(187,111,188,.16)}
.stats-band.stats-grid{grid-template-columns:1fr;gap:8px}.stats-band.stats-grid .stat-filter{min-height:56px;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 16px;text-align:left}.stats-band.stats-grid .stat-filter strong{font-size:25px}.stats-band.stats-grid .stat-filter span{margin:0;font-size:14px}
.calendar-day.has-study:after{display:none}
.calendar-day.today{background:#49a66d!important;box-shadow:none;color:#fff!important}
.muted-day{display:grid;place-items:center;color:#d1d8d3}
.learning-message{padding:21px 23px}.learning-message h3{font-size:18px;font-weight:680}.learning-message p{font-size:13px}

.home-library{min-width:0}
.filter-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 26px;padding:21px 24px;border-radius:22px;background:#fff}
.filter-field{display:block;min-width:0}
.filter-field>span{display:block;margin:0 0 10px;color:#43564c;font-size:14px;font-weight:670}
.filter-row .filter-field select{width:100%;height:50px;padding:0 16px;border:2px solid #d9e8de;border-radius:11px;background:#fff;color:#9aa79f;font-size:14px;outline:0}
.filter-row .filter-field select:focus{border-color:#63b580}
.course-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}
.course-card{border:0;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 2px 0 rgba(43,83,61,.03)}
.course-thumb{border-radius:18px 18px 0 0;overflow:hidden}
.course-body{padding:17px 18px 18px}
.course-body h3{font-size:17px;line-height:1.45;font-weight:680;letter-spacing:-.15px;margin-bottom:7px}
.course-body p{font-size:13px;line-height:1.55;color:#87968e}
.course-tags{margin:13px 0 15px}.course-tags span{font-size:11px;padding:4px 8px}
.course-footer{font-size:11px}

@media(max-width:1250px){.topbar{grid-template-columns:auto 1fr}.top-actions{grid-column:2;grid-row:1;justify-self:end}.nav-tabs{display:none}.home-grid{grid-template-columns:290px minmax(0,1fr)}.filter-row{grid-template-columns:repeat(2,1fr)}.course-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.topbar{padding:0 16px}.home-grid{grid-template-columns:1fr}.home-sidebar{display:grid;grid-template-columns:1fr}.filter-row{grid-template-columns:1fr}.course-list{grid-template-columns:1fr}.page-shell{padding:18px 14px}.stats-card,.calendar-card,.filter-row{border-radius:16px}}

/* Statistics interaction: black active number, green label and underline. */
.stats-icon{width:28px;height:28px;fill:none;stroke:#3c9960;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.stats-band .stat-filter{appearance:none;border:0;background:transparent;position:relative;display:flex;flex-direction:column;align-items:center;padding:0;min-width:0;color:#4aa36b;cursor:pointer;font:inherit}
.stats-band .stat-filter strong{font-size:40px;line-height:1;font-weight:670;letter-spacing:-1.5px;color:rgba(54,144,90,.58)}
.stats-band .stat-filter span{display:block;margin-top:12px;color:rgba(71,163,107,.62);font-size:14px;font-weight:650}
.stats-band .stat-filter.active strong{color:#26372f}
.stats-band .stat-filter.active span{color:#47a36b}
.stats-band .stat-filter.active:after{content:"";width:30px;height:4px;margin-top:10px;border-radius:4px;background:#46a56a}
.stats-band .stat-filter:hover strong,.stats-band .stat-filter:hover span{color:#3b985f}
.sentence-speak{position:absolute;right:43px;top:14px;width:26px;height:26px;border:0;border-radius:50%;background:#f0f5f1;color:#6d8c79;cursor:pointer;font-size:13px}.sentence-speak:hover{background:var(--mint);color:var(--green-dark)}

/* English cards: a dedicated two-column word/phrase study surface. */
.cards-shell{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:calc(100vh - 78px);background:#f4f6fb}
.cards-sidebar{padding:36px 20px 30px;border-right:1px solid #dce2e8;background:#f8fafc}
.cards-sidebar-title{display:flex;align-items:center;gap:12px;padding:0 14px 28px;color:#273c50}.cards-sidebar-title>span{font-size:25px;color:#66727d}.cards-sidebar-title small{display:block;color:#9aa5af;font-size:12px;margin-bottom:4px}.cards-sidebar-title h2{margin:0;font-size:25px;font-weight:750}
.card-course-search{display:flex;align-items:center;gap:8px;margin:0 3px 18px;padding:12px 14px;border:1px solid #d6dce3;border-radius:9px;background:white;color:#9aa5af}.card-course-search input{border:0;outline:0;background:transparent;width:100%;font-size:14px}.card-course-search input::placeholder{color:#aeb7c0}
.card-course-list{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 210px);overflow:auto}.card-course-option{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;width:100%;padding:17px 15px;border:1px solid #dce1e6;border-radius:11px;background:#fff;color:#344a5e;cursor:pointer;font-size:15px;font-weight:650}.card-course-option b{color:#a1a8af;font-size:19px}.card-course-option.active{border-color:#b9cfe8;box-shadow:0 2px 7px rgba(43,81,120,.08);background:#f1f6fc}.card-course-option span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cards-main{padding:28px 34px 50px;min-width:0}.card-type-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:4px;margin-bottom:22px;border-radius:12px;background:#fff}.card-type-tabs button{height:50px;border:1px solid #d8d8d8;border-radius:9px;background:#fafaf8;color:#505050;font-size:17px;font-weight:700;cursor:pointer}.card-type-tabs button.active{background:#167cf2;border-color:#167cf2;color:#fff;box-shadow:0 2px 8px rgba(22,124,242,.2)}
.card-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 22px;border-bottom:1px solid #dfe5ea;margin-bottom:26px}.card-status-tabs{display:flex;flex-wrap:wrap;gap:10px}.card-status-tabs button,.translation-toggle{border:1px solid #d5dbe1;background:#f7f7f7;color:#62676c;border-radius:22px;padding:9px 17px;font-size:14px;cursor:pointer}.card-status-tabs button.active{background:#167cf2;color:#fff;border-color:#167cf2;box-shadow:0 3px 8px rgba(22,124,242,.18)}.translation-toggle{border-radius:9px;background:#fff;white-space:nowrap}
.english-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.english-study-card{background:#fff;border:1px solid #dce2ea;border-left:5px solid #cbd4df;border-radius:14px;padding:25px 25px 18px;min-height:405px;box-shadow:0 2px 4px rgba(49,69,90,.06)}.card-term-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-term-row h3{margin:0;color:#293c32;font-size:28px;line-height:1.2;font-weight:760;letter-spacing:-.7px}.card-sound{width:36px;height:36px;border:0;border-radius:50%;background:#f0f2f5;color:#77818d;cursor:pointer}.card-phonetic{margin:15px 0 26px;color:#86938e;font-size:17px;font-style:italic}.card-translation{display:block;padding-bottom:18px;border-bottom:1px solid #dfe9e2;color:#263b30;font-size:19px}.card-related{margin:19px 0;color:#809087;font-size:16px}.english-study-card blockquote{margin:20px 0 18px;padding:15px 17px;border-left:5px solid #44a065;border-radius:10px;background:#f7faf7;color:#41554b;font-size:16px;line-height:1.55}.english-study-card blockquote em{display:block}.card-example-zh{display:block;margin-top:8px;color:#829189;font-size:14px}.card-divider{border-top:1px solid #e2e8e3;margin:0 0 13px}.english-study-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-source{max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9aa5ac;font-size:12px}.english-study-card footer>div{display:flex;align-items:center;gap:4px}.card-mark{border:0;background:transparent;color:#a0aab2;font-size:11px;padding:4px;cursor:pointer}.card-mark.selected{color:#348d58;font-weight:750}.card-favorite{border:0;background:transparent;color:#c6ced7;font-size:24px;line-height:1;cursor:pointer}.card-favorite.saved{color:#eca63f}.translations-hidden .card-translation,.translations-hidden .card-example-zh{filter:blur(5px);user-select:none}.cards-empty{grid-column:1/-1;padding:90px 20px;text-align:center;color:#87929d}.cards-empty span{font-size:40px;color:#167cf2}.cards-empty h3{color:#354554;margin:14px 0 7px}
@media(max-width:1050px){.cards-shell{grid-template-columns:280px 1fr}.cards-main{padding:22px}.english-card-grid{grid-template-columns:1fr}}
@media(max-width:700px){.cards-shell{display:block}.cards-sidebar{border-right:0;border-bottom:1px solid #dce2e8}.card-course-list{max-height:240px}.card-filter-bar{align-items:flex-start;flex-direction:column}.cards-main{padding:18px 14px}}
.records-shell{max-width:1380px}.records-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.records-heading h1{font-size:34px;margin-bottom:8px}.records-heading p{margin:0;color:var(--muted)}.record-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.record-metric{padding:22px}.record-metric>span,.record-metric small{display:block;color:var(--muted);font-size:12px}.record-metric strong{display:block;margin:10px 0 8px;color:var(--green);font-size:34px}.record-list-panel{overflow:hidden}.record-list-heading{padding:22px 24px;border-bottom:1px solid var(--line)}.record-course-list{padding:8px 20px}.record-course{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) minmax(150px,240px) 20px;align-items:center;gap:14px;padding:17px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.record-course:last-child{border-bottom:0}.record-course-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--green)}.record-course-copy strong,.record-course-copy small{display:block}.record-course-copy small{margin-top:5px;color:var(--muted)}.record-course-progress{display:flex;align-items:center;gap:10px}.record-course-progress i{height:7px;flex:1;border-radius:8px;background:var(--panel-soft);overflow:hidden}.record-course-progress b{display:block;height:100%;background:var(--green);border-radius:8px}.record-course-progress small{width:34px;color:var(--muted)}.record-course-arrow{font-size:24px;color:var(--muted)}.record-empty{text-align:center;padding:65px 20px;color:var(--muted)}.record-empty>span{font-size:36px;color:var(--green)}.record-empty h3{margin:12px 0 7px;color:var(--ink)}
@media(max-width:850px){.record-metrics{grid-template-columns:repeat(2,1fr)}.record-course{grid-template-columns:42px 1fr 20px}.record-course-progress{grid-column:2}.records-heading{align-items:flex-start;gap:16px}}
 .processing-status{margin:4px 0 14px;padding:12px 13px;border:1px solid var(--line);border-radius:6px;background:var(--panel-soft)}
.processing-status-head{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--ink);margin-bottom:8px}
.processing-status-head span{color:var(--green);font-variant-numeric:tabular-nums}
.processing-status progress{display:block;width:100%;height:8px;border:0;border-radius:8px;overflow:hidden;accent-color:var(--green)}
.processing-status progress::-webkit-progress-bar{background:#e5ece7;border-radius:8px}
.processing-status progress::-webkit-progress-value{background:var(--green);border-radius:8px;transition:width .2s ease}
.processing-status small{display:block;margin-top:8px;color:var(--muted);line-height:1.45}
.library-actions{display:flex;gap:9px}.batch-queue{margin:14px 18px 0;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--panel-soft)}.batch-queue strong{display:block;font-size:13px;margin-bottom:7px}.batch-queue-item{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid var(--line);font-size:12px}.batch-queue-item small{color:var(--muted);white-space:nowrap}.note-attachment{display:block;margin-top:12px;padding:9px 11px;border:1px dashed var(--line);border-radius:6px;color:var(--green-dark);font-size:13px;font-weight:700;cursor:pointer}.note-attachments{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.note-attachment-chip{display:inline-flex;align-items:center;gap:6px;background:var(--panel-soft);border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:12px}.note-attachment-chip a{color:var(--green-dark);text-decoration:none}.note-attachment-chip button{border:0;background:transparent;cursor:pointer;color:var(--muted);font-size:15px;line-height:1}.course-delete{border:0;background:transparent;color:#9aa5a0;cursor:pointer;font-size:16px;padding:3px 5px}.course-delete:hover{color:#bb4040}
.talksip-logo{width:255px;height:66px;object-fit:cover;object-position:center center;border-radius:12px}.lesson-title-line{display:flex;align-items:center;gap:10px;min-width:0}.lesson-title-line h1{margin:0;font-size:22px;line-height:1.3;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lesson-meta{flex:0 0 auto}.exit-study{display:inline-grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border:0;background:transparent;padding:0;margin:0;color:#4f5552;font:800 52px/34px Arial,sans-serif;cursor:pointer}.exit-study:hover{color:var(--green-dark);transform:translateX(-2px)}.lesson-summary{margin:36px 18px 28px;padding:18px 22px;border:1px solid #d9e6dc;border-radius:14px;background:#f7faf7;box-shadow:0 3px 0 #d9e6dc,0 9px 20px rgba(32,67,45,.09)}.lesson-summary span{font-weight:800;color:var(--ink)}.lesson-summary p{margin:9px 0 0;color:#687d70;line-height:1.6;font-size:14px}.course-delete{font-size:0}.course-delete:before{content:"🗑";font-size:14px}.header-controls{position:relative;display:flex;align-items:center;gap:4px}.header-icon{width:38px;height:38px;border:0;background:transparent;color:#929c97;border-radius:9px;line-height:1;cursor:pointer}.header-icon svg{display:block;width:23px;height:23px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.header-icon:hover,.header-icon.active{background:#edf7f0;color:#3e8f5b}.header-icon#refreshSubtitleButton{color:#d90018}.transcript-popover{position:absolute;right:0;top:48px;z-index:30;width:260px;padding:20px;background:var(--panel);border:1px solid #dfe5e2;border-radius:18px;box-shadow:0 16px 35px rgba(30,53,39,.16)}.transcript-popover strong{display:block;color:#7e8a84;font-size:15px;margin:0 0 12px}.transcript-popover button{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;background:transparent;padding:12px 8px;color:#25332b;text-align:left;font-size:18px;cursor:pointer}.transcript-popover button span{display:flex;align-items:center;gap:14px}.transcript-popover button:hover{background:var(--panel-soft);border-radius:8px}.transcript-popover b{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:#19b979;color:white;font-size:17px}.transcript-popover b:empty{display:none}.transcript-popover .menu-language{display:inline-block;min-width:42px;color:#3f4844;font-style:normal;font-size:18px;font-weight:750}.transcript-popover hr{border:0;border-top:1px solid var(--line);margin:10px 0}.transcript-popover #translateNowButton{margin-top:2px;color:#48735a;font-size:14px}

.batch-upload-card{width:min(620px,calc(100vw - 32px))}.batch-upload-card .dialog-heading p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.batch-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;padding:25px;border:2px dashed #a9cbb2;border-radius:14px;background:#f6fbf7;color:#3b7650;text-align:center;transition:.18s}.batch-dropzone.dragging{border-color:var(--green);background:#e9f7ed;transform:scale(1.01)}.batch-dropzone>span{font-size:38px;margin-bottom:7px}.batch-dropzone strong{font-size:18px}.batch-dropzone small{margin:7px 0 14px;color:var(--muted)}.batch-staged-list{max-height:180px;overflow:auto;margin:14px 0}.batch-staged-list:empty{display:none}.batch-staged-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:13px}.batch-staged-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-staged-list button{border:0;background:transparent;color:#a05454;font-size:20px;cursor:pointer}
.dialog-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;min-height:54px}.dialog-actions .dialog-save{width:auto;margin-left:auto;padding:11px 4px 9px;font-weight:750;letter-spacing:.1px}.dialog-heart{border:0;background:transparent;color:#e9505f;font-size:30px;line-height:1;padding:6px 4px;cursor:pointer;filter:drop-shadow(0 2px 2px rgba(195,42,61,.18));transition:transform .16s ease,color .16s ease}.dialog-heart:hover{color:#c93143;transform:scale(1.16)}.dialog-heart:active{transform:scale(.9)}.dialog-unmark{border:1px solid #dbe4de;background:#fff;color:#6d7b73;border-radius:8px;padding:9px 12px;cursor:pointer;white-space:nowrap}.dialog-unmark:hover{border-color:#77a888;color:#2d7750}
.course-source-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px;padding:6px;border:1px solid #dbe8df;border-radius:18px;background:#f7faf7;width:100%}.course-source-tabs button{border:0;border-radius:12px;background:transparent;padding:11px 18px;color:#75847b;font-size:16px;font-weight:750;cursor:pointer}.course-source-tabs button:after{display:block;margin-top:3px;color:#9aa8a0;font-size:10px;font-weight:650;letter-spacing:.3px}.course-source-tabs button[data-course-source="all"]:after{content:"ALL VIDEOS"}.course-source-tabs button[data-course-source="online"]:after{content:"ONLINE"}.course-source-tabs button[data-course-source="local"]:after{content:"LOCAL"}.course-source-tabs button.active{background:#fff;color:#238650;box-shadow:0 2px 8px rgba(37,96,59,.12)}.course-source-tabs button.active:after{color:#69a87c}
.home-library>.course-source-tabs,.home-library>.filter-row{width:100%;max-width:none}.home-library>.course-source-tabs{margin-bottom:14px}.home-library>.filter-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px;padding:18px 24px}.home-library>.filter-row .filter-field>span{margin-bottom:8px}.home-library>.filter-row .filter-field select{height:46px}.stats-card{min-height:202px;display:flex;flex-direction:column}.stats-card .stats-band{margin-top:auto}@media(max-width:820px){.home-library>.course-source-tabs,.home-library>.filter-row{width:100%}.home-library>.filter-row{grid-template-columns:1fr}}
.delete-course-dialog{width:min(390px,calc(100vw - 32px));border:0;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(30,54,40,.22)}.delete-course-dialog::backdrop{background:rgba(24,36,29,.42)}.delete-course-card{padding:30px}.delete-course-card .eyebrow{color:#3f9860;margin-bottom:9px}.delete-course-card h2{margin:0;color:#26372f;font-size:23px;letter-spacing:-.4px}.delete-course-card p{margin:12px 0 26px;color:#77847d;font-size:14px;line-height:1.65}.delete-course-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px}.delete-course-actions .button{height:46px;border-radius:12px;font-size:16px}.delete-course-actions .button.primary{background:#247a50}.delete-course-actions .button.primary:hover{background:#165a3a}
.learning-notes-head{justify-content:flex-start;align-items:center}.learning-notes-head>span{order:0;width:28px;height:28px;margin-right:11px;border-radius:0;background:transparent;color:#3c9960;font-size:25px}.learning-notes-head>div{order:1}.learning-notes-head h3{margin-top:3px}
.learning-notes-head .eyebrow{margin:0;color:#238650;font-size:18px;font-weight:680;letter-spacing:-.2px;line-height:28px;text-transform:none}.learning-notes-head h3{color:#718078;font-size:14px;font-weight:650;line-height:1.2}
.stats-title h3{color:#238650}
.stats-title,.learning-notes-head{justify-content:flex-end}.stats-title h3,.learning-notes-head .eyebrow{font-size:23px;font-weight:700;letter-spacing:-.5px}.stats-title{margin-bottom:30px}.learning-notes-head>span{flex:0 0 auto}.learning-notes-head>div{flex:0 0 auto}
.capture-tab-audio{margin-top:10px;color:#247a50}
.header-controls{gap:5px}.header-icon{display:inline-flex;align-items:center;width:auto;height:34px;padding:0 9px;border:1px solid transparent;border-radius:8px;background:#f7faf7;color:#66766d;font-size:13px;font-weight:700}.header-icon svg{display:none}.header-icon::after{white-space:nowrap}.header-icon#refreshSubtitleButton::after{content:"刷新"}.header-icon#subtitleMenuButton::after{content:"翻译"}.header-icon#loopMenuButton::after{content:"循环"}.header-icon#practiceButton::after{content:"练习"}.header-icon#deepReadButton::after{content:"精读"}.header-icon#exportButton::after{content:"导出"}.header-icon#refreshSubtitleButton{color:#d90018}.header-icon:hover,.header-icon.active{background:#edf7f0;border-color:#cfe5d6;color:#238650}.header-text-action{height:34px;border:1px solid #cfe5d6;border-radius:8px;background:#fff;color:#238650;padding:0 10px;font-size:13px;font-weight:750;cursor:pointer;white-space:nowrap}.header-text-action:hover{background:#edf7f0}.note-editor-open .notes-panel{display:block!important;position:fixed;z-index:80;right:20px;top:90px;bottom:20px;width:min(420px,calc(100vw - 40px));height:auto!important;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 50px rgba(24,48,33,.22)}
.header-icon{width:38px;height:38px}.header-icon svg{width:27px;height:27px;stroke-width:1.55}.header-controls{gap:6px}.header-icon:not(#refreshSubtitleButton){color:#99a39e}.header-icon:hover,.header-icon.active{background:#edf7f0;color:#2d9860}.header-icon#refreshSubtitleButton{color:#d90018}
.header-controls{justify-content:flex-end;gap:5px}.header-icon{display:inline-flex!important;align-items:center;justify-content:center;width:52px;height:34px;padding:0;border-radius:8px;font-size:12px;line-height:1}.header-icon svg{display:none!important}.header-text-action{height:34px;padding:0 9px;font-size:12px}.transcript-status{align-items:center}.subtitle-count{display:flex;align-items:center;gap:9px}.transcript-actions{display:inline-flex;gap:5px}.transcript-actions button{height:25px;padding:0 8px;border:1px solid #d8e4dc;border-radius:5px;background:#fff;color:#6d7c73;font-size:11px;font-weight:650;cursor:pointer}.transcript-actions button:hover{border-color:#86b99a;background:#edf7f0;color:#238650}
.transcript-popover{width:194px;padding:12px 13px;border-radius:10px}.transcript-popover strong{margin:0 0 7px;font-size:12px}.transcript-popover button{padding:7px 6px;font-size:13px;line-height:1.2}.transcript-popover button span{gap:8px}.transcript-popover .menu-language{min-width:28px;font-size:13px}.transcript-popover b{min-width:20px;height:20px;font-size:12px}.transcript-popover hr{margin:6px 0}.transcript-popover #translateNowButton{font-size:12px}
.workspace>.transcript-panel{position:sticky;top:90px;height:calc(100vh - 108px);max-height:calc(100vh - 108px);display:flex;flex-direction:column;overflow:hidden}.workspace>.transcript-panel .transcript-list{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding-right:10px}.workspace>.transcript-panel .transcript-header,.workspace>.transcript-panel .transcript-status{flex:0 0 auto}.sentence{padding-right:100px}.sentence-edit{position:absolute;right:42px;top:14px;width:26px;height:26px;border:0;border-radius:50%;background:#fff;color:#7a8c81;font-size:14px;line-height:1;cursor:pointer}.sentence-edit:hover{background:#edf7f0;color:#238650}.sentence-delete-direct{position:absolute;right:72px;top:14px;width:25px;height:25px;border:0;border-radius:50%;background:#fff;color:#a48f8f;font-size:12px;line-height:1;cursor:pointer;filter:grayscale(.25)}.sentence-delete-direct:hover{background:#fff0f0;color:#bb4040;filter:none}.sentence-editor-dialog{width:min(430px,calc(100vw - 32px))}.sentence-editor-card{padding:20px}.sentence-editor-card textarea{display:block;width:100%;min-height:86px;margin:7px 0 14px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--panel-soft);color:var(--ink);resize:vertical;line-height:1.5}.sentence-editor-card .dialog-actions{margin-top:2px}.sentence-editor-card .dialog-actions .button{padding:9px 14px}@media(max-width:1250px){.workspace>.transcript-panel{position:static;height:auto;max-height:none}.workspace>.transcript-panel .transcript-list{max-height:none;overflow:visible}} 
.sentence-time-fields{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 14px}.sentence-time-fields label{font-size:12px!important}.sentence-time-fields input{margin:6px 0 0!important;padding:8px!important;font-variant-numeric:tabular-nums}
.sentence-delete-button{margin-right:auto;border:0;background:transparent;color:#c15a5a;padding:8px 4px;font-size:13px;font-weight:700;cursor:pointer}.sentence-delete-button:hover{color:#a33030;text-decoration:underline}
.dialog-heart{width:38px;height:38px;display:inline-grid;place-items:center;padding:0;font-size:30px}.dialog-heart.unmarked{color:#a6b1ad;filter:none}.dialog-heart.unmarked:hover{color:#e9505f}.dialog-save{display:inline-flex;align-items:center;gap:7px!important}.dialog-star{display:inline-grid;place-items:center;width:30px;height:30px;font-size:22px;font-weight:400;line-height:1;color:#a6b1ad}
.filter-row .filter-field select{appearance:none;padding-right:2.1cm;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%239aa79f' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - .5cm) center}.course-title-actions{display:flex;align-items:flex-start;gap:4px;align-self:flex-start}.course-top{align-items:flex-start}.course-top h3{margin-top:0}.course-edit-title{border:0;background:transparent;color:#739083;font-size:16px;line-height:20px;padding:2px 4px;cursor:pointer}.course-edit-title:hover{color:#238650}.course-delete{line-height:20px!important;padding:2px 4px!important;align-self:flex-start}.course-processing{display:inline-block;margin:2px 0 0;padding:4px 7px;border-radius:4px;background:#edf7f0;color:#238650;font-size:11px;font-weight:700}.course-processing.failed{background:#fff0f0;color:#ae4040}
.course-retranslate{border:0;background:transparent;color:#398d5a;font-weight:800;font-size:12px;line-height:20px;padding:2px 4px;cursor:pointer}.course-retranslate:hover{color:#165a3a;text-decoration:underline}
.course-body{display:grid;grid-template-rows:52px 44px auto auto;min-height:278px}.course-top{height:52px;min-height:52px}.course-top h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0}.course-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0!important}.course-card.long-title .course-description{-webkit-line-clamp:1}.course-card .course-processing{align-self:start}.course-card .course-tags{align-self:start}.course-card .course-footer{align-self:end}
.workspace{align-items:stretch}.workspace>.transcript-panel{position:static;top:auto;height:auto;max-height:none;align-self:stretch}.workspace>.transcript-panel .transcript-list{min-height:0;overflow-y:auto}
.course-list{align-items:start}.course-card{align-self:start}.course-body{display:block;min-height:0}.course-top{height:52px;min-height:52px}.course-description{min-height:44px}.course-tags{margin:9px 0 10px!important}.course-footer{margin-top:0!important}.course-processing{margin:0 0 7px!important}
.workspace>.transcript-panel{display:flex;flex-direction:column;overflow:hidden}.workspace>.transcript-panel .transcript-list{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}
.workspace>.transcript-panel{min-height:0}
.lesson-summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.lesson-summary-edit{border:0;background:transparent;color:#47885e;font-size:16px;line-height:1;padding:5px;cursor:pointer}.lesson-summary-edit:hover{color:#165a3a;background:#edf7f0;border-radius:5px}.lesson-summary p{overflow:visible}.lesson-summary-input{display:block;width:100%;min-height:76px;margin-top:9px;padding:8px 10px;border:1px solid #b9d8c2;border-radius:6px;background:#fff;color:#4b6457;font:inherit;line-height:1.65;resize:vertical;outline:none}
.course-card.long-title .course-description{-webkit-line-clamp:2}.course-description{min-height:48px}
.translation-progress-status{display:inline-flex;align-items:center;margin-left:14px;color:#d47e00;font-size:13px;font-weight:750}.course-retranslate.state-ready{color:#398d5a}.course-retranslate.state-pending{color:#d47e00;animation:translation-pulse 1.1s ease-in-out infinite}.course-retranslate.state-failed{color:#c64949}@keyframes translation-pulse{50%{opacity:.35}}
.note-editor-close{display:none}.note-editor-open .note-editor-close{display:grid;place-items:center;position:absolute;right:14px;top:14px;z-index:2;width:30px;height:30px;border:0;border-radius:7px;background:#f3f6f3;color:#4d5c54;font-size:23px;line-height:1;cursor:pointer}.note-editor-open .note-editor-close:hover{background:#e4f2e8;color:#1d7041}
.note-editor-open .notes-panel{right:24px;top:88px;bottom:auto;width:min(360px,calc(100vw - 40px));height:min(620px,calc(100vh - 110px))!important;overflow:auto}
.workspace>.transcript-panel{position:relative}.transcript-return-active{position:absolute;right:18px;bottom:16px;z-index:4;border:0;border-radius:7px;background:#247a50;color:#fff;padding:9px 11px;font-size:12px;font-weight:750;box-shadow:0 4px 12px rgba(26,86,52,.24);cursor:pointer}.transcript-return-active:hover{background:#165a3a}
.delete-sentence-dialog{width:min(360px,calc(100vw - 32px));border:0;border-radius:14px}.delete-sentence-card{padding:24px}.delete-sentence-card h2{margin:0;color:#26372f;font-size:20px}.delete-sentence-card p{margin:10px 0 22px;color:#77847d;font-size:14px}.delete-sentence-actions{display:flex;justify-content:flex-end;gap:9px}.button.danger{background:#c44747;color:#fff}.button.danger:hover{background:#a73232}
.learning-notes{border-radius:22px;padding:26px 27px 24px;overflow:hidden}.learning-notes-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.learning-notes-head .eyebrow{margin-bottom:5px;color:#238650;font-size:23px;font-weight:780;letter-spacing:-.6px;text-transform:none}.learning-notes-head h3{margin:0;color:#718078;font-size:14px;font-weight:650;letter-spacing:0}.learning-notes-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef8f1;color:#3b9a62;font-size:19px}.learning-notes #homeNotes{display:grid;gap:10px}.home-note{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:14px 15px;border:1px solid #dce8df;border-radius:13px;background:#f9fcf9;color:#304238;text-align:left;cursor:pointer}.home-note:hover{border-color:#8ec7a0;background:#f2faf4}.home-note strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.home-note small{color:#8a9990;font-size:11px;align-self:center}.home-note p{grid-column:1/-1;margin:1px 0 0;color:#708078;font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-note em{grid-column:1/-1;color:#3d8e5b;font-size:12px;font-style:normal}.home-notes-empty{margin:0;padding:15px;border:1px dashed #cfe0d4;border-radius:13px;background:#fafcfa;color:#718078;font-size:13px;line-height:1.65}
/* The transcript must own its scroll area so manual scrolling can pause
   following playback and reveal the return control. */
html,body{min-height:100%;overflow-y:auto}.workspace{align-items:start}.notes-panel{height:auto;max-height:none;overflow:visible;position:static}
.workspace>.transcript-panel{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:0}
.workspace>.transcript-panel .transcript-list{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}
.transcript-return-active{position:absolute;right:14px;top:42%;z-index:8;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(73,123,94,.22);border-radius:50%;background:rgba(255,255,255,.72);color:#43845b;font-size:21px;font-weight:700;line-height:1;box-shadow:0 3px 10px rgba(32,67,45,.13);backdrop-filter:blur(6px);cursor:pointer;transition:background .16s,color .16s,transform .16s}.transcript-return-active:hover{background:rgba(237,247,240,.96);color:#1d7141;transform:translateY(-1px)}
@media(max-width:1250px){.workspace>.transcript-panel{height:70vh!important;max-height:70vh}.workspace>.transcript-panel .transcript-list{overflow-y:auto}}
.video-cover{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background-color:#18251d;background-position:center;background-size:cover}.video-cover:after{content:"";position:absolute;inset:0;background:rgba(10,18,13,.18)}.video-cover.hidden,.video-pause-overlay.hidden{display:none}.video-cover-play,.video-pause-overlay{position:absolute;z-index:6;width:68px;height:68px;border:2px solid rgba(255,255,255,.85);border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:27px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.25);backdrop-filter:blur(4px)}.video-cover-play{position:relative;z-index:7;padding-left:5px}.video-cover-play:hover,.video-pause-overlay:hover{background:rgba(255,255,255,.32);transform:scale(1.04)}.video-pause-overlay{left:50%;top:50%;transform:translate(-50%,-50%)}.video-pause-overlay:hover{transform:translate(-50%,-50%) scale(1.04)}
.course-thumb{position:relative;background-size:cover;background-position:center}.course-favorite,.favorite-heart{position:absolute;right:12px;top:12px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.86);color:#aeb9b4;font-size:25px;line-height:1;cursor:pointer}.course-favorite.saved,.favorite-heart.saved{color:#de5b67}.favorites-shell{max-width:980px}.favorites-heading{display:flex;align-items:center;justify-content:space-between;margin:15px 0 38px}.favorites-heading h1{margin:0;font-size:34px}.favorites-tabs{display:flex;justify-content:flex-end;gap:28px;margin-bottom:24px;border-bottom:1px solid var(--line)}.favorites-tabs button{border:0;background:transparent;padding:10px 2px;color:#87938d;font-size:15px;cursor:pointer}.favorites-tabs button.active{border-bottom:3px solid var(--green);color:var(--green);font-weight:750}.word-library{display:grid;grid-template-columns:1fr;gap:14px}.favorite-item,.favorite-course-card{position:relative;border:1px solid #e4eae5;border-radius:12px;background:#fff;padding:24px 28px;box-shadow:0 8px 26px rgba(38,62,46,.05)}.favorite-item h3,.favorite-course-card h3{margin:0 0 10px;color:#1f2e26;font-size:19px}.favorite-item p,.favorite-course-card p{margin:0 0 18px;color:#76837c;font-size:15px}.favorite-item small,.favorite-course-card small{color:#929d97;font-size:13px}.favorite-more{position:absolute;right:16px;top:14px;border:0;background:transparent;color:#9aa6a0;font-size:20px;cursor:pointer}.favorite-practice{float:right;border:0;border-radius:18px;padding:8px 14px;background:#eef5ff;color:#3974d5;font-size:14px;cursor:pointer}.favorite-course-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;padding:0;overflow:hidden}.favorite-course-cover{min-height:140px;background:#e6efe8 center/cover}.favorite-course-card>div:last-child{padding:22px 24px}.favorite-course-cover .favorite-heart{right:10px;top:10px}.favorites-empty{text-align:center;padding:80px 20px;color:#819087}.favorites-empty h3{color:#2d4035}

/* Compact video controls: icons/numbers match the label size. */
.study-toolbar .tool-button {
  color: #718077;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
}
.study-toolbar .tool-button span {
  color: #238650;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
}
.study-toolbar .tool-button:hover,
.study-toolbar .tool-button.active { color: #718077; }

/* Keep the two home-panel headings aligned at the left edge. */
.stats-card .stats-title { justify-content: flex-start !important; margin-bottom: 22px; }
.stats-card .stats-title h3 { color: #1f2e26 !important; font-size: 17px !important; font-weight: 700 !important; letter-spacing: 0; }
.stats-card .stats-title .stats-icon { stroke: #238650 !important; }
.learning-notes .learning-notes-head { justify-content: flex-start !important; align-items: center !important; gap: 9px !important; margin-bottom: 14px; }
.learning-notes .learning-notes-head > span { order: 0; width: 28px; height: 28px; margin: 0; border-radius: 8px; background: #eef8f1; color: #238650; font-size: 16px; }
.learning-notes .learning-notes-head > div { order: 1; }
.learning-notes .learning-notes-head .eyebrow { margin: 0; color: #1f2e26 !important; font-size: 17px !important; font-weight: 700 !important; letter-spacing: 0; line-height: 1.15; }
.learning-notes .learning-notes-head h3 { margin: 3px 0 0; color: #77847d; font-size: 12px; font-weight: 600; }

/* Complete blue-theme cleanup for tabs, secondary English labels, and borders. */
.nav-tab.active,.course-source-tabs button.active{background:#1677ff!important;color:#fff!important;border-color:#1677ff!important;box-shadow:0 5px 16px rgba(22,119,255,.18)!important}.nav-tab,.course-source-tabs button{color:#3978c5!important;border-color:#d9e5f5!important}.course-source-tabs{border-color:#d9e5f5!important;background:#f8fbff!important}.course-source-tabs button:after{color:#8ca4c4!important}.course-source-tabs button.active:after{color:#cfe1ff!important}.filter-row{border-color:#d9e5f5!important}.filter-row .filter-field span{color:#3978c5!important}.filter-row input,.filter-row select{border-color:#d9e5f5!important}.button.primary,.transcript-return-active{background:#1677ff!important}.button.primary:hover,.transcript-return-active:hover{background:#0d56bc!important}.panel,.stats-card,.calendar-card,.learning-notes,.lesson-summary{border-color:#d9e5f5!important}.header-icon:hover,.header-icon.active{background:#eaf2ff!important;border-color:#c9defe!important;color:#1677ff!important}.header-text-action{border-color:#c9defe!important;color:#1677ff!important}.header-text-action:hover{background:#eaf2ff!important}.transcript-actions button:hover{border-color:#9fc4ff!important;background:#eaf2ff!important;color:#1677ff!important}

/* TalkSip mint-green theme. */
.nav-tab.active,.course-source-tabs button.active{background:#55d6ac!important;border-color:#55d6ac!important;box-shadow:0 5px 16px rgba(85,214,172,.22)!important}.nav-tab,.course-source-tabs button{color:#278a72!important;border-color:#d8eee7!important}.course-source-tabs{border-color:#d8eee7!important;background:#f8fcfb!important}.course-source-tabs button:after{color:#88aaa0!important}.course-source-tabs button.active:after{color:#eafff7!important}.filter-row{border-color:#d8eee7!important}.filter-row .filter-field span{color:#278a72!important}.filter-row input,.filter-row select{border-color:#d8eee7!important}.button.primary,.transcript-return-active{background:#55d6ac!important}.button.primary:hover,.transcript-return-active:hover{background:#278a72!important}.panel,.stats-card,.calendar-card,.learning-notes,.lesson-summary{border-color:#d8eee7!important}.header-icon:hover,.header-icon.active{background:#e5faf3!important;border-color:#bcebdd!important;color:#278a72!important}.header-text-action{border-color:#bcebdd!important;color:#278a72!important}.header-text-action:hover{background:#e5faf3!important}.transcript-actions button:hover{border-color:#9addc8!important;background:#e5faf3!important;color:#278a72!important}.eyebrow,.import-icon,.stats-card .stats-title .stats-icon,.learning-notes .learning-notes-head>span,.course-retranslate,.lesson-summary-edit{color:#55d6ac!important;stroke:#55d6ac!important}.calendar-day.has-study{background:#e5faf3!important;color:#278a72!important}.calendar-day.today{background:#55d6ac!important}.word-token.core-token,.word-token.saved-token{border-bottom-color:#72ddb9!important}.word-token.saved-token,.sentence-star.saved{color:#278a72!important;border-bottom-color:#55d6ac!important}.home-note:hover{border-color:#9addc8!important;background:#f4fdf9!important}

/* Final orange-theme overrides. */
.eyebrow,.import-icon,.stats-card .stats-title .stats-icon,.learning-notes .learning-notes-head>span,.course-retranslate,.lesson-summary-edit{color:#d97706!important;stroke:#d97706!important}.stats-card,.calendar-card,.learning-notes,.lesson-summary,.panel{border-color:#f0dcc9}.course-tags span,.course-tags .author-tag{border-color:#f2d3ac;background:#fff2df;color:#b85f08}.calendar-day.has-study{background:#fff0dd;color:#b85f08}.calendar-day.today{background:#dc7a09!important}.word-token.core-token,.word-token.saved-token{border-bottom-color:#ef9c38}.word-token.saved-token,.sentence-star.saved{color:#d97706;border-bottom-color:#d97706}.learning-notes .learning-notes-head>span{background:#fff0dd}.home-note:hover{border-color:#edb66d;background:#fff8ef}.button.primary,.transcript-return-active{background:#d97706}.button.primary:hover,.transcript-return-active:hover{background:#a94f08}

/* Course metadata colors and orange library controls. */
.course-tags .author-tag{background:#edf8f0!important;border-color:#bfe2c9!important;color:#27834a!important}.course-tags span:nth-child(2){background:#edf4ff!important;border-color:#c7dcfb!important;color:#3978c5!important}.course-tags span:nth-child(3){background:#fff2df!important;border-color:#f4ce9c!important;color:#c96d0a!important}.nav-tab.active,.course-source-tabs button.active{background:#dc7a09!important;color:#fff!important;box-shadow:0 5px 16px rgba(217,119,6,.18)}.nav-tabs,.course-source-tabs{border-color:#f0d7bc}.nav-tab,.course-source-tabs button{border-color:#f0d7bc;color:#a85e17}.filter-row{border-color:#f0d7bc!important}.filter-row .filter-field span{color:#b85f08}.filter-row input,.filter-row select{border-color:#f0d7bc!important}.filter-row .filter-field select{background-color:#fffdf9}

/* Blue primary theme. */
.eyebrow,.import-icon,.stats-card .stats-title .stats-icon,.learning-notes .learning-notes-head>span,.course-retranslate,.lesson-summary-edit{color:#1677ff!important;stroke:#1677ff!important}.stats-card,.calendar-card,.learning-notes,.lesson-summary,.panel{border-color:#d9e5f5}.calendar-day.has-study{background:#eaf2ff;color:#1677ff}.calendar-day.today{background:#1677ff!important}.word-token.core-token,.word-token.saved-token{border-bottom-color:#6ca8ff}.word-token.saved-token,.sentence-star.saved{color:#1677ff;border-bottom-color:#1677ff}.learning-notes .learning-notes-head>span{background:#eaf2ff}.home-note:hover{border-color:#9fc4ff;background:#f4f8ff}.button.primary,.transcript-return-active{background:#1677ff}.button.primary:hover,.transcript-return-active:hover{background:#0d56bc}.nav-tab.active,.course-source-tabs button.active{background:#1677ff!important;box-shadow:0 5px 16px rgba(22,119,255,.18)}.nav-tabs,.course-source-tabs{border-color:#d9e5f5}.nav-tab,.course-source-tabs button{border-color:#d9e5f5;color:#3978c5}.filter-row{border-color:#d9e5f5!important}.filter-row .filter-field span{color:#3978c5}.filter-row input,.filter-row select{border-color:#d9e5f5!important}.filter-row .filter-field select{background-color:#fbfdff}

/* Softer, translucent study-stat colors. */
.stats-band.stats-grid .stat-filter { opacity: .88; }
.stats-band.stats-grid .stat-filter strong { font-weight: 650; }
.stats-band.stats-grid .stat-filter span { font-weight: 600; }
.stats-band.stats-grid .stat-total { background: rgba(104,187,133,.11) !important; }
.stats-band.stats-grid .stat-total strong,.stats-band.stats-grid .stat-total span { color: rgba(38,124,74,.78) !important; }
.stats-band.stats-grid .stat-learned { background: rgba(91,150,229,.10) !important; }
.stats-band.stats-grid .stat-learned strong,.stats-band.stats-grid .stat-learned span { color: rgba(57,119,189,.76) !important; }
.stats-band.stats-grid .stat-unlearned { background: rgba(241,174,63,.11) !important; }
.stats-band.stats-grid .stat-unlearned strong,.stats-band.stats-grid .stat-unlearned span { color: rgba(196,125,21,.76) !important; }
.stats-band.stats-grid .stat-saved { background: rgba(187,111,188,.10) !important; }
.stats-band.stats-grid .stat-saved strong,.stats-band.stats-grid .stat-saved span { color: rgba(155,85,152,.76) !important; }
.stats-band.stats-grid .stat-filter.active { opacity: .78; outline-width: 1px; }

/* Orange site theme for legacy components that use explicit colors. */
.eyebrow,.import-icon,.stats-card .stats-title .stats-icon,.learning-notes .learning-notes-head>span,.course-retranslate,.lesson-summary-edit,.header-icon:hover,.header-icon.active { color:#d97706 !important; stroke:#d97706 !important; }
.stats-card,.calendar-card,.learning-notes,.lesson-summary,.panel { border-color:#f0dcc9; }
.course-tags span,.course-tags .author-tag { border-color:#f2d3ac; background:#fff2df; color:#b85f08; }
.course-tags .author-tag { background:#fff5e8; color:#b85f08; }
.calendar-day.has-study { background:#fff0dd; color:#b85f08; }
.calendar-day.today { background:#dc7a09 !important; }
.stats-icon { stroke:#d97706; }
.word-token.core-token,.word-token.saved-token { border-bottom-color:#ef9c38; }
.word-token.saved-token,.sentence-star.saved { color:#d97706; border-bottom-color:#d97706; }
.learning-notes .learning-notes-head>span { background:#fff0dd; }
.home-note:hover { border-color:#edb66d; background:#fff8ef; }
.button.primary,.transcript-return-active { background:#d97706; }
.button.primary:hover,.transcript-return-active:hover { background:#a94f08; }

/* Neutral text for inactive controls; mint is reserved for active emphasis. */
.nav-tab:not(.active),.course-source-tabs button:not(.active),.filter-row .filter-field span{color:#34443f!important}.course-source-tabs button:not(.active):after{color:#8a9995!important}.filter-row select{color:#71807b!important}.course-source-tabs button.active,.nav-tab.active{color:#fff!important}

/* Final TalkSip palette: one mint-green accent, no blue/orange/dark-green leftovers. */
:root{--bg:#f8fcfb;--panel:#fff;--panel-soft:#f6fcfa;--ink:#273a36;--muted:#73837f;--line:#d8eee7;--green:#55d6ac;--green-dark:#278a72;--mint:#e5faf3;--orange:#55d6ac}
.button.primary,.transcript-return-active,.nav-tab.active,.course-source-tabs button.active{background:#55d6ac!important;border-color:#55d6ac!important;color:#fff!important;box-shadow:0 5px 16px rgba(85,214,172,.22)!important}.button.primary:hover,.transcript-return-active:hover{background:#278a72!important}.nav-tab,.course-source-tabs button{color:#278a72!important;border-color:#d8eee7!important}.nav-tabs,.course-source-tabs{border-color:#d8eee7!important;background:#f8fcfb!important}.course-source-tabs button:after{color:#8ea9a1!important}.course-source-tabs button.active:after{color:#effff9!important}.filter-row,.panel,.stats-card,.calendar-card,.learning-notes,.lesson-summary{border-color:#d8eee7!important}.filter-row .filter-field span,.eyebrow,.import-icon,.course-retranslate,.lesson-summary-edit{color:#278a72!important;stroke:#55d6ac!important}.filter-row input,.filter-row select{border-color:#d8eee7!important;background-color:#fbfefd!important}.header-icon:hover,.header-icon.active,.header-text-action:hover{background:#e5faf3!important;color:#278a72!important;border-color:#bcebdd!important}.header-text-action{color:#278a72!important;border-color:#bcebdd!important}.transcript-actions button:hover{border-color:#9addc8!important;background:#e5faf3!important;color:#278a72!important}.stats-icon{stroke:#55d6ac!important}.calendar-day.has-study{background:#e5faf3!important;color:#278a72!important}.calendar-day.today{background:#55d6ac!important}.word-token.core-token,.word-token.saved-token{border-bottom-color:#72ddb9!important}.word-token.saved-token,.sentence-star.saved{color:#278a72!important;border-bottom-color:#55d6ac!important}.learning-notes .learning-notes-head>span{background:#e5faf3!important;color:#278a72!important}.home-note:hover{border-color:#9addc8!important;background:#f4fdf9!important}.course-thumb{background-color:#e5faf3}.course-thumb:not([style]){background-image:linear-gradient(135deg,#3ab995,#55d6ac)!important;color:#fff!important}

/* Soften all hierarchy text without changing active controls or status colors. */
body h1,body h2,body h3,
.course-body h3,.course-card h3,.course-title,.lesson-title-line h1,
.calendar-head strong,.records-heading h1,.page-heading h1,
.favorites-heading h1,.stats-title h3,.learning-notes-head .eyebrow,
.favorite-item h3,.favorite-course-card h3,.cards-empty h3,
.favorites-empty h3,.delete-course-card h2,.card-term-row h3 {
  color:rgba(39,58,54,.76)!important;
}

.stats-card .stats-title h3 {
  color:rgba(39,58,54,.76)!important;
}

/* Prevent browser/system accent colors from leaking into editable controls. */
input:focus,textarea:focus,select:focus,[contenteditable="true"]:focus {
  outline:2px solid rgba(85,214,172,.72)!important;
  outline-offset:0!important;
  border-color:#55d6ac!important;
  box-shadow:0 0 0 3px rgba(85,214,172,.14)!important;
}
input,textarea,select { accent-color:#55d6ac; }

.note-pending-attachments{margin-top:9px;padding:10px;border:1px solid #bcebdd;border-radius:8px;background:#f4fdf9}.note-pending-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;color:#278a72;font-size:12px;font-weight:700}.note-pending-head button,.note-actions button{border:1px solid #9addc8;border-radius:5px;background:#fff;color:#278a72;padding:5px 9px;font-size:12px;font-weight:700;cursor:pointer}.note-pending-head button:hover,.note-actions button:hover{background:#e5faf3}.note-pending-head button:disabled{opacity:.55;cursor:wait}.note-attachment-chip.pending{background:#f4fdf9}.note-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.note-actions .autosave-note{margin:8px 0 0}.note-actions button{margin-top:8px;color:#75827d;border-color:#d8eee7;font-weight:600}
.dialog-star.saved{color:#efb637!important}
.word-save-star.saved{color:#efb637}

/* Intensive-reading cards: review controls appear when the learner engages a card. */
.card-type-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.card-filter-actions{display:flex;align-items:center;gap:8px}.add-expression-button{border-color:#9addc8!important;color:#278a72!important}.expression-dialog-card textarea{display:block;width:100%;min-height:78px;margin:7px 0 12px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--panel-soft);color:var(--ink);resize:vertical}.english-study-card .card-review-actions{opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.english-study-card:hover .card-review-actions,.english-study-card:focus-within .card-review-actions{opacity:1;transform:none;pointer-events:auto}.card-mark.known,.card-mark.unknown{border:1px solid transparent;border-radius:5px;padding:5px 8px;font-size:12px;font-weight:700}.card-mark.known{color:#278a72;background:#e5faf3;border-color:#bcebdd}.card-mark.unknown{color:#b97417;background:#fff4df;border-color:#f2d49c}.card-mark.known.selected{color:#fff;background:#55b98d;border-color:#55b98d}.card-mark.unknown.selected{color:#fff;background:#e0a03d;border-color:#e0a03d}@media(max-width:700px){.card-filter-actions{width:100%;justify-content:space-between}.card-type-tabs{font-size:14px}.english-study-card .card-review-actions{opacity:1;transform:none;pointer-events:auto}}

/* Align the two home-panel headings as one visual system. */
.stats-card .stats-title,.learning-notes .learning-notes-head{align-items:flex-start!important;justify-content:flex-start!important;gap:11px!important}.stats-card .stats-title .stats-icon,.learning-notes .learning-notes-head>span{flex:0 0 28px!important;width:28px!important;height:28px!important;margin:0!important}.stats-card .stats-title h3,.learning-notes .learning-notes-head .eyebrow{margin:0!important;font-size:22px!important;line-height:28px!important;font-weight:700!important;color:rgba(39,58,54,.76)!important}.learning-notes .learning-notes-head>div{min-width:0}.learning-notes .learning-notes-head h3{margin:4px 0 0!important;color:#278a72!important;font-size:12px!important;line-height:1.25!important;font-weight:650!important}

.note-attachment-preview{border:0;background:transparent;padding:0;color:#278a72;cursor:pointer;font:inherit;text-align:left}.note-attachment-preview:hover{text-decoration:underline}.attachment-viewer-dialog{width:min(980px,calc(100vw - 40px));height:min(780px,calc(100vh - 40px));border:0;border-radius:10px;background:#fff;box-shadow:0 24px 70px rgba(25,55,46,.24)}.attachment-viewer-dialog::backdrop{background:rgba(22,38,33,.48)}.attachment-viewer-card{display:flex;height:100%;min-height:0;flex-direction:column}.attachment-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #d8eee7;color:rgba(39,58,54,.76)}.attachment-viewer-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-viewer-head .icon-button{flex:0 0 auto}.attachment-viewer-content{display:grid;min-height:0;flex:1;place-items:center;background:#f6fcfa}.attachment-viewer-content iframe,.attachment-viewer-content video{width:100%;height:100%;border:0;background:#111}.attachment-viewer-content img{display:block;max-width:100%;max-height:100%;object-fit:contain}

/* The course note stays in a right rail, and PDF previews stay inside it. */
.note-panel-visible .workspace{grid-template-columns:minmax(360px,1.2fr) minmax(330px,.9fr) minmax(280px,.64fr)!important;align-items:start}.note-panel-visible .workspace>.notes-panel{display:block!important;grid-column:auto!important;height:calc(100vh - 108px)!important;max-height:calc(100vh - 108px)!important;overflow:auto!important;position:sticky!important;top:90px!important}.note-panel-visible .notes-panel .note-editor-close{display:grid;position:static;margin:0 0 10px auto}.note-panel-visible #lessonNotes{min-height:260px}.note-attachment-actions{display:flex;gap:8px;margin-top:12px}.note-attachment-actions .note-attachment{flex:1;margin:0;text-align:center}.note-image-upload b{font-size:17px;line-height:0}.attachment-file-icon{display:inline-grid;place-items:center;min-width:25px;height:18px;border-radius:3px;font-size:9px;font-weight:800}.attachment-file-icon.pdf{background:#fff0f0;color:#c44848}.attachment-file-icon.image{background:#e5faf3;color:#278a72}.note-history{display:grid;gap:10px;margin-top:15px}.note-history-entry{border-top:1px solid #d8eee7;padding-top:10px}.note-history-entry h4{margin:0 0 6px;color:#278a72;font-size:12px;font-weight:700}.note-history-entry p{margin:0;color:#566963;font-size:13px;line-height:1.55;white-space:pre-wrap}.note-attachment-preview-panel{margin-top:14px;border:1px solid #d8eee7;border-radius:7px;overflow:hidden}.note-preview-head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;background:#f6fcfa;color:#36534a;font-size:12px}.note-preview-head span{display:flex;align-items:center;gap:5px}.note-preview-head button{width:24px;height:24px;border:1px solid #d8eee7;border-radius:4px;background:#fff;color:#278a72;font-size:16px;line-height:1;cursor:pointer}.note-preview-head b{min-width:34px;text-align:center;color:#74847e;font-size:11px}.note-preview-frame{height:min(55vh,560px);overflow:auto;background:#f3f7f5}.note-preview-frame iframe{display:block;width:100%;height:100%;border:0;transform-origin:top left}.loop-setting{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:9px 8px!important;color:#5e706a!important;font-size:13px!important}.loop-setting select{min-width:82px;padding:5px 8px;border:1px solid #d8eee7;border-radius:5px;background:#fff;color:#278a72;font:inherit}.loop-setting.loop-toggle input{width:34px;height:18px;accent-color:#55d6ac}@media(max-width:1250px){.note-panel-visible .workspace{grid-template-columns:minmax(0,1fr) minmax(300px,.7fr)!important}.note-panel-visible .workspace>.notes-panel{grid-column:1/-1!important;position:static!important;height:auto!important;max-height:none!important}}@media(max-width:700px){.note-panel-visible .workspace{display:block!important}.note-panel-visible .workspace>.notes-panel{margin-top:10px!important}}

/* The right rail switches between in-context vocabulary and course notes. */
.note-panel-visible .workspace{grid-template-columns:minmax(360px,1.2fr) minmax(330px,.9fr) minmax(280px,.64fr)!important;align-items:start}.note-panel-visible .workspace>.notes-panel{display:block!important;grid-column:auto!important;height:calc(100vh - 108px)!important;max-height:calc(100vh - 108px)!important;overflow:auto!important;position:sticky!important;top:90px!important}.note-panel-visible .notes-panel .note-editor-close{display:grid;position:static;margin:0 0 10px auto}.note-panel-visible #lessonNotes{min-height:260px}.loop-setting{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:9px 8px!important;color:#5e706a!important;font-size:13px!important}.loop-setting select{min-width:82px;padding:5px 8px;border:1px solid #d8eee7;border-radius:5px;background:#fff;color:#278a72;font:inherit}.loop-setting.loop-toggle input{width:34px;height:18px;accent-color:#55d6ac}@media(max-width:1250px){.note-panel-visible .workspace{grid-template-columns:minmax(0,1fr) minmax(300px,.7fr)!important}.note-panel-visible .workspace>.notes-panel{grid-column:1/-1!important;position:static!important;height:auto!important;max-height:none!important}}@media(max-width:700px){.note-panel-visible .workspace{display:block!important}.note-panel-visible .workspace>.notes-panel{margin-top:10px!important}}

.course-note-display{margin:0 0 12px;padding:12px;border:1px solid #d8eee7;border-radius:7px;background:#f6fcfa}.course-note-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#278a72;font-size:13px;font-weight:700}.course-note-head button{border:0;background:transparent;color:#278a72;font-size:16px;cursor:pointer}.course-note-display p{margin:9px 0 0;color:#556a62;font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}

/* A real, full-height hit area is required for pointer dragging. */
.note-panel-visible .column-resizer,.note-editor-open .column-resizer{height:calc(100vh - 108px);min-height:120px;align-self:start}

/* The dashboard headings use one compact outline icon system. */
.stats-card .stats-title .stats-icon{flex:0 0 28px!important;width:28px!important;height:28px!important;margin:0!important;fill:none!important;stroke:#55d6ac!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.learning-notes .learning-notes-head{align-items:flex-start!important;gap:11px!important}
.learning-notes .learning-notes-head>span{display:block!important;flex:0 0 28px!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;border-radius:0!important;background:#55d6ac!important;color:transparent!important;font-size:0!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m6 19.5 1.2-4.3L18.5 3.9a2.4 2.4 0 0 1 3.4 3.4L10.6 18.6 6 19.5Z M15.8 6.6l5.6 5.6'/%3E%3C/svg%3E") center/contain no-repeat!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m6 19.5 1.2-4.3L18.5 3.9a2.4 2.4 0 0 1 3.4 3.4L10.6 18.6 6 19.5Z M15.8 6.6l5.6 5.6'/%3E%3C/svg%3E") center/contain no-repeat!important}

/* Dashboard symbols mirror the supplied writing and analytics references. */
.stats-card .stats-title .stats-icon,.learning-notes .learning-notes-head>span{flex-basis:24px!important;width:24px!important;height:24px!important;background:#55d6ac!important;color:transparent!important;stroke:transparent!important}
.stats-card .stats-title .stats-icon{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 21h18v2H1V2h2v19Zm3-7h2v5H6v-5Zm5-5h2v10h-2V9Zm5-4h2v14h-2V5Z'/%3E%3Cpath fill='black' d='M14 1a5 5 0 1 0 5 5h-5V1Zm2 2.2V4h.8A3.1 3.1 0 0 1 16 3.2Z'/%3E%3C/svg%3E") center/contain no-repeat!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 21h18v2H1V2h2v19Zm3-7h2v5H6v-5Zm5-5h2v10h-2V9Zm5-4h2v14h-2V5Z'/%3E%3Cpath fill='black' d='M14 1a5 5 0 1 0 5 5h-5V1Zm2 2.2V4h.8A3.1 3.1 0 0 1 16 3.2Z'/%3E%3C/svg%3E") center/contain no-repeat!important}
.learning-notes .learning-notes-head>span{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 18.7 5.2 14 15.7 3.5a2.7 2.7 0 0 1 3.8 3.8L9 17.8 4 18.7Zm2.7-3.6-.4 1.3 1.4-.3 9.9-9.9-1-1-9.9 9.9Z'/%3E%3Cpath fill='black' d='m17.6 6.3-1-1 1.2-1.2a1.1 1.1 0 0 1 1.5 1.5l-1.7 1.7Z'/%3E%3Cpath fill='black' d='M4 21h16v2H4z'/%3E%3C/svg%3E") center/contain no-repeat!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 18.7 5.2 14 15.7 3.5a2.7 2.7 0 0 1 3.8 3.8L9 17.8 4 18.7Zm2.7-3.6-.4 1.3 1.4-.3 9.9-9.9-1-1-9.9 9.9Z'/%3E%3Cpath fill='black' d='m17.6 6.3-1-1 1.2-1.2a1.1 1.1 0 0 1 1.5 1.5l-1.7 1.7Z'/%3E%3Cpath fill='black' d='M4 21h16v2H4z'/%3E%3C/svg%3E") center/contain no-repeat!important}
.stats-card .stats-title h3,.learning-notes .learning-notes-head .eyebrow{font-size:19px!important;line-height:24px!important;font-weight:700!important;letter-spacing:-.2px!important}

/* Cards lift into focus while their quick review actions are visible. */
.english-study-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,border-left-color .18s ease}
.english-study-card:hover,.english-study-card:focus-within{transform:translateY(-5px);border-color:#9addc8;border-left-color:#55d6ac;box-shadow:0 13px 28px rgba(39,138,114,.16),0 3px 8px rgba(35,61,52,.08);z-index:1}
.english-study-card.card-status-known{border-color:#9addc8;border-left-color:#55b98d;box-shadow:0 6px 16px rgba(39,138,114,.11)}
.english-study-card.card-status-unknown{border-color:#f2d49c;border-left-color:#e0a03d;box-shadow:0 6px 16px rgba(185,116,23,.1)}

/* Video playback controls: cover starts with play; pause appears only on hover. */
.exit-study{display:grid!important;place-items:center;width:30px!important;height:30px!important;padding:0!important;color:#55b98d!important;font:inherit!important}
.exit-study svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.exit-study:hover{color:#278a72!important;transform:translateX(-1px)}
.video-pause-overlay{opacity:0;pointer-events:none;transition:opacity .16s ease,background .16s ease,transform .16s ease}
.player-wrap:hover .video-pause-overlay:not(.hidden),.video-pause-overlay.is-paused{opacity:1;pointer-events:auto}

/* Compact brand mark and explicit light/dark theme icons. */
.talktalk-brand{gap:9px!important;color:#273a36!important;text-decoration:none}
.brand-logo-mark{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff;box-shadow:0 3px 10px rgba(39,138,114,.12)}
.brand-logo-mark:before{content:"";position:absolute;inset:5px 4px 6px 4px;border-radius:11px 11px 11px 6px;background:#55d6ac}
.brand-logo-mark:after{content:"";position:absolute;left:5px;bottom:3px;width:9px;height:9px;background:#55d6ac;clip-path:polygon(0 0,100% 0,0 100%)}
.brand-logo-mark span{width:11px;height:14px;border-radius:70% 0 70% 70%;background:#fff;box-shadow:none;position:relative;z-index:1;transform:rotate(45deg)}
.brand-logo-mark span:after{content:none}
.brand-word{font-size:20px;font-weight:800;letter-spacing:-.5px;color:#55d6ac}
.brand-word span{color:#52655f}
.talksip-logo{display:none!important}
.theme-toggle{display:grid!important;place-items:center;padding:0!important;color:#278a72!important}
.theme-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-sun{display:none}
body.dark .theme-moon{display:none}
body.dark .theme-sun{display:block}
body.dark .brand-word{color:#55d6ac}
body.dark .brand-word span{color:#d3dfd8}
body.dark .brand-logo-mark{background:#f8fcfb}
body.dark .brand-logo-mark span{background:#fff;box-shadow:none}
.theme-toggle:focus{outline:0!important;box-shadow:0 0 0 2px rgba(85,214,172,.62)!important}

/* Use the supplied brand artwork directly so the icon and type are exact. */
.talktalk-brand{width:auto!important;height:64px!important;display:flex!important;align-items:center!important;gap:0!important}
.talktalk-brand:before,.talktalk-brand:after{content:none!important}
.talktalk-brand .brand-logo-mark,.talktalk-brand .brand-word{display:none!important}
.talktalk-brand .talksip-logo{display:block!important;width:142px!important;height:58px!important;object-fit:contain!important;object-position:center!important;border-radius:0!important}
.talktalk-brand .talksip-icon{display:block;width:54px;height:54px;object-fit:contain;flex:0 0 auto}
.talktalk-brand .talksip-wordmark{display:block;width:112px;height:auto;object-fit:contain;flex:0 0 auto;margin-left:8px}

/* Dark mode is a complete surface theme, not a dark sidebar on a white page. */
body.dark{--bg:#0b0f0d;--panel:#131a17;--panel-soft:#18211d;--ink:#e5eee8;--muted:#9caea4;--line:#2c3b34;--mint:#19382d;--yellow:#3d3415;background:#0b0f0d!important;color:#e5eee8}
body.dark .topbar{background:#0d1411!important;border-color:#2c3b34!important}
body.dark .nav-tabs,body.dark .course-source-tabs{background:#111a16!important;border-color:#2c3b34!important}
body.dark .nav-tab:not(.active),body.dark .course-source-tabs button:not(.active),body.dark .filter-row .filter-field span{color:#b7c7be!important}
body.dark .page-shell,body.dark .home-library{background:transparent!important}
body.dark .panel,body.dark .stats-card,body.dark .calendar-card,body.dark .learning-notes,body.dark .filter-row,body.dark .course-card,body.dark .favorite-item,body.dark .favorite-course-card,body.dark .english-study-card{background:#131a17!important;border-color:#2c3b34!important;box-shadow:none!important}
body.dark .filter-row select,body.dark .filter-row input,body.dark .dialog-card input,body.dark .dialog-card select{background:#18211d!important;color:#dce8e1!important;border-color:#34463d!important}
body.dark .course-body,body.dark .course-body h3,body.dark .course-card h3,body.dark .course-description,body.dark .course-footer,body.dark .course-footer time,body.dark .home-note{color:#dce8e1!important}
body.dark .course-description,body.dark .course-date,body.dark .course-footer,body.dark .home-note small{color:#9caea4!important}
body.dark .home-note{background:#18211d!important;border-color:#34463d!important}
body.dark .stat-total{background:rgba(78,178,125,.16)!important}body.dark .stat-learned{background:rgba(91,150,229,.16)!important}body.dark .stat-unlearned{background:rgba(241,174,63,.16)!important}body.dark .stat-saved{background:rgba(187,111,188,.16)!important}
body.dark .course-tags .author-tag{background:#163425!important;border-color:#2c7050!important;color:#86d9ae!important}body.dark .course-tags span:nth-child(2){background:#172b42!important;border-color:#325d87!important;color:#91c3ff!important}body.dark .course-tags span:nth-child(3){background:#3b2b17!important;border-color:#875e2f!important;color:#f0bd77!important}
body.dark .course-favorite,body.dark .favorite-heart,body.dark .icon-button,body.dark .header-text-action{background:#18211d!important;border-color:#34463d!important;color:#c1d0c7!important}
body.dark .calendar-day:not(.has-study):not(.today),body.dark .calendar-head strong{color:#d4e0d8!important}
body.dark .calendar-day.has-study{background:#19382d!important;color:#9ee3c2!important}body.dark .calendar-day.today{background:#55d6ac!important;color:#082016!important}
body.dark .course-source-tabs button.active,body.dark .nav-tab.active{background:#278a72!important;color:#fff!important}

/* In dark mode, primary navigation stays quiet: the active view is text-only. */
body.dark .nav-tabs{background:transparent!important;border:0!important;padding:0!important;gap:18px!important}
body.dark .nav-tab,
body.dark .nav-tab:not(.active){background:transparent!important;border-color:transparent!important;color:#83978d!important;box-shadow:none!important}
body.dark .nav-tab:hover{background:transparent!important;color:#c9d9d0!important}
body.dark .nav-tab.active,
body.dark .nav-tab.active:hover{background:transparent!important;border-color:transparent!important;color:#55d6ac!important;box-shadow:none!important}

/* Drag either divider to resize the adjacent study columns. */
.column-resizer{display:none}.note-panel-visible .workspace,.note-editor-open .workspace{grid-template-columns:var(--video-column,minmax(360px,1.2fr)) 8px var(--transcript-column,minmax(330px,.9fr)) 8px var(--notes-column,minmax(280px,.64fr))!important;gap:0!important}.note-panel-visible .column-resizer,.note-editor-open .column-resizer{display:block;width:8px;cursor:col-resize;position:relative;z-index:5}.note-panel-visible .column-resizer:before,.note-editor-open .column-resizer:before{content:"";position:absolute;top:0;bottom:0;left:3px;width:2px;background:transparent;transition:background .15s}.note-panel-visible .column-resizer:hover:before,.note-editor-open .column-resizer:hover:before{background:#55d6ac}@media(max-width:1250px){.note-panel-visible .column-resizer,.note-editor-open .column-resizer{display:none}.note-panel-visible .workspace,.note-editor-open .workspace{grid-template-columns:minmax(0,1fr) minmax(300px,.7fr)!important;gap:16px!important}}@media(max-width:700px){.note-panel-visible .workspace,.note-editor-open .workspace{display:block!important}}

/* Local account and profile settings. */
.account-button{display:inline-flex;align-items:center;gap:7px;height:38px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--muted);padding:0 9px 0 5px;font-size:13px;font-weight:700;cursor:pointer}.account-button:hover,.account-button.signed-in{border-color:var(--theme-line,#9addc8);color:var(--theme-deep,#278a72);background:var(--theme-soft,#e5faf3)}.account-avatar,.profile-user-badge{display:grid;place-items:center;border-radius:50%;background:var(--theme-accent,#55d6ac);color:#fff;font-weight:800}.account-avatar{width:27px;height:27px;font-size:12px}.profile-shell{max-width:1060px}.profile-heading{display:flex;align-items:center;gap:22px;margin-bottom:24px}.profile-heading h1{margin:0;font-size:32px}.profile-back{border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink);padding:9px 13px;font-weight:700;cursor:pointer}.profile-card{padding:28px;margin-bottom:16px}.profile-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.profile-card-heading h2{margin:0 0 7px;font-size:22px}.profile-card-heading p{margin:0;color:var(--muted);font-size:14px}.profile-info-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:center}.profile-user-badge{width:116px;height:116px;margin:auto;font-size:42px}.profile-fields{display:grid;gap:14px}.profile-fields label,.password-grid label,.auth-form label{display:grid;gap:7px;color:var(--ink);font-size:13px;font-weight:700}.profile-fields input,.password-grid input,.auth-form input{width:100%;border:1px solid var(--line);border-radius:6px;background:var(--panel-soft);color:var(--ink);padding:12px 13px}.profile-fields .button{justify-self:end}.theme-current{flex:0 0 auto;border-radius:999px;background:var(--theme-soft,#e5faf3);color:var(--theme-deep,#278a72);padding:6px 10px;font-size:12px;font-weight:750}.theme-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.theme-choice{display:flex;align-items:center;gap:10px;min-height:76px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:var(--ink);padding:14px 16px;font-weight:750;text-align:left;cursor:pointer}.theme-choice i{width:30px;height:30px;border-radius:8px;background:#55d6ac;flex:0 0 auto}.theme-choice b{display:none;margin-left:auto}.theme-choice.active{border-color:var(--theme-accent,#55d6ac);background:var(--panel);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent,#55d6ac) 18%,transparent)}.theme-choice.active b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--theme-accent,#55d6ac);color:#fff}.theme-choice[data-theme-choice="apricot"] i{background:#ef7b45}.theme-choice[data-theme-choice="lime"] i{background:#5bbf39}.theme-choice[data-theme-choice="azure"] i{background:#4c63df}.password-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.profile-save-password{margin-top:18px;float:right}.profile-logout{display:flex;justify-content:flex-end;padding:20px 28px}.auth-dialog{width:min(420px,calc(100vw - 32px));border:0;border-radius:10px;background:var(--panel);box-shadow:0 24px 80px rgba(12,29,21,.28)}.auth-dialog::backdrop{background:rgba(9,17,13,.6)}.auth-card{position:relative;padding:30px}.auth-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:var(--muted);font-size:25px;cursor:pointer}.auth-brand{text-align:center;margin:0 30px 20px}.auth-brand img{display:block;width:126px;height:56px;object-fit:contain;margin:0 auto}.auth-brand p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:20px}.auth-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:10px;font-weight:700;cursor:pointer}.auth-tabs button.active{border-color:var(--theme-accent,#55d6ac);color:var(--theme-deep,#278a72)}.auth-form{display:grid;gap:14px}.auth-switch{border:0;background:transparent;color:var(--theme-deep,#278a72);font-size:13px;cursor:pointer}.code-field{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px}.code-field .button{height:43px;padding:0 10px;font-size:12px}.auth-hint{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.account-button:not(.signed-in){padding:0 12px}.account-button:not(.signed-in) .account-avatar{display:none}

/* Theme accents apply to the global actions, borders, and active controls. */
body[data-theme]:not([data-theme="mint"]) .button.primary,body[data-theme]:not([data-theme="mint"]) .nav-tab.active,body[data-theme]:not([data-theme="mint"]) .course-source-tabs button.active,body[data-theme]:not([data-theme="mint"]) .calendar-day.today{background:var(--theme-accent)!important;border-color:var(--theme-accent)!important}body[data-theme]:not([data-theme="mint"]) .button.primary:hover{background:var(--theme-deep)!important}body[data-theme]:not([data-theme="mint"]) .panel,body[data-theme]:not([data-theme="mint"]) .filter-row,body[data-theme]:not([data-theme="mint"]) .stats-card,body[data-theme]:not([data-theme="mint"]) .calendar-card,body[data-theme]:not([data-theme="mint"]) .learning-notes{border-color:var(--theme-line)!important}body[data-theme]:not([data-theme="mint"]) .eyebrow,body[data-theme]:not([data-theme="mint"]) .import-icon,body[data-theme]:not([data-theme="mint"]) .course-retranslate,body[data-theme]:not([data-theme="mint"]) .lesson-summary-edit,body[data-theme]:not([data-theme="mint"]) .calendar-day.has-study{color:var(--theme-deep)!important}body[data-theme]:not([data-theme="mint"]) .calendar-day.has-study,body[data-theme]:not([data-theme="mint"]) .learning-notes .learning-notes-head>span{background:var(--theme-soft)!important}body.dark[data-theme] .nav-tab.active,body.dark[data-theme] .nav-tab.active:hover{background:transparent!important;color:var(--theme-accent)!important}body.dark .account-button,body.dark .profile-back,body.dark .theme-choice,body.dark .auth-dialog{background:#131a17;color:#dce8e1;border-color:#34463d}body.dark .profile-fields input,body.dark .password-grid input,body.dark .auth-form input{background:#18211d;border-color:#34463d;color:#e5eee8}body.dark .theme-choice.active{background:#18211d}.theme-choice[data-theme-choice="mint"] i{background:#55d6ac}
@media(max-width:760px){.top-actions{gap:7px}.local-badge{display:none}.account-button{padding-right:5px}.account-button>span:last-child{display:none}.profile-heading{align-items:flex-start;gap:14px}.profile-heading h1{font-size:27px}.profile-card{padding:20px}.profile-info-grid{grid-template-columns:1fr;gap:18px}.profile-user-badge{width:88px;height:88px;font-size:34px}.theme-picker,.password-grid{grid-template-columns:1fr 1fr}.theme-choice{min-height:62px;padding:10px}.theme-choice i{width:25px;height:25px}.profile-save-password{float:none}.profile-logout{padding:18px 20px}.code-field{grid-template-columns:1fr}.code-field .button{width:100%}}
.admin-user-list{display:grid;gap:8px}.admin-user-row{display:grid;grid-template-columns:minmax(0,1fr) auto 180px;align-items:center;gap:16px;padding:12px 14px;border:1px solid var(--line);border-radius:6px;background:var(--panel-soft)}.admin-user-identity{display:grid;gap:4px;min-width:0}.admin-user-identity strong{overflow-wrap:anywhere}.admin-user-identity span,.admin-user-role{color:var(--muted);font-size:13px}.admin-user-row select{width:100%;min-height:36px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--ink);padding:6px 9px}@media(max-width:600px){.admin-user-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.admin-user-role{grid-column:1}.admin-user-row select{grid-column:1/-1}}
/* Account avatar upload and centered account actions. */
.account-avatar,.profile-user-badge{overflow:hidden}.account-avatar img,.profile-user-badge img{display:block;width:100%;height:100%;object-fit:cover}.profile-avatar-area{display:grid;justify-items:center;gap:9px}.avatar-upload{border:1px solid var(--theme-line,#9addc8);border-radius:6px;background:var(--theme-soft,#e5faf3);color:var(--theme-deep,#278a72);padding:7px 10px;font-size:12px;font-weight:700;cursor:pointer}.profile-avatar-area small{color:var(--muted);font-size:11px;white-space:nowrap}.profile-logout{justify-content:center!important}.profile-account-actions{display:flex;justify-content:center;align-items:center;gap:12px;width:100%}.profile-account-actions .button{min-width:112px}.profile-save-password{display:none}
@media(max-width:760px){.profile-avatar-area{justify-items:start}.profile-account-actions{flex-direction:column}.profile-account-actions .button{width:100%}}

/* Three-part intensive reading inside the video workspace. */
.notes-tabs .notes-tab{font-size:15px}.deep-read-filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 13px}.deep-read-filters button{border:0;border-radius:999px;background:var(--panel-soft);color:var(--muted);padding:7px 10px;font-size:12px;cursor:pointer}.deep-read-filters button.active{background:var(--theme-deep,#278a72);color:#fff}.study-deep-list{display:grid;gap:12px}.study-deep-card{border:1px solid var(--line);border-left:4px solid var(--theme-accent,#55d6ac);border-radius:8px;background:var(--panel);padding:15px}.study-deep-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.study-deep-card h3{margin:0;font-size:20px;line-height:1.35}.study-deep-sound{border:0;border-radius:50%;background:var(--panel-soft);color:var(--muted);width:30px;height:30px;cursor:pointer}.study-deep-card .card-phonetic{margin:7px 0;color:var(--muted);font-size:13px}.study-translation{display:block;margin:9px 0;color:var(--ink);line-height:1.5}.study-deep-card .card-related{color:var(--muted);font-size:13px;margin:0 0 10px}.study-deep-card blockquote{margin:10px 0;padding:10px;border-left:3px solid var(--theme-deep,#278a72);border-radius:5px;background:var(--panel-soft);color:var(--ink)}.study-deep-card blockquote small{display:block;margin-top:6px;color:var(--muted)}.study-deep-card footer{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);margin-top:12px;padding-top:11px}.study-deep-card .card-favorite{margin-left:auto}.study-original,.study-translation{line-height:1.65}.study-expression-analysis{margin-top:12px;padding:12px;border-radius:6px;background:var(--panel-soft);line-height:1.55}.study-expression-analysis strong{display:block;margin-bottom:5px}.study-expression-analysis p{margin:0;color:var(--muted)}.study-deep-empty{padding:24px 12px;text-align:center;color:var(--muted);font-size:13px;line-height:1.6}
/* Phrase details keep each component available for word-level lookup. */
.phrase-components{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:12px 0}.phrase-components>span{color:var(--muted);font-size:12px}.phrase-components button{border:1px solid var(--theme-line,#9addc8);border-radius:5px;background:var(--theme-soft,#e5faf3);color:var(--theme-deep,#278a72);padding:5px 8px;font-size:12px;font-weight:700;cursor:pointer}.phrase-components button:hover{filter:brightness(.97)}

/* Subtitle highlights use a thick, softly rounded underline that remains legible at small sizes. */
.word-token.core-token,.word-token.saved-token{border-bottom-width:6px!important;border-bottom-style:solid!important;border-radius:3px;padding:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.word-token.phrase-token{font-weight:650}

/* Keep subtitles calm; highlights communicate priority without turning every line bold. */
.sentence-en{font-weight:400!important}.sentence-zh{font-weight:400}.word-token.phrase-token{font-weight:400}.word-dialog-close{appearance:none!important;right:22px!important;top:20px!important;width:36px!important;height:36px!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;line-height:1!important}.word-dialog-close:hover,.word-dialog-close:focus-visible{color:#687486!important;background:transparent!important;outline:0!important;box-shadow:none!important}.word-dialog-back{border:0;background:transparent;color:var(--theme-deep,#278a72);padding:0;margin:0 0 12px;font-size:13px;font-weight:700;cursor:pointer}.word-dialog-back:hover{text-decoration:underline}.word-title-component{border:0;background:transparent;color:inherit;padding:0;margin:0;font:inherit;font-weight:inherit;cursor:pointer}.word-title-component:hover{color:var(--theme-deep,#278a72);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.related-phrases{border:1px solid var(--theme-line,#9addc8)!important;border-left:4px solid var(--theme-accent,#55d6ac)!important;border-radius:8px!important;background:var(--theme-soft,#e5faf3)!important;padding:12px 14px!important;color:var(--ink)!important}.related-phrases span{display:block;color:var(--muted);font-size:12px;font-weight:700;margin-bottom:5px}.related-phrases p{margin:0;color:var(--theme-deep,#278a72);font-size:16px;line-height:1.45}
.sound-button{display:inline-grid;place-items:center;border:0;border-radius:50%;background:#f0f2f5;color:#111827;cursor:pointer}.sound-button .speaker-icon{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.sound-button .speaker-icon path:first-child{fill:currentColor;stroke:none}.dialog-sound{margin-left:8px}.dialog-sound .speaker-icon{width:20px;height:20px}

/* Independent 9:16 short-video space. Existing horizontal courses remain unchanged. */
.shorts-shell{max-width:1400px;margin:0 auto;padding:28px 24px;display:grid;grid-template-columns:minmax(230px,.72fr) minmax(360px,1fr) minmax(280px,.85fr);gap:26px;align-items:start}.shorts-stage{display:grid;justify-items:center;min-width:0}.shorts-player-wrap{position:relative;width:min(100%,440px);aspect-ratio:9/16;overflow:hidden;background:#0b0f0d;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 42px rgba(13,28,21,.18)}.shorts-player-wrap video{display:block;width:100%;height:100%;object-fit:cover;background:#050706}.shorts-gradient{position:absolute;inset:auto 0 0;height:43%;background:linear-gradient(transparent,rgba(0,0,0,.72));pointer-events:none}.shorts-meta{position:absolute;right:22px;bottom:20px;left:22px;color:#fff;z-index:2}.shorts-meta span{display:inline-block;margin-bottom:8px;color:#d8fff0;font-size:12px;font-weight:700}.shorts-meta h1{margin:0 0 6px;font-size:23px;line-height:1.25}.shorts-meta p{margin:0;color:rgba(255,255,255,.82);font-size:13px;line-height:1.5}.short-play-button{position:absolute;z-index:3;left:50%;top:50%;width:62px;height:62px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.76);border-radius:50%;background:rgba(13,20,16,.36);color:#fff;font-size:25px;cursor:pointer;backdrop-filter:blur(5px)}.shorts-controls{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px}.short-control{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--theme-deep,#278a72);font-size:19px;cursor:pointer}.short-control:hover{border-color:var(--theme-line,#9addc8);background:var(--theme-soft,#e5faf3)}.shorts-queue,.shorts-learning{overflow:hidden}.shorts-queue-head,.shorts-learning-head{display:flex;align-items:flex-end;justify-content:space-between;padding:19px 18px 15px;border-bottom:1px solid var(--line)}.shorts-queue-head h2,.shorts-learning-head h2{margin:0;font-size:18px}.shorts-queue-head #shortCount{color:var(--muted);font-size:12px}.short-queue{display:grid;gap:2px;padding:8px;max-height:calc(100vh - 190px);overflow:auto}.short-queue-item{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink);padding:11px 9px;text-align:left;cursor:pointer}.short-queue-item span,.short-queue-item small{font-size:12px;color:var(--muted)}.short-queue-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.short-queue-item.active{background:var(--theme-soft,#e5faf3);border-color:var(--theme-line,#9addc8)}.short-queue-item.active span,.short-queue-item.active small{color:var(--theme-deep,#278a72)}.short-study-link{border:0;background:transparent;color:var(--theme-deep,#278a72);padding:4px 0;font-size:12px;font-weight:700;cursor:pointer}.short-learning-list{max-height:calc(100vh - 190px);overflow:auto;padding:9px}.short-learning-empty{padding:44px 14px;text-align:center;color:var(--muted)}.short-learning-empty>span{display:block;margin-bottom:10px;color:var(--theme-deep,#278a72);font-size:27px}.short-learning-empty h3{margin:0 0 8px;color:var(--ink);font-size:16px}.short-learning-empty p{margin:0 0 16px;font-size:13px;line-height:1.6}.short-learning-line{display:grid;gap:5px;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:13px 9px;text-align:left;cursor:pointer}.short-learning-line:hover{background:var(--theme-soft,#e5faf3)}.short-learning-line time{color:var(--theme-deep,#278a72);font:11px ui-monospace,SFMono-Regular,monospace}.short-learning-line strong{font-size:14px;font-weight:500;line-height:1.5}.short-learning-line span{color:var(--muted);font-size:12px;line-height:1.45}.short-learning-more{width:100%;border:0;background:transparent;color:var(--theme-deep,#278a72);padding:14px 8px;font-size:13px;font-weight:700;cursor:pointer}.video-type-dialog{width:min(600px,calc(100vw - 32px));border:0;border-radius:10px;background:var(--panel);box-shadow:0 24px 80px rgba(12,29,21,.22)}.video-type-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.video-type-options button{min-height:164px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:var(--ink);padding:20px;text-align:left;cursor:pointer}.video-type-options button:hover{border-color:var(--theme-line,#9addc8);background:var(--theme-soft,#e5faf3)}.video-type-options span{display:block;color:var(--theme-deep,#278a72);font-size:29px;margin-bottom:13px}.video-type-options strong,.video-type-options small{display:block}.video-type-options strong{margin-bottom:7px;font-size:17px}.video-type-options small{color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:800px){.shorts-shell{display:block;padding:14px 12px}.shorts-player-wrap{width:min(100%,430px);margin:0 auto}.shorts-queue,.shorts-learning{display:none}.shorts-controls{position:sticky;bottom:10px;z-index:5;padding:8px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(10px)}.video-type-options{grid-template-columns:1fr}.video-type-options button{min-height:112px}.nav-tabs{overflow-x:auto;max-width:calc(100vw - 175px)}}

.short-favorite{position:absolute;z-index:4;right:16px;top:16px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(16,24,19,.4);color:#fff;font-size:24px;line-height:1;cursor:pointer;backdrop-filter:blur(5px)}.short-favorite.saved{color:#f1c94d}
.auth-legal{margin:15px 0 0;color:var(--muted);font-size:11px;line-height:1.65;text-align:center}.auth-legal a{color:var(--theme-deep,#278a72);text-decoration:none}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1250px;margin:22px auto 0;padding:24px;color:var(--muted);border-top:1px solid var(--line);font-size:12px}.site-footer div{display:grid;gap:2px}.site-footer strong{color:var(--ink);font-size:13px}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--green-dark);text-decoration:underline}.site-footer p{margin:0;white-space:nowrap}@media(max-width:760px){.site-footer{align-items:flex-start;flex-direction:column;padding:22px 18px}.site-footer nav{justify-content:flex-start}.site-footer p{white-space:normal}}
.short-study-mode .import-panel{display:none}.short-study-mode .player-wrap{width:min(100%,430px);aspect-ratio:9/16;max-height:calc(100vh - 230px);margin-inline:auto}.short-study-mode .player-wrap video{object-fit:cover}.short-study-mode .lesson-meta #lessonDifficulty{color:var(--theme-deep,#278a72)}
.shorts-home-entry{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;margin:0 0 18px;padding:16px 17px;border:1px solid var(--theme-line,#9addc8);border-radius:8px;background:var(--theme-soft,#e5faf3);color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 7px 18px color-mix(in srgb,var(--theme-accent,#55d6ac) 10%,transparent);transition:transform .16s,box-shadow .16s,border-color .16s}.shorts-home-entry:hover{border-color:var(--theme-accent,#55d6ac);box-shadow:0 10px 22px color-mix(in srgb,var(--theme-accent,#55d6ac) 18%,transparent);transform:translateY(-1px)}.shorts-home-entry:focus-visible{outline:3px solid color-mix(in srgb,var(--theme-accent,#55d6ac) 35%,transparent);outline-offset:3px}.shorts-home-icon{display:grid;place-items:center;width:44px;height:54px;border-radius:6px;background:var(--theme-accent,#55d6ac);color:#fff;font-size:27px}.shorts-home-entry small,.shorts-home-entry strong,.shorts-home-entry em{display:block}.shorts-home-entry small{margin-bottom:3px;color:var(--theme-deep,#278a72);font-size:10px;font-style:normal;font-weight:750}.shorts-home-entry strong{font-size:18px}.shorts-home-entry em{margin-top:4px;color:var(--muted);font-size:12px;font-style:normal}.shorts-home-entry>b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--panel);color:var(--theme-deep,#278a72);font-size:13px}.short-progress-row{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;width:min(100%,440px);margin:10px auto 0;color:var(--muted);font:12px ui-monospace,SFMono-Regular,monospace}.short-progress-row input{width:100%;accent-color:var(--theme-accent,#55d6ac);cursor:pointer}.short-pause-overlay{position:absolute;z-index:3;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.76);border-radius:50%;background:rgba(13,20,16,.36);color:#fff;font-size:23px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .16s;backdrop-filter:blur(5px)}.shorts-player-wrap.is-playing:hover .short-pause-overlay{opacity:1;pointer-events:auto}