.quiz-app{--qz-amber:#fbbf24;--qz-amber-bg:rgba(251,191,36,.1);--qz-amber-border:rgba(251,191,36,.25);--qz-green:#4ade80;--qz-green-bg:rgba(34,197,94,.12);--qz-green-border:rgba(34,197,94,.25);--qz-red:#f87171;--qz-red-bg:rgba(248,113,113,.1);--qz-red-border:rgba(248,113,113,.25);max-width:1200px;margin:0 auto;padding:0 1.25rem;display:flex;gap:0;align-items:flex-start;min-height:calc(100vh - 200px)}.quiz-sidebar{width:250px;flex-shrink:0;padding:2rem 1rem 2rem 0;display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:68px;align-self:flex-start}.qz-back-link{font-family:var(--font-mono);font-size:13px;color:var(--text-dim);text-decoration:none;transition:color .15s;display:inline-block;margin-bottom:1rem}.qz-back-link:hover{color:var(--text-muted)}.qz-brand{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--text);display:flex;align-items:baseline;gap:8px}.qz-brand .qz-count{font-size:11px;color:var(--text-dim)}.mode-switch{display:flex;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:3px}.mode-switch button{flex:1;background:transparent;border:none;color:var(--text-muted);font-family:var(--font);font-size:12px;font-weight:500;padding:8px 6px;border-radius:7px;cursor:pointer;transition:background .15s,color .15s}.mode-switch button.active{background:var(--bg-card);color:var(--accent)}.qz-section-label{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);letter-spacing:.06em;margin:2px 0 -6px 2px;text-transform:uppercase}.chapter-list{display:flex;flex-direction:column;gap:4px}.chapter-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-muted);border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}.chapter-item:hover{background:var(--bg-card);color:var(--text)}.chapter-item.active{background:var(--bg-card);color:var(--text);border-color:var(--border)}.chapter-item .id{font-family:var(--font-mono);font-size:11px;color:var(--accent);margin-right:8px}.chapter-item.mixed .id{color:var(--qz-amber)}.chapter-item .count{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.qz-divider{height:1px;background:var(--border-subtle);margin:2px 0}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font);font-size:12px;padding:9px 12px;border-radius:8px;cursor:pointer;text-align:left;text-decoration:none;display:block;transition:border-color .15s,color .15s}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.quiz-main{flex:1;min-width:0;padding:2rem 0 2rem 1.5rem;border-left:1px solid var(--border-subtle)}.qz-topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;gap:16px}.qz-h1{font-size:20px;font-weight:600;letter-spacing:-.01em;color:#f8fafc;margin:0 0 4px}.qz-sub{color:var(--text-muted);font-size:13px;margin:0}.score-chip{font-family:var(--font-mono);font-size:12px;background:var(--bg-card);border:1px solid var(--border);padding:8px 14px;border-radius:10px;display:flex;align-items:center;gap:10px;white-space:nowrap;flex-shrink:0}.score-chip .num{color:var(--accent);font-weight:600}.score-chip.timer.low{border-color:var(--qz-red);color:var(--qz-red)}.mixed-controls{display:flex;align-items:center;gap:10px;margin-bottom:1.25rem;flex-wrap:wrap;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:10px 14px}.mixed-controls label{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.mixed-controls select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:6px 10px;font-size:13px;font-family:var(--font)}.mixed-filter{display:flex;flex-direction:column;gap:10px;margin-bottom:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:10px 14px}.mixed-filter label{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.mixed-chip-row{display:flex;flex-wrap:wrap;gap:6px}.mixed-chip{font-family:var(--font-mono);font-size:11px;padding:6px 10px;border-radius:7px;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);cursor:pointer;transition:background .12s,border-color .12s,color .12s}.mixed-chip:hover{border-color:var(--accent)}.mixed-chip.active{border-color:var(--accent);color:var(--accent);background:#38bdf814}.progress-track{height:4px;background:var(--bg-card);border-radius:4px;overflow:hidden;margin-bottom:1.75rem}.progress-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.qz-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:28px 28px 24px}.qid{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:.04em;display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.qid .qz-dot{width:7px;height:7px;border-radius:50%;background:var(--text-dim);display:inline-block}.qid .qz-dot.correct{background:var(--qz-green)}.qid .qz-dot.incorrect{background:var(--qz-red)}.qid .chtag{color:var(--accent);background:#38bdf81a;border:1px solid rgba(56,189,248,.2);padding:2px 6px;border-radius:5px}.qtext{font-size:16px;line-height:1.55;margin:0 0 20px;color:var(--text)}.qtext .choose-two{color:var(--qz-amber);font-weight:600}.options{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.option{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;border-radius:10px;border:1px solid var(--border);background:var(--bg);cursor:pointer;font-size:14px;line-height:1.5;transition:border-color .12s,background .12s}.option:hover:not(.locked){border-color:var(--accent)}.option .letter{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);border:1px solid var(--border);border-radius:6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.option.selected{border-color:var(--accent);background:#38bdf814}.option.selected .letter{border-color:var(--accent);color:var(--accent)}.option.correct-answer{border-color:var(--qz-green);background:var(--qz-green-bg)}.option.correct-answer .letter{background:var(--qz-green);color:#062018;border-color:var(--qz-green)}.option.wrong-answer{border-color:var(--qz-red);background:var(--qz-red-bg)}.option.wrong-answer .letter{background:var(--qz-red);color:#2b0a0a;border-color:var(--qz-red)}.option.locked{cursor:default}.actions{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.explain{margin-top:18px;padding:16px 18px;border-radius:10px;background:var(--bg);border-left:3px solid var(--accent);font-size:13px;line-height:1.6;color:var(--text)}.explain.wrong{border-left-color:var(--qz-red)}.explain b{color:var(--accent)}.explain.wrong b{color:var(--qz-red)}.empty{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty .big{font-family:var(--font);font-weight:600;font-size:17px;color:var(--text);margin-bottom:8px}.exam-setup .qz-card{padding:28px}.exam-setup h2{font-size:17px;font-weight:600;color:#f8fafc;margin:0 0 6px}.exam-setup .desc{color:var(--text-muted);font-size:13px;margin:0 0 22px}.setup-row{margin-bottom:18px}.setup-row label{display:block;font-family:var(--font-mono);font-size:11px;color:var(--text-dim);margin-bottom:8px;letter-spacing:.04em}.setup-row input[type=number]{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px;width:140px;font-family:var(--font)}.chapter-checks{display:flex;flex-direction:column;gap:8px}.chapter-check{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text)}.chapter-check input{width:16px;height:16px;accent-color:var(--accent)}.avail-note{font-size:11px;color:var(--text-dim);margin-top:8px}.history-list{margin-top:24px;border-top:1px solid var(--border-subtle);padding-top:18px}.history-list .qz-section-label{margin-bottom:10px;display:block}.history-row{display:flex;justify-content:space-between;font-size:12px;color:var(--text-dim);padding:8px 0;border-bottom:1px solid var(--border-subtle)}.history-row .hscore{color:var(--text);font-family:var(--font-mono)}.exam-nav{display:flex;justify-content:space-between;align-items:center;margin-top:22px;flex-wrap:wrap;gap:10px}.exam-nav .navgroup{display:flex;gap:8px}.qgrid{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.qgrid .qdot{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;color:var(--text-dim);cursor:pointer;background:var(--bg)}.qgrid .qdot.answered{border-color:var(--accent);color:var(--accent)}.qgrid .qdot.current{background:var(--accent);color:#062420;border-color:var(--accent)}.report-summary{display:flex;gap:14px;margin-bottom:24px;flex-wrap:wrap}.report-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px 20px;flex:1;min-width:120px}.report-stat .val{font-family:var(--font-mono);font-size:24px;font-weight:600;color:var(--accent)}.report-stat.fail .val{color:var(--qz-red)}.report-stat .lbl{font-size:11px;color:var(--text-dim);margin-top:4px;font-family:var(--font-mono)}.chbreak{width:100%;border-collapse:collapse;margin-bottom:24px;font-size:13px}.chbreak th,.chbreak td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border-subtle)}.chbreak th{color:var(--text-dim);font-family:var(--font-mono);font-size:11px;font-weight:500}.review-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin-bottom:12px}.review-item .rq{font-size:13px;line-height:1.5;margin-bottom:10px;color:var(--text)}.review-item .ranswers{font-size:12px;line-height:1.6;color:var(--text-muted)}.review-item .ranswers b{color:var(--text)}.review-item.incorrect{border-left:3px solid var(--qz-red)}@media(max-width:820px){.quiz-app{flex-direction:column}.quiz-sidebar{width:100%;position:relative;top:0;padding:1.25rem 0}.quiz-main{padding:1.25rem 0;border-left:none;border-top:1px solid var(--border-subtle)}}