:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#17322c;background:#f2f7f5}*{box-sizing:border-box}body{margin:0}.shell{max-width:880px;margin:auto;padding:18px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0 25px}.brand{font-size:1.55rem;font-weight:850;color:#116b54}.brand small{display:block;font-size:.75rem;color:#61746e;font-weight:500}h1{font-size:1.55rem;margin:0 0 8px}h2{font-size:1.15rem}p{color:#52675f;line-height:1.55}.panel{background:#fff;border:1px solid #dce8e2;border-radius:18px;padding:22px;margin-bottom:15px;box-shadow:0 3px 10px #153f2a08}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats .panel{padding:17px}.stats small,.stats strong{display:block}.stats small{color:#61746e}.stats strong{font-size:1.4rem;margin-top:6px}label{display:block;font-weight:650;margin:14px 0}input{display:block;width:100%;border:1px solid #b7cec2;border-radius:10px;padding:13px;margin-top:7px;font:inherit}button{background:#167c59;color:#fff;border:0;border-radius:11px;padding:12px 18px;font:inherit;font-weight:750;cursor:pointer}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#e7f1ec;color:#19533d}.tabs,.actions{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}.tabs button{background:#e7f1ec;color:#19533d;flex:1}.tabs button.active{background:#167c59;color:#fff}.topic{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e6eee9;padding:12px 0}.hint,footer{font-size:.82rem;color:#6d7e76}.notice{padding:15px;border-radius:12px;background:#fff1d7;border:1px solid #e6c781;margin-bottom:15px}.quizhead{display:flex;justify-content:space-between;color:#667c70}#bar{display:block;width:100%;height:14px;margin:14px 0;accent-color:#19a16d}.choice{display:block;width:100%;text-align:left;background:#f0f6f2;color:#1a3b2b;margin:10px 0;border:2px solid transparent}.choice:disabled{opacity:.72}.choice.correct:disabled,.choice.wrong:disabled{opacity:1}.choice.correct{border-color:#169567;background:#dcf6e9}.choice.wrong{border-color:#d85a52;background:#ffe9e7}.feedback{padding:14px;background:#edf7f0;border-radius:10px;margin:12px 0;line-height:1.5}details{margin-top:24px}summary{cursor:pointer;color:#44685b}footer{text-align:center;padding:20px}@media(max-width:540px){.shell{padding:12px}.panel{padding:16px}.stats{gap:7px}.stats .panel{padding:12px}.stats strong{font-size:1.05rem}.stats small{font-size:.7rem}.brand{font-size:1.25rem}button{width:100%}.tabs button{width:auto}}

[hidden]{display:none!important}
