:root{--base-primary: rgb(249, 110, 42);--base-button: rgb(120, 179, 206);--base-text: rgb(33, 53, 73);--base-bg: rgb(251, 248, 239);--typer-blue: rgb(120, 179, 206);--typer-red: rgb(219, 43, 57);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html{color:var(--base-text);background:var(--base-bg)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.centered.svelte-2uwngc{margin:0 4em}.cards.svelte-2uwngc{display:flex;flex-wrap:wrap;justify-content:space-between}article.svelte-2uwngc{border-radius:1em;background-color:var(--base-button);color:#fff;margin:1em}article.svelte-2uwngc:hover{background:var(--base-text)}button.svelte-2uwngc{all:unset;cursor:pointer}.results.svelte-2lxffy table:where(.svelte-2lxffy){margin:auto;width:50%}.results.svelte-2lxffy span:where(.svelte-2lxffy){margin:0 1em}.results.svelte-2lxffy td:where(.svelte-2lxffy){width:30em}.results.svelte-2lxffy .key:where(.svelte-2lxffy) span:where(.svelte-2lxffy){float:right;font-weight:400}.results.svelte-2lxffy .value:where(.svelte-2lxffy) span:where(.svelte-2lxffy){float:left;font-weight:300}.keyboard.svelte-1kqxy49{--gap: .2rem;position:relative;display:flex;flex-direction:column;gap:var(--gap);height:100%}.keyboard.svelte-1kqxy49 .row:where(.svelte-1kqxy49){display:flex;justify-content:center;gap:var(--gap);flex:1}.keyboard.svelte-1kqxy49 button:where(.svelte-1kqxy49),.keyboard.svelte-1kqxy49 button:where(.svelte-1kqxy49):disabled{--size: 2.375em;--font-size: 2em;background-color:#e6e6e6;color:#000;font-size:calc(var(--font-size) * .5);width:var(--size);height:var(--size);margin:0;padding:0;border:none;outline:none;border-radius:2px}.keyboard.svelte-1kqxy49 button.active:where(.svelte-1kqxy49){background-color:var(--typer-blue);color:#fff}.keyboard.svelte-1kqxy49 button[data-key=space]:where(.svelte-1kqxy49){--width: 16em;position:absolute;height:calc(1 / 3 * (100% - 2 * var(--gap)));font-size:calc(.3 * var(--size));padding-top:calc(.15 * var(--size));left:calc(50% - .5 * var(--width));bottom:calc(-4em - var(--gap));width:var(--width)}.back-arrow.svelte-1i30mvb{position:absolute;padding:24px;margin:10px;top:1rem;left:1rem;font-size:2rem;font-weight:700;background:none;border:none;outline:none;cursor:pointer;color:var(--base-text);will-change:filter;transition:filter .3s,transform .3s}.back-arrow.svelte-1i30mvb:hover{filter:drop-shadow(1em 0 0 var(--base-primary));transform:translate(-.5em)}.typestream.svelte-czr1w input:where(.svelte-czr1w){font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:var(--base-text);font-size:3em;max-width:10em;margin:.5em 0;padding:0 .2em;border-radius:.2em;border-style:solid;border-color:#cfcfcf}.typestream.svelte-czr1w input.wrong:where(.svelte-czr1w){border-color:var(--typer-red);animation:svelte-czr1w-wiggle .3s}.next-button.svelte-czr1w{color:var(--base-bg);background-color:var(--typer-blue);margin-top:30px}.next-button.svelte-czr1w .button-text:where(.svelte-czr1w){font-size:1.2em;font-weight:bolder}.next-button.svelte-czr1w:hover{background:var(--base-text)}@keyframes svelte-czr1w-wiggle{0%{transform:translate(0)}10%{transform:translate(-2px)}30%{transform:translate(4px)}50%{transform:translate(-6px)}70%{transform:translate(+4px)}90%{transform:translate(-2px)}to{transform:translate(0)}}.logo.svelte-mkib4j{height:6em;will-change:filter;transition:filter .3s,transform .3s}.logo.svelte-mkib4j:hover{filter:drop-shadow(3em 0 0 var(--base-primary));transform:translate(-1.5em)}