@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:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-arabic-700-normal-D8FrblyB.woff2) format("woff2"),url(/assets/amiri-arabic-700-normal-dUd6sHq-.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:700;src:url(/assets/amiri-latin-ext-700-normal-ByFuOT8o.woff2) format("woff2"),url(/assets/amiri-latin-ext-700-normal-Ck-lxu84.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:700;src:url(/assets/amiri-latin-700-normal-DIjoEGk6.woff2) format("woff2"),url(/assets/amiri-latin-700-normal-BH9dHmOv.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}: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%}body{background:var(--color-paper);color:var(--color-ink);font-family:system-ui,sans-serif;line-height:1.625;-webkit-font-smoothing:antialiased}html[lang=ar] body{font-family:IBM Plex Sans Arabic,sans-serif}button,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}#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:40px;font-size:14px}#language-toggle{border:0;background:transparent;min-height:44px;font-family:IBM Plex Sans Arabic,sans-serif;color:inherit}.page-split,.developers{display:grid;grid-template-columns:minmax(0,656px) minmax(0,448px);gap:clamp(48px,7.78vw,112px)}.page-split{align-items:center;padding-block:72px 80px}.intro-screen{display:flex;flex-direction:column;gap:28px;min-width:0}.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:460px;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)}.developer-prompt{display:flex;gap:16px;align-items:center;font-size:15px;line-height:18px;margin-top:36px;color:var(--color-muted)}.developer-prompt a{color:var(--color-ink);border-bottom:1px solid;padding-bottom:3px}.bench{background:var(--color-surface);border:var(--rule);border-radius:16px;padding:24px;min-width:0;width:100%}.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}#model-status{font-size:12px;line-height:16px;font-weight:600;text-align:end}#model-status.ready{background:var(--color-selected);border-radius:6px;padding:7px 9px}#model-status.ready:before{content:"✓";margin-inline-end:7px}.bench:has(#bench-idle[hidden]) .bench-heading{border-bottom:var(--rule);padding-bottom:16px}.demo-intro{display:flex;flex-direction:column;align-items:center;gap:18px;padding-block:40px 32px;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}.spoken{color:var(--color-muted)}.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:282px}.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{background:#333}.secondary-btn{min-height:52px;background:var(--color-paper);color:var(--color-ink);border-color:var(--color-rule);font-weight:400}.secondary-btn:hover{border-color:var(--color-ink)}.text-btn{background:none;border:0;color:inherit;text-decoration:underline;text-underline-offset:4px;min-height:44px;font-size:14px}.demo-note{font-size:13px;line-height:21px;margin-top:14px;text-align:center}.muted{color:var(--color-muted)}.state-content{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:42px 12px 36px}.state-content h3{font-size:29px;letter-spacing:-.035em;line-height:38px}.state-content .demo-copy{font-size:15px;line-height:25px;max-width:310px}.device-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--color-selected)}.loading-progress-track{height:4px;background:var(--color-rule);margin-top:12px;overflow:hidden}#loading-progress{width:100%;height:100%;background:var(--color-ink);transform:scaleX(var(--progress, 0));transform-origin:left;transition:transform .2s}[dir=rtl] #loading-progress{transform-origin:right}#loading-detail{font-size:13px}#loading-status button{margin-top:24px}.waveform{display:flex;gap:5px;align-items:center;justify-content:center;height:56px;margin-block:12px}.waveform-bar{width:3px;height:54px;border-radius:2px;background:var(--color-ink);transform:scaleY(var(--bar-level, .2))}.stop-icon{width:9px;height:9px;background:currentColor}#verses:not(:empty){padding-block:24px;margin-bottom:24px}.verse-scroll{max-height:300px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.surah-header{font-size:25px;line-height:30px}.surah-meta{font-size:13px;color:var(--color-muted);border-bottom:var(--rule);padding-block:8px 18px;margin-bottom:20px}.verse-body,.bismillah{font:400 29px/53px Amiri,serif;text-align:right}.verse{display:block;margin-bottom:16px}.verse--recited{color:var(--color-muted)}.word{display:inline-block;border-radius:5px;padding-inline:3px}.verse--active .word--spoken{color:var(--color-muted)}.verse--active .word--current{background:var(--color-ink);color:var(--color-paper)}.verse-group--exiting{display:none}#candidate-status,#raw-transcript{font-size:13px;color:var(--color-muted);margin-block:12px}#raw-transcript:empty{display:none}#raw-transcript{font-family:Amiri,serif;font-size:22px}.paused-title{margin-bottom:16px}.post-actions{display:flex;flex-direction:column;gap:8px}#permission-prompt{padding-top:24px}#permission-prompt h3{font-size:18px}#permission-prompt p{font-size:14px;color:var(--color-muted);margin-top:8px}.debug-panel{border-top:var(--rule);margin-top:24px;font-size:12px;overflow-wrap:anywhere}.debug-panel summary{display:flex;flex-wrap:wrap;gap:8px;cursor:pointer}.debug-panel button{padding:4px}#debug-content{max-height:250px;overflow:auto}.debug-row{display:flex;flex-wrap:wrap;gap:8px;padding-block:8px;border-bottom:var(--rule)}.developers{border-top:var(--rule);padding-block:48px 56px}.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:last-child{font-size:16px;line-height:26px;max-width:470px}.developer-link{padding-top:28px;display:flex;flex-direction:column;gap:20px}.developer-link a{display:flex;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--color-ink);font-size:20px;line-height:28px}.developer-link p{font-size:13px;line-height:16px}.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}.mobile-copy{display:none}[lang=ar] .eyebrow,[lang=ar] .example-label,[lang=ar] h1,[lang=ar] h2,[lang=ar] h3{letter-spacing:normal}[lang=ar] h1{font-size:66px;line-height:86px}[lang=ar] .eyebrow{font-size:14px;line-height:18px}@media(max-width:1199px){#app{padding-inline:48px}.page-split,.developers{gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,448px)}h1{font-size:60px;line-height:66px}}@media(max-width:900px){#app{padding-inline:24px}.page-split,.developers{grid-template-columns:minmax(0,1fr)}.bench{max-width:448px;justify-self:center}}@media(max-width:767px){.nav-edge{height:80px}.wordmark>:first-child{font-size:24px;line-height:30px}nav{gap:16px}.page-split{padding-block:36px 40px;gap:32px}.intro-screen{gap:18px}.eyebrow{font-size:10px;line-height:12px;letter-spacing:.08em}h1{font-size:40px;line-height:45px;letter-spacing:-.045em}[lang=ar] h1{font-size:42px;line-height:55px}[lang=ar] .eyebrow{font-size:12px;line-height:16px}.lede-copy{font-size:16px;line-height:25px}.developer-prompt,.desktop-copy,.footer-note{display:none}.mobile-copy{display:block}.bench{padding:20px}.demo-intro{padding-block:24px;gap:12px}.example-verse{font-size:30px}.demo-intro h3{font-size:21px;line-height:28px}.developers{padding-block:32px;gap:24px}.developer-copy h2{font-size:28px;line-height:35px}.developer-copy .eyebrow{font-size:12px;line-height:16px}.developer-link{padding-top:0}.developer-link a{font-size:17px}.state-content{padding-inline:0}.state-content h3{font-size:25px;line-height:34px}.colophon{flex-wrap:wrap}.facts{gap:24px}}@media(max-width:359px){#app{padding-inline:16px}nav{gap:12px}.bench{padding:16px}.bench-heading{gap:8px}#model-status{font-size:11px}.example-verse{gap:5px;font-size:28px}.facts{gap:12px;font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}#report-dialog{border:var(--rule);border-radius:var(--radius);padding:0;max-width:30rem;width:calc(100% - var(--space-xl));margin:auto;background:var(--color-paper);color:var(--color-ink)}#report-dialog::backdrop{background:var(--color-scrim)}.dialog-content{padding:var(--space-lg)}.dialog-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;font-style:normal;color:var(--color-ink);margin-bottom:var(--space-lg)}.dialog-section{margin-bottom:var(--space-md)}.dialog-label{display:block;font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-2xs)}.verse-selectors{display:flex;gap:var(--space-xs)}.verse-selectors select,#report-notes{flex:1;min-height:var(--control-height);padding:0 var(--space-sm);border:1px solid var(--color-rule-2);border-radius:var(--radius);background:var(--color-paper);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);outline:2px solid transparent;outline-offset:1px}#report-notes{width:100%;padding:var(--space-sm);resize:vertical;min-height:calc(var(--control-height) * 2)}.verse-selectors select:hover,#report-notes:hover{background:var(--color-paper-2)}.verse-selectors select:focus-visible,#report-notes:focus-visible{outline:2px solid var(--color-focus);border-color:var(--color-ink-2)}.verse-selectors select:disabled,#report-notes:disabled{opacity:.55;cursor:not-allowed}.verse-selectors select[aria-invalid=true],#report-notes[aria-invalid=true],.verse-selectors select[data-state=error],#report-notes[data-state=error]{border-color:var(--color-error)}.verse-selectors select[data-state=success],#report-notes[data-state=success]{border-color:var(--color-success)}.verse-selectors select[data-state=loading],#report-notes[data-state=loading]{opacity:.55}.field-help{min-height:1lh;margin-top:var(--space-3xs);font-size:var(--text-sm);color:var(--color-muted)}.prediction-text{font-size:var(--text-sm);color:var(--color-ink-2)}#report-audio{width:100%;height:2.5rem}.dialog-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;align-items:center;margin-top:var(--space-lg)}.report-status{font-size:var(--text-sm);color:var(--color-ink-2);text-align:left;margin-top:var(--space-sm);min-height:1lh}@media(max-width:767px){[lang=ar] #developers-title{max-width:230px}}@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")}