.chunk-space{max-width:1100px}.chunk-space h1:focus{outline:none}.chunk-toolbar,.chunk-lesson-head,.chunk-lesson-head nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chunk-toolbar{margin:22px 0 14px}.chunk-space button[aria-pressed=true]{border-color:var(--forest,#355e50);color:#294a3f;background:#e3ebda}.chunk-progress{color:#697b70;margin-bottom:22px;font-size:14px}.chunk-patterns{scrollbar-width:thin;gap:9px;padding:0 0 16px;display:flex;overflow-x:auto}.chunk-patterns button{text-align:left;white-space:normal;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:6px;min-width:148px;max-width:190px;display:flex}.chunk-patterns small{letter-spacing:.13em;font-size:11px}.chunk-lesson,.chunk-recall{touch-action:pan-y;margin-top:10px;padding:28px;overflow:hidden}.chunk-lesson-head{justify-content:space-between;margin-bottom:24px}.chunk-lesson-head h2{margin:8px 0 0;font-size:25px}.chunk-translation{margin:0 0 22px;font-size:22px;line-height:1.45}.chunk-strip{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.chunk-piece{border:1px solid var(--chunk-line);background:var(--chunk-bg);border-top:4px solid var(--chunk-ink);color:#28483d;border-radius:16px;flex:170px;min-width:0;padding:16px 16px 42px;position:relative}.chunk-role-person{--chunk-bg:#eaf0e6;--chunk-line:#c9d7bf;--chunk-ink:#496347}.chunk-role-action{--chunk-bg:#e8eff3;--chunk-line:#c3d6e0;--chunk-ink:#375f78}.chunk-role-topic{--chunk-bg:#fbf0e3;--chunk-line:#e5cfad;--chunk-ink:#835e2a}.chunk-role-time{--chunk-bg:#f3ebf5;--chunk-line:#d9c8df;--chunk-ink:#775285}.chunk-role-place{--chunk-bg:#e6f1ef;--chunk-line:#bfd8d1;--chunk-ink:#33695f}.chunk-role-question{--chunk-bg:#fbeae4;--chunk-line:#e7c4b7;--chunk-ink:#a34b36}.chunk-role-reason{--chunk-bg:#f7f1dc;--chunk-line:#e0d4a8;--chunk-ink:#796422}.chunk-role-label{color:var(--chunk-ink);margin-bottom:15px;font-size:12px;font-weight:650;display:block}.chunk-hanzi{font-family:var(--font-chinese,serif);overflow-wrap:anywhere;font-size:30px;line-height:1.65}.chunk-piece p{margin:9px 0 0;font-size:14px;line-height:1.5}.chunk-piece .pinyin,.chunk-whole .pinyin{color:#846a32}.chunk-speaker{color:var(--chunk-ink);cursor:pointer;background:0 0;border:0;place-items:center;min-width:44px;min-height:40px;display:grid;position:absolute;bottom:5px;right:9px}.chunk-whole{border-top:1px solid #dde3d6;margin-top:22px;padding:20px 0 0}.chunk-whole>span{overflow-wrap:anywhere;font-size:29px;line-height:1.7}.chunk-whole .pinyin{margin:8px 0 16px;line-height:1.6}.chunk-whole button{align-items:center;gap:9px;display:inline-flex}.chunk-legend,.chunk-footer{color:#6e7c71;font-size:13px;line-height:1.6}.chunk-legend{margin:16px 0 26px}.chunk-swap{margin:30px 0}.chunk-swap h3{font-size:17px}.chunk-variants{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.chunk-variants button{text-align:left;white-space:normal;overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;display:flex}.chunk-variants [lang]{font-size:20px;line-height:1.5}.chunk-variants .pinyin,.chunk-variants small{font-size:12px;line-height:1.5}.chunk-note{background:#f4f6ef;border-left:3px solid #b8c7ab;border-radius:0 12px 12px 0;padding:4px 18px 14px;line-height:1.6}.chunk-note a{align-items:center;gap:8px;font-size:13px;display:inline-flex}.chunk-footer{margin-top:25px}.chunk-footer a{text-underline-offset:3px;text-decoration:underline}.chunk-prompt{margin:24px 0;font-size:26px;line-height:1.5}.chunk-role-hints{flex-wrap:wrap;gap:10px;display:flex}.chunk-role-hints span{background:var(--chunk-bg);border:1px solid var(--chunk-line);color:var(--chunk-ink);border-radius:10px;padding:9px 13px;font-size:12px}.chunk-input{flex-direction:column;gap:10px;margin:24px 0 18px;font-size:14px;display:flex}.chunk-input textarea{color:#294c40;resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #bdcbb3;border-radius:12px;width:100%;min-height:110px;padding:14px;font-size:23px}.chunk-input textarea:focus{outline-offset:2px;outline:2px solid #65846e}.chunk-feedback{border-top:1px solid #d9e1d3;margin-top:26px;padding-top:22px}.chunk-finish{margin-top:22px}.chunk-today-link{border-top:1px solid #dde4d5;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;padding-top:18px;display:flex}.chunk-today-link a{align-items:center;gap:9px;display:flex}.chunk-today-link span{color:#67796a;font-size:13px}@media (max-width:760px){.chunk-lesson,.chunk-recall{padding:18px}.chunk-variants{grid-template-columns:1fr}.chunk-piece{flex-basis:140px}.chunk-hanzi{font-size:28px}.chunk-prompt{font-size:23px}.chunk-translation{font-size:20px}.chunk-patterns button{min-width:140px}.chunk-whole>span{font-size:26px}}@media (prefers-reduced-motion:no-preference){.chunk-piece{animation:.2s ease-out chunk-appear}@keyframes chunk-appear{0%{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}}.chunk-swap-piece{border-left:3px solid var(--chunk-ink);box-sizing:border-box;flex-direction:column;gap:8px;width:100%;padding-left:10px;display:flex}.chunk-variants button{background:var(--chunk-bg,#fff)}.chunk-space .chunk-footer{text-align:left;padding:18px 0;font-family:inherit;font-style:normal;display:block}.chunk-space .chunk-footer p{margin:8px 0}.chunk-space .chunk-lesson>p:last-of-type{margin:20px 0 14px}.chunk-topic-tabs{flex-wrap:wrap;gap:9px;margin:22px 0;display:flex}.chunk-library>p{max-width:78ch;line-height:1.65}.chunk-filters{flex-wrap:wrap;align-items:end;gap:15px;margin:22px 0;display:flex}.chunk-filters label{flex-direction:column;flex:1;gap:8px;min-width:180px;font-size:13px;display:flex}.chunk-filters input,.chunk-filters select{font:inherit;color:#294a3f;box-sizing:border-box;background:#fff;border:1px solid #c8d4be;border-radius:10px;width:100%;min-height:44px;padding:10px 13px}.chunk-library-count{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:20px 0;display:flex}.chunk-library-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.chunk-library-row{background:#fff;border:1px solid #d8e1ce;border-radius:14px;flex-direction:column;justify-content:space-between;gap:14px;min-width:0;padding:18px;display:flex}.chunk-library-row.is-selected{background:#f4f7ee;border-color:#55765a}.chunk-library-row p{margin:7px 0;line-height:1.5}.chunk-library-row small{color:#697c6d;font-size:12px;line-height:1.5;display:block}.chunk-library-hanzi{overflow-wrap:anywhere;font-size:27px;line-height:1.65}.chunk-library-row .pinyin,.chunk-task-context .pinyin{color:#846a32}.chunk-row-actions{flex-wrap:wrap;gap:7px;display:flex}.chunk-row-actions button{min-height:44px;padding:10px;font-size:12px}.chunk-context,.chunk-cloze{touch-action:pan-y;margin:20px 0;padding:24px}.chunk-context h3{margin:0;font-size:24px}.chunk-context h3 small{color:#846a32;font-size:16px}.chunk-context details{margin-top:20px;font-size:13px}.chunk-context details a{margin:10px 0;text-decoration:underline;display:block}.chunk-context-parts,.chunk-cloze-sentence{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:7px;margin:20px 0;font-size:29px;line-height:1.9;display:flex}.chunk-target-piece{background:#fbf0e3;border-bottom:3px solid #b88749;border-radius:8px;padding:3px 9px}.chunk-context-piece{background:#eef3f4;border-radius:8px;padding:3px 7px}.chunk-task-context{padding:5px 0 20px;line-height:1.6}.chunk-cloze-hint{background:#f1f4e9;border-left:3px solid #93a680;border-radius:8px;padding:12px 16px}.chunk-blank{font:inherit;vertical-align:middle;flex-direction:column;gap:3px;max-width:100%;display:inline-flex}.chunk-blank span{color:#657b69;font:12px/1.4 sans-serif}.chunk-blank input{box-sizing:border-box;width:150px;max-width:100%;min-height:55px;font:inherit;color:#2b5043;background:#fffaf1;border:2px solid #b78a4c;border-radius:8px;padding:3px 9px}.chunk-blank input:focus{outline-offset:2px;outline:2px solid #416b57}.chunk-cloze .course-actions,.chunk-context .course-actions{flex-wrap:wrap;gap:10px;display:flex}.chunk-library .text-button{margin:16px 0}:is(.chunk-library button:focus-visible,.chunk-cloze button:focus-visible){outline-offset:3px;outline:2px solid #416b57}@media (max-width:700px){.chunk-library-rows{grid-template-columns:1fr}.chunk-context,.chunk-cloze{padding:17px}.chunk-context-parts,.chunk-cloze-sentence{font-size:26px}.chunk-filters label{min-width:130px}.chunk-topic-tabs button{font-size:13px}.chunk-blank input{width:130px}}.frame-learning-intro{background:#eef3e7;border:1px solid #d8e1ce;border-radius:16px;margin:22px 0;padding:22px}.frame-learning-intro>div{align-items:center;gap:10px;display:flex}.frame-learning-intro h3{margin:0;font-size:20px}.frame-learning-intro p{max-width:76ch;line-height:1.65}.frame-learning-intro ol{flex-wrap:wrap;gap:12px;margin:20px 0;padding:0;list-style:none;display:flex}.frame-learning-intro li{align-items:center;gap:8px;font-size:13px;display:flex}.frame-learning-intro li b{color:#406247;background:#fff;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.frame-teaching h4{margin:25px 0 12px;font-size:17px}.frame-scene{background:#f1f5ed;border-radius:12px;align-items:center;gap:16px;padding:19px;display:flex}.frame-scene>svg{color:#5a7759;flex-shrink:0}.frame-scene small{color:#65775d;font-size:12px}.frame-scene p{margin:6px 0 0;font-size:18px;line-height:1.55}.frame-explanation{max-width:82ch;line-height:1.75}.frame-relationship{grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin:22px 0 10px;display:grid}.frame-idea{text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:115px;padding:20px;display:flex}.frame-idea-a{background:#e8eff3;border:1px solid #c7d8df}.frame-idea-b{background:#fbf0e3;border:1px solid #e3d3b5}.frame-idea>span{color:#6c7d70;font-size:12px}.frame-idea strong{font-size:17px;line-height:1.45}.frame-link{color:#7c936d}.frame-link-mobile{display:none}.frame-visual-note{color:#72806d;font-size:12px;line-height:1.55}.frame-targets{flex-wrap:wrap;gap:14px;display:flex}.frame-target{background:#fff9ee;border:1px solid #e4cfad;border-radius:12px;flex-direction:column;align-items:center;gap:7px;min-width:145px;max-width:100%;padding:15px;display:flex}.frame-target>small{color:#8c795a;font-size:11px}.frame-target strong{font-size:31px;line-height:1.6}.frame-target .pinyin{color:#92763d}.frame-example-pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.frame-example-pair article{background:#fff;border:1px solid #dbe3d2;border-radius:14px;min-width:0;padding:18px}.frame-example-pair [lang]{overflow-wrap:anywhere;font-size:24px;line-height:1.95}.frame-example-pair .pinyin{color:#92763d;font-size:14px;line-height:1.6}.frame-example-pair p{line-height:1.65}.frame-fixed-piece{background:#f9ead6;border-bottom:2px solid #bd9357;border-radius:5px;padding:2px 4px}.frame-contrast{background:#eef3f4;border-left:3px solid #87a4ac;border-radius:10px;margin:23px 0;padding:17px;line-height:1.65}.frame-contrast p{margin:8px 0 0}.frame-bar{border-radius:4px 4px 0 0;width:24px}.frame-bar-a{background:#7295a2;height:45px}.frame-bar-b{background:#bc965e;height:28px}.frame-visual-contrast .frame-idea-b{border-style:dashed}.frame-visual-sequence .frame-idea>span{border:1px solid #b7c8a8;border-radius:50%;width:24px;height:24px;line-height:22px}@media (max-width:680px){.frame-learning-intro{padding:17px}.frame-example-pair{grid-template-columns:1fr}.frame-relationship{grid-template-columns:1fr;gap:8px}.frame-link{display:none}.frame-link-mobile{justify-self:center;display:block}.frame-idea{min-height:90px}.frame-target{flex:120px;min-width:0}.frame-scene{padding:15px}.frame-scene p{font-size:16px}}.frame-scene-icon{stroke-width:1.4px;color:#54756b}.frame-idea-b .frame-scene-icon{color:#a27e47}