@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--paper:#f6f5f1;--card:#fffefa;--ink:#292d28;--muted:#8b8b80;--line:#e7e5dd;--brown:#866348;--green:#557568}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans SC',sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--brown);outline-offset:4px}[hidden]{display:none!important}header{height:82px;padding:0 5%;display:flex;align-items:center;border-bottom:1px solid var(--line);background:var(--card);gap:60px}.brand{display:flex;align-items:center;gap:11px}.logo{width:36px;height:36px;background:#2e3935;color:#fff;border-radius:10px;display:grid;place-content:center;font-size:22px;font-weight:600;letter-spacing:-3px;padding-right:3px}.brand b{font:700 25px Georgia,serif}.brand small{font-size:8px;letter-spacing:1.2px;line-height:1.6;color:#93958d}nav{height:100%;display:flex;gap:32px}nav a{display:flex;align-items:center;gap:8px;position:relative;font-size:12px;color:#898a80}nav a.active{color:var(--ink);font-weight:600}nav a.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--brown)}nav a span{font-size:9px;border:1px solid var(--line);padding:1px 5px;border-radius:5px}.account{margin-left:auto;display:flex;align-items:center;gap:20px}.account span{font-size:10px;color:#969d88}.account button{border:1px solid #c7cebd;background:#e4e9dc;border-radius:50%;width:34px;height:34px;color:#59705e}main{max-width:1392px;margin:auto;padding:30px 5% 0}.breadcrumb{font-size:10px;color:#95978d;display:flex;gap:12px}.breadcrumb span:last-child{color:#5c6155}.welcome{display:flex;justify-content:space-between;align-items:center;padding:40px 0 32px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8d7761;font-weight:500}h1{font-size:38px;letter-spacing:-1.6px;margin:12px 0 13px;font-weight:600}h1 span{color:var(--brown);margin-left:3px}.welcome p{color:#85877d;font-size:12px;line-height:1.8;margin:0}.welcome aside{text-align:right;border-left:1px solid var(--line);padding-left:40px}.welcome aside>small{font-size:8px;letter-spacing:2.2px;color:#a3a293}.welcome aside p{margin-top:12px;color:#656b5b;font-size:13px}.welcome em{font-size:10px;font-style:normal;color:#a0a192}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px 0;margin:0 0 34px}.stat{padding:0 28px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat-top{display:flex;justify-content:space-between;color:#898b7f;font-size:10px}.stat-icon{font-size:16px;color:#949b89}.stat-value{margin-top:12px;display:flex;align-items:baseline;gap:8px}.stat-value strong{font-size:29px;font-weight:500;letter-spacing:-1px}.stat-value small{font-size:10px;color:#a3a596}.stat:last-child strong{color:var(--green)}.tabs-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:28px;align-items:center}.tabs{display:flex;gap:28px}.tabs button{padding:0 0 16px;border:0;background:none;color:#929388;font-size:11px;position:relative;white-space:nowrap}.tabs button.active{color:var(--brown);font-weight:600}.tabs button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--brown)}.tabs button span{font-size:9px;padding:2px 5px;border-radius:4px;background:#eae4d9;margin-left:5px}.tabs-row>small{font-size:9px;color:#929185;margin-bottom:13px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.section-title h2{font-size:15px;font-weight:500;margin:0}.section-title h2 small{font-size:10px;color:#a4a494;font-weight:400;margin-left:9px}.section-title>span{font-size:10px;color:#939486}.collection{width:100%;border:1px solid var(--line);border-radius:15px;overflow:hidden;display:grid;grid-template-columns:47% 53%;padding:0;text-align:left;background:var(--card);color:inherit;transition:.2s}.collection:hover{box-shadow:0 14px 30px #323c2910;transform:translateY(-2px)}.cover{height:350px;position:relative;color:white;background:#3b433c}.cover>img{height:100%;width:100%;object-fit:cover;opacity:.6;filter:saturate(.45)}.shade{position:absolute;inset:0;background:linear-gradient(0deg,#16201de0,transparent 95%)}.cover-top{position:absolute;top:24px;left:25px;right:25px;display:flex;justify-content:space-between}.cover-top span{padding:6px 10px;border:1px solid #ffffff40;border-radius:20px;font-size:9px;background:#ffffff10;backdrop-filter:blur(5px)}.cover-top span:first-child{background:#e8e9d7;color:#475540}.cover-title{position:absolute;left:30px;bottom:32px}.cover-title>small{font-size:8px;letter-spacing:2.5px;color:#d2d6c6}.cover-title h2{font:48px Georgia,serif;letter-spacing:-2px;margin:14px 0 9px}.cover-title em{font:italic 16px Georgia,serif;color:#d2d5c7}.round-arrow{position:absolute;right:25px;bottom:30px;border:1px solid #ffffff50;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:22px}.collection-info{padding:35px 36px 26px;display:flex;flex-direction:column;justify-content:space-between}.collection-info .eyebrow{font-size:8px;letter-spacing:1.8px}.collection-info h2{font:28px Georgia,serif;margin:18px 0 12px}.collection-info h3{font-size:14px;font-weight:500;letter-spacing:.3px;margin:0 0 14px}.collection-info p{font-size:11px;line-height:2;color:#8b8c80;max-width:440px;margin-bottom:16px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{background:#f0f0e8;border:1px solid #e9e9df;color:#838772;border-radius:4px;padding:4px 9px;font-size:9px}.collection-meta{display:flex;justify-content:space-between;font-size:10px;color:#939385;margin:25px 0 9px}.collection-meta b{color:#535a49;font-weight:500}.progress{height:4px;background:#e9e9de;border-radius:5px;overflow:hidden}.progress i{display:block;background:#8b9c7a;height:100%;border-radius:5px}.collection-footer{display:flex;justify-content:space-between;align-items:center;margin-top:19px;color:#a2a393;font-size:9px}.collection-footer strong{color:#88694f;font-size:11px;font-weight:500}.note{display:flex;align-items:center;gap:20px;margin:28px 0 65px;padding:22px 25px;border:1px dashed #d8dbc9;border-radius:10px;color:#879273}.note>span{font-size:28px}.note p{margin:0;color:#7b846c;font-size:11px;line-height:1.9}.note p small{display:block;font-size:9px;color:#a1a592}.note i{height:1px;background:#dce0cf;flex:1;margin:0 20px}.note>small{font-size:8px;letter-spacing:2px}.summary{display:flex;justify-content:space-between;align-items:center;width:100%;padding:17px 20px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:inherit}.summary>span{display:flex;gap:14px;align-items:center}.summary i{width:35px;height:35px;display:grid;place-items:center;background:#4b5b50;color:#ecebdc;font:italic 26px Georgia;border-radius:7px}.summary strong{font:21px Georgia}.summary small{font-size:10px;color:#929482}.expanded{padding:28px;background:#efeee5;border:1px solid var(--line);border-radius:0 0 12px 12px}.expanded h2{font-size:21px;font-weight:500}.expanded p{font-size:11px;line-height:2;color:#858875;max-width:750px}.expanded>div{display:flex;gap:35px;font-size:10px;color:#929482;margin:20px 0}.expanded b{color:#5d6957;margin-left:10px}.expanded a{font-size:11px;color:var(--brown)}.material-heading{margin:30px 0 15px}.view-toggle{display:flex;background:#eaeae1;padding:3px;border-radius:6px}.view-toggle button{background:none;border:0;width:29px;height:26px;color:#9a9c8d;border-radius:4px;font-size:16px}.view-toggle button.selected{background:var(--card);color:#626e59;box-shadow:0 1px 3px #0001}.filters{padding:23px;background:var(--card);border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:17px}.filters label{display:flex;flex-direction:column;gap:9px;font-size:10px;color:#949485}.filters input,.filters select{width:100%;height:36px;border:1px solid #e2e3d8;border-radius:5px;background:#f8f8f2;color:#6d7362;padding:0 11px;font-size:11px;outline:0;min-width:0}.filters input:focus,.filters select:focus{border-color:#9c8265;box-shadow:0 0 0 2px #9c826515}.filters input::placeholder{color:#b0b2a4}.search-wrap{position:relative}.search-wrap span{position:absolute;left:11px;top:8px;color:#929a83;font-size:19px}.search-wrap input{padding-left:34px}.tag-filter{grid-column:1/-1}.tag-filter>label{display:block;margin-bottom:10px}.tag-filter small{font-size:9px;margin-left:6px;color:#b0b1a2}.tag-filter>div{display:flex;gap:7px;flex-wrap:wrap}.tag-chip{font-size:9px;background:#f4f4ed;border:1px solid #e8e9de;color:#909580;padding:5px 10px;border-radius:4px;transition:.15s}.tag-chip.active{background:#eae3d6;border-color:#c7af8e;color:#806141}.filter-actions{grid-column:1/-1;display:flex;gap:9px;align-items:center;border-top:1px solid #eeeee6;padding-top:15px}.filter-actions>span{margin-right:auto;font-size:9px;color:#a2a491}.primary,.secondary,.text-button{padding:9px 20px;border-radius:5px;font-size:11px;border:1px solid transparent}.primary{background:var(--brown);color:#fffdf3;border-color:var(--brown)}.primary:hover{background:#73513a}.secondary{background:var(--card);border-color:#dedfd2;color:#7a806c}.text-button{background:transparent;color:#8e947e;padding:9px 12px}.result-meta{display:flex;justify-content:space-between;align-items:center;margin:23px 0 15px;color:#959987;font-size:10px}.result-meta span:last-child{font-size:8px;letter-spacing:1.6px;color:#a9ad9b}.materials{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.material{border-radius:12px;border:1px solid var(--line);background:var(--card);overflow:hidden;transition:.2s}.material:hover{box-shadow:0 8px 25px #2d362a10;transform:translateY(-3px)}.material-image{position:relative;aspect-ratio:1.83;background:#e7e9df;overflow:hidden}.open-resource{display:block;border:0;background:transparent;text-align:left;width:100%;padding:0;color:inherit}.material-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.64);transition:transform .4s}.material:hover img{transform:scale(1.04)}.episode,.favorite,.status{position:absolute;z-index:1}.episode{top:12px;left:12px;font-size:9px;background:#fffeedec;padding:5px 8px;border-radius:4px;color:#5e644e}.favorite{top:10px;right:10px;width:29px;height:29px;border:1px solid #ffffff65;color:white;background:#24332d80;border-radius:50%;font-size:17px;line-height:1}.favorite.saved{background:#f7edcf;color:#956b32;border-color:#f7edcf}.status{bottom:10px;right:10px;font-size:9px;padding:4px 7px;background:#f5f5e9ec;color:#6f775d;border-radius:4px}.status.done{background:#dcebdd;color:#48715e}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;background:#ffffff25;border:1px solid #ffffff90;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;padding-left:2px;opacity:0;transition:.2s}.material:hover .play-icon{opacity:1}.material-body{padding:17px}.material h3{margin:0 0 10px;font-size:12px;font-weight:500;line-height:1.65;min-height:40px}.card-rating{display:flex;justify-content:space-between;margin-bottom:11px}.stars{color:#a18a5f;font-size:10px;letter-spacing:2px}.card-rating small{font-size:9px;color:#aaa995}.material .tags{min-height:21px;gap:5px}.material .tags span{font-size:8px;padding:3px 6px;white-space:nowrap}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid #eeeee5;margin-top:14px;padding-top:12px;color:#a0a28e;font-size:9px}.card-bottom b{font-weight:400;color:#6e7c5f}.material .progress{height:2px;margin-top:12px}.materials.list-mode{grid-template-columns:1fr}.list-mode .material{display:grid;grid-template-columns:230px 1fr}.list-mode .material-image{aspect-ratio:auto;min-height:170px}.list-mode .material-image>.open-resource{height:100%;position:absolute}.list-mode .material h3{min-height:unset;font-size:15px}.list-mode .material-body{padding:20px}.pagination{display:flex;justify-content:center;align-items:center;gap:7px;padding:32px 0 18px}.pagination button{height:29px;min-width:29px;padding:0 9px;background:transparent;border:1px solid #dedfd2;border-radius:5px;color:#8c927b;font-size:11px}.pagination button.active{background:var(--brown);border-color:var(--brown);color:white}.pagination>span{margin-left:13px;color:#a0a58c;font-size:10px}.empty{padding:65px 15px;text-align:center;border:1px dashed #d9ddcb;border-radius:12px}.empty>span{font-size:40px;color:#a3ad90}.empty h3{font-size:16px;font-weight:500}.empty p{font-size:12px;color:#949b83;margin-bottom:23px}footer{margin-top:42px;padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#a5ad95;font-size:9px}footer b{font:700 18px Georgia;color:#7f8871}footer small{font-size:8px;letter-spacing:1px}dialog{padding:0;border:1px solid #e3e3d6;background:var(--card);color:var(--ink);border-radius:16px;width:620px;max-width:92vw;max-height:90vh;overflow:auto;box-shadow:0 25px 100px #17231d40}dialog::backdrop{background:#27352e7a;backdrop-filter:blur(4px)}.dialog-top{padding:17px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:2px;color:#8c927e}.dialog-top button{border:0;background:none;font-size:25px;color:#91967e}.preview-image{width:100%;height:230px;object-fit:cover;filter:saturate(.65)}.preview-content{padding:25px}.preview-content h2{font-size:21px;font-weight:500;margin:12px 0;line-height:1.6}.preview-content p{font-size:12px;color:#89917b;line-height:1.9}.preview-meta{display:flex;gap:20px;font-size:11px;color:#949b84;margin:18px 0}.sample-notice{background:#efeee4;padding:13px 16px;border:1px solid #e3e0ce;border-radius:7px;font-size:11px;line-height:1.8;color:#90856c;margin:20px 0}.progress-controls{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.progress-controls label{font-size:11px;color:#8c967d;margin-right:auto}.progress-controls select{border:1px solid #d4dbc8;border-radius:5px;color:#6b7d5d;background:#f8f9f2;padding:8px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:20;padding:13px 24px;background:#34473a;color:#f2f6ea;border-radius:8px;font-size:12px;transition:.2s;box-shadow:0 7px 30px #0002}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){main{padding-left:40px;padding-right:40px}.materials{grid-template-columns:repeat(4,1fr)}}@media(max-width:1000px){header{gap:35px}.brand small{display:none}.filters{grid-template-columns:repeat(4,1fr)}.search-label{grid-column:1/-1}.collection-info{padding:27px}.cover{height:370px}.materials{gap:15px}.card-rating small{display:none}.note>small{display:none}.stat{padding:0 20px}}@media(max-width:700px){header{height:65px;padding:0 5%;gap:25px}.brand b{font-size:22px}.logo{width:30px;height:30px;font-size:20px}nav{gap:20px}nav a{font-size:10px}.account{gap:0}.account span{display:none}.account button{width:29px;height:29px;font-size:12px}main{padding-top:22px}.welcome{padding:30px 0 25px}.welcome aside{display:none}h1{font-size:31px}.welcome p{font-size:11px}.eyebrow{font-size:8px}.stats{padding:17px 0;margin-bottom:25px}.stat{padding:0 13px}.stat-icon{display:none}.stat-top{font-size:9px}.stat-value strong{font-size:24px}.stat-value small{font-size:8px}.stat-value{gap:3px}.tabs{gap:22px}.tabs button{font-size:10px}.tabs-row>small{display:none}.section-title>span{display:none}.collection{grid-template-columns:1fr}.cover{height:260px}.collection-info{padding:26px}.collection-info h2{margin:13px 0}.collection-info p{font-size:11px}.collection-meta{margin-top:20px}.note{gap:13px;padding:19px;margin-bottom:35px}.note p{font-size:11px}.note p small{font-size:9px}.note i{display:none}.summary{padding:13px}.summary>span>small{display:none}.summary>small{font-size:9px}.expanded{padding:20px}.expanded>div{gap:14px;flex-wrap:wrap}.expanded b{margin-left:5px}.filters{padding:17px;grid-template-columns:1fr 1fr;gap:14px}.filters label{font-size:10px}.filters select,.filters input{height:38px}.filter-actions>span{display:none}.filter-actions{justify-content:flex-end}.filter-actions .text-button{margin-right:auto;padding-left:0}.materials{grid-template-columns:repeat(2,1fr);gap:13px}.material-body{padding:12px}.material h3{font-size:11px;min-height:37px;margin-bottom:9px}.material .tags{gap:4px;min-height:19px}.material .tags span{font-size:8px;padding:3px 5px}.card-bottom{font-size:8px}.episode{font-size:8px;left:8px;top:8px;padding:4px 6px}.favorite{width:25px;height:25px;right:7px;top:6px;font-size:14px}.status{font-size:8px;bottom:7px;right:7px}.result-meta span:last-child{display:none}.list-mode .material{grid-template-columns:120px 1fr}.list-mode .material-image{min-height:150px}.list-mode .material-body{padding:12px}.list-mode .material h3{font-size:12px}footer>small{display:none}.pagination{gap:5px}.pagination>span{display:none}.preview-image{height:190px}.preview-content{padding:20px}.preview-content h2{font-size:18px}.progress-controls{gap:6px}.progress-controls .primary,.progress-controls .secondary{padding:9px 11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.brand b{font-size:20px;white-space:nowrap}.collection-info h2{font-family:inherit;font-size:25px}.cover-title h2{font-family:inherit;font-size:34px;letter-spacing:-1px}.summary strong{font-family:inherit;font-size:18px}#lessonRoot{max-width:1440px;padding:27px 5% 0;margin:auto}.lesson-nav{display:flex;align-items:center;gap:24px;color:#969d88;font-size:10px}.lesson-nav button{border:0;background:transparent;color:#7b826c;font-size:11px;padding:6px 0}.lesson-nav i{font-style:normal;margin:0 12px;color:#c4c6b8}.lesson-nav button:last-child{margin-left:auto;color:#8c6e45}.lesson-title{display:flex;justify-content:space-between;align-items:center;margin:35px 0 25px}.lesson-title h1{font-size:26px;letter-spacing:-.6px;line-height:1.6;margin:10px 0}.lesson-title p{font-size:11px;color:#969b89;margin:0}.lesson-title p span{margin:0 10px}.lesson-level{font-size:13px;letter-spacing:3px;color:#a88b59;text-align:right}.lesson-level small{display:block;letter-spacing:0;font-size:9px;color:#999e8d;margin-top:9px}.lesson-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:25px;align-items:start}.video-wrap{background:#263c33;position:relative;border-radius:13px 13px 0 0;overflow:hidden}.video-wrap video{width:100%;display:block;aspect-ratio:16/9;object-fit:contain;background:#263c33}.video-captions{position:absolute;left:4%;right:4%;bottom:63px;text-align:center;color:#fff;pointer-events:none;text-shadow:0 1px 4px #000}.video-captions>div:not(:empty){background:#16271dd9;display:table;padding:3px 7px;margin:3px auto;border-radius:3px;font-size:13px;line-height:1.65}.video-captions>div#videoCaptionZh{font-size:11px;color:#e5e8c7}.media-label{position:absolute;top:15px;left:17px;font-size:9px;background:#ffffff14;border:1px solid #ffffff30;padding:5px 8px;color:#dce2d1;border-radius:4px;max-width:85%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.player-controls{padding:15px 20px 19px;background:var(--card);border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px}.seek-row{display:flex;gap:13px;align-items:center;font-size:10px;font-variant-numeric:tabular-nums;color:#969d87}.seek-row input{flex:1;width:0;accent-color:#8d7452;height:3px;cursor:pointer}.play-buttons{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:19px}.play-buttons button{border:0;background:transparent;color:#7a866e;font-size:12px;padding:7px}.play-buttons .play-main{background:#866348;color:#fffef0;padding:10px 24px;border-radius:6px;font-size:12px}.play-buttons select{margin-left:auto;border:1px solid #e2e5d8;background:#f6f7ed;border-radius:5px;padding:6px;color:#7b856d;font-size:10px}.play-buttons button:first-child{margin-left:auto}.practice-options{display:flex;gap:15px;align-items:center;margin-top:18px}.practice-options button{border:1px solid #d9ddcd;border-radius:5px;background:transparent;color:#8c967b;padding:8px 12px;font-size:10px}.practice-options button.on{background:#e6ecd9;border-color:#9baa80;color:#65784e}.practice-options span{font-size:9px;color:#a0a68f;margin-left:auto}.lesson-notice{display:flex;gap:14px;border:1px solid #e0e2d3;background:#f0f2e8;border-radius:9px;margin-top:20px;padding:19px}.lesson-notice>span{font-size:22px;color:#879872}.lesson-notice strong{font-size:12px;color:#6f7d5e;font-weight:500}.lesson-notice p{font-size:10px;line-height:1.9;color:#939b83;margin:8px 0 0}.import-actions{display:flex;gap:8px;align-items:center;margin-top:17px;flex-wrap:wrap}.import-actions label{cursor:pointer;font-size:9px;padding:8px 10px}.import-actions>span{font-size:8px;color:#a4aa95;margin-left:auto}.play-error{color:#a35c3d;font-size:11px}.transcript-panel{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}.transcript-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 22px 17px}.transcript-heading h2{font-size:15px;margin:0;font-weight:500}.transcript-heading h2 span{font-size:9px;color:#a0a58f;margin-left:7px}.transcript-heading p{font-size:9px;color:#9da58c;margin:7px 0 0}.transcript-heading button{font-size:9px;border:1px solid #e3e6d8;border-radius:5px;color:#929c80;padding:7px 9px;background:#f5f6ef}.transcript-heading button.on{color:#647c4c;background:#eaf0e0;border-color:#ccd6b8}.transcript-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 22px;padding:0 0 15px;border-bottom:1px solid var(--line)}.transcript-toolbar>div{background:#f1f2e9;border:1px solid #e8eadf;padding:3px;display:flex;gap:4px;border-radius:5px}.transcript-toolbar button{border:0;background:none;padding:5px 10px;font-size:9px;color:#9aa28c;border-radius:3px}.transcript-toolbar button.active{background:var(--card);color:#6c7c59;box-shadow:0 1px 3px #0001}.transcript-toolbar small{font-size:8px;color:#a2aa93}.cue-list{height:450px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c9d1bb transparent;padding:12px;position:relative;scroll-behavior:smooth;overscroll-behavior:contain}.cue-row{display:flex;gap:12px;width:100%;padding:16px 12px;border:1px solid transparent;border-radius:7px;text-align:left;background:transparent;color:inherit;align-items:start;transition:background .2s}.cue-row:hover{background:#f4f5ed}.cue-row.active{background:#ecf0e1;border-color:#dce4c9;box-shadow:inset 3px 0 #91a66f}.cue-number{font-size:8px;color:#b0b6a0;padding-top:3px;font-variant-numeric:tabular-nums}.cue-text{flex:1;min-width:0}.cue-en{font-size:13px;line-height:1.8;display:block;color:#626e56}.cue-zh{font-size:10px;line-height:1.9;display:block;color:#a0a68f;margin-top:5px}.cue-time{font-size:8px;color:#adb39f;padding-top:5px;white-space:nowrap;font-variant-numeric:tabular-nums}.cue-row.active .cue-en{color:#485e33;font-weight:500}.cue-row.active .cue-time,.cue-row.active .cue-number{color:#829763}.transcript-footer{border-top:1px solid var(--line);display:flex;gap:7px;align-items:center;padding:14px 20px;color:#a1aa8f;font-size:8px}.live-dot{width:5px;height:5px;background:#91a66f;border-radius:50%}.transcript-footer button{border:0;background:none;color:#8a9676;font-size:8px;margin-left:auto;cursor:pointer}.subtitle-empty{padding:55px 25px;text-align:center;color:#929c82;font-size:12px}.lesson-bottom{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:45px;padding:23px 0;font-size:10px;color:#a0a78f}.lesson-bottom>span{font-size:15px;color:#748362}.lesson-bottom small{font-size:8px;letter-spacing:1px;margin-left:auto}#lessonRoot[data-language=en] .cue-zh,#lessonRoot[data-language=en] #videoCaptionZh{display:none}#lessonRoot[data-language=zh] .cue-en,#lessonRoot[data-language=zh] #videoCaptionEn{display:none}@media(min-width:1500px){.cue-list{height:550px}}@media(max-width:1000px){.lesson-workspace{grid-template-columns:1fr 1fr;gap:18px}.play-buttons{gap:8px}.play-buttons .play-main{padding:9px 14px}.transcript-heading{padding:18px}.transcript-toolbar{margin:0 18px}.cue-list{height:390px}.cue-row{gap:8px;padding:12px 8px}.cue-en{font-size:12px}.practice-options span{display:none}}@media(max-width:700px){.brand b{font-size:15px}header{gap:18px}nav{gap:13px}.lesson-nav{gap:14px}.lesson-nav>span{display:none}.lesson-title{margin:25px 0 20px}.lesson-title h1{font-size:22px}.lesson-title p{font-size:10px}.lesson-title p span{margin:0 5px}.lesson-level{display:none}.lesson-workspace{grid-template-columns:1fr;gap:24px}.video-captions>div:not(:empty){font-size:11px}.video-captions>div#videoCaptionZh{font-size:9px}.video-captions{bottom:57px}.play-buttons{gap:15px}.play-buttons .play-main{padding:10px 25px}.cue-list{height:390px}.cue-en{font-size:13px}.cue-zh{font-size:11px}.lesson-bottom{gap:12px;margin-top:30px}.lesson-bottom small{display:none}.lesson-bottom p{font-size:9px}.summary strong{font-size:15px}.cover-title h2{font-size:30px}}
.video-art{position:absolute;left:13%;top:23%;pointer-events:none;color:#f6f3e8}.video-art small{font-size:10px;letter-spacing:2px;color:#b8c6a0}.video-art strong{display:block;font:36px Georgia,serif;line-height:1.25;margin-top:16px}.video-art>span{font-size:7px;letter-spacing:1.6px;color:#b8c6a0;display:block;margin-top:17px}@media(max-width:1000px){.video-art strong{font-size:29px}.video-art{top:21%}.video-art>span{display:none}.video-art small{font-size:8px}}@media(max-width:700px){.video-art strong{font-size:31px}.video-art{top:23%}.video-art small{font-size:8px}}
/* Immersive study workspace */
#lessonRoot{max-width:none;background:#090f1e;color:#dce6ff;min-height:calc(100vh - 82px);padding:24px 3% 0;--line:#233553;--card:#101b31;--ink:#dce6ff}.lesson-nav button,.lesson-nav{color:#9aaed1}.lesson-title{margin:20px 0}.lesson-title h1{color:#e1e9ff;font-size:24px}.lesson-title p{color:#778bae}.lesson-title .eyebrow{color:#49cdf4}.lesson-workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px}.player-column{padding:14px;border:1px solid #263858;border-radius:24px;background:#0d172a}.video-wrap{border-radius:18px;background:#07101b}.player-controls{background:#101c33;border-color:#243553;border-radius:0 0 16px 16px}.video-captions>div:not(:empty){background:#07101ee8;color:white}.current-sentence{border:1px solid #293b60;border-radius:15px;background:#101a30;padding:22px;margin:15px 0 0;min-height:125px;text-align:center}.current-sentence .current-en{font-size:19px;line-height:1.7;font-weight:600;color:#edf1ff}.current-sentence .current-zh{font-size:13px;line-height:1.8;color:#a9badc;margin-top:9px}.current-sentence small{display:block;text-align:left;color:#6c85b2;font-size:10px;margin-top:13px}.play-buttons button{color:#a0b6dc}.play-buttons .play-main{background:linear-gradient(135deg,#6e8dff,#36d6f2);box-shadow:0 4px 24px #378bff33;color:white}.play-buttons select{background:#14223b;border-color:#304563;color:#a8bce1}.seek-row input{accent-color:#58d5ff}.practice-options button{border-color:#304463;color:#99b0d9}.practice-options button.on{background:#1e3a63;color:#73d8ff;border-color:#37649b}.practice-options span{color:#60799f}.lesson-notice{background:#101e32;border-color:#263a52}.lesson-notice strong{color:#a8c3de}.lesson-notice p{color:#738bab}.lesson-notice>span{color:#5dd3ef}.import-actions .secondary{background:#17253f;border-color:#2b4164;color:#91afd3}.transcript-panel{background:#0e1b32;border-color:#293a5d;border-radius:20px}.transcript-heading h2{color:#c8d9f6}.transcript-heading p{color:#7186ad}.transcript-heading button{background:#172946;border-color:#304568;color:#93acd1}.transcript-heading button.on{background:#1e3455;border-color:#3d6095;color:#8bdeff}.transcript-toolbar>div{background:#111f37;border-color:#293c61}.transcript-toolbar button{color:#9badd1}.transcript-toolbar button.active{background:#243b64;color:#dae8ff}.transcript-toolbar small{color:#62789e}.cue-list{height:530px;scrollbar-color:#344f7c transparent;padding:12px}.cue-row{background:#101e37;border:1px solid #263857;border-radius:18px;margin-bottom:12px;padding:19px 17px}.cue-row:hover{background:#192d4c}.cue-row.active{background:#21365e;border-color:#527ebc;box-shadow:inset 0 0 0 1px #527ebc}.cue-en{color:#e0e8fc;font-size:17px;line-height:1.9;font-weight:600;letter-spacing:.2px}.cue-zh{color:#a1b5d9;font-size:13px;line-height:1.8}.cue-row.active .cue-en{color:#f0f5ff}.cue-number,.cue-time{color:#7186b0}.cue-row.active .cue-time,.cue-row.active .cue-number{color:#9ebfe8}.cue-word{border-radius:12px;padding:1px 2px;transition:color .15s,background .15s}.cue-word.speaking{color:#ffc790;background:#9a644849;outline:1px solid #bb987280}.cue-word.spoken{color:#98d6f7}.transcript-footer{color:#7185a8}.transcript-footer button{color:#8ebae4}.live-dot{background:#5ad9ec}.lesson-bottom{border-color:#233653;color:#5c7197}.lesson-bottom>span{color:#88b3d7}.lesson-title .eyebrow:before{content:'EP ';color:#62dcff}.lesson-level{color:#6fe3c2}.player-column .primary{background:#498dce;border-color:#498dce}.word-timing-label{font-size:8px;color:#7587aa;display:block;margin-top:6px}.lesson-nav #lessonFavorite{color:#9abcf3}@media(max-width:900px){.lesson-workspace{grid-template-columns:1fr}.cue-list{height:430px}#lessonRoot{padding:20px 4%}.lesson-title h1{font-size:21px}.cue-en{font-size:16px}.video-art strong{font-size:38px}}
/* Content management */
#adminRoot{max-width:1330px;margin:30px auto 0;padding:0 5%;min-height:80vh}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.admin-head h1{font-size:28px;letter-spacing:-.6px}.admin-head p{color:#919980;font-size:12px;line-height:1.8}.admin-local{border:1px solid #d9dec9;border-radius:7px;padding:10px 13px;color:#83916c;font-size:10px;background:#edf1e4}.admin-tabs{display:flex;gap:20px;margin:20px 0 24px;border-bottom:1px solid var(--line)}.admin-tabs button{border:0;background:none;color:#8a947a;padding:12px 3px;font-size:12px}.admin-tabs button.active{color:#866348;border-bottom:2px solid #866348}.admin-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}.admin-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:25px}.admin-card h2{font-size:16px;font-weight:500;margin:0 0 18px}.admin-card h2 small{color:#a1a88f;font-size:10px;margin-left:8px}.upload-zone{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;padding:35px 20px;border:1px dashed #bac6a7;border-radius:10px;background:#f2f5eb;cursor:pointer}.upload-zone>span{font-size:28px;color:#93a478}.upload-zone strong{font-size:13px;margin:12px;color:#768664;font-weight:500}.upload-zone small{font-size:10px;color:#a0aa8e}.admin-file{display:flex;align-items:center;gap:15px;margin-top:15px;color:#778568;font-size:11px}.admin-file video{width:130px;border-radius:7px;max-height:90px;background:#1e3225}.admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:25px}.admin-fields label,.admin-label{font-size:10px;color:#8e987c;display:flex;flex-direction:column;gap:8px}.admin-fields label.full{grid-column:1/-1}.admin-fields input,.admin-fields textarea,.admin-fields select{padding:10px;border:1px solid #dde3d0;background:#f8f9f3;color:#56644a;border-radius:5px;font-size:12px;width:100%}.admin-fields textarea{height:78px;resize:vertical}.admin-steps{display:flex;gap:12px;margin-bottom:25px;font-size:10px;color:#929d80}.admin-steps span{background:#e8efdd;color:#758a5c;border-radius:4px;padding:6px 9px}.asr-placeholder{padding:20px;border-radius:9px;background:#f5f0e5;border:1px solid #e5d9bf;font-size:11px;color:#a09070;line-height:1.9}.asr-placeholder strong{display:block;font-weight:500;color:#8b7653}.asr-placeholder button{margin-top:13px}.admin-card .primary:disabled{opacity:.5}.subtitle-input{width:100%;height:210px;resize:vertical;border:1px solid #dce2cf;background:#f8f9f3;border-radius:7px;color:#626e55;padding:13px;font:11px/1.7 monospace;margin-top:15px}.admin-actions{display:flex;gap:10px;align-items:center;margin-top:18px}.admin-actions span{font-size:10px;color:#8c9a79}.admin-actions button:last-child{margin-left:auto}.admin-hint{font-size:10px;color:#9ba68a;line-height:1.9}.admin-status{border-radius:6px;padding:10px 13px;font-size:11px;background:#edf2e4;color:#81926a;margin-top:14px}.content-table{width:100%;border-collapse:collapse;font-size:12px}.content-table th{text-align:left;color:#99a388;font-size:10px;font-weight:400;padding:15px 12px;border-bottom:1px solid var(--line)}.content-table td{padding:18px 12px;border-bottom:1px solid var(--line);color:#788567}.content-table td:first-child{color:#526344}.content-table button{border:1px solid #d9e1cb;border-radius:4px;background:transparent;color:#8f7152;font-size:10px;padding:5px 9px;margin-right:5px}.content-table .badge{font-size:9px;background:#eaf0df;color:#82965f;padding:4px 7px;border-radius:4px}.settings-row{padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:#859374}.settings-row span{font-size:10px;color:#a0a98f}.admin-empty{text-align:center;padding:50px;color:#9aa589;font-size:12px}.admin-top-link{font-size:11px!important}@media(max-width:800px){.admin-grid{grid-template-columns:1fr}.admin-head{align-items:start;gap:15px}.admin-local{max-width:130px;line-height:1.8}.content-table{font-size:10px}.content-table th,.content-table td{padding:12px 6px}.admin-head h1{font-size:24px}.admin-card{padding:20px}.admin-top-link{font-size:9px!important}}
body.studying{background:#090f1e}body.studying header{background:#0b1426;border-color:#233453;color:#bccfee}body.studying .brand b{color:#d3e3ff}body.studying .logo{background:linear-gradient(135deg,#6086ff,#35d0ed)}body.studying nav a{color:#7f94bc}body.studying nav a.active{color:#6edbff}body.studying nav a.active:after{background:#58d1ff}body.studying .account button{background:#193853;border-color:#365d7f;color:#85d8ff}body.studying .account span{color:#647da6}body.studying nav a span{border-color:#314566}
.brand b{font:600 17px 'DM Sans',sans-serif;letter-spacing:1px}.brand small{display:none}.daily-quote-band{display:flex;align-items:center;gap:20px;padding:13px 5%;border-bottom:1px solid #e6e7dc;background:#eeefe7;overflow:hidden}.daily-quote-label{display:flex;align-items:center;gap:11px;flex-shrink:0;padding-right:20px;border-right:1px solid #d4dac8}.daily-quote-label>span{font-size:24px;color:#929d78}.daily-quote-label strong{font-size:10px;letter-spacing:1px;color:#778265;font-weight:500;display:block;white-space:nowrap}.daily-quote-label small{display:block;font-size:8px;color:#a0a88f;letter-spacing:1px;margin-top:4px}.daily-quote-window{overflow:hidden;flex:1;min-width:0;mask-image:linear-gradient(to right,transparent,black 3%,black 97%,transparent)}.daily-quote-track{display:flex;width:max-content;animation:dailyQuoteScroll 32s linear infinite;will-change:transform}.daily-quote-copy{display:flex;align-items:center;gap:22px;padding-right:65px;white-space:nowrap;min-width:820px}.daily-quote-en{font:italic 16px Georgia,serif;letter-spacing:.1px;color:#67795a}.daily-quote-zh{font-size:11px;color:#909d7c}.daily-quote-copy i{font-style:normal;color:#acb49c;font-size:10px}.daily-quote-pause{border:1px solid #d4dcc7;width:25px;height:25px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:transparent;color:#8c9b76;font-size:10px;cursor:pointer}.daily-quote-band:hover .daily-quote-track,.daily-quote-band:focus-within .daily-quote-track,.daily-quote-band.paused .daily-quote-track{animation-play-state:paused}body.studying .daily-quote-band{background:#101e32;border-color:#253956}body.studying .daily-quote-label{border-color:#304460}body.studying .daily-quote-label>span{color:#72cde1}body.studying .daily-quote-label strong{color:#91b6db}body.studying .daily-quote-label small{color:#58759b}body.studying .daily-quote-en{color:#a2cde9}body.studying .daily-quote-zh{color:#738db5}body.studying .daily-quote-copy i{color:#3f6089}body.studying .daily-quote-pause{color:#82b2d5;border-color:#304b6b}.cover-title h2{font:32px Georgia,serif;letter-spacing:-1px}.collection-info h2{font-size:22px;letter-spacing:.5px}.summary strong{font-size:16px;letter-spacing:.3px}.lesson-bottom>span{font-size:12px;letter-spacing:.6px}@keyframes dailyQuoteScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(max-width:700px){header{gap:12px}.brand{gap:7px}.brand b{font-size:11px;letter-spacing:.3px;white-space:normal;max-width:105px;line-height:1.5}.logo{width:28px;height:28px}nav{gap:10px}nav a{font-size:9px}.account button{width:26px;height:26px}.daily-quote-band{gap:10px;padding:11px 5%}.daily-quote-label{gap:6px;padding-right:10px}.daily-quote-label>span{font-size:18px}.daily-quote-label strong{font-size:9px}.daily-quote-label small{font-size:7px}.daily-quote-en{font-size:14px}.daily-quote-zh{font-size:10px}.daily-quote-copy{gap:17px;min-width:750px;padding-right:45px}.daily-quote-pause{width:22px;height:22px;font-size:8px}.summary strong{font-size:12px}.cover-title h2{font-size:27px}.collection-info h2{font-size:20px}}@media(prefers-reduced-motion:reduce){.daily-quote-track{animation:none}.daily-quote-copy{min-width:0;white-space:normal;flex-wrap:wrap;gap:5px 12px;padding-right:0}.daily-quote-copy[aria-hidden=true]{display:none}.daily-quote-pause{display:none}.daily-quote-copy i{display:none}.daily-quote-en,.daily-quote-zh{width:100%}}
.word-timing-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 22px;color:#829abf;font-size:9px;border-bottom:1px solid #223754}.word-timing-controls>span{color:#d1ae7e;margin-right:auto}.word-timing-controls label{display:flex;align-items:center;gap:5px;white-space:nowrap}.word-timing-controls input[type=checkbox]{accent-color:#66d9ff}.word-timing-controls input[type=number]{width:48px;border:1px solid #3a5073;background:#15253e;color:#bdd8f5;border-radius:4px;font-size:10px;padding:4px}.cue-word{cursor:pointer;box-decoration-break:clone;-webkit-box-decoration-break:clone}.cue-word.speaking{background:#d99b5e4a!important;color:#ffd09b!important;outline:1px solid #d9a476bb;box-shadow:0 0 10px #e5ad6f22}.cue-word:focus-visible{outline:2px solid #72daff}.current-sentence .cue-word{display:inline}.video-captions .cue-word{pointer-events:none}.cue-row.active .cue-word.spoken{color:#8ed7f5}.cue-time{display:block!important;min-width:35px}.word-timing-controls~.cue-list{height:480px}@media(max-width:700px){.word-timing-controls{padding:12px 16px;gap:9px}.word-timing-controls>span{width:100%}}
/* Extended learning tools */
#lessonRoot{padding-left:95px;padding-bottom:130px;--study-font-size:17px}.study-rail{position:fixed;left:0;top:146px;bottom:0;height:auto;display:flex;flex-direction:column;gap:14px;width:76px;background:#0c1b2d;border-right:1px solid #25425e;padding:18px 8px;z-index:8}.study-rail button{position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;padding:15px 3px;background:#112b40;border:1px solid #2a4a63;border-radius:8px;color:#73d9f1;font-size:22px}.study-rail small{font-size:10px;color:#9eb6d3}.study-rail b{position:absolute;right:3px;top:3px;font-size:8px;padding:2px 4px;background:#259cc3;color:white;border-radius:8px}.study-rail button.active{background:#1d626b}.study-mode-tabs{display:flex;gap:5px;background:#172c45;margin:0 20px 13px;border:1px solid #2b4565;border-radius:24px;padding:4px}.study-mode-tabs button{background:transparent;border:0;color:#8da8c8;font-size:11px;padding:9px 13px;border-radius:20px;white-space:nowrap}.study-mode-tabs button.active{background:#244d65;color:#8de4f6;box-shadow:0 0 0 1px #3a6b85}.sentence-tools{display:flex;justify-content:flex-end;gap:21px;padding-top:13px;color:#6a86ac;font-size:14px}.sentence-tools>span{cursor:pointer;padding:3px}.sentence-tools>span:hover{color:#81e4ff}.study-exercise{background:#122c42;border:1px solid #30556d;border-radius:12px;padding:20px;margin-top:18px}.study-exercise h3{font-size:13px;color:#8ed7ed;margin:0 0 13px}.study-exercise>p{font-size:13px;line-height:1.9;color:#c2d8ec}.study-exercise textarea{width:100%;height:100px;resize:vertical;border:1px solid #3d5a76;border-radius:6px;background:#102038;color:#d7ecff;padding:12px;font:13px/1.8 'DM Sans',sans-serif}.study-exercise>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.study-exercise button,.shadow-recording button{border:1px solid #375976;border-radius:6px;background:#193b53;color:#9fd6ef;padding:8px 12px;font-size:10px}.exercise-blank{color:#61d6f3;border-bottom:1px solid #5ac8e8;letter-spacing:3px}.study-exercise .correct{color:#7ae4b6}.study-exercise .incorrect{color:#e5bc83}.shadow-recording{margin-top:18px;padding:15px;background:#112039;border:1px solid #283f5e;border-radius:10px}.shadow-recording>div:first-child{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.shadow-recording span{font-size:9px;color:#6c89ac}.shadow-recording audio{width:100%;margin-top:13px;height:35px}.study-side-panel{min-width:0;border:1px solid #2a4b63;border-radius:18px;background:#102a3c;overflow:hidden}.study-panel-heading{display:flex;align-items:center;padding:21px 18px;gap:10px;border-bottom:1px solid #284657}.study-panel-heading h2{font-size:13px;color:#70dbe7;margin:0}.study-panel-heading>span{font-size:11px;color:#6ecbd9;border:1px solid #326173;border-radius:50%;padding:3px 7px}.study-panel-heading>button{margin-left:auto;border:1px solid #2c5063;color:#8cafc9;background:transparent;border-radius:50%;height:24px;width:24px}.vocab-filter{display:flex;gap:6px;padding:15px 15px 9px}.vocab-filter button{padding:6px 9px;border:1px solid #2a4c63;background:#183549;border-radius:5px;color:#8ea8c1;font-size:9px}.vocab-filter button.active{color:#d4f0ff;background:#315f7b}.vocab-filter button:last-child{margin-left:auto}#vocabSearch{display:flex;gap:7px;padding:5px 15px}#vocabSearch input{width:0;flex:1;border:1px solid #2e5069;background:#0e2337;padding:9px;border-radius:5px;color:#b9d9ed;font-size:10px}#vocabSearch button{border:0;background:#1a9bb3;border-radius:5px;color:white;font-size:10px;padding:7px 12px}.vocab-provider-note{font-size:8px;color:#64889c;padding:0 17px;line-height:1.8}#studyPanelCards{max-height:690px;overflow-y:auto;padding:13px 15px;scrollbar-width:thin;scrollbar-color:#2d6175 transparent}.vocab-card{border:1px solid #2d4f65;border-top:3px solid #a5b9b8;background:#122e40;border-radius:6px;padding:18px;margin-bottom:17px}.vocab-card-head{display:flex;align-items:center;gap:10px}.vocab-card-head strong{color:#ffc087;font-size:20px}.vocab-card-head small{font-style:italic;color:#7195ab;font-size:9px}.vocab-card-head button{margin-left:auto;background:transparent;border:0;color:#40cce1;font-size:13px}.vocab-card>p{font-size:12px;line-height:1.9;color:#a0c0d1;margin:19px 0 13px}.vocab-card h3{color:#bdd9e5;font-size:15px;font-weight:500;margin:14px 0}.vocab-card blockquote{background:#29495b;border-left:3px solid #4d98ae;padding:12px;margin:16px 0;font-size:12px;line-height:1.9;font-style:italic;color:#c0d4df}.vocab-card label{display:flex;flex-direction:column;color:#7093a9;font-size:8px;gap:7px;margin-top:16px}.vocab-card textarea{width:100%;height:60px;resize:vertical;padding:9px;background:#11273a;border:1px solid #2b5068;border-radius:5px;color:#b2d2df;font-size:11px}.vocab-card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.vocab-card-actions button{font-size:9px;border:1px solid #2b6376;background:#164254;color:#69d8e9;border-radius:5px;padding:7px 10px}.vocab-source{display:block;margin-top:12px;font-size:8px;color:#6f99ad}.saved-en{display:block;color:#c3deeb;font-size:14px;line-height:1.9}.vocab-card>small{font-size:8px;color:#7099ac}.study-empty{padding:40px 20px;text-align:center;font-size:12px;color:#6f96ac;line-height:2}.study-toolbar{position:fixed;left:76px;right:0;bottom:0;z-index:12;background:#0d2238f5;backdrop-filter:blur(12px);border:1px solid #28455e;padding:12px 20px 15px}.study-toolbar>div{display:flex;align-items:center;justify-content:center;gap:13px;overflow-x:auto}.study-toolbar button{flex-shrink:0;min-width:43px;display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent;border:0;padding:3px;color:#9db8d5}.study-toolbar button>span{width:38px;height:38px;border-radius:50%;background:#162f4b;display:grid;place-items:center;color:#a7c5e2;font-size:15px}.study-toolbar button>small{font-size:8px}.study-toolbar button.active>span{background:#1b6582;color:#70e0f8;box-shadow:0 0 0 1px #4b97ba}.study-toolbar #tool-play>span{width:47px;height:47px;background:linear-gradient(135deg,#4299ff,#13d6dd);color:white;font-size:22px;box-shadow:0 0 25px #1ccfe630}.study-toolbar #abRange{display:block;color:#62d4ef;text-align:center;font-size:9px;margin-bottom:5px}.study-toolbar #abRange:empty{display:none}.hide-video-captions .video-captions{display:none}.blind-listening .cue-text,.blind-listening .current-en,.blind-listening .current-zh,.blind-listening .video-captions{visibility:hidden}.mask-study-words .cue-word{color:transparent!important;text-shadow:none;background:#294a65;outline:0}.mask-study-words .cue-word:hover,.mask-study-words .cue-word:focus{color:#cdeafa!important}.cue-en{font-size:var(--study-font-size,17px)}.current-sentence .current-en{font-size:calc(var(--study-font-size,17px) + 2px)}#lessonRoot[data-practice-mode=dictation] .cue-en,#lessonRoot[data-practice-mode=dictation] .cue-zh,#lessonRoot[data-practice-mode=dictation] .current-en,#lessonRoot[data-practice-mode=dictation] .current-zh,#lessonRoot[data-practice-mode=dictation] .video-captions,#lessonRoot[data-practice-mode=cloze] .cue-en,#lessonRoot[data-practice-mode=cloze] .current-en,#lessonRoot[data-practice-mode=cloze] .video-captions,#lessonRoot[data-practice-mode=retell] .cue-en,#lessonRoot[data-practice-mode=retell] .current-en,#lessonRoot[data-practice-mode=retell] .video-captions{visibility:hidden}#lessonRoot[data-study-theme=violet]{background:#151124}#lessonRoot[data-study-theme=violet] .player-column,#lessonRoot[data-study-theme=violet] .transcript-panel{background:#201a35;border-color:#51406a}#lessonRoot[data-study-theme=forest]{background:#0c211f}#lessonRoot[data-study-theme=forest] .player-column,#lessonRoot[data-study-theme=forest] .transcript-panel{background:#12302d;border-color:#305c53}@media(min-width:1400px){.has-study-panel .lesson-workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(280px,.8fr)}.has-study-panel .cue-en{font-size:calc(var(--study-font-size,17px) - 1px)}}@media(max-width:1399px){.has-study-panel .study-side-panel{position:fixed;right:15px;top:150px;bottom:120px;width:355px;z-index:16;box-shadow:0 20px 70px #0008;overflow-y:auto}}@media(max-width:1000px){.study-toolbar>div{justify-content:flex-start;gap:8px}.study-mode-tabs button{font-size:10px;padding:8px 10px}}@media(max-width:700px){#lessonRoot{padding-left:4%;padding-bottom:135px}.study-rail{position:static;flex-direction:row;width:100%;height:auto;border:0;padding:0 0 15px;background:transparent;gap:9px}.study-rail button{flex:1;flex-direction:row;justify-content:center;padding:9px;font-size:13px;gap:6px}.study-rail small{font-size:9px}.study-rail b{font-size:7px;top:-4px;right:-3px}.study-toolbar{left:0;padding:10px 10px 12px}.study-toolbar>div{gap:8px}.study-toolbar button>span{width:32px;height:32px;font-size:13px}.study-toolbar button>small{font-size:7px}.study-toolbar #tool-play>span{width:38px;height:38px}.has-study-panel .study-side-panel{top:80px;right:10px;left:10px;bottom:100px;width:auto}.study-mode-tabs{margin:0 13px 12px;gap:2px}.study-mode-tabs button{padding:7px 9px;font-size:10px}}
@media print{body.studying{background:white!important;color:black!important}header,.daily-quote-band,.study-rail,.study-toolbar,.player-column,.lesson-nav,.lesson-level,.lesson-bottom,.study-side-panel,.study-mode-tabs,.transcript-heading button,.transcript-toolbar,.word-timing-controls,.transcript-footer,.sentence-tools{display:none!important}#lessonRoot{background:white!important;padding:0!important}.lesson-title h1,.lesson-title p,.lesson-title .eyebrow{color:black!important}.lesson-workspace{display:block!important}.transcript-panel{border:0!important;background:white!important}.cue-list{height:auto!important;max-height:none!important;overflow:visible!important}.cue-row{break-inside:avoid;background:white!important;border:0!important;border-bottom:1px solid #ddd!important;box-shadow:none!important;border-radius:0!important}.cue-text,.cue-en,.cue-zh{visibility:visible!important;color:black!important}.cue-word{background:none!important;color:black!important;outline:none!important}.cue-time,.cue-number{color:#555!important}}
.dictionary-phonetic{font-size:11px;color:#62b7cc;margin-top:11px;line-height:1.7}.dictionary-phonetic small{font-size:9px;margin-left:7px;color:#7da7bb}.vocab-card>p,.vocab-card h3{white-space:pre-line}.vocab-provider-note a{color:#779db2;text-decoration:underline}
/* Shared cloud theme */
:root{--ui-background:#0b1525;--ui-surface:#12263b;--ui-text:#dce9f7;--ui-muted:#8ba6c1;--ui-accent:#37c6dc;--ui-border:#29465e;--paper:var(--ui-background);--card:var(--ui-surface);--ink:var(--ui-text);--muted:var(--ui-muted);--line:var(--ui-border);--brown:var(--ui-accent);--green:var(--ui-accent)}body,body.studying,#lessonRoot,#lessonRoot[data-study-theme]{background:var(--ui-background)!important;color:var(--ui-text)!important}header,body.studying header,.daily-quote-band,body.studying .daily-quote-band,.stats,.collection,.collection-info,.summary,.expanded,.filters,.material,.admin-card,.player-column,.transcript-panel,.current-sentence,.player-controls,.study-side-panel,.vocab-card,.shadow-recording,.study-exercise,.study-rail,.study-toolbar,.calendar-card,.account-card,.leaderboard-card{background:var(--ui-surface)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important}h1,h2,h3,.brand b,.summary strong,.material h3,.welcome aside p,.vocab-card h3,.saved-en,.cue-en,.current-sentence .current-en,.lesson-title h1,.transcript-heading h2,.section-title h2,.collection-info h3{color:var(--ui-text)!important}.eyebrow,.title-dot,.stat:last-child strong,.collection-footer strong,.brand b,.daily-quote-label>span,.daily-quote-en,.lesson-title .eyebrow,.study-panel-heading h2,.cue-word.spoken{color:var(--ui-accent)!important}.welcome p,.breadcrumb,.welcome em,.welcome aside>small,.collection-info p,.collection-meta,.collection-footer,.stat-top,.stat-value small,.section-title>span,.summary small,.filters label,.filter-actions>span,.result-meta,.card-bottom,.expanded p,.expanded>div,.lesson-title p,.cue-zh,.cue-time,.cue-number,.transcript-heading p,.practice-options span,.lesson-notice p,.vocab-card>p,.vocab-source,.admin-hint,.admin-head p,.admin-local,.daily-quote-zh,.daily-quote-label strong,.daily-quote-label small,.settings-row,.settings-row span,.content-table td,.content-table th,.lesson-bottom,.study-empty{color:var(--ui-muted)!important}.primary,.play-main,.study-toolbar #tool-play>span{background:var(--ui-accent)!important;border-color:var(--ui-accent)!important;color:var(--ui-background)!important}.secondary,.text-button,.admin-tabs button,.view-toggle button,.tag-chip,.palette-presets button,.play-buttons select,.study-mode-tabs button,.transcript-toolbar button,.practice-options button,.vocab-filter button,.vocab-card-actions button,.study-exercise button,.shadow-recording button,.study-rail button,.pagination button,.content-table button,.study-toolbar button>span,.theme-form button{background:color-mix(in srgb,var(--ui-surface),var(--ui-accent) 7%)!important;border-color:var(--ui-border)!important;color:var(--ui-muted)!important}input:not([type=range]):not([type=color]):not([type=checkbox]),select,textarea,.filters input,.filters select,.admin-fields input,.admin-fields textarea,.admin-fields select,.subtitle-input,#vocabSearch input,.vocab-card textarea,.study-exercise textarea,.word-timing-controls input[type=number]{background:var(--ui-background)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--ui-muted),transparent 25%)!important}.tabs button.active,.topbar nav a.active,header nav a.active,.admin-tabs button.active{color:var(--ui-accent)!important}.tabs button.active:after,header nav a.active:after,.progress i{background:var(--ui-accent)!important}.tag-chip.active,.pagination button.active,.view-toggle button.selected,.study-mode-tabs button.active,.transcript-toolbar button.active,.vocab-filter button.active,.study-toolbar button.active>span,.practice-options button.on{background:color-mix(in srgb,var(--ui-accent),var(--ui-surface) 75%)!important;border-color:var(--ui-accent)!important;color:var(--ui-text)!important}.cue-row{background:var(--ui-background)!important;border-color:var(--ui-border)!important}.cue-row.active{background:color-mix(in srgb,var(--ui-surface),var(--ui-accent) 14%)!important;border-color:var(--ui-accent)!important;box-shadow:inset 3px 0 var(--ui-accent)!important}.vocab-card blockquote,.asr-placeholder,.lesson-notice,.admin-status,.upload-zone,.note,.tag-row span,.tags span{background:color-mix(in srgb,var(--ui-surface),var(--ui-accent) 5%)!important;border-color:var(--ui-border)!important;color:var(--ui-muted)!important}.empty-library{padding:60px 25px;text-align:center;border:1px dashed var(--ui-border);border-radius:16px;margin-bottom:30px}.empty-library>span{font-size:38px;color:var(--ui-accent)}.empty-library h2{font-size:20px;margin:20px 0 12px;font-weight:500}.empty-library p{color:var(--ui-muted);font-size:12px;line-height:2;margin-bottom:26px}.empty-library .primary{display:inline-block}.cloud-loading>header,.cloud-loading>main,.cloud-loading>#adminRoot,.cloud-loading>#lessonRoot,.cloud-loading>.daily-quote-band{visibility:hidden!important}#accessGate{position:fixed;inset:0;background:var(--ui-background);display:grid;place-items:center;z-index:1000;padding:25px}.access-card{max-width:500px;width:100%;background:var(--ui-surface);padding:40px;border:1px solid var(--ui-border);border-radius:18px;text-align:center}.access-card h1{font-size:27px;letter-spacing:0;margin:25px 0 15px}.access-card p{font-size:13px;line-height:2;color:var(--ui-muted);margin-bottom:28px}.access-card a{display:inline-block;margin:5px}.cloud-user .admin-only,.cloud-user .admin-top-link{display:none!important}.danger-button{color:#e88b83!important}.table-email{display:block;font-size:9px;color:var(--ui-muted);margin-top:6px}.table-scroll{overflow:auto}.member-list{margin-top:24px}.check-label{flex-direction:row!important;align-items:center}.check-label input{width:auto!important;accent-color:var(--ui-accent)}.admin-fields .full{grid-column:1/-1}.admin-tabs{overflow:auto;white-space:nowrap}.admin-tabs button{padding:12px 15px;border-radius:6px 6px 0 0}.palette-presets{display:flex;gap:15px;flex-wrap:wrap;margin:25px 0}.palette-presets button{min-width:130px;display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid;border-radius:8px;font-size:12px;gap:20px}.palette-presets i{width:18px;height:18px;display:block;border-radius:50%}.theme-form{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:25px}.theme-form label{font-size:11px;color:var(--ui-muted)}.theme-form label>div{display:flex;align-items:center;gap:12px;margin-top:10px}.theme-form input[type=color]{width:55px;height:38px;border:1px solid var(--ui-border);border-radius:5px;background:none;cursor:pointer;padding:3px}.theme-form code{font-size:11px;color:var(--ui-muted)}.theme-form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--ui-border);padding-top:24px}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 35px}.dashboard-heading h1{font-size:34px;margin:14px 0}.dashboard-heading p{font-size:12px;color:var(--ui-muted);line-height:1.9}.sync-chip{font-size:10px;color:var(--ui-accent);border:1px solid var(--ui-border);border-radius:20px;padding:9px 13px;white-space:nowrap}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 25px}.dashboard-stats>div{padding:24px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px}.dashboard-stats small{font-size:10px;color:var(--ui-muted);display:block}.dashboard-stats strong{display:block;font-size:23px;font-weight:500;margin-top:13px;color:var(--ui-text)}.dashboard-stats em{font-style:normal;font-size:12px;color:var(--ui-muted)}.calendar-card,.leaderboard-card,.account-card{border:1px solid var(--ui-border);border-radius:15px;padding:28px}.calendar-month{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.calendar-month h2{font-size:20px;font-weight:500;margin:0}.calendar-month>div{display:flex;gap:7px}.calendar-month button{background:var(--ui-background);border:1px solid var(--ui-border);color:var(--ui-muted);border-radius:5px;padding:7px 13px;font-size:11px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:10px;color:var(--ui-muted);margin-bottom:15px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.calendar-day{position:relative;min-height:94px;display:flex;flex-direction:column;gap:12px;align-items:start;border:1px solid var(--ui-border);border-radius:9px;padding:14px;background:var(--ui-background);color:var(--ui-muted);text-align:left}.calendar-day.blank{visibility:hidden}.calendar-day strong{font-size:16px;font-weight:500;color:var(--ui-text)}.calendar-day>span{font-size:10px}.calendar-day>i{position:absolute;right:12px;bottom:12px;font-size:10px;color:var(--ui-accent);font-style:normal}.calendar-day.today{outline:1px solid var(--ui-accent)}.calendar-day.studied{background:color-mix(in srgb,var(--ui-accent),var(--ui-surface) 85%);border-color:color-mix(in srgb,var(--ui-accent),var(--ui-border) 40%)}.calendar-day.goal-met{background:color-mix(in srgb,var(--ui-accent),var(--ui-surface) 65%)}.calendar-legend{display:flex;gap:20px;margin-top:23px;font-size:9px;color:var(--ui-muted);justify-content:flex-end}.calendar-legend i{width:9px;height:9px;display:inline-block;border:1px solid var(--ui-border);border-radius:3px;margin-right:6px}.calendar-legend i.studied{background:color-mix(in srgb,var(--ui-accent),var(--ui-surface) 80%)}.calendar-legend i.goal-met{background:var(--ui-accent)}#calendarDayDetail,.leaderboard-note{font-size:10px;line-height:1.9;color:var(--ui-muted);margin-top:23px}.dashboard-empty{padding:45px 20px;text-align:center;color:var(--ui-muted)}.dashboard-empty>span{font-size:32px;color:var(--ui-accent)}.dashboard-empty h3{font-size:16px;font-weight:500;margin:16px 0}.dashboard-empty p{font-size:12px;margin-bottom:25px}.dashboard-empty a{display:inline-block;margin-top:10px}.leaderboard-tabs{display:flex;gap:10px;border-bottom:1px solid var(--ui-border);padding-bottom:20px}.leaderboard-tabs button{padding:8px 18px;background:transparent;color:var(--ui-muted);border:1px solid var(--ui-border);border-radius:6px;font-size:12px}.leaderboard-tabs button.active{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-background)}.leaderboard-tabs>span{margin-left:auto;font-size:10px;color:var(--ui-muted);align-self:center}.leaderboard-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.leaderboard-table th{font-size:10px;color:var(--ui-muted);font-weight:400;padding:20px 15px}.leaderboard-table td{padding:20px 15px;border-bottom:1px solid var(--ui-border);color:var(--ui-muted)}.leaderboard-table .is-me td{background:color-mix(in srgb,var(--ui-accent),transparent 92%)}.leaderboard-table td:nth-child(2){color:var(--ui-text)}.leaderboard-table td small{background:var(--ui-accent);color:var(--ui-background);font-size:8px;padding:2px 5px;border-radius:3px;margin-left:10px}.rank{font-size:15px;font-variant-numeric:tabular-nums}.rank-1,.rank-2,.rank-3{color:var(--ui-accent);font-size:20px}.rank-avatar{width:31px;height:31px;border:1px solid var(--ui-border);border-radius:50%;display:inline-grid;place-items:center;margin-right:12px;font-size:11px;color:var(--ui-accent)}.account-summary{display:flex;gap:20px;align-items:center;margin:7px 0 30px}.profile-avatar{width:66px;height:66px;display:grid;place-items:center;background:color-mix(in srgb,var(--ui-accent),var(--ui-surface) 82%);border:1px solid var(--ui-border);border-radius:50%;font-size:25px;color:var(--ui-accent)}.account-summary h2{font-size:21px;margin:0 0 7px;font-weight:500}.account-summary p{font-size:11px;color:var(--ui-muted);margin:0 0 8px}.account-summary .badge{font-size:9px;color:var(--ui-accent)}.account-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:25px 0;border-top:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border)}.account-detail-grid small{display:block;font-size:10px;color:var(--ui-muted);margin-bottom:10px}.account-detail-grid strong{font-size:13px;font-weight:400}.profile-form{display:flex;gap:20px;align-items:end;flex-wrap:wrap;margin:25px 0}.profile-form label{display:flex;flex-direction:column;gap:10px;font-size:10px;color:var(--ui-muted)}.profile-form input{border:1px solid var(--ui-border);border-radius:5px;padding:10px;font-size:12px}.dashboard-loading{padding:80px;text-align:center;color:var(--ui-muted);font-size:13px}.account-card>a{display:inline-block;margin-top:20px}.theme-form .primary,.profile-form .primary{padding:11px 22px}header nav{overflow-x:auto;white-space:nowrap;flex-shrink:1;scrollbar-width:none;gap:24px}header{gap:35px}header .brand{flex-shrink:0}.account{flex-shrink:0}#communityRoot{padding-bottom:50px}.content-table td{font-size:11px;line-height:1.8}.content-table td button{margin-top:4px}.note-no{display:none}
@media(max-width:1000px){header{gap:20px}.account>span{display:none}.dashboard-stats strong{font-size:19px}.content-table td{font-size:10px}.theme-form{grid-template-columns:1fr 1fr}}@media(max-width:700px){header{height:auto;min-height:65px;flex-wrap:wrap;gap:0;padding-top:13px;padding-bottom:0}.brand{order:0}.account{order:1;margin-left:auto}header nav{order:2;width:100%;flex-basis:100%;height:43px;margin-top:8px;gap:23px}header nav a{font-size:10px;flex-shrink:0}header .brand b{font-size:13px;max-width:none;white-space:nowrap}.dashboard-heading{display:block;margin:10px 0 25px}.dashboard-heading h1{font-size:28px}.sync-chip{display:inline-block;margin-top:10px;font-size:8px}.dashboard-stats{grid-template-columns:1fr 1fr;gap:10px}.dashboard-stats>div{padding:19px}.dashboard-stats strong{font-size:19px}.calendar-card,.leaderboard-card,.account-card{padding:18px}.calendar-grid{gap:5px}.calendar-day{min-height:65px;padding:8px 6px;gap:10px;border-radius:6px}.calendar-day strong{font-size:12px}.calendar-day>span{font-size:7px}.calendar-day>i{right:6px;bottom:6px;font-size:7px}.calendar-legend{gap:11px;font-size:8px}.calendar-month h2{font-size:17px}.calendar-month button{padding:6px 9px}.calendar-weekdays{font-size:8px}.leaderboard-tabs{gap:7px;flex-wrap:wrap}.leaderboard-tabs button{padding:7px 14px;font-size:10px}.leaderboard-tabs>span{width:100%;font-size:8px;margin:8px 0 0}.leaderboard-table th,.leaderboard-table td{padding:15px 6px;font-size:10px}.rank-avatar{width:24px;height:24px;font-size:9px;margin-right:5px}.rank{font-size:12px}.profile-form{gap:15px}.profile-form label{width:100%}.account-detail-grid{grid-template-columns:1fr}.theme-form{gap:16px}.theme-form label>div{gap:6px}.theme-form code{font-size:9px}.palette-presets{gap:10px}.palette-presets button{min-width:110px;font-size:10px}.theme-form-actions{flex-wrap:wrap}.empty-library h2{font-size:17px}.access-card{padding:30px 20px}.access-card h1{font-size:23px}.admin-head{margin-top:15px}.admin-tabs{gap:10px}.admin-tabs button{font-size:10px}}
@media print{body.studying{background:white!important}#lessonRoot,.transcript-panel,.cue-list,.cue-row{background:white!important;color:black!important}.cue-en,.cue-zh,.cue-word,.lesson-title h1{color:black!important}}
.empty-library:not([hidden])~.section-title{display:none}.cloud-admin .admin-local{color:var(--ui-accent)!important}.cloud-loading .study-toolbar,.cloud-loading .study-rail{display:none!important}
.vocab-card-head strong{color:var(--ui-accent)!important}.cue-word.speaking{color:var(--ui-text)!important;background:color-mix(in srgb,var(--ui-accent),transparent 75%)!important;outline:1px solid var(--ui-accent)!important}

.admin-portal-link{border:1px solid var(--ui-border);border-radius:20px;padding:9px 13px;color:var(--ui-muted);white-space:nowrap;text-decoration:none}.admin-portal-link:hover{color:var(--ui-accent);border-color:var(--ui-accent)}.personal-theme-card{margin-top:24px}.personal-theme-card h2{margin-top:0}.personal-theme-card .palette-presets{margin:22px 0}.admin-local a{color:var(--ui-accent);text-decoration:none}

/* Header controls keep learning navigation focused. */
header{position:relative;z-index:30}.account{gap:14px}.header-theme{position:relative}.header-theme summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;border:1px solid var(--ui-border);border-radius:20px;padding:8px 13px;color:var(--ui-text);font-size:12px;white-space:nowrap}.header-theme summary::-webkit-details-marker{display:none}.header-theme summary span{font-size:12px;color:inherit;display:inline}.header-theme[open] summary{border-color:var(--ui-accent);color:var(--ui-accent)}.header-theme-panel{position:absolute;right:0;top:calc(100% + 12px);width:420px;max-width:calc(100vw - 28px);max-height:75vh;overflow:auto;padding:22px;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:15px;box-shadow:0 18px 65px #0005;z-index:100}.header-theme-panel .personal-theme-card{margin:0}.header-theme-panel h2{font-size:18px}.header-theme-panel .admin-hint{font-size:11px;line-height:1.7}.header-theme-panel .badge{font-size:11px;color:var(--ui-muted)}.header-theme-panel .palette-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:15px 0}.header-theme-panel .palette-presets button{width:auto;height:auto;border-radius:8px;padding:10px;font-size:12px;display:flex;justify-content:space-between;align-items:center}.header-theme-panel .theme-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.header-theme-panel .theme-form label{font-size:11px}.header-theme-panel .theme-form input[type=color]{width:32px;height:28px;padding:0;border:0}.header-theme-panel .theme-form code{font-size:11px}.header-theme-panel .theme-form-actions{display:flex;gap:8px;flex-wrap:wrap}.header-theme-panel .theme-form-actions button{width:auto;height:auto;border-radius:6px;font-size:11px;padding:9px 12px}.avatar-menu{position:relative;padding:8px 0}.avatar-dropdown{display:none;position:absolute;top:100%;right:0;min-width:150px;padding:7px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;box-shadow:0 16px 40px #0004;z-index:101}.avatar-menu.is-open .avatar-dropdown{display:block}.avatar-dropdown a{display:block;padding:11px 14px;text-decoration:none;font-size:12px;color:var(--ui-text);border-radius:7px;white-space:nowrap}.avatar-dropdown a:hover,.avatar-dropdown a:focus-visible{background:color-mix(in srgb,var(--ui-accent),transparent 88%);color:var(--ui-accent)}
@media(max-width:700px){.account{gap:10px}.header-theme-panel{position:fixed;top:74px;right:14px;width:390px;box-sizing:border-box}.header-theme summary{padding:7px 10px}.account .header-theme summary span{display:inline}.header-theme-panel .theme-form-actions button{font-size:10px;padding:9px}.avatar-dropdown{right:0}}

.header-theme-panel .theme-form-actions .primary{background:var(--ui-accent)!important;color:var(--ui-background)!important;border-color:var(--ui-accent)!important}

#account{overflow:hidden;padding:0}#account img,.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-avatar{overflow:hidden;flex-shrink:0}.avatar-upload{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 25px}.avatar-upload label{cursor:pointer}.avatar-upload .secondary{font-size:12px;padding:10px 14px}.avatar-upload p{width:100%;font-size:11px;color:var(--ui-muted);margin:0}.avatar-upload button:disabled{opacity:.45;cursor:default}

#policyDaysField[hidden],#memberDaysField[hidden]{display:none!important}

.library-type-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 10px}.library-type-tabs button{padding:11px 18px;border-radius:8px;border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-muted);font-size:12px;cursor:pointer}.library-type-tabs button.active{border-color:var(--ui-accent);color:var(--ui-accent);background:color-mix(in srgb,var(--ui-accent),var(--ui-background) 90%)}.video-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:25px 0 35px}.video-library-card{position:relative;display:block;padding:30px;border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:17px;text-decoration:none;color:var(--ui-text);transition:border-color .2s,transform .2s}.video-library-card:hover{border-color:var(--ui-accent);transform:translateY(-3px)}.video-library-card .eyebrow{font-size:10px;letter-spacing:1px}.video-library-card h2{font-size:25px;margin:30px 0 12px}.video-library-card p{font-size:12px;color:var(--ui-muted);line-height:1.8}.video-library-card>div{border-top:1px solid var(--ui-border);margin-top:25px;padding-top:20px;display:flex;justify-content:space-between;gap:10px;font-size:12px}.video-library-card strong{color:var(--ui-accent);font-weight:500}.library-icon{position:absolute;right:30px;top:25px;color:var(--ui-accent);font-size:34px}.video-library-card:nth-child(2){background:linear-gradient(125deg,color-mix(in srgb,var(--ui-accent),transparent 95%),transparent),var(--ui-surface)}@media(max-width:650px){.video-library-grid{grid-template-columns:1fr;gap:14px}.video-library-card{padding:23px}.video-library-card h2{font-size:22px}.library-type-tabs button{padding:10px 12px;font-size:11px}}

.cue-time{white-space:nowrap;font-size:10px}.cue-en,.current-en{overflow-wrap:anywhere}.cue-zh,.current-zh{line-height:1.8}

.taxonomy-dialog{width:440px;max-width:90vw;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:16px;padding:28px}.taxonomy-dialog::backdrop{background:#0008}.taxonomy-dialog label{display:flex;flex-direction:column;gap:10px;margin:20px 0;font-size:12px}.taxonomy-dialog input,.taxonomy-dialog textarea{padding:12px;background:var(--ui-background);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:7px}.taxonomy-dialog small,.taxonomy-dialog p{color:var(--ui-muted);font-size:11px;line-height:1.8}.taxonomy-dialog form>div{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.taxonomy-dialog button{padding:10px 14px;border-radius:7px;border:1px solid var(--ui-border);cursor:pointer}#mediaUploadProgress{margin:15px 0;color:var(--ui-accent)}

.cover-editor{padding:20px 0;border-bottom:1px solid var(--ui-border);margin-bottom:22px}.cover-editor h3{font-size:14px}.cover-editor>img{width:100%;aspect-ratio:16/9;max-height:220px;object-fit:cover;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-background)}.cover-editor .admin-actions{margin-top:12px;flex-wrap:wrap;gap:9px}.cover-editor .admin-actions button{font-size:11px;padding:9px 12px}

.language-permissions{border:1px solid var(--ui-border);border-radius:10px;padding:16px;display:flex;flex-wrap:wrap;gap:16px}.language-permissions label{display:flex;align-items:center;gap:7px;margin:0}.language-permissions input{width:18px;height:18px}.language-permissions small{flex-basis:100%;color:var(--ui-muted);line-height:1.7}.language-sections{margin-bottom:16px;flex-wrap:wrap}
.learning-trends{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:18px;padding:30px;margin:0 0 28px}.trend-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.trend-heading h2{font-size:25px;margin:9px 0}.trend-heading p,.trend-chart-heading>span{color:var(--ui-muted);font-size:12px}.trend-periods{display:flex;gap:8px}.trend-periods button{background:var(--ui-background);color:var(--ui-muted);border:1px solid var(--ui-border);border-radius:9px;padding:10px 18px}.trend-periods .active{border-color:var(--ui-accent);color:var(--ui-accent)}.trend-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:28px 0 36px}.trend-metrics>div{border-left:2px solid var(--ui-border);padding-left:18px;display:flex;flex-direction:column;gap:12px}.trend-metrics small,.trend-metrics span{color:var(--ui-muted);font-size:12px}.trend-metrics strong{font-size:24px;color:var(--ui-text)}.trend-metrics em{font-style:normal;font-size:13px;color:var(--ui-muted)}.trend-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:55px}.trend-chart-heading h3{margin:0}.trend-chart{height:190px;position:relative;display:grid;grid-template-columns:repeat(var(--trend-columns),minmax(0,1fr));gap:6px;border-bottom:1px solid var(--ui-border);margin:0 0 45px}.trend-column{position:relative;border:0;background:transparent;display:flex;align-items:end;justify-content:center;padding:0 18%;height:100%;min-width:0;z-index:1}.trend-bar{display:block;width:100%;height:max(2px,var(--bar-height));background:var(--ui-accent);opacity:.65;border-radius:5px 5px 0 0;transition:height .25s}.trend-column.met .trend-bar,.trend-column:hover .trend-bar,.trend-column.selected .trend-bar{opacity:1}.trend-column small{position:absolute;top:calc(100% + 12px);font-size:10px;color:var(--ui-muted);white-space:nowrap}.trend-goal{position:absolute;left:0;right:0;border-top:1px dashed var(--ui-muted);pointer-events:none}.trend-goal>span{position:absolute;right:0;bottom:5px;font-size:10px;color:var(--ui-muted)}.trend-detail{color:var(--ui-accent);font-size:13px;line-height:1.8}.trend-comparison{border-top:1px solid var(--ui-border);padding-top:18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:var(--ui-muted);font-size:11px;line-height:1.8}@media(max-width:700px){.learning-trends{padding:18px}.trend-heading{align-items:start;flex-direction:column}.trend-heading h2{font-size:21px}.trend-metrics{grid-template-columns:1fr 1fr;gap:24px 12px}.trend-metrics strong{font-size:19px}.trend-metrics span{font-size:10px}.trend-metrics>div{padding-left:10px}.trend-chart-heading{align-items:start;flex-direction:column}.trend-chart{height:150px;gap:3px}.trend-column{padding:0 10%}.trend-column small{font-size:8px}}

.content-heading-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.content-heading-actions .primary{padding:12px 20px}@media(max-width:700px){.admin-card>.section-title:has(.content-heading-actions){align-items:flex-start;flex-direction:column;gap:16px}.content-heading-actions{width:100%}}

.admin-resource-title{display:flex;align-items:center;gap:16px;min-width:260px}.admin-resource-cover{width:112px;height:63px;object-fit:cover;flex-shrink:0;border-radius:8px;border:1px solid var(--ui-border);background:var(--ui-background)}.admin-resource-title>span{overflow-wrap:anywhere;line-height:1.6}@media(max-width:700px){.admin-resource-title{gap:10px;min-width:210px}.admin-resource-cover{width:88px;height:50px}}

.admin-resource-info{display:flex;flex-direction:column;gap:7px}.admin-upload-date{display:block;color:var(--ui-muted);font-size:11px;font-weight:400;line-height:1.5}

.playback-summary{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding:20px;margin:0 0 18px;background:var(--ui-background);border:1px solid var(--ui-border);border-radius:12px}.playback-summary small{display:block;color:var(--ui-muted);font-size:12px;margin-bottom:9px}.playback-summary strong{font-size:26px;color:var(--ui-accent)}.playback-summary em{font-size:12px;font-style:normal}.playback-summary label{display:flex;gap:10px;align-items:center;margin-left:auto;color:var(--ui-muted)}.playback-summary select{background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border);padding:10px;border-radius:8px}.playback-summary p{flex-basis:100%;margin:0;color:var(--ui-muted);font-size:11px;line-height:1.8}.content-play-count{color:var(--ui-accent);white-space:nowrap}
.batch-import{margin-top:18px}.batch-import>.section-title{gap:18px;flex-wrap:wrap}.batch-import p,.batch-import details{font-size:12px;line-height:1.8;color:var(--ui-muted)}.batch-file-button{cursor:pointer;padding:13px 20px;border-radius:8px}.batch-defaults{margin-top:24px}.batch-row{padding:20px;border:1px solid var(--ui-border);border-radius:12px;margin:18px 0;background:var(--ui-background)}.batch-row-heading{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;color:var(--ui-text)}.batch-row-heading label{display:flex;gap:8px;align-items:center;overflow-wrap:anywhere}.batch-row-heading strong{font-size:12px;color:var(--ui-accent)}.batch-row-heading input{width:16px;height:16px}.batch-row .batch-issue{color:#dd9d69}.batch-row .admin-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.batch-row input,.batch-row select,.batch-row textarea{min-width:0}.batch-row textarea{min-height:65px}.batch-import details{padding:14px;border:1px solid var(--ui-border);border-radius:8px}.batch-import summary{cursor:pointer;color:var(--ui-accent)}@media(max-width:900px){.batch-row .admin-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.batch-row{padding:12px}.batch-row .admin-fields{grid-template-columns:1fr}.batch-file-button{width:100%;text-align:center}}

.admin-list-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:20px 0;color:var(--ui-muted);font-size:12px}.page-size-label{display:flex;align-items:center;gap:10px;color:var(--ui-muted);white-space:nowrap;font-size:12px}.page-size-label select{background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:7px;padding:8px 12px}.pagination{flex-wrap:wrap;gap:8px}.pagination .pagination-total{margin-right:auto;color:var(--ui-muted);font-size:12px}.pagination .page-gap{padding:0 5px;color:var(--ui-muted)}@media(max-width:700px){.result-meta{flex-wrap:wrap;gap:12px;line-height:1.8}.pagination .pagination-total{flex-basis:100%;text-align:center;margin-bottom:8px}.pagination button{min-width:32px;padding:8px}.page-size-label select{padding:7px}}
#learnerHome{display:grid;gap:28px;margin:0 0 35px}.home-week-panel,.home-recent-panel,.home-favorites-panel{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:18px;padding:28px}.home-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.home-section-heading h2{margin:10px 0 0;font-size:24px;color:var(--ui-text)}.home-section-heading h2 small{font-size:12px;color:var(--ui-muted);margin-left:10px}.home-section-heading a{color:var(--ui-accent);font-size:12px}.home-section-heading>div:last-child{display:flex;gap:18px;align-items:center}.home-section-heading>div:first-child{display:block}.home-week-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.home-week-stats>div{background:var(--ui-background);padding:20px;border-radius:12px;border:1px solid var(--ui-border);display:flex;flex-direction:column;gap:15px}.home-week-stats small,.home-week-stats em{color:var(--ui-muted);font-size:12px;font-style:normal}.home-week-stats strong{color:var(--ui-text);font-size:24px}.home-week-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;margin:28px 0 16px}.home-week-day{text-align:center;display:flex;flex-direction:column;gap:8px;color:var(--ui-muted)}.home-week-day>span{font-size:11px;white-space:nowrap}.home-week-track{height:80px;display:flex;align-items:end;justify-content:center;border-bottom:1px solid var(--ui-border)}.home-week-track i{display:block;width:40%;max-width:40px;min-width:5px;background:var(--ui-accent);border-radius:6px 6px 0 0}.home-week-day.today b{color:var(--ui-accent)}.home-week-day.future{opacity:.45}.home-week-day b,.home-week-day small{font-size:11px}.home-data-note{color:var(--ui-muted);font-size:11px;line-height:1.8;margin:20px 0 0}.home-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.home-resource{border:1px solid var(--ui-border);background:var(--ui-background);color:var(--ui-text);text-align:left;padding:14px;border-radius:12px;display:flex;align-items:center;gap:16px;min-width:0;transition:border-color .2s}.home-resource:hover{border-color:var(--ui-accent)}.home-resource img{width:140px;aspect-ratio:16/9;object-fit:cover;flex-shrink:0;border-radius:8px}.home-resource>div{flex:1;min-width:0}.home-resource h3{font-size:14px;line-height:1.6;margin:8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-resource-caption,.home-resource p{font-size:10px;color:var(--ui-muted);margin:0}.home-resource small{font-size:10px;color:var(--ui-accent)}.home-resource-progress{height:3px;background:var(--ui-border);border-radius:3px;margin:12px 0 7px;overflow:hidden}.home-resource-progress i{display:block;height:100%;background:var(--ui-accent)}.home-empty{grid-column:1/-1;border:1px dashed var(--ui-border);padding:25px;border-radius:12px;font-size:13px;line-height:1.9;color:var(--ui-muted)}.home-empty a{color:var(--ui-accent)}@media(max-width:1000px){.home-resource-grid{grid-template-columns:1fr}.home-week-stats strong{font-size:21px}}@media(max-width:600px){.home-week-panel,.home-recent-panel,.home-favorites-panel{padding:18px}.home-section-heading{align-items:start;flex-wrap:wrap;gap:14px}.home-section-heading h2{font-size:21px}.home-week-stats{grid-template-columns:1fr 1fr;gap:10px}.home-week-stats>div{padding:14px}.home-week-chart{gap:5px}.home-week-day>span{font-size:8px}.home-week-track{height:60px}.home-resource{gap:12px;padding:10px}.home-resource img{width:100px}.home-resource h3{font-size:12px}.home-section-heading .eyebrow{font-size:8px}}

/* Keep content status labels intact when long titles compete for table space. */
.content-table th:nth-child(4),.content-table td:nth-child(4){min-width:88px;width:88px;white-space:nowrap}
.content-table .badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;word-break:normal;overflow-wrap:normal;line-height:1.5;min-width:3em}