:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#263d31;background:#f7f8f3;font-synthesis:none;font-size:14px;--green:#28533c;--muted:#7a857a;--line:#e2e7dd}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #507d48;outline-offset:4px}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}button{color:inherit}button,select{border:0}h1,h2,h3,p{margin:0}button{background:transparent}a:hover{color:#457b4c}.skip{position:fixed;top:-80px;left:12px;z-index:20;background:white;padding:12px}.skip:focus{top:12px}.initial{margin:80px}.sidebar{position:fixed;inset:0 auto 0 0;width:180px;padding:33px 20px;background:#fbfcf8;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:700;line-height:1.1;letter-spacing:-.5px}.brand img{width:35px;height:40px}.brand small{font-size:10px;font-weight:500;letter-spacing:2px}.nav-label{font-size:11px;color:#8b9489;margin:48px 0 16px 15px}.nav-item{display:flex;align-items:center;width:100%;gap:10px;padding:15px 12px;margin-bottom:10px;border-radius:9px;font-size:14px;text-align:left}.nav-item svg{width:19px;height:19px}.nav-item>span{margin-left:auto}.nav-item.active{background:#e6eddf;color:#264d36;font-weight:650}.nav-item:disabled{color:#92998e}.soon{font-size:9px;white-space:nowrap}.side-bottom{margin-top:auto;display:grid;gap:16px;font-size:11px;color:#647261}.side-bottom a{display:flex;gap:8px;align-items:center}.side-bottom svg{width:15px;height:15px}.small-note{line-height:1.9;color:#84907e;margin:30px 0 10px}.workspace{margin-left:180px}.topbar{height:89px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 35px;gap:27px;background:#fcfcf8}.streak{display:flex;align-items:center;gap:10px}.streak>svg{color:#879c50;width:26px;height:26px}.streak>strong{font-size:29px}.streak>span{font-size:12px}.streak small{display:block;color:#8a9285;font-size:9px;margin-top:5px}.score{border-left:1px solid var(--line);padding-left:25px;display:flex;gap:16px;align-items:center}.score>span{font-size:12px;color:#72806d}.score strong{font-size:27px}.score small{font-size:11px;font-weight:400;color:#8b9488}.today{margin-left:auto;max-width:460px;display:flex;align-items:center;gap:13px}.today>span{font-size:11px;color:#8b9488;white-space:nowrap}.today select{background:transparent;color:#34553b;font-size:12px;width:292px;max-width:100%;padding:8px 0}main{max-width:1170px;margin:0 auto;padding:33px 35px 0}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:center;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:1px;color:#7b8e70}h1{font-size:32px;line-height:1.5;font-weight:650;letter-spacing:.5px;margin:14px 0 13px}.hero>div>p{color:#7c8876;font-size:11px;line-height:1.95;max-width:370px}.hero-tags{display:flex;flex-wrap:wrap;gap:13px;margin-top:18px;color:#7c8774;font-size:9px}.hero-tags span{display:flex;align-items:center;gap:5px}.hero-tags svg{width:13px;height:13px}.scene{background:#edf0e5;padding:12px;border-radius:13px}.scene-header{font-size:10px;color:#577049;display:flex;gap:6px;align-items:center;margin:0 3px 10px}.scene-header>span:last-child{margin-left:auto;color:#8d9884;font-size:9px}.live-dot{width:5px;height:5px;border-radius:50%;background:#6f8f53}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.role{position:relative;border-radius:8px;overflow:hidden;background:#e2e8d7}.role img{width:100%;aspect-ratio:1.35;object-fit:cover;display:block}.role>div{position:absolute;bottom:7px;left:7px;border-radius:4px;padding:4px 7px;font-size:9px;color:white;background:#34553bd9}.role>div>span{opacity:.8;margin-left:4px}.scene>p{font-size:9px!important;line-height:1.6!important;text-align:center;margin:10px 0 0!important;color:#738268!important}.learning-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);gap:22px;align-items:start}.card{border:1px solid var(--line);border-radius:12px;background:#fffefa;overflow:hidden;box-shadow:0 2px 3px #2d423306}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:21px 20px 0}.section-heading h2{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:650;white-space:nowrap}.section-heading h2 svg{color:#5c7950;width:19px;height:19px}.section-heading>span{font-size:9px;color:#8c9784;white-space:nowrap}.listening-sub{display:flex;align-items:center;justify-content:space-between;margin:14px 20px 15px;font-size:10px;color:#8a9384}.text-button{font-size:10px;color:#5e7c52;padding:5px 0;white-space:nowrap}.text-button:hover{text-decoration:underline}.player{display:flex;align-items:center;gap:11px;padding:13px 13px 10px;background:#eff3e9;margin:0 20px;border-radius:9px}.play-button{border-radius:50%;background:#31583b;color:white;width:35px;height:35px;display:grid;place-content:center;flex-shrink:0}.play-button svg{width:16px;height:16px}.track{flex:1;min-width:0}.track input{width:100%;height:4px;display:block;accent-color:#4a724a;cursor:pointer}.track>div{display:flex;justify-content:space-between;font-size:9px;color:#86937c;margin-top:9px}.player select{font-size:10px;background:#fffdf7;color:#59734d;padding:6px;border-radius:5px}.audio-status{font-size:9px;color:#8f9888;margin:9px 20px 12px;min-height:14px}.sentences{max-height:380px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cdd8c4 transparent;padding:0 20px 8px}.sentence{display:flex;gap:8px;padding:13px 0;border-bottom:1px solid #edf0e7;border-radius:4px}.sentence:last-child{border-bottom:0}.sentence.playing{background:#f0f5e9}.sentence-play{align-self:flex-start;padding:4px 2px;color:#759461;margin-top:13px}.sentence-play svg{width:13px;height:13px}.sentence-copy{flex:1;min-width:0}.speaker{font-size:10px;font-weight:600;margin-bottom:5px;color:#6b7e61}.speaker span{font-weight:400;color:#98a18f;font-size:9px;margin-left:3px}.sentence p[lang=en]{font-size:13px;line-height:1.75;color:#344236}.word{padding:0;font:inherit;line-height:inherit;border-radius:2px;color:inherit;display:inline}.word:hover,.word:focus-visible{background:#dfe9d5;color:#264d30;text-decoration:underline;text-decoration-color:#8ba878;text-underline-offset:3px}.translation{font-size:10px;line-height:1.8;color:#8f9988;margin-top:4px}.translation-toggle{align-self:flex-start;margin-top:17px;font-size:9px;color:#78906a;border:1px solid #dce5d5;border-radius:4px;padding:2px 4px}.translation-toggle[aria-pressed=false]{color:#abb3a4}.card-foot{border-top:1px solid #edf0e7;margin:0 20px;padding:14px 0;color:#95a088;font-size:9px;display:flex;align-items:center;gap:6px}.card-foot svg{width:13px;height:13px}.right-stack{display:grid;gap:20px}.vocab-list{padding:3px 20px 5px}.vocab{padding:14px 0;border-bottom:1px solid #edf0e7}.vocab:last-child{border:0}.vocab-title{display:flex;align-items:center;gap:9px}.vocab-title strong{font-size:18px;font-weight:600;color:#345d3e}.vocab-title>span{font-size:11px;color:#96a18b}.vocab-title button{padding:0;margin-left:auto;color:#5c814b}.vocab-title button svg{width:15px;height:15px}.vocab>p{font-size:11px;line-height:1.7;margin-top:5px}.vocab>p>span{color:#98a18f;margin-right:5px;font-size:10px}.vocab .example{font-size:10px;color:#7c8d71;margin-top:6px}.vocab .example-zh{font-size:9px;color:#a0a895;margin-top:2px}.preview{position:relative;background:#fbfcf6}.badge{position:absolute;right:17px;top:22px;font-size:9px;color:#8b9981;background:#edf1e5;border:1px solid #dfe6d4;border-radius:4px;padding:3px 6px}.preview .section-heading{padding-right:90px}.preview p{font-size:11px;color:#8b9880;line-height:1.9}.shadow-preview>p{padding:17px 20px 13px}.preview>button{display:flex;align-items:center;justify-content:center;gap:8px;background:#e7ecdf;color:#9ba78f;border-radius:7px;font-size:12px;width:calc(100% - 40px);margin:0 20px 18px;padding:11px}.preview>button svg{width:15px;height:15px}.reading-heading{display:flex;gap:14px;align-items:flex-start;margin:20px 20px 13px}.reading-heading h3{font-size:16px;line-height:1.5;font-weight:600;flex:1}.reading-heading .text-button{font-size:9px}.reading-text{padding:0 20px 10px}.reading-text>p[lang=en]{font-size:12px;line-height:1.95;margin-bottom:13px;color:#566650}.reading-translation{color:#8d9983;line-height:1.8;font-size:11px;margin:-4px 0 15px}.quiz-preview{min-height:350px;text-align:center}.quiz-preview .section-heading{text-align:left}.preview-symbol{margin:38px auto 20px;color:#a3b195}.preview-symbol svg{width:35px;height:35px;stroke-width:1}.quiz-preview h3{font-size:16px;color:#6e8460}.quiz-preview>p{margin:12px 27px 22px}.quiz-preview>small{display:block;font-size:9px;color:#a1ab97;margin-bottom:26px}.checkin{display:flex;align-items:center;gap:15px;margin-top:25px;background:#ecf1e3;border:1px solid #e0e7d5;border-radius:11px;padding:21px}.checkin-icon{background:#dfe8d4;border-radius:50%;width:42px;height:42px;display:grid;place-content:center;color:#6f895b}.checkin h2{font-size:15px;font-weight:600}.checkin p{font-size:10px;color:#8e9d80;margin-top:7px}.checkin>button{margin-left:auto;background:#d8e2ca;padding:12px 15px;border-radius:7px;color:#8d9f7a;font-size:11px;white-space:nowrap}.checkin>button svg{width:14px;height:14px}footer{display:flex;justify-content:space-between;color:#a5ae9b;font-size:9px;padding:22px 1px 26px}.lookup{position:fixed;z-index:15;width:285px;max-width:calc(100vw - 16px);border:1px solid #d6e0ce;background:#fffef8;box-shadow:0 8px 30px #26432e26;border-radius:10px;padding:17px;color:#425c37;font-size:13px;line-height:1.7}.lookup[hidden]{display:none}.lookup-head{display:flex;justify-content:space-between;gap:15px}.lookup-head strong{font-size:18px}.lookup-head button{font-size:20px;line-height:1;padding:0 3px;color:#95a38a}.lookup p{margin:8px 0}.lookup small,.lookup-ipa{font-size:11px;color:#8a9880}.lookup-audio{display:flex;align-items:center;gap:6px;color:#527847;font-size:11px;padding:0}.lookup-audio svg{width:14px;height:14px}.load-error{margin:80px;max-width:650px}.load-error button,.load-error a{display:inline-block;margin:20px 15px 0 0;padding:12px;background:#e2ebd8;border-radius:6px}.load-error h1{font-size:25px}
@media(min-width:1400px){main{padding-top:42px}.hero{margin-bottom:36px}.role img{aspect-ratio:1.5}.sentences{max-height:410px}}
@media(max-width:1050px){.sidebar{width:155px;padding:25px 14px}.workspace{margin-left:155px}.topbar{padding:0 24px;gap:16px}.today{display:block;max-width:255px}.today select{display:block;font-size:10px;width:255px}.score{padding-left:14px}main{padding:27px 24px 0}.hero{gap:18px}h1{font-size:27px}.section-heading{padding-left:16px;padding-right:16px}.section-heading h2{font-size:14px}.section-heading>span{font-size:8px}.learning-grid{gap:16px}.vocab-list{padding-left:16px;padding-right:16px}.vocab-title strong{font-size:16px}.vocab-title>span{font-size:9px}.preview .badge{font-size:8px;right:12px}.checkin>button{font-size:10px;padding:11px}}
@media(max-width:760px){.sidebar{position:relative;width:auto;padding:16px 20px;display:block;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:16px}.brand img{width:28px;height:30px}.brand small{font-size:8px}.nav-label,.side-bottom,.sidebar nav{display:none}.workspace{margin:0}.topbar{height:78px;padding:0 20px;gap:16px}.streak{gap:7px}.streak>strong{font-size:23px}.streak>span{font-size:10px}.streak small{font-size:8px}.score{gap:8px}.score>span{font-size:10px}.score strong{font-size:22px}.today{max-width:180px}.today>span{font-size:9px}.today select{font-size:9px;width:180px}main{padding:25px 18px 0}.hero{grid-template-columns:1fr;margin-bottom:24px;gap:23px}h1{font-size:31px}.hero>div>p{font-size:12px;max-width:none}.scene{max-width:520px}.role img{aspect-ratio:1.65}.scene>p{font-size:10px!important}.learning-grid{grid-template-columns:1fr;gap:18px}.right-stack{grid-template-columns:1fr;gap:18px}.section-heading h2{font-size:16px}.section-heading>span{font-size:10px}.sentences{max-height:410px}.sentence p[lang=en]{font-size:15px}.translation{font-size:12px}.vocab-title strong{font-size:20px}.vocab-title>span{font-size:12px}.vocab>p{font-size:12px}.vocab .example{font-size:12px}.vocab .example-zh{font-size:11px}.reading-text>p[lang=en]{font-size:14px}.preview .section-heading{padding-right:90px}.quiz-preview{min-height:310px}.checkin{flex-wrap:wrap;padding:20px;gap:12px}.checkin h2{font-size:14px}.checkin p{font-size:10px}.checkin>button{width:100%;margin:6px 0 0}.card-foot{font-size:9px}footer{gap:15px;font-size:8px}.lookup{font-size:13px}.today select{max-width:42vw}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s,color .15s}}
/* Selected version: stronger type hierarchy and compact two-column lesson layout. */
.brand{font-size:23px}.brand small{font-size:7px;letter-spacing:1.3px}.sidebar{background:#f0f4eb}.nav-label{font-size:14px;color:#334e3a;font-weight:600;margin-top:45px}.nav-item.active{background:#3c6347;color:white;box-shadow:0 0 0 6px #e2e9d8}.nav-item{font-size:15px;margin-bottom:18px}.topbar{height:80px;padding:0 30px}.workspace{background:#fbfcf8}main{padding:18px 20px 0;max-width:1220px}.hero{grid-template-columns:.93fr 1fr;gap:25px;min-height:185px;margin-bottom:27px}.eyebrow,.hero-tags{display:none}h1{font-size:40px;line-height:1.3;letter-spacing:-.5px;margin:8px 0 12px;font-weight:750}.hero>div>p{font-size:15px;line-height:1.7;max-width:420px}.scene{padding:0;background:transparent;border-radius:10px}.scene-header,.scene>p{display:none}.role-grid{gap:8px}.role img{aspect-ratio:1.35;max-height:190px;object-fit:cover}.role>div{left:50%;transform:translateX(-50%);bottom:8px;white-space:nowrap;background:#f2f5eddc;color:#28432f;border-radius:16px;font-size:11px;padding:5px 13px}.learning-grid{grid-template-columns:minmax(0,1.46fr) minmax(0,1fr);gap:14px 12px}.section-heading{padding:17px 20px 0}.section-heading h2{font-size:23px;gap:10px;font-weight:700}.section-number{font-size:28px;font-weight:700;color:#31563e;letter-spacing:-1px}.section-heading>span{font-size:11px}.listening-sub{margin:10px 20px 12px;font-size:12px}.text-button{font-size:12px}.player{padding:7px 12px}.play-button{width:42px;height:42px}.play-button svg{width:20px;height:20px}.player select{font-size:12px}.track>div{font-size:10px}.audio-status{display:none}.sentences{max-height:361px;margin-top:9px;padding-top:0}.sentence{padding:13px 0;gap:10px}.sentence-play{border:1px solid #cdd9c7;border-radius:50%;width:26px;height:26px;display:grid;place-content:center;margin-top:12px;flex-shrink:0}.sentence-play svg{width:12px;height:12px}.speaker{font-size:9px;margin-bottom:2px}.sentence p[lang=en]{font-size:14px;line-height:1.6}.translation{font-size:12px;line-height:1.6;margin-top:3px}.translation-toggle{margin-top:17px}.card-foot{font-size:10px;padding:10px 0}.right-stack{gap:12px}.vocab-list{padding:0 20px 6px}.vocab{padding:13px 0}.vocab-title strong{font-size:18px}.vocab-title>span{font-size:12px}.vocab-title button svg{width:18px;height:18px}.vocab>p{font-size:12px}.vocab .example{font-size:12px;margin-top:4px}.vocab .example-zh{display:none}.vocab-title button{padding:4px}.shadow-preview{min-height:191px}.preview .section-heading{padding-right:80px}.badge{font-size:9px;top:24px;right:12px}.preview p{font-size:12px}.shadow-preview>p{padding-top:14px}.reading-heading{margin:16px 20px 12px}.reading-heading h3{font-size:20px}.reading-heading .text-button{font-size:11px}.reading-text>p[lang=en]{font-size:14px;line-height:1.8;margin-bottom:12px}.reading-translation{font-size:13px}.quiz-preview{min-height:357px}.quiz-preview h3{font-size:18px}.quiz-preview>p{font-size:13px}.checkin{margin-top:14px;padding:18px}.checkin h2{font-size:16px}.checkin p{font-size:12px}.checkin>button{font-size:12px}footer{padding:15px 1px;font-size:10px}.card{box-shadow:none;background:#fff}
@media(max-width:1050px){h1{font-size:32px}.section-heading h2{font-size:19px}.section-number{font-size:24px}.section-heading>span{font-size:9px}.hero>div>p{font-size:13px}.role>div{font-size:10px}.topbar{padding:0 20px}}
@media(max-width:760px){.sidebar{padding:16px 20px}.brand{font-size:20px}.topbar{height:78px}.hero{grid-template-columns:1fr;gap:20px;margin-bottom:20px}main{padding:22px 18px 0}h1{font-size:33px}.hero>div>p{font-size:14px}.scene{max-width:none}.role img{max-height:none;aspect-ratio:1.35}.learning-grid{grid-template-columns:1fr;gap:18px}.section-heading h2{font-size:21px}.section-number{font-size:26px}.section-heading>span{font-size:10px}.sentences{max-height:385px}.sentence p[lang=en]{font-size:15px}.translation{font-size:12px}.reading-text>p[lang=en]{font-size:14px}.reading-heading h3{font-size:19px}.checkin p{font-size:11px}.score{display:none}.today{margin-left:auto}.side-bottom{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}.side-bottom .small-note,.side-bottom .side-bottom a{font-size:10px}.sidebar .brand small{font-size:7px}}
@media(min-width:761px){.sentences{max-height:350px}.vocab{padding:10px 0}.vocab .example{margin-top:2px}.shadow-preview{min-height:191px}.reading-text>p[lang=en]{font-size:13px;line-height:1.65;margin-bottom:8px}.reading-heading{margin-top:13px;margin-bottom:11px}.reading-heading h3{font-size:19px}.reading-card .card-foot{padding:8px 0}.checkin{padding:15px 18px}footer{display:none}main{padding-bottom:17px}}
@media(min-width:761px){.reading-text{padding-bottom:18px}}
@media(min-width:761px){main{padding-bottom:0}.checkin{padding-top:14px;padding-bottom:14px}}
.audio-status.error{display:block;color:#9c503c;padding:4px 0;font-size:12px}
/* v0.4 daily attempts and practice, independent of frozen historical pages. */
.session-toolbar{background:#f1f5eb;border:1px solid #dde7d5;border-radius:10px;padding:14px 18px;margin:0 0 22px;display:flex;align-items:center;flex-wrap:wrap;gap:9px 14px}.session-toolbar>div:first-child{display:flex;gap:12px;align-items:center;flex:1}.session-toolbar strong{font-size:13px}.session-toolbar>div:first-child>span{font-size:10px;color:#78886e}.session-toolbar>button{font-size:11px;color:#40613a;border:1px solid #bbcdb0;border-radius:6px;padding:7px 12px;background:#fffef9}.save-line{width:100%;font-size:11px;color:#657b56;display:flex;gap:12px;align-items:center}.save-line button{font-size:11px;text-decoration:underline;color:#9b4e30}.score>span small{display:block;font-size:8px;color:#8a9581;margin-top:5px}#module-status{display:flex;flex-wrap:wrap;gap:7px;width:100%;margin-top:2px}#module-status>span{font-size:9px;color:#8c9982;background:#e8eddf;border-radius:4px;padding:4px 7px}#module-status>span.done{background:#d9e7ce;color:#335c37}.module-confirm{padding:0 20px 16px}.module-confirm button{width:100%;font-size:11px;padding:9px;border:1px solid #d9e2d0;background:#f2f6ed;color:#4c7044;border-radius:6px}.module-confirm button:disabled{color:#8c9c80;background:#f3f5ee}.shadow-live{min-height:0;background:#fff}.shadow-body{padding:13px 20px 18px}.practice-help,.quiz-help{font-size:11px;line-height:1.8;color:#7b8d6f}.mode-tabs{display:flex;border:1px solid #d9e1d1;border-radius:6px;overflow:hidden;margin:12px 0}.mode-tabs button{flex:1;padding:8px;font-size:11px;color:#7b8b6f}.mode-tabs button[aria-pressed=true]{background:#345c3e;color:white}.sentence-picker{display:block;font-size:10px;color:#829074;margin:12px 0}.sentence-picker select{display:block;width:100%;background:#f4f6ef;border:1px solid #dce4d3;border-radius:5px;padding:8px;margin-top:6px;white-space:normal;font-size:11px;color:#425d37}.shadow-english{font-size:13px;line-height:1.7;margin:12px 0 6px}.shadow-chinese{font-size:11px;color:#8c9a80;line-height:1.7}.reference-button{display:flex;align-items:center;gap:6px;font-size:12px;color:#436b39;padding:8px 0}.reference-button svg{width:15px;height:15px}.reference-note{font-size:10px;color:#8e9a83;line-height:1.7;margin:3px 0 12px}.record-controls{display:flex;gap:8px}.record-controls button,.confirm-record,.direct-read{font-size:11px;padding:10px;border-radius:6px;border:1px solid #d7e1ce;background:#f0f5e9;color:#5a7c4b}.record-controls button{flex:1}.record-controls .primary-small{background:#365d3f;color:white;border-color:#365d3f}.record-controls button:disabled,.confirm-record:disabled,.direct-read:disabled{color:#a1ad96;background:#f3f5ef;border-color:#e8ecdf}.record-status{font-size:10px!important;line-height:1.8!important;min-height:34px;color:#829674;margin:9px 0}.confirm-record,.direct-read{width:100%;margin-top:7px}.direct-read{background:#fff;color:#547c45}.privacy-note{font-size:9px!important;line-height:1.8!important;color:#a1ac96;margin-top:10px}.quiz-help{margin:13px 20px}.question{border:0;border-top:1px solid #e6ebdf;margin:0 20px;padding:15px 0}.question legend{display:flex;gap:9px;padding:0 0 8px;width:100%;font-size:12px;line-height:1.7;color:#405438}.question legend>span:first-child{font-size:11px;color:#5a7e48}.quiz-option{display:flex;gap:8px;align-items:flex-start;font-size:11px;line-height:1.75;padding:7px 6px;border-radius:5px;cursor:pointer}.quiz-option input{accent-color:#436d42;margin-top:4px;flex-shrink:0}.quiz-option.chosen{background:#edf4e5}.quiz-feedback{padding:12px;margin:0 20px 14px;border-radius:7px;font-size:11px;line-height:1.8}.quiz-feedback.correct{background:#edf5e7;color:#4e7642}.quiz-feedback.incorrect{background:#faf2e9;color:#8f6746}.quiz-feedback p{margin:5px 0}.quiz-feedback summary{cursor:pointer;text-decoration:underline;margin-top:7px}.quiz-feedback blockquote{margin:10px 0;font-size:11px;color:#5b6a50}.quiz-score{border-top:1px solid #e8ecdf;padding:16px 20px;color:#4c7142;font-size:13px}.quiz-score small{display:block;font-size:9px;color:#9ba78f;margin-top:5px}.listening-card #listened-progress{font-weight:500;margin-right:4px;white-space:nowrap}.checkin{clear:both}.learning-grid{align-items:start}.reading-card{align-self:start}.quiz-card{min-height:0}.vocabulary-card .vocab .example-zh{display:block}.reading-text.translated>p[lang=en]{display:block}
@media(min-width:761px){.learning-grid{grid-template-areas:'listen side' 'reading quiz';grid-template-rows:auto auto}.listening-card{grid-area:listen}.right-stack{grid-area:side}.reading-card{grid-area:reading}.quiz-card{grid-area:quiz}.listening-card{position:sticky;top:14px}.sentences{max-height:440px}.quiz-card .section-heading h2{font-size:21px}}
@media(max-width:760px){.session-toolbar>div:first-child{display:block}.session-toolbar>div:first-child>span{display:block;margin-top:5px}.shadow-english{font-size:15px}.practice-help,.quiz-help,.quiz-option,.question legend,.quiz-feedback{font-size:13px}.record-controls button,.confirm-record,.direct-read{font-size:13px}.module-confirm button{font-size:12px}.privacy-note{font-size:11px!important}.shadow-preview{margin-bottom:0}}

/* Practice progress stays on this machine; only errors need a persistent banner. */
.lesson-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.lesson-actions>button{font-size:11px;color:#75866c;padding:5px 0 5px 14px}
.lesson-actions>.save-line{border:1px solid #ead2b9;border-radius:6px;background:#fff6e9;padding:10px 12px;color:#926637}
.save-line[hidden],.sentence-tools[hidden],.sentence-recording-help[hidden],.full-recording-controls[hidden]{display:none}
.sentence-tools{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:10px}
.sentence-tools button{font-size:10px;border:1px solid #dbe5d3;border-radius:5px;background:#f3f7ef;color:#517349;padding:5px 7px;white-space:nowrap}
.sentence-tools button[data-line-record]{background:#e6efdf;color:#365c3c}
.sentence-tools button:disabled{color:#a4ae9c;background:#f8faf5;border-color:#edf0e8;cursor:default}
.line-record-status{font-size:9px;color:#7c8d72;line-height:1.7}
.clip-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:space-between;font-size:12px;color:#4e7042;margin:19px 0 10px}
.clip-summary>span{font-size:10px;color:#91a084}
.join-button{width:100%;padding:11px;background:#355c3e;color:#fff;border:1px solid #355c3e;border-radius:6px;font-size:12px;margin-bottom:8px}
.join-button:disabled{background:#eff3e9;border-color:#e3e9db;color:#9eab92}
.reading-module-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;margin-top:15px}
.reading-content{min-width:0;padding:2px 5px 5px}
.reading-module .reading-heading{margin:4px 20px 22px;gap:12px}
.reading-module .reading-heading h3{font-size:21px;line-height:1.5}
.reading-module .reading-text{padding:0 25px 3px}
.reading-paragraph{margin:0 0 24px}
.reading-paragraph>.reading-english{display:block;font-size:15px;line-height:1.95;color:#425644;letter-spacing:.08px;margin:0;text-wrap:pretty}
.reading-paragraph>.reading-translation{margin:11px 0 0;padding-left:13px;border-left:2px solid #dde7d4;font-size:13px;line-height:1.9;color:#7f9073}
.reading-quiz{min-width:0;border-left:1px solid #e5ebdf;padding-top:1px}
.reading-quiz-heading{display:flex;justify-content:space-between;align-items:center;margin:4px 20px 12px;gap:10px}
.reading-quiz-heading h3{font-size:17px;color:#3f5f42}
.reading-quiz-heading>span{font-size:11px;color:#91a084}
.reading-quiz .quiz-help{margin-top:0;margin-bottom:16px;font-size:12px}
.reading-quiz .question legend{font-size:13px;line-height:1.75}
.reading-quiz .quiz-option{font-size:12px;line-height:1.85;padding:9px 5px}
.lookup{width:330px;max-height:calc(100vh - 24px);overflow:auto}.lookup-label{font-size:10px;color:#91a084;margin-right:8px}.lookup-pos{font-size:12px;margin-top:6px;color:#647d56}.lookup-meaning{margin-top:13px}.lookup-meaning p{margin-top:4px}.lookup-example{border-top:1px solid #e7eddf;margin-top:13px;padding-top:10px}.lookup-example p{margin:5px 0 9px}.lookup-example p[lang=en]{line-height:1.8;color:#425d37}.lookup-example>p:last-child{font-size:12px;color:#829476;line-height:1.8}
@media(min-width:761px){.learning-grid{grid-template-areas:'listen side' 'reading reading'}.listening-card{position:static}.reading-module{grid-area:reading}.sentences{max-height:560px}.reading-module .card-foot{margin-left:25px;margin-right:25px}}
@media(max-width:760px){.reading-module-body{grid-template-columns:1fr;margin-top:14px}.reading-content{padding:0}.reading-quiz{border-left:0;border-top:1px solid #e5ebdf;padding-top:20px}.reading-module .reading-heading{margin:0 20px 20px}.reading-module .reading-heading h3{font-size:20px}.reading-module .reading-text{padding:0 20px}.reading-paragraph{margin-bottom:23px}.reading-paragraph>.reading-english{font-size:15px;line-height:1.95}.reading-paragraph>.reading-translation{font-size:13px}.sentence-tools button{font-size:11px;padding:6px 7px}.line-record-status{font-size:10px}.reading-quiz .quiz-option{font-size:13px}}
/* A course can now own one scene illustration while older revisions keep their layout. */
.course-scene-image{width:100%;display:block;aspect-ratio:1.7;object-fit:cover;border-radius:9px}.role-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 18px;padding:12px 5px 0;color:#6f8561;font-size:11px;line-height:1.7}.role-legend strong{color:#355d3d;font-weight:600}.nav-item:disabled>span{font-size:9px;white-space:nowrap}
/* v0.5: shared navigation, contextual practice entry and real daily check-in. */
.sidebar .primary-nav{display:grid;gap:6px}.primary-nav .nav-item{justify-content:flex-start}.primary-nav .nav-symbol{margin:0;font-size:22px;font-weight:400}.primary-nav .nav-item>span{margin-left:0}.streak-leaf{font-size:32px;color:#869c67}.practice-context{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.practice-context>div:first-child>span{font-size:19px;font-weight:700}.practice-context p{font-size:12px;color:#8b9682;margin-top:8px;line-height:1.7}.practice-context>div:last-child{display:flex;gap:16px;flex-shrink:0;font-size:11px;color:#6d845e}.checkin{display:block!important;scroll-margin-top:20px}.checkin-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}.checkin-heading{display:flex;gap:13px;align-items:center}.checkin-emblem{font-size:36px;color:#708d54}.checkin-modules{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none;margin:15px 0 12px}.checkin-modules li{font-size:11px}.checkin-modules button,.module-done{display:block;padding:7px 10px;border-radius:6px}.checkin-modules button{color:#7d7758;border:1px solid #dcdcc4;background:#faf9ef}.checkin-modules button:hover{background:#efefd9}.module-done{color:#4d734e;background:#dfead5}.checkin-note{font-size:10px!important;line-height:1.8!important;color:#8a977f!important}.checkin-submit{padding:13px 23px;background:#315d3e;color:#fff;border-radius:8px;font-size:13px;white-space:nowrap}.checkin-submit:disabled{background:#e1e8d6;color:#76886b}.checkin-error{color:#9d5942!important;margin-top:9px}.listening-card,.shadow-preview,.reading-module{scroll-margin-top:20px}.load-error p{line-height:1.8;margin:16px 0}.load-error button{background:#e4ebdb;padding:10px 16px;border-radius:6px}.load-error a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.sidebar .primary-nav{display:flex;gap:10px}.primary-nav .nav-item{width:auto;margin:0;padding:9px 12px;font-size:13px}.primary-nav .nav-item.active{box-shadow:none}.practice-context{align-items:flex-start;gap:10px}.practice-context>div:last-child{flex-direction:column;gap:10px;font-size:10px}.checkin-layout{grid-template-columns:1fr;gap:15px}.checkin-submit{width:100%;margin:0!important}.checkin-heading h2{font-size:15px}.checkin-modules{gap:6px}.streak>strong{font-size:25px}.streak{gap:6px}.streak-leaf{font-size:24px}.today select{width:42vw}.checkin-note{font-size:10px!important}}
/* Let the long bilingual course selector shrink beside the progress summary. */
@media(max-width:760px){.today{min-width:0;flex:1}.today select{width:100%;max-width:100%}}