:root{--rek-font: inherit;--rek-radius: 6px;--rek-border: #cbd5e1;--rek-text: #0f172a;--rek-muted: #475569;--rek-focus: #2563eb;--rek-not-visited-bg: #f1f5f9;--rek-not-visited-fg: #0f172a;--rek-visited-bg: #dc2626;--rek-visited-fg: #ffffff;--rek-answered-bg: #15803d;--rek-answered-fg: #ffffff;--rek-marked-bg: #6d28d9;--rek-marked-fg: #ffffff;--rek-answered-marked-bg: #6d28d9;--rek-answered-marked-fg: #ffffff;--rek-answered-marked-dot: #22c55e;--rek-timer-warning: #b45309;--rek-timer-expired: #b91c1c;--rek-ring-track: #e2e8f0;--rek-ring-bar: #2563eb}.rek-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rek-timer{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--rek-font);color:var(--rek-text)}.rek-timer__label{color:var(--rek-muted);font-size:.875rem}.rek-timer__value{font-variant-numeric:tabular-nums;font-weight:600;font-size:1.125rem}.rek-timer[data-state=warning] .rek-timer__value{color:var(--rek-timer-warning)}.rek-timer[data-state=expired] .rek-timer__value{color:var(--rek-timer-expired)}.rek-timer__control{font:inherit;font-size:.8125rem;padding:.125rem .5rem;border:1px solid var(--rek-border);border-radius:var(--rek-radius);background:transparent;color:inherit;cursor:pointer}.rek-palette{font-family:var(--rek-font);color:var(--rek-text)}.rek-palette__grid{display:grid;gap:.5rem}.rek-palette__item,.rek-palette__swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;min-height:2.5rem;border:1px solid var(--rek-border);border-radius:var(--rek-radius);font:inherit;font-weight:600;font-variant-numeric:tabular-nums}.rek-palette__item{cursor:pointer}.rek-palette__item:focus-visible{outline:3px solid var(--rek-focus);outline-offset:2px}.rek-palette__item[data-current]{box-shadow:0 0 0 2px var(--rek-text)}.rek-palette [data-status=not-visited]{background:var(--rek-not-visited-bg);color:var(--rek-not-visited-fg)}.rek-palette [data-status=visited]{background:var(--rek-visited-bg);color:var(--rek-visited-fg);border-color:transparent}.rek-palette [data-status=answered]{background:var(--rek-answered-bg);color:var(--rek-answered-fg);border-color:transparent}.rek-palette [data-status=marked]{background:var(--rek-marked-bg);color:var(--rek-marked-fg);border-color:transparent;border-radius:999px}.rek-palette [data-status=answered-marked]{background:var(--rek-answered-marked-bg);color:var(--rek-answered-marked-fg);border-color:transparent;border-radius:999px}.rek-palette [data-status=answered-marked]:after{content:"";position:absolute;right:-2px;bottom:-2px;width:.75rem;height:.75rem;border-radius:999px;background:var(--rek-answered-marked-dot);border:2px solid #fff}.rek-palette__legend{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.5rem;font-size:.875rem}.rek-palette__legend-item{display:flex;align-items:center;gap:.5rem}.rek-palette__swatch{min-width:1.75rem;min-height:1.75rem;font-size:.75rem}.rek-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.rek-ring svg{position:absolute;top:0;right:0;bottom:0;left:0}.rek-ring__track{stroke:var(--rek-ring-track)}.rek-ring__bar{stroke:var(--rek-ring-bar);transition:stroke-dashoffset .4s ease}.rek-ring__content{position:relative;font-weight:600;font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){.rek-ring__bar{transition:none}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#0f172a;background:#f8fafc;line-height:1.5}h1{font-size:1.25rem;margin:0}h2{font-size:1.05rem;margin:2rem 0 .75rem}.muted{color:#475569;margin:0}.small{font-size:.8125rem;margin-top:.5rem}button{font:inherit;padding:.5rem .9rem;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #2563eb;outline-offset:2px}button.primary{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.layout{display:grid;grid-template-columns:1fr 300px;grid-template-areas:"top top" "main side";gap:1rem;max-width:1080px;margin:0 auto;padding:1rem}.topbar{grid-area:top;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.question-pane,.sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.question-pane{grid-area:main}.sidebar{grid-area:side;display:flex;flex-direction:column;gap:1rem}.question{border:0;margin:1rem 0;padding:0}.question legend{font-size:1.1rem;font-weight:600;margin-bottom:1rem}.option{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.5rem;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer}.option[data-selected=true]{border-color:#1d4ed8;background:#eff6ff}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.actions .primary{margin-left:auto}.progress{display:flex;align-items:center;gap:.75rem}.submit{width:100%}.result{max-width:760px;margin:0 auto;padding:1.5rem 1rem 3rem}.notice{padding:.75rem 1rem;background:#fef3c7;border-radius:6px}.summary{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;margin-top:1.5rem}.summary .big{font-size:1.75rem}.summary .rek-ring__content{display:flex;flex-direction:column;align-items:center;line-height:1.1}.stats{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:1rem 2rem;margin:0}.stats dt{color:#475569;font-size:.8125rem}.stats dd{margin:0;font-size:1.25rem;font-weight:600}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid #e2e8f0}.review{padding-left:1.25rem}.review li{margin-bottom:1rem;padding:.75rem 1rem;background:#fff;border-left:4px solid #cbd5e1;border-radius:4px}.review li[data-outcome=correct]{border-left-color:#15803d}.review li[data-outcome=incorrect]{border-left-color:#dc2626}.review p{margin:.25rem 0}.review-q{font-weight:600}@media (max-width: 760px){.layout{grid-template-columns:1fr;grid-template-areas:"top" "main" "side"}.topbar{flex-direction:column;align-items:flex-start}.actions .primary{margin-left:0}.stats{grid-template-columns:repeat(2,1fr)}}
