:root{--font-xs:12px;--font-sm:14px;--font-base:16px;--font-md:16px;--font-lg:18px;--font-lx:19px;--font-llx:18px;--font-xl:18px;--font-xll:20px;--font-xxl:22px;--font-xxxl:30px;--font-2xl:24px;--font-5xl:28px}.qz-root{display:flex;gap:16px;padding:20px;background:#eef3fb;min-height:90vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.qz-main{flex:1;display:flex;flex-direction:column;gap:14px}.qz-topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:14px;padding:14px 20px;border:.5px solid #dbeafe}.qz-logo{font-size:var(--font-xl);font-weight:600;color:#1e3a8a;letter-spacing:.5px}.qz-topright{display:flex;align-items:center;gap:10px}.qz-marks-badge{font-size:var(--font-lg);color:#475569;background:#f8fafc;border:.5px solid #e2e8f0;border-radius:20px;padding:6px 14px}.qz-timer{display:flex;align-items:center;gap:7px;background:#eff6ff;border:.5px solid #bfdbfe;border-radius:20px;padding:6px 16px;font-size:18px;font-weight:600;color:#1d4ed8}.qz-timer--danger{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.qz-timer-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0}.qz-timer--danger .qz-timer-dot{background:#ef4444}.qz-card{background:#fff;border-radius:14px;border:.5px solid #dbeafe;border-left:4px solid #3b82f6;padding:1.25rem 1.5rem}.qz-card-inner{display:flex;align-items:flex-start;gap:16px}.qz-qnum{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#1d4ed8,#3b82f6);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;flex-shrink:0}.qz-card-body{flex:1}.qz-question{font-size:var(--font-xll);font-weight:500;color:#1e3a8a;line-height:1.65;margin-bottom:12px}.qz-badges{display:flex;flex-wrap:wrap;gap:8px}.badge{font-size:var(--font-md);padding:4px 12px;border-radius:20px;font-weight:500}.badge-blue{background:#eff6ff;color:#1d4ed8;border:.5px solid #bfdbfe}.badge-green{background:#f0fdf4;color:#15803d;border:.5px solid #bbf7d0}.badge-orange{background:#fff7ed;color:#c2410c;border:.5px solid #fed7aa}.badge-purple{background:#faf5ff;color:#7e22ce;border:.5px solid #e9d5ff}.qz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.opt{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:16px 18px;cursor:pointer;display:flex;align-items:center;gap:14px;transition:all .18s}.opt:hover{border-color:#3b82f6;background:#eff6ff}.opt-correct{border-color:#22c55e!important;background:#f0fdf4!important}.opt-wrong{border-color:#ef4444!important;background:#fef2f2!important}.opt-key{width:34px;height:34px;border-radius:8px;background:#f1f5f9;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:500;color:#475569;flex-shrink:0;transition:all .18s}.opt:hover .opt-key{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.opt-correct .opt-key{background:#dcfce7;border-color:#22c55e;color:#15803d}.opt-wrong .opt-key{background:#fee2e2;border-color:#ef4444;color:#b91c1c}.opt-text-home{font-size:var(--font-xl);color:#334155;line-height:1.5;flex:1}.opt-correct .opt-text-home{color:#15803d;font-weight:500}.opt-wrong .opt-text-home{color:#b91c1c}.opt-icon{margin-left:auto;font-size:16px;color:#22c55e;font-weight:600}.opt-icon--wrong{color:#ef4444}.qz-explain{background:#fffbeb;border:.5px solid #fde68a;border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.qz-explain-title{font-size:var(--font-md);font-weight:600;color:#92400e}.qz-explain-text{font-size:var(--font-lx);color:#78350f;line-height:1.6}.qz-stats{background:#fff;border:.5px solid #dbeafe;border-radius:14px;padding:16px 24px;display:flex;align-items:center;gap:0}.qz-stat{flex:1;text-align:center}.qz-stat-val{font-size:var(--font-xxl);font-weight:500}.qz-stat-val--green{color:#15803d}.qz-stat-val--red{color:#b91c1c}.qz-stat-val--blue{color:#1d4ed8}.qz-stat-val--gray{color:#94a3b8}.qz-stat-label{font-size:var(--font-llx);color:#94a3b8;margin-top:2px}.qz-stat-divider{width:.5px;height:40px;background:#e2e8f0}.qz-footer{display:flex;align-items:center;gap:14px;background:#fff;border:.5px solid #dbeafe;border-radius:14px;padding:14px 18px}.qz-progress-wrap{flex:1}.qz-progress-top{display:flex;justify-content:space-between;margin-bottom:6px;font-size:var(--font-lg);color:#94a3b8}.qz-track{height:6px;background:#e2e8f0;border-radius:4px;overflow:hidden}.qz-fill{height:100%;background:linear-gradient(90deg,#1d4ed8,#3b82f6,#38bdf8);border-radius:4px;transition:width .4s ease}.qz-actions{display:flex;gap:8px}.qz-btn{padding:9px 18px;border-radius:10px;font-size:var(--font-xl);font-weight:500;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#475569;transition:all .18s;white-space:nowrap}.qz-btn:hover{background:#f8fafc;border-color:#cbd5e1}.qz-btn:disabled{opacity:.35;pointer-events:none}.qz-btn--primary{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;border:none}.qz-btn--primary:hover{background:linear-gradient(135deg,#1e40af,#2563eb)}.qz-sidebar{width:400px;display:flex;flex-direction:column;gap:14px}.qz-sidebar-card{background:#fff;border:.5px solid #dbeafe;border-radius:14px;padding:1.1rem}.qz-sidebar-title{font-size:18px;font-weight:600;color:#94a3b8;letter-spacing:1px;margin-bottom:14px}.qz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.qz-gridnum{width:38px;height:38px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;display:flex;align-items:center;justify-content:center;font-size:var(--font-lx);font-weight:600;color:#94a3b8;cursor:pointer;transition:all .18s}.qz-gridnum:hover{border-color:#3b82f6;color:#1d4ed8}.qz-gridnum--active{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;border:none}.qz-gridnum--correct{background:#f0fdf4;color:#15803d;border-color:#86efac}.qz-gridnum--wrong{background:#fef2f2;color:#b91c1c;border-color:#fca5a5}.qz-legend{display:flex;flex-direction:column;gap:8px;margin-top:14px;padding-top:14px;border-top:.5px solid #f1f5f9}.qz-legend-item{display:flex;align-items:center;gap:8px;font-size:var(--font-lx);color:#64748b}.qz-legend-dot{width:15px;height:15px;border-radius:4px;flex-shrink:0}.qz-legend-dot--active{background:linear-gradient(135deg,#1d4ed8,#3b82f6)}.qz-legend-dot--correct{background:#f0fdf4;border:1.5px solid #86efac}.qz-legend-dot--wrong{background:#fef2f2;border:1.5px solid #fca5a5}.qz-legend-dot--none{background:#f8fafc;border:1.5px solid #e2e8f0}.qz-score-card{background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-radius:14px;padding:1.25rem;color:#fff}.qz-score-title{font-size:var(--font-2xl);font-weight:600;color:hsla(0,0%,100%,.6);letter-spacing:1px;margin-bottom:8px}.qz-score-big{font-size:var(--font-5xl);font-weight:500;color:#fff}.qz-score-sub{font-size:var(--font-2xl);color:hsla(0,0%,100%,.55);margin-top:2px;margin-bottom:14px}.qz-score-rows{display:flex;flex-direction:column;gap:8px}.qz-score-row{display:flex;justify-content:space-between;font-size:var(--font-xl);color:hsla(0,0%,100%,.75)}.qz-score-row span:last-child{font-weight:600;color:#fff}@media (max-width:900px){.qz-sidebar{display:none}.qz-root{padding:14px}}@media (max-width:640px){.qz-timer{font-size:14px}.qz-btn{font-size:var(--font-md)}.qz-progress-top{font-size:var(--font-sm)}.qz-stat-label{font-size:var(--font-md)}.qz-explain-text,.qz-explain-title{font-size:17px}.opt-text-home{font-size:var(--font-md)}.opt-key{width:23px;height:23px}.badge,.opt-key{font-size:var(--font-xs)}.qz-logo{font-size:var(--font-lg)}.qz-root{padding:10px;gap:10px}.qz-topbar{padding:10px 14px;flex-wrap:wrap;gap:8px}.qz-marks-badge{display:none}.qz-options{grid-template-columns:1fr}.qz-question{font-size:var(--font-md)}.qz-card{padding:1rem 1.1rem}.qz-qnum{width:25px;height:25px;font-size:11px}.qz-stat-val{font-size:18px}.qz-footer,.qz-stats{padding:12px 14px}.qz-footer{flex-direction:column;align-items:stretch;gap:10px}.qz-actions{justify-content:flex-end}}@media (max-width:400px){.qz-logo{font-size:var(--font-lg)}.qz-card-inner{gap:10px}.qz-qnum{width:30px;height:30px;font-size:12px;border-radius:8px}.qz-opt{padding:12px 14px;gap:10px}.qz-btn{padding:8px 14px;font-size:12px}.qz-timer{font-size:13px;padding:5px 12px}.qz-stat-val{font-size:16px}.qz-stat-label{font-size:11px}}