*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#f4f8ff;color:#16233b;line-height:1.55}.top{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid #dfe7f3;padding:12px max(16px,4vw);display:flex;justify-content:space-between;align-items:center}.top nav{display:flex;gap:10px;font-weight:800}.top a{text-decoration:none;color:#1857a5}.brand{display:flex;gap:9px;align-items:center}.brand b{font-size:20px}.brand small{display:block;color:#6b7890}.logo{width:38px;height:38px;border-radius:12px;background:#1857a5;color:#fff;display:grid;place-items:center}.hero{max-width:1100px;margin:auto;padding:34px 18px 22px;display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center}.hero h1{font-size:clamp(28px,5vw,48px);line-height:1.08;margin:6px 0 12px}.hero p{font-size:18px;color:#56647a}.eyebrow{font-size:12px!important;font-weight:900;letter-spacing:1.5px;color:#1857a5!important}.hero-art{height:160px;display:grid;place-items:center;position:relative}.cube{font-size:27px;font-weight:900;padding:25px 15px;border:4px solid #1857a5;border-radius:18px;transform:rotate(-8deg);background:#fff;box-shadow:8px 8px 0 #c9d8f2}.cube.alt{position:absolute;font-size:15px;transform:rotate(8deg);bottom:4px;right:2px}.spark{font-size:38px;font-weight:900}.panel{background:#fff;border:1px solid #dce5f2;border-radius:18px;box-shadow:0 7px 25px #17345b12}.controls{max-width:1100px;margin:10px auto;padding:16px;display:flex;gap:12px;flex-wrap:wrap;align-items:end}.controls label{font-size:13px;font-weight:800;display:grid;gap:5px}.controls input,.controls select{border:1px solid #bdc9da;border-radius:10px;padding:11px;background:#fff;font-size:15px;min-width:130px}.buttons{display:flex;gap:8px;flex-wrap:wrap}.buttons button,button{border:0;border-radius:11px;padding:11px 14px;font-weight:850;cursor:pointer;background:#e9eff8;color:#18304f}.primary{background:#1857a5!important;color:white!important}.status{max-width:1100px;margin:12px auto;padding:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.status div{background:#f5f8fd;border-radius:12px;padding:8px}.status span{display:block;font-size:20px;font-weight:900}.progress-wrap{max-width:1100px;height:12px;margin:10px auto 18px;background:#dce5f2;border-radius:20px;overflow:hidden}.progress{height:100%;width:0;background:#1857a5;transition:.3s}.worksheet{max-width:1100px;margin:auto;padding:0 0 20px}.welcome{text-align:center;padding:38px}.kid{font-size:54px}.question{margin:12px 0;padding:18px}.qhead{display:flex;gap:10px;align-items:start}.qnum{font-weight:900;background:#e8f0ff;color:#1857a5;padding:5px 9px;border-radius:9px}.prompt{font-size:18px;font-weight:750}.answer-row{display:flex;gap:8px;margin-top:14px}.answer-row input{flex:1;min-width:0;border:2px solid #c4cfdf;border-radius:11px;padding:13px;font-size:18px}.check{background:#1857a5;color:white}.show{background:#fff0bd;color:#6d5100}.feedback{min-height:24px;margin-top:8px;font-weight:800}.correct{border-color:#21a366!important;background:#e9fff3!important;animation:pop .35s}.wrong{border-color:#df3f3f!important;background:#fff0f0!important;animation:shake .35s}.answer{display:none;margin-top:8px;color:#155d3a;background:#ecfff5;border-radius:10px;padding:8px;font-weight:800}.checked .answer{display:block}.formula-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.formula-grid div{background:#fff9d9;border-left:5px solid #f0b400;padding:13px;border-radius:10px}.formula-grid code{display:block;margin-top:7px;font-size:17px;font-weight:900;color:#263a6a}.content{max-width:1000px;margin:25px auto;padding:25px;background:#fff;border-radius:18px;border:1px solid #dce5f2}.content h2{font-size:30px}.content h3{color:#1857a5;margin-top:28px}footer{text-align:center;padding:30px;color:#63718a}@keyframes pop{50%{transform:scale(1.015)}}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media(max-width:700px){.hero{grid-template-columns:1fr;padding-top:24px}.hero-art{height:95px;display:flex;gap:15px}.controls{margin:8px 10px}.controls>div{width:100%}.controls input,.controls select{width:100%}.buttons button{flex:1;min-width:145px}.status{margin:10px;grid-template-columns:repeat(2,1fr)}.progress-wrap{margin:10px}.worksheet{padding:0 10px}.answer-row{flex-direction:column}.answer-row button{width:100%}.content{margin:15px 10px;padding:18px}.formula-grid{grid-template-columns:1fr}.top{padding:10px 12px}.brand small{display:none}}@media print{.top,.controls,.status,.progress-wrap,footer,.feedback,.answer-row button{display:none!important}.hero{padding:10px}.question{break-inside:avoid;border:1px solid #aaa}.content{box-shadow:none;border:0}.worksheet{max-width:none}.answer{display:none!important}}