:root{--pink:var(--lightningcss-light,oklch(66.5% .226 3))var(--lightningcss-dark,oklch(77.5% .226 3));--orange:oklch(from var(--pink) l c 78);--gold:oklch(from var(--pink) l c 93);--green:oklch(from var(--pink) l c 143);--bluegreen:oklch(from var(--pink) l c 193);--blue:oklch(from var(--pink) l c 243);--purple:oklch(from var(--pink) l c 303);--accent-color:var(--pink);--accent-color-light:var(--lightningcss-light,oklch(from var(--accent-color) 92.5% c h))var(--lightningcss-dark,oklch(from var(--accent-color) 40% c h));--light-gray:oklch(90% none none);--medium-gray:oklch(70% none none);--medium-dark-gray:oklch(50% none none);--dark-gray:oklch(30% none none);--text-color:var(--lightningcss-light,oklch(0% none none))var(--lightningcss-dark,oklch(100% none none));--text-medium:var(--lightningcss-light,oklch(20% none none))var(--lightningcss-dark,oklch(85% none none));--text-light:var(--lightningcss-light,oklch(50% none none))var(--lightningcss-dark,oklch(80% none none));--background-gradient-color:var(--lightningcss-light,oklch(90% .05 180))var(--lightningcss-dark,oklch(25% .5 0));--background-gradient:linear-gradient(66deg, var(--background-gradient-color) 0%, oklch(from var(--background-gradient-color) l c calc(h + 180)) 65%, var(--background-gradient-color) 100%);--background-light:var(--lightningcss-light,oklch(from var(--accent-color) 97% .02 h))var(--lightningcss-dark,oklch(from var(--accent-color) 15% c h));--background-strong:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);accent-color:var(--accent-color);color:var(--text-color);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background-image:var(--background-gradient);background-attachment:fixed;min-block-size:100vh;margin:0;padding:0;font-family:system-ui,sans-serif;font-size:16px}.footer-nav>ul[data-v-bd1379e7]{column-gap:1ex;margin:0;padding:0;list-style:none;display:flex}.footer-nav>ul>li[data-v-bd1379e7]{align-items:center;display:flex}.footer-nav>ul>li[data-v-bd1379e7]:not(:first-child):before{background:var(--accent-color);content:"";block-size:1em;inline-size:1px;margin-inline-end:1ex;display:block}.link[data-v-bd1379e7]{color:var(--accent-color);text-decoration:none}.app-icon[data-v-acb86462]{fill:currentColor;block-size:1em;inline-size:1em}.app-button[data-v-a0dfaaf9]{background:var(--background-light);border:1px solid var(--accent-color);color:var(--accent-color);cursor:pointer;touch-action:manipulation;border-radius:.5ex;align-items:center;column-gap:1ex;padding:1ex;font-family:inherit;font-size:1em;font-weight:600;line-height:1em;text-decoration:none;display:inline-flex}.app-button.inline[data-v-a0dfaaf9]{background:0 0;border:none;padding:.2ex}.app-button.filled[data-v-a0dfaaf9]{background:var(--accent-color);color:var(--lightningcss-light,var(--background-light))var(--lightningcss-dark,var(--background-strong))}.app-button .content[data-v-a0dfaaf9],.app-button .prefix-icon[data-v-a0dfaaf9],.app-button .app-icon[data-v-a0dfaaf9-s]:only-child{display:block}.app-button:disabled[data-v-a0dfaaf9]{cursor:default;color:var(--accent-color-light)}.app-button:disabled[data-v-a0dfaaf9]:not(.inline){background:var(--background-light);border-color:var(--accent-color-light)}.app-button:disabled.filled[data-v-a0dfaaf9]{background:var(--accent-color-light);border-color:var(--accent-color-light);color:var(--background-light)}.nav-list[data-v-c267af55]{flex-direction:column;row-gap:1ex;margin:0;padding:0;list-style:none;display:flex}@media screen and (width<=90ch){.nav-list[data-v-c267af55]{flex-direction:row;justify-content:space-evenly;align-items:center;column-gap:1ex}}.nav-list>li[data-v-c267af55]{font-size:1.2em;font-weight:600}.nav-list .nav-item[data-v-c267af55]{color:var(--accent-color);text-decoration:none}.main-title[data-v-f2cf1a09]{flex-direction:column;align-items:center;text-decoration:none;display:flex}.kanji[data-v-f2cf1a09]{color:var(--accent-color);font-size:3em}.romaji[data-v-f2cf1a09]{color:var(--accent-color);margin:0;font-size:1.5em}.dialog[open][data-v-6af9b0a9]{--shadow-color:var(--lightningcss-light,oklch(0% 0 0/.3))var(--lightningcss-dark,oklch(0% 0 0/.7));border:3px solid var(--accent-color);box-shadow:0 0 1.5em 0 var(--shadow-color), 0 1ex 1ex 0 var(--shadow-color);border-radius:1ex;align-items:center;column-gap:1em;margin:1em;padding:1em;display:flex;position:fixed;inset-block:auto 0;inset-inline:auto 0}@media screen and (width<=60ch){.dialog[open][data-v-6af9b0a9]{text-align:end;margin:2px}}.app-title[data-v-6af9b0a9]{color:var(--accent-color);writing-mode:vertical-rl;font-size:2em;font-weight:600}.form p[data-v-6af9b0a9]{margin:0}.buttons[data-v-6af9b0a9]{justify-content:end;column-gap:1em;margin-block-start:1em;display:flex}.app[data-v-4c2d2fa5]{grid-template:"header.main aside"1fr"header. .aside"1em"header.footer aside"/auto 1em minmax(min-content,90ch) 1fr;place-items:start stretch;min-block-size:calc(100vh - 4em);margin:2em;display:grid}@media screen and (width<=90ch){.app[data-v-4c2d2fa5]{grid-template:"header header"". ."2em"main aside"1fr". ."2em"footer footer"/1fr auto;justify-items:stretch}}@media screen and (width<=75ch){.app[data-v-4c2d2fa5]{flex-direction:column;align-items:stretch;row-gap:1ex;margin-block:1ex;margin-inline:1ex;display:flex}}.header[data-v-4c2d2fa5],.aside[data-v-4c2d2fa5],.main[data-v-4c2d2fa5],.footer[data-v-4c2d2fa5]{background:var(--lightningcss-light,oklch(100% none none/.4))var(--lightningcss-dark,oklch(0% none none/.7));border-radius:1ex;padding:1em}.header[data-v-4c2d2fa5],.aside[data-v-4c2d2fa5]{position:sticky;inset-block-start:1em}@media screen and (width<=75ch){.header[data-v-4c2d2fa5],.aside[data-v-4c2d2fa5]{position:static}}.header[data-v-4c2d2fa5]{grid-area:header}@media screen and (width<=90ch){.header[data-v-4c2d2fa5]{position:static}}.main-title[data-v-4c2d2fa5]{border-block-end:2px solid var(--accent-color);margin-block-end:1em;padding-block-end:1em}.main[data-v-4c2d2fa5]{grid-area:main;align-self:stretch}@media screen and (width<=75ch){.main[data-v-4c2d2fa5]{min-block-size:calc(100vh - 4ex)}}.aside[data-v-4c2d2fa5]{grid-area:aside;justify-self:start;margin-inline-start:1em}@media screen and (width<=75ch){.aside[data-v-4c2d2fa5]{margin-inline-start:0}}.footer[data-v-4c2d2fa5]{grid-area:footer}