:root{color:#1a2332;--primary:#1d5bbf;--primary-dark:#154a99;--danger:#c0392b;--ok:#1e7a46;--warn:#b45309;--card:#fff;--border:#d5dde8;--radius:12px;background:#eef2f7;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}.app{flex-direction:column;min-height:100vh;display:flex}.app__header{color:#fff;background:linear-gradient(120deg,#0f3d7a,#1d5bbf);padding:.85rem 1.25rem;box-shadow:0 2px 12px #0f3d7a40}.app__brand{letter-spacing:.02em;font-weight:700}.app__main{flex:1;width:min(960px,100%);margin:0 auto;padding:1.25rem}.panel{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem;box-shadow:0 8px 30px #1a233214}.intro h1{margin-top:0;font-size:1.65rem}.intro__lead{color:#334155;font-size:1.05rem}.intro__rules{color:#475569;padding-left:1.2rem}.error{color:var(--danger);font-weight:600}.btn{border:1px solid var(--border);color:#1e293b;cursor:pointer;background:#f8fafc;border-radius:8px;padding:.55rem 1rem;font-size:.95rem;font-weight:600}.btn:hover:not(:disabled){background:#eef2f7}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary);border-color:var(--primary);color:#fff;margin-top:.5rem}.btn--primary:hover:not(:disabled){background:var(--primary-dark)}.btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.exam__top{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.timer{font-variant-numeric:tabular-nums;flex-direction:column;display:flex}.timer__label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.timer__value{font-size:1.5rem;font-weight:800}.timer--urgent .timer__value{color:var(--danger)}.exam__progress{color:#475569}.question-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem}.question-card__header{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.75rem;display:flex}.question-card__badge{color:var(--primary);background:#e8f0ff;border-radius:999px;padding:.2rem .55rem;font-size:.85rem;font-weight:700}.question-card__meta{color:#94a3b8;font-size:.8rem}.question-card__stem{margin:0 0 1rem;font-size:1.05rem;font-weight:600}.question-card__images img{border:1px solid var(--border);border-radius:8px;max-width:100%;margin-bottom:.75rem}.options{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.option{border:1px solid var(--border);cursor:pointer;background:#fafbfc;border-radius:8px;align-items:flex-start;gap:.65rem;padding:.65rem .75rem;display:flex}.option--selected{border-color:var(--primary);background:#edf4ff}.option input{margin-top:.25rem}.exam__controls{gap:.5rem;margin-bottom:1rem;display:flex}.question-nav{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;gap:.35rem;max-height:200px;padding:.75rem;display:flex;overflow:auto}.question-nav__item{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;width:2.1rem;height:2.1rem;font-size:.8rem}.question-nav__item--answered{background:#dcfce7;border-color:#86efac}.question-nav__item--current{outline:2px solid var(--primary);font-weight:700}.result h1{margin-top:0}.result__score{align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.result__points span{color:var(--primary);font-size:2rem;font-weight:800}.result__percent{color:#64748b;margin:0;font-size:1.25rem}.result__actions{margin-bottom:1.5rem}.result-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.result-item{border:1px solid var(--border);background:#fafbfc;border-radius:8px;padding:.85rem 1rem}.result-item--correct{border-left:4px solid var(--ok)}.result-item--wrong{border-left:4px solid var(--danger)}.result-item--skipped{border-left:4px solid #94a3b8}.result-item__head{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.result-item__id{color:#94a3b8;font-size:.85rem}.result-item__tag{border-radius:4px;padding:.1rem .45rem;font-size:.75rem;font-weight:700}.result-item__tag--correct{color:var(--ok);background:#dcfce7}.result-item__tag--wrong{color:var(--danger);background:#fee2e2}.result-item__tag--skipped{color:#475569;background:#e2e8f0}.result-item__stem{margin:.25rem 0 .5rem;font-weight:600}.result-item__label{color:#475569;font-weight:700}@media (width<=600px){.app__main{padding:.75rem}.exam__top{flex-direction:column;align-items:stretch}}