.learning-entry{width:100%;border:1px solid #d5dcb5;background:#eef2d5;border-radius:12px;padding:10px 12px;color:#526f5f;display:flex;justify-content:space-between;align-items:center;gap:10px;font:inherit;text-align:left;margin:8px 0}.learning-entry>span{font-size:14px;font-weight:800;white-space:nowrap}.learning-entry small{font-size:10px;line-height:1.5}.hint-button{background:#eef1df;border:1px solid #d6dec0;border-radius:9px;padding:6px 10px;font:inherit;font-size:11px;color:#667950;min-height:32px}.tutor-hint{background:#fff2c9;border-left:3px solid #dfbd69;padding:9px 11px;color:#77653e;font-size:12px;line-height:1.7;text-align:left;border-radius:5px;margin:8px 0}.question-content>.hint-button{padding:3px 8px;min-height:25px;font-size:10px;margin-top:3px}.question-content>.tutor-hint{font-size:11px;padding:5px 8px;margin:4px 0 0}#learningScreen{z-index:42}.learning-card{width:100%;max-height:96%;overflow:auto;padding:20px 17px}.learning-card>h2{font-size:23px;margin:5px 0}.learning-totals{font-size:10px!important;color:#819487!important;margin:7px 0 12px!important}.learning-tabs{display:flex;gap:5px}.learning-tabs button{flex:1;border:1px solid #d7e2d5;background:#f1f2e9;border-radius:10px;padding:10px 2px;font:inherit;font-size:12px;color:#648078;font-weight:700}.learning-tabs [aria-pressed=true]{background:#dcece5;border-color:#a8d0c3;color:#456c62}.study-settings{display:flex;gap:8px;margin:12px 0}.study-settings label{flex:1;text-align:left;font-size:10px;color:#6d8683;display:flex;flex-direction:column;gap:4px}.study-settings select{width:100%;min-height:34px;border:1px solid #d6decf;border-radius:9px;background:#fffdf5;color:#56716d;font:inherit;font-size:12px;padding:4px}.study-settings#pictureSettings label:first-child{flex:2}.learning-card>#studyTitle{font-size:18px;color:#46646c;margin:12px 0 5px}.learning-card>#studyPrompt{font-size:11px;line-height:1.6;margin:5px 0 10px}.puzzle-reference{display:flex;align-items:center;gap:9px;text-align:left;background:#f0f3e4;border-radius:10px;padding:5px 8px;margin-bottom:9px}.puzzle-reference img{width:76px;height:47px;object-fit:contain}.puzzle-reference span{font-size:10px;color:#7c907e;line-height:1.6}.picture-board{display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);aspect-ratio:1.8;background:#e3ead9;border:3px solid #c6d3b9;border-radius:10px;overflow:hidden;gap:2px}.puzzle-slot,.puzzle-piece{background-color:#f9f5e5;background-repeat:no-repeat;padding:0;border:1px dashed #c4cdb8;color:#95a58b;font:inherit;min-width:0;touch-action:none}.puzzle-slot.filled{border-color:transparent;background-color:#edf1df}.picture-tray{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:8px;margin:11px 0;min-height:25px}.puzzle-piece{aspect-ratio:1.8;border:2px solid #d7d3ba;border-radius:9px;min-height:52px;background-color:#fffae8}.puzzle-piece.selected,.word-piece.selected{outline:3px solid #e4b957;border-color:#e4b957}.word-clue{background:#eaf0df;border:2px solid #dbe5cd;border-radius:16px;padding:14px;margin:14px 0}.word-clue>span{font-size:54px;display:block}.word-clue strong{font-weight:500;font-size:22px;display:block;margin-top:10px;color:#4c7176}.word-slots,.word-tray{display:flex;justify-content:center;gap:12px;margin:14px 0}.word-slot,.word-piece{width:65px;height:65px;border-radius:12px;font:inherit;font-size:34px;touch-action:none}.word-slot{background:#e7ecda;border:2px dashed #c3cfb4;color:#a6b397}.word-slot.filled{background:#ddebdc;color:#53796a;border:2px solid #afcbb6}.word-piece{background:#fff0c2;border:2px solid #dfce97;color:#665c41;box-shadow:0 3px 0 #cebd8944}.word-knowledge{padding:10px 12px;background:#edf3df;border-radius:10px}.word-knowledge strong{font-size:21px;color:#587862}.word-knowledge p{font-size:12px;line-height:1.7;margin:5px 0}.learning-feedback{font-size:12px!important;line-height:1.7;color:#618270!important;min-height:22px;margin:10px 0!important}.study-question{font-size:27px;color:#48666f;margin:22px 0 16px}.study-bricks{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;max-width:230px;margin:10px auto}.study-brick{width:21px;height:17px;display:block;background:#e5b76c;border:1px solid #cda458;border-radius:3px;box-shadow:inset 0 -4px #cf9f4d;position:relative}.second-group .study-brick{background:#a9c9cb;box-shadow:inset 0 -4px #82b3b8;border-color:#8ab6bb}.taken-away{opacity:.4}.taken-away:after{content:'';position:absolute;width:25px;height:2px;background:#966a5d;left:-2px;top:7px;transform:rotate(-35deg)}.study-groups{display:flex;align-items:center;justify-content:center;gap:10px}.study-groups .study-bricks{max-width:110px;margin:5px}.study-groups b{color:#92a192}.study-answers{display:flex;gap:14px;justify-content:center;margin:20px 0}.study-answers button{min-width:90px;min-height:65px;border:2px solid #bad6d8;background:#e3f0f1;border-radius:15px;color:#4b7e8b;font:inherit;font-size:29px;font-weight:800}.study-answers button.correct{background:#dfedcf;border-color:#b1c994;color:#61854d}.study-answers button.incorrect{border-color:#d9ad97;color:#a47e69}.number-strategy{font-size:12px;line-height:1.7;background:#eff1e3;padding:15px;border-radius:12px}.study-finish{padding:35px 0;font-size:38px;color:#dfb656}.study-footer{display:flex;gap:8px;margin-top:12px}.study-footer button{flex:1;font-size:12px;padding:10px 2px;min-height:40px}.learning-card>.primary-button{margin-top:12px}.learning-storage{font-size:10px;line-height:1.6;display:block;color:#8e9e8c;margin-top:9px}#studyGhost{position:fixed;z-index:99;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 4px 5px #677a7355)}#studyGhost>*{display:block}.learning-card button:focus-visible{outline:3px solid #dbba68;outline-offset:2px}@media(max-height:740px){.learning-card{padding:14px}.learning-card>h2{font-size:20px}.learning-tabs button{padding:8px 2px}.word-clue{padding:9px;margin:10px 0}.word-clue>span{font-size:43px}.word-slot,.word-piece{height:55px;width:55px;font-size:29px}.study-question{margin:14px 0}.study-answers{margin:12px 0}.puzzle-reference img{height:35px}.learning-entry{padding:8px 10px}}
.picture-tray .puzzle-piece{aspect-ratio:calc(3.6 / var(--cols))}
.lesson-button{width:100%;padding:9px;border:1px solid #d9d7ac;background:#f5edcd;border-radius:10px;font:inherit;color:#7b7048;font-size:12px;text-align:left}.study-lesson{padding:12px 14px;background:#f7f3df;border-radius:10px;border:1px solid #e0d8b4;color:#6e704f;font-size:12px;line-height:1.8;text-align:left;margin:8px 0}.study-lesson strong{font-size:15px;color:#657548}.study-lesson p{margin:8px 0}.pinyin-study-question{font-size:23px;line-height:1.5}.pinyin-study-answers button{font-size:23px;min-width:0;flex:1;max-width:145px;word-break:break-word}.learning-tabs button{font-size:11px}.learning-card .number-strategy{font-size:11px}