:root{font-family:ui-rounded,'SF Pro Rounded','Avenir Next',system-ui,sans-serif;color:#233a50;background:#f7fafc;font-synthesis:none;--accent:#3679ab;--soft:#e6f3fc;--line:#dde8ef;--purple:#7968b2;--shadow:0 7px 24px #334c6510}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;touch-action:manipulation;color:inherit;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #375c96;outline-offset:4px}button:disabled{cursor:default;opacity:.5}button,input,select{min-height:48px}h1,h2,h3,p{margin:0}button{transition:background .15s}button:active{filter:brightness(.97)}.layout{display:grid;grid-template-columns:264px 1fr;min-height:100dvh}.sidebar{background:white;border-right:1px solid var(--line);padding:32px 24px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;gap:11px;align-items:center;font-weight:800;font-size:24px;letter-spacing:-.8px}.brand img{width:40px;height:40px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:1.8px;font-weight:750;color:#657b8b}.profiles{display:flex;background:#f3f5f8;padding:5px;border-radius:20px;gap:5px}.profile{flex:1;background:none;border-radius:15px;padding:10px 5px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:7px}.profile.active{background:#e7eefc;color:#3f6697;box-shadow:0 2px 6px #334d6510}.profile.ella.active{background:#efeafa;color:#71539c}.avatar{display:inline-grid;place-items:center;background:#bedafa;color:#33577b;width:29px;height:29px;border-radius:50%;font-size:15px}.ella .avatar{background:#ddc7f0;color:#6b488d}.routineNav{display:grid;gap:10px}.routineBtn{background:transparent;text-align:left;display:flex;align-items:center;gap:13px;padding:16px 13px;border-radius:17px;font-size:16px;font-weight:700;border:1px solid transparent}.routineBtn.active{background:var(--soft);border-color:#c5dced;color:#235c83}.routineBtn .navIcon{font-size:26px;width:32px;text-align:center}.routineBtn small{margin-left:auto;font-size:12px;color:#667b8e;font-weight:600}.sidebarFoot{margin-top:auto;display:grid;gap:10px}.parentBtn,.textButton{background:transparent;color:#64778a;font-size:14px;padding:10px;border-radius:12px;text-align:left}.parentBtn{display:flex;align-items:center;gap:10px}.sidebarNote{font-size:12px;line-height:1.7;color:#6c7f8d;padding:0 10px}.content{padding:32px 46px 30px;max-width:1400px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:24px}.date{font-size:14px;color:#6d7f8e;margin-top:7px}h1{font-size:32px;letter-spacing:-1.2px;font-weight:800}.dailyCount{background:#fff5db;border:1px solid #f2dfab;border-radius:18px;padding:12px 18px;font-weight:700;display:flex;align-items:center;gap:9px;font-size:17px}.dailyCount span{font-size:26px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:28px;margin-bottom:26px}.tab{background:none;padding:12px 0 16px;color:#718391;font-size:15px;font-weight:700;border-bottom:3px solid transparent}.tab.active{color:#345f80;border-color:#5485b1}.sectionHeading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:17px}.sectionHeading h2{font-size:21px;letter-spacing:-.5px}.muted{color:#6c7f8f;font-size:14px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.firstCard{border:1px solid #bfd9ec;border-radius:26px;background:var(--soft);padding:24px;box-shadow:var(--shadow);overflow:hidden}.cardHeading{display:flex;align-items:center;justify-content:space-between}.badge{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:800;letter-spacing:1px;background:#fff9;padding:8px 13px;border-radius:11px}.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.stepText{font-size:13px;color:#657f95}.taskPicture{min-height:172px;display:flex;align-items:center;justify-content:center;margin:12px 0 14px}.taskPicture .emoji{font-size:112px;filter:drop-shadow(0 8px 8px #34546d12);line-height:1.3}.taskPicture img{height:172px;width:220px;object-fit:contain;border-radius:20px}.taskTitle{text-align:center;font-size:29px;letter-spacing:-.9px;margin-bottom:10px}.instruction{text-align:center;line-height:1.6;color:#47657c;font-size:17px;min-height:55px;max-width:340px;margin:0 auto 20px;white-space:pre-line}.complete{display:flex;justify-content:center;gap:10px;align-items:center;width:100%;background:var(--accent);color:#fff;padding:18px;border-radius:15px;font-weight:750;font-size:19px;min-height:62px;box-shadow:0 4px 0 #265b8320}.complete svg{width:24px;height:24px}.thenCard{margin-top:15px;background:white;border:1px solid var(--line);border-radius:20px;padding:18px 21px;display:flex;gap:16px;align-items:center}.thenCard .miniPicture{font-size:41px;width:60px;text-align:center}.thenCard img{width:60px;height:60px;object-fit:contain;border-radius:9px}.thenLabel{font-size:12px;font-weight:800;letter-spacing:1.5px;color:#6a7e8e;margin-bottom:5px}.thenTitle{font-size:18px;font-weight:750}.thenHint{margin-left:auto;color:#94a6b3}.rewardCard{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px 22px;text-align:center;box-shadow:var(--shadow)}.rewardCard .eyebrow{font-size:11px;letter-spacing:1.5px}.rewardPicture{font-size:61px;margin:24px 0 13px}.rewardCard h3{font-size:21px;letter-spacing:-.5px;line-height:1.35}.rewardCard .rewardDesc{font-size:13px;color:#718495;line-height:1.5;margin:9px 0 19px}.stars{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:0 auto 15px;max-width:235px}.star{color:#cbd5dd;font-size:30px;line-height:1}.star.earned{color:#d9991e}.rewardProgress{font-size:14px;font-weight:700;color:#61768a}.rewardMessage{border-radius:14px;background:#f4f8fa;padding:13px;margin-top:19px;font-size:13px;line-height:1.5;color:#61798d}.helpCard{display:flex;align-items:center;gap:12px;background:transparent;width:100%;border:1px dashed #c7d8e3;border-radius:17px;margin-top:17px;padding:18px 14px;text-align:left;font-weight:600;font-size:14px;color:#5b7183}.helpCard span:first-child{font-size:24px}.sequence{margin-top:28px}.sequenceHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.sequenceHead h3{font-size:16px;font-weight:750}.sequenceHead span{font-size:12px;color:#758b9a}.sequenceList{display:flex;gap:12px;overflow-x:auto;padding-bottom:9px}.sequenceItem{min-width:99px;flex:1;text-align:center;padding:16px 8px 13px;border:1px solid var(--line);background:white;border-radius:17px;position:relative;color:#657b8e}.sequenceItem.current{border:2px solid var(--accent);background:var(--soft);padding:15px 7px 12px;color:#305f84}.sequenceItem.done{background:#edf5f0;border-color:#c9e0d2}.sequenceItem .seqPicture{font-size:30px;height:47px;display:flex;align-items:center;justify-content:center}.sequenceItem img{height:40px;width:46px;object-fit:contain}.sequenceItem .seqName{font-size:12px;font-weight:700;line-height:1.35}.doneMark{position:absolute;top:4px;right:6px;font-size:12px;color:#4c8064}.footer{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:26px;font-size:13px;color:#7f919e}.undo{background:none;text-decoration:underline;color:#557a94;font-size:13px;min-height:38px}.firstThenFocus .workspace{grid-template-columns:1fr 1fr}.firstThenFocus .rewardColumn{display:none}.firstThenFocus .thenCard{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:440px;background:#f0ecfa;border-color:#dbd1ec;padding:24px}.firstThenFocus .thenCard .miniPicture{font-size:100px;width:auto;margin:38px 0 20px}.firstThenFocus .thenCard img{height:172px;width:220px;object-fit:contain}.firstThenFocus .thenTitle{font-size:29px}.firstThenFocus .thenLabel{font-size:13px;border-radius:12px;background:white;padding:9px 15px}.firstThenFocus .thenHint{display:none}.firstThenFocus .sequence{display:none}.bigStars{background:#fff;border:1px solid var(--line);border-radius:26px;padding:35px;text-align:center;max-width:680px;margin:0 auto}.bigStars .rewardPicture{font-size:85px}.bigStars h2{font-size:28px}.bigStars .stars{margin-top:25px;max-width:450px}.bigStars .star{font-size:45px}.summaryRoutines{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.summaryRoutine{background:#f5f8fa;border-radius:15px;padding:17px;text-align:left;font-size:14px}.summaryRoutine strong{display:block;margin-bottom:8px}.finishTitle{font-size:27px}.finishCard .taskPicture{min-height:180px}.secondary{background:white;border:1px solid var(--line);border-radius:12px;padding:12px 17px;font-weight:700;font-size:14px}.primary{background:var(--accent);color:white;border-radius:12px;padding:12px 18px;font-weight:700}.danger{background:#fceeed;color:#a0433e;border:1px solid #eac7c3;border-radius:12px;padding:12px;font-size:14px}dialog{border:0;border-radius:26px;padding:0;width:min(780px,calc(100% - 28px));max-height:90dvh;color:#233a50;box-shadow:0 24px 80px #263d5b40}dialog::backdrop{background:#263d5b5c;backdrop-filter:blur(4px)}.modalHeader{padding:22px 26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}.modalHeader h2{font-size:22px}.close{width:48px;background:#f1f5f8;border-radius:50%;font-size:24px}.modalBody{padding:25px}.modalBody p{font-size:15px;line-height:1.6;color:#64798a;margin-bottom:20px}.settingSection{margin:22px 0;border-top:1px solid var(--line);padding-top:22px}.settingSection h3{font-size:18px;margin-bottom:16px}.field{display:grid;gap:8px;margin-bottom:16px;font-size:14px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #ccdae4;border-radius:12px;padding:12px;background:white;color:#233a50;font-weight:500}.field textarea{min-height:90px;resize:vertical}.fieldRow{display:grid;grid-template-columns:1fr 1fr;gap:15px}.toggleRow{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;font-size:15px}.toggleRow input{width:25px;min-height:25px;accent-color:var(--accent)}.editorTask{background:#f5f8fa;border:1px solid var(--line);border-radius:17px;padding:16px;margin-bottom:14px}.editorTaskHead{display:flex;gap:8px;align-items:center;margin-bottom:12px}.editorTaskHead strong{margin-right:auto}.smallBtn{min-height:40px;min-width:42px;border-radius:10px;background:white;border:1px solid var(--line);padding:5px 9px;font-size:14px}.photoRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px}.photoInput{max-width:100%;min-height:40px}.editorTask .fieldRow{grid-template-columns:80px 1fr}.modalActions{padding:20px 25px;background:#fff;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:flex-end;position:sticky;bottom:0}.lockBody{text-align:center;padding:35px}.lockBody .lockIcon{font-size:50px;margin-bottom:18px}.lockBody p{margin:15px 0 20px}.holdButton{background:var(--accent);color:#fff;border-radius:15px;padding:18px 25px;font-weight:750;user-select:none;-webkit-user-select:none;min-width:235px}.holdButton.holding{background:#245575}.quietBadge{font-size:12px;color:#77899a;display:flex;gap:6px;align-items:center}.emptyNotice{text-align:center;padding:25px}.flash{animation:gentle .35s ease-out}@keyframes gentle{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#263e54;color:white;border-radius:14px;padding:13px 21px;box-shadow:var(--shadow);opacity:0;pointer-events:none;font-size:14px;z-index:100;max-width:90%;text-align:center}#toast.show{opacity:1}.noMotion *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1500px){.content{padding:45px 60px}.taskPicture{min-height:220px}.taskPicture .emoji{font-size:135px}}@media(max-width:1150px){.layout{grid-template-columns:215px 1fr}.sidebar{padding:28px 17px}.content{padding:28px}.workspace{grid-template-columns:minmax(0,1fr) 235px;gap:17px}.rewardCard{padding:22px 15px}.sequenceItem{min-width:83px}.routineBtn{padding:14px 9px;font-size:14px}.brand{font-size:22px}}@media(max-width:900px){.layout{grid-template-columns:180px 1fr}.sidebar{padding:25px 12px}.content{padding:24px 21px}.workspace{grid-template-columns:minmax(0,1fr) 205px;gap:14px}.firstCard{padding:19px}.brand{font-size:19px;gap:5px}.brand img{width:32px}.profiles{flex-direction:column}.routineBtn{gap:7px;font-size:13px}.routineBtn small{display:none}.rewardCard h3{font-size:18px}.taskTitle{font-size:26px}h1{font-size:28px}.dailyCount{padding:9px 12px;font-size:14px}.instruction{font-size:16px}.taskPicture{min-height:150px}.taskPicture .emoji{font-size:96px}.taskPicture img{height:150px;width:180px}}@media(max-width:700px){.layout{display:block}.sidebar{padding:17px 18px;gap:16px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto}.profiles{flex-direction:row;width:190px}.sidebar .eyebrow{display:none}.routineNav{grid-column:1/-1;display:flex;gap:7px;overflow-x:auto}.routineBtn{flex:1;min-width:87px;display:flex;flex-direction:column;gap:6px;padding:11px 6px;font-size:11px;white-space:nowrap}.routineBtn .navIcon{font-size:24px}.sidebarFoot{position:absolute;right:18px;bottom:12px;display:block}.sidebarNote,.sidebarFoot .textButton{display:none}.sidebarFoot .parentBtn{font-size:12px;min-height:40px}.content{padding:23px 18px 65px}.workspace{display:flex;flex-direction:column}.taskColumn,.rewardColumn{width:100%}.rewardColumn .rewardCard{margin-top:10px}.rewardCard .rewardPicture{font-size:45px;margin:12px 0}.rewardCard .rewardDesc{margin:7px 0 12px}.helpCard{display:none}.topbar{align-items:flex-start}h1{font-size:27px}.dailyCount{font-size:13px;gap:5px;padding:8px 10px}.dailyCount span{font-size:20px}.tabs{gap:24px}.tab{font-size:14px}.firstCard{padding:22px}.taskPicture{min-height:150px}.taskPicture .emoji{font-size:105px}.rewardMessage{margin-top:10px}.footer{justify-content:flex-start}.firstThenFocus .workspace{display:grid;grid-template-columns:1fr}.firstThenFocus .thenCard{min-height:210px}.firstThenFocus .thenCard .miniPicture{font-size:65px;margin:15px 0}.firstThenFocus .thenTitle{font-size:24px}.firstThenFocus .thenCard img{height:100px}.fieldRow{grid-template-columns:1fr}.bigStars{padding:24px}.modalBody{padding:20px}.modalHeader{padding:18px 20px}.quietBadge{display:none}.sidebar{position:relative}.sidebarFoot{position:fixed;bottom:8px;background:#f7fafce8;border-radius:10px;z-index:10}.date{font-size:12px}.brand{font-size:20px}.profiles{width:177px}.profile{font-size:13px}}@media(max-width:370px){.brand{font-size:17px}.profiles{width:148px}.avatar{width:24px;height:24px}.profile{gap:3px}}
@media(min-width:701px) and (max-height:850px){.content{padding-top:24px;padding-bottom:20px}.topbar{margin-bottom:14px}.tabs{margin-bottom:18px}.sectionHeading{margin-bottom:12px}.firstCard{padding:18px 22px}.taskPicture{min-height:105px;height:105px;margin:8px 0 10px}.taskPicture .emoji{font-size:83px}.taskPicture img{height:105px;width:150px}.taskTitle{font-size:26px;margin-bottom:7px}.instruction{margin-bottom:12px;font-size:16px;min-height:52px}.complete{padding:14px;min-height:56px}.thenCard{padding:13px 18px;margin-top:12px}.sequence{margin-top:19px}.sequenceItem{padding-top:10px;padding-bottom:10px}.sequenceItem.current{padding-top:9px;padding-bottom:9px}.sequenceItem .seqPicture{height:38px}.footer{margin-top:16px}.rewardPicture{margin:19px 0 12px}.firstThenFocus .thenCard{min-height:358px}.firstThenFocus .thenCard img{height:150px}}
@media(max-width:700px){.sidebar{grid-template-columns:minmax(0,1fr) auto;column-gap:12px}.sidebar>div:nth-child(3){grid-column:1/-1;min-width:0}.sidebar>div:nth-child(2){min-width:0}.brand{white-space:nowrap;font-size:19px}.routineNav{min-width:0}.sequenceList{max-width:100%}}
.childIdentity{display:flex;align-items:center;gap:12px;padding:13px;background:#e6f0fa;border-radius:18px}.childIdentity.ella{background:#eee9f8}.childIdentity img{width:45px;height:45px;border-radius:13px}.childIdentity .eyebrow{font-size:10px;letter-spacing:1.1px;margin-bottom:5px}.childIdentity strong{font-size:18px}.launcher{min-height:100dvh;max-width:820px;margin:auto;padding:70px 30px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:23px}.launcher h1{margin-top:30px;font-size:35px}.launcher>p{font-size:17px;color:#637a8d;line-height:1.6}.appChoices{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;margin:15px 0}.appChoice{color:#233a50;text-decoration:none;padding:35px 22px;border:1px solid #c7dbea;background:#e6f3fc;border-radius:26px;display:grid;justify-items:center;gap:15px;box-shadow:var(--shadow)}.appChoice.ella{background:#eee9f8;border-color:#d8cce9}.appChoice img{width:100px;height:100px;border-radius:25px}.appChoice h2{font-size:27px}.appChoice span{font-size:15px;color:#586f84}.appChoice:focus-visible{outline:3px solid #375c96;outline-offset:4px}.launcher .launcherNote{font-size:14px}@media(max-width:700px){.childIdentity{padding:8px;gap:8px}.childIdentity img{width:35px;height:35px}.childIdentity .eyebrow{display:none}.childIdentity strong{font-size:16px}.launcher{padding:35px 20px}.launcher h1{font-size:29px}.appChoices{gap:13px}.appChoice{padding:25px 12px}.appChoice h2{font-size:23px}.appChoice img{width:80px;height:80px}}
.learningNav{margin-top:16px;border-top:1px solid var(--line);padding-top:15px}.learningNav .routineBtn{width:100%}.learningIntro{font-size:17px;color:#647b8e;margin:10px 0 25px}.learningChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.learningActivity{padding:32px 17px 24px;background:white;border:1px solid var(--line);border-radius:24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;min-height:280px;box-shadow:var(--shadow)}.learningActivityIcon{font-size:64px;line-height:1.3;margin-bottom:10px}.learningActivity strong{font-size:21px}.learningActivity>span:not(.learningActivityIcon){font-size:15px;color:#637b8e;line-height:1.5}.learningActivity small{font-size:13px;color:#6d8192;background:#f1f6fa;border-radius:10px;padding:7px 12px;margin-top:auto}.learningFoot{font-size:14px;color:#6c8293;text-align:center;margin-top:30px;line-height:1.7}.learningGame{background:var(--soft);border:1px solid #c7daea;border-radius:26px;padding:25px;max-width:730px;margin:auto;text-align:center;box-shadow:var(--shadow)}.learningGameHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.learningGame h2{font-size:27px;line-height:1.3;letter-spacing:-.6px}.learningTarget{display:flex;align-items:center;justify-content:center;min-height:180px;padding:25px 0}.shapePicture{display:block;width:90px;height:90px;border:3px solid #213d5120}.shapePicture.blue{background:#3685c3}.shapePicture.yellow{background:#f1bc36}.shapePicture.purple{background:#8963b7}.shapePicture.green{background:#40947f}.shapePicture.circle{border-radius:50%}.shapePicture.square{border-radius:7px}.shapePicture.triangle{clip-path:polygon(50% 0,100% 100%,0 100%);border:0}.shapePicture.diamond{transform:rotate(45deg);width:67px;height:67px;border-radius:5px}.learningAnswers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.learningAnswer{position:relative;min-height:146px;padding:20px 10px;background:#fff;border:2px solid #d7e3ed;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.learningAnswer .shapePicture{width:61px;height:61px}.learningAnswer .shapePicture.diamond{width:47px;height:47px}.answerLabel{font-size:14px;font-weight:650;color:#5c7385}.learningAnswer.answerFound{border-color:#4b8673;background:#f6fffa;opacity:1}.answerCheck{position:absolute;top:8px;right:13px;color:#38705c;font-size:23px;font-weight:750}.learningAnswer:disabled{opacity:.75}.numberPicture,.letterChoice{font-size:56px;font-weight:750;line-height:1.2}.letterPicture{font-size:115px;font-weight:750;line-height:1.2}.learningFeedback{font-size:17px;color:#47667d;line-height:1.5;min-height:52px;margin-top:22px}.learningNext{max-width:350px;margin:auto}.learningNextSpace{height:60px}.learningStop{background:none;color:#557488;font-size:14px;margin-top:13px;text-decoration:underline;min-height:40px}.countPictures{display:flex;flex-wrap:wrap;max-width:425px;justify-content:center;gap:8px}.countApple{position:relative;background:none;font-size:52px;min-width:62px;min-height:70px;padding:2px;border-radius:15px;border:2px solid transparent}.countApple.counted{background:#ffffff90;border-color:#aac9df}.countBadge{position:absolute;bottom:-4px;right:-2px;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:16px;font-weight:750}.countHint{font-size:14px;color:#5d7a8e;margin:-12px 0 19px}.learningFinishIcon{font-size:96px;margin:30px 0 20px}.learningFinished p{font-size:18px;line-height:1.6;color:#5d7a8e;margin:17px 0 30px}.learningFinished .primary,.learningFinished .secondary{display:block;margin:15px auto;min-width:230px}.learningFinished{padding-bottom:45px}.content.learningContent .tabs{display:none}.content.learningContent .topbar{margin-bottom:28px}@media(max-width:1100px){.learningChoices{gap:12px}.learningActivity{padding:26px 12px}.learningActivity strong{font-size:19px}.learningActivityIcon{font-size:55px}}@media(max-width:700px){.sidebar .learningNav{grid-column:1/-1;margin:0;padding:0;border:0}.learningNav .routineBtn{flex-direction:row;min-width:0;padding:10px 13px;justify-content:center;font-size:14px;min-height:46px}.learningChoices{grid-template-columns:1fr;gap:14px}.learningActivity{min-height:150px;display:grid;grid-template-columns:65px 1fr;align-items:center;text-align:left;gap:5px 15px;padding:20px}.learningActivityIcon{grid-column:1;grid-row:1/4;font-size:48px;margin:0}.learningActivity strong,.learningActivity>span:not(.learningActivityIcon),.learningActivity small{grid-column:2}.learningActivity small{margin:5px 0 0;width:max-content}.learningGame{padding:20px 16px}.learningGame h2{font-size:24px}.learningTarget{min-height:150px;padding:20px 0}.learningAnswers{gap:9px}.learningAnswer{min-height:120px;padding:18px 7px;gap:14px}.learningAnswer .shapePicture{width:47px;height:47px}.learningAnswer .shapePicture.diamond{width:37px;height:37px}.answerLabel{font-size:12px}.countApple{font-size:43px;min-width:51px;min-height:60px}.numberPicture,.letterChoice{font-size:48px}.letterPicture{font-size:95px}.learningFeedback{font-size:16px}.content.learningContent .topbar{margin-bottom:25px}}
@media(min-width:701px) and (max-height:850px){.learningGame{padding:20px 24px}.learningGameHeader{margin-bottom:12px}.learningTarget{min-height:120px;padding:15px 0}.learningAnswer{min-height:115px;padding:15px 8px;gap:13px}.learningFeedback{min-height:44px;margin-top:16px}.learningStop{margin-top:8px}.content.learningContent .topbar{margin-bottom:22px}.countApple{font-size:45px;min-height:60px;min-width:56px}.letterPicture{font-size:93px}}
.mathEquation{font-size:72px;font-weight:800;line-height:1.2;letter-spacing:1px}.mathEquation>span{font-size:48px;font-weight:500;color:#668298}.mathQuestionWords{font-size:17px;line-height:1.6;color:#4b6c84;margin-top:10px}.mathAnswerNumber{font-size:36px;font-weight:750;line-height:1.2}.mathMeaning{background:#ffffffb0;border:1px solid #d3e3ed;border-radius:18px;padding:18px;margin:15px 0 20px}.mathMeaning p{font-size:15px;line-height:1.7;color:#45677f}.mathGroups{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0}.mathGroup{border:1px solid #b9d0e0;background:#edf6fb;border-radius:12px;padding:12px 9px;min-width:70px;display:grid;gap:4px}.mathGroup strong{font-size:24px}.mathGroup span{font-size:11px;color:#617e92}.mathAddition{overflow-wrap:anywhere}.learningGame:has(.mathEquation) .learningAnswers{margin-top:18px}.mathWorking{padding:18px;background:#f8fffb;border:1px solid #c4dfd2;border-radius:18px;margin-top:18px;color:#3c6754}.mathWorking>strong{font-size:15px}.mathWorkingParts{display:flex;justify-content:center;gap:12px;margin:14px 0}.mathWorkingParts div{background:#fff;border:1px solid #d6e8df;border-radius:12px;padding:10px;min-width:90px;font-size:15px;line-height:1.6}.mathWorkingParts strong{display:block;font-size:22px}.mathWorking p{font-size:16px;line-height:1.6}.countryPicture{display:grid;justify-items:center;gap:14px}.countryPicture>span{font-size:85px}.countryPicture strong{font-size:26px}.cityAnswer{font-size:23px;font-weight:750}.artStudio{background:white;border:1px solid var(--line);padding:24px;border-radius:24px;box-shadow:var(--shadow)}.artStudio h2{font-size:24px}.artTools{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:18px}.penSwatch{width:49px;height:49px;background:white;border:2px solid transparent;border-radius:50%;display:grid;place-items:center}.penSwatch>span{display:block;width:30px;height:30px;background:var(--pen);border-radius:50%}.penSwatch.selected{border-color:#314c65}.artTools .selected{outline:2px solid #314c65}.artStudio canvas{width:100%;height:auto;aspect-ratio:5/3;border:2px solid #d3e0e9;border-radius:13px;touch-action:none;display:block;background:white;cursor:crosshair}.artActions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:18px}.artStudio .learningFoot{margin-top:17px}.musicPicture,.dancePicture{font-size:100px;margin:30px 0 25px;line-height:1.3}.musicStudio>p{color:#617e93;line-height:1.6;font-size:17px}.musicKeys{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:25px 0 20px}.musicKey{background:white;border:2px solid #c7dbe8;border-bottom:6px solid #b4cbdc;border-radius:12px;min-height:120px;display:grid;align-content:end;gap:15px;padding:15px 5px}.musicKey span{font-size:25px;font-weight:750}.musicKey small{font-size:12px;color:#718797}.musicKey:active{background:#d7ebf7;border-bottom-width:2px}.dancePicture{margin-top:40px}.learningChoices{grid-template-columns:repeat(3,minmax(0,1fr))}.content.learningContent{min-width:0}.learningActivity{min-height:250px}@media(max-width:1000px){.mathEquation{font-size:58px}.mathAnswerNumber{font-size:30px}.artStudio{padding:20px}.musicKeys{gap:5px}.musicKey{min-height:105px}.cityAnswer{font-size:20px}}@media(max-width:700px){.learningChoices{grid-template-columns:1fr}.learningActivity{min-height:140px}.mathEquation{font-size:52px}.mathEquation>span{font-size:34px}.mathAnswerNumber{font-size:27px}.mathGroup{min-width:65px}.mathQuestionWords{font-size:16px}.mathWorkingParts{gap:7px}.mathWorkingParts div{padding:8px;min-width:0;flex:1}.mathWorkingParts strong{font-size:20px}.cityAnswer{font-size:19px}.countryPicture>span{font-size:65px}.artStudio{padding:18px 13px}.artStudio h2{font-size:20px}.artTools{gap:5px}.artTools .secondary{font-size:13px;padding:10px}.penSwatch{width:43px;height:43px;min-height:43px}.penSwatch>span{width:27px;height:27px}.artActions .primary,.artActions .secondary{font-size:14px;padding:10px}.musicKeys{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.musicKey{min-height:90px}.musicPicture,.dancePicture{font-size:85px;margin:25px 0}.learningActivityIcon{font-size:48px}}@media(min-width:701px) and (max-height:850px){.learningActivity{min-height:210px;padding:22px 13px}.learningActivityIcon{font-size:50px;margin-bottom:3px}.musicPicture{font-size:70px;margin:12px 0}.dancePicture{font-size:90px;margin-top:15px}.mathEquation{font-size:60px}}
.pictureGallery,.homeworkHelper{max-width:920px;margin:auto}.galleryFilters{display:flex;gap:12px;margin:22px 0}.galleryFilters .selected{background:var(--soft);border-color:var(--accent);color:var(--accent)}.pictureGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pictureTile{position:relative;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:var(--shadow);overflow:hidden}.pictureOpen{display:flex;flex-direction:column;width:100%;text-align:left;background:white;gap:10px;padding:0 0 18px}.pictureOpen img{width:100%;aspect-ratio:5/3;object-fit:contain;background:white;border-bottom:1px solid var(--line)}.pictureOpen strong{font-size:17px;padding:0 17px;overflow-wrap:anywhere;padding-right:47px}.pictureOpen>span{font-size:13px;color:#71889a;padding:0 17px}.pictureFavourite{position:absolute;bottom:12px;right:9px;min-height:42px;min-width:42px;border-radius:50%;background:#f4f7fb;color:#8065ac;font-size:25px}.pictureFavourite[aria-pressed=true]{background:#eee7f8}.galleryEmpty{text-align:center;padding:55px 15px;border:1px dashed #c2d5e5;background:#ffffff70;border-radius:23px}.galleryEmpty>span{font-size:67px;display:block;margin-bottom:22px}.galleryEmpty h3{font-size:23px;margin-bottom:13px}.galleryEmpty p{font-size:16px;color:#637e92;line-height:1.6}.pictureDetail{border:1px solid var(--line);background:white;border-radius:25px;padding:24px}.savedPicture{display:block;width:100%;aspect-ratio:5/3;object-fit:contain;border:1px solid var(--line);border-radius:15px}.pictureNameRow{display:flex;gap:16px;align-items:center;margin:22px 0 15px}.pictureNameRow .field{flex:1;margin:0}.pictureNameRow button{margin-top:25px}.galleryError{background:#fff7e5;border:1px solid #e6d2a2;padding:18px;border-radius:15px;font-size:15px;line-height:1.6;margin:18px 0}.galleryError button{display:block;margin-top:12px}.artName{margin-top:18px;max-width:420px}.homeworkHelper{background:white;border:1px solid var(--line);padding:25px;border-radius:25px;box-shadow:var(--shadow)}.homeworkHelper>h2{font-size:28px;letter-spacing:-.5px;margin-bottom:23px}.homeworkQuestion{border:1px solid #cbdfed;background:var(--soft);padding:20px;border-radius:18px;margin-bottom:23px}.homeworkQuestion>p{font-size:18px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.questionWord{min-height:38px;display:inline;background:white;border:1px solid #b9d2e5;border-radius:9px;padding:0 7px;font-weight:700;color:#35658c}.homeworkQuestion details{margin-top:13px}.homeworkQuestion summary{cursor:pointer;min-height:40px;font-size:14px;color:#557791;display:list-item;padding:10px 0;list-style-position:inside}.homeworkQuestion .field{margin-top:12px}.wordChoices{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:23px}.wordChoice{background:#f5f8fb;border:1px solid #d6e2eb;border-radius:12px;padding:10px 14px;font-size:15px;font-weight:650}.wordChoice.selected{background:var(--accent);border-color:var(--accent);color:white}.wordExplanation{border:1px solid #d6e3ec;background:#f8fbfd;border-radius:22px;padding:26px;text-align:center}.wordExplanation h3{font-size:27px;letter-spacing:-.6px}.wordMeaning{font-size:19px;line-height:1.6;margin:12px 0 18px;color:#456b85}.smallExampleLabel{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;font-weight:700;color:#6c8191;margin-top:20px}.wordDiagram{display:flex;align-items:center;justify-content:center;padding:20px 0 15px}.wordGroups{display:flex;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap}.wordBag{background:white;border:2px solid #b7d0e2;border-radius:15px;padding:15px;max-width:170px}.wordBag>div{display:grid;grid-template-columns:1fr 1fr;gap:4px;justify-items:center}.wordBag>span{display:block;font-size:13px;color:#5f7f96;margin-top:10px}.wordCounter{display:inline-flex;align-items:center;justify-content:center;font-size:34px;width:44px;height:48px;line-height:1.3}.wordSymbol{font-size:33px;font-weight:700;color:#67869d}.wordCaption{font-size:15px;color:#5d7b91;line-height:1.6;margin-bottom:18px}.wordExample{background:white;border:1px solid var(--line);border-radius:16px;padding:18px}.wordExample p{font-size:16px;line-height:1.6;color:#52748e}.wordExample strong{display:block;font-size:25px;color:#305976;letter-spacing:.5px;margin-top:12px}.compareRows{display:grid;gap:10px}.compareRows>div{display:flex;gap:4px}.extraCounter{border-radius:10px;background:#fff0c7;border:1px solid #e5c777}.emptyCounter{display:inline-block;width:44px;height:48px;border:1px dashed #cbd9e3;border-radius:9px}.usedCounter{opacity:.38;text-decoration:line-through;filter:grayscale(1)}.leftCounters{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;max-width:410px}.wordHelpButton{display:block;margin:12px auto 0}.questionWord:focus-visible{outline-offset:2px}@media(max-width:1000px){.pictureGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.wordBag{padding:12px}.wordGroups{gap:9px}.wordCounter{font-size:29px;width:36px;height:43px}.emptyCounter{width:36px;height:43px}.wordExplanation{padding:20px}}@media(max-width:700px){.pictureGrid{gap:12px}.pictureOpen strong{font-size:15px;padding-left:13px}.pictureOpen>span{padding-left:13px}.pictureFavourite{right:5px;bottom:7px;min-width:38px;min-height:38px;font-size:23px}.pictureGallery .sectionHeading{align-items:flex-start;gap:9px}.pictureGallery .sectionHeading h2{font-size:20px}.pictureGallery .sectionHeading .primary{font-size:13px;padding:10px 12px}.pictureDetail{padding:16px}.pictureDetail .learningGameHeader{align-items:flex-start}.pictureDetail .secondary{padding:10px;font-size:12px}.pictureNameRow{gap:10px}.homeworkHelper{padding:20px 15px}.homeworkHelper .learningGameHeader{flex-wrap:wrap}.homeworkHelper>h2{font-size:25px}.homeworkQuestion{padding:15px}.homeworkQuestion>p{font-size:16px}.wordChoice{font-size:14px;padding:10px 12px}.wordExplanation{padding:20px 12px}.wordMeaning{font-size:17px}.wordCounter{font-size:26px;width:32px;height:38px}.emptyCounter{width:32px;height:38px}.compareRows>div{gap:2px}.wordBag{padding:10px;max-width:110px}.wordBag>span{font-size:12px}.wordGroups{gap:7px}.wordExample p{font-size:15px}.wordExample strong{font-size:23px}.wordChoices{gap:7px}}

/* Real artwork references and a quiet, untimed drawing space. */
.artStyleGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.artStyleCard{display:flex;flex-direction:column;padding:0;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;text-align:left;box-shadow:var(--shadow)}.styleThumbnail{width:100%;height:180px;object-fit:contain;background:#eef2f3;padding:10px}.styleCardText{display:grid;gap:6px;padding:18px}.styleCardText strong{font-size:21px}.styleCardText>span{font-size:14px;color:#587084}.styleCardText small{font-size:15px;color:#647a8c}.artExplorer>h2{font-size:30px;margin:18px 0 8px}.artArtist{font-size:15px;line-height:1.6;color:#5c7181;margin:6px 0 14px}.museumArtwork{display:block;object-fit:contain;width:100%;max-height:460px;background:#eef2f3;border-radius:16px;padding:12px}.artExplorer>.museumArtwork{margin-top:20px}.artNotice{display:flex;align-items:center;gap:14px;padding:18px;background:var(--soft);border:1px solid var(--line);border-radius:16px;margin:18px 0}.artNotice>span{font-size:28px}.artNotice>div{flex:1}.artNotice small{color:#566f80;display:block;margin-bottom:5px;font-size:13px}.artNotice p{font-size:18px;line-height:1.4;font-weight:650}.artNotice .secondary{font-size:14px;flex-shrink:0}.artIdea,.artCloseLook,.artCredit{margin:14px 0;color:#536e80;font-size:15px}.artIdea summary,.artCloseLook summary,.artCredit summary{cursor:pointer;min-height:48px;display:list-item;align-content:center;font-weight:650}.artIdea p,.artCredit p{line-height:1.6;padding:8px 0}.artCredit a{color:var(--accent);line-height:1.8}.drawBeside{margin:8px 0 12px;min-height:56px}.artWorkspace.withReference{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);gap:24px;align-items:start}.artReference{padding:18px;background:#fff;border:1px solid var(--line);border-radius:20px}.artReference h3{font-size:22px}.artReference .museumArtwork{max-height:310px;padding:8px}.artReference .artNotice{flex-wrap:wrap;padding:12px;gap:10px}.artReference .artNotice>div{min-width:130px}.artReference .artNotice .secondary{margin-left:auto}.artReference .artNotice p{font-size:16px}.drawingPanel{min-width:0}.withReference .artTools{gap:8px;margin-top:0}.withReference .penSwatch{width:44px;height:48px;min-width:44px}.withReference #drawingCanvas{min-height:0;aspect-ratio:5/3;height:auto}.withReference .artActions{flex-wrap:wrap}.artZoomScroll{overflow:auto;max-height:350px;border:1px solid var(--line);border-radius:14px;-webkit-overflow-scrolling:touch}.artZoomScroll .museumArtwork{width:200%;max-width:none;max-height:none;padding:0;border-radius:0}.pictureInspiration{font-size:15px;line-height:1.5;color:#647a8c;margin:14px 0}.artExplorer,.artStudio{max-width:1100px;margin:0 auto}
@media(max-width:1100px){.artStyleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.artWorkspace.withReference{gap:16px;grid-template-columns:minmax(215px,.8fr) minmax(0,1.2fr)}}
@media(max-width:760px){.artWorkspace.withReference{grid-template-columns:1fr}.artReference .museumArtwork{max-height:240px}.artStyleGrid{gap:12px}.styleThumbnail{height:140px}.styleCardText{padding:14px}.styleCardText strong{font-size:18px}.styleCardText>span{font-size:13px}.artNotice{flex-wrap:wrap}.artNotice .secondary{margin-left:auto}.museumArtwork{max-height:350px}}
@media(max-width:400px){.artStyleGrid{grid-template-columns:1fr}}

@media(min-width:761px) and (max-width:900px){.artWorkspace.withReference{grid-template-columns:1fr}.artReference .museumArtwork{max-height:240px}}

@media(min-width:701px) and (max-width:900px){.artReference{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;padding:16px}.referencePicture .museumArtwork{max-height:220px}.referenceHelp .artNotice{margin-top:0}.referenceHelp .artIdea,.referenceHelp .artCloseLook,.referenceHelp .artCredit{margin:0}.referenceHelp summary{font-size:14px}.referenceHelp .artNotice p{font-size:16px}.artReference h3{font-size:20px}}

/* Finger-first studio controls and simple instructional geometry. */
[hidden]{display:none!important}.studioMainTools{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px}.studioMainTools .secondary{padding:12px 15px}.studioMainTools .selected,.studioOptions .selected{background:var(--soft);box-shadow:inset 0 0 0 2px var(--accent);color:var(--accent)}.studioColours{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:8px;margin-bottom:16px}.studioColours .penSwatch{width:100%;height:48px;min-width:44px;min-height:48px}.studioColours .penSwatch>span{border:1px solid #b8c4cf}.customColour{grid-column:span 3;display:flex;gap:10px;align-items:center;font-size:14px;font-weight:650;padding-left:7px}.customColour input{width:52px;height:48px;min-height:48px;padding:3px;border:1px solid var(--line);border-radius:12px;background:#fff}.studioSettings{display:flex;flex-wrap:wrap;gap:12px 20px;margin:8px 0 18px}.studioSettings>div>span{display:block;font-size:13px;font-weight:700;color:#617789;margin-bottom:7px}.studioOptions{display:flex;gap:6px;flex-wrap:wrap}.studioOptions .secondary{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;padding:10px;min-height:48px}.studioOptions i{display:block;width:var(--dot);height:var(--dot);min-width:var(--dot);background:currentColor;border-radius:50%}.drawingSaveStatus{font-size:14px;line-height:1.6;color:#4a7463;margin:12px 0 0}.drawingSaveStatus.saveProblem{color:#a2463e}.artStudio #drawingCanvas{height:auto;aspect-ratio:5/3;touch-action:none;user-select:none}.artStudio #drawingCanvas[aria-disabled=true]{opacity:.5;pointer-events:none}.lessonGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.lessonCard{display:grid;justify-items:start;gap:12px;text-align:left;background:white;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow)}.lessonCard>span:first-child{font-size:45px}.lessonCard strong{font-size:22px}.lessonCard>span{font-size:16px;line-height:1.5;color:#5f7484}.lessonCard small{font-size:14px;color:#647a8c}.artLessons>h2{font-size:30px;margin-top:20px}.lessonDetail{max-width:680px;margin:0 auto}.lessonPanel{margin-top:18px}.lessonTop{display:flex;justify-content:space-between;gap:12px;align-items:center}.lessonTop h3{font-size:25px}.lessonTop>span{font-size:14px;color:#677c8a;white-space:nowrap}.lessonInstruction{padding:20px;background:var(--soft);border:1px solid var(--line);border-radius:18px;margin:20px 0}.lessonInstruction small{font-size:14px;font-weight:750;color:#5c7181;display:block;margin-bottom:9px}.lessonInstruction p{font-size:19px;line-height:1.6;font-weight:600}.lessonStepButtons{display:flex;justify-content:space-between;gap:12px;margin:16px 0}.lessonDetail>.primary{margin:16px 0;min-height:56px}.lessonPermission{font-size:14px;color:#5d7588;line-height:1.6;margin:14px 0}.lessonReference .lessonPanel{margin-top:0}.lessonReference .lessonTop h3{font-size:22px}.lessonReference .lessonInstruction{padding:16px;margin:14px 0}.lessonReference .lessonInstruction p{font-size:16px}.lessonReference .formDemo{padding:18px 6px}.lessonReference .ballScene{width:160px}.lessonReference .shadedBall{width:105px;height:105px}.lessonReference .formDemo .flatDemo span{width:72px;height:72px}.lessonReference .formArrow{font-size:24px}.lessonReference .textureDemo{gap:10px;padding:24px 0}.lessonReference .textureSquare{width:65px;height:80px}.lessonReference .textureDemo small{font-size:12px}.lessonReference .lessonLight{margin:2px 0}.formDemo{display:flex;justify-content:center;align-items:center;gap:20px;min-height:215px;background:#f3f6fa;border-radius:20px;padding:24px;margin:20px 0 12px}.ballScene{position:relative;width:220px;min-height:180px;display:grid;justify-items:center;align-content:center;padding-top:25px}.lightSource{position:absolute;left:0;top:0;font-size:35px}.shadedBall{position:relative;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 28% 26%,#f0f6ff 0%,#b7cce7 26%,#6788b5 56%,#344d70 81%,#425a7c 100%);border:1px solid #56749330}.castShadow{position:absolute;bottom:23px;left:42%;width:55%;height:19%;border-radius:50%;background:radial-gradient(ellipse,#33496365 0%,#52698318 62%,transparent 73%)}.ballScene>small{position:relative;display:block;padding-top:14px;color:#576b80;font-size:14px}.lightRight .lightSource{left:auto;right:0}.lightRight .shadedBall{background:radial-gradient(circle at 72% 26%,#f0f6ff 0%,#b7cce7 26%,#6788b5 56%,#344d70 81%,#425a7c 100%)}.lightRight .castShadow{left:3%}.flatDemo{display:grid;justify-items:center;gap:15px}.flatDemo span{width:90px;height:90px;background:#8eacd4;border-radius:50%}.flatDemo small{font-size:14px;color:#576b80}.formArrow{font-size:35px;color:#8395a6}.textureDemo{display:flex;justify-content:center;gap:24px;padding:32px 12px;background:#f3f6fa;border-radius:20px;margin:20px 0 12px}.textureDemo>div{display:grid;justify-items:center;gap:14px}.textureSquare{display:block;width:100px;height:125px;border-radius:12px;border:1px solid #c9d7e5;background-color:#fff}.textureDemo small{font-size:14px;color:#576b80}.textureSquare.dots{background-image:radial-gradient(#587798 1.8px,transparent 2px);background-size:12px 12px}.textureSquare.lines{background-image:repeating-linear-gradient(60deg,transparent 0 10px,#587798 11px 12px)}.textureSquare.cross{background-image:repeating-linear-gradient(60deg,transparent 0 10px,#587798 11px 12px),repeating-linear-gradient(-60deg,transparent 0 10px,#587798 11px 12px)}.textureSquare.textureDense{position:relative;overflow:hidden}.textureDense:after{content:'';position:absolute;left:0;right:0;bottom:0;height:50%;background:inherit;transform:translate(5px,4px);border-top:1px dashed #9eb3c8}.sculptureDemo{display:flex;gap:40px;justify-content:center;align-items:end;min-height:230px;background:#f3f6fa;border-radius:20px;margin:20px 0;padding:28px 10px}.paperModel,.clayModel{position:relative;width:150px;height:160px}.modelBase{position:absolute;left:0;bottom:35px;width:150px;height:28px;background:#d3b892;transform:skewX(-20deg);border-bottom:8px solid #ba9d76}.paperArch{position:absolute;z-index:1;left:20px;bottom:55px;width:100px;height:90px;border-radius:80px 80px 0 0;border:16px solid #e6b840;border-bottom:0;transform:skewX(-12deg);box-shadow:4px -1px 0 #be942a}.paperModel small,.clayModel small{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:14px;color:#576b80}.clayBall{position:absolute;left:0;bottom:36px;width:85px;height:85px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#e5d6ef,#967baa 70%,#806495)}.clayColumn{position:absolute;right:2px;bottom:36px;width:60px;height:115px;border-radius:50% / 12%;background:linear-gradient(90deg,#6e9c99,#b0d1c4 45%,#57837b);border-top:12px solid #c7ded6}.lessonLight{margin-bottom:8px}
@media(max-width:900px){.studioMainTools .secondary{font-size:14px;padding:10px}.studioSettings{gap:14px}.artReference.lessonReference{display:block}.lessonReference .lessonPanel{display:block}.lessonReference .formDemo{min-height:160px}.lessonReference .lessonTop h3{font-size:22px}}
@media(max-width:700px){.lessonGrid{grid-template-columns:1fr}.lessonCard{padding:22px}.studioColours{grid-template-columns:repeat(6,minmax(40px,1fr));gap:5px}.textureDemo{gap:10px}.textureSquare{width:72px;height:105px}.textureDemo small{font-size:12px}.formDemo{gap:10px;padding:20px 6px}.ballScene{width:160px}.shadedBall{width:110px;height:110px}.flatDemo span{width:70px;height:70px}.formArrow{font-size:25px}.sculptureDemo{gap:20px}.paperModel,.clayModel{transform:scale(.85);width:130px}.customColour{font-size:13px}.lessonInstruction p{font-size:17px}}
.lessonTop h3{flex:1;min-width:0;line-height:1.35}.lessonTop>span{padding-top:4px}.lessonReference .lessonTop h3{font-size:20px}

.photoInspirationBar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:14px 0 22px}.photoInspirationBar>span{font-size:14px;color:#64798a}.photoPick{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;overflow:hidden;cursor:pointer}.photoPick input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.photoPick:focus-within{outline:3px solid var(--accent);outline-offset:3px}.inspirationPhoto{display:block;width:100%;max-height:420px;object-fit:contain;background:#f5f8fa;border-radius:15px;margin:15px 0}.photoReference p{line-height:1.6;color:#64798a}.photoReference h3{overflow-wrap:anywhere}.artActions{flex-wrap:wrap}.backupChoices{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.backupSummary{background:var(--soft);padding:22px;border-radius:18px;margin:20px 0}.backupSummary p:last-child{margin-bottom:0}.backupError{color:#a0433e!important}.backupStatus{line-height:1.6;min-height:30px}.backupNote{font-size:13px!important}.backupPage .photoPick{background:#fff}.photoReference .learningFoot{font-size:12px}

.downloadReady{background:var(--soft);padding:18px;border-radius:15px;margin-top:18px;display:flex;align-items:center;flex-wrap:wrap;gap:14px}.downloadReady p{margin:0!important;font-size:14px}.downloadReady a{display:inline-flex;align-items:center;min-height:48px;text-decoration:none}.downloadReady a:focus-visible{outline:3px solid #233a50;outline-offset:3px}
/* A screen-sized studio, with controls tucked above the paper rather than around it. */
.studioFocusHeader{display:none}.drawingInspiration:empty{display:none}.drawingSurface{min-width:0}.artStudio #drawingCanvas,.withReference #drawingCanvas{aspect-ratio:var(--paperRatio,1.666667)}.normalStudioHeader{flex-wrap:wrap}.studioSaveBar .learningFoot:empty{display:none}.drawingIsExpanded{overflow:hidden;overscroll-behavior:none}.drawingIsExpanded .sidebar,.drawingIsExpanded .topbar,.drawingIsExpanded .content>.footer,.drawingIsExpanded .tabs{visibility:hidden;pointer-events:none}.drawingIsExpanded #toast{z-index:100}.drawingExpanded.artStudio{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:#eaf0f5;box-shadow:none;z-index:30;display:flex;flex-direction:column;overflow:hidden}.drawingExpanded .normalStudioHeader{display:none}.drawingExpanded .studioFocusHeader{display:flex;align-items:center;gap:12px;justify-content:space-between;background:#fff;border-bottom:1px solid #d5e0e9;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));padding-top:max(8px,env(safe-area-inset-top));flex-shrink:0;z-index:2}.studioFocusHeader h2{font-size:20px;flex:1;margin-left:10px}.focusTools{display:flex;align-items:center;gap:8px}.studioFocusHeader .secondary{min-height:48px;padding:10px 14px}.focusToolButton{display:flex;align-items:center;gap:9px}.currentPen{width:22px;height:22px;border:1px solid #bdcbd6;border-radius:50%}.drawingExpanded .artWorkspace,.drawingExpanded .artWorkspace.withReference{display:flex;flex:1;min-height:0;gap:0;padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.drawingExpanded .drawingPanel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0}.drawingExpanded .drawingSurface{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;min-width:0;overflow:hidden}.drawingExpanded #drawingCanvas{flex:none;max-width:100%;max-height:100%;min-height:0;border:1px solid #cbd9e4;border-radius:6px;box-shadow:0 2px 8px #304e6510;aspect-ratio:var(--paperRatio,1.666667)}.drawingExpanded .studioSaveBar{flex-shrink:0;min-height:28px;padding:4px 8px;display:flex;align-items:center;justify-content:center;gap:10px}.drawingExpanded .drawingSaveStatus{font-size:12px;line-height:1.4;margin:0}.drawingExpanded .studioSaveBar .learningFoot{margin:0}.drawingExpanded .studioSaveBar button{min-height:44px}.drawingExpanded .studioToolbox{display:none;position:absolute;z-index:3;top:76px;right:max(12px,env(safe-area-inset-right));width:min(430px,calc(100% - 24px));max-height:calc(100dvh - 100px - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;background:white;padding:20px;border:1px solid #c7d7e4;border-radius:20px;box-shadow:0 12px 40px #29455d30}.drawingExpanded.toolsOpen .studioToolbox{display:block}.drawingExpanded .photoInspirationBar{margin:0 0 16px}.drawingExpanded .studioMainTools{margin:0 0 16px}.drawingExpanded .studioSettings{gap:12px}.drawingExpanded .artActions{justify-content:flex-start;gap:10px}.drawingExpanded .drawingInspiration{display:none;position:absolute;z-index:3;right:max(12px,env(safe-area-inset-right));top:76px;width:min(360px,calc(100% - 24px));max-height:calc(100dvh - 100px - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;border-radius:20px;box-shadow:0 12px 40px #29455d30}.drawingExpanded.inspirationOpen .drawingInspiration{display:block}.drawingExpanded .artReference{border-color:#c7d7e4}.drawingExpanded .downloadReady{margin-top:16px}.drawingExpanded .studioColours{grid-template-columns:repeat(6,minmax(40px,1fr))}.drawingExpanded .studioColours .penSwatch{width:100%}.drawingExpanded.toolsOpen .studioFocusHeader [aria-label="Undo last mark"]{display:none}@media(max-width:700px){.studioFocusHeader h2{display:none}.studioFocusHeader .secondary{font-size:13px;padding:10px 11px}.drawingExpanded .studioFocusHeader{gap:6px}.focusTools{gap:6px}.drawingExpanded .studioToolbox{padding:16px}.drawingExpanded .drawingInspiration .museumArtwork{max-height:280px}}
/* The creative tools live in folding panels, leaving the main drawing view quiet. */
.drawingSurface{position:relative;overflow:hidden}.artStudio #drawingCanvas{transform-origin:center;will-change:transform}.artStudio #drawingCanvas.moveView{cursor:grab}.studioZoomBar{position:absolute;z-index:2;left:12px;bottom:12px;display:flex;align-items:center;gap:5px;background:#ffffffed;padding:5px;border:1px solid #cad9e5;border-radius:14px;box-shadow:0 3px 12px #29455d16}.studioZoomBar .smallBtn{min-height:44px;background:white}.studioZoomBar .selected{background:var(--soft);color:var(--accent);border-color:var(--accent)}.studioZoomBar span{min-width:42px;text-align:center;font-size:12px;color:#4d687b;font-weight:700}.studioLayerSection,.traceTools{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.studioLayerSection h3,.traceTools h3{font-size:17px;margin-bottom:10px}.studioLayerSection p,.traceTools p{font-size:13px;line-height:1.6;color:#617b8e;margin:8px 0 14px}.studioLayers{display:grid;gap:8px}.studioLayer{display:flex;gap:7px;align-items:center;border-radius:13px;padding:4px;background:#f4f7fa}.studioLayer.selected{background:var(--soft);box-shadow:inset 0 0 0 1px var(--accent)}.studioLayer .secondary{flex:1;text-align:left;min-height:48px}.studioLayer .smallBtn{min-width:44px;min-height:44px}.traceTools .studioOptions{margin-top:12px}.drawingBookInfo{padding:14px;border:1px solid var(--line);background:var(--soft);border-radius:14px;display:grid;gap:12px;margin-top:18px}.drawingBookInfo strong{font-size:14px;overflow-wrap:anywhere}.galleryExtras{display:flex;flex-wrap:wrap;gap:14px;margin:22px 0}.newSketchbook{border:1px solid var(--line);background:white;border-radius:14px;padding:0 16px;align-self:start;min-width:220px}.newSketchbook summary{min-height:48px;cursor:pointer;align-content:center;font-size:14px;font-weight:700}.newSketchbook[open]{padding-bottom:16px}.newSketchbook .field{margin-top:15px}.sketchbookGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.sketchbookCard{background:var(--soft);border:1px solid #c9dbe9;border-radius:18px;padding:20px;display:grid;text-align:left;gap:10px;overflow-wrap:anywhere}.sketchbookCard>span{font-size:35px}.sketchbookCard strong{font-size:18px}.sketchbookCard small{color:#637c8f}.bookPageNav{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:20px 0}.bookPageNav strong{font-size:15px;text-align:center}.pictureBookChoice{padding:18px;background:#f3f7fa;border-radius:15px;margin-top:20px}.savedPicture{aspect-ratio:auto;max-height:70dvh;object-fit:contain}.creativeLessonDiagram{width:100%;height:auto;max-height:270px;display:block;margin:20px 0}.colourLessonDiagram{padding:24px 12px;background:#f4f7fa;border-radius:18px;margin:20px 0}.paintMix{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.paintMix span{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;color:white;font-size:13px;font-weight:700}.paintMix b{font-size:24px;color:#617b8e}.colourGroups{display:grid;grid-template-columns:1fr 1fr;gap:18px}.colourGroups>div{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.colourGroups span{width:40px;height:40px;border-radius:50%}.colourGroups strong{flex-basis:100%;text-align:center;margin-top:6px;font-size:14px}.lessonReference .creativeLessonDiagram{max-height:230px}.lessonReference .paintMix{gap:6px}.lessonReference .paintMix span{width:60px;height:60px}@media(max-width:700px){.studioZoomBar{left:8px;bottom:8px;gap:3px;padding:4px}.studioZoomBar .smallBtn{font-size:12px;padding:5px 8px}.sketchbookGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sketchbookCard{padding:16px}.bookPageNav{gap:8px}.bookPageNav .secondary{font-size:12px}.paintMix{gap:8px}.paintMix span{width:64px;height:64px}}
/* Extra drawing choices stay inside the folded toolbox. */
.creativeTools{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #e1e8f0;padding-top:16px;margin-top:14px}.creativeTools>p{width:100%;font-size:13px;color:#62768a;margin:0}.creativeTools>button{flex:1 1 145px;min-height:48px}.favouriteSetup,.pageIdeas,.pageWords{width:100%;padding:14px 0;border-top:1px solid #e1e8f0;margin-top:16px}.favouriteSetup summary,.pageIdeas summary,.pageWords summary{min-height:44px;cursor:pointer;font-weight:700;display:flex;align-items:center}.favouriteChecks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.favouriteChecks label{display:flex;align-items:center;gap:8px;min-height:48px;border:1px solid #d9e2ec;border-radius:12px;padding:9px;font-size:13px}.favouriteChecks input{width:22px;height:22px;accent-color:var(--accent)}.favouriteChecks i{width:18px;height:18px;border-radius:50%;border:1px solid #b6c7d8}.pageIdeaButtons,.galleryPageStarters{display:flex;gap:10px;flex-wrap:wrap}.galleryPageStarters{margin:14px 0}.panelWords{padding:14px 0;border-top:1px solid #edf1f5}.panelWords .field{margin-top:12px}.drawingReplay{position:absolute;top:12px;left:12px;right:12px;z-index:2;max-width:650px;margin:auto;padding:16px;border:1px solid #bfcedd;border-radius:18px;background:#fffffff5;box-shadow:0 6px 20px #29455d20;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.drawingReplay>div{display:flex;gap:8px;flex-wrap:wrap;width:100%}.drawingReplay button{min-height:48px}.drawingReplay small{color:#667a8e}.drawingReplay span{margin-left:auto}.studioMainTools [aria-pressed=true],.creativeTools [aria-pressed=true]{border-color:var(--accent);background:var(--soft)}@media(max-width:700px){.drawingReplay{padding:12px;left:4px;right:4px;top:4px}.drawingReplay button{font-size:13px;padding:10px}.favouriteChecks{grid-template-columns:1fr 1fr}}

.studioZoomBar.templateZoom{position:static;flex-shrink:0;align-self:flex-start;margin:4px 0 0;max-width:100%;flex-wrap:wrap}.drawingExpanded .studioZoomBar.templateZoom{margin-top:4px}