.qp{--qp-text:#f5f7f9;--qp-muted:#9aa7b4;--qp-line:#ffffff24;--qp-card:#0d1720;--qp-cyan:#27d3e5;--qp-good:#22c55e;--qp-bad:#f87171;color:var(--qp-text)}.qp-stem{margin:0 0 18px;font-size:clamp(18px,2vw,22px);font-weight:700;line-height:1.5}.qp-hint{color:var(--qp-cyan);margin:0 0 14px;font-size:13px;font-weight:700}.qp-figure{background:#fff;border-radius:12px;max-width:100%;height:auto;margin:0 0 18px;display:block}.qp-sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.qp-submit{background:var(--qp-cyan);color:#061014;font:inherit;cursor:pointer;border:0;border-radius:999px;margin-top:20px;padding:14px 26px;font-weight:900}.qp-submit:disabled{opacity:.45;cursor:not-allowed}.qp-error{color:#fecaca;margin:14px 0 0;font-size:14px}.qp-feedback{border:1px solid;border-radius:14px;margin-top:20px;padding:18px 20px}.qp-feedback.good{background:#22c55e14;border-color:#22c55e80}.qp-feedback.bad{background:#f8717114;border-color:#f8717180}.qp-feedback strong{margin-bottom:8px;font-size:16px;display:block}.qp-feedback p{color:#d7dde1;margin:0;line-height:1.6}.qp-why{color:#c9d2da;gap:8px;margin:14px 0 0;padding:0;font-size:14px;line-height:1.5;list-style:none;display:grid}.qp-why b{background:#ffffff1a;border-radius:6px;place-items:center;width:22px;height:22px;margin-right:8px;font-size:12px;display:inline-grid}.qp-options{gap:10px;display:grid}.qp-option{text-align:left;border:1px solid var(--qp-line);background:var(--qp-card);width:100%;color:var(--qp-text);font:inherit;cursor:pointer;border-radius:12px;align-items:flex-start;gap:14px;padding:14px 16px;font-size:15px;line-height:1.5;display:flex}.qp-option b{border:1px solid var(--qp-line);border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.qp-multiple .qp-option b{border-radius:6px}.qp-option:hover:not(:disabled){border-color:#27d3e580}.qp-option.selected{border-color:var(--qp-cyan);background:#27d3e51a}.qp-option.selected b{background:var(--qp-cyan);color:#061014;border-color:var(--qp-cyan)}.qp-option.correct{border-color:var(--qp-good);background:#22c55e1a}.qp-option.wrong{border-color:var(--qp-bad);background:#f871711a}.qp-option:disabled{cursor:default}.qp-slots{gap:10px;display:grid}.qp-slot{background:var(--qp-card);cursor:pointer;border:1px dashed #ffffff38;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;display:grid;position:relative}.qp-slot.armed{border-color:var(--qp-cyan);border-style:solid}.qp-slot.correct{border:1px solid var(--qp-good)}.qp-slot.wrong{border:1px solid var(--qp-bad)}.qp-slot-label{font-size:15px;line-height:1.45}.qp-slot-empty{color:#6f7d89;font-size:13px}.qp-slot-fix{color:#bbf7d0;grid-column:1/-1;font-size:13px}.qp-pool{border:1px solid var(--qp-line);background:#ffffff08;border-radius:12px;flex-wrap:wrap;gap:8px;min-height:52px;margin-top:16px;padding:14px;display:flex}.qp-chip{color:var(--qp-text);font:inherit;cursor:grab;-webkit-user-select:none;user-select:none;background:#0b2430;border:1px solid #27d3e573;border-radius:10px;align-items:center;gap:8px;padding:9px 13px;font-size:14px;display:inline-flex}.qp-chip.picked{background:var(--qp-cyan);color:#061014}.qp-chip.placed{cursor:default}.qp-chip button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:16px;line-height:1}.qp-canvas{background:#fff;border-radius:12px;width:100%;max-width:880px;position:relative;overflow:hidden}.qp-canvas img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.qp-canvas .qp-slot{text-align:center;background:#0610148c;border-color:#ffffff80;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px;display:flex;position:absolute}.qp-canvas .qp-slot-empty{color:#e2e8f0;font-size:12px}.qp-canvas .qp-chip{padding:5px 8px;font-size:12px}.qp-canvas .qp-slot-fix{font-size:11px}.qp-hotspot.is-live{cursor:crosshair}.qp-point{background:var(--qp-cyan);color:#061014;cursor:pointer;border:2px solid #fff;border-radius:50%;width:28px;height:28px;font-size:12px;font-weight:900;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0006}.qp-point.correct{background:var(--qp-good)}.qp-point.wrong{background:var(--qp-bad)}.qp-region{border:2px dashed var(--qp-good);pointer-events:none;background:#22c55e24;border-radius:6px;position:absolute}.qp-pulldown-text{line-height:2.1}.qp-blank{vertical-align:middle;flex-direction:column;margin:0 4px;display:inline-flex}.qp-select{color:var(--qp-text);font:inherit;background:#08111a;border:1px solid #27d3e580;border-radius:8px;padding:6px 10px;font-size:15px;font-weight:600}.qp-select.correct{border-color:var(--qp-good)}.qp-select.wrong{border-color:var(--qp-bad)}.qp-blank-fix{color:#bbf7d0;font-size:12px;font-style:normal;line-height:1.3}.qp button:focus-visible,.qp .qp-slot:focus-visible,.qp select:focus-visible{outline:2px solid var(--qp-cyan);outline-offset:2px}@media (max-width:700px){.qp-slot{grid-template-columns:1fr}.qp-option{font-size:14px}}