*{box-sizing:border-box}body{margin:0;background:#f3f7ff;color:#172033;font-family:Nunito,Arial,sans-serif}.hero{background:linear-gradient(135deg,#2563eb,#7c3aed 55%,#ec4899);color:#fff;overflow:hidden}.top{max-width:1200px;margin:auto;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.top a{color:#fff;text-decoration:none}.brand{font-size:1.15rem;font-weight:900}.top nav{font-size:.9rem}.heroIn{max-width:1200px;margin:auto;padding:28px 16px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero h1{font:800 clamp(2rem,7vw,4.2rem)/.95 "Baloo 2";margin:7px 0}.hero p{font-size:1.35rem;font-weight:800;margin:5px 0}.eyebrow{font-weight:900;letter-spacing:1px}.art{font-size:2.3rem;line-height:1.8;animation:bob 3s infinite}.kid{font-size:3rem;text-align:center;animation:float 2.3s infinite}.kid span{font:800 .8rem Nunito;background:#fff;color:#7c3aed;border-radius:99px;padding:6px 10px}main{max-width:1200px;margin:auto;padding:15px 12px 50px}.card{background:#fff;border-radius:22px;padding:20px;margin:14px 0;box-shadow:0 10px 28px #17203316}.intro{border-top:5px solid #2563eb}.pill{display:inline-block;background:#eef2ff;color:#4338ca;border-radius:99px;padding:7px 12px;font-weight:900}.settings{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.settings label{font-weight:900}.settings select{width:100%;padding:11px;margin-top:6px;border:2px solid #dbe3f0;border-radius:12px;font:inherit}.actions{display:flex;gap:9px;flex-wrap:wrap}.actions button,.qactions button{border:0;border-radius:12px;padding:11px 14px;font-weight:900;cursor:pointer;background:#e8eefb}.actions .primary,.qactions .check{background:#2563eb;color:#fff}.status{margin-top:12px;padding:10px;background:#fff7ed;border-radius:12px;font-weight:800}.dash{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:14px;align-items:center}.progress{height:14px;background:#e5e7eb;border-radius:99px;overflow:hidden;margin:7px 0}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#22c55e,#2563eb);transition:.3s}.stat{background:#f8fafc;border-radius:15px;padding:12px;text-align:center;font-weight:800}.stat b{display:block;font-size:1.4rem;color:#4338ca}.q{background:#fff;border-left:6px solid #7c3aed;border-radius:18px;padding:18px;margin:13px 0;box-shadow:0 8px 22px #17203312;animation:rise .3s}.qh{display:flex;justify-content:space-between;gap:8px}.num{font-weight:900;color:#4338ca}.badge{background:#f1f5f9;border-radius:99px;padding:5px 8px;font-size:.75rem}.qt{font-size:1.06rem;line-height:1.5;font-weight:800;margin:10px 0}.opts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.opt{padding:11px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;text-align:left;font:inherit;cursor:pointer}.opt.sel{border-color:#2563eb;background:#eff6ff}.ansbox{width:100%;padding:12px;border:2px solid #cbd5e1;border-radius:12px;font:inherit}.ansbox.correct{border-color:#16a34a;background:#dcfce7}.ansbox.wrong{border-color:#dc2626;background:#fee2e2}.qactions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.qactions .show{background:#f59e0b;color:#fff}.answer{display:none;margin-top:9px;background:#fff7ed;border-left:4px solid #f59e0b;padding:10px;border-radius:8px}.answer.on{display:block}.q.good{animation:good .5s}.q.bad{animation:bad .5s}.tabwrap{overflow-x:auto}.acctable{width:100%;border-collapse:collapse;min-width:650px}.acctable th,.acctable td{border:1px solid #cbd5e1;padding:8px;text-align:left}.acctable th{background:#eef2ff}.guide h2{font:800 2rem "Baloo 2";color:#4338ca}.guide h3{color:#2563eb;margin:20px 0 5px}.guide p{line-height:1.78}.guide strong{color:#7c3aed}footer{padding:22px;text-align:center;background:#111827;color:#fff}footer a{color:#93c5fd}@keyframes float{50%{transform:translateY(-10px)}}@keyframes bob{50%{transform:translateY(-8px) rotate(-2deg)}}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1}}@keyframes good{50%{transform:scale(1.015);box-shadow:0 0 0 7px #22c55e44}}@keyframes bad{25%{transform:translateX(-7px)}50%{transform:translateX(7px)}75%{transform:translateX(-3px)}}@media(max-width:760px){.top,.heroIn{align-items:flex-start;flex-direction:column}.art{display:none}.settings{grid-template-columns:1fr 1fr}.dash{grid-template-columns:1fr 1fr}.dash>div:first-child{grid-column:1/-1}.opts{grid-template-columns:1fr}.actions button{flex:1 1 45%}}@media(max-width:430px){.settings,.dash{grid-template-columns:1fr}.dash>div:first-child{grid-column:auto}.actions button{flex:1 1 100%}.card{padding:14px}}@media print{.hero,.intro,.dash,.guide,footer,.qactions,.answer{display:none!important}.q{box-shadow:none;border:1px solid #aaa;break-inside:avoid}}