:root{font-family:ui-rounded,"Trebuchet MS",Arial,sans-serif;color:#293d60;background:#dcf3ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#dcf3ed 0 340px,#f8edba 340px 100%);min-height:100vh}a{color:inherit}button{font:inherit;color:inherit;appearance:none;-webkit-appearance:none;pointer-events:none;cursor:default}a:focus-visible{outline:4px solid #6844a0;outline-offset:5px}.shell{max-width:1050px;margin:auto;padding:22px 30px}.topbar,.top-actions,.hero{display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{color:#2f675a;font-weight:900;font-size:18px}.brand-mark{font-size:28px;color:#7862a4;vertical-align:middle;margin-right:8px}.quiet{min-height:46px;border:2px solid #adcfc3;border-radius:16px;background:#fffdf3;padding:10px 16px;font-size:12px;font-weight:bold;box-shadow:0 3px 0 #adcfc3}.hero{margin:25px 0}.hero h1{font-size:48px;font-weight:900;letter-spacing:-2px;margin:0;line-height:1.1}.hero h1 span{color:#7963a9}.hero p{font-size:15px;color:#426655;margin:9px 0 0}.hello{background:#ffe492;border-radius:40% 55% 42% 48%;padding:17px 23px;transform:rotate(4deg);font-size:14px;font-weight:bold;text-align:center;border:2px solid #e5c768;line-height:1.4}.hello strong{display:block;font-size:21px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:22px 0}.tabs a{display:flex;align-items:center;justify-content:center;gap:12px;min-height:73px;border:3px solid #6bb9a6;background:#b3e2d4;border-radius:22px;box-shadow:0 5px 0 #6bb9a6;text-decoration:none;font-weight:900;font-size:18px}.tabs a:nth-child(2){border-color:#debd50;background:#ffe393;box-shadow:0 5px 0 #debd50}.tabs a:nth-child(3){border-color:#b09bd0;background:#e1d3f1;box-shadow:0 5px 0 #b09bd0}.tabs a:nth-child(4){border-color:#d99389;background:#f8c1b5;box-shadow:0 5px 0 #d99389}.tabs a[aria-current=page]{outline:3px solid #314b59;outline-offset:4px}.tabs b{display:grid;place-items:center;width:43px;height:43px;font-size:23px;border-radius:14px;background:#fff9eab8}.garden{position:relative;border:3px solid #e4d69c;background:#fffcdf;border-radius:32px;overflow:hidden;box-shadow:0 7px 0 #dfd194}.garden:before{content:"";position:absolute;left:-5%;right:-5%;bottom:-110px;height:185px;border-radius:50% 50% 0 0;background:#c6df99}.garden:after{content:"";position:absolute;width:190px;height:65px;right:-40px;bottom:-25px;background:#96c798;border-radius:70% 0 0 0}.garden-top{padding:22px 28px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#536548;font-weight:900}.support{font-size:11px;background:#fff1b5;border:1px solid #e5d085;padding:7px 11px;border-radius:20px;color:#635536}.scene{display:grid;grid-template-columns:195px minmax(0,1fr);gap:18px;padding:15px 32px 20px;position:relative;z-index:1;min-height:395px;align-items:center}.companion{display:flex;align-items:center;flex-direction:column;align-self:end;margin-bottom:28px}.speech{position:relative;padding:15px 17px;border:2px solid #c0b1d7;background:#f0e7fa;border-radius:22px;font-size:20px;font-weight:900;line-height:1.3;text-align:center;max-width:205px;margin-bottom:4px}.speech:after{content:"";position:absolute;bottom:-10px;left:42%;width:15px;height:15px;background:#f0e7fa;border-bottom:2px solid #c0b1d7;border-right:2px solid #c0b1d7;transform:rotate(45deg)}.companion img{width:185px;height:223px;object-fit:contain;margin-top:6px}.name-tag{font-size:12px;font-weight:900;background:#fff7ce;padding:5px 13px;border-radius:15px;border:1px solid #dcd091;letter-spacing:1px}.activity{text-align:center;min-width:0}h2{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:5px 0 10px}.instruction{font-size:16px;color:#536647;line-height:1.5;margin:0 0 23px}.five-frame{background:#f7d996;border:3px solid #cba65b;border-bottom:7px solid #bd9650;border-radius:24px;padding:15px;display:grid;grid-template-columns:repeat(5,60px);gap:8px;width:max-content;max-width:100%;margin:18px auto}.pocket{display:grid;place-items:center;height:64px;border:2px dashed #b99655;background:#fff1cb;border-radius:15px}.pocket.full{border:2px solid #dba95e;background:#fff9e9}.apple{display:inline-block;position:relative;width:38px;height:38px;background:#e67b69;border:2px solid #b65b50;border-radius:42% 44% 48% 48%;box-shadow:inset 4px 0 0 #ffffff24;flex-shrink:0;margin-top:8px}.apple:before{content:"";position:absolute;left:17px;top:-11px;width:4px;height:10px;border-radius:3px;background:#6b6740;transform:rotate(12deg)}.apple:after{content:"";position:absolute;left:20px;top:-11px;width:15px;height:8px;border-radius:80% 0 80% 0;transform:rotate(-15deg);background:#4d9271}.choice-label{font-size:14px;color:#586644;font-weight:bold;margin:15px 0}.choices{display:flex;justify-content:center;gap:24px;margin:16px 0 6px}.choice{display:grid;place-items:center;width:108px;height:108px;background:#ccead9;border:3px solid #75ad91;border-bottom:7px solid #75ad91;border-radius:24px;font-size:65px;font-weight:900;line-height:1}.choice:nth-child(2){background:#ffe28b;border-color:#d5b655}.actions{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 28px 25px;position:relative;z-index:1}.help,.next,.again{min-height:51px;padding:11px 21px;border:2px solid #94b28a;border-bottom-width:5px;border-radius:17px;background:#fcfff2;color:#3c6247;font-size:15px;font-weight:900}.next{background:#3b8070;border-color:#2b6359;color:#fff}.next.waiting{background:#eaf1ce;border-color:#aebc80;color:#63734c}.again{background:#fff0ad;border-color:#d3b863;color:#66542a}.soft-note{font-size:13px;color:#496248;line-height:1.5;margin:0}.footer{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#5b6745;padding:20px 7px 0}.preview-note{font-size:11px;text-align:center;color:#69704f;line-height:1.5;margin-top:17px}.sum-build{display:flex;justify-content:center;align-items:center;gap:14px;margin:15px 0 9px}.number-group{background:#d2ead8;border:2px solid #91b79c;border-radius:21px;padding:14px 17px;min-width:137px}.number-group.new{background:#e6d8f2;border-color:#b8a1cf;min-width:105px}.group-label{font-size:12px;font-weight:900;display:block;margin-bottom:8px;color:#4f644f}.number-group.new .group-label{color:#6a558a}.apples{display:flex;justify-content:center;gap:13px;align-items:center;min-height:56px}.operator{font-size:34px;font-weight:900}.number-group strong{font-size:37px;display:block;margin-top:7px}.join-arrow{font-size:27px;color:#72885a;line-height:1.2}.sum-result{display:flex;align-items:center;justify-content:center;gap:17px;border:2px solid #d5bd69;background:#fff0b3;border-radius:22px;width:max-content;max-width:100%;padding:12px 23px;margin:8px auto}.sum-result .apples{gap:9px}.sum-result strong{font-size:48px;padding-left:18px;border-left:2px solid #d8c37c}.new-fruit{outline:3px solid #b39bc9;outline-offset:4px;border-radius:8px;margin-left:9px;display:flex}.equation{font-size:31px;letter-spacing:4px;font-weight:900;margin:16px 0 2px}.equation span:first-child{color:#367456}.equation span:nth-child(2){color:#805da7}.word-scene{grid-template-columns:160px minmax(0,1fr);gap:23px}.word-scene .companion img{width:150px;height:185px}.word-scene .speech{font-size:18px}.word-scene .companion{align-self:center;margin:0}.word-tabs{display:flex;justify-content:center;gap:7px;margin:12px 0}.word-tabs button{min-height:39px;padding:8px 12px;border:2px solid #d4bd71;border-radius:12px;background:#fff4c9;font-size:11px;font-weight:bold}.word-tabs button.selected{background:#e0d4f0;border-color:#b09acb;color:#594777}.word-board{background:#fffef7;border:3px solid #b29acb;border-bottom:6px solid #b29acb;border-radius:19px;text-align:left;min-height:79px;padding:15px 19px;font-size:29px;font-weight:900;line-height:1.4;overflow-wrap:anywhere}.caret{display:inline-block;width:3px;height:30px;vertical-align:middle;background:#9271b6;margin-left:4px}.keyboard{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;margin-top:15px}.key{min-width:0;min-height:47px;padding:3px;border:2px solid #89baa5;border-bottom:4px solid #89baa5;background:#d3eddf;border-radius:11px;font-size:21px;font-weight:900}.key:nth-child(3n+2){background:#ffe8a1;border-color:#d7bd6d}.key:nth-child(3n){background:#eddbef;border-color:#c1a6c6}.key.function{grid-column:span 3;font-size:11px;background:#f3c9b9;border-color:#cc9c8c}.key.space{grid-column:span 6;font-size:11px;background:#d4e9ef;border-color:#9cbdc6}.key.blank{visibility:hidden}.word-ideas{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:13px;font-size:11px;color:#5d694c;flex-wrap:wrap}.word-ideas span{padding:6px 9px;background:#fff2ba;border:1px solid #d8c77f;border-radius:10px;font-weight:bold}.pattern-strip{display:flex;justify-content:center;gap:10px;margin:30px 0}.bead-slot{width:65px;height:74px;border:2px solid #c4bb89;background:#f4edc4;border-radius:19px;display:grid;place-items:center;position:relative}.bead-slot:after{content:"";position:absolute;width:14px;height:4px;background:#bfb68b;right:-14px;z-index:-1}.bead-slot:last-child:after{display:none}.bead-slot.missing{border:3px dashed #839979;outline:3px solid #b2c393;outline-offset:4px;background:#fffdf0;color:#667d57;font-size:41px}.shape{display:block;width:34px;height:34px;border:2px solid #32857d;background:#54b6a7;box-shadow:inset 3px 0 0 #ffffff30}.shape.circle{border-radius:50%}.shape.square{border-radius:8px;background:#a789ca;border-color:#7f62a3}.pattern-choices .choice{width:100px;height:95px}.pattern-choices .shape{width:43px;height:43px}.pattern-choices .choice:nth-child(2){background:#e1d3ef;border-color:#b19acb}.repeat-label{font-size:15px;font-weight:bold;color:#60704f;margin:18px 0 0}
@media(max-width:780px){.shell{padding:16px}.brand{font-size:15px}.quiet{min-height:43px;padding:8px 10px;font-size:10px}.hero h1{font-size:37px}.hero p{font-size:12px}.hello{font-size:10px;padding:12px}.hello strong{font-size:16px}.tabs{gap:8px;margin:18px 0 23px}.tabs a{flex-direction:column;gap:3px;min-height:73px;font-size:12px;border-radius:16px;border-width:2px}.tabs b{width:31px;height:31px;border-radius:10px;font-size:19px}.tabs a[aria-current=page]{outline-width:2px;outline-offset:3px}.garden{border-radius:24px}.garden-top{padding:16px 17px 0}.eyebrow{font-size:9px;letter-spacing:.8px}.support{font-size:9px;padding:6px 9px}.scene{grid-template-columns:110px minmax(0,1fr);padding:15px 17px;gap:10px;min-height:355px}.companion img{width:106px;height:135px}.speech{font-size:14px;padding:10px 9px;border-radius:16px;max-width:120px}.name-tag{font-size:9px}.companion{margin-bottom:43px}h2{font-size:25px}.instruction{font-size:12px;margin-bottom:16px}.five-frame{grid-template-columns:repeat(5,39px);gap:5px;padding:10px;border-radius:17px}.pocket{height:44px;border-radius:10px}.apple{height:28px;width:28px}.apple:before{left:12px;top:-9px;height:8px}.apple:after{left:15px;top:-8px;width:12px;height:6px}.choice{width:88px;height:90px;font-size:52px}.choices{gap:17px}.choice-label{font-size:12px}.actions{padding:0 17px 21px;gap:10px}.help,.next,.again{font-size:12px;min-height:48px;padding:10px 13px}.soft-note{font-size:11px}.number-group{min-width:108px;padding:11px}.number-group.new{min-width:80px}.sum-build{gap:9px}.apples{gap:9px;min-height:42px}.number-group strong{font-size:30px}.group-label{font-size:10px}.operator{font-size:29px}.sum-result{padding:9px 15px;gap:12px}.sum-result strong{font-size:37px;padding-left:12px}.equation{font-size:27px;margin:12px 0}.word-scene{grid-template-columns:100px minmax(0,1fr);gap:13px}.word-scene .companion img{width:95px;height:120px}.word-scene .speech{font-size:13px}.word-tabs{gap:5px}.word-tabs button{font-size:9px;padding:6px;min-height:38px}.word-board{font-size:23px;padding:12px;min-height:82px}.keyboard{grid-template-columns:repeat(7,1fr);gap:5px}.key{min-height:43px;font-size:18px;border-radius:8px}.key.blank{display:none}.key.function{grid-column:span 2;font-size:10px}.key.space{grid-column:span 5}.pattern-strip{gap:7px}.bead-slot{width:41px;height:60px;border-radius:12px}.shape{width:25px;height:25px}.bead-slot.missing{font-size:31px;outline-offset:3px;border-width:2px}.repeat-label{font-size:12px}.footer,.preview-note{font-size:10px}}
@media(max-width:550px){.hero h1{font-size:34px}.hello{display:none}.scene,.word-scene{grid-template-columns:1fr;padding:11px 15px 13px;gap:8px;min-height:0}.companion,.word-scene .companion{flex-direction:row-reverse;justify-content:center;align-items:center;gap:9px;margin:0;align-self:auto;min-height:83px}.companion img,.word-scene .companion img{width:68px;height:84px;margin:0}.speech,.word-scene .speech{font-size:16px;max-width:200px;padding:11px 15px;margin:0}.speech:after{left:-8px;bottom:16px;transform:rotate(135deg);width:12px;height:12px}.name-tag{display:none}h2{font-size:27px;margin-top:0}.instruction{font-size:13px;margin:4px 0 15px}.five-frame{grid-template-columns:repeat(5,43px);gap:6px;margin:13px auto}.pocket{height:47px}.choices{margin:12px 0}.choice{width:95px;height:94px;font-size:57px}.soft-note{max-width:110px}.garden:before{bottom:-125px}.garden-top{padding:14px 15px 0}.sum-build{margin-top:11px}.number-group{min-width:116px}.number-group.new{min-width:91px}.equation{margin-bottom:6px}.word-board{font-size:24px;min-height:85px}.word-tabs{margin:10px 0}.word-tabs button{font-size:10px;padding:7px 9px}.keyboard{gap:5px;margin-top:12px}.key{min-height:45px}.word-ideas{margin-top:9px}.bead-slot{width:43px;height:64px}.pattern-strip{margin:21px 0}.pattern-choices .choice{height:90px}.repeat-label{font-size:13px;margin-top:8px}.footer{padding:17px 2px 0}.brand{font-size:14px}.quiet{font-size:9px;padding:7px 9px}.top-actions{gap:6px}}
@media(max-width:355px){.shell{padding:12px}.five-frame{grid-template-columns:repeat(5,38px);gap:5px;padding:9px}.pocket{height:43px}.bead-slot{width:37px}.pattern-strip{gap:6px}.tabs a{font-size:11px}.speech,.word-scene .speech{font-size:14px}.word-board{font-size:21px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

@media(max-width:550px){.actions{flex-wrap:wrap;gap:10px}.actions .soft-note{order:3;flex-basis:100%;max-width:none;text-align:center;margin-top:1px}}