:root{--mushaf-ayah-active-bg:rgba(23,32,27,0.045);--mushaf-cursor:#1f5f7a;--mushaf-cursor-bg:rgba(31,95,122,0.1);--mushaf-cursor-stale:rgba(31,95,122,0.42);--mushaf-anchor:rgb(122,126,124);--mushaf-tracking:rgba(31,95,122,0.55);--mushaf-tracking-ink:rgba(31,42,38,0.55);--mushaf-holding:rgba(31,95,122,0.4);--mushaf-holding-ink:rgba(31,42,38,0.4);--mushaf-correct:rgba(31,111,85,0.75);--mushaf-uncertain:#9a5b12;--mushaf-uncertain-bg:rgba(154,91,18,0.1);--mushaf-uncertain-pron:rgba(159,43,43,0.85);--mushaf-uncertain-skipped:rgba(23,32,27,0.65);--mushaf-uncertain-pron-bg:rgba(159,43,43,0.14);--mushaf-uncertain-skipped-bg:rgba(23,32,27,0.12);--mushaf-error:#9f2b2b;--mushaf-error-bg:rgba(159,43,43,0.1);--mushaf-tashkeel:#6a3fae;--mushaf-tashkeel-bg:rgba(106,63,174,0.16);--mushaf-soft-bg:rgba(31,95,122,0.07);--mushaf-soft-glow:rgba(31,95,122,0.16)}.mushaf-token-state-pending,.mushaf-token-state-unheard{text-decoration:none}.mushaf-token-state-tracking{color:var(--mushaf-tracking-ink);-webkit-text-decoration:underline dotted var(--mushaf-tracking);text-decoration:underline dotted var(--mushaf-tracking);text-decoration-thickness:.08em;text-underline-offset:.22em}.mushaf-token-state-holding{color:var(--mushaf-holding-ink);-webkit-text-decoration:underline dashed var(--mushaf-holding);text-decoration:underline dashed var(--mushaf-holding);text-decoration-thickness:.08em;text-underline-offset:.22em}.mushaf-token-state-correct{-webkit-text-decoration:underline solid var(--mushaf-correct);text-decoration:underline solid var(--mushaf-correct);text-decoration-thickness:.045em;text-underline-offset:.24em}.mushaf-token-state-uncertain{background:var(--mushaf-uncertain-bg);-webkit-text-decoration:underline wavy var(--mushaf-uncertain);text-decoration:underline wavy var(--mushaf-uncertain);text-decoration-thickness:.06em;text-underline-offset:.2em}.mushaf-token-state-uncertain[data-cause=pronunciation]{background:var(--mushaf-uncertain-pron-bg);text-decoration-color:var(--mushaf-uncertain-pron)}.mushaf-token-state-uncertain[data-cause=skipped]{background:var(--mushaf-uncertain-skipped-bg);text-decoration-color:var(--mushaf-uncertain-skipped)}.mushaf-token-state-error{background:var(--mushaf-error-bg);-webkit-text-decoration:underline double var(--mushaf-error);text-decoration:underline double var(--mushaf-error);text-decoration-thickness:.06em;text-underline-offset:.2em}.mushaf-token-state-tashkeel{background:var(--mushaf-tashkeel-bg);text-decoration:none}[data-confirm-style=quiet] .mushaf-token-state-correct{text-decoration:none}.mushaf-token-soft{background:var(--mushaf-soft-bg);box-shadow:0 0 .4em var(--mushaf-soft-glow)}.mushaf-legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;font-size:.72rem;color:rgba(23,32,27,.7)}.mushaf-legend-item{display:inline-flex;align-items:baseline;gap:.3rem}.mushaf-legend-swatch{font-family:var(--font-arabic),"Amiri",serif;font-size:1rem}@media (forced-colors:active){.mushaf-token-state-tracking{-webkit-text-decoration:underline dotted currentColor;text-decoration:underline dotted currentColor}.mushaf-token-state-holding{-webkit-text-decoration:underline dashed currentColor;text-decoration:underline dashed currentColor}.mushaf-token-state-correct{-webkit-text-decoration:underline solid currentColor;text-decoration:underline solid currentColor}.mushaf-token-state-uncertain{background:transparent;-webkit-text-decoration:underline wavy currentColor;text-decoration:underline wavy currentColor}.mushaf-token-state-error{background:transparent;-webkit-text-decoration:underline double currentColor;text-decoration:underline double currentColor;forced-color-adjust:none}.mushaf-token-state-tashkeel{background:transparent;outline:3px double CanvasText;outline-offset:1px}.mushaf-token-state-tashkeel:after{width:.3em;height:.3em;border:.07em solid CanvasText;border-radius:50%;background:transparent}.mushaf-token-state-error:after,.mushaf-token-state-tashkeel:after{content:"";display:inline-block;margin-inline-start:.12em;vertical-align:.42em}.mushaf-token-state-error:after{width:.32em;height:.32em;background:CanvasText}}@media (prefers-contrast:more){:root{--mushaf-ayah-active-bg:rgba(23,32,27,0.09);--mushaf-tracking:rgba(31,95,122,0.9);--mushaf-holding:rgba(31,95,122,0.7);--mushaf-holding-ink:rgba(31,42,38,0.6);--mushaf-tracking-ink:rgba(31,42,38,0.8);--mushaf-correct:rgba(31,111,85,1);--mushaf-uncertain-bg:rgba(154,91,18,0.2);--mushaf-uncertain-pron:#9f2b2b;--mushaf-uncertain-skipped:rgba(23,32,27,0.85);--mushaf-error-bg:rgba(159,43,43,0.2);--mushaf-tashkeel-bg:rgba(106,63,174,0.28)}.mushaf-token-state-correct{text-decoration-thickness:.07em}.mushaf-token-state-tashkeel:after{width:.3em;height:.3em;border:.07em solid var(--mushaf-tashkeel);border-radius:50%;background:transparent}.mushaf-token-state-error:after,.mushaf-token-state-tashkeel:after{content:"";display:inline-block;margin-inline-start:.12em;vertical-align:.42em}.mushaf-token-state-error:after{width:.32em;height:.32em;background:var(--mushaf-error)}}.reader-settling{display:inline-flex;align-items:center;gap:.3rem;margin-inline-start:.5rem;padding:.05rem .4rem;border-radius:999px;background:rgba(31,95,122,.1);color:#1f5f7a;font-size:.68rem;white-space:nowrap}.reader-inspector{font-size:.72rem;color:rgba(23,32,27,.75)}.reader-inspector-toggle{border:1px solid rgba(23,32,27,.14);border-radius:.4rem;background:rgba(23,32,27,.03);padding:.15rem .5rem;font:inherit;cursor:pointer}.reader-inspector-body{margin-top:.4rem;display:grid;gap:.4rem}.reader-inspector-grid{display:flex;flex-wrap:wrap;gap:.2rem .9rem;margin:0}.reader-inspector-grid>div{display:inline-flex;gap:.25rem;align-items:baseline}.reader-inspector-grid dt{color:rgba(23,32,27,.55)}.reader-inspector-grid dd{margin:0;font-variant-numeric:tabular-nums}.reader-inspector-note{margin:0;color:rgba(23,32,27,.6)}.reader-inspector-tape{margin:0;padding-inline-start:1rem;max-height:9rem;overflow-y:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem}.mushaf-token-word-active-stale{background:transparent;box-shadow:inset 0 -.14rem 0 var(--mushaf-cursor-stale)}.mushaf-token-word-active-anchor{background:transparent;box-shadow:none;outline:1px dashed var(--mushaf-anchor);outline-offset:1px}@media (prefers-contrast:more){:root{--mushaf-cursor-stale:rgba(31,95,122,0.75);--mushaf-anchor:rgb(74,78,76);--mushaf-soft-bg:rgba(31,95,122,0.14);--mushaf-soft-glow:rgba(31,95,122,0.3)}}@media (forced-colors:active){.mushaf-token-word-active-stale{background:transparent;box-shadow:none;outline:1px dotted CanvasText}.mushaf-token-word-active-anchor{background:transparent;box-shadow:none;outline:1px dashed CanvasText}.mushaf-token-soft{background:transparent;box-shadow:none;outline:1px solid CanvasText}}@media (prefers-reduced-motion:reduce){.mushaf-token-soft,.mushaf-token-state-tashkeel{transition:none}}