@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/newsreader-vietnamese-400-normal-DdKr49mV.woff2) format("woff2"),url(/assets/newsreader-vietnamese-400-normal-BekUZro8.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-ext-400-normal-svq1FPys.woff2) format("woff2"),url(/assets/newsreader-latin-ext-400-normal-DYA1XoQK.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:Newsreader;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-400-normal-BFBkh4jY.woff2) format("woff2"),url(/assets/newsreader-latin-400-normal-gRTjlS2D.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:Newsreader;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/newsreader-vietnamese-700-normal-DuQcgozP.woff2) format("woff2"),url(/assets/newsreader-vietnamese-700-normal-DtcFBl0j.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/newsreader-latin-ext-700-normal-Ougc6Dr0.woff2) format("woff2"),url(/assets/newsreader-latin-ext-700-normal-79d_He5Z.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:Newsreader;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/newsreader-latin-700-normal-rIgV_oaK.woff2) format("woff2"),url(/assets/newsreader-latin-700-normal-CluIqIw6.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;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-ext-400-normal-g30qAdWV.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-400-normal-Dsrv2Tcn.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-400-normal-DZqxrq2p.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-400-normal-BTotfTJu.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-greek-400-normal-_efipK4i.woff2) format("woff2"),url(/assets/ibm-plex-sans-greek-400-normal-D9ESIMu3.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-vietnamese-400-normal-DG4YqDda.woff2) format("woff2"),url(/assets/ibm-plex-sans-vietnamese-400-normal-fK1oJ5dG.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-ext-400-normal-C5H60-Va.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-400-normal-RBey6euL.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.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;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-cyrillic-ext-700-normal-BmRLXWpJ.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-700-normal-DCQwxkRk.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-cyrillic-700-normal-D_uavGvn.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-700-normal-RFb1v-CK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-greek-700-normal-wyJ6jzdA.woff2) format("woff2"),url(/assets/ibm-plex-sans-greek-700-normal-CkZN0sRy.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-vietnamese-700-normal-CkEo6LDy.woff2) format("woff2"),url(/assets/ibm-plex-sans-vietnamese-700-normal-BV5B8Are.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-latin-ext-700-normal-aMgXseD4.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-700-normal-DZH6Xh-4.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-latin-700-normal-Bxkt5Cjx.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-700-normal-Bth3BMcD.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: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: oklch(96.4% .014 92);--color-paper-2: oklch(93.6% .016 92);--color-paper-3: oklch(89.2% .018 90);--color-rule: oklch(81% .016 85);--color-rule-2: oklch(74% .018 80);--color-ink: oklch(22% .02 55);--color-ink-2: oklch(34% .018 55);--color-muted: oklch(46% .016 70);--color-accent: oklch(44% .14 28);--color-accent-ink: oklch(96.4% .014 92);--color-focus: oklch(48% .16 28);--color-error: oklch(46% .16 25);--color-error-ink: oklch(96.4% .014 92);--color-success: oklch(42% .09 145);--color-success-ink: oklch(96.4% .014 92);--color-on-ink: oklch(96.4% .014 92);--color-scrim: oklch(22% .02 55 / .45);--color-mark: oklch(90% .028 92);--color-playhead: oklch(88% .055 28);--font-display: "Newsreader", "Source Serif 4", "Iowan Old Style", Georgia, serif;--font-body: "IBM Plex Sans", ui-sans-serif, sans-serif;--font-outlier: "Amiri", "Noto Naskh Arabic", serif;--font-arabic: var(--font-outlier);--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 9rem;--page-gutter: clamp(1rem, 4vw, 2.5rem);--banner-height: 3.5rem;--text-xs: .64rem;--text-sm: .8rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.5625rem;--text-xl: 1.9531rem;--text-2xl: 2.4414rem;--text-3xl: 3.0518rem;--text-4xl: 3.8147rem;--text-display: clamp(2.25rem, 4.2vw + .6rem, 3.75rem);--text-display-s: clamp(1.85rem, 3vw + .5rem, 2.75rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--rule: 1px solid var(--color-rule);--radius: 0;--control-height: 2.75rem;--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-sticky-nav: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--max-width: 72rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html{font-size:16px;-webkit-text-size-adjust:100%;overflow-x:clip}body{font-family:var(--font-body);background:var(--color-paper);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;overflow-x:clip;line-height:1.55}button,select,textarea{appearance:none;font:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}#app{max-width:var(--max-width);margin:0 auto;padding:var(--space-md) var(--page-gutter) var(--space-2xl);min-height:100dvh;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.nav-edge{display:flex;justify-content:space-between;align-items:center;min-height:var(--banner-height);padding-block:var(--space-xs);border-bottom:var(--rule)}.wordmark{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;font-style:normal;color:var(--color-ink);text-decoration:none;letter-spacing:-.02em;line-height:1;white-space:nowrap}#github-link{display:inline-flex;align-items:center;min-height:var(--control-height);font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;color:var(--color-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;line-height:1;white-space:nowrap;background:transparent;border:0;cursor:pointer;transition:color var(--dur-micro) var(--ease-out)}@media(hover:hover)and (pointer:fine){#github-link:hover,#github-link.is-hover{color:var(--color-accent);text-decoration-thickness:2px}}#github-link:active,#github-link.is-active{transform:translateY(1px)}#github-link[aria-disabled=true]{opacity:.55;cursor:not-allowed}.page-split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);align-items:start}@media(min-width:60rem){.page-split:has(#intro-screen:not([hidden])){grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr);gap:var(--space-2xl)}}.page-split:has(#intro-screen[hidden]){grid-template-columns:minmax(0,1fr)}.intro-screen{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding-block:var(--space-lg) var(--space-xl);min-width:0}.intro-screen h1{font-family:var(--font-display);font-size:var(--text-display);font-weight:700;font-style:normal;line-height:1.06;letter-spacing:-.03em;color:var(--color-ink);max-width:16ch;overflow-wrap:anywhere;min-width:0}.lede-copy{max-width:58ch;margin-top:var(--space-md);font-size:var(--text-base);line-height:1.55;color:var(--color-ink-2)}.spec-sheet{width:100%;margin-top:var(--space-xl);border-collapse:collapse;font-variant-numeric:tabular-nums}.spec-sheet th,.spec-sheet td{padding:var(--space-sm) 0;border-bottom:var(--rule);text-align:left;vertical-align:baseline}.spec-sheet tr:first-child th,.spec-sheet tr:first-child td{border-top:var(--rule)}.spec-sheet th{width:7.5rem;padding-right:var(--space-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;color:var(--color-ink);white-space:nowrap}.spec-sheet td{font-size:var(--text-sm);color:var(--color-ink-2)}.spec-sheet tr{animation:reveal var(--dur-long) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 60ms)}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bench{min-width:0;padding-block:var(--space-lg) 0}.head-hang{padding-block:0 var(--space-sm)}.head-hang h2{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;font-style:normal;letter-spacing:-.02em;color:var(--color-ink);overflow-wrap:anywhere;min-width:0}.bench-frame{position:relative;display:flex;flex-direction:column;min-width:0;max-width:100%;min-height:18rem;padding:var(--space-lg);border:var(--rule);background:var(--color-paper-2);overflow-x:clip}.bench-idle{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:var(--space-lg);flex:1;min-height:16rem}.bench-idle-copy{max-width:36ch;font-size:var(--text-base);color:var(--color-ink-2)}.bench-idle .intro-btn{margin-top:auto}.bench-frame:has(#bench-idle[hidden]){min-height:14rem}#loading-status:not([hidden]),#ready-state:not([hidden]),#recording-state:not([hidden]){display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-md);flex:1;min-height:12rem}.intro-btn{min-height:var(--control-height);display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-lg);border-radius:var(--radius);font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.intro-btn--primary{border:1px solid var(--color-ink);background:var(--color-ink);color:var(--color-on-ink)}@media(hover:hover)and (pointer:fine){.intro-btn--primary:hover,.intro-btn--primary.is-hover{transform:translateY(-1.5px);background:var(--color-ink-2)}}.intro-btn--primary:active,.intro-btn--primary.is-active{transform:translateY(1px)}.intro-btn--primary:disabled,.intro-btn--primary[data-state=loading],.intro-btn--primary.is-disabled{cursor:wait;opacity:.55;transform:none}.intro-btn--primary[data-state=error]{border-color:var(--color-error);background:var(--color-error);color:var(--color-error-ink)}.intro-btn--primary[data-state=success]{border-color:var(--color-success);background:var(--color-success);color:var(--color-success-ink)}#loading-status,#listening-status,#ready-state,#recording-state,#post-recording{text-align:left;padding:0}#loading-status,#listening-status,#ready-state,#recording-state,#post-recording{animation:reveal var(--dur-long) var(--ease-out) both}.loading-status-main,.listening-status-main,.ready-prompt{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;font-style:normal;color:var(--color-ink);margin-bottom:var(--space-md);letter-spacing:-.02em}.loading-progress-track{width:12.5rem;height:var(--space-2xs);margin-bottom:var(--space-sm);background:var(--color-paper-3);overflow:hidden}.loading-progress-fill{width:100%;height:100%;background:var(--color-ink);transform:scaleX(var(--progress, 0));transform-origin:left center;transition:transform var(--dur-short) var(--ease-out)}.loading-status-sub,.listening-status-sub{font-size:var(--text-sm);color:var(--color-muted)}#recording-state{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.listening-card{width:min(100%,22rem);padding:0;border:0;background:transparent}.listening-eyebrow{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:700;color:var(--color-accent)}.listening-eyebrow:before{content:"";width:.5rem;height:.5rem;background:var(--color-accent)}.waveform{--waveform-strength: 0;display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2xs);height:3.5rem;margin:var(--space-sm) 0}.waveform-bar{width:var(--space-2xs);height:2.5rem;background:var(--color-accent);opacity:calc(.32 + var(--waveform-strength) * .5);transform:scaleY(var(--bar-level, .22));transform-origin:center;transition:transform 90ms var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.waveform-bar:nth-child(2n){height:2rem}.waveform-bar:nth-child(3n){height:3rem}.listening-callout{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;font-style:normal;color:var(--color-ink)}.rec-btn{min-width:5.5rem;min-height:var(--control-height);padding:0 var(--space-lg);border-radius:var(--radius);border:1px solid var(--color-ink);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;letter-spacing:0;line-height:1;white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.rec-btn:active,.rec-btn.is-active{transform:translateY(1px)}.rec-btn--start{background:var(--color-ink);color:var(--color-on-ink)}@media(hover:hover)and (pointer:fine){.rec-btn--start:hover,.rec-btn--start.is-hover{transform:translateY(-1.5px);background:var(--color-ink-2)}}.rec-btn--start:disabled,.rec-btn--stop:disabled{opacity:.55;cursor:not-allowed;transform:none}.rec-btn--stop{background:var(--color-error);color:var(--color-error-ink);border-color:var(--color-error)}@media(hover:hover)and (pointer:fine){.rec-btn--stop:hover,.rec-btn--stop.is-hover{filter:brightness(.92)}}.rec-btn[data-state=loading]{opacity:.55;cursor:wait}.rec-btn[data-state=error]{border-color:var(--color-error);background:var(--color-error);color:var(--color-error-ink)}.rec-btn[data-state=success]{border-color:var(--color-success);background:var(--color-success);color:var(--color-success-ink)}.post-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.action-btn{min-height:var(--control-height);padding:0 var(--space-lg);border-radius:var(--radius);border:1px solid var(--color-rule-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;background:var(--color-paper);color:var(--color-ink);transition:background-color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}@media(hover:hover)and (pointer:fine){.action-btn:hover,.action-btn.is-hover{background:var(--color-paper-3)}}.action-btn:active,.action-btn.is-active{transform:translateY(1px)}.action-btn:disabled{opacity:.55;cursor:not-allowed}.action-btn--report{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-on-ink)}@media(hover:hover)and (pointer:fine){.action-btn--report:hover,.action-btn--report.is-hover{background:var(--color-ink-2)}}.action-btn[data-state=loading]{opacity:.55;cursor:wait}.action-btn[data-state=error]{border-color:var(--color-error);color:var(--color-error)}.action-btn[data-state=success]{border-color:var(--color-success);color:var(--color-success)}#verses{display:flex;flex-direction:column;gap:var(--space-xl);margin-top:var(--space-lg);min-width:0;max-width:100%}.verse-group{animation:reveal var(--dur-long) var(--ease-out) both}.verse-group--exiting{animation:group-exit calc(var(--dur-long) * .75) var(--ease-in) forwards}@keyframes group-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.surah-header{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-muted);text-align:left;padding:0 0 var(--space-sm);border-bottom:var(--rule);margin-bottom:var(--space-md)}.bismillah{font-family:var(--font-arabic);font-size:var(--text-lg);color:var(--color-ink-2);text-align:center;padding:var(--space-sm) 0;min-width:0;max-width:100%;overflow-wrap:anywhere}.verse-group{min-width:0;max-width:100%}.verse-body,.verse-text{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.verse-body{font-family:var(--font-arabic);font-size:var(--text-xl);line-height:2.4;text-align:right;direction:rtl;padding:var(--space-xs) 0}.verse{padding:var(--space-3xs) 0;transition:color var(--dur-short) var(--ease-out),opacity var(--dur-short) var(--ease-out)}.verse--active{color:var(--color-ink)}.verse--recited{color:var(--color-muted)}.verse--upcoming{color:var(--color-ink-2)}.word{display:inline;padding-inline:.12em;border-radius:var(--radius);box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:color var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out)}.verse--active .word{color:var(--color-muted)}.verse--active .word--spoken{color:var(--color-ink);font-weight:700;background:var(--color-mark)}.verse--active .word--spoken:not(:has(+.word--spoken)){color:var(--color-ink);background:var(--color-playhead);box-shadow:0 2px 0 var(--color-accent)}.verse--active .word--error,.verse--active .word--spoken.word--error{color:var(--color-error);background:transparent;box-shadow:none;text-decoration:underline wavy var(--color-error);text-underline-offset:.3em}.verse--recited .word,.verse--upcoming .word{color:inherit}.verse-marker{font-size:var(--text-lg);color:var(--color-muted);-webkit-user-select:none;user-select:none;padding:0 var(--space-3xs)}.verse--active .verse-marker{color:var(--color-ink-2)}#candidate-status{width:100%;max-width:100%;min-width:0;margin-top:var(--space-md);padding:var(--space-xs) 0;border:0;border-bottom:1px dashed var(--color-rule-2);background:transparent;color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.35;overflow-wrap:anywhere}#candidate-status.candidate-status--stable{color:var(--color-ink);border-bottom-style:solid}#raw-transcript{font-family:var(--font-arabic);font-size:var(--text-md);color:var(--color-muted);text-align:right;direction:rtl;padding:var(--space-md) 0;min-width:0;max-width:100%;min-height:0;overflow-wrap:anywhere;word-break:break-word;opacity:0;transition:opacity var(--dur-short) var(--ease-out)}#raw-transcript.visible{opacity:1}.debug-panel{margin-top:var(--space-lg);border:var(--rule);background:var(--color-paper);color:var(--color-ink-2);font-family:var(--font-body);font-size:var(--text-xs);overflow:hidden}.debug-panel summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.debug-panel summary::-webkit-details-marker{display:none}#debug-summary{color:var(--color-muted)}.debug-summary-actions{display:inline-flex;align-items:center;gap:var(--space-xs)}.debug-copy-btn{min-height:2.25rem;border:1px solid var(--color-rule-2);border-radius:var(--radius);background:var(--color-paper);color:var(--color-ink);font:inherit;font-weight:700;padding:0 var(--space-sm);cursor:pointer;white-space:nowrap}@media(hover:hover)and (pointer:fine){.debug-copy-btn:hover,.debug-copy-btn.is-hover{background:var(--color-paper-2)}}.debug-copy-btn:active,.debug-copy-btn.is-active{transform:translateY(1px)}.debug-copy-btn:disabled{opacity:.55;cursor:not-allowed}.debug-copy-btn[data-state=loading]{cursor:wait;opacity:.55}.debug-copy-btn[data-state=error]{border-color:var(--color-error);color:var(--color-error)}.debug-copy-btn[data-state=success]{border-color:var(--color-success);color:var(--color-success)}.debug-copy-status{min-width:4.5rem;color:var(--color-muted);text-align:right}.debug-content{max-height:13.75rem;overflow:auto;border-top:var(--rule);padding:var(--space-2xs)}.debug-row{display:flex;align-items:center;gap:var(--space-2xs);min-width:max-content;padding:var(--space-3xs) var(--space-2xs);white-space:nowrap}.debug-row:nth-child(odd){background:var(--color-paper-2)}.debug-time{width:4.6rem;flex:0 0 4.6rem;color:var(--color-muted);font-variant-numeric:tabular-nums}.debug-label{width:4.7rem;flex:0 0 4.7rem;color:var(--color-ink);font-weight:700}.debug-chip{display:inline-flex;max-width:11rem;overflow:hidden;text-overflow:ellipsis;padding:var(--space-3xs) var(--space-2xs);background:var(--color-paper-3);color:var(--color-ink-2)}.debug-chip--wide{max-width:22rem}.debug-chip--strong{color:var(--color-ink);background:var(--color-paper-3)}#listening-indicator{display:none;position:absolute;bottom:var(--space-md);right:var(--space-md);width:.5rem;height:.5rem;z-index:var(--z-raised)}#listening-indicator.active{display:block}.pulse-dot{width:.5rem;height:.5rem;background:var(--color-muted)}#listening-indicator.active .pulse-dot,#listening-indicator.active.audio-detected .pulse-dot{background:var(--color-accent)}#listening-indicator.active.silence .pulse-dot{background:var(--color-muted)}.pulse-ring{display:none}#permission-prompt{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-ink-2);max-width:36ch;line-height:1.5}#offline-badge{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap}.badge-sep{opacity:.4}#model-status{display:inline-flex;align-items:center;gap:var(--space-2xs)}#model-status:before{content:"";width:.4rem;height:.4rem;background:var(--color-muted)}#model-status.ready:before{background:var(--color-success)}#model-status.ready{color:var(--color-ink-2)}#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}.colophon{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:var(--rule);font-size:var(--text-sm);color:var(--color-muted);max-width:72ch;line-height:1.55}.colophon a{color:var(--color-ink);text-underline-offset:.15em;white-space:nowrap}@media(hover:hover)and (pointer:fine){.colophon a:hover{color:var(--color-accent)}}@media(max-width:60rem){.verse-body{font-size:var(--text-lg);line-height:2.2}.spec-sheet th{display:block;width:auto;padding-bottom:0;border-bottom:0}.spec-sheet td{display:block;padding-top:var(--space-3xs)}}@media(max-width:40rem){#app{padding:var(--space-sm) var(--page-gutter) var(--space-xl)}.intro-screen{padding-top:var(--space-md)}.intro-btn,.rec-btn,.action-btn{width:100%}.verse-body{font-size:var(--text-md);line-height:2.1}.debug-panel summary{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.spec-sheet tr,#loading-status,#listening-status,#ready-state,#recording-state,#post-recording,.verse-group{animation:none;opacity:1;transform:none}.waveform-bar{transition:none}}