@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2) format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-latin-ext-400-normal-C9hoIjPx.woff2) format("woff2"),url(/assets/amiri-latin-ext-400-normal-CGn-6a7O.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-latin-400-normal-Czk41Rjn.woff2) format("woff2"),url(/assets/amiri-latin-400-normal-Bv6IM0kz.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-400.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-500.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-600.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-700.ttf) format("truetype")}:root{--color-paper: #FFFFFF;--color-ink: #171717;--color-muted: #626262;--color-rule: #DEDEDE;--color-surface: #F6F6F4;--color-selected: #ECEDE8;--color-paper-2: var(--color-surface);--color-ink-2: var(--color-muted);--color-rule-2: #767676;--color-focus: #171717;--color-error: #a32121;--color-success: #28643d;--color-scrim: #0006;--font-body: system-ui, sans-serif;--font-display: var(--font-body);--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--text-sm: 14px;--text-lg: 24px;--control-height: 44px;--radius: 8px;--rule: 1px solid var(--color-rule)}html[lang=ar]{--font-body: "IBM Plex Sans Arabic", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-ink);font-family:system-ui,sans-serif;line-height:1.625;-webkit-font-smoothing:antialiased}button,select,input,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.muted{color:var(--color-muted)}#app{max-width:1440px;margin-inline:auto;padding-inline:96px}.nav-edge{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:var(--rule)}.wordmark{display:flex;align-items:center;gap:12px}.wordmark>:first-child{font:800 27px/34px system-ui,sans-serif;letter-spacing:-.06em}.wordmark [lang=ar]{font:400 24px/30px IBM Plex Sans Arabic,sans-serif}nav{display:flex;align-items:center;gap:32px;font-size:14px}.page-split,.developers{display:grid;grid-template-columns:minmax(0,600px) minmax(0,504px);gap:clamp(48px,7.78vw,112px);justify-content:space-between}.page-split{align-items:start;padding-block:72px 80px}.intro{display:flex;flex-direction:column;gap:28px;min-width:0;padding-top:48px}.preview-note{margin-top:12px;font-size:14px;line-height:20px;opacity:.8;max-width:34em}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;line-height:16px}h1{font-size:72px;font-weight:500;letter-spacing:-.055em;line-height:78px}.lede-copy{max-width:470px;color:var(--color-muted);font-size:19px;line-height:31px}.facts{display:flex;align-items:center;gap:24px;font-size:14px;line-height:18px;margin-top:8px}.facts>:nth-child(2){color:var(--color-rule)}.bench{background:var(--color-surface);border:var(--rule);border-radius:16px;padding:24px;min-width:0;width:100%;display:flex;flex-direction:column;gap:16px}.bench-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.bench-heading h2{font-size:13px;line-height:16px;font-weight:700}#status{font-size:12px;line-height:16px;font-weight:600;background:var(--color-selected);border-radius:6px;padding:6px 9px}.demo-intro{display:flex;flex-direction:column;align-items:center;gap:18px;padding-block:32px 28px;text-align:center}.example-label{color:var(--color-muted);font-size:11px;line-height:14px;letter-spacing:.13em}.example-verse{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;font:400 36px/64px Amiri,serif}.example-verse .said{color:var(--color-muted)}.example-verse .current{color:var(--color-paper);background:var(--color-ink);border-radius:5px;padding-inline:7px}.demo-intro hr{width:32px;border:0;border-top:var(--rule);margin-block:8px}h3{font-size:23px;font-weight:400;letter-spacing:-.04em;line-height:31px}.demo-copy{color:var(--color-muted);font-size:14px;line-height:23px;max-width:320px}.primary-btn,.secondary-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:56px;border-radius:8px;border:1px solid var(--color-ink);padding:12px 16px;font-size:15px;font-weight:600;line-height:22px;background:var(--color-ink);color:var(--color-paper)}.primary-btn:hover:not(:disabled){background:#333}.secondary-btn{min-height:52px;background:var(--color-paper);color:var(--color-ink);border-color:var(--color-rule);font-weight:500}.secondary-btn:hover:not(:disabled){border-color:var(--color-ink)}.stop-icon{width:9px;height:9px;background:currentColor}.demo-note{font-size:13px;line-height:21px;margin-top:14px;text-align:center}.state-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:40px 12px 28px}.state-content h3{font-size:29px;letter-spacing:-.035em;line-height:38px}.state-content .demo-copy{font-size:15px;line-height:25px;max-width:340px}.device-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--color-selected)}.progress-track{height:4px;background:var(--color-rule);overflow:hidden;border-radius:2px}#progress{width:100%;height:100%;background:var(--color-ink);transform:scaleX(var(--progress, 0));transform-origin:left;transition:transform .2s}#view-loading .secondary-btn{margin-top:16px}.error-detail{font-size:12px;color:var(--color-muted);overflow-wrap:anywhere;max-width:360px}.recitation{display:flex;flex-direction:column;gap:16px;padding-top:8px}.place-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:var(--rule);padding-bottom:12px}.place{font-size:14px;font-weight:600}.level{width:56px;height:4px;border-radius:2px;background:var(--color-rule);overflow:hidden}.level>span{display:block;height:100%;background:var(--color-ink);transform:scaleX(var(--level, 0));transform-origin:left;transition:transform 80ms linear}.ayah{font:400 34px/68px Amiri,serif;text-align:right;min-height:136px;overflow-wrap:anywhere}.ayah:empty:before{content:"…";color:var(--color-rule-2)}.ayah .word{border-radius:5px;padding-inline:3px;transition:background-color .15s,color .15s}.ayah .word.said{color:var(--color-muted)}.ayah .word.current{background:var(--color-ink);color:var(--color-paper)}.ayah .word.mark{color:#9b2948;text-decoration:underline wavy #9B2948 1px;text-underline-offset:10px}.ayah .word.mark.current{background:#9b2948;color:var(--color-paper);text-decoration:none}.ayah-number{color:var(--color-muted);font-size:.7em}.hint{font-size:14px;color:var(--color-muted);text-align:center}.notes-wrap{border-top:var(--rule);padding-top:14px}.notes-title{font-size:14px;font-weight:600;letter-spacing:0;line-height:20px;margin-bottom:8px}.notes{list-style:none;display:flex;flex-direction:column;gap:10px}.note{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:8px;background:#f8eaf0;border-inline-start:3px solid #9B2948}.note-head{font-size:13px;font-weight:600;color:#9b2948;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.note-word{font:400 22px/32px Amiri,serif;color:var(--color-ink)}.note-text{font-size:14px;line-height:21px}.summary{font-size:15px;line-height:24px;padding-block:4px 8px}.disclosure{border-top:var(--rule);padding-top:12px;font-size:14px}.disclosure summary{cursor:pointer;font-weight:600;min-height:32px;display:flex;align-items:center}.passage-form{display:flex;flex-direction:column;gap:12px;padding-top:8px}.passage-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--color-muted);flex:1}.passage-form select,.passage-form input{min-height:var(--control-height);border:1px solid var(--color-rule-2);border-radius:var(--radius);background:var(--color-paper);padding-inline:10px;color:var(--color-ink);font-size:15px}.passage-range{display:flex;gap:12px}.scope-note{font-size:12px;line-height:18px;color:var(--color-muted)}.tech dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;padding-top:8px;font-size:13px}.tech dt{color:var(--color-muted)}.tech dd{overflow-wrap:anywhere}.developers{border-top:var(--rule);padding-block:48px 56px;align-items:start}.developer-copy{display:flex;flex-direction:column;gap:14px}.developer-copy .eyebrow{font-weight:400;letter-spacing:.12em}.developer-copy h2{font-size:34px;font-weight:500;letter-spacing:-.04em;line-height:42px}.developer-copy>p{font-size:16px;line-height:26px;max-width:470px}.developer-links{display:flex;flex-direction:column;gap:4px;padding-top:12px;max-width:470px}.developer-links a{display:flex;justify-content:space-between;gap:16px;padding-block:12px;border-bottom:1px solid var(--color-ink);font-size:18px;line-height:26px}.quickstart pre{background:var(--color-ink);color:var(--color-paper);border-radius:12px;padding:20px;overflow-x:auto;font-size:13px;line-height:21px}.quickstart .c{color:#a8a8a8}.colophon{border-top:var(--rule);display:flex;justify-content:space-between;gap:16px;padding-block:24px 32px;color:var(--color-muted);font-size:12px;line-height:16px}@media(max-width:1199px){#app{padding-inline:48px}.page-split,.developers{gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,480px)}h1{font-size:60px;line-height:66px}}@media(max-width:900px){#app{padding-inline:24px}.page-split,.developers{grid-template-columns:minmax(0,1fr)}.intro{padding-top:0}.bench{max-width:560px;justify-self:center}}@media(max-width:767px){.nav-edge{height:72px}.wordmark>:first-child{font-size:24px;line-height:30px}nav{gap:16px}.page-split{padding-block:32px 40px;gap:28px}.intro{gap:16px}.eyebrow{font-size:10px;line-height:12px;letter-spacing:.08em}h1{font-size:40px;line-height:45px;letter-spacing:-.045em}.lede-copy{font-size:16px;line-height:25px}.footer-note{display:none}.bench{padding:18px}.demo-intro{padding-block:20px;gap:12px}.example-verse{font-size:30px}.ayah{font-size:30px;line-height:60px}.developers{padding-block:32px;gap:24px}.developer-copy h2{font-size:28px;line-height:35px}.quickstart pre{font-size:12px;line-height:19px;padding:16px}.state-content{padding-inline:0}.state-content h3{font-size:25px;line-height:34px}}@media(max-width:359px){#app{padding-inline:16px}nav{gap:12px}.bench{padding:14px}.facts{gap:12px;font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}