:root{--font-body:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono:ui-monospace, "SF Mono", SFMono-Regular, "Cascadia Mono", "Segoe UI Mono", monospace;--font-weight:450;--font-weight-body:500;--font-weight-heading-3:550;--font-weight-semibold:600;--font-weight-heading-2:650;--font-weight-bold:700;--font-weight-heading-1:800;--font-size-caption:12px;--font-size-meta:13px;--font-size-label:14px;--font-size-body:15px;--font-size-reading:16px;--font-size-wordmark:18px;--font-size-heading-3:20px;--font-size-heading-2:24px;--font-size-heading-1:38px;--font-size-display:40px;--line-height-label:16px;--line-height-code:22px;--line-height-body:24px;--line-height-heading-2:32px;--line-height-heading-1:48px;--hsl-ink:0 0% 20%;--hsl-warm:0 10% 30%;--hsl-accent:240 60% 45%;--color-ink:hsl(var(--hsl-ink));--color-ink-hover:#000;--color-ink-secondary:hsl(var(--hsl-ink) / .85);--color-ink-muted:hsl(var(--hsl-ink) / .6);--color-accent:hsl(var(--hsl-accent));--color-bg:#fff;--color-surface:#fafafa;--color-surface-raised:#f9f9fa;--color-surface-tint:hsl(var(--hsl-warm) / .1);--color-surface-tint-hover:hsl(var(--hsl-warm) / .18);--color-surface-card:#f3f1f1;--color-tint-warm:#e1dcdb;--color-border:#e6e7eb;--color-border-subtle:#eeeff2;--color-border-warm:#f7f6f27a;--hsl-red:0 100% 70%;--hsl-amber:40 89% 60%;--hsl-green:122 39% 49%;--color-error:hsl(var(--hsl-red));--color-warning:hsl(var(--hsl-amber));--color-success:hsl(var(--hsl-green));--shadow-card:0 2px 3px #0000000a;--shadow-toast:0 4px 6px -1px #0000001a;--radius-control:8px;--radius-card:12px;--radius-pill:100px;--transition-fast:.15s ease-out;--transition-snap:.12s cubic-bezier(.25, 0, .3, 1)}@media (prefers-color-scheme:dark){:root{--font-weight:400;--font-weight-body:450;--hsl-ink:225 10% 92%;--hsl-warm:0 0% 100%;--hsl-accent:240 87% 79%;--color-ink:hsl(var(--hsl-ink));--color-ink-hover:#ccc;--color-ink-secondary:hsl(var(--hsl-ink) / .85);--color-ink-muted:hsl(var(--hsl-ink) / .6);--color-accent:hsl(var(--hsl-accent));--color-bg:#1f1f1f;--color-surface:#262626;--color-surface-raised:#292929;--color-surface-tint:hsl(var(--hsl-warm) / .08);--color-surface-tint-hover:hsl(var(--hsl-warm) / .14);--color-surface-card:#292929;--color-tint-warm:#272728;--color-border:#595959;--color-border-subtle:#3b3b3b;--color-border-warm:#ffffff14;--shadow-card:0 2px 3px #0003;--shadow-toast:0 4px 6px -1px #00000040}}:root{--content-width:710px;--line-height-body:26px;--line-height-compact:20px;--line-height-tight:18px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}a:not([class]){color:currentColor;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{--nav-fixed-offset:88px;--page-top-offset:var(--nav-fixed-offset)}body{min-height:100dvh;font-family:var(--font-body);font-weight:var(--font-weight);line-height:var(--line-height-body);background:var(--color-bg);color:var(--color-ink);grid-template-rows:auto 1fr auto;padding-inline:20px;display:grid}.wordmark{font-size:var(--font-size-wordmark);font-weight:var(--font-weight-bold);line-height:var(--line-height-body);color:var(--color-ink);cursor:pointer;text-decoration:none}.wordmark:hover{color:var(--color-ink-hover)}.site-nav{z-index:200;position:fixed;top:0;left:0;right:0}.site-nav__inner{max-width:calc(var(--content-width) + 40px);box-sizing:border-box;justify-content:space-between;align-items:baseline;width:100%;margin-inline:auto;padding:20px;display:flex}.site-nav__links{gap:24px;display:flex}.site-nav__link{font-family:var(--font-body);font-size:var(--font-size-label);font-weight:var(--font-weight-body);color:var(--color-ink-muted);transition:color var(--transition-fast);text-decoration:none}.site-nav__link:hover{color:var(--color-ink)}.site-nav__link--playground:not([aria-current=page]){color:var(--color-accent)}.site-nav__link--playground:not([aria-current=page]):hover,.site-nav__link[aria-current=page]{color:var(--color-ink)}.site-nav__link:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;border-radius:2px}.site-nav__toggle{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:32px;height:32px;padding:0;display:none}.site-nav__toggle-bar{background:var(--color-ink);width:18px;height:1.5px;transition:transform var(--transition-snap), opacity var(--transition-snap);border-radius:1px;display:block}.site-nav__toggle:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;border-radius:2px}.btn-primary{font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);color:var(--color-bg);background:var(--color-ink);border-radius:var(--radius-control);width:fit-content;transition:background var(--transition-fast);align-items:center;padding:6px 19px 8px;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--color-ink-hover)}.btn-primary:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.btn-secondary{font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);color:var(--color-ink);background:var(--color-surface-tint);border-radius:var(--radius-control);transition:background var(--transition-fast);align-items:center;padding:7px 19px 9px;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:var(--color-surface-tint-hover)}.btn-secondary:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}@media (width<=640px){.site-nav__inner{align-items:center;position:relative}.site-nav__toggle{display:flex}.site-nav__links{background:var(--color-bg);border-bottom:1px solid var(--color-border-subtle);z-index:100;flex-direction:column;gap:0;padding:4px 20px 16px;display:none;position:absolute;top:100%;left:0;right:0}.site-nav[data-expanded=true] .site-nav__links{display:flex}.site-nav__link{padding:10px 0}.site-nav[data-expanded=true] .site-nav__toggle-bar:first-child{transform:translateY(3.75px)rotate(45deg)}.site-nav[data-expanded=true] .site-nav__toggle-bar:last-child{transform:translateY(-3.75px)rotate(-45deg)}}footer{margin-inline:-20px}.footer-cta{border-top:1px solid var(--color-border-subtle);text-align:center;justify-items:center;gap:20px;padding:80px 20px;display:grid}.footer-content{max-width:var(--content-width);width:100%;padding-block:20px;padding-bottom:max(20px, env(safe-area-inset-bottom));font-family:var(--font-body);font-size:var(--font-size-label);font-weight:var(--font-weight-body);color:var(--color-ink-muted);line-height:var(--line-height-body);justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;display:flex}.footer-content a{color:var(--color-ink-muted);transition:color var(--transition-fast);text-decoration:none}.footer-content a:hover{color:var(--color-ink)}.footer-content .footer-contact{color:var(--color-ink-muted);font-weight:var(--font-weight-body)}.footer-meta,.footer-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.footer-links{color:var(--color-ink-muted)}.footer-links--primary{justify-content:flex-start}.footer-meta{color:var(--color-ink-muted);font-weight:var(--font-weight-body);justify-content:flex-end}.footer-links a{color:var(--color-ink-muted);transition:color var(--transition-fast);text-decoration:none}.footer-links a:hover{color:var(--color-ink)}@media (width<=720px){.footer-content{text-align:center;flex-direction:column;justify-content:center}.footer-meta,.footer-links{justify-content:center}}.hero{max-width:var(--content-width);gap:32px;width:100%;margin-inline:auto;display:grid}.hero h1{text-align:center;font-size:56px;line-height:64px}.hero-word--flagged{background:hsl(var(--hsl-red) / .08);-webkit-box-decoration-break:clone;box-decoration-break:clone;cursor:default;border-radius:4px;padding:0 2px;position:relative}.hero-phoneme{color:var(--color-error)}.hero-api-label{text-align:center;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink-muted);margin-top:-20px}.hero{position:relative}.hero-tip{background:var(--color-bg);border:1px solid var(--color-border);font-family:var(--font-body);font-size:var(--font-size-meta);line-height:var(--line-height-body);color:var(--color-ink);pointer-events:none;z-index:10;opacity:0;font-weight:var(--font-weight-body,400);white-space:normal;text-align:left;border-radius:12px;margin-top:8px;padding:14px 18px;transition:opacity .2s;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a}.hero-word--flagged:hover>.hero-tip--word{opacity:1}.hero-phoneme{z-index:3;position:relative}.hero-phoneme:hover>.hero-tip--phoneme{opacity:1}.hero-word--flagged:has(.hero-phoneme:hover)>.hero-tip--word{opacity:0}.hero-tip--word{width:210px}.hero-tip--phoneme{width:240px}.hero-tip__header{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.hero-tip__label{font-weight:var(--font-weight-semibold);font-size:var(--font-size-body)}.hero-tip__score{font-weight:var(--font-weight-semibold)}.hero-tip__status{font-size:var(--font-size-caption);text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-secondary);margin-bottom:4px}.hero-tip__ipa{font-family:var(--font-mono);font-size:var(--font-size-caption);color:var(--color-ink-secondary);margin-bottom:4px}.hero-tip__timing{font-family:var(--font-mono);font-size:var(--font-size-caption);color:var(--color-ink-muted);margin-bottom:8px;display:block}.hero-tip__advice{font-size:var(--font-size-meta);color:var(--color-ink-secondary);line-height:var(--line-height-tight)}.hero-tip__section{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-muted);margin-bottom:6px}.hero-tip__rows{flex-direction:column;gap:3px;display:flex}.hero-tip__row{font-size:var(--font-size-caption);justify-content:space-between;align-items:baseline;display:flex}.hero-tip__ph-meta{color:var(--color-ink-secondary);gap:6px;display:flex}.hero-tip__ph-meta strong{font-family:var(--font-mono);color:var(--color-ink)}.hero-tip__weak{color:var(--color-error)}@media (width<=900px){.hero-tip{display:none}}.hero-visual{height:clamp(280px,40vw,600px);margin-inline:-20px;overflow:hidden}.hero-visual picture{width:100%;max-width:1400px;height:100%;margin-inline:auto;display:block}.hero-visual img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.hero-cta{text-align:center;max-width:var(--content-width);justify-items:center;gap:32px;width:100%;margin-inline:auto;display:grid}.hero-subtitle{font-size:var(--font-size-reading);font-weight:var(--font-weight-body);line-height:var(--line-height-body);color:var(--color-ink-secondary)}.metric-pill{font-family:var(--font-mono);font-size:var(--font-size-meta);background:var(--color-surface-tint);border-radius:var(--radius-pill);width:fit-content;height:28px;color:var(--color-ink-muted);align-items:center;padding:0 10px;line-height:1;display:inline-flex}.code-block{background:var(--color-surface-raised);border:1px solid var(--color-surface-tint);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:8px;padding:8px;position:relative;overflow-x:auto}.code-copy{float:right;border-radius:var(--radius-control);width:32px;height:32px;color:var(--color-ink-muted);cursor:pointer;opacity:0;z-index:1;transition:opacity var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;margin:0;display:flex;position:sticky;top:0;right:0}.code-block:hover .code-copy{opacity:1}.code-copy:hover{background:var(--color-surface-tint-hover);color:var(--color-ink)}.code-copy--done,.code-copy--done:hover{color:var(--color-accent)}.code-block pre{font-family:var(--font-mono);font-size:var(--font-size-meta);font-weight:var(--font-weight-body);line-height:var(--line-height-code);color:var(--color-ink);white-space:pre;margin:0;padding:8px 12px}.code-block .comment{color:var(--color-ink-muted)}.code-block .string{color:var(--color-accent)}.code-block .keyword{color:var(--color-ink);font-weight:var(--font-weight-semibold)}code-tabs{border:1px solid var(--color-surface-tint);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:8px;display:block;overflow:hidden}code-tabs:not(:defined)>[data-label]~[data-label]{display:none}.code-tabs-bar{border-bottom:1px solid var(--color-surface-tint);background:var(--color-surface-raised);display:flex}.code-tab{font-family:var(--font-body);font-size:var(--font-size-meta);font-weight:var(--font-weight-body);line-height:var(--line-height-body);color:var(--color-ink-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:7px 16px}.code-tab:hover{color:var(--color-ink)}.code-tab--active{color:var(--color-ink);font-weight:var(--font-weight-semibold)}.code-tab:only-child{cursor:default;font-weight:var(--font-weight-body)}code-tabs .code-block{box-shadow:none;border:none;border-radius:0;margin-bottom:0}code{font-family:var(--font-mono);font-size:var(--font-size-meta);background:var(--color-surface-tint);padding:1px 5px}pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}.metrics-note{font-size:var(--font-size-meta);color:var(--color-ink-muted);line-height:var(--line-height-body);margin-top:16px}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--font-size-body);border:1px solid var(--color-border)}.data-table th{text-align:left;font-weight:var(--font-weight-semibold);background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:var(--font-size-body);line-height:var(--line-height-compact);color:var(--color-ink);padding:10px 14px}.data-table td{border-bottom:1px solid var(--color-border);line-height:var(--line-height-compact);color:var(--color-ink-secondary);vertical-align:top;padding:10px 14px}.data-table td strong,.data-table .highlight{color:var(--color-ink);font-weight:var(--font-weight-semibold)}.traction-grid{flex-wrap:wrap;gap:8px;display:flex}.about-block{gap:16px;display:grid}.about-block p{font-size:var(--font-size-reading);line-height:var(--line-height-body);color:var(--color-ink-secondary)}