:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#000;--paper:#fff;--error:#e00000}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--paper);min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;display:flex}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.25rem;font-weight:500}button,input{font:inherit;color:inherit;background:0 0;border:0;border-radius:0}button{cursor:pointer}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.bar{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.center{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.stack{flex-direction:column;gap:20px;width:100%;max-width:320px;display:flex}.quiet:hover:not(:disabled){text-decoration:underline}.quiet:disabled{cursor:default}.quiet:disabled:not([aria-busy]){opacity:.5}.primary{border:1px solid var(--ink);padding:10px}.primary:hover:not(:disabled){background:var(--ink);color:var(--paper)}.primary:disabled:not([aria-busy]){opacity:.5}.loading{justify-content:center;display:flex}.error{color:var(--error)}.landing{width:100%;max-width:856px;margin:0 auto;padding:72px 24px 64px}.hero h1{letter-spacing:-.03em;font-size:clamp(2.75rem,9vw,5rem);font-weight:500;line-height:1.05}.arabic{text-align:left;margin-top:20px;font-size:clamp(1.25rem,3vw,1.5rem)}.cta{margin-top:32px;padding:12px 24px;display:inline-block}.cta:hover{background:var(--ink);color:var(--paper);text-decoration:none}.demo{cursor:text;max-width:none;min-height:190px;margin-top:96px}.points{border-top:1px solid var(--ink);grid-template-columns:repeat(3,1fr);gap:32px;margin-top:72px;padding-top:32px;display:grid}.points h2{margin-bottom:8px;font-size:1rem;font-weight:600}.availability{opacity:.5;margin-top:56px}@media (max-width:640px){.landing{padding-top:40px}.demo{margin-top:64px}.points{grid-template-columns:1fr}}label{flex-direction:column;gap:4px;display:flex}label input{border-bottom:1px solid var(--ink);outline:none;padding:6px 0}label input:focus-visible{box-shadow:0 1px 0 var(--ink);outline:none}.links{justify-content:space-between;display:flex}.fields{flex-direction:column;gap:8px;list-style:none;display:flex}.fields a{text-decoration:underline}.soon{opacity:.5}.exercise{width:100%;max-width:760px;position:relative}.progress{opacity:.5;font-variant-numeric:tabular-nums;margin-bottom:16px}.sentence{white-space:pre-wrap;cursor:text;font-size:clamp(1.5rem,4vw,2.25rem);line-height:1.5}.char{opacity:.5;transition:opacity .1s linear}.char.correct{opacity:1}.char.next{box-shadow:0 2px 0 var(--ink)}.char.wrong{opacity:1;color:var(--error);box-shadow:0 2px 0 var(--error)}.hint{min-height:24px;margin-top:16px}.capture{opacity:0;caret-color:#0000;outline:none;width:1px;height:1px;position:absolute;top:0;left:0}
