@font-face{font-family:ABCDiatype;src:url(https://speechify.ai/fonts/ABCDiatype-Thin.woff2)format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:ABCDiatype;src:url(https://speechify.ai/fonts/ABCDiatype-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:ABCDiatype;src:url(https://speechify.ai/fonts/ABCDiatype-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ABCDiatype;src:url(https://speechify.ai/fonts/ABCDiatype-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:ABCDiatype;src:url(https://speechify.ai/fonts/ABCDiatype-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--font-sans:"ABCDiatype", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Code", monospace;--surface-page:#fff;--surface-card:#fff;--surface-subtle:#f5f5f5;--surface-raised:#fafafa;--text-primary:#0a0a0a;--text-secondary:#525252;--text-tertiary:#666;--border-subtle:#e5e5e5;--border-strong:#d1d1d4;--action:#0a0a0a;--action-hover:#2a2a2e;--action-foreground:#fafafa;--focus-ring:#0a0a0a38;--success:#00c270;--danger:#b42318;--radius-md:8px;--radius-lg:12px;--radius-pill:9999px}@media (prefers-color-scheme:dark){:root{--surface-page:#0a0a0a;--surface-card:#101010;--surface-subtle:#161616;--surface-raised:#141414;--text-primary:#fafafa;--text-secondary:#b3b3b3;--text-tertiary:#8a8a8a;--border-subtle:#262626;--border-strong:#3a3a3a;--action:#fafafa;--action-hover:#e5e5e5;--action-foreground:#0a0a0a;--focus-ring:#fafafa47}}*{box-sizing:border-box}body{background:var(--surface-page);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:4rem 1.5rem;font-weight:400;line-height:1.55}main{flex-direction:column;gap:1.75rem;max-width:44rem;margin:0 auto;display:flex}h1{letter-spacing:-.03em;margin:0 0 .5rem;font-size:clamp(2.25rem,6vw,3.5rem);font-weight:100;line-height:1.02}h2{letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.125rem;font-weight:300}.eyebrow{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-tertiary);margin:0 0 .75rem;font-size:13px;font-weight:500}.lead{max-width:62ch;color:var(--text-secondary);margin:0;font-size:1.0625rem;line-height:1.55}a{color:var(--text-primary);text-underline-offset:2px}code,kbd,samp{font-family:var(--font-mono)}code{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:5px;padding:.08em .38em;font-size:.88em}.step{flex-direction:column;gap:.5rem;display:flex}select,textarea,input[type=url]{width:100%;font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:.75rem .875rem;font-size:1rem}textarea{resize:vertical;line-height:1.5}select:focus,textarea:focus,input[type=url]:focus{border-color:var(--action);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.result{flex-direction:column;gap:.5rem;display:flex}.result .meta{color:var(--text-tertiary);font-family:var(--font-mono);margin:0;font-size:13px}.result ol{flex-direction:column;gap:.5rem;margin:.5rem 0 0;padding-left:1.25rem;display:flex}.result li{color:var(--text-secondary);line-height:1.5}.result li.active{color:var(--text-primary);font-weight:500}.play{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.btn{font-family:var(--font-sans);border-radius:var(--radius-pill);cursor:pointer;border:none;padding:.75rem 1.75rem;font-size:1rem;font-weight:500}.btn-primary{background:var(--action);color:var(--action-foreground)}.btn-primary:hover:not(:disabled){background:var(--action-hover)}.btn:disabled{opacity:.55;cursor:default}.err{color:var(--danger);margin:0;font-size:.9375rem}footer{border-top:1px solid var(--border-subtle);color:var(--text-secondary);padding-top:1.25rem;font-size:.9375rem}footer p{margin:0}