*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f8ff;color:#18243a;line-height:1.55}.topbar{height:64px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,5vw);position:sticky;top:0;z-index:10;box-shadow:0 2px 14px #18243a18}.brand{font-size:23px;font-weight:900;color:#1769e0}.brand small{color:#ff7a18;font-size:14px}.topbar nav{font-weight:800}.topbar a{color:#1769e0;text-decoration:none;margin:0 5px}.hero{max-width:1200px;margin:auto;padding:38px 22px;display:flex;align-items:center;gap:28px}.hero h1{font-size:clamp(30px,5vw,52px);line-height:1.08;margin:8px 0}.hero p{font-size:18px;max-width:780px}.eyebrow{font-weight:900;color:#ff6b35;letter-spacing:1px;font-size:13px}.hero-art{min-width:150px;position:relative;height:150px;background:#dfeeff;border-radius:35px;display:flex;align-items:center;justify-content:center}.student{font-size:65px}.bubble{position:absolute;top:8px;left:10px;background:#fff;padding:7px 12px;border-radius:16px;font-weight:900;box-shadow:0 4px 12px #0001}.bubble.b2{top:auto;bottom:10px;left:auto;right:8px}.wrap{max-width:1200px;margin:auto;padding:0 18px}.panel{background:#fff;border-radius:20px;padding:20px;margin:18px 0;box-shadow:0 7px 25px #18243a12;border:1px solid #e8edf7}.controls>div:first-child{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.controls label{font-weight:800}.controls select{display:block;width:100%;margin-top:6px;padding:12px;border:2px solid #dce4f3;border-radius:12px;font-size:15px;background:#fff}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.button-row button,.question button,.result button{border:0;border-radius:12px;padding:12px 15px;font-weight:900;cursor:pointer;background:#eaf1ff;color:#1457b9}.button-row .primary,.primary{background:#1769e0;color:white}.notice{font-size:13px;color:#64748b}.status{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.progress{height:13px;background:#e8edf7;border-radius:20px;flex:1;min-width:160px;overflow:hidden}.progress div{height:100%;width:0;background:#25a86b;transition:.3s}.questions{display:grid;gap:15px}.question{position:relative}.qhead{display:flex;gap:10px;align-items:flex-start}.qnum{background:#1769e0;color:#fff;border-radius:10px;padding:5px 9px;font-weight:900}.qtext{font-size:18px;font-weight:750;flex:1}.answer-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.answer-row input{flex:1;min-width:190px;padding:13px;border:2px solid #dbe3f1;border-radius:12px;font-size:17px}.answer-row input.correct{border-color:#22a06b;background:#e9fff5;color:#087243}.answer-row input.wrong{border-color:#e5484d;background:#fff0f0;color:#b4232a}.feedback{font-weight:800;margin-top:9px;min-height:24px}.correct-text{color:#087243}.wrong-text{color:#b4232a}.answer{display:none;background:#f0f7ff;border-radius:12px;padding:10px;margin-top:9px}.answer.show{display:block}.empty{text-align:center;padding:45px}.big-icon{font-size:55px}.result{text-align:center;border:3px solid #dbeafe}.trophy{font-size:55px}.result-score{font-size:36px;font-weight:950;color:#1769e0}.hidden{display:none}.formula-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.formula-grid div{padding:15px;background:#eef6ff;border-left:5px solid #1769e0;border-radius:12px}.guide h2{font-size:30px}.guide h3{color:#1554a0;margin-top:25px}.seo-note{background:#fff6e9;padding:15px;border-radius:12px}footer{text-align:center;padding:28px;background:#18243a;color:#fff;margin-top:30px}@media(max-width:760px){.topbar{padding:0 12px}.brand{font-size:19px}.topbar nav{font-size:12px}.hero{padding:28px 16px;display:block}.hero-art{width:120px;height:105px;min-width:0;margin-bottom:18px}.student{font-size:45px}.bubble{font-size:12px}.controls>div:first-child{grid-template-columns:1fr 1fr}.status{gap:10px;font-size:14px}.formula-grid{grid-template-columns:1fr}.panel{padding:15px;border-radius:16px}.question{padding:15px}.qtext{font-size:16px}.button-row button{flex:1}.answer-row input{min-width:100%;width:100%}}@media print{.topbar,.hero-art,.controls,.status,.question button,.result,footer{display:none!important}.hero{padding:15px}.panel{box-shadow:none;border:1px solid #ccc}.answer{display:block!important}.questions{display:block}.question{page-break-inside:avoid;margin-bottom:12px}body{background:#fff}.guide{display:none}}