*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f4f7fb;color:#172033;line-height:1.55}.hero{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;padding:24px 16px 34px}.brand{display:flex;align-items:center;gap:10px;max-width:1100px;margin:auto}.logo{width:46px;height:46px;border-radius:14px;background:#fff;color:#2563eb;display:grid;place-items:center;font-weight:900}.brand span{display:block;font-size:12px;opacity:.85}.hero-copy{max-width:900px;margin:25px auto 0;text-align:center}.hero h1{font-size:clamp(28px,5vw,48px);margin:5px 0 8px}.hero p{margin:auto;max-width:720px;font-size:17px}.kid-art{display:flex;justify-content:center;gap:14px;font-size:35px}.kid-art span{background:#ffffff20;padding:8px 12px;border-radius:18px}.control-card,.status-card,.worksheet,.result-card,.learning{max-width:1100px;margin:18px auto;padding:20px;background:#fff;border-radius:20px;box-shadow:0 8px 28px #1d35571a}.control-card h2,.learning h2{margin-top:0}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.controls label{font-weight:700;font-size:14px}.controls input,.controls select{width:100%;margin-top:5px;padding:12px;border:1px solid #d5dceb;border-radius:12px;background:#fff;font-size:15px}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}button{border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;background:#e9eef8;color:#172033}button.primary{background:#2563eb;color:#fff}.note{font-size:13px;color:#637089}.status-card{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.stat{min-width:85px;text-align:center}.stat b{display:block;font-size:22px;color:#2563eb}.stat span{font-size:12px;color:#68758b}.progress-wrap{flex:1;min-width:220px}.progress-label{display:flex;justify-content:space-between;font-size:13px;font-weight:700}.progress{height:12px;background:#e8edf6;border-radius:20px;overflow:hidden}.progress div{height:100%;width:0;background:linear-gradient(90deg,#2563eb,#7c3aed);transition:width .35s}.welcome{text-align:center;padding:60px 20px}.big-icon{font-size:55px}.question{position:relative;border:2px solid #edf0f6;border-radius:18px;padding:18px;margin:14px 0;overflow:hidden}.q-number{font-weight:900;color:#2563eb}.q-text{font-size:17px;font-weight:700;margin:8px 0 12px}.answer-row{display:flex;gap:8px;flex-wrap:wrap}.answer-row input{flex:1;min-width:150px;padding:13px;border:2px solid #cfd7e6;border-radius:12px;font-size:17px}.check{background:#16a34a;color:#fff}.show{background:#f59e0b;color:#fff}.feedback{font-weight:800;margin-top:8px;min-height:24px}.correct input{border-color:#16a34a;background:#ecfdf5;color:#166534}.wrong input{border-color:#dc2626;background:#fef2f2;color:#991b1b}.pop-correct{animation:correct .45s}.pop-wrong{animation:wrong .45s}@keyframes correct{50%{transform:scale(1.025);box-shadow:0 0 0 7px #16a34a22}}@keyframes wrong{25%,75%{transform:translateX(-5px)}50%{transform:translateX(5px)}}.answer{display:none;margin-top:8px;padding:9px 12px;background:#fff7ed;border-radius:10px;color:#9a3412;font-weight:700}.answer.visible{display:block}.result-card{text-align:center;background:linear-gradient(135deg,#eff6ff,#f5f3ff)}.result-card h2{color:#2563eb}.formula{background:#eef4ff;border-left:5px solid #2563eb;padding:14px 16px;margin:12px 0;border-radius:10px;font-size:16px}.learning h3{color:#1d4ed8;margin-bottom:5px}.hidden{display:none}footer{text-align:center;padding:30px 15px;color:#68758b}@media(max-width:800px){.controls{grid-template-columns:1fr 1fr}.status-card{display:grid;grid-template-columns:repeat(3,1fr)}.progress-wrap{grid-column:1/-1}.answer-row{flex-direction:column}.answer-row input, .answer-row button{width:100%}}@media(max-width:500px){.controls{grid-template-columns:1fr}.hero{padding-left:12px;padding-right:12px}.control-card,.status-card,.worksheet,.result-card,.learning{margin:12px;border-radius:16px;padding:15px}.status-card{grid-template-columns:repeat(2,1fr)}.button-row button{flex:1 1 45%}.q-text{font-size:16px}}