:root{font-family:ui-rounded,'Trebuchet MS',Arial,sans-serif;color:#253d39;background:#faf9f5;font-size:16px;--ink:#253d39;--muted:#536963;--paper:#fff;--line:#d9e1db;--purple:#65529b;--purple-dark:#483773;--mint:#e9f0e6;--soft:#f4f4ee;--focus:#9c3f18}*{box-sizing:border-box}body{margin:0;line-height:1.55}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:48px}button{color:var(--ink)}button:disabled{cursor:default;opacity:.62}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex='-1']:focus-visible{outline:3px solid var(--focus);outline-offset:4px}a{color:var(--purple-dark)}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:16px;z-index:10;background:var(--paper);padding:12px}.skip:focus{top:10px}.site-header{max-width:1300px;margin:auto;padding:25px 48px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:1.7rem;font-weight:800;letter-spacing:-1px;line-height:1}.brand small{display:block;font-size:.55rem;letter-spacing:2.2px;margin-top:8px;font-weight:700}.brand-icon{display:grid;grid-template-columns:12px 12px;gap:3px;transform:rotate(-12deg)}.brand-icon i{width:12px;height:12px;background:var(--purple);border-radius:3px}.brand-icon i:nth-child(2){border-radius:8px;background:#9fb69c}.brand-icon i:nth-child(3){background:#dba271;border-radius:50%}.header-actions{display:flex;gap:20px;align-items:center}.prototype{color:var(--muted);font-size:.76rem}.subtle{border:1px solid var(--line);background:var(--paper);padding:10px 17px;border-radius:12px;font-weight:700}.subtle:hover{border-color:var(--purple)}main{max-width:1300px;margin:auto;padding:0 48px}.intro{display:flex;align-items:center;justify-content:space-between;min-height:310px;padding:40px 14px 34px 0;gap:30px}.eyebrow{font-size:.64rem;letter-spacing:2px;font-weight:800;color:var(--muted)}h1{font-size:clamp(2.2rem,4vw,3.55rem);line-height:1.12;font-weight:600;letter-spacing:-2.2px;margin:12px 0 15px}h2{font-size:1.6rem;line-height:1.25;letter-spacing:-.65px;margin:8px 0}h3{font-size:1.5rem;line-height:1.4}p{color:var(--muted)}.intro p{font-size:1.05rem;margin:0}.garden{width:300px;height:225px;position:relative;flex-shrink:0}.sun{position:absolute;width:82px;height:82px;background:#f1d4a1;border-radius:50%;top:8px;right:45px}.arch{position:absolute;bottom:30px;border-radius:100px 100px 12px 12px}.arch-one{width:137px;height:153px;background:#ddd8eb;left:6px;transform:rotate(-9deg)}.arch-two{width:122px;height:107px;background:#d2dfcd;left:115px;transform:rotate(9deg)}.plant{position:absolute;left:137px;bottom:36px;height:150px;border-left:4px solid #536e56;transform:rotate(-10deg)}.plant span{position:absolute;width:47px;height:29px;border-radius:50% 0 50% 0;background:#789b79;left:0;top:18px;transform:rotate(-28deg)}.plant span:nth-child(2){left:-47px;top:60px;transform:rotate(220deg);background:#92ae87}.plant span:nth-child(3){top:90px;left:0;width:39px;height:23px}.garden-caption{position:absolute;right:0;bottom:0;font-size:.8rem;letter-spacing:1px;transform:rotate(-8deg);color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;align-items:start}.workspace{min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px}.no-timer{font-size:.76rem;color:var(--muted);padding-bottom:9px;white-space:nowrap}.activities{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.activity{border:1px solid var(--line);border-radius:18px;background:var(--paper);text-align:left;padding:18px;position:relative;min-height:145px}.activity.active{border:2px solid var(--purple);padding:17px;background:#f5f1fa;box-shadow:0 2px 0 #d8d0e7}.activity:hover{box-shadow:0 3px 12px #263c3810}.activity strong{display:block;font-size:.96rem}.activity small{color:var(--muted);font-size:.72rem}.tile-art{display:flex;align-items:center;gap:5px;height:36px;margin-bottom:15px}.dots-art i{width:13px;height:13px;border-radius:50%;background:#826cae}.dots-art i:nth-child(2){transform:translateY(-7px)}.shapes-art i:first-child{width:22px;height:22px;border-radius:50%;background:#809b79}.shapes-art i:last-child{width:25px;height:25px;clip-path:polygon(50% 0,100% 100%,0 100%);background:#d7aa7b}.sums-art{font-size:1.4rem;color:#9b5a36;font-weight:800;letter-spacing:1px}.lesson{border:1px solid var(--line);border-radius:24px;background:var(--paper);padding:25px 28px;min-height:360px}.lesson-top{display:flex;justify-content:space-between;gap:12px;font-size:.75rem;color:var(--muted)}.lesson-top span:first-child{font-weight:700}.progress-dots{display:flex;gap:5px;margin-top:12px}.progress-dots span{height:4px;flex:1;background:var(--line);border-radius:2px}.progress-dots .done{background:var(--purple)}.welcome-card{text-align:center;padding:12px 15px 18px}.welcome-card h3{margin:12px 0 6px}.welcome-card p{max-width:410px;margin:8px auto 22px;font-size:.9rem}.hello-mark{font-size:2.6rem;color:var(--purple)}.primary{background:var(--purple);border:2px solid var(--purple);color:#fff;padding:12px 23px;border-radius:13px;font-weight:700;min-height:52px}.primary:hover{background:var(--purple-dark);border-color:var(--purple-dark)}#question-prompt{text-align:center;margin:25px 0 12px;font-size:1.75rem}.visual{min-height:95px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:10px 5px}.dot-group{display:grid;grid-template-columns:repeat(5,28px);gap:9px;align-items:center;justify-content:center}.dot-group.small-group{grid-template-columns:repeat(3,28px)}.count-dot{width:28px;height:28px;border-radius:50%;background:var(--purple);display:flex;align-items:center;justify-content:center;color:white;font-size:.85rem;font-weight:700}.dot-group.second .count-dot{background:#336756}.sum-sign{font-weight:700;font-size:2rem}.shape-svg{width:65px;height:65px;fill:#7862a5;stroke:var(--ink);stroke-width:2}.question-tools{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:10px 0 18px}.question-tools button{font-size:.82rem;min-height:44px}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:510px;margin:auto}.answer{border:2px solid var(--line);background:var(--paper);border-radius:15px;min-height:74px;font-size:1.85rem;font-weight:700;display:flex;justify-content:center;align-items:center;gap:15px;padding:12px}.answer.shape-answer{font-size:1rem;min-height:92px}.answer:hover:not(:disabled){border-color:var(--purple);background:#f5f1fa}.answer.selected-correct{border-color:#336756;background:#e8f4eb}.answer.tried{border-style:dashed}.answer .shape-svg{width:45px;height:45px}.feedback{margin:16px 0 4px;min-height:32px;text-align:center;color:#285b47;font-weight:700;font-size:.95rem}.hint{background:var(--mint);padding:14px;border-radius:12px;font-size:.9rem}.lesson-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.text-button{border:0;background:transparent;padding:10px 8px;font-weight:700;font-size:.82rem;text-decoration:underline;text-underline-offset:4px}.under-lesson{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.74rem;color:var(--muted);padding:9px 4px}.preferences{border-radius:22px;background:var(--mint);padding:25px 23px;margin-top:5px}.preferences h2{font-size:1.8rem}.preferences .eyebrow{font-size:.58rem;letter-spacing:1.5px}.preferences>p{font-size:.9rem}.control{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #bdcdbd}.control span{display:block}.control strong{font-size:.88rem}.control small{display:block;font-size:.72rem;color:var(--muted);margin-top:3px}.control input{appearance:none;flex:0 0 44px;width:44px;height:26px;background:#a1aca1;border:1px solid #677c6c;border-radius:18px;position:relative;cursor:pointer;margin:0}.control input:after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;left:3px;top:3px;background:white}.control input:checked{background:var(--purple);border-color:var(--purple)}.control input:checked:after{left:21px}.comfort-note{display:flex;align-items:center;gap:13px;margin-top:20px}.comfort-note>span{font-size:2rem;color:#5d775c}.comfort-note p{font-size:.76rem}.preferences details{font-size:.76rem;margin-top:15px}summary{cursor:pointer;font-weight:700;padding:10px 0;min-height:44px}details p{font-size:.85rem}footer{max-width:1300px;margin:35px auto 0;padding:25px 48px;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.7rem;border-top:1px solid var(--line)}dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:30px;max-width:min(680px,calc(100vw - 24px));width:680px;max-height:85dvh;overflow:auto}dialog::backdrop{background:#172c2966}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:15px}.dialog-heading h2{font-size:1.6rem}.adult-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.adult-grid label{font-size:.8rem;font-weight:700}select{display:block;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;min-height:48px;width:100%;padding:10px;margin-top:6px}dialog details{background:var(--soft);padding:10px 17px;border-radius:12px;margin:15px 0}dialog .control{border-color:var(--line)}.small{font-size:.78rem}.review{max-height:200px;overflow:auto;font-size:.82rem}.review p{padding:10px;background:var(--soft);border-radius:9px;margin:8px 0}.adult-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.reset-confirm{background:#fff0de;border:1px solid #ddb28b;border-radius:10px;padding:15px}.noscript{padding:20px;color:#6e231c}.large{font-size:20px}.contrast{--ink:#fff;--muted:#e5e5e5;--paper:#151515;--line:#858585;--purple:#d4c1ff;--purple-dark:#b39ce5;--mint:#172d24;--soft:#252525;--focus:#ffd24f;background:#080808;color:var(--ink)}.contrast .primary{color:#171122}.contrast .activity.active,.contrast .answer:hover:not(:disabled){background:#292238}.contrast .answer.selected-correct{background:#124127;border-color:#9ef3bd}.contrast .feedback{color:#a4efc1}.contrast .shape-svg{fill:#d4c1ff;stroke:white}.contrast .count-dot{color:#151515}.contrast .dot-group.second .count-dot{background:#a4dfbb}.contrast .reset-confirm{background:#30251a}.quiet .intro,.quiet .tile-art,.quiet .comfort-note,.quiet .no-timer{display:none}.quiet .layout{margin-top:32px}.quiet .activity{min-height:85px}.quiet .lesson{min-height:330px}.quiet .hello-mark{display:none}@media(min-width:1450px){.intro{min-height:340px}}@media(max-width:1000px){.site-header,main,footer{padding-left:25px;padding-right:25px}.layout{gap:20px;grid-template-columns:minmax(0,1fr) 245px}.preferences{padding:20px 18px}.activity{padding:14px}.activity.active{padding:13px}.activity small{font-size:.67rem}.garden{width:250px}.section-heading{align-items:start;flex-direction:column;gap:0}.no-timer{padding:0}}@media(max-width:760px){.layout{grid-template-columns:1fr}.preferences{margin-top:8px;display:block}.intro{min-height:260px}.garden{width:185px;transform:scale(.8);transform-origin:right center;margin-left:-40px}.prototype{display:none}.site-header{padding-top:20px;padding-bottom:20px}.header-actions{gap:0}.header-actions button{font-size:.76rem}.section-heading{flex-direction:row;align-items:end;gap:10px}.intro h1{font-size:2.5rem}.lesson{padding:20px}.preferences>p br{display:none}.preferences .control{padding:17px 0}.preferences details{font-size:.85rem}.comfort-note{display:none}footer{flex-direction:column;gap:4px}.large .activities{grid-template-columns:1fr}.large .activity{min-height:80px}.large .tile-art{display:none}.large .no-timer{white-space:normal}.large .header-actions button{font-size:.7rem}}@media(max-width:420px){main,.site-header,footer{padding-left:16px;padding-right:16px}.garden{display:none}.intro{padding-top:30px;min-height:250px}.intro h1{font-size:2.4rem}.brand{font-size:1.4rem}.brand-icon{transform:scale(.85)}.activities{gap:8px}.activity{padding:10px;min-height:136px}.activity.active{padding:9px}.activity strong{font-size:.78rem}.activity small{font-size:.65rem}.no-timer{font-size:.65rem}.section-heading h2{font-size:1.4rem}.lesson{padding:16px}.lesson-top{font-size:.66rem}.answer{min-height:72px}.answer.shape-answer{flex-direction:column;gap:4px}.adult-grid{grid-template-columns:1fr}.lesson-actions{align-items:stretch;flex-direction:column}.lesson-actions .primary{order:-1}.question-tools button{padding:8px 12px}.under-lesson{align-items:start}.dot-group{gap:6px;grid-template-columns:repeat(5,24px)}.count-dot{width:24px;height:24px}.dot-group.small-group{grid-template-columns:repeat(3,24px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(forced-colors:active){.control input{appearance:auto}.control input:after{display:none}.count-dot{border:2px solid CanvasText}.shape-svg{fill:CanvasText;stroke:CanvasText}.primary,.answer,.activity{border:2px solid ButtonText}.progress-dots span{border:1px solid CanvasText}.progress-dots .done{border-width:3px}}