:root{color:#17243b;background:#f3f6fb;font-family:Inter,system-ui,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}header.topbar{color:#fff;background:#173c78;justify-content:space-between;align-items:center;gap:12px;padding:15px 24px;display:flex}header strong{font-size:24px}.shell{max-width:1240px;margin:28px auto;padding:0 18px}.card{background:#fff;border:1px solid #dce4ef;border-radius:14px;margin-bottom:18px;padding:24px;box-shadow:0 4px 18px #18314f0a}h1{margin:0 0 8px;font-size:27px}h2{margin:0 0 12px;font-size:20px}p{color:#5b677a}.muted{color:#67758a;font-size:14px}.primary{color:#fff;background:#2058aa;border:0;border-radius:9px;padding:11px 17px;font-weight:650}.secondary{color:#24426b;background:#fff;border:1px solid #b9c7da;border-radius:9px;padding:10px 15px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;display:grid}.tile{background:#fff;border:1px solid #dce4ef;border-radius:13px;padding:20px}.tile h2{margin-bottom:5px}.tile button{margin-top:12px}.code{border:1px solid #bccbdf;border-radius:9px;width:min(100%,350px);margin:15px 0;padding:13px;display:block}.exam-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:18px;display:grid}.question{scroll-margin-top:16px}.qhead{color:#17417c;margin-bottom:14px;font-weight:750}.qimage{object-fit:contain;background:#f9fbff;border:1px solid #e2e8f0;border-radius:9px;width:680px;max-width:100%;min-height:130px;display:block}.image-fallback{color:#62758e;background:#f7f9fd;border:1px dashed #bbc9db;border-radius:9px;margin-bottom:13px;padding:34px 18px}.choices{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.choice{color:#29466e;background:#fff;border:1px solid #b7c7dc;border-radius:7px;width:43px;height:37px;font-weight:700}.choice.selected{color:#fff;background:#2058aa;border-color:#2058aa}.choice.correct{color:#12663c;background:#d9f6e5;border-color:#42ad75}.choice.wrong{color:#9c2630;background:#ffe2e4;border-color:#dc6470}.side{position:sticky;top:12px}.side .card{padding:15px}.progress-grid{grid-template-columns:repeat(5,1fr);gap:7px;margin-top:14px;display:grid}.number{color:#44536b;background:#eef2f7;border:1px solid #d3dce8;border-radius:7px;padding:9px 0;font-weight:700}.number.done{color:#15683c;background:#d7f5e2;border-color:#a5d7b8}.number.active{outline-offset:1px;outline:2px solid #2663c7}.number.bad{color:#a02c36;background:#ffe2e4;border-color:#e9a4aa}.result{border-left:5px solid #2871c5}.score{color:#17447d;font-size:36px;font-weight:800}.feedback{background:#f2f6fb;border-radius:8px;margin-top:12px;padding:10px 13px}.feedback strong{color:#244b82}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.history{margin-bottom:10px;font-size:13px;line-height:1.7}.pill{color:#24549a;background:#edf4ff;border-radius:20px;padding:5px 9px;font-size:12px}.overlay{z-index:5;background:#12233c99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:14px;width:100%;max-width:420px;padding:25px}.notice{color:#6c5420;background:#fff7e6;border:1px solid #f2d38c;border-radius:8px;margin-bottom:18px;padding:12px}.link{color:#e7f1ff;background:0 0;border:0;text-decoration:underline}.error{color:#ad2f38}@media (width<=820px){.exam-layout{flex-direction:column-reverse;display:flex}.side{width:100%;position:static}.shell{margin:16px auto}.card{padding:17px}.progress-grid{grid-template-columns:repeat(8,1fr)}}html{scroll-behavior:smooth}