.reference-lesson{--ref-blue:#246f8d;--ref-navy:#213b4a;--ref-pale:#f1f7fb;color:var(--ref-navy);min-width:0;max-width:1160px;margin-inline:auto}.reference-lesson h1,.reference-lesson h2,.reference-lesson h3{color:var(--ref-navy)}.reference-lesson .panel{padding:clamp(16px,3vw,28px)}.ref-tabs,.ref-scene-controls,.ref-practice-nav,.ref-calendar-heading,.ref-practice-heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ref-tabs{margin:24px 0}.ref-tabs button,.ref-scene-controls button,.ref-practice-nav button,.reference-lesson .text-button{min-height:44px}.ref-note,.ref-origin{color:#5e7886;font-size:.92rem;line-height:1.6}.ref-origin{margin:12px 0;display:block}.ref-scene{background:var(--ref-pale);overflow-wrap:anywhere;border:1px solid #d6e4ec;border-radius:20px;min-width:0;margin:24px 0;padding:clamp(10px,2vw,22px)}.ref-scene svg[role=img]{width:100%;height:auto;max-height:250px;display:block}.ref-scene-controls{margin:16px 0}.ref-scene-controls label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ref-scene-controls input[type=number]{width:78px;min-height:44px}.ref-scene-controls input[type=range]{width:min(220px,60vw);min-height:44px}.ref-scene-controls .selected,.ref-calendar-grid .selected{color:#fff;background:#246f8d;border-color:#246f8d}.ref-clock-layout,.ref-interval-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;display:grid}.ref-clock-layout>svg{max-width:350px;margin:auto}.ref-digital-time{color:#213b4a;margin:12px 0;font-size:2.4rem;font-weight:650}.ref-clock-layout svg line[stroke-linecap=round]{transition:transform .45s}.ref-scene-caption{min-width:0;margin:16px 0}.ref-scene-caption>div[lang]{color:#213b4a;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.7}.reference-lesson .pinyin{color:#297b9b;margin:.45em 0;font-size:1.05rem;line-height:1.7}.ref-scene-caption p{line-height:1.65}.ref-calendar-heading{justify-content:space-between;margin-bottom:16px}.ref-calendar-grid{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.ref-calendar-grid strong{padding:10px 0;font-size:.8rem}.ref-calendar-grid button{border-radius:9px;min-width:0;min-height:44px;padding:6px}.ref-topic-grid,.ref-word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ref-topic-link{text-align:left;cursor:pointer;flex-direction:column;gap:12px;display:flex}.ref-topic-link strong{font-size:1.3rem}.ref-topic-link span{line-height:1.6}.ref-topic-link small{color:#637d89}.ref-topic-select{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:22px 0;display:flex}.ref-topic-select label{gap:8px;min-width:0;max-width:100%;display:grid}.ref-topic-select select{max-width:100%;min-height:44px}.ref-word,.ref-example{overflow-wrap:anywhere;background:#f8fbfd;border:1px solid #dce7ed;border-radius:16px;min-width:0;padding:20px}.ref-entry-hanzi{color:#213b4a;font-size:clamp(1.55rem,3vw,2rem);line-height:1.75}.ref-word p,.ref-example p{line-height:1.65}.ref-example-list{gap:16px;display:grid}.ref-model-toggle{align-items:center;gap:10px;min-height:44px;margin:20px 0;display:flex}.ref-model-toggle input{width:22px;height:22px}.ref-practice-heading{justify-content:space-between}.ref-recall-cue{margin:26px 0;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.75}.ref-answer-options{gap:12px;margin:24px 0;display:grid}.ref-answer-options button{text-align:left;min-height:58px;line-height:1.6}.ref-answer-options [lang]{font-size:1.65rem}.ref-pinyin-input{gap:12px;margin:24px 0;display:grid}.ref-pinyin-input input{border:1px solid #97b7c8;border-radius:10px;width:100%;min-width:0;min-height:56px;padding:12px;font-size:1.2rem}.ref-pinyin-input small{color:#637d89;line-height:1.6}.ref-answer-feedback{background:#eef6fa;border-radius:16px;margin:24px 0;padding:22px}.ref-answer-feedback>div[lang]{font-size:1.85rem;line-height:1.7}.ref-practice-nav{justify-content:space-between;margin:24px 0}.ref-review-intro{margin:20px 0}.ref-source-note{margin-top:30px}.ref-source-note summary{cursor:pointer;min-height:44px}.ref-temporal-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:30px 0;display:grid}.ref-temporal-strip>div{text-align:center;background:#fff;border:1px solid #b5d1df;border-radius:12px;padding:18px 8px;font-size:.9rem;line-height:1.8}.ref-context-board{text-align:center;background:#fff;border:2px solid #9dbdcd;border-radius:16px;margin:20px 0;padding:40px 18px}.ref-context-board strong{font-size:1.5rem}.ref-routine-track{gap:10px;padding:12px 0;display:flex;overflow-x:auto}.ref-routine-track button{text-align:center;flex:0 0 112px;gap:10px;min-height:88px;display:grid}.ref-routine-track small{font-size:.8rem}.ref-catalog-links{gap:12px;margin-top:20px;display:grid}.ref-catalog-links>a{text-align:left;justify-content:space-between;gap:16px;min-height:74px;text-decoration:none;display:flex}.ref-catalog-links span{gap:6px;display:grid}.ref-catalog-links small{font-weight:400}.ref-today-links{border-top:1px solid #d6e4ec;margin-top:26px;padding-top:18px}.ref-today-links article{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.ref-today-links article>a{font-weight:600}.ref-today-links article>span{color:#637d89;font-size:.9rem}@media (max-width:700px){.ref-clock-layout,.ref-interval-pair,.ref-topic-grid,.ref-word-grid{grid-template-columns:minmax(0,1fr)}.ref-clock-layout>svg{max-width:280px}.ref-scene{padding:8px}.reference-lesson .panel{padding:16px}.ref-scene-controls{gap:8px}.ref-scene-controls button{padding:10px 12px}.ref-temporal-strip{gap:5px}.ref-temporal-strip>div{padding:12px 4px;font-size:.75rem}.ref-calendar-grid button{font-size:.95rem}.ref-practice-nav>button{max-width:100%}}@media (prefers-reduced-motion:reduce){.reference-lesson *{scroll-behavior:auto!important}.ref-clock-layout svg line[stroke-linecap=round]{transition:none}}.reference-lesson .ref-relative-days{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.reference-lesson .ref-relative-days>div{border:1px solid #c9dce4;border-radius:14px;padding:12px}.reference-lesson .ref-answer-options .selected{background:#e2f1fa;border-color:#297caa;box-shadow:inset 0 0 0 1px #297caa}.ref-catalog.panel{margin:24px 0;padding:20px 24px}.ref-catalog h2,.reference-lesson h2{margin:8px 0 12px;font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:650;line-height:1.3}.reference-lesson h3{margin:16px 0;font-size:1.15rem;font-weight:600}.ref-catalog>p:not(.eyebrow){color:var(--muted);line-height:1.6}.ref-catalog-links{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.ref-catalog-links>a{align-items:center;min-width:0;min-height:0;padding:16px}.ref-catalog-links>a>span{gap:5px;min-width:0}.ref-catalog-links strong{font-size:1.5rem;font-weight:550;line-height:1.5}.ref-catalog-links .pinyin{color:#a57c45}.ref-catalog-icon{color:#527660;margin-bottom:5px}.ref-catalog-links>a>svg{flex-shrink:0}.ref-catalog-links span span{font-size:.9rem;line-height:1.4}.ref-topic-select{gap:12px}.ref-topic-arrows{gap:8px;display:flex}.ref-topic-arrows button{min-height:44px}.ref-scene{margin:16px 0;padding:16px 20px}.ref-scene>div{flex-direction:column;min-width:0;display:flex}.ref-scene>div>.ref-scene-caption{order:-1;margin:0 0 12px}.ref-scene-caption>div[lang]{font-size:clamp(1.6rem,3vw,2rem);line-height:1.5}.ref-scene-caption p,.ref-scene-caption .pinyin{margin:4px 0}.ref-scene-controls{gap:8px;margin:10px 0}.ref-scene-controls button{min-width:0;padding:8px 12px;line-height:1.3}.ref-scene-controls button:has(strong){text-align:left;gap:3px;display:grid}.ref-scene-controls button strong{font-size:1.35rem;font-weight:550}.ref-scene-controls button small{font-size:.8rem;font-weight:400;line-height:1.35}.ref-scene-controls[aria-label="Place the speaker"]{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ref-scene [role=status]{color:#5e7886;margin:8px 0;font-size:.85rem}.ref-reading-section{border-top:1px solid #d6e4ec;margin:16px 0;padding-top:8px}.ref-reading-section>summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}.ref-context-board{margin:12px 0;padding:20px 16px}.ref-temporal-strip{margin:14px 0}@media (max-width:900px){.ref-catalog-links{gap:8px}.ref-scene svg[role=img]{max-height:220px}.ref-clock-layout>svg{max-width:210px}}@media (max-width:650px){.ref-catalog.panel{padding:16px}.ref-catalog-links{grid-template-columns:1fr}.ref-catalog-links>a{padding:12px}.ref-catalog-links>a>span{grid-template-columns:auto 1fr;column-gap:12px}.ref-catalog-icon{grid-row:1/4;align-self:center}.ref-catalog-links strong{font-size:1.25rem}.ref-catalog-links small,.ref-catalog-links span span:not(.ref-catalog-icon){grid-column:2}.ref-scene{padding:12px}.ref-scene svg[role=img]{max-height:200px}.ref-scene-controls button{padding:8px}.ref-topic-select{align-items:flex-end}.ref-topic-select label{width:100%}}.ref-clock-layout:has(.ref-clock-caption){display:block}.ref-clock-caption>svg{max-width:230px;margin:10px auto}.ref-clock-caption>.ref-digital-time{float:right;font-size:1.8rem}.ref-clock-caption>.ref-scene-caption{margin:0}.ref-teaching-rule{max-width:72ch;margin:8px 0 16px;line-height:1.7}.ref-listen{align-items:center;gap:7px;min-height:44px;margin-top:4px;display:inline-flex}.ref-catalog.panel{padding:16px 20px}.ref-catalog-links>a{padding:12px}.ref-catalog-icon{margin:0}.ref-catalog-links>a>span{grid-template-columns:24px 1fr;column-gap:8px}.ref-catalog-icon{grid-row:1/4;align-self:center}.ref-catalog-links>a>span>strong,.ref-catalog-links>a>span>small,.ref-catalog-links>a>span>span:not(.ref-catalog-icon){grid-column:2}@media (max-width:650px){.ref-scene-controls:has(>button>strong):not([aria-label]){grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ref-scene-controls[aria-label="Place the speaker"] button small:last-child{font-size:.75rem}.ref-clock-caption>.ref-digital-time{float:none;font-size:1.5rem}.ref-catalog-links{grid-template-columns:1fr}.ref-catalog-links strong{font-size:1.2rem}}.ref-scene>.ref-movement-scene{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:10px 20px;display:grid}.ref-movement-scene>.ref-scene-caption{grid-column:1;margin:0}.ref-movement-scene>.ref-scene-controls{grid-column:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;display:grid}.ref-movement-scene>.ref-scene-controls[aria-label]{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-movement-scene>.ref-scene-controls button{padding:7px 8px}.ref-movement-scene>.ref-scene-controls button strong{font-size:1.2rem}.ref-movement-scene>.ref-scene-controls button small{font-size:.75rem}.ref-movement-scene>svg{grid-area:1/2/4;align-self:center;max-height:230px}.ref-movement-scene>.ref-motion-controls{flex-wrap:wrap;grid-area:4/2;display:flex}.ref-movement-scene>[role=status]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ref-movement-scene>p:not([role=status]){grid-column:1/-1;margin:4px 0;font-size:.85rem}@media (max-width:850px){.ref-scene>.ref-movement-scene{gap:10px;display:flex}.ref-movement-scene>.ref-scene-controls{width:100%}.ref-movement-scene>svg{order:3;max-height:175px}.ref-movement-scene>.ref-motion-controls{order:4}.ref-movement-scene>p{order:5}.ref-movement-scene>.ref-scene-caption>div[lang]{font-size:1.6rem}.ref-movement-scene>.ref-scene-caption p{font-size:.95rem}.ref-movement-scene>.ref-scene-controls button{gap:2px;padding:5px 7px}.ref-movement-scene>.ref-scene-controls:not([aria-label]) button small:last-child{display:none}.ref-movement-scene>.ref-scene-controls button strong{font-size:1.1rem}}.ref-listen svg{flex-shrink:0;width:16px;height:16px}.ref-listen{white-space:nowrap}.ref-movement-scene>.ref-scene-caption{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:0 8px;display:grid}.ref-movement-scene>.ref-scene-caption>div,.ref-movement-scene>.ref-scene-caption>p{grid-column:1}.ref-movement-scene>.ref-scene-caption>.ref-listen{grid-area:1/2/4;margin:0}.ref-movement-scene>.ref-scene-controls:not([aria-label]) button small:last-child{font-size:.72rem}.ref-movement-scene>.ref-motion-controls button{padding:5px 7px;font-size:.85rem}@media (max-width:850px){.ref-scene>.ref-movement-scene{gap:6px}}.ref-scene .ref-movement-scene>svg[role=img]{max-height:230px}.ref-expression-select{margin:10px 0}.ref-expression-select label{gap:8px;font-size:.9rem;display:grid}.ref-expression-select select{background:#fff;border:1px solid #b7ced8;border-radius:8px;width:100%;min-width:0;max-width:100%;min-height:44px;padding:8px}.ref-scene-example,.ref-clock-settings{border-top:1px solid #d6e4ec;margin-top:12px;padding-top:8px}.ref-scene-example summary,.ref-clock-settings summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:550}.ref-scene>.ref-shang-scene{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px 20px;display:grid}.ref-shang-scene>.ref-scene-caption,.ref-shang-scene>.ref-expression-select{grid-column:1;margin:0}.ref-shang-scene>svg[role=img],.ref-shang-scene>.ref-context-board,.ref-shang-scene>.ref-temporal-strip,.ref-shang-scene>.ref-clock-layout{grid-area:1/2/3}.ref-shang-scene>.ref-scene-example,.ref-shang-scene>.ref-motion-controls{grid-column:1/-1;margin:0}.ref-shang-scene>[role=status]{grid-column:1/-1;margin:0;font-size:.8rem}@media (max-width:850px){.ref-scene .ref-movement-scene>svg[role=img]{max-height:175px}.ref-scene>.ref-shang-scene{gap:8px;display:flex}.ref-shang-scene>.ref-expression-select{width:100%}.ref-scene .ref-shang-scene>svg[role=img]{max-height:175px}.ref-clock-caption>svg[role=img]{max-height:180px}}.ref-scene>.ref-calendar-scene{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.ref-calendar-language>.ref-scene-caption{margin:0 0 12px}.reference-lesson .ref-calendar-language>.ref-relative-days{gap:8px;margin:0}.ref-relative-days>div>div[lang]{font-size:1.4rem;line-height:1.4}.ref-relative-days small{font-size:.75rem;line-height:1.5;display:block}.ref-relative-days .pinyin{margin:3px 0;font-size:.9rem}.ref-calendar-board{min-width:0}.ref-calendar-grid button{min-height:44px;padding:4px}.ref-calendar-heading{gap:8px}.ref-calendar-heading button{min-height:44px}.ref-interval-pair .ref-scene-caption{margin:0 0 10px}.ref-scene .ref-interval-pair svg[role=img]{max-height:175px}@media (max-width:650px){.ref-scene>.ref-calendar-scene{gap:12px;display:flex}.ref-calendar-language,.ref-calendar-board{width:100%}.reference-lesson .ref-calendar-language>.ref-relative-days{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-calendar-language .ref-relative-days>div{padding:8px}.ref-calendar-language>.ref-note{margin:8px 0;font-size:.8rem}.ref-calendar-heading{margin-bottom:4px}.ref-calendar-grid strong{padding:5px 0}.ref-scene .ref-interval-pair svg[role=img]{max-height:135px}.ref-interval-pair{gap:12px}.ref-calendar-language>.ref-scene-caption>div[lang]{font-size:1.4rem}.ref-calendar-language>.ref-scene-caption .pinyin{font-size:.9rem}.reference-lesson .ref-calendar-language .ref-relative-days>div{padding:8px}.ref-calendar-language .ref-relative-days>div>div[lang]{font-size:1.25rem}.ref-calendar-language .ref-relative-days small{font-size:.7rem}.ref-time-duration{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}.ref-time-duration .ref-scene-caption>div[lang]{font-size:1.15rem}.ref-time-duration .ref-scene-caption .pinyin,.ref-time-duration .ref-scene-caption p{font-size:.8rem;line-height:1.5}.ref-scene .ref-time-duration svg[role=img]{max-height:125px}}.ref-display-options{color:#466458;border-bottom:1px solid #dce5de;flex-wrap:wrap;align-items:center;gap:18px;margin:12px 0 22px;padding:10px 0;display:flex}.ref-display-options label{cursor:pointer;align-items:center;gap:8px;min-height:44px;display:inline-flex}.ref-display-options input{accent-color:#365e4e;width:18px;height:18px}.reference-lesson[data-show-pinyin=false] .pinyin,.reference-lesson[data-show-english=false] .ref-meaning{display:none!important}.reference-lesson[data-show-pinyin=false] .ref-scene-controls button small:first-of-type,.reference-lesson[data-show-english=false] .ref-scene-controls button small:last-of-type{display:none}.ref-scene>.ref-interactive-scene{grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr);align-items:start;gap:22px;display:grid}.ref-interactive-scene>.ref-visual-focus{background:#fff9;border:1px solid #d9e5e5;border-radius:16px;flex-direction:column;grid-area:1/2;align-items:stretch;min-width:0;padding:12px;display:flex}.ref-visual-focus>.ref-scene-caption{text-align:center;margin:0 0 8px}.ref-visual-focus>.ref-scene-caption>div[lang]{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.5}.ref-visual-focus>.ref-scene-caption>.ref-listen{margin:auto}.ref-scene .ref-visual-focus>svg[role=img]{width:100%;height:auto;max-height:230px}.ref-visual-focus>.ref-motion-controls{justify-content:center;margin:0;display:flex}.ref-interactive-scene>.ref-choice-panel{grid-area:1/1;min-width:0}.ref-choice-label{color:#476857;margin:0 0 8px;font-size:.9rem;font-weight:600;line-height:1.5}.ref-choice-panel>.ref-scene-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 16px;display:grid}.ref-choice-panel>.ref-scene-controls[aria-label]{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-choice-panel .ref-scene-controls button{min-width:0;padding:8px}.ref-choice-panel .ref-scene-controls button strong{font-size:1.25rem}.ref-choice-panel .ref-scene-controls button small{font-size:.75rem}.ref-expression-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0;display:grid}.ref-expression-choices button{text-align:left;flex-direction:column;gap:3px;min-width:0;min-height:64px;padding:9px 10px;display:flex}.ref-expression-choices strong{font-size:1.3rem;font-weight:550}.ref-expression-choices small{font-size:.8rem;line-height:1.4}.ref-expression-choices .pinyin{margin:0;font-size:.8rem}.ref-expression-choices .selected{color:#304c3d;background:#e4eee6;border-color:#7fa18d}.ref-interactive-scene>.ref-scene-example{grid-column:1/-1;width:100%}.reference-lesson :is(button,a,input,select):focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid #6d9281}@media (max-width:850px){.ref-scene>.ref-interactive-scene{flex-direction:column;gap:16px;display:flex}.ref-interactive-scene>.ref-choice-panel,.ref-interactive-scene>.ref-visual-focus{width:100%}.ref-scene .ref-visual-focus>svg[role=img]{max-height:190px}.ref-expression-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.ref-expression-choices button{padding:7px}.ref-expression-choices small{font-size:.75rem}.ref-expression-choices strong{font-size:1.15rem}}.ref-expression-choices button[aria-pressed=true] .pinyin{color:inherit}.lesson06-space{max-width:1180px}.l06-tabs,.l06-steps,.l06-downloads,.l06-character-picker,.l06-filters,.l06-blocks,.l06-build-answer{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.l06-tabs button{min-height:44px}.l06-topic-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.l06-topic{text-align:left;color:var(--ink,#284b40)}.l06-topic strong{font-size:28px}.l06-welcome{margin:20px 0}.l06-steps{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.l06-steps button{white-space:nowrap;background:#fff;border:1px solid #d7e0d0;border-radius:24px;padding:10px 16px}.l06-steps .selected,.l06-answers .selected,.l06-character-picker .selected{background:#e6eddc;border-color:#355e50}.l06-step-title,.l06-bottom,.l06-dialog header{justify-content:space-between;align-items:center;gap:16px;display:flex}.l06-journey,.l06-check{touch-action:pan-y pinch-zoom}.l06-step-title h2{margin:0}.l06-words{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:24px 0;display:grid}.l06-word{background:#fbfcf8;border:1px solid #dce3d6;border-radius:16px;padding:18px}.l06-word strong{font-size:30px;font-weight:500;line-height:1.5}.l06-word p{margin:5px 0}.l06-word small{color:#697b70;display:block}.l06-word .course-actions{gap:8px;margin-top:10px}.l06-hanzi{color:#2d5144;font-size:29px;line-height:1.6}.l06-hanzi .study-text{font:inherit}.l06-example{background:#fff;border:1px solid #dce3d6;border-radius:16px;padding:20px}.l06-example p{margin:8px 0}.l06-examples{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin:22px 0;display:grid}.l06-grammar,.l06-builder{background:#f0f4e9;border-radius:16px;margin:22px 0;padding:22px}.l06-pattern{font-size:21px;font-weight:500;line-height:1.7}.l06-note{color:#6d7d71;font-size:14px;line-height:1.6}.l06-bottom{border-top:1px solid #dce3d6;margin-top:24px;padding-top:20px}.l06-dialog{color:#2d5144;background:#fbfcf8;border:1px solid #dce3d6;border-radius:22px;width:min(700px,100vw - 24px);max-height:90dvh;padding:24px;overflow:auto}.l06-dialog::backdrop{background:#203c3370}.l06-dialog header{margin-bottom:20px}.l06-dialog header h2{margin:0;font-size:24px}.l06-dialog .l06-example{margin:12px 0}.l06-writing{aspect-ratio:1;border:1px solid #dce3d6;border-radius:16px;width:min(320px,100%,42dvh);margin:18px auto;position:relative;overflow:hidden}.l06-character-picker button{min-width:48px;font-size:24px}.l06-question{text-align:center;padding:30px 10px;font-size:38px;line-height:1.7}.l06-listen{min-height:64px;margin:32px auto;display:flex}.l06-answers{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.l06-answers button{text-align:left;white-space:normal;min-height:72px}.l06-feedback{background:#eef3e8;border-radius:12px;margin-top:18px;padding:18px}.l06-build-answer{border:1px dashed #a8bca7;border-radius:12px;align-items:center;min-height:65px;padding:10px}.l06-blocks button,.l06-build-answer button{font-size:23px}.l06-filters label{gap:6px;min-width:210px;display:grid}.l06-filters select{max-width:100%}@media (max-width:650px){.l06-step-title{align-items:flex-start}.l06-step-title h2{font-size:24px}.l06-words{grid-template-columns:1fr 1fr;gap:8px}.l06-word{padding:12px}.l06-word strong{font-size:26px}.l06-answers{grid-template-columns:1fr}.l06-journey{padding:16px}.l06-dialog{padding:18px}.l06-question{font-size:30px}.l06-tabs button{flex:42%}}.lesson06-space .panel{padding:28px}.lesson06-space h2{font-size:24px;line-height:1.3}.lesson06-space h3{font-size:20px;line-height:1.4}.lesson06-space .l06-topic h2{font-size:21px}.lesson06-space .l06-word .pinyin{font-size:16px}.lesson06-space .l06-dialog h2{font-size:24px}@media (max-width:650px){.lesson06-space .panel{padding:16px}.lesson06-space .l06-word .course-actions{flex-wrap:wrap}}.l06-example-toggle{cursor:pointer;align-items:center;gap:9px;padding:10px 0 18px;font-size:14px;display:flex}.l06-example-toggle input{accent-color:#345c4d;width:18px;height:18px}.l06-words.with-examples{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.l06-word-examples{border-top:1px solid #d6dfcf;margin-top:18px}.l06-word-example{padding-top:14px}.l06-word-example+.l06-word-example{border-top:1px solid #e1e7db;margin-top:14px}.l06-word-example>div[lang]{font-size:23px;line-height:1.7}.lesson06-space .l06-word-example .pinyin{font-size:13px;line-height:1.6}.l06-word-example p{font-size:14px;line-height:1.55}.l06-word-example .sp-speaker{margin-top:6px}@media (max-width:650px){.l06-words.with-examples{grid-template-columns:1fr}.l06-word-example>div[lang]{font-size:22px}}.lesson11-space[data-show-pinyin=false] .l06-journey .pinyin,.lesson11-space[data-show-translation=false] .l06-journey .l11-translation{display:none}.l11-visual{background:#f0f4ed;border:1px solid #dae3d4;border-radius:18px;min-width:0;margin:18px 0 24px;padding:18px}.l11-visual-note{color:#657963;margin-bottom:12px;font-size:.9rem}.l11-visual-tile{text-align:left;overflow-wrap:anywhere;background:#fff;border:1px solid #d5dfd0;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;min-height:44px;padding:14px;display:flex}.l11-visual-tile>svg{color:#658a71;width:30px;height:30px}.l11-visual-tile strong{font-size:1.5rem;font-weight:500;line-height:1.5}.l11-visual-tile .pinyin{margin:0;font-size:.9rem}.l11-visual-tile .l11-translation{font-size:.9rem;line-height:1.5}.l11-visual-tile.selected{background:#e7f0e6;border-color:#739a80}.l11-day-strip,.l11-object-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.l11-pair,.l11-four-grid,.l11-season-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0;display:grid}.l11-day-strip .l11-visual-tile{padding:10px}.l11-chunk{color:#365e4e;font-size:1.5rem;line-height:1.6}.l11-chunk b{background:#ddebd8;border-radius:7px;padding:2px 6px;font-weight:500}.l11-clock{grid-template-columns:180px 1fr;align-items:center;gap:16px;display:grid}.l11-clock>svg[role=img]{width:100%;height:auto;max-height:180px}.l11-frequency{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.l11-dots{gap:5px;margin:6px 0;display:flex}.l11-dots i{border:1px solid #91aa96;border-radius:50%;width:9px;height:9px;display:block}.l11-dots .filled{background:#729a7d}.l11-continuous{grid-template-columns:1fr 2fr;gap:12px;margin-top:14px;display:grid}.l11-continuous-line{background:#729a7d;width:100%;height:3px;margin:9px 0}.l11-receipt{background:#fffdf5;border:1px dashed #b4bea7;border-radius:12px;padding:16px}.l11-library{border-top:1px solid #dbe3d4;margin:18px 0;padding-top:8px}.l11-library>summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}@media (max-width:700px){.l11-day-strip,.l11-object-grid,.l11-frequency{grid-template-columns:repeat(2,minmax(0,1fr))}.l11-visual{padding:12px}.l11-pair,.l11-four-grid,.l11-season-grid{gap:8px}.l11-visual-tile{padding:10px}.l11-visual-tile strong{font-size:1.3rem}.l11-clock{grid-template-columns:120px 1fr}.l11-continuous{grid-template-columns:1fr}.l11-chunk{font-size:1.2rem}}@media (min-width:701px) and (max-width:1000px){.l11-day-strip{gap:6px}.l11-day-strip .l11-visual-tile{padding:8px 5px}.l11-day-strip .l11-translation,.l11-day-strip .pinyin{overflow-wrap:normal;word-break:normal;font-size:.75rem;line-height:1.5}.l11-day-strip strong{font-size:1.2rem}}.lesson11-space .l06-step-title{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.lesson11-space .l06-step-title>div:first-child{min-width:0}.lesson11-space .l06-step-title>.course-actions{flex-wrap:nowrap;gap:8px;display:flex}.lesson11-space .l06-step-title>.course-actions button{flex:none}.lesson11-space .pinyin{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}@media (min-width:701px) and (max-width:1000px){.l11-object-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.l11-frequency{grid-template-columns:repeat(2,minmax(0,1fr))}.l11-visual-tile .pinyin{font-size:.85rem}.l11-day-strip .pinyin{font-size:.75rem}}.l12{color:#29483d;max-width:1220px;margin:0 auto;padding:28px 28px 100px}.l12-heading{max-width:930px;margin:28px 0}.l12-heading h1{letter-spacing:-.035em;margin:12px 0;font-size:clamp(29px,4.2vw,50px);line-height:1.13}.l12-heading>p:last-child{color:#718172;line-height:1.7}.l12-tabs,.l12-display,.l12-topics,.l12-row-actions,.l12-bottom,.l12-face-toggle,.l12-practice-modes{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.l12-tabs{border-bottom:1px solid #dfe6da;margin-bottom:20px;padding:12px 0}.l12-tabs button,.l12-topics button,.l12-face-toggle button,.l12-practice-modes button{color:#365b4a;background:#fff;border:1px solid #d9e3d3;border-radius:12px;min-height:44px;padding:11px 16px;font-size:14px}.l12 button[aria-pressed=true]{color:#fff;background:#365f4d;border-color:#365f4d}:is(.l12 button:focus-visible,.l12 a:focus-visible){outline-offset:3px;outline:2px solid #71988a}.l12 button:disabled{opacity:.48;cursor:default}.l12-display{background:#edf1e8;border-radius:12px;gap:24px;margin:16px 0 24px;padding:10px 14px;font-size:14px}.l12-display label{align-items:center;gap:8px;min-height:30px;display:flex}.l12-display input{accent-color:#365f4d;width:17px;height:17px}.l12-map-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:start;gap:26px;display:grid}.l12-map{isolation:isolate;background:#edf2e8;border:1px solid #dbe4d5;border-radius:22px;grid-template-rows:repeat(5,70px);grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 2px;min-width:0;padding:40px 12px 28px;display:grid;position:relative;overflow:hidden}.l12-compass{color:#5d7661;z-index:-1;flex-direction:column;align-items:center;gap:2px;font-size:10px;display:flex;position:absolute;top:14px;right:12px}.l12-compass span{font-size:9px}.l12-campus-road{z-index:-1;background:#fafbf7;border-top:1px dashed #d2dacc;border-bottom:1px dashed #d2dacc;height:30px;position:absolute;top:57%;left:0;right:0}.l12-map:before{content:"";z-index:-1;background:#fafbf7;border-left:1px dashed #d2dacc;border-right:1px dashed #d2dacc;width:30px;position:absolute;top:15px;bottom:25px;left:calc(50% - 15px)}.l12 .l12-building{z-index:1;color:#365e4a;background:#fffdf7;border:1px solid #cfdccb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;padding:4px;font-size:clamp(13px,1.7vw,18px);line-height:1.2;display:flex;box-shadow:0 4px 10px #304f3510}.l12-building>span:first-child{font-size:30px;line-height:1.2}.l12-building svg{width:42px;height:35px;display:block}.l12 .l12-building[aria-pressed=true]{color:#294b37;background:#dce7d5;border:2px solid #71916a;box-shadow:0 0 0 4px #f9fbf6}.l12-map-caption{text-align:center;color:#788671;font-size:10px;position:absolute;bottom:9px;left:0;right:0}.l12-map-detail{min-width:0}.l12-kicker{color:#78856e;letter-spacing:.04em;align-items:center;gap:8px;margin:2px 0 12px;font-size:13px;display:flex}.l12-reading{background:#fff;border:1px solid #dce4d6;border-radius:18px;min-width:0;margin:0 0 18px;padding:24px}.l12-reading>p{overflow-wrap:anywhere;margin:10px 0;line-height:1.65}.l12-hanzi{overflow-wrap:anywhere;font-size:clamp(27px,3.1vw,38px);line-height:1.7}.l12-chunks{flex-wrap:wrap;gap:7px 10px;display:flex}.l12-chunks>span{background:#f5f8f1;border-bottom:2px solid #dae6d3;border-radius:6px;padding:0 5px}.l12-row-actions{gap:14px;margin-top:16px}.l12-row-actions small{color:#84917c;margin-left:auto;font-size:11px}.l12-note{color:#6f806c;margin:18px 0;font-size:13px;line-height:1.8}.l12-compass-lab{background:#f4f6ee;border:1px solid #dfe5d8;border-radius:20px;margin-top:32px;padding:26px}.l12 h2{letter-spacing:-.025em;font-size:clamp(23px,2.7vw,31px);line-height:1.35}.l12-compass-lab>p{line-height:1.7}.l12-direction-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.l12-direction-cards article{background:#fff;border:1px solid #dee6d8;border-radius:14px;padding:18px}.l12-direction-cards article>div{font-size:28px}.l12-direction-cards article p{font-size:13px;line-height:1.6}.l12-direction-cards article>div>span:nth-child(2){color:#91a18b}.l12-topics{margin-bottom:24px}.l12-pattern{color:#71836b;margin:12px 0 24px;font-size:24px}.l12-word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.l12-word-grid .l12-reading{margin:0}.l12-word-grid .l12-hanzi{font-size:30px}.l12-practice{background:#fff;border:1px solid #dce5d6;border-radius:20px;max-width:850px;margin:0 auto;padding:26px}.l12-practice>p{color:#74836b;font-size:13px;line-height:1.7}.l12-practice .l12-map{max-width:550px;margin:20px auto}.l12-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.l12-choices button{color:#365c46;overflow-wrap:anywhere;background:#f8faf5;border:1px solid #d9e3d0;border-radius:14px;min-height:72px;padding:18px 12px;font-size:28px}.l12-hint{background:#f4f0e2;border:1px solid #e5dcc4;border-radius:14px;margin:18px 0;padding:18px}.l12-hint>strong{font-size:29px}.l12-result{background:#f1f6eb;border:1px solid #dce6d4;border-radius:16px;margin:18px 0;padding:20px}.l12-result>.l12-reading{margin-top:16px}.l12-result>p{font-size:13px;line-height:1.6}.l12-bottom{border-top:1px solid #dfe6d7;justify-content:space-between;margin-top:28px;padding-top:20px}.l12-materials{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.l12-materials>a{border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;padding:24px;text-decoration:none;display:flex}.l12-materials>a span{margin-left:auto;font-size:12px}.l12-writing{color:#29483d;background:#fff;border:1px solid #d1ddc8;border-radius:20px;width:min(94vw,960px);max-height:90dvh;padding:24px;overflow:auto}.l12-writing::backdrop{background:#233d3255}.l12-writing>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.l12-writing>header h2{margin:0;font-size:24px}@media (max-width:800px){.l12{padding:20px 14px 100px}.l12-map-layout{grid-template-columns:1fr}.l12-map{justify-self:center;width:100%;max-width:600px}.l12-tabs{gap:8px}.l12-tabs button{padding:10px 12px;font-size:13px}.l12-map-layout{gap:18px}.l12-compass-lab,.l12-practice{padding:18px}.l12-reading{padding:20px}.l12-heading{margin-top:20px}}@media (max-width:480px){.l12-map{grid-template-rows:repeat(5,61px);gap:12px 1px;padding:40px 6px 28px}.l12 .l12-building{border-radius:9px;font-size:15px}.l12-building svg{width:35px;height:30px}.l12-direction-cards,.l12-word-grid,.l12-materials{grid-template-columns:1fr}.l12-choices button{padding:14px 8px;font-size:25px}.l12-practice-modes{gap:6px}.l12-practice-modes button{padding:9px;font-size:12px}.l12-direction-cards article>div{font-size:28px}.l12-writing{padding:16px}.l12-display{gap:12px 18px}.l12-bottom{gap:14px}.l12-row-actions small{margin-left:0}.l12-hanzi{font-size:29px}}@media (prefers-reduced-motion:reduce){.l12 *{scroll-behavior:auto!important;transition:none!important}}.l12-review{max-width:none;padding:0}.l12-review>.l12-heading,.l12-review>.l12-tabs,.l12-review>button:first-child,.l12-practice-modes[hidden]{display:none}.l12 [hidden]{display:none!important}.l12-transport>p{color:#6f806c;max-width:760px;line-height:1.7}.l12-transport-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.l12-transport-grid>button{color:#365b4a;overflow-wrap:anywhere;text-align:center;background:#f7f9f2;border:1px solid #d6e2d1;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;min-width:0;min-height:175px;padding:22px 12px;display:flex}.l12-transport-grid>button strong{font-size:24px;line-height:1.4}.l12-transport-grid>button span{font-size:13px;line-height:1.5}.l12-transport-grid>button[aria-pressed=true] .pinyin{color:#eddfb9}.l12-transport-detail,.l12-verb-contrast,.l12-location-formula{background:#f4f7ef;border:1px solid #dbe4d4;border-radius:20px;margin-top:28px;padding:24px}.l12-verb-contrast>p{line-height:1.8}.l12-verb-contrast>p[lang]{font-size:26px}.l12-pair-map{background:#edf2e8;border-radius:14px;justify-content:center;align-items:center;gap:16px;margin:18px 0;padding:24px 8px;display:flex}.l12-pair-map>div{flex-direction:column;align-items:center;gap:10px;font-size:26px;display:flex}.l12-pair-map svg{color:#789879;width:48px;height:48px}.l12-pair-map>span{color:#6f806c;font-size:13px}.l12-formula-blocks{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0;display:grid}.l12-formula-blocks>div{text-align:center;background:#fff;border:1px solid #dae4d4;border-radius:12px;flex-direction:column;align-items:center;gap:12px;min-width:0;padding:16px 6px;display:flex}.l12-formula-blocks small{color:#6f806c;font-size:12px;line-height:1.4}.l12-formula-blocks span[lang]{font-size:29px}.l12-formula-blocks .pinyin{font-size:13px}@media (max-width:800px){.l12-transport-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:520px){.l12-transport-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.l12-transport-grid>button{min-height:170px;padding:18px 10px}.l12-transport-detail,.l12-verb-contrast,.l12-location-formula{padding:16px}.l12-formula-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}.l12-pair-map{gap:10px}.l12-pair-map>span{font-size:11px}.l12-pair-map>div{font-size:23px}}.l12-transport-grid>article{background:#fff;border:1px solid #d6e2d1;border-radius:16px;min-width:0;overflow:hidden}.l12-transport-grid>article.is-selected{background:#f0f5eb;border-color:#7d9c80;box-shadow:inset 0 0 0 1px #7d9c80}.l12 .l12-transport-select,.l12 .l12-transport-select[aria-pressed=true]{color:#365b4a;text-align:center;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:10px;width:100%;min-height:168px;padding:20px 12px 12px;display:flex}.l12-transport-select strong{font-size:24px}.l12-transport-select span{font-size:13px;line-height:1.5}.l12-tile-actions{flex-wrap:wrap;justify-content:center;gap:12px;padding:8px 8px 16px;display:flex}.l12-tile-actions button{min-height:40px;padding:5px 8px;font-size:12px}.l12-tile-actions svg{width:16px;height:16px}.l12-verb-options{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.l12 .l12-verb-options button[aria-pressed=true]{color:#365b4a;background:#e7efdf;border-color:#7d9c80}.l12-transport-detail{background:0 0;border:0;padding:0}.l12-transport-detail h3{margin:28px 0 14px;font-size:17px;font-weight:500}.l12-verb-contrast{background:0 0;border:0;margin:24px 0;padding:0}.l12-verb-contrast h3{font-size:16px;font-weight:500}.l12-verb-contrast>p{color:#6f806c;max-width:850px;font-size:13px}.l12 .l12-word-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.l12 .l12-word-grid .l12-reading{padding:22px;position:relative}.l12-vocabulary-picture{color:#809879;margin-bottom:14px;display:block}.l12 .l12-word-grid .l12-hanzi{font-size:30px}.l12 .l12-reading>.pinyin{font-size:17px}.l12 .l12-tabs button{min-height:44px}.l12 .l12-campus-illustration{margin:24px 0}.l12-campus-illustration>figcaption{color:#74836d;margin-top:12px;font-size:12px}@media (max-width:900px){.l12 .l12-word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.l12 .l12-word-grid{grid-template-columns:1fr}}.l12-vocabulary-pairs{gap:16px;margin:20px 0;display:grid}.l12-vocabulary-pair{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);align-items:stretch;gap:14px;display:grid}.l12-vocabulary-pair>.l12-reading{min-width:0;margin:0;padding:20px}.l12-vocabulary-pair .l12-hanzi{font-size:30px}.l12-vocabulary-pair.is-word-only{grid-template-columns:1fr}.l12-vocabulary-pair.is-word-only>.l12-reading{max-width:420px}.l12 .l12-vocabulary-picture{width:30px;height:30px;margin-bottom:12px}@media (max-width:700px){.l12-vocabulary-pair{border:1px solid #dce4d6;border-radius:16px;grid-template-columns:1fr;gap:0;overflow:hidden}.l12-vocabulary-pair>.l12-reading{border:0;border-radius:0;padding:18px}.l12-vocabulary-pair>.l12-reading+article{background:#fbfcf8;border-top:1px solid #e4e9de}.l12-vocabulary-pair.is-word-only>.l12-reading{max-width:none}}.l12-vocabulary-pairs{container:lesson-pairs/inline-size}@container lesson-pairs (width<=620px){.l12-vocabulary-pair{border:1px solid #dce4d6;border-radius:16px;grid-template-columns:1fr;gap:0;overflow:hidden}.l12-vocabulary-pair>.l12-reading{border:0;border-radius:0;padding:18px}.l12-vocabulary-pair>.l12-reading+article{background:#fbfcf8;border-top:1px solid #e4e9de}.l12-vocabulary-pair.is-word-only>.l12-reading{max-width:none}}.l12-hanzi ruby{ruby-position:under;ruby-align:center;text-align:center;min-width:1.25em;margin-inline:.04em;display:inline-block}.l12-hanzi rt{font:400 18px/1.6 var(--font-sans,system-ui,sans-serif);color:#a87551;text-align:center;letter-spacing:0;display:block}.l12-hanzi .study-word{white-space:normal}.l12 .l12-chunks>span{padding-bottom:3px}.l12-hanzi{line-height:2.3}.l12-hanzi:has(rt){margin-bottom:14px}.l12 .l12-display{color:#6b7c68;background:0 0;border-radius:0;gap:8px 20px;margin:10px 0 18px;padding:0;font-size:13px}.l12 .l12-display label{cursor:pointer;white-space:nowrap;gap:7px;min-height:40px;font-weight:400}.l12 .l12-display input{-webkit-appearance:none;appearance:none;cursor:pointer;background:#f1f4ed;border:1px solid #c7d1c0;border-radius:20px;flex:0 0 25px;width:25px;height:14px;margin:0;transition:background .12s,border-color .12s;position:relative}.l12 .l12-display input:before{content:"";background:#a3b29c;border-radius:50%;width:8px;height:8px;transition:transform .12s,background .12s;position:absolute;top:2px;left:2px}.l12 .l12-display input:checked{background:#dfe8d8;border-color:#a0b394}.l12 .l12-display input:checked:before{background:#52704f;transform:translate(11px)}.l12 .l12-display input:focus-visible{outline-offset:4px;outline:2px solid #779886}@media (prefers-reduced-motion:reduce){.l12 .l12-display input,.l12 .l12-display input:before{transition:none}}.lesson04-sessionbar{justify-content:space-between;align-items:center;gap:24px;max-width:850px;margin:0 auto 24px;display:flex}.lesson04-sessionbar h1{letter-spacing:-.035em;margin:8px 0 0;font-size:clamp(25px,3vw,34px);line-height:1.25}.lesson04-sessionbar h1:focus{outline:none}.lesson04-task-label{color:var(--muted);margin:20px 0 8px;font-size:12px}.lesson04-exercise h2{margin:8px 0 18px;font-size:24px;line-height:1.4}.lesson04-topic-samples{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.lesson04-topic-samples>span{gap:4px;display:grid}.lesson04-topic-samples strong{font-size:21px;font-weight:400}.lesson04-topic-samples small{font-size:12px}.lesson04-sessionbar label{color:var(--muted);gap:6px;max-width:260px;font-size:12px;display:grid}.lesson04-sessionbar select{border:1px solid var(--border);width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fff;border-radius:12px;padding:10px 12px;font-size:14px}.lesson04-focused .lesson04-exercise{padding:24px 32px}.lesson04-exercise .lesson04-pager{justify-content:space-between;margin-top:0}.lesson04-exercise h3{margin:16px 0;line-height:1.4}.lesson04-answer-tray{background:var(--sage);border:1px dashed #9bab91;border-radius:16px;min-height:112px;margin:18px 0 12px;padding:16px}.lesson04-tray-label{color:var(--green);font-size:12px;font-weight:600}.lesson04-answer-tray .course-actions{min-height:44px;margin-top:10px}.lesson04-placeholder{color:#64715d;font-size:14px}.lesson04-exercise .lesson04-blocks{margin-top:10px;margin-bottom:12px}.lesson04-exercise .lesson04-blocks button,.lesson04-exercise .lesson04-answer-tray button{min-width:58px;min-height:52px;padding:10px 16px;font-size:24px;line-height:1.3}.lesson04-answer-tray button{animation:.18s ease-out lesson04-place}.lesson04-feedback{background:var(--sage);border-radius:14px;margin-top:18px;padding:16px}.lesson04-feedback h3{margin:0 0 10px}.lesson04-feedback p[lang]{font-size:28px;line-height:1.6}.lesson04-navigation-note{color:var(--muted);margin-top:20px;font-size:12px}.lesson04-focused>.course-actions{max-width:100%;margin-top:0;margin-bottom:20px}.lesson04-focused>.course-actions label{min-width:0;max-width:100%}.lesson04-focused>.course-actions select{max-width:100%;min-height:44px}@keyframes lesson04-place{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:650px){.lesson04-sessionbar{align-items:flex-start;gap:12px;margin-bottom:16px}.lesson04-sessionbar h1{font-size:24px}.lesson04-sessionbar>div{flex:1;min-width:0}.lesson04-sessionbar label{width:42%;max-width:170px}.lesson04-sessionbar select{font-size:14px}.lesson04-focused .lesson04-exercise{padding:18px}.lesson04-exercise .lesson04-blocks button,.lesson04-exercise .lesson04-answer-tray button{padding:10px 12px;font-size:22px}.lesson04-answer-tray{padding:12px}.lesson04-exercise .course-options button{min-height:52px}.lesson04-focused .lesson04-pager{flex-wrap:nowrap}.lesson04-sessionbar .text-button{min-height:44px;font-size:12px}.lesson04-exercise h3{font-size:20px}}@media (prefers-reduced-motion:reduce){.lesson04-answer-tray button{animation:none}}.lesson05-topic-art{color:#355c4c;min-height:130px;font-size:2rem;font-family:var(--font-hanzi),serif;background:#edf2e7;border-radius:14px;justify-content:center;align-items:center;display:flex}.lesson05-hanzi{color:#355c4c;font-size:1.9rem;line-height:1.8}.lesson05-context{margin:24px 0}.lesson05-path{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.lesson05-path>div{background:#f0f4e9;border:1px solid #d5dfca;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:100px;padding:14px;display:flex}.lesson05-path [lang]{color:#355c4c;font-size:1.6rem}.lesson05-path small{text-align:center;font-size:.8rem}.lesson05-guided{padding:28px}.lesson05-guided h2{font-size:2rem}.lesson05-practice-filter{margin:0 0 18px;display:block}.lesson05-practice-filter select{color:#355c4c;background:#fff;border:1px solid #d5dfca;border-radius:10px;max-width:100%;margin-left:12px;padding:10px}.lesson05-picker{margin:16px 0 20px}.lesson05-picker label{flex:220px;align-items:center;gap:8px;display:flex}.lesson05-picker input{width:100%;min-height:44px}.lesson05-picker-rows{scroll-snap-type:x proximity;gap:10px;max-height:155px;padding:6px 2px 12px;display:flex;overflow:auto}.lesson05-picker-rows button{text-align:left;scroll-snap-align:start;background:#fff;border:1px solid #d8e2d2;border-radius:12px;flex-direction:column;flex:0 0 190px;align-items:flex-start;gap:5px;padding:12px 14px;display:flex}.lesson05-picker-rows button[aria-pressed=true]{background:#f1f5ed;border:2px solid #365e50}.lesson05-picker-rows strong{font-size:24px}.lesson05-picker-rows span,.lesson05-picker-rows small{font-size:14px;line-height:1.4}.lesson05-guided>.course-actions button{min-width:48px;font-size:22px}.video-study{max-width:1120px}.video-study .page-heading{margin-top:18px}.video-study .page-heading h1{font-size:clamp(28px,4vw,42px)}.video-study .course-tabs{flex-wrap:nowrap;overflow-x:auto}.video-help{color:#586d5f;font-size:15px;line-height:1.6}.video-chapter{margin:32px 0}.video-chapter>h2{font-size:26px}.video-passage{background:#fff;border:1px solid #dce4d5;border-radius:16px;margin:18px 0;padding:24px;scroll-margin-top:110px}.video-passage>header{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;display:flex}.video-passage>header>a{color:#5e725f;align-items:center;gap:6px;margin-left:auto;font-size:13px;display:inline-flex}.video-study .lesson05-hanzi{font:clamp(24px,3vw,32px)/1.9 Songti SC,serif}.video-passage>.pinyin{color:#987448;font-size:17px;line-height:1.8}.video-passage>p{font-size:17px;line-height:1.7}.video-passage .video-note{background:#faf7ef;border-left:3px solid #ca794d;padding:12px;font-size:14px}.video-grammar{margin:24px 0}.video-pattern{color:#365e50;font-size:27px;line-height:1.6}.video-materials{margin:24px 0;padding:26px}.video-materials p{line-height:1.8}.video-check{touch-action:pan-y;margin:24px 0}.video-check>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.video-check nav{gap:10px;display:flex}.video-options{grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;display:grid}.video-options button{text-align:left;white-space:normal;align-items:start;padding:18px;line-height:1.7}.video-options [lang]{font-size:22px}.video-options .selected{background:#f0f5ec;border:2px solid #365e50}.video-writing-dialog{color:#314d40;background:#fff;border:1px solid #d8e2d2;border-radius:20px;width:min(92vw,650px);max-height:92dvh;margin:auto;padding:24px;overflow-y:auto}.video-writing-dialog::backdrop{background:#17382a66}.video-writing-dialog>header{justify-content:space-between;align-items:center;gap:15px;display:flex}.video-writing-surface{aspect-ratio:1;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:1px solid #d8e2d2;border-radius:14px;width:min(100%,320px,45dvh);margin:20px auto;position:relative;overflow:hidden}.video-study input[type=search]{flex:1;min-width:180px;min-height:44px}.video-study button,.video-study a,.video-study .sp-dictionary button{min-height:44px}@media (max-width:650px){.video-options{grid-template-columns:1fr}.video-passage{padding:18px 14px}.video-check>header{flex-direction:column;align-items:flex-start}.video-study .course-actions select{max-width:100%}.video-writing-dialog{padding:16px}.video-study .course-tabs button{white-space:nowrap}}.situation-lab{max-width:1050px}.situation-lab .sl-heading h2:focus,.situation-lab .sl-summary h2:focus{outline:none}.situation-lab .page-heading small,.situation-lab .sl-task>small{color:#6b786f;line-height:1.6}.situation-lab .sl-phase{letter-spacing:.025em;color:#657366;margin:18px 0 9px;font-size:12px}.situation-lab .sl-scenario{align-items:flex-start;gap:15px;margin:25px 0 20px;display:flex}.situation-lab .sl-scenario>svg{color:#708762;flex:none;margin-top:8px}.situation-lab .sl-scenario .sl-phase{margin:0 0 8px}.situation-lab .sl-scenario div>p:last-child,.situation-lab .sl-scenario-copy{max-width:65ch;margin:0;font-size:20px;line-height:1.65}.situation-lab .sl-scenario-copy{margin:20px 0;font-size:16px}.situation-lab .sl-instruction{margin:20px 0 6px;font-size:16px}.situation-lab .sl-hints{border-top:1px solid #dce3d6;flex-wrap:wrap;gap:12px;margin:28px 0 10px;padding-top:14px;display:flex}.situation-lab .sl-hints button{min-height:40px;font-size:12px}.situation-lab .sl-support{border-left:3px solid #c8d5bd;margin:14px 0 24px;padding:3px 16px}.situation-lab .sl-support>p:first-child{color:#657366;font-size:12px}.situation-lab .sl-support p[lang]{font-size:23px;line-height:1.6}.situation-lab .sl-hint-piece{flex-wrap:wrap;align-items:baseline;gap:10px;margin:12px 0;font-size:14px;display:flex}.situation-lab .sl-hint-piece [lang]{font-size:24px}.situation-lab .sl-typed{margin:24px 0 5px}.situation-lab .sl-typed summary{cursor:pointer;min-height:40px;padding:10px 0;font-size:13px}.situation-lab .sl-typed p{max-width:65ch;font-size:12px;line-height:1.6}.situation-lab .sl-typed form{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.situation-lab .sl-typed label{font-size:13px}.situation-lab .sl-typed input{box-sizing:border-box;width:100%;max-width:620px;font:24px/1.5 var(--font-hanzi),serif;color:#29473d;background:#fffefb;border:1px solid #c8d5bd;border-radius:10px;padding:12px 14px}.situation-lab .sl-feedback{border-left:3px solid #a9ba98;margin:20px 0;padding:1px 16px;line-height:1.65}.situation-lab .sl-feedback p{overflow-wrap:anywhere}.situation-lab .sl-summary dl{margin:25px 0}.situation-lab .sl-summary dl>div{border-bottom:1px solid #dce3d6;justify-content:space-between;gap:20px;max-width:560px;padding:14px 0;display:flex}.situation-lab .sl-summary dd{font-variant-numeric:tabular-nums;margin:0}.situation-lab .sl-summary>p{font-size:12px;line-height:1.6}:is(.situation-lab button:focus-visible,.situation-lab input:focus-visible,.situation-lab summary:focus-visible){outline-offset:3px;outline:2px solid #728b61}@media (max-width:650px){.situation-lab .sl-scenario div>p:last-child{font-size:18px}.situation-lab .sl-scenario{gap:10px}.situation-lab .sl-hints{gap:5px 12px}.situation-lab .sl-hints button{padding:8px 0}.situation-lab .course-actions{flex-wrap:wrap}.situation-lab .course-actions>button{white-space:normal;max-width:100%}.situation-lab .sl-typed input{font-size:21px}}@media (prefers-reduced-motion:reduce){.situation-lab *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.situation-lab .sl-set{flex-wrap:wrap;align-items:end;gap:12px 20px;margin:0 0 24px;display:flex}.situation-lab .sl-set label{flex-direction:column;gap:8px;max-width:100%;font-size:14px;display:flex}.situation-lab .sl-set select{width:min(100%,380px);max-width:100%;min-height:44px;color:inherit;font:inherit;background:#fff;border:1px solid #d6dfcf;border-radius:10px;padding:10px 36px 10px 12px}.situation-lab .sl-set>small{color:#6b786f;max-width:45ch;font-size:12px;line-height:1.6}.situation-lab .sl-hint-piece button{place-items:center;min-width:44px;min-height:44px;display:grid}.situation-lab .sl-support{line-height:1.65}.situation-lab .sl-support p[lang]{font-family:var(--font-hanzi),serif}