styles.css

.confidence-options{border:0;border-top:1px solid var(--line);margin:1.5rem 0 0;padding:1rem 0 0;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.confidence-options legend{color:var(--muted);font-size:.82rem;font-weight:700;padding:0 .5rem 0 0}.confidence-options label{cursor:pointer}.confidence-options input{position:absolute;opacity:0;pointer-events:none}.confidence-options span{display:block;border:1px solid var(--line);border-radius:999px;padding:.45rem .8rem;color:var(--muted);font-size:.82rem}.confidence-options input:checked+span{border-color:var(--blue-2);background:rgba(102,117,255,.18);color:var(--ink)}.confidence-options input:focus-visible+span{outline:2px solid var(--blue-2);outline-offset:2px}.calibration{margin-top:4rem}.confidence-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.confidence-result{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.1rem;display:grid;gap:.65rem}.confidence-result>span{color:var(--muted);font-size:.9rem}@media(max-width:700px){.confidence-results{grid-template-columns:1fr}}
:root{--ink:#f5f6ff;--muted:#a7abc2;--bg:#0b0d16;--panel:#121522;--panel-2:#181c2d;--line:#2b3046;--blue:#6675ff;--blue-2:#8993ff;--green:#38d996;--amber:#ffbe55;--red:#ff6b78;--shadow:0 20px 70px rgba(0,0,0,.28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 78% 4%,rgba(102,117,255,.16),transparent 28rem),var(--bg);color:var(--ink);min-height:100vh}button,input{font:inherit}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:99;background:#fff;color:#111;padding:.7rem 1rem}.skip-link:focus{top:1rem}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,4rem);background:rgba(11,13,22,.83);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:.7rem;font-weight:760;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--blue),#8c5bff);font-size:.78rem}.header-status{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--muted)}main{max-width:1320px;margin:auto}.view{padding:clamp(2rem,6vw,5.5rem) clamp(1rem,4vw,4rem)}.hidden{display:none!important}.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.65fr);gap:clamp(2rem,7vw,7rem);align-items:center;min-height:500px}.eyebrow{font-size:.72rem;letter-spacing:.19em;font-weight:800;color:var(--blue-2);margin:0 0 1rem}.hero-grid h1,.result-hero h1{font-size:clamp(2.8rem,6vw,5.4rem);line-height:1.01;letter-spacing:-.06em;margin:0}.hero-grid h1 span{color:#aeb5cc}.lede{max-width:720px;color:var(--muted);font-size:clamp(1rem,2vw,1.25rem);line-height:1.7;margin:1.8rem 0}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.8rem}.actions.centered{justify-content:center}.button{border:1px solid transparent;border-radius:9px;padding:.85rem 1.1rem;font-weight:750;cursor:pointer;transition:transform .15s,background .15s,border-color .15s;color:var(--ink)}.button:hover{transform:translateY(-1px)}.button:focus-visible,.text-button:focus-visible,input:focus-visible{outline:3px solid rgba(137,147,255,.55);outline-offset:2px}.button.primary{background:var(--blue)}.button.primary:hover{background:#7885ff}.button.secondary{background:var(--panel-2);border-color:var(--line)}.button.ghost{background:transparent;border-color:var(--line)}.button.full{width:100%;margin-top:1.25rem}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.fine-print,.seed-help,.keyboard-help{color:#777d96;font-size:.8rem;line-height:1.5}.exam-card{background:linear-gradient(145deg,rgba(27,31,50,.96),rgba(16,19,31,.96));border:1px solid var(--line);border-radius:18px;padding:1.4rem;box-shadow:var(--shadow)}.metric{display:flex;align-items:baseline;justify-content:space-between;padding:1.05rem .25rem;border-bottom:1px solid var(--line)}.metric strong{font-size:2rem;letter-spacing:-.04em}.metric span{color:var(--muted);text-transform:uppercase;font-size:.68rem;letter-spacing:.12em}.toggle-row{display:flex;gap:.7rem;align-items:center;margin:1.2rem .25rem;color:#d8daea}.toggle-row input{accent-color:var(--blue)}.seed-row{display:flex;flex-direction:column;gap:.45rem;color:var(--muted);font-size:.8rem;margin:.9rem .25rem}.seed-row input{background:#0d0f19;border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:.75rem}.coverage-section,.history-section,.breakdown,.review{border-top:1px solid var(--line);padding:3.5rem 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.6rem}.section-heading h2{font-size:clamp(1.5rem,3vw,2.35rem);letter-spacing:-.04em;margin:0}.bank-count{color:var(--muted);font-size:.82rem}.coverage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.coverage-item{border:1px solid var(--line);background:rgba(18,21,34,.7);padding:1rem 1.1rem;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.coverage-item span{color:var(--muted);font-size:.78rem}.history-list{display:grid;gap:.6rem}.history-row{display:grid;grid-template-columns:1.2fr .7fr .7fr .5fr;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.history-row strong.pass{color:var(--green)}.history-row strong.fail{color:var(--red)}.muted{color:var(--muted)}.text-button{background:none;border:0;color:var(--blue-2);padding:.4rem;cursor:pointer;font-weight:700}.text-button.danger{color:var(--red)}.exam{max-width:none;padding-top:2rem}.exam-shell{display:grid;grid-template-columns:280px minmax(0,830px);gap:2rem;justify-content:center;align-items:start}.question-panel{position:sticky;top:94px;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:1.1rem}.panel-top{display:flex;justify-content:space-between;align-items:start}.panel-top .eyebrow{margin-bottom:.35rem}.progress-track{height:5px;background:#252a3c;border-radius:99px;overflow:hidden;margin:1rem 0}.progress-track span{display:block;height:100%;width:0;background:var(--green);transition:width .2s}.question-map{display:grid;grid-template-columns:repeat(5,1fr);gap:.38rem}.map-button{aspect-ratio:1;border:1px solid var(--line);border-radius:7px;background:#0e111c;color:var(--muted);cursor:pointer;font-size:.75rem;position:relative}.map-button.answered{background:rgba(56,217,150,.15);border-color:rgba(56,217,150,.45);color:#8de9c0}.map-button.current{outline:2px solid var(--blue-2);outline-offset:1px;color:#fff}.map-button.flagged:after{content:"";position:absolute;right:3px;top:3px;width:5px;height:5px;background:var(--amber);border-radius:50%}.legend{display:flex;gap:1rem;font-size:.7rem;color:var(--muted);margin-top:.9rem}.legend span{display:flex;align-items:center;gap:.35rem}.dot{width:7px;height:7px;border-radius:50%;background:var(--line)}.dot.answered{background:var(--green)}.dot.flagged{background:var(--amber)}.question-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:clamp(1.25rem,4vw,2.5rem);box-shadow:var(--shadow);min-height:620px}.question-meta{display:flex;gap:.55rem;align-items:center;color:var(--muted);font-size:.78rem;margin-bottom:2rem}.badge{border:1px solid rgba(102,117,255,.5);background:rgba(102,117,255,.13);padding:.28rem .55rem;border-radius:99px;color:#bdc3ff}.muted-badge{border-color:var(--line);background:#171a29;color:var(--muted)}.question-prompt{font-size:1.18rem;line-height:1.65;margin-bottom:1.8rem}.question-prompt p{margin:.5rem 0 1rem}.question-prompt pre{background:#090b12;border:1px solid #252a3d;border-radius:10px;padding:1rem;overflow:auto;color:#d9ddff;font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.question-prompt code,.answer-option code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#090b12;padding:.12em .35em;border-radius:4px;color:#d9ddff}.answer-options{border:0;padding:0;margin:0;display:grid;gap:.72rem}.answer-option{display:grid;grid-template-columns:28px 1fr;gap:.8rem;align-items:start;border:1px solid var(--line);border-radius:10px;padding:1rem;cursor:pointer;background:#0f121e;transition:border-color .15s,background .15s}.answer-option:hover{border-color:#505878}.answer-option.selected{border-color:var(--blue-2);background:rgba(102,117,255,.1)}.answer-option input{position:absolute;opacity:0}.choice-letter{display:grid;place-items:center;width:25px;height:25px;border:1px solid #454c68;border-radius:6px;color:var(--muted);font-weight:800;font-size:.75rem}.selected .choice-letter{background:var(--blue);border-color:var(--blue);color:#fff}.choice-text{line-height:1.55;white-space:pre-wrap}.question-actions{display:grid;grid-template-columns:1fr auto 1fr;gap:.7rem;margin-top:2rem}.question-actions .button:last-child{justify-self:stretch}.keyboard-help{text-align:center;margin-top:1.1rem}.result-hero{text-align:center;display:flex;flex-direction:column;align-items:center;padding:2rem 0 4rem}.result-hero h1{font-size:clamp(2.4rem,5vw,4.5rem)}.score-ring{width:210px;height:210px;border-radius:50%;display:grid;place-items:center;margin:2.3rem 0;background:conic-gradient(var(--green) 0deg,var(--green) var(--score-angle,0deg),#24283b var(--score-angle,0deg));position:relative}.score-ring:before{content:"";position:absolute;inset:13px;background:var(--bg);border-radius:50%}.score-ring>div{z-index:1;display:flex;flex-direction:column}.score-ring strong{font-size:3rem;letter-spacing:-.05em}.score-ring span{color:var(--muted)}.result-message{color:var(--muted);font-size:1.08rem;max-width:650px}.topic-results{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.topic-result{border:1px solid var(--line);border-radius:10px;padding:1rem;background:var(--panel)}.topic-result-top{display:flex;justify-content:space-between;margin-bottom:.7rem}.mini-track{height:6px;background:#272b3f;border-radius:99px;overflow:hidden}.mini-track span{height:100%;display:block;background:var(--blue-2)}.topic-result.weak .mini-track span{background:var(--red)}.review-list{display:grid;gap:.7rem}.review-item{border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.review-item summary{cursor:pointer;padding:1rem 1.1rem;list-style:none;display:flex;gap:1rem;align-items:center}.review-item summary::-webkit-details-marker{display:none}.review-index{color:var(--red);font-weight:800}.review-body{border-top:1px solid var(--line);padding:1rem 1.2rem;color:#d9dbea}.review-body p{line-height:1.6}.review-answer{padding:.75rem;border-radius:8px;margin:.5rem 0}.review-answer.correct{background:rgba(56,217,150,.11);border:1px solid rgba(56,217,150,.35)}.review-answer.wrong{background:rgba(255,107,120,.09);border:1px solid rgba(255,107,120,.3)}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);max-width:470px;padding:1.5rem}dialog::backdrop{background:rgba(0,0,0,.72)}dialog h2{margin-top:0}.dialog-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;min-height:auto}.coverage-grid{grid-template-columns:repeat(2,1fr)}.exam-shell{grid-template-columns:1fr}.question-panel{position:static}.question-map{grid-template-columns:repeat(10,1fr)}.topic-results{grid-template-columns:1fr}}@media(max-width:600px){.topbar{padding:0 1rem}.brand span:last-child{display:none}.view{padding:2rem 1rem}.coverage-grid{grid-template-columns:1fr}.question-map{grid-template-columns:repeat(5,1fr)}.question-card{min-height:0}.question-actions{grid-template-columns:1fr 1fr}.question-actions #flag-btn{grid-row:2;grid-column:1/-1}.history-row{grid-template-columns:1fr 1fr}.section-heading{align-items:start;flex-direction:column}.exam{padding-top:1rem}.score-ring{width:180px;height:180px}}