.learning-board{min-height:380px;gap:21px;padding:22px 20px 26px;display:flex;flex-direction:column;align-items:center;width:100%}
.lesson-phases{display:flex;align-items:center;justify-content:center;gap:16px;font-size:12px;color:#99a291;letter-spacing:1px}.lesson-phases>span{display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:22px}.lesson-phases .ui-icon{width:20px;height:20px}.lesson-phases .active{background:var(--world-color);color:var(--world-ink);font-weight:700}.lesson-phases>i{width:38px;border-top:2px dotted #d8decd}
.teaching-card{position:relative;background:#fffef7;box-shadow:0 9px 0 #e6e8d8,0 15px 32px #58674a0b;border:2px solid #e4e8d9;border-radius:29px;min-width:310px;max-width:100%;padding:23px 42px;display:flex;flex-direction:column;align-items:center;gap:9px;min-height:232px}.teaching-picture{width:152px;height:152px;display:block}.teaching-word{font-size:28px;font-weight:750;letter-spacing:.5px;color:var(--world-ink)}.teaching-word[lang=en]{font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif}.card-speaker{position:absolute;right:15px;bottom:15px;background:var(--world-color);padding:10px;border-radius:50%}.card-speaker .ui-icon{width:20px;height:20px}.character-teaching{flex-direction:row;gap:30px;padding:24px 43px 32px}.picture-link .ui-icon{color:#b3baa3;width:31px;height:31px}.character-grid{width:151px;height:151px;background:linear-gradient(90deg,transparent calc(50% - .5px),#e4ddcc 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#e4ddcc 50%,transparent calc(50% + .5px)),#faf5e6;border:2px solid #e4ddcc;display:grid;place-items:center;border-radius:12px}.hanzi{font-family:"Kaiti SC","KaiTi","STKaiti","Songti SC",serif;font-size:96px;line-height:1.2;color:#435d51;font-weight:400}
.lesson-actions{display:flex;align-items:center;flex-direction:column;gap:15px}.learning-note{display:flex;align-items:center;gap:6px;font-size:11px;color:#8c9883}.learning-note .ui-icon{width:16px;height:16px}.lesson-start{min-height:52px;font-size:15px;padding:12px 24px;border-radius:18px}.lesson-start .ui-icon{width:24px;height:24px}.lesson-options{display:grid;grid-template-columns:repeat(var(--lesson-options,4),minmax(64px,138px));gap:18px;justify-content:center;max-width:100%;width:100%}.lesson-choice{position:relative;min-width:0;min-height:124px;padding:14px;border:2px solid #e3e8d8;border-radius:23px;background:#fffef6;box-shadow:0 5px 0 #e2e6d6;display:grid;place-items:center;transition:transform .18s,box-shadow .18s}.lesson-choice>.art{height:108px;width:100%;max-width:108px}.lesson-choice:hover{border-color:#b6c59e}.lesson-choice.correct{background:#e1efd7;border-color:#8cb17e}.lesson-choice.put-away{opacity:.25;box-shadow:none;transform:scale(.92)}.lesson-prompt{background:#f0f2e5;border:1px solid #e1e7d7;border-radius:25px;padding:12px 24px;display:flex;align-items:center;justify-content:center;gap:17px;min-height:70px;min-width:228px;font-size:12px;color:#7b8e77}.lesson-prompt>.ui-icon{width:40px;height:40px;color:var(--world-ink)}.lesson-prompt>.art{width:81px;height:81px}.lesson-prompt.life-prompt>.art{width:108px;height:108px}.hidden-picture{width:48px;height:48px;border:2px dashed #cbd3bd;border-radius:14px;display:grid;place-items:center;font-size:24px}.hidden-picture .art{width:44px;height:44px}.character-options .lesson-choice{min-height:128px;background:#fffbf0}.character-options .hanzi{font-size:76px}.relearn{font-size:11px;min-height:44px;gap:6px;background:#eef0e1}.relearn .ui-icon{width:23px;height:23px}
.routine-lesson{display:grid;grid-template-columns:repeat(4,minmax(70px,139px));gap:17px;max-width:100%;padding:10px 0}.routine-lesson:has(>:last-child:nth-child(3)){grid-template-columns:repeat(3,minmax(90px,159px))}.routine-study{position:relative;min-width:0;min-height:170px;display:flex;align-items:center;flex-direction:column;gap:7px;background:#fffef7;border:2px solid #e3e7d7;border-radius:23px;padding:12px;box-shadow:0 5px 0 #e1e6d5}.routine-study>b{align-self:flex-start;width:24px;height:24px;display:grid;place-items:center;background:var(--world-color);color:var(--world-ink);border-radius:50%;font-size:11px}.routine-study>.art{width:100%;height:98px}.routine-study>span:last-child>.ui-icon{width:20px;height:20px;color:var(--world-ink)}.speaking{outline:3px solid #d5b95d;outline-offset:4px}.paired-scene{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:106px}.paired-scene>.art{height:51px;width:70px}.paired-scene>.art:first-child{align-self:flex-start}.paired-scene>.art:nth-child(2){align-self:flex-end}.paired-scene>.ui-icon{position:absolute;width:20px;height:20px;right:3px;top:19px;transform:rotate(55deg);color:#94a086}.routine-track{display:flex;gap:20px;max-width:100%}.routine-slot{position:relative;width:110px;height:114px;border:2px dashed #d6dfc8;border-radius:19px;background:#f0f2e4;display:grid;place-items:center;padding:9px}.routine-slot>span:not(.paired-scene){font-size:22px;color:#c1c8ae}.routine-slot>.ui-icon{position:absolute;right:-19px;top:46px;width:16px;height:16px;color:#afbc9f}.routine-slot.current{border-color:#d8b557;background:#fcf2ce}.routine-slot.filled{border-style:solid;border-color:#b4c6a2}.routine-options{--lesson-options:4}.routine-options:has(>:last-child:nth-child(3)){--lesson-options:3}.routine-options .lesson-choice{min-height:124px}
@media(max-width:650px){.learning-board{padding:19px 7px;gap:22px;min-height:375px}.lesson-phases{font-size:10px;gap:8px}.lesson-phases>span{padding:7px 10px;gap:5px}.lesson-phases>i{width:22px}.teaching-card{min-width:226px;padding:18px 22px;min-height:214px}.teaching-picture{height:137px;width:137px}.teaching-word{font-size:22px}.character-teaching{gap:13px;min-height:180px;padding:24px 13px}.character-teaching .teaching-picture{width:80px;height:95px}.character-grid{width:98px;height:112px}.character-grid .hanzi{font-size:75px}.picture-link .ui-icon{width:20px;height:20px}.card-speaker{padding:7px;right:8px;bottom:6px}.card-speaker .ui-icon{width:16px;height:16px}.lesson-options{gap:10px;grid-template-columns:repeat(2,minmax(65px,113px))}.lesson-choice{min-height:102px;padding:10px;border-radius:19px}.lesson-choice>.art{height:81px}.lesson-prompt{padding:10px 17px;font-size:10px;gap:12px;min-width:210px}.lesson-prompt>.art{width:66px;height:66px}.lesson-prompt.life-prompt>.art{width:78px;height:78px}.lesson-prompt>.ui-icon{height:29px;width:29px}.character-options .lesson-choice{min-height:98px}.character-options .hanzi{font-size:66px}.lesson-start{font-size:13px;min-height:49px;padding:11px 19px}.learning-note{font-size:9px}.routine-lesson{grid-template-columns:repeat(2,minmax(88px,118px));gap:13px}.routine-lesson:has(>:last-child:nth-child(3)){grid-template-columns:repeat(3,minmax(55px,78px));gap:8px}.routine-study{padding:7px;min-height:139px;border-radius:16px;gap:5px}.routine-study>.art{height:82px}.routine-study>b{width:20px;height:20px;font-size:9px}.routine-study>span:last-child>.ui-icon{width:17px;height:17px}.routine-track{gap:8px;width:100%;justify-content:center}.routine-slot{width:calc((100% - 24px)/4);max-width:70px;height:76px;padding:4px;border-radius:13px}.routine-slot>.ui-icon{right:-9px;top:31px;width:8px;height:12px}.routine-slot .paired-scene{height:65px}.routine-slot .paired-scene>.art{height:32px;width:36px}.routine-slot .paired-scene>.ui-icon{width:12px;height:12px;top:14px}.routine-options{grid-template-columns:repeat(2,minmax(85px,111px))}.routine-options .lesson-choice{min-height:112px}.paired-scene{height:86px}.paired-scene>.art{width:48px;height:43px}.paired-scene>.ui-icon{width:14px;height:14px;right:0}.routine-lesson:has(>:last-child:nth-child(3)) .routine-study>.art{height:86px}}
@media(prefers-reduced-motion:reduce){.learning-board *{animation:none!important;transition:none!important}}