:root{--pink: light-dark(oklch(66.5% .226 3), 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: light-dark( oklch(from var(--accent-color) 92.5% c h), 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: light-dark(oklch(0% none none), oklch(100% none none));--text-light: light-dark(oklch(50% none none), oklch(80% none none));--background-gradient-color: light-dark( oklch(90% .05 180), 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: light-dark( oklch(from var(--accent-color-light) l .02 h), oklch(from var(--accent-color) 15% c h) );--background-strong: light-dark(white, black);accent-color:var(--accent-color);color:var(--text-color);color-scheme:light dark}body{background-image:var(--background-gradient);background-attachment:fixed;font-family:system-ui,sans-serif;font-size:16px;margin:0;padding:0;min-block-size:100vh}.footer-nav>ul[data-v-bd1379e7]{column-gap:1ex;display:flex;list-style:none;margin:0;padding:0}.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);block-size:1em;content:"";display:block;inline-size:1px;margin-inline-end:1ex}.link[data-v-bd1379e7]{color:var(--accent-color);text-decoration:none}.app-icon[data-v-acb86462]{block-size:1em;fill:currentcolor;inline-size:1em}.app-button[data-v-e9334524]{align-items:center;background:var(--background-light);border:1px solid var(--accent-color);border-radius:.5ex;color:var(--accent-color);column-gap:1ex;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1em;font-weight:600;line-height:1em;padding:1ex;text-decoration:none;touch-action:manipulation}.app-button.inline[data-v-e9334524]{background:none;border:none;padding:.2ex}.app-button.filled[data-v-e9334524]{background:var(--accent-color);color:light-dark(var(--background-light),var(--background-strong))}.app-button .content[data-v-e9334524],.app-button .prefix-icon[data-v-e9334524],.app-button .app-icon[data-v-e9334524-s]:only-child{display:block}.app-button:disabled[data-v-e9334524]{cursor:default;color:var(--accent-color-light)}.app-button:disabled[data-v-e9334524]:not(.inline){background:var(--background-light);border-color:var(--accent-color-light)}.app-button:disabled.filled[data-v-e9334524]{background:var(--accent-color-light);border-color:var(--accent-color-light);color:var(--background-light)}.nav-list[data-v-c267af55]{display:flex;flex-direction:column;list-style:none;padding:0;margin:0;row-gap:1ex}@media screen and (max-width: 90ch){.nav-list[data-v-c267af55]{align-items:center;justify-content:space-evenly;column-gap:1ex;flex-direction:row}}.nav-list>li[data-v-c267af55]{font-size:1.2em;font-weight:600}.nav-list .nav-item[data-v-c267af55]{text-decoration:none;color:var(--accent-color)}.main-title[data-v-f2cf1a09]{align-items:center;display:flex;flex-direction:column;text-decoration:none}.kanji[data-v-f2cf1a09]{color:var(--accent-color);font-size:3em}.romaji[data-v-f2cf1a09]{color:var(--accent-color);font-size:1.5em;margin:0}.app[data-v-51999ab8]{align-items:start;display:grid;grid-template:"header . main aside" 1fr "header . . aside" 1em "header . footer aside" / auto 1em minmax(min-content,90ch) 1fr;margin:2em;justify-items:stretch;min-block-size:calc(100vh - 4em)}@media screen and (max-width: 90ch){.app[data-v-51999ab8]{grid-template:"header header" ". ." 2em "main aside" 1fr ". ." 2em "footer footer" / 1fr auto;justify-items:stretch}}@media screen and (max-width: 75ch){.app[data-v-51999ab8]{align-items:stretch;display:flex;flex-direction:column;margin-block:1ex;margin-inline:1ex;row-gap:1ex}}.header[data-v-51999ab8],.aside[data-v-51999ab8],.main[data-v-51999ab8],.footer[data-v-51999ab8]{background:light-dark(oklch(100% none none / .4),oklch(0% none none / .7));border-radius:1ex;padding:1em}.header[data-v-51999ab8],.aside[data-v-51999ab8]{position:sticky;inset-block-start:1em}@media screen and (max-width: 75ch){.header[data-v-51999ab8],.aside[data-v-51999ab8]{position:static}}.header[data-v-51999ab8]{grid-area:header}@media screen and (max-width: 90ch){.header[data-v-51999ab8]{position:static}}.main-title[data-v-51999ab8]{border-block-end:2px solid var(--accent-color);margin-block-end:1em;padding-block-end:1em}.main[data-v-51999ab8]{align-self:stretch;grid-area:main}@media screen and (max-width: 75ch){.main[data-v-51999ab8]{min-block-size:calc(100vh - 4ex)}}.aside[data-v-51999ab8]{grid-area:aside;margin-inline-start:1em;justify-self:start}@media screen and (max-width: 75ch){.aside[data-v-51999ab8]{margin-inline-start:0}}.footer[data-v-51999ab8]{grid-area:footer}