:root{--paper: #f4f6f8;--surface: #ffffff;--ink: #1b2430;--ink-soft: #5a6573;--line: #d9dee4;--saffron: #b8860b;--saffron-wash: #fbf1d8;--pistachio: #5e7f2e;--pomegranate: #a8324a;--pomegranate-wash: #f8e3e7;--focus: #2f6fb3;--ui: "Vazirmatn", system-ui, -apple-system, "Segoe UI", sans-serif;--naskh: "Noto Naskh Arabic", "Geeza Pro", "Traditional Arabic", serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--paper: #141a22;--surface: #1c242e;--ink: #e8ecf1;--ink-soft: #9aa5b3;--line: #2e3945;--saffron: #e0b04a;--saffron-wash: #3a3020;--pistachio: #9cc063;--pomegranate: #e2728a;--pomegranate-wash: #3d2229;--focus: #7fb1e8;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.6 var(--ui)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button,select,input,textarea{font:inherit;color:inherit}.masthead,main{max-width:68rem;margin:0 auto;padding:0 1rem}.masthead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;padding-top:2rem;padding-bottom:1.25rem}h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.tagline{margin:.125rem 0 0;color:var(--ink-soft);max-width:36rem}.tabs{display:flex;gap:.25rem;overflow-x:auto}.tabs [role=tab]{border:0;background:none;padding:.5rem .75rem;border-radius:.5rem;color:var(--ink-soft);cursor:pointer;white-space:nowrap}.tabs [role=tab]:hover{color:var(--ink)}.tabs [role=tab][aria-selected=true]{color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-weight:500}main{padding-bottom:4rem}.stage{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--surface);border:1px solid var(--line);border-radius:1rem}.side{padding:1.25rem 1.5rem 1.5rem;min-width:0}.side-persian{position:relative}.side-latin{border-inline-end:1px solid var(--line)}.side-label{display:block;font-size:.875rem;color:var(--ink-soft);margin-bottom:.5rem}.side-head{display:flex;justify-content:space-between;align-items:baseline}textarea{width:100%;min-height:9rem;resize:vertical;border:0;padding:0;background:transparent;font-size:1.375rem;line-height:1.5}textarea:focus-visible{outline:none}.side-latin:focus-within{box-shadow:inset 3px 0 0 var(--focus);border-radius:1rem 0 0 1rem}.output{min-height:9rem;font-family:var(--naskh);font-size:2rem;line-height:1.9;overflow-wrap:anywhere}.output .word{cursor:pointer;border-radius:.25rem}.output .word:hover{background:var(--saffron-wash)}.output .unsure{text-decoration:underline dotted var(--saffron);text-decoration-thickness:2px;text-underline-offset:.35em}.output .changed{color:var(--pistachio)}.output .kept{color:var(--ink-soft);font-family:var(--ui);font-size:.75em;unicode-bidi:isolate;direction:ltr}.placeholder{color:var(--ink-soft);font-family:var(--ui);font-size:1rem;margin:0}.legend{margin:1rem 0 0;font-size:.875rem;color:var(--ink-soft)}.legend-unsure{text-decoration:underline dotted var(--saffron);text-decoration-thickness:2px;text-underline-offset:.25em;color:var(--ink)}.legend-kept{color:var(--ink)}.examples{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.chip,.quiet-button{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:.25rem .75rem;font-size:.875rem;cursor:pointer}.chip:hover,.quiet-button:hover{border-color:var(--ink-soft)}.popover{position:absolute;z-index:10;width:min(18rem,calc(100% - 2rem));background:var(--surface);border:1px solid var(--line);border-radius:.75rem;padding:.75rem;box-shadow:0 12px 32px -12px #1b243059}.popover-head{margin:0 0 .5rem;font-size:.875rem;color:var(--ink-soft)}.popover-head strong{color:var(--ink);font-weight:500}.popover-note{margin:.5rem 0 0;font-size:.75rem;color:var(--ink-soft)}.choices{display:grid;gap:.25rem}.choice{display:grid;grid-template-columns:1fr 5rem 2.75rem;align-items:center;gap:.5rem;border:0;background:none;border-radius:.5rem;padding:.25rem .5rem;text-align:start;cursor:pointer}.choice:hover{background:var(--paper)}.choice.current{background:var(--saffron-wash)}.choice-word{font-family:var(--naskh);font-size:1.375rem;direction:rtl;text-align:right}.choice-bar{height:.375rem;border-radius:999px;background:linear-gradient(to right,var(--saffron) calc(var(--p) * 100%),var(--line) 0)}.choice-share{font-size:.8125rem;color:var(--ink-soft);text-align:end;font-variant-numeric:tabular-nums}.setup{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:1rem}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:.25rem;margin:0;background:var(--surface)}.segmented legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.segmented label{position:relative}.segmented input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.segmented span{display:block;padding:.25rem .875rem;border-radius:999px;font-size:.9375rem;color:var(--ink-soft)}.segmented input:checked+span{background:var(--ink);color:var(--paper)}.segmented input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.segmented input:disabled+span{opacity:.4}.toggle{display:inline-flex;align-items:center;gap:.5rem;font-size:.9375rem}.toggle input{accent-color:var(--ink);width:1rem;height:1rem}.facts{margin:0;margin-inline-start:auto;display:flex;gap:1.25rem;font-size:.875rem;color:var(--ink-soft)}.muted{color:var(--ink-soft)}.small{font-size:.875rem}.prose{max-width:40rem}h2{font-size:1.375rem;margin:1rem 0 .5rem}h3{font-size:1.0625rem;margin:2rem 0 .5rem}.accuracy-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin:1.5rem 0 1rem}select{margin-inline-start:.5rem;border:1px solid var(--line);border-radius:.5rem;background:var(--surface);padding:.25rem .5rem}.progress{height:.25rem;background:var(--line);border-radius:999px;overflow:hidden;margin-bottom:1rem;max-width:40rem}.progress-bar{height:100%;width:0;background:var(--ink);transition:width .12s linear}.scores{display:grid;gap:.75rem;max-width:40rem}.score{display:grid;grid-template-columns:11rem 1fr 4rem;align-items:center;gap:1rem}.score-name{font-size:.9375rem}.score-track{height:.75rem;background:var(--line);border-radius:999px;overflow:hidden}.score-fill{display:block;height:100%;width:calc(max(var(--v) - .5,0)*200%);background:var(--ink-soft);border-radius:999px}.score.best .score-fill{background:var(--pistachio)}.score.best .score-name,.score.best .score-value{font-weight:700}.score-value{text-align:end;font-variant-numeric:tabular-nums}.axis{margin-top:-.5rem}.axis-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--ink-soft)}.scores .muted{margin:.25rem 0 0}.mistakes-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;margin-top:2.5rem}.mistakes-head h3{margin:0}.mistakes{display:grid;gap:.75rem;margin:1rem 0;max-width:48rem}.mistake{background:var(--surface);border:1px solid var(--line);border-radius:.75rem;padding:.75rem 1rem}.mistake-typed{margin:0 0 .5rem;color:var(--ink-soft);overflow-wrap:anywhere}.mistake-line{display:grid;grid-template-columns:7rem 1fr;gap:.75rem;align-items:baseline}.mistake-label{font-size:.8125rem;color:var(--ink-soft)}.mistake-text{font-family:var(--naskh);font-size:1.25rem;line-height:1.8}.mistake-text mark{background:var(--pomegranate-wash);color:var(--pomegranate);border-radius:.25rem;padding:0 .125rem}.sizes{border-collapse:collapse;width:100%;max-width:28rem}.sizes td{padding:.375rem 0;border-bottom:1px solid var(--line)}.sizes td+td{text-align:end;font-variant-numeric:tabular-nums}.sizes .optional td{color:var(--ink-soft)}.steps{padding-inline-start:1.25rem}.steps li{margin-bottom:.375rem}@media(max-width:44rem){.stage{grid-template-columns:1fr}.side-latin{border-inline-end:0;border-bottom:1px solid var(--line)}.side-latin:focus-within{box-shadow:inset 0 3px 0 var(--focus);border-radius:1rem 1rem 0 0}textarea,.output{min-height:6rem}.output{font-size:1.75rem}.masthead{padding-top:1.25rem}.tabs{width:100%}.tabs [role=tab]{padding:.5rem .625rem}.segmented{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.segmented span{text-align:center;padding:.25rem .5rem}.facts{margin-inline-start:0}.score{grid-template-columns:1fr 3.5rem}.score-track,.axis-labels{grid-column:1 / -1;grid-row:2}.mistake-line{grid-template-columns:1fr;gap:0}}@media(prefers-reduced-motion:reduce){.progress-bar{transition:none}}.prose bdi{white-space:nowrap}