:root{--purple:#6847ef;--dark:#25223b;--cream:#fffaf0;--mint:#dff8ec;--yellow:#ffd166;--pink:#ffeff3;--line:#e8e3f5}*{box-sizing:border-box}body{margin:0;font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;color:var(--dark);background:var(--cream)}button{font:inherit}.topbar{height:78px;padding:0 max(24px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{display:flex;gap:12px;align-items:center}.brandmark{width:42px;height:42px;border-radius:14px;background:var(--purple);color:white;display:grid;place-items:center;font-size:28px;font-weight:900}.brand small{display:block;color:#777;font-size:11px;margin-top:2px}.score{display:flex;gap:8px;align-items:center;background:#fff7d8;padding:8px 13px;border-radius:20px}.streak{margin-left:8px}.screen{display:none;max-width:1120px;margin:auto;padding:54px 24px 70px;min-height:calc(100vh - 120px)}.screen.active{display:block}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:55px;padding:38px 0}.eyebrow{display:inline-block;color:var(--purple);font-weight:900;font-size:12px;letter-spacing:1.5px;background:#eee9ff;padding:8px 12px;border-radius:12px}h1{font-size:52px;line-height:1.05;margin:20px 0}h1 em{color:var(--purple);font-style:normal}h2{font-size:34px;margin:15px 0 8px}.hero p,.center p{color:#696678;line-height:1.6}.primary{border:0;background:var(--purple);color:white;padding:15px 23px;border-radius:16px;font-weight:900;cursor:pointer;box-shadow:0 7px 0 #4d32be;margin-top:12px}.primary:active{transform:translateY(4px);box-shadow:0 3px 0 #4d32be}.hero-card{min-height:360px;background:#ebe6ff;border-radius:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 20px 45px #51418920}.hero-mascot{font-size:118px;filter:drop-shadow(0 10px 8px #4b376733);animation:bob 2.4s infinite ease-in-out}.equation{background:white;border-radius:18px;padding:14px 24px;font-size:26px;display:flex;gap:14px}.purple{color:var(--purple)}.hero-card small{margin-top:14px}.orbit{position:absolute;background:white;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;font-weight:900;color:var(--purple)}.o1{top:45px;left:45px;transform:rotate(-12deg)}.o2{right:35px;top:75px;transform:rotate(10deg)}@keyframes bob{50%{transform:translateY(-10px)}}.method{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.method article{background:white;border:1px solid var(--line);border-radius:20px;padding:18px;display:grid;grid-template-columns:auto 1fr;column-gap:10px}.method article>span{font-size:30px;grid-row:1/3}.method small{color:#858190}.back{border:0;background:white;border-radius:12px;padding:10px 15px;cursor:pointer}.center{text-align:center}.avatars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:840px;margin:35px auto}.avatar{background:white;border:3px solid transparent;border-radius:28px;padding:25px 15px;cursor:pointer;color:var(--dark)}.avatar span{font-size:88px;display:block}.avatar b,.avatar small{display:block}.avatar small{color:#7a7787;margin-top:5px}.avatar.selected{border-color:var(--purple);background:#f4f1ff;transform:translateY(-5px);box-shadow:0 15px 30px #6048c520}.lesson-head{display:flex;align-items:center;gap:20px}.progress{height:12px;background:#e6e1ee;border-radius:10px;flex:1;overflow:hidden}.progress i{display:block;height:100%;width:25%;background:linear-gradient(90deg,var(--purple),#a388ff);transition:.4s}.lesson-step{display:none;text-align:center;max-width:800px;margin:35px auto}.lesson-step.active{display:block}.teacher{display:flex;text-align:left;align-items:center;gap:16px;background:white;border-radius:20px;padding:15px 22px;margin-bottom:25px}.teacher-avatar{font-size:58px}.teacher p{margin:5px 0}.berry-stage{background:#f1eaff;border-radius:28px;padding:30px}.berries{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:480px;margin:auto;min-height:88px}.berry{font-size:32px;transition:.5s}.berry.gone{opacity:.15;transform:translateY(-35px) scale(.2)}.big-equation{font-size:35px;font-weight:900;margin-top:20px}.big-equation span{color:var(--purple)}.instruction{margin:18px;color:#6e6978}.hands{display:flex;justify-content:center;align-items:center;gap:25px}.hand{background:white;padding:20px 38px;border-radius:25px}.hand span{font-size:100px;display:block}.plus{font-size:36px}.hand-button{background:white;border:3px solid var(--purple);border-radius:18px;padding:14px 25px;color:var(--purple);font-weight:900;cursor:pointer}.countdown{font-size:70px;font-weight:900;color:var(--purple);margin:15px}.paper-task{background:white;border:2px dashed #b4a6e8;border-radius:22px;padding:24px;display:flex;text-align:left;gap:20px;align-items:center}.paper-icon{font-size:50px}.paper-equation{font-family:"Comic Sans MS",cursive;font-size:35px;margin:12px 0}.answer{display:block;margin:22px}.answer input{width:75px;height:60px;border:3px solid var(--purple);border-radius:15px;text-align:center;font-size:30px;margin-left:10px}.feedback{min-height:40px;margin:15px;font-weight:900}.celebrate{font-size:95px}.badge{width:210px;height:210px;border-radius:50%;background:var(--yellow);margin:25px auto;display:flex;flex-direction:column;justify-content:center;border:10px solid white;box-shadow:0 0 0 4px var(--yellow),0 18px 30px #55431222}.badge{font-size:42px}.badge b{font-size:35px}.badge small{font-size:12px}.game-card{background:white;border-radius:28px;padding:30px;text-align:center;max-width:650px;margin:25px auto;box-shadow:0 15px 35px #42366512}.game-question{font-size:42px;font-weight:900}.options{display:flex;gap:12px;justify-content:center;margin:22px}.options button{width:74px;height:64px;border-radius:17px;background:#f3efff;border:2px solid #d9d0ff;font-size:25px;font-weight:900;cursor:pointer}.game-msg{font-weight:800;color:#777}.coloring{max-width:760px;margin:25px auto;background:var(--pink);border-radius:24px;padding:18px 25px;display:flex;gap:20px;align-items:center}.color-palette{display:grid;grid-template-columns:1fr 1fr;gap:4px}.color-palette button{background:var(--c);width:22px;height:22px;border:0;border-radius:50%}.coloring p{margin:4px 0}.coloring>div:last-child{font-size:70px;margin-left:auto;filter:grayscale(1);transition:.5s}.coloring>div:last-child.colored{filter:none}.schedule{margin-top:50px}.days{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.days article{background:white;padding:18px;border-radius:18px}.days b,.days span,.days small{display:block}.days span{font-size:23px;font-weight:900;margin:8px 0}.days small{color:#777}.days .today{background:var(--mint);border:2px solid #78d5ad}footer{text-align:center;background:white;padding:22px;color:#8b8795;font-size:12px}@media(max-width:700px){.screen{padding:28px 16px 50px}.topbar{padding:0 15px}.hero{grid-template-columns:1fr;padding-top:10px}.hero h1{font-size:39px}.hero-card{min-height:300px}.method{grid-template-columns:1fr 1fr}.avatars{grid-template-columns:1fr}.avatar{display:grid;grid-template-columns:90px 1fr;text-align:left;align-items:center}.avatar span{font-size:70px;grid-row:1/3}.days{grid-template-columns:1fr 1fr}.teacher-avatar{font-size:45px}.teacher p{font-size:14px}.hands{gap:8px}.hand{padding:12px}.hand span{font-size:70px}.color-palette{display:none}.brand small{display:none}}
 .install{border:0;background:var(--purple);color:#fff;border-radius:12px;padding:8px 11px;font-weight:800;cursor:pointer}
