*{box-sizing:border-box} body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:#f6f7fb;color:#111}
.top{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 18px 8px}
h1{margin:0;font-size:20px} .sub{margin:6px 0 0;color:#444;font-size:13px}
.card{background:#fff;margin:10px 18px 18px;padding:16px;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.foot{padding:0 18px 18px;color:#666}
.setList{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:10px}
.set{border:1px solid #e6e7ee;border-radius:14px;padding:12px}
.set h3{margin:0 0 6px;font-size:16px}
.meta{color:#555;font-size:12px;margin:0}
.row{display:flex;gap:10px;align-items:center}
.space{justify-content:space-between}
button,a.secondary{border:1px solid #d9dbe8;background:#fff;color:#111;border-radius:12px;padding:10px 12px;cursor:pointer;text-decoration:none;font-size:14px}
button.primary{border:0;background:#111;color:#fff}
button:disabled{opacity:.5;cursor:not-allowed}
.pill{font-size:12px;color:#333;background:#f1f2f8;border:1px solid #e3e5f2;padding:6px 10px;border-radius:999px}
.qBox h2{margin:10px 0 12px;font-size:16px}
.opt{border:1px solid #e6e7ee;border-radius:12px;padding:10px;margin:8px 0;display:flex;gap:10px;align-items:flex-start}
.opt.correct{border-color:#1a7f37;background:rgba(26,127,55,.08)}
.opt.wrong{border-color:#b35c00;background:rgba(179,92,0,.10)}
.opt label{flex:1;cursor:pointer}
.resultBox{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px dashed #d9dbe8;color:#222;background:#fafbff;min-height:44px}
.hint{color:#555;font-size:12px}
.actions{margin-top:12px}
code{background:#f1f2f8;padding:1px 6px;border-radius:8px}