:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17223b;background:#f3f6fb;font-size:16px}*{box-sizing:border-box}body{margin:0}header{max-width:1160px;margin:auto;padding:26px 30px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:20px;font-weight:750;text-decoration:none;color:inherit;display:flex;align-items:center;gap:10px}.logo{background:#205be6;color:white;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800}.session{font-size:12px;letter-spacing:1.4px;color:#657188;border:1px solid #d7deea;border-radius:30px;padding:8px 12px}main{max-width:1100px;margin:30px auto 70px;padding:0 30px}.intro{margin-bottom:34px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:750;color:#205be6}h1{font-size:clamp(36px,5vw,54px);line-height:1.12;letter-spacing:-2px;margin:16px 0}p{line-height:1.6}.intro>p:last-child{color:#657188;max-width:580px}.workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.panel{background:white;border:1px solid #dfe5ef;padding:28px;border-radius:18px;box-shadow:0 5px 20px #17223b04}.step{display:flex;gap:12px;align-items:center;margin-bottom:22px}.step>span{font-size:13px;color:#205be6;background:#edf3ff;border-radius:6px;padding:6px 8px;font-weight:700}h2{font-size:20px;margin:0;letter-spacing:-.5px}.upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:214px;border:2px dashed #c7d4eb;border-radius:12px;background:#f8faff;text-align:center;padding:22px;cursor:pointer}.upload:hover,.upload.drag{border-color:#205be6;background:#eef4ff}.upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload:focus-within{outline:3px solid #8badff;outline-offset:3px}.upload>span:last-of-type{font-size:14px;color:#657188}.upload-icon{font-size:30px;color:#205be6;background:#eaf0ff;border-radius:12px;width:48px;height:48px;display:grid;place-items:center}.hint{font-size:14px;color:#657188;line-height:1.6}.privacy{font-size:14px;color:#657188;padding-top:18px;border-top:1px solid #edf0f5}.field-label,legend{font-size:15px;font-weight:650;margin-bottom:12px;display:block}.count-row{display:flex;align-items:center;gap:14px;margin-bottom:26px}.count-row input{width:100px;padding:12px;font:inherit;border:1px solid #ced7e6;border-radius:8px}.count-row span{font-size:14px;color:#657188}fieldset{border:0;padding:0;margin:0 0 22px}.segmented{display:flex;gap:10px}.segmented label{border:1px solid #d6deea;border-radius:8px;padding:13px 10px;font-size:14px;flex:1;cursor:pointer}.segmented label:has(:checked){border-color:#205be6;background:#edf3ff;color:#1646b9}input[type=radio]{accent-color:#205be6;margin-right:6px}button{font:inherit;font-size:14px;font-weight:650;cursor:pointer;background:white;border:1px solid #cdd6e5;border-radius:8px;padding:12px 18px;color:#17223b}button:hover{background:#edf3ff}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#205be6;color:white;border-color:#205be6}.primary:hover{background:#174ac6}.full{width:100%;margin-top:8px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8badff;outline-offset:3px}.templates{border:1px solid #dfe5ef;border-radius:12px;margin-top:24px;background:white}.templates summary{cursor:pointer;padding:22px 26px;font-size:15px;font-weight:650;display:flex;justify-content:space-between}.template-content{padding:0 26px 22px}.template-content>p{color:#657188}.actions{display:flex;flex-wrap:wrap;gap:10px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6fb;border-radius:8px;padding:20px;font-size:14px;line-height:1.65;max-height:360px;overflow:auto}.error{color:#a32138;background:#fff0f2;padding:12px;border-radius:8px;font-size:14px;white-space:pre-wrap}.test-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.progress{height:6px;background:#dce4f2;border-radius:4px;margin-bottom:28px;overflow:hidden}.progress div{height:100%;background:#205be6}.question{font-size:25px;line-height:1.45;margin:20px 0 26px;white-space:pre-wrap;overflow-wrap:anywhere}.choice{width:100%;text-align:left;display:flex;gap:14px;align-items:flex-start;margin:12px 0;padding:16px;font-weight:400;font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere}.choice .letter{font-weight:700;background:#edf1f7;border-radius:6px;min-width:30px;text-align:center;padding:3px}.choice.selected{background:#edf3ff;border-color:#205be6}.choice.correct{background:#edf9f2;border-color:#32865b}.choice.wrong{background:#fff0f2;border-color:#b64c60}.choice:disabled{opacity:1;cursor:default}.test-nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:26px}.feedback{background:#f3f6fb;border-radius:10px;padding:18px;margin-top:18px;white-space:pre-wrap;overflow-wrap:anywhere}.feedback p{margin-bottom:0}.review{margin-top:20px;border-top:1px solid #dfe5ef;padding-top:22px}.review h3{font-size:18px;line-height:1.5;white-space:pre-wrap}.review p{white-space:pre-wrap;overflow-wrap:anywhere}.score{font-size:64px;font-weight:800;letter-spacing:-3px;margin:10px 0;color:#205be6}.result-summary{display:flex;justify-content:space-between;align-items:center;gap:24px}.badge{font-size:13px;font-weight:650;color:#246446;background:#e9f7ee;padding:5px 9px;border-radius:6px}.badge.missed{color:#a32138;background:#fff0f2}footer{max-width:1100px;margin:auto;padding:24px 30px;border-top:1px solid #dce3ee;font-size:14px;color:#657188;display:flex;justify-content:space-between}[hidden]{display:none!important}@media(max-width:720px){header{padding:20px}.session{font-size:10px}main{padding:0 20px;margin-top:20px}.workspace{grid-template-columns:1fr}.panel{padding:22px}h1{letter-spacing:-1.3px}.segmented{flex-wrap:wrap}.result-summary{display:block}.test-top{align-items:flex-start}.question{font-size:21px}.templates summary{padding:20px}.actions button{width:100%}footer{padding:24px 20px}}