:root{--bg: #0b1220;--surface: #131c2e;--surface-2: #1c2740;--border: #25324d;--text: #e6edf7;--muted: #93a1b8;--primary: #14b8a6;--primary-dark: #0f766e;--danger: #ef4444;--ok: #10b981;--radius: 14px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:720px;margin:0 auto;padding:16px 16px 40px}.brand{display:flex;align-items:center;gap:12px;padding:18px 4px 8px}.brand h1{font-size:18px;margin:0;font-weight:700}.brand .sub{font-size:12px;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:14px}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.field{margin-bottom:14px}input{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:13px;font-size:16px;font-family:inherit}input:focus,select:focus{outline:none;border-color:var(--primary)}select{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:13px;font-size:16px;font-family:inherit}.hint{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 16px;border:none;border-radius:12px;background:var(--primary);color:#04201c;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .15s}.btn:disabled{opacity:.5;cursor:default}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn.ghost{background:transparent;color:var(--muted)}.btn-row{display:flex;gap:10px}.muted{color:var(--muted)}.center{text-align:center}.error-box{background:#ef44441f;border:1px solid var(--danger);color:#fecaca;padding:12px;border-radius:10px;font-size:14px;margin-bottom:12px}.info-box{background:#14b8a61a;border:1px solid var(--primary-dark);padding:14px;border-radius:10px;font-size:14px;line-height:1.5}.spinner{width:30px;height:30px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:60px auto}@keyframes spin{to{transform:rotate(360deg)}}.exam-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0b1220eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;margin:0 -16px 14px}.exam-bar .progress{font-size:14px;font-weight:600}.exam-bar .progress small{color:var(--muted);font-weight:400}.timer{font-variant-numeric:tabular-nums;font-weight:800;font-size:18px;padding:5px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}.timer.warn{color:#fecaca;border-color:var(--danger);background:#ef444424}.q-num{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.q-text{font-size:16px;font-weight:600;line-height:1.4;margin-bottom:12px}.q-image{width:100%;border-radius:10px;border:1px solid var(--border);margin-bottom:12px}.opt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--surface-2);border:1.5px solid var(--border);border-radius:11px;color:var(--text);padding:13px 14px;font-size:15px;font-family:inherit;cursor:pointer;margin-bottom:9px;transition:border-color .12s,background .12s}.opt:last-child{margin-bottom:0}.opt .mark{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:2px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--muted)}.opt.sel{border-color:var(--primary);background:#14b8a61f}.opt.sel .mark{border-color:var(--primary);background:var(--primary);color:#04201c}.opt.correct{border-color:var(--ok);background:#10b98124}.opt.wrong{border-color:var(--danger);background:#ef44441f}.result-big{text-align:center;padding:20px 0 8px}.result-big .pct{font-size:56px;font-weight:800;line-height:1}.result-verdict{display:inline-block;margin-top:12px;padding:8px 20px;border-radius:999px;font-weight:700;font-size:16px}.result-verdict.pass{background:#10b98129;color:#6ee7b7;border:1px solid var(--ok)}.result-verdict.fail{background:#ef444424;color:#fecaca;border:1px solid var(--danger)}