:root{--g:#087f5b;--gd:#075c43;--mint:#e9fff7;--ink:#17322a;--muted:#64756f;--card:#fff;--bad:#d93025;--good:#15803d;--line:#dbe9e3;--shadow:0 10px 30px rgba(0,80,60,.10)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f4fbf8;color:var(--ink);line-height:1.6}.topbar{position:sticky;top:0;z-index:20;background:linear-gradient(90deg,var(--gd),var(--g));color:#fff;box-shadow:0 3px 14px #0002}.nav{max-width:1180px;margin:auto;padding:12px 16px;display:flex;align-items:center;gap:24px}.logo{color:#fff;text-decoration:none;font-size:22px;font-weight:900}.crumb{font-weight:700;font-size:14px}.hero{text-align:center;padding:34px 16px 30px;background:radial-gradient(circle at 50% 0,#d8fff0,#f4fbf8 65%);overflow:hidden}.hero-art{font-size:40px;animation:float 2.6s ease-in-out infinite}.hero h1{margin:10px auto 5px;max-width:900px;font-size:clamp(26px,5vw,46px);line-height:1.1;color:var(--gd)}.hero p{margin:8px auto 18px;color:var(--muted);font-weight:700}.hero-badges{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.hero-badges span,.topic-grid span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800;box-shadow:0 4px 12px #075c4310}.wrap{max-width:1180px;margin:auto;padding:18px 14px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:20px;margin-bottom:18px}.card h2{margin-top:0;color:var(--gd)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid label{font-weight:800;font-size:14px}.grid select{width:100%;margin-top:6px;padding:12px;border:1px solid #cbded7;border-radius:11px;background:#fff;font-size:15px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}button{border:0;border-radius:11px;padding:11px 15px;font-weight:900;cursor:pointer;background:#e7f6f0;color:var(--gd)}button:hover{transform:translateY(-1px)}button.primary{background:var(--g);color:#fff}.notice{margin-top:14px;background:#fff7d6;border-left:5px solid #f0b429;padding:12px;border-radius:10px}.status{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.topic{margin-left:auto;color:var(--muted)}.progress{height:13px;background:#dcece6;border-radius:99px;overflow:hidden;margin:0 0 18px}.progress div{height:100%;width:0;background:linear-gradient(90deg,#13a66f,#54d69e);transition:width .3s}.topic-grid{display:flex;gap:8px;flex-wrap:wrap}.question{border:1px solid var(--line);background:#fff;border-radius:16px;padding:17px;margin-bottom:14px;box-shadow:0 6px 18px #075c430b}.qhead{display:flex;justify-content:space-between;gap:10px;align-items:center}.qnum{font-weight:1000;color:var(--gd)}.tag{font-size:12px;font-weight:900;background:var(--mint);padding:5px 9px;border-radius:999px}.qtext{font-size:17px;font-weight:800;margin:10px 0}.options{display:grid;gap:8px}.opt{border:1px solid #cfe1da;background:#fbfffd;text-align:left}.opt.selected{outline:3px solid #8de4c1;background:#eafff5}.opt.correct{background:#d9f8df!important;border-color:#58b96b;color:#145c25}.opt.wrong{background:#ffe0df!important;border-color:#e05d56;color:#8c201b}.answerbox{width:100%;padding:12px;border:2px solid #cfe1da;border-radius:11px;font-size:16px;margin:8px 0}.answerbox.correct{background:#dcfce7;border-color:var(--good);color:#14532d}.answerbox.wrong{background:#fee2e2;border-color:var(--bad);color:#7f1d1d}.qactions{display:flex;gap:8px;flex-wrap:wrap}.show{display:none;background:#eefaf5;border-left:4px solid var(--g);padding:9px;margin-top:8px}.checked .show{display:block}.feedback{font-weight:900;margin-top:8px}.correctmsg{color:var(--good)}.wrongmsg{color:var(--bad)}table{width:100%;border-collapse:collapse;margin:10px 0;background:#fff}th,td{border:1px solid #cfe1da;padding:8px;text-align:left}th{background:#eafff5}.result{text-align:center}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.result-grid div{background:var(--mint);padding:15px;border-radius:14px}.result-grid b{display:block;font-size:28px;color:var(--gd)}.result-grid small{font-weight:800}.hidden{display:none}.guide h3{color:var(--gd);background:#eafff5;padding:9px 12px;border-radius:9px}.guide p{margin:10px 0}footer{text-align:center;padding:28px 15px;background:#063f2e;color:#dffcf1;font-weight:700}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes pop{50%{transform:scale(1.04)}}.pop{animation:pop .35s ease}.shake{animation:shake .35s ease}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}.topic{margin-left:0;width:100%}}@media(max-width:560px){.nav{display:block}.crumb{margin-top:6px;font-size:12px}.hero{padding-top:24px}.hero-art{font-size:32px}.wrap{padding:10px}.card{padding:14px;border-radius:14px}.grid,.result-grid{grid-template-columns:1fr 1fr}.actions button{flex:1 1 45%}.qtext{font-size:16px}.status{font-size:13px}}
@media print{.topbar,.hero,.controls,.status,.progress,.topics,.qactions,.guide,footer{display:none!important}.wrap{max-width:none;padding:0}.question{break-inside:avoid;box-shadow:none}.show{display:block}.card{box-shadow:none;border:0}}