.qz-app{--qz-max:760px;--page-max:var(--qz-max);background:var(--c-bg);min-block-size:100dvh;color:var(--c-text)}.qz-main{max-inline-size:var(--qz-max);padding-block:var(--space-4) var(--space-16);padding-inline:var(--gutter);margin-inline:auto}.qz-screen,.qz-skeleton{gap:var(--space-4);display:grid}.qz-card{gap:var(--space-4);min-inline-size:0;padding:var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);align-content:start;display:grid}.qz-h2{font-family:var(--font-text);font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin:0}.qz-h2:focus-visible{outline:var(--focus-width) solid var(--c-focus);outline-offset:var(--focus-offset);border-radius:var(--radius-xs)}.qz-h2:focus:not(:focus-visible){outline:none}.qz-h3{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin:0}.qz-muted{color:var(--c-text-soft);font-size:var(--fs-help);margin:0}.qz-error{color:var(--c-danger);font-weight:var(--fw-medium);margin:0}.qz-link{min-block-size:24px;color:var(--c-accent);text-underline-offset:.2em;text-decoration:underline;display:inline-block}.qz-attribution{font-size:var(--fs-sm);text-align:center;margin:0}.qz-fieldset{gap:var(--space-1);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.qz-legend{font-weight:var(--fw-semibold);margin-block-end:var(--space-2);padding:0}.qz-check,.qz-radio{gap:var(--space-3);min-block-size:var(--tap);padding-inline:var(--space-2);border-radius:var(--radius-md);cursor:pointer;align-items:center;display:flex}.qz-check:hover,.qz-radio:hover{background:var(--c-surface-2)}.qz-check input,.qz-radio input{block-size:22px;inline-size:22px;accent-color:var(--c-accent);flex:none;margin:0}.qz-radios{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.qz-radio{border:1px solid var(--c-border)}.qz-radio:has(input:checked){border-color:var(--c-accent);background:var(--c-accent-soft)}.qz-radio[data-right]{border:2px solid var(--c-success)}.qz-radio[data-right]:after{content:"✓";color:var(--c-success);font-weight:var(--fw-bold);margin-inline-start:auto}.qz-progress-bar{border-radius:var(--radius-full);background:var(--control-track);block-size:6px;overflow:hidden}.qz-progress-bar>span{background:var(--c-accent);block-size:100%;transition:inline-size var(--dur-base) var(--ease-out);display:block}.qz-ayah{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--c-page-paper);color:var(--c-page-ink);font-family:var(--font-quran);font-size:calc(var(--fs-xl) * 1.1);margin:0;line-height:2.1}.qz-choices{gap:var(--space-2);justify-items:start;display:grid}.qz-choice-list{gap:var(--space-2);inline-size:100%;margin:0;padding:0;list-style:none;display:grid}.qz-choice{gap:var(--space-1);inline-size:100%;min-block-size:var(--tap);padding:var(--space-2) var(--space-3);border:1px solid var(--c-border-strong);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-text);font:inherit;text-align:start;cursor:pointer;display:grid}.qz-choice:hover:not([aria-disabled=true]){border-color:var(--c-accent);background:var(--c-accent-soft)}.qz-choice:focus-visible,.qz-move:focus-visible{outline:var(--focus-width) solid var(--c-focus);outline-offset:var(--focus-offset)}.qz-choice[data-quran] .qz-choice-text{font-family:var(--font-quran);font-size:var(--fs-lg);line-height:2}.qz-choice[aria-disabled=true]{cursor:default}.qz-choice[data-state=right]{border:2px solid var(--c-success);background:var(--c-success-soft)}.qz-choice[data-state=wrong]{border:2px dashed var(--c-danger);background:var(--c-danger-soft)}.qz-choice-tag{gap:var(--space-1);font-size:var(--fs-xs);font-weight:var(--fw-semibold);align-items:center;display:inline-flex}.qz-choice[data-state=right] .qz-choice-tag{color:var(--c-success)}.qz-choice[data-state=wrong] .qz-choice-tag{color:var(--c-danger)}.qz-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.qz-reveal{gap:var(--space-2);margin:0;display:grid}.qz-feedback{gap:var(--space-3);padding:var(--space-3);border:2px dashed var(--c-danger);border-radius:var(--radius-md);background:var(--c-danger-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.qz-feedback[data-correct]{border-style:solid;border-color:var(--c-success);background:var(--c-success-soft)}.qz-verdict{gap:var(--space-2);font-size:var(--fs-lg);font-weight:var(--fw-semibold);align-items:center;margin:0;display:inline-flex}.qz-order{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.qz-chip{gap:var(--space-2);min-block-size:var(--tap);padding-block:var(--space-1);padding-inline:var(--space-2);border:1px solid var(--c-border-strong);border-radius:var(--radius-md);background:var(--c-surface);cursor:grab;align-items:center;display:flex}.qz-chip[data-dragging]{opacity:.5}.qz-chip[data-state=right]{border:2px solid var(--c-success);cursor:default}.qz-chip[data-state=wrong]{border:2px dashed var(--c-danger);cursor:default}.qz-chip-pos{border-radius:var(--radius-full);background:var(--c-surface-2);block-size:26px;inline-size:26px;font-size:var(--fs-xs);flex:none;place-items:center;display:grid}.qz-chip-word{font-family:var(--font-quran);font-size:var(--fs-xl);flex:1;line-height:1.9}.qz-chip-mark{flex:none;display:inline-flex}.qz-chip[data-state=right] .qz-chip-mark{color:var(--c-success)}.qz-chip[data-state=wrong] .qz-chip-mark{color:var(--c-danger)}.qz-chip-moves{gap:var(--space-1);flex:none;display:flex}.qz-move{border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface-2);block-size:40px;inline-size:40px;color:var(--c-text);cursor:pointer;place-items:center;padding:0;display:grid}.qz-move[aria-disabled=true]{color:var(--c-text-disabled);cursor:default}.qz-typed{font-family:var(--font-quran);font-size:var(--fs-lg);line-height:2}.qz-diff-wrap{gap:var(--space-2);display:grid}.qz-diff{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.qz-word{padding:var(--space-1) var(--space-2);border:1px solid var(--c-border);border-radius:var(--radius-sm);justify-items:center;gap:2px;display:inline-grid}.qz-word-tag{font-size:var(--fs-xs);font-weight:var(--fw-semibold);align-items:center;gap:2px;display:inline-flex}.qz-word-text,.qz-word-typed{font-family:var(--font-quran);font-size:var(--fs-lg);line-height:1.9;text-decoration:none}.qz-word[data-status=correct]{border-color:var(--c-success)}.qz-word[data-status=correct] .qz-word-tag{color:var(--c-success)}.qz-word[data-status=wrong]{border:2px solid var(--c-danger)}.qz-word[data-status=wrong] .qz-word-tag{color:var(--c-danger)}.qz-word[data-status=wrong] .qz-word-typed{color:var(--c-text-soft);text-decoration:line-through}.qz-word[data-status=missing]{border:2px dashed var(--c-warning)}.qz-word[data-status=missing] .qz-word-tag{color:var(--c-warning)}.qz-word[data-status=missing] .qz-word-text{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.qz-word[data-status=extra]{border:2px dotted var(--c-text-soft)}.qz-word[data-status=extra] .qz-word-text{color:var(--c-text-soft);-webkit-text-decoration:line-through wavy;text-decoration:line-through wavy}.qz-legend-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.qz-score{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);margin:0}.qz-result-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.qz-result-item{gap:var(--space-1) var(--space-3);padding-block:var(--space-2);border-block-end:1px solid var(--c-border);flex-wrap:wrap;align-items:center;display:flex}.qz-result-mark{gap:var(--space-1);min-inline-size:5rem;color:var(--c-danger);font-weight:var(--fw-semibold);align-items:center;display:inline-flex}.qz-result-item[data-correct] .qz-result-mark{color:var(--c-success)}