:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px;--color-primary: #0909dc;--color-primary-hover: #1f1fff}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:sans-serif;font-size:15px;text-rendering:optimizeLegibility}@font-face{font-family:kanji-stroke-orders;src:url(/fonts/KanjiStrokeOrders.ttf)}.kanji-font{font-family:kanji-stroke-orders,sans-serif}.button{cursor:pointer;display:inline-block;min-height:1em;outline:0;vertical-align:baseline;background:var(--color-background) none;color:var(--color-text);font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;margin:0;padding:.78571429em 1.5em;text-transform:none;text-shadow:none;font-weight:700;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:.28571429rem;border:var(--color-border) 1px solid;box-shadow:0 0 0 1px transparent inset,0 0 var(--color-border) inset;-webkit-user-select:none;user-select:none;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease}.button:hover,.button:active,.button:focus{border-color:var(--color-border-hover)}.button.primary{background-color:var(--color-primary);color:#fff}.button.primary:hover,.button.primary:active,.button.primary:focus{background-color:var(--color-primary-hover)}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}@media(min-width:1024px){body{display:flex;place-items:center}#app{padding:0 2rem}}.list[data-v-7bd57463]{margin-top:20px;display:flex;flex-direction:column;gap:15px}.item[data-v-7bd57463]{display:flex;gap:10px;align-items:center}.exercise[data-v-6cdc3639]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.description[data-v-6cdc3639]{margin-bottom:20px}.canvas[data-v-6cdc3639]{border:grey 1px solid;position:relative;display:inline-block;height:256px;width:256px;container-type:size}.hint[data-v-6cdc3639]{position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center;font-size:90cqh;line-height:1;color:#0000001a;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10}.canvas-block[data-v-6cdc3639]{display:flex;flex-direction:column;gap:5px}.hint-settings[data-v-6cdc3639]{display:flex;gap:.3rem}.buttons[data-v-6cdc3639]{display:flex;gap:15px;width:100%;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.buttons .button[data-v-6cdc3639]{width:auto;flex:1}.button[data-v-6cdc3639]{margin:0}.recognize[data-v-6cdc3639]{width:100%}.skip[data-v-6cdc3639]{color:#db2828;background:none}.skip[data-v-6cdc3639]:hover,.skip[data-v-6cdc3639]:active,.skip[data-v-6cdc3639]:focus{background:#f6e5e5}.button.false[data-v-6cdc3639]{color:#db2828;border-color:#db2828;background-color:#f6e5e5}.text[data-v-6cdc3639]{font-size:2rem;line-height:2;text-align:center}.variants[data-v-6cdc3639]{display:flex;gap:10px;align-items:center}.variant[data-v-6cdc3639]{font-size:1rem}.preload[data-v-eca80f2d]{position:fixed;top:-100px;left:-100px}