@import"https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap";:root{color-scheme:light dark}:root{--color-bg-base: oklch(.99 .0014 91.45);--color-text-primary: oklch(.11 .0135 91.45);--color-text-primary-muted: oklch(.11 .0135 91.45 / .5);--color-gradient-strong: oklch(.6142 .1036 29.23);--color-gradient-weak: oklch(.6142 .1036 264.052);--color-ui-secondary: oklch(.55 .0213 262.14);--color-modal-border: oklch(.86 .0105 262.14);--color-overlay: rgba(0, 0, 0, .5);--color-transparent: transparent;--shadow-color-base: 0deg 0% 0%;--color-error: oklch(.41 .1675 29.23)}@media(prefers-color-scheme:dark){:root{--color-bg-base: oklch(.11 .0082 262.14);--color-text-primary: oklch(.99 .0008 262.14);--color-text-primary-muted: oklch(.86 .0105 262.14);--color-gradient-strong: oklch(.7864 .1036 29.23);--color-gradient-weak: oklch(.7864 .1036 264.052);--color-ui-secondary: oklch(.55 .0213 262.14);--color-modal-border: oklch(.41 .0207 262.14);--color-overlay: rgba(255, 255, 255, .5);--color-transparent: transparent;--shadow-color-base: 0deg 0% 0%;--color-error: oklch(.77 .1338 29.23)}}:root{font-family:Zen Old Mincho,serif;line-height:1.5;font-weight:400;background-color:var(--color-bg-base);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{padding:0;margin:0}main.svelte-1n46o8q{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:column}main.svelte-1n46o8q .input-wrapper:where(.svelte-1n46o8q){position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%}main.svelte-1n46o8q .input-wrapper:where(.svelte-1n46o8q) input:where(.svelte-1n46o8q){font-size:2rem;padding:.5em 1em;border:none;background-color:var(--color-transparent);border-radius:4px;outline:none;transition:border-color .3s ease;font-family:Zen Old Mincho,serif;text-align:center;width:100%;color:var(--color-text-primary)}main.svelte-1n46o8q .input-wrapper:where(.svelte-1n46o8q) input:where(.svelte-1n46o8q)::placeholder{color:var(--color-text-primary-muted)}main.svelte-1n46o8q .input-wrapper:where(.svelte-1n46o8q) .vector-loading:where(.svelte-1n46o8q){display:flex;flex-direction:column;align-items:center;gap:.5rem;width:50vw}main.svelte-1n46o8q .input-wrapper:where(.svelte-1n46o8q) .vector-loading:where(.svelte-1n46o8q) .vector-loading-label:where(.svelte-1n46o8q){color:var(--color-text-primary)}main.svelte-1n46o8q .input-wrapper:where(.svelte-1n46o8q) .vector-loading:where(.svelte-1n46o8q) .vector-loading-track:where(.svelte-1n46o8q){width:100%;height:.75rem;border-radius:999px;border:1px solid var(--color-modal-border);overflow:hidden;background-color:var(--color-bg-base)}main.svelte-1n46o8q .input-wrapper:where(.svelte-1n46o8q) .vector-loading:where(.svelte-1n46o8q) .vector-loading-fill:where(.svelte-1n46o8q){height:100%;border-radius:inherit;transition:width .12s linear;background-color:var(--color-text-primary)}main.svelte-1n46o8q .input-wrapper:where(.svelte-1n46o8q) .vector-loading:where(.svelte-1n46o8q) .vector-loading-percent:where(.svelte-1n46o8q){color:var(--color-text-primary-muted);font-size:.875rem;font-variant-numeric:tabular-nums}main.svelte-1n46o8q .input-wrapper:where(.svelte-1n46o8q) .error:where(.svelte-1n46o8q){position:absolute;top:calc(50% + (2rem + 1em)/2 + 1rem);left:50%;transform:translate(-50%);color:var(--color-error);font-size:.875rem;transition:opacity .3s ease}main.svelte-1n46o8q .displayed-kanjis:where(.svelte-1n46o8q){display:flex}main.svelte-1n46o8q .displayed-kanjis:where(.svelte-1n46o8q) .displayed-kanji:where(.svelte-1n46o8q){position:relative;display:flex;flex-direction:column;align-items:center}main.svelte-1n46o8q .displayed-kanjis:where(.svelte-1n46o8q) .displayed-kanji:where(.svelte-1n46o8q) .kanji:where(.svelte-1n46o8q){line-height:1.2em}main.svelte-1n46o8q .displayed-kanjis:where(.svelte-1n46o8q) .displayed-kanji:where(.svelte-1n46o8q) .percentage:where(.svelte-1n46o8q){position:absolute;bottom:-1.5em;font-size:.75rem}.legend.svelte-1n46o8q{position:fixed;bottom:7rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1.5rem;transition:opacity .3s ease}.legend.svelte-1n46o8q .gradient:where(.svelte-1n46o8q){width:50vw;height:20px;background:linear-gradient(in oklch longer hue to right,var(--color-gradient-strong),var(--color-gradient-weak));border-radius:20px}.legend.svelte-1n46o8q .label:where(.svelte-1n46o8q){font-size:2rem;color:var(--color-text-primary);transform:translateY(-.03em)}.description.svelte-1n46o8q{position:fixed;bottom:1.5rem;right:1.5rem;font-size:.875rem;color:var(--color-ui-secondary);display:flex;align-items:center;gap:.5em}.description.svelte-1n46o8q .enter:where(.svelte-1n46o8q){display:flex;align-items:center;border:1px solid var(--color-ui-secondary);border-radius:5px;padding:.1em .2em}.description.svelte-1n46o8q .enter:where(.svelte-1n46o8q) svg:where(.svelte-1n46o8q){width:1em;height:1em;transform:translateY(.1em) rotate(90deg)}.description.svelte-1n46o8q .enter:where(.svelte-1n46o8q) svg:where(.svelte-1n46o8q) path:where(.svelte-1n46o8q){fill:var(--color-ui-secondary)}.icons.svelte-1n46o8q{display:flex;position:fixed;top:1.5rem;right:1.5rem;padding:.5rem;gap:.5rem}.icons.svelte-1n46o8q button:where(.svelte-1n46o8q),.icons.svelte-1n46o8q a:where(.svelte-1n46o8q){cursor:pointer;background-color:var(--color-transparent);border:none}:is(.icons.svelte-1n46o8q button:where(.svelte-1n46o8q),.icons.svelte-1n46o8q a:where(.svelte-1n46o8q)) svg:where(.svelte-1n46o8q){width:2em;aspect-ratio:1}:is(.icons.svelte-1n46o8q button:where(.svelte-1n46o8q),.icons.svelte-1n46o8q a:where(.svelte-1n46o8q)) svg:where(.svelte-1n46o8q) path:where(.svelte-1n46o8q){fill:var(--color-ui-secondary)}.settings-modal-layer.svelte-1n46o8q{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:10rem}.settings-modal-layer.svelte-1n46o8q .settings-modal-backdrop:where(.svelte-1n46o8q){position:absolute;inset:0;border:none;background-color:var(--color-overlay);cursor:pointer}.settings-modal-layer.svelte-1n46o8q .settings-modal:where(.svelte-1n46o8q){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;position:relative;z-index:1;height:100%;width:100%;border:solid 1px var(--color-modal-border);border-radius:1rem;background-color:var(--color-bg-base)}.settings-modal-layer.svelte-1n46o8q .settings-modal:where(.svelte-1n46o8q) img:where(.svelte-1n46o8q){width:50%;object-fit:cover;border-radius:.5rem;--shadow-color: var(--shadow-color-base);box-shadow:0 1px 1.1px hsl(var(--shadow-color) / .05),0 3.3px 3.7px -.8px hsl(var(--shadow-color) / .05),0 8.2px 9.2px -1.7px hsl(var(--shadow-color) / .05),0 20px 22.5px -2.5px hsl(var(--shadow-color) / .05)}