:root{--background:#f3f7f8;--surface:#fff;--text:#152428;--muted-text:#5b6e73;--border:#c7d3d6;--primary:#006f73;--primary-hover:#00575a;--correct:#157347;--correct-background:#e2f3e8;--incorrect:#b42318;--incorrect-background:#fce8e6;color:var(--text);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}#app{min-height:100svh}.app-shell{place-items:center;min-height:100svh;padding:24px 16px;display:grid}.exam-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;width:min(100%,680px);padding:28px 20px;box-shadow:0 18px 45px #1f353a1f}.exam-card--start,.exam-card--result{text-align:center;max-width:540px}.eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.8125rem;font-weight:800}h1{margin:0;font-size:clamp(1.75rem,7vw,2.5rem);line-height:1.15}.intro{color:var(--muted-text);margin:16px 0 0;font-size:1.0625rem;line-height:1.55}.primary-action{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:10px;width:100%;margin-top:28px;padding:14px 20px;font-weight:800;transition:background-color .16s,transform .16s}.primary-action:hover{background:var(--primary-hover)}.primary-action:active{transform:translateY(1px)}.primary-action:focus-visible,.answer-option:focus-visible{outline-offset:3px;outline:3px solid #8a3f00}.progress-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.progress-row .eyebrow{margin-bottom:0}.progress-count{color:var(--muted-text);font-size:.875rem;font-weight:700}.progress-bar{background:#dce6e8;border:0;border-radius:999px;width:100%;height:8px;margin:14px 0 28px;display:block;overflow:hidden}.progress-bar::-webkit-progress-bar{background:#dce6e8}.progress-bar::-webkit-progress-value{background:var(--primary)}.progress-bar::-moz-progress-bar{background:var(--primary)}.question-image{border-radius:12px;width:min(250px,70%);height:auto;margin:0 auto 1.5rem;display:block}.answer-list{gap:12px;margin-top:28px;display:grid}.answer-option{border:1px solid var(--border);width:100%;color:inherit;background:var(--surface);cursor:pointer;text-align:left;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:16px;transition:border-color .16s,background-color .16s,transform .16s;display:grid}.answer-option:hover:not(:disabled){border-color:var(--primary);background:#eff8f8;transform:translateY(-1px)}.answer-option:disabled{cursor:default}.answer-option__label{width:28px;height:28px;color:var(--primary);background:#e6eef0;border-radius:50%;place-items:center;font-size:.875rem;font-weight:800;display:grid}.answer-option--correct{border-color:var(--correct);background:var(--correct-background)}.answer-option--correct .answer-option__label{color:#fff;background:var(--correct)}.answer-option--incorrect{border-color:var(--incorrect);background:var(--incorrect-background)}.answer-option--incorrect .answer-option__label{color:#fff;background:var(--incorrect)}.feedback{min-height:1.5rem;margin:18px 0 0;font-weight:800}.feedback--correct{color:var(--correct)}.feedback--incorrect{color:var(--incorrect)}.question-actions{min-height:50px}.question-actions .primary-action{margin-top:12px}.result-score{color:var(--primary);margin:24px 0 0;font-size:1.25rem}.result-score strong{font-size:3.5rem;line-height:1}@media (width>=768px){.app-shell{padding:48px 24px}.exam-card{padding:44px}.primary-action{width:auto;min-width:220px}.question-actions{text-align:right}}