:root{--color-bg: #0f1115;--color-surface: #1a1d24;--color-surface-2: #23272f;--color-border: #2e333d;--color-text: #e8eaed;--color-text-dim: #9aa1ac;--color-primary: #4f8cff;--color-primary-text: #ffffff;--color-correct: #2fbf71;--color-incorrect: #ef5b5b;--radius: 12px;--gap: clamp(.5rem, 1.5vw, 1rem);--container-max: 960px;--touch-min: 44px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:clamp(14px,1.4vw + 8px,17px);-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}.app{min-height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.btn{min-height:var(--touch-min);padding:.5rem 1.1rem;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface-2);cursor:pointer;font-size:clamp(.9rem,1vw + .6rem,1rem)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.btn--ghost{background:transparent}.catalog{max-width:var(--container-max);margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.catalog__title{font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:1rem}.catalog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:var(--gap)}.catalog__card{text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem;cursor:pointer;min-height:var(--touch-min);display:flex;flex-direction:column;gap:.25rem}.catalog__card-name{font-weight:600;font-size:1.05rem}.catalog__card-meta,.catalog__card-types{font-size:.85rem;color:var(--color-text-dim)}.catalog--loading,.catalog--error,.runner--loading,.runner--error{padding:2rem;text-align:center;color:var(--color-text-dim)}.runner{max-width:var(--container-max);margin:0 auto;padding:clamp(.75rem,2.5vw,2rem);display:flex;flex-direction:column;gap:var(--gap)}.runner__header{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap}.runner__progress{flex:1;min-width:180px}.runner__progress-bar{height:6px;border-radius:3px;background:var(--color-surface-2);overflow:hidden}.runner__progress-fill{height:100%;background:var(--color-primary);transition:width .2s ease}.runner__progress-text{font-size:.8rem;color:var(--color-text-dim)}.runner__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:clamp(1rem,3vw,1.75rem);display:flex;flex-direction:column;gap:1rem}.runner__question{font-size:clamp(1rem,1.4vw + .7rem,1.25rem);font-weight:600;white-space:pre-wrap}.runner__question .q-line{display:block}.runner__question .q-line+.q-line{margin-top:.4rem}.runner__unsupported{color:var(--color-incorrect);padding:1rem;border:1px dashed var(--color-incorrect);border-radius:var(--radius)}.runner__footer{display:flex;justify-content:space-between;gap:var(--gap)}.question-body{display:flex;flex-direction:column;gap:1rem}.option-list{display:flex;flex-direction:column;gap:.6rem}.option{display:flex;align-items:center;gap:.75rem;min-height:var(--touch-min);padding:.65rem .9rem;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface-2);text-align:left;cursor:pointer}.option__letter{flex:0 0 auto;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-bg);font-weight:700;font-size:.85rem}.option__text{flex:1}.option:has(.option__text--config){align-items:flex-start}.option__text--config{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82em;line-height:1.5;text-align:left;-moz-tab-size:4;tab-size:4}.config{width:100%;max-width:640px;margin:0 auto}.config__header{margin-bottom:1rem}.config__card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius);padding:1.25rem}.config__title{margin:0 0 .25rem;font-size:clamp(1.2rem,4vw,1.6rem)}.config__meta{color:var(--color-muted, #8a8f98);font-size:.9rem;margin-bottom:1.25rem}.config__options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.config__option{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;justify-content:space-between}.config__start{width:100%}.switch{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;flex:1 1 auto;min-width:0}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__track{flex:0 0 auto;position:relative;width:2.6rem;height:1.5rem;border-radius:999px;background:var(--color-border);transition:background .15s ease;margin-top:.1rem}.switch__track:after{content:"";position:absolute;top:2px;left:2px;width:calc(1.5rem - 4px);height:calc(1.5rem - 4px);border-radius:50%;background:#fff;transition:transform .15s ease}.switch input:checked+.switch__track{background:var(--color-primary)}.switch input:checked+.switch__track:after{transform:translate(1.1rem)}.switch input:focus-visible+.switch__track{outline:2px solid var(--color-primary);outline-offset:2px}.switch__label{display:flex;flex-direction:column;gap:.15rem}.switch__name{font-weight:600}.switch__desc{font-size:.82rem;color:var(--color-muted, #8a8f98)}.option--chosen{border-color:var(--color-primary)}.option--correct{border-color:var(--color-correct);background:color-mix(in srgb,var(--color-correct) 18%,var(--color-surface-2))}.option--incorrect{border-color:var(--color-incorrect);background:color-mix(in srgb,var(--color-incorrect) 18%,var(--color-surface-2))}.option:disabled{cursor:default}.question-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);flex-wrap:wrap}.question-hint{font-size:.85rem;color:var(--color-text-dim)}.dnd-root{gap:1.25rem}.dnd-section__title{font-size:.85rem;color:var(--color-text-dim);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.04em}.dnd-pool{display:flex;flex-wrap:wrap;gap:.5rem;min-height:calc(var(--touch-min) + .5rem);padding:.6rem;border:1px dashed var(--color-border);border-radius:var(--radius);background:var(--color-surface-2)}.dnd-pool--over{border-color:var(--color-primary)}.dnd-pool__empty{color:var(--color-text-dim);font-size:.85rem;padding:.4rem}.dnd-zones{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:.75rem}.dnd-zone{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:.6rem;min-height:5rem}.dnd-zone__label{font-weight:600;font-size:.9rem;margin-bottom:.4rem}.dnd-zone__items{display:flex;flex-wrap:wrap;gap:.4rem;min-height:var(--touch-min)}.dnd-zone--over{border-color:var(--color-primary)}.dnd-zone--full{opacity:.7}.dnd-zone--correct{border-color:var(--color-correct)}.dnd-zone--incorrect{border-color:var(--color-incorrect)}.dnd-chip{min-height:var(--touch-min);display:inline-flex;align-items:center;padding:.4rem .75rem;border-radius:8px;background:var(--color-primary);color:var(--color-primary-text);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;font-size:.9rem}.dnd-chip--overlay{cursor:grabbing;box-shadow:0 6px 16px #00000059}.dnd-chip--correct{background:var(--color-correct)}.dnd-chip--incorrect{background:var(--color-incorrect)}.image-zoom__inline{cursor:zoom-in;border-radius:var(--radius);overflow:hidden;max-width:100%}.image-zoom__inline img{display:block;width:100%;max-height:320px;object-fit:contain;background:var(--color-bg)}.image-zoom__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;overflow:hidden;touch-action:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.image-zoom__img{max-width:92vw;max-height:92vh;transition:transform .05s linear;touch-action:none}.image-zoom__close{position:absolute;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));width:var(--touch-min);height:var(--touch-min);border-radius:50%;border:1px solid rgba(255,255,255,.45);background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 2px 8px #00000073;color:#fff;font-size:1.1rem;line-height:1;cursor:pointer;z-index:1001;transition:background .15s ease}.image-zoom__close:hover,.image-zoom__close:focus-visible{background:#000000bf;outline:none}.result-badge{display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;border-radius:var(--radius);font-size:.9rem}.result-badge--correct{background:color-mix(in srgb,var(--color-correct) 20%,transparent);color:var(--color-correct)}.result-badge--incorrect{background:color-mix(in srgb,var(--color-incorrect) 20%,transparent);color:var(--color-incorrect)}@media (min-width: 481px) and (max-width: 768px){.dnd-zones{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (min-width: 769px) and (max-width: 1024px){.runner{padding:2rem}.catalog__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (min-width: 1025px){.runner__card{padding:2rem 2.25rem}.option{padding:.75rem 1.1rem}}