canvas.svelte-1yhn4b3{height:100%}.martian-subtitle.svelte-1swplhi{-moz-user-select:none;-webkit-user-select:none;user-select:none;display:flex;margin:1rem auto;width:fit-content;height:3rem;line-height:2rem;padding:.5rem 1rem;border-radius:.5rem;font-size:1.5rem;color:#333;font-family:sans-serif;background:#fdd807}canvas.svelte-2xvaib{height:100%}#alphabet.svelte-1l0qsrf{display:flex;justify-content:center;flex-wrap:wrap}#alphabet.svelte-1l0qsrf table:where(.svelte-1l0qsrf){display:block;margin:1rem}#alphabet.svelte-1l0qsrf table:where(.svelte-1l0qsrf) tr:where(.svelte-1l0qsrf) .latin:where(.svelte-1l0qsrf),#alphabet.svelte-1l0qsrf table:where(.svelte-1l0qsrf) tr:where(.svelte-1l0qsrf) .number:where(.svelte-1l0qsrf){padding-right:.3rem;font-size:1.5rem;text-align:center;color:#eee;font-family:-apple-system,Helvetica Neue,Microsoft YaHei UI,Arial,sans-serif}#alphabet.svelte-1l0qsrf table:where(.svelte-1l0qsrf) tr:where(.svelte-1l0qsrf) .martian:where(.svelte-1l0qsrf)>div:where(.svelte-1l0qsrf){height:3rem;box-sizing:border-box;border:1px solid #666;padding:.1rem}#wrapper.svelte-1uha8ag{width:100%}.text.svelte-1uha8ag{width:100%;max-width:45rem;margin:0 auto;padding:1rem 1.3rem;background-color:#fff1;color:#eee;font-size:1.2rem;font-family:sans-serif}#pinyin-input.svelte-1uha8ag{display:block;width:100%;max-width:50rem;margin:0 auto;padding:.5rem .8rem;font-size:2rem;background:#8f4014}#pinyin-input.valid.svelte-1uha8ag{background:unset}#output.svelte-1uha8ag{margin:0 auto;width:fit-content;max-width:100%}