:root{--bg:#0d1117;--panel:#161b22;--panel2:#21262d;--line:#30363d;--text:#f0f6fc;--muted:#8b949e;--accent:#2f81f7;--green:#3fb950;--red:#f85149;--yellow:#d29922;--purple:#a371f7}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(180deg,#0d1117,#090c10);color:var(--text);min-height:100vh}.hidden{display:none!important}button{font:inherit}.app-shell{min-height:100vh}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(13,17,23,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center}.mark{width:40px;height:40px;border-radius:10px;background:#f0f6fc;color:#0d1117;display:grid;place-items:center;font-weight:800;letter-spacing:-1px}.brand strong,.brand span{display:block}.brand strong{font-size:14px}.brand span{font-size:12px;color:var(--muted);margin-top:2px}.top-actions{display:flex;align-items:center;gap:14px}.timer{font:600 15px JetBrains Mono,monospace;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.ghost,.secondary,.primary,.danger,.submit-btn,.flag-btn,.filter{border:0;border-radius:8px;cursor:pointer;font-weight:600}.ghost,.secondary{background:transparent;color:var(--text);border:1px solid var(--line);padding:10px 14px}.primary{background:var(--accent);color:white;padding:11px 18px}.primary.large{width:100%;padding:15px;font-size:15px}.danger{background:var(--red);color:white;padding:12px 18px}.start-screen,.review-screen{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:40px 20px}.hero-card,.review-card{width:min(760px,100%);padding:44px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--panel),#11161d);box-shadow:0 28px 70px rgba(0,0,0,.35)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#79c0ff}.hero-card h1,.review-card h1{font-size:42px;letter-spacing:-.04em;margin:12px 0}.hero-card>p,.review-card>p{color:var(--muted);line-height:1.7;max-width:650px}.stats-grid,.review-stats,.result-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.stats-grid div,.review-stats div,.result-metrics div{padding:18px;border:1px solid var(--line);border-radius:10px;background:#0d1117}.stats-grid strong,.review-stats strong,.result-metrics strong{display:block;font-size:19px}.stats-grid span,.review-stats span,.result-metrics span{display:block;color:var(--muted);font-size:11px;margin-top:6px}.notice{display:flex;flex-direction:column;gap:6px;padding:16px;border-left:3px solid var(--accent);background:rgba(47,129,247,.08);margin-bottom:22px}.notice span{font-size:13px;color:var(--muted);line-height:1.5}.exam-layout{width:min(1380px,94vw);margin:34px auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.progress-row{margin-bottom:15px}.progress-row>div:first-child{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:8px}.progress-track{height:4px!important;background:var(--line);border-radius:4px;overflow:hidden}.progress-track span{height:100%;display:block;background:var(--accent);width:0;transition:.25s}.question-card,.sidebar-card,.answer-review,.result-summary{background:var(--panel);border:1px solid var(--line);border-radius:14px}.question-card{padding:34px;min-height:510px}.question-head{display:flex;justify-content:space-between;gap:16px}.source-number{font:600 11px JetBrains Mono;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.flag-btn{background:transparent;color:var(--muted);padding:8px 10px}.flag-btn.active{color:#f2cc60;background:rgba(210,153,34,.1)}.question-card h2{font-size:24px;line-height:1.45;max-width:900px;margin:24px 0 8px}.instruction{font-size:13px;color:var(--muted);margin-bottom:24px}.options{display:grid;gap:12px}.option{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);padding:16px;border-radius:10px;cursor:pointer;transition:.16s;background:#0d1117}.option:hover{border-color:#6e7681;background:#111820}.option.selected{border-color:var(--accent);background:rgba(47,129,247,.1)}.choice{width:26px;height:26px;border:1px solid #6e7681;border-radius:50%;display:grid;place-items:center;font:600 12px JetBrains Mono;flex:0 0 auto}.multiple .choice{border-radius:6px}.option.selected .choice{background:var(--accent);border-color:var(--accent);color:white}.option-text{line-height:1.5;font-size:14px}.nav-actions{display:flex;justify-content:space-between;margin-top:16px}.sidebar{display:flex;flex-direction:column;gap:14px}.sidebar-card{padding:18px}.side-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:16px}.side-title span:last-child{color:var(--muted);font-size:10px}.palette{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.qbtn{aspect-ratio:1;border:1px solid var(--line);background:#0d1117;color:var(--muted);border-radius:7px;cursor:pointer;font:600 11px JetBrains Mono;position:relative}.qbtn.answered{color:white;border-color:#238636;background:rgba(35,134,54,.25)}.qbtn.current{outline:2px solid var(--accent);outline-offset:1px}.qbtn.flagged:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:var(--yellow);right:4px;top:4px}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;color:var(--muted);font-size:10px}.legend span{display:flex;align-items:center;gap:5px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.answered{background:var(--green)}.dot.flagged{background:var(--yellow)}.dot.current{background:var(--accent)}.submit-btn{background:#238636;color:#fff;padding:13px}.review-stats{grid-template-columns:repeat(3,1fr)}.review-actions{display:flex;justify-content:flex-end;gap:10px}.result-screen{width:min(1180px,94vw);margin:36px auto 70px}.result-summary{text-align:center;padding:40px;margin-bottom:20px}.score-ring{width:150px;height:150px;border-radius:50%;border:10px solid var(--line);display:grid;place-items:center;margin:18px auto}.score-ring span{font-size:32px;font-weight:800}.result-summary h1{margin-bottom:8px}.result-summary p{color:var(--muted)}.result-metrics{grid-template-columns:repeat(3,1fr);max-width:520px;margin:28px auto}.answer-review{padding:28px}.review-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}.review-header h2{margin:0 0 6px}.review-header p{margin:0;color:var(--muted);font-size:12px}.filter-row{display:flex;gap:6px}.filter{padding:8px 10px;background:#0d1117;color:var(--muted);border:1px solid var(--line);font-size:11px}.filter.active{color:white;border-color:var(--accent)}.review-item{padding:22px 0;border-top:1px solid var(--line)}.review-item:first-child{border-top:0}.review-item .meta{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:8px}.badge{padding:3px 7px;border-radius:99px;font-size:9px;font-weight:800}.badge.ok{background:rgba(63,185,80,.13);color:#56d364}.badge.bad{background:rgba(248,81,73,.13);color:#ff7b72}.badge.blank{background:rgba(139,148,158,.12);color:var(--muted)}.review-item h3{font-size:15px;line-height:1.45;margin:8px 0 12px}.review-answers{font-size:12px;color:var(--muted);line-height:1.7}.review-answers strong{color:var(--text)}.explanation{margin-top:12px;padding:12px 14px;background:#0d1117;border-left:3px solid var(--purple);font-size:12px;line-height:1.65;color:#c9d1d9}@media(max-width:900px){.exam-layout{grid-template-columns:1fr}.sidebar{order:-1}.palette{grid-template-columns:repeat(10,1fr)}.sidebar-card .legend{display:none}.hero-card{padding:30px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.topbar{padding:0 16px}.brand span{display:none}.hero-card h1{font-size:32px}.question-card{padding:22px}.question-card h2{font-size:20px}.palette{grid-template-columns:repeat(8,1fr)}.review-header{align-items:flex-start;flex-direction:column}.stats-grid,.review-stats,.result-metrics{grid-template-columns:1fr 1fr}.review-actions{flex-direction:column}.review-actions button{width:100%}}