/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"M PLUS Rounded 1c", ui-rounded, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Zen Maru Gothic", "M PLUS Rounded 1c", ui-rounded, system-ui, sans-serif;--color-ink:#2a1840;--color-night:#1b1446;--color-dusk:#3a1f6e;--color-moon:#fff3c4;--color-paper:#fff8ec;--color-sakura:#ff7aa8;--color-sakura-lip:#c9467a;--color-matcha:#5dd39e;--color-matcha-lip:#2f9a6a;--color-lantern:#ff9a3c;--color-lantern-lip:#c9661a;--color-sky:#4fc3f7;--color-sky-lip:#1f8cc4;--color-sun:#ffd54f;--color-sun-lip:#c9a21a;--color-lavender:#b9a6ff}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-1{inset:var(--spacing)}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.-top-1{top:calc(var(--spacing) * -1)}.-top-14{top:calc(var(--spacing) * -14)}.top-0{top:0}.top-2{top:calc(var(--spacing) * 2)}.top-\[6\%\]{top:6%}.top-\[7\%\]{top:7%}.top-\[24\%\]{top:24%}.top-\[40dvh\]{top:40dvh}.top-\[58\%\]{top:58%}.top-\[64\%\]{top:64%}.top-\[76px\]{top:76px}.top-\[calc\(100\%\+14px\)\]{top:calc(100% + 14px)}.-right-3{right:calc(var(--spacing) * -3)}.right-0{right:0}.right-6{right:calc(var(--spacing) * 6)}.right-\[6\%\]{right:6%}.-bottom-\[9px\]{bottom:-9px}.bottom-0{bottom:0}.bottom-3{bottom:calc(var(--spacing) * 3)}.-left-1\.5{left:calc(var(--spacing) * -1.5)}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-5{left:calc(var(--spacing) * 5)}.left-\[22\%\]{left:22%}.left-\[62\%\]{left:62%}.left-\[66\%\]{left:66%}.left-\[110\%\]{left:110%}.-z-0{z-index:calc(0 * -1)}.-z-10{z-index:calc(10 * -1)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[45\]{z-index:45}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-3{margin:calc(var(--spacing) * 3)}.-mx-6{margin-inline:calc(var(--spacing) * -6)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing) * 4)}.my-12{margin-block:calc(var(--spacing) * 12)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-3{margin-top:calc(var(--spacing) * -3)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.-mb-3{margin-bottom:calc(var(--spacing) * -3)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.mb-24{margin-bottom:calc(var(--spacing) * 24)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.\!h-12{height:calc(var(--spacing) * 12)!important}.\!h-16{height:calc(var(--spacing) * 16)!important}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-44{height:calc(var(--spacing) * 44)}.h-\[6\%\]{height:6%}.h-\[9\%\]{height:9%}.h-\[14\%\]{height:14%}.h-\[22vh\]{height:22vh}.h-\[34vh\]{height:34vh}.h-\[38vh\]{height:38vh}.h-\[68px\]{height:68px}.h-\[78\%\]{height:78%}.h-\[88px\]{height:88px}.h-\[112\%\]{height:112%}.h-\[132px\]{height:132px}.h-\[270px\]{height:270px}.h-\[min\(30dvh\,230px\)\]{height:min(30dvh,230px)}.h-\[min\(40dvh\,380px\)\]{height:min(40dvh,380px)}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-\[88dvh\]{max-height:88dvh}.max-h-\[92dvh\]{max-height:92dvh}.\!min-h-0{min-height:0!important}.\!min-h-11{min-height:calc(var(--spacing) * 11)!important}.\!min-h-12{min-height:calc(var(--spacing) * 12)!important}.\!min-h-\[4rem\]{min-height:4rem!important}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-\[4\.5rem\]{min-height:4.5rem}.min-h-\[5\.5rem\]{min-height:5.5rem}.min-h-\[7\.5rem\]{min-height:7.5rem}.min-h-\[120px\]{min-height:120px}.min-h-\[180px\]{min-height:180px}.min-h-\[260px\]{min-height:260px}.min-h-dvh{min-height:100dvh}.\!w-12{width:calc(var(--spacing) * 12)!important}.\!w-16{width:calc(var(--spacing) * 16)!important}.\!w-24{width:calc(var(--spacing) * 24)!important}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-44{width:calc(var(--spacing) * 44)}.w-72{width:calc(var(--spacing) * 72)}.w-\[6\%\]{width:6%}.w-\[9\%\]{width:9%}.w-\[14\%\]{width:14%}.w-\[76px\]{width:76px}.w-\[78\%\]{width:78%}.w-\[96px\]{width:96px}.w-\[104px\]{width:104px}.w-\[112\%\]{width:112%}.w-\[132px\]{width:132px}.w-\[min\(86vw\,340px\)\]{width:min(86vw,340px)}.w-\[min\(100vw\,468px\)\]{width:min(100vw,468px)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[26rem\]{max-width:26rem}.max-w-\[340px\]{max-width:340px}.max-w-\[min\(62vw\,240px\)\]{max-width:min(62vw,240px)}.max-w-\[min\(80vw\,360px\)\]{max-width:min(80vw,360px)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-11{min-width:calc(var(--spacing) * 11)}.min-w-\[4rem\]{min-width:4rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-separate{border-collapse:separate}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-\[-8deg\]{rotate:-8deg}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize-y{resize:vertical}.scroll-mt-6{scroll-margin-top:calc(var(--spacing) * 6)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.\!justify-between{justify-content:space-between!important}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-2\.5{row-gap:calc(var(--spacing) * 2.5)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-ink\/10>:not(:last-child)){border-color:#2a18401a}@supports (color:color-mix(in lab, red, red)){:where(.divide-ink\/10>:not(:last-child)){border-color:color-mix(in oklab, var(--color-ink) 10%, transparent)}}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[50\%\]{border-radius:50%}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-\[5px\]{border-style:var(--tw-border-style);border-width:5px}.border-\[6px\]{border-style:var(--tw-border-style);border-width:6px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-current\/30{border-color:currentColor}@supports (color:color-mix(in lab, red, red)){.border-current\/30{border-color:color-mix(in oklab, currentcolor 30%, transparent)}}.border-ink{border-color:var(--color-ink)}.border-ink\/25{border-color:#2a184040}@supports (color:color-mix(in lab, red, red)){.border-ink\/25{border-color:color-mix(in oklab, var(--color-ink) 25%, transparent)}}.border-lantern\/60{border-color:#ff9a3c99}@supports (color:color-mix(in lab, red, red)){.border-lantern\/60{border-color:color-mix(in oklab, var(--color-lantern) 60%, transparent)}}.border-moon\/20{border-color:#fff3c433}@supports (color:color-mix(in lab, red, red)){.border-moon\/20{border-color:color-mix(in oklab, var(--color-moon) 20%, transparent)}}.border-moon\/35{border-color:#fff3c459}@supports (color:color-mix(in lab, red, red)){.border-moon\/35{border-color:color-mix(in oklab, var(--color-moon) 35%, transparent)}}.border-moon\/40{border-color:#fff3c466}@supports (color:color-mix(in lab, red, red)){.border-moon\/40{border-color:color-mix(in oklab, var(--color-moon) 40%, transparent)}}.border-sun{border-color:var(--color-sun)}.border-white{border-color:var(--color-white)}.bg-\[\#f3d37a\]{background-color:#f3d37a}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-ink{background-color:var(--color-ink)}.bg-ink\/10{background-color:#2a18401a}@supports (color:color-mix(in lab, red, red)){.bg-ink\/10{background-color:color-mix(in oklab, var(--color-ink) 10%, transparent)}}.bg-ink\/70{background-color:#2a1840b3}@supports (color:color-mix(in lab, red, red)){.bg-ink\/70{background-color:color-mix(in oklab, var(--color-ink) 70%, transparent)}}.bg-moon{background-color:var(--color-moon)}.bg-moon\/25{background-color:#fff3c440}@supports (color:color-mix(in lab, red, red)){.bg-moon\/25{background-color:color-mix(in oklab, var(--color-moon) 25%, transparent)}}.bg-paper{background-color:var(--color-paper)}.bg-sakura{background-color:var(--color-sakura)}.bg-sakura\/10{background-color:#ff7aa81a}@supports (color:color-mix(in lab, red, red)){.bg-sakura\/10{background-color:color-mix(in oklab, var(--color-sakura) 10%, transparent)}}.bg-sky{background-color:var(--color-sky)}.bg-sky\/30{background-color:#4fc3f74d}@supports (color:color-mix(in lab, red, red)){.bg-sky\/30{background-color:color-mix(in oklab, var(--color-sky) 30%, transparent)}}.bg-sun{background-color:var(--color-sun)}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.\!p-0{padding:0!important}.p-0{padding:0}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[clamp\(1rem\,3vw\,3rem\)\]{padding:clamp(1rem,3vw,3rem)}.\!px-2{padding-inline:calc(var(--spacing) * 2)!important}.\!px-4{padding-inline:calc(var(--spacing) * 4)!important}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.\!py-1\.5{padding-block:calc(var(--spacing) * 1.5)!important}.\!py-2{padding-block:calc(var(--spacing) * 2)!important}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-\[3dvh\]{padding-top:3dvh}.pt-\[6dvh\]{padding-top:6dvh}.pt-\[calc\(env\(safe-area-inset-top\)\+1rem\)\]{padding-top:calc(env(safe-area-inset-top) + 1rem)}.pt-\[calc\(env\(safe-area-inset-top\)\+2\.5rem\)\]{padding-top:calc(env(safe-area-inset-top) + 2.5rem)}.pt-\[env\(safe-area-inset-top\)\]{padding-top:env(safe-area-inset-top)}.pr-1{padding-right:var(--spacing)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-28{padding-bottom:calc(var(--spacing) * 28)}.pb-48{padding-bottom:calc(var(--spacing) * 48)}.pb-\[calc\(env\(safe-area-inset-bottom\)\+1\.5rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + 1.5rem)}.pb-\[calc\(env\(safe-area-inset-bottom\)\+1\.25rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + 1.25rem)}.pb-\[calc\(env\(safe-area-inset-bottom\)\+2\.5rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + 2.5rem)}.pb-\[calc\(env\(safe-area-inset-bottom\)\+2rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + 2rem)}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-\[-0\.15em\]{vertical-align:-.15em}.font-display{font-family:var(--font-display)}.\!text-5xl{font-size:var(--text-5xl)!important;line-height:var(--tw-leading,var(--text-5xl--line-height))!important}.\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.9rem\]{font-size:1.9rem}.text-\[6\.5rem\]{font-size:6.5rem}.text-\[8\.5rem\]{font-size:8.5rem}.text-\[clamp\(2\.8rem\,13vw\,4rem\)\]{font-size:clamp(2.8rem,13vw,4rem)}.text-\[clamp\(3\.2rem\,15vw\,4\.6rem\)\]{font-size:clamp(3.2rem,15vw,4.6rem)}.leading-\[0\.95\]{--tw-leading:.95;line-height:.95}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.4em\]{--tw-tracking:.4em;letter-spacing:.4em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.25em\]{--tw-tracking:.25em;letter-spacing:.25em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-\[\#fbf1ea\]{color:#fbf1ea}.text-ink{color:var(--color-ink)}.text-ink\/30{color:#2a18404d}@supports (color:color-mix(in lab, red, red)){.text-ink\/30{color:color-mix(in oklab, var(--color-ink) 30%, transparent)}}.text-ink\/45{color:#2a184073}@supports (color:color-mix(in lab, red, red)){.text-ink\/45{color:color-mix(in oklab, var(--color-ink) 45%, transparent)}}.text-ink\/50{color:#2a184080}@supports (color:color-mix(in lab, red, red)){.text-ink\/50{color:color-mix(in oklab, var(--color-ink) 50%, transparent)}}.text-ink\/55{color:#2a18408c}@supports (color:color-mix(in lab, red, red)){.text-ink\/55{color:color-mix(in oklab, var(--color-ink) 55%, transparent)}}.text-ink\/60{color:#2a184099}@supports (color:color-mix(in lab, red, red)){.text-ink\/60{color:color-mix(in oklab, var(--color-ink) 60%, transparent)}}.text-ink\/65{color:#2a1840a6}@supports (color:color-mix(in lab, red, red)){.text-ink\/65{color:color-mix(in oklab, var(--color-ink) 65%, transparent)}}.text-ink\/70{color:#2a1840b3}@supports (color:color-mix(in lab, red, red)){.text-ink\/70{color:color-mix(in oklab, var(--color-ink) 70%, transparent)}}.text-ink\/75{color:#2a1840bf}@supports (color:color-mix(in lab, red, red)){.text-ink\/75{color:color-mix(in oklab, var(--color-ink) 75%, transparent)}}.text-ink\/80{color:#2a1840cc}@supports (color:color-mix(in lab, red, red)){.text-ink\/80{color:color-mix(in oklab, var(--color-ink) 80%, transparent)}}.text-ink\/85{color:#2a1840d9}@supports (color:color-mix(in lab, red, red)){.text-ink\/85{color:color-mix(in oklab, var(--color-ink) 85%, transparent)}}.text-lantern{color:var(--color-lantern)}.text-lavender{color:var(--color-lavender)}.text-matcha{color:var(--color-matcha)}.text-matcha-lip{color:var(--color-matcha-lip)}.text-moon{color:var(--color-moon)}.text-moon\/40{color:#fff3c466}@supports (color:color-mix(in lab, red, red)){.text-moon\/40{color:color-mix(in oklab, var(--color-moon) 40%, transparent)}}.text-moon\/55{color:#fff3c48c}@supports (color:color-mix(in lab, red, red)){.text-moon\/55{color:color-mix(in oklab, var(--color-moon) 55%, transparent)}}.text-moon\/60{color:#fff3c499}@supports (color:color-mix(in lab, red, red)){.text-moon\/60{color:color-mix(in oklab, var(--color-moon) 60%, transparent)}}.text-moon\/65{color:#fff3c4a6}@supports (color:color-mix(in lab, red, red)){.text-moon\/65{color:color-mix(in oklab, var(--color-moon) 65%, transparent)}}.text-moon\/70{color:#fff3c4b3}@supports (color:color-mix(in lab, red, red)){.text-moon\/70{color:color-mix(in oklab, var(--color-moon) 70%, transparent)}}.text-moon\/75{color:#fff3c4bf}@supports (color:color-mix(in lab, red, red)){.text-moon\/75{color:color-mix(in oklab, var(--color-moon) 75%, transparent)}}.text-moon\/80{color:#fff3c4cc}@supports (color:color-mix(in lab, red, red)){.text-moon\/80{color:color-mix(in oklab, var(--color-moon) 80%, transparent)}}.text-moon\/85{color:#fff3c4d9}@supports (color:color-mix(in lab, red, red)){.text-moon\/85{color:color-mix(in oklab, var(--color-moon) 85%, transparent)}}.text-sakura{color:var(--color-sakura)}.text-sakura-lip{color:var(--color-sakura-lip)}.text-sky{color:var(--color-sky)}.text-white{color:var(--color-white)}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-65{opacity:.65}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_4px_0_rgb\(42_24_64\/0\.08\)\]{--tw-shadow:inset 0 4px 0 var(--tw-shadow-color,#2a184014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-sky{--tw-ring-color:var(--color-sky)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:text-ink:hover{color:var(--color-ink)}.hover\:text-moon:hover{color:var(--color-moon)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:outline-4:focus-visible{outline-style:var(--tw-outline-style);outline-width:4px}.focus-visible\:outline-sky:focus-visible{outline-color:var(--color-sky)}.active\:translate-y-1:active{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:translate-y-\[6px\]:active{--tw-translate-y:6px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (width>=40rem){.sm\:right-\[max\(0px\,calc\(50vw-34rem\)\)\]{right:max(0px,50vw - 34rem)}.sm\:block{display:block}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media (width>=64rem){.lg\:min-h-0{min-height:0}.lg\:max-w-2xl{max-width:var(--container-2xl)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,7fr\)\]{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.lg\:items-center{align-items:center}.lg\:pb-5{padding-bottom:calc(var(--spacing) * 5)}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (width>=80rem){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:p-5{padding:calc(var(--spacing) * 5)}}.\[\&_\.btn-candy\]\:whitespace-nowrap .btn-candy{white-space:nowrap}.\[\&_\.font-kana\]\:text-\[1\.15em\] .font-kana{font-size:1.15em}@media (height<=680px){.\[\@media\(max-height\:680px\)\]\:hidden{display:none}}}html,body,#root{min-height:100dvh}html{background:var(--color-night)}body{color:var(--color-ink);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;background:0 0;overflow-x:hidden}:focus-visible{outline:4px solid var(--color-sun);outline-offset:4px}.btn-candy{--face:var(--color-sakura);--lip:var(--color-sakura-lip);border:4px solid var(--color-ink);background:linear-gradient(180deg, var(--face) 0%, var(--face) 55%);border-radius:1.6rem;justify-content:center;align-items:center;gap:.6rem;min-height:4rem;padding:.9rem 1.75rem 1rem;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.btn-candy{background:linear-gradient(180deg, color-mix(in oklab, var(--face), white 28%) 0%, var(--face) 55%)}}.btn-candy{box-shadow:inset 0 4px 0 #ffffff8c, inset 0 -5px 0 #0000001f, 0 7px 0 var(--lip), 0 7px 0 4px var(--color-ink), 0 18px 28px #0a052873;color:#fff;font-family:var(--font-display);letter-spacing:.02em;text-shadow:0 2px 0 var(--color-ink), 0 -1px 0 var(--color-ink), 2px 0 0 var(--color-ink), -2px 0 0 var(--color-ink);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;font-size:1.35rem;font-weight:900;transition:transform 90ms ease-out,box-shadow 90ms ease-out,filter .12s;transform:translateY(0)}.btn-candy:after{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#fff0);border-radius:1rem 1rem 2rem 2rem;height:38%;position:absolute;inset:6px 14px auto}.btn-candy.round{background:radial-gradient(circle at 50% 30%, var(--face) 0%, var(--face) 60%, var(--lip) 100%);border-radius:9999px}@supports (color:color-mix(in lab, red, red)){.btn-candy.round{background:radial-gradient(circle at 50% 30%, color-mix(in oklab, var(--face), white 35%) 0%, var(--face) 60%, var(--lip) 100%)}}.btn-candy.round:after{border-radius:50%;height:36%;inset:7% 18% auto}.btn-candy:hover{filter:brightness(1.06)saturate(1.05)}.btn-candy:active{box-shadow:inset 0 4px 0 #ffffff73, inset 0 -3px 0 #0000001f, 0 0 0 var(--lip), 0 0 0 4px var(--color-ink), 0 6px 12px #0a052866;transform:translateY(7px)}.btn-candy:disabled{filter:grayscale(.85)brightness(.9);cursor:not-allowed;transform:none}.btn-candy[data-tone=matcha]{--face:var(--color-matcha);--lip:var(--color-matcha-lip)}.btn-candy[data-tone=sky]{--face:var(--color-sky);--lip:var(--color-sky-lip)}.btn-candy[data-tone=lantern]{--face:var(--color-lantern);--lip:var(--color-lantern-lip)}.panel{background:radial-gradient(120% 80% at 50% 0%, #fffdf6 0%, var(--color-paper) 60%, #f6e7cf 100%);border:4px solid var(--color-ink);box-shadow:inset 0 -6px 0 #2a184014, 0 8px 0 var(--color-ink), 0 24px 48px #08041e8c;border-radius:2rem;position:relative}.choice{border:4px solid var(--color-ink);min-height:4.5rem;box-shadow:0 5px 0 var(--color-ink);color:var(--color-ink);touch-action:manipulation;background:#fff;border-radius:1.25rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:800;transition:transform 80ms,box-shadow 80ms,background .12s;display:flex}.choice:active:not(:disabled){box-shadow:none;transform:translateY(5px)}.choice[data-state=selected]{border-color:var(--color-sky-lip);box-shadow:0 5px 0 var(--color-sky-lip);background:#dff3ff}.choice[data-state=right]{border-color:var(--color-matcha-lip);box-shadow:0 5px 0 var(--color-matcha-lip);background:#d9f7e8}.choice[data-state=wrong]{border-color:var(--color-sakura-lip);box-shadow:0 5px 0 var(--color-sakura-lip);background:#ffe0ea}.choice[data-state=done]{opacity:.35;box-shadow:none;transform:translateY(5px)}.choice:disabled{cursor:default}.tile{border:4px solid var(--color-ink);background:linear-gradient(180deg, #fff 0%, var(--color-moon) 100%);box-shadow:inset 0 -6px 0 #ff9a3c59, 0 6px 0 var(--color-ink);font-family:var(--font-display);color:var(--color-ink);border-radius:1.1rem;place-items:center;display:grid}.font-display{font-family:var(--font-display);font-weight:900}.font-kana{font-family:Klee One,Hiragino Maru Gothic ProN,"M PLUS Rounded 1c",sans-serif;font-weight:600}.text-outline{color:#fff;text-shadow:0 3px 0 var(--color-ink), 0 -2px 0 var(--color-ink), 3px 0 0 var(--color-ink), -3px 0 0 var(--color-ink), 2px 2px 0 var(--color-ink), -2px 2px 0 var(--color-ink), 2px -2px 0 var(--color-ink), -2px -2px 0 var(--color-ink)}@keyframes pop-in{0%{transform:scale(.3) rotate(var(--tilt,0deg));opacity:0}60%{transform:scale(1.12) rotate(var(--tilt,0deg));opacity:1}to{transform:scale(1) rotate(var(--tilt,0deg));opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:translateY(0)}}@keyframes slam{0%{opacity:0;transform:scale(2.2)rotate(-6deg)}55%{opacity:1;transform:scale(.94)rotate(1deg)}75%{transform:scale(1.04)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes squish{0%,to{transform:scale(1)}50%{transform:scale(1.035,.965)translateY(2%)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes ear-flick{0%,85%,to{transform:rotate(0)}90%{transform:rotate(-10deg)}95%{transform:rotate(4deg)}}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes petal-fall{0%{opacity:0;transform:translateY(-10vh)rotate(0)}10%{opacity:1}to{transform:translate3d(var(--drift,80px), 110vh, 0) rotate(540deg);opacity:.9}}@keyframes glow-pulse{0%,to{box-shadow:0 0 80px 30px #ffe38a59,0 0 220px 80px #ff7aa82e}50%{box-shadow:0 0 100px 40px #ffe38a73,0 0 260px 100px #ff7aa83d}}@keyframes hop{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-38%)scale(1.08,.94)}55%{transform:translateY(0)scale(1.12,.88)}75%{transform:translateY(-8%)scale(.98,1.02)}}@keyframes ring-burst{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glow-ring{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:.75;transform:scale(1.04)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.anim-shake{animation:.42s ease-out shake}.anim-sheet{animation:.26s cubic-bezier(.22,1,.36,1) both sheet-up}.anim-pop{animation:.52s cubic-bezier(.34,1.56,.64,1) both pop-in}.anim-rise{animation:1.1s cubic-bezier(.22,1,.36,1) both rise}.anim-slam{animation:.7s cubic-bezier(.22,1,.36,1) both slam}.anim-hop{animation:.65s cubic-bezier(.34,1.4,.64,1) hop}.anim-float{animation:3.2s ease-in-out infinite float-y}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.petal{display:none}}.icon{vertical-align:-.125em;flex-shrink:0;width:1em;height:1em;display:inline-block}[data-theme=sumi]{--font-sans:"Zen Kaku Gothic New", "Hiragino Sans", system-ui, sans-serif;--font-display:"Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--color-ink:#2b2522;--color-night:#f4eee3;--color-dusk:#e8dece;--color-moon:#2b2522;--color-paper:#fbf8f2;--color-sakura:#b8442f;--color-sakura-lip:#8c3122;--color-matcha:#5d7a55;--color-matcha-lip:#435a3d;--color-lantern:#a8844f;--color-lantern-lip:#7f6236;--color-sky:#34496a;--color-sky-lip:#233451;--color-sun:#b8925a;--color-sun-lip:#8d6d3e;--color-lavender:#9c6b78;--color-lavender-lip:#7a4f5b;--color-blossom:#e8b4bf;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=sumi] body{background:0 0}[data-theme=sumi]{background-color:var(--color-night);color:var(--color-ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .47 0 0 0 0 .38 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}[data-theme=sumi] .font-display{letter-spacing:.02em;font-weight:700}[data-theme=sumi] .text-outline{color:var(--color-ink);text-shadow:none}[data-theme=sumi] :focus-visible{outline:3px solid var(--color-sky);outline-offset:3px}[data-theme=sumi] .btn-candy{border:1px solid var(--lip)}@supports (color:color-mix(in lab, red, red)){[data-theme=sumi] .btn-candy{border:1px solid color-mix(in oklab, var(--lip), black 15%)}}[data-theme=sumi] .btn-candy{background:linear-gradient(180deg, var(--face), var(--face));border-radius:.7rem;min-height:3.6rem;padding:.8rem 1.6rem}@supports (color:color-mix(in lab, red, red)){[data-theme=sumi] .btn-candy{background:linear-gradient(180deg, color-mix(in oklab, var(--face), white 8%), var(--face))}}[data-theme=sumi] .btn-candy{box-shadow:0 2px 0 var(--lip), 0 10px 22px #2b252224;color:#fbf8f2;font-family:var(--font-display);letter-spacing:.06em;text-shadow:none;font-size:1.15rem;font-weight:700}[data-theme=sumi] .btn-candy:after{display:none}[data-theme=sumi] .btn-candy:active{box-shadow:0 0 0 var(--lip), 0 4px 10px #2b25221f;transform:translateY(2px)}[data-theme=sumi] .btn-candy.round{border-radius:9999px}[data-theme=sumi] .btn-candy.quiet{color:var(--color-ink);box-shadow:none;background:0 0;border-color:#2b252259}[data-theme=sumi] .panel{background:var(--color-paper);border:1px solid #2b252229;border-radius:1rem;box-shadow:inset 0 1px #ffffffb3,0 14px 34px #2b25221a}[data-theme=sumi] .choice{background:var(--color-paper);border:1.5px solid #2b252238;border-radius:.8rem;font-weight:500;box-shadow:0 2px #2b25221f}[data-theme=sumi] .choice:active:not(:disabled){transform:translateY(2px)}[data-theme=sumi] .choice[data-state=selected]{border-color:var(--color-sky);box-shadow:0 2px 0 var(--color-sky);background:#edf0f5}[data-theme=sumi] .choice[data-state=right]{border-color:var(--color-matcha);box-shadow:0 2px 0 var(--color-matcha);background:#eef3ec}[data-theme=sumi] .choice[data-state=wrong]{border-color:var(--color-sakura);box-shadow:0 2px 0 var(--color-sakura);background:#f8ebe7}[data-theme=sumi] .choice[data-state=done]{opacity:.3;transform:none}[data-theme=sumi] .tile{background:var(--color-paper);font-family:var(--font-display);border:1px solid #2b252240;border-radius:.6rem;box-shadow:0 3px #2b252226}@keyframes sway{0%,to{transform:rotate(-.8deg)}50%{transform:rotate(.9deg)}}@keyframes sway-soft{0%,to{transform:rotate(.6deg)translateY(0)}50%{transform:rotate(-.7deg)translateY(1px)}}@keyframes stamp{0%{opacity:0;transform:scale(2.4)rotate(-14deg)}60%{opacity:1;transform:scale(.92)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(-8deg)}}@keyframes brush-draw{0%{stroke-dashoffset:var(--len,400)}to{stroke-dashoffset:0}}.anim-stamp{animation:.52s cubic-bezier(.22,1,.36,1) both stamp}.topbar{background:#1b1446e0}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in oklab, var(--color-night), transparent 12%)}}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:4px solid #2a184099}@supports (color:color-mix(in lab, red, red)){.topbar{border-bottom:4px solid color-mix(in oklab, var(--color-ink), transparent 40%)}}.tabbar{background:#1b1446eb}@supports (color:color-mix(in lab, red, red)){.tabbar{background:color-mix(in oklab, var(--color-night), transparent 8%)}}.tabbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:4px solid #2a184099}@supports (color:color-mix(in lab, red, red)){.tabbar{border-top:4px solid color-mix(in oklab, var(--color-ink), transparent 40%)}}.stat{border:3px solid var(--color-ink);background:var(--color-dusk)}.tab{color:#fff3c499}@supports (color:color-mix(in lab, red, red)){.tab{color:color-mix(in oklab, var(--color-moon), transparent 40%)}}.tab{border:3px solid #0000}.tab.is-on{color:var(--color-moon);border-color:var(--color-sky);background:#4fc3f726}@supports (color:color-mix(in lab, red, red)){.tab.is-on{background:color-mix(in oklab, var(--color-sky), transparent 85%)}}.avatar{border:3px solid var(--color-ink);box-shadow:0 3px 0 var(--color-ink)}[data-theme=sumi] .topbar,[data-theme=sumi] .tabbar{border-width:0;box-shadow:0 1px #2b25221f}[data-theme=sumi] .tabbar{box-shadow:0 -1px #2b25221f}[data-theme=sumi] .stat{background:var(--color-paper);border:1px solid #2b25222e;font-weight:700}[data-theme=sumi] .tab{border:0;border-radius:0;font-weight:500}[data-theme=sumi] .tab.is-on{color:var(--color-sakura);box-shadow:inset 0 -2px 0 var(--color-sakura);background:0 0}[data-theme=sumi] .avatar{box-shadow:none;border:1.5px solid #2b252259}.start-tag{border:4px solid var(--color-ink);background:var(--color-paper);color:var(--color-ink);box-shadow:0 4px 0 var(--color-ink);border-radius:1rem}.start-tag-tail{border-right:4px solid var(--color-ink);border-bottom:4px solid var(--color-ink);background:var(--color-paper)}.review-card.is-due{background:linear-gradient(#fff6d6,#ffe38a)}.review-icon{border:3px solid var(--color-ink);background:var(--color-lavender);color:var(--color-ink)}.due-count{border:3px solid var(--color-ink);background:var(--color-sakura);color:#fff}[data-theme=sumi] .start-tag{color:var(--color-sakura);border:1px solid #2b252240;border-radius:.5rem;box-shadow:0 6px 16px #2b25221f}[data-theme=sumi] .start-tag-tail{border-bottom:1px solid #2b252240;border-right:1px solid #2b252240}[data-theme=sumi] .review-card.is-due{background:var(--color-paper);box-shadow:inset 4px 0 0 var(--color-sakura), 0 14px 34px #2b25221a}[data-theme=sumi] .review-icon{color:var(--color-sky);background:0 0;border:1px solid #2b252233;border-radius:9999px}[data-theme=sumi] .due-count{background:var(--color-sakura);color:#fbf1ea;border:0}.progress{background:#ffffff26;height:1.25rem}.progress-fill{background:linear-gradient(#8ff0c3,#5dd39e);box-shadow:inset 0 -3px #0000001f,inset 0 4px #ffffff59}.feedback{border-top:4px solid var(--color-ink)}.feedback.is-right{background:#d9f7e8}.feedback.is-wrong{background:#ffe0ea}.feedback-badge{border:4px solid var(--color-ink);color:#fff}.is-right .feedback-badge{background:#5dd39e}.is-wrong .feedback-badge{background:#ff7aa8}.is-right .feedback-line{color:#1f7a50}.is-wrong .feedback-line{color:#a3305c}.result-tile{border:4px solid var(--color-ink);background:var(--color-paper);box-shadow:0 5px 0 var(--color-ink);border-radius:1rem}.result-tile-label{background:var(--tile)}[data-theme=sumi] .progress{background:#2b25221a;height:.5rem}[data-theme=sumi] .progress-fill{background:var(--color-sakura);box-shadow:none}[data-theme=sumi] .feedback{border-top:1px solid #2b252226;box-shadow:0 -12px 30px #2b252214}[data-theme=sumi] .feedback.is-right{background:#f3f1e8}[data-theme=sumi] .feedback.is-wrong{background:#f8eeea}[data-theme=sumi] .feedback-badge{border:0}[data-theme=sumi] .is-right .feedback-badge{background:var(--color-matcha)}[data-theme=sumi] .is-wrong .feedback-badge{background:var(--color-sakura)}[data-theme=sumi] .is-right .feedback-line{color:var(--color-matcha-lip)}[data-theme=sumi] .is-wrong .feedback-line{color:var(--color-sakura-lip)}[data-theme=sumi] .result-tile{box-shadow:none;border:1px solid #2b252226;border-radius:.75rem}[data-theme=sumi] .result-tile-label{color:#2b252299;border-bottom:2px solid var(--tile);background:0 0;font-weight:500}[data-theme=sumi] .word-art{filter:saturate(.55)sepia(.18)contrast(1.02);mix-blend-mode:multiply}.style-option{border:3px solid #fff3c440}@supports (color:color-mix(in lab, red, red)){.style-option{border:3px solid color-mix(in oklab, var(--color-moon), transparent 75%)}}.style-option{color:var(--color-moon)}.style-option.is-on{border-color:var(--color-sky);background:#4fc3f726}@supports (color:color-mix(in lab, red, red)){.style-option.is-on{background:color-mix(in oklab, var(--color-sky), transparent 85%)}}[data-theme=sumi] .style-option{background:var(--color-paper);border:1px solid #2b25222e}[data-theme=sumi] .style-option.is-on{border:2px solid var(--color-sakura);background:var(--color-paper)}.new-pill{border:3px solid var(--color-ink);background:var(--color-sun);color:var(--color-ink)}.romaji-chip{background:var(--color-ink);color:#fff3c4}[data-theme=sumi] .new-pill{color:var(--color-sakura);letter-spacing:.12em;box-shadow:inset 0 -1px 0 var(--color-sakura);background:0 0;border:0;border-radius:0;padding-inline:.25rem}[data-theme=sumi] .romaji-chip{color:var(--color-ink);background:0 0;border-top:1px solid #2b252233;border-radius:0;font-style:italic}.switch{border:3px solid var(--color-ink);background:#c9c2d6;border-radius:9999px;flex-shrink:0;width:3.4rem;height:2rem;transition:background .16s;position:relative}.switch.is-on{background:var(--color-matcha)}.switch-knob{border:2px solid var(--color-ink);background:#fff;border-radius:9999px;width:1.4rem;height:1.4rem;transition:transform .18s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2px;left:2px}.switch.is-on .switch-knob{transform:translate(1.4rem)}.volume{appearance:none;border:2px solid var(--color-ink);background:linear-gradient(90deg, var(--color-sky) var(--fill), #e9e4f2 var(--fill));border-radius:9999px;height:.75rem}.volume::-webkit-slider-thumb{appearance:none;border:3px solid var(--color-ink);width:1.6rem;height:1.6rem;box-shadow:0 2px 0 var(--color-ink);background:#fff;border-radius:9999px}.volume::-moz-range-thumb{border:3px solid var(--color-ink);background:#fff;border-radius:9999px;width:1.4rem;height:1.4rem}[data-theme=sumi] .switch{background:#e2d9cb;border:1px solid #2b25224d}[data-theme=sumi] .switch.is-on{background:var(--color-sakura);border-color:var(--color-sakura-lip)}[data-theme=sumi] .switch-knob{border:0;top:3px;left:3px;box-shadow:0 1px 3px #2b25224d}[data-theme=sumi] .switch.is-on .switch-knob{transform:translate(1.4rem)}[data-theme=sumi] .volume{background:linear-gradient(90deg, var(--color-ink) var(--fill), #2b252226 var(--fill));border:0;height:.3rem}[data-theme=sumi] .volume::-webkit-slider-thumb{background:var(--color-paper);border:1px solid #2b252266;width:1.2rem;height:1.2rem;box-shadow:0 1px 4px #2b252240}.d-shell{--side:80px;--rail:256px;grid-template-columns:var(--side) minmax(0, 1fr) var(--rail);min-height:100dvh;display:grid}.d-shell.no-rail{grid-template-columns:var(--side) minmax(0, 1fr)}@media (width>=1280px){.d-shell{--side:248px;--rail:304px}}@media (width>=1600px){.d-shell{--side:268px;--rail:330px}}.d-main{min-width:0;padding:2.5rem clamp(1.25rem,2.5vw,3.5rem) 4rem}[data-theme=sumi] .d-main{padding-top:3.5rem}.d-side,.d-rail{height:100dvh;position:sticky;top:0}.d-side-inner,.d-rail-inner{flex-direction:column;height:100%;padding:1.5rem .9rem;display:flex;overflow-y:auto}.d-rail-inner{padding:1.75rem 1rem 0}@media (width>=1280px){.d-rail-inner{padding:1.75rem 1.25rem 0}}.d-label{display:none}@media (width>=1280px){.d-label{display:block}.d-side-inner{padding:1.75rem 1.1rem}}.d-brand{color:var(--color-moon);align-items:center;gap:.6rem;padding:0 .6rem;font-size:1.35rem;display:flex}.d-brand-jp{background:var(--color-sakura);color:#fff;border:3px solid var(--color-ink);writing-mode:vertical-rl;border-radius:.8rem;flex-shrink:0;place-items:center;width:2.6rem;height:2.6rem;font-size:1rem;line-height:1;display:grid}.d-learner{width:100%;color:var(--color-moon);border-radius:1.2rem;align-items:center;gap:.7rem;padding:.45rem;display:flex}.d-learner:hover{background:#fff3c41a}@supports (color:color-mix(in lab, red, red)){.d-learner:hover{background:color-mix(in oklab, var(--color-moon), transparent 90%)}}.d-menu{z-index:60;flex-direction:column;gap:.15rem;width:17rem;padding:.5rem;display:flex;position:absolute;top:calc(100% + .5rem);left:0}.d-menu-item{text-align:left;color:var(--color-ink);border-radius:.8rem;align-items:center;gap:.7rem;padding:.45rem .6rem;display:flex}.d-menu-item:hover{background:#2a184014}@supports (color:color-mix(in lab, red, red)){.d-menu-item:hover{background:color-mix(in oklab, var(--color-ink), transparent 92%)}}.d-menu-item.is-on{background:#4fc3f72e}@supports (color:color-mix(in lab, red, red)){.d-menu-item.is-on{background:color-mix(in oklab, var(--color-sky), transparent 82%)}}.d-nav{color:#fff3c4b3;border-radius:1rem;align-items:center;gap:.8rem;padding:.6rem .75rem;font-weight:800;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.d-nav{color:color-mix(in oklab, var(--color-moon), transparent 30%)}}.d-nav{border:3px solid #0000}.d-nav:hover{color:var(--color-moon);background:#fff3c414}@supports (color:color-mix(in lab, red, red)){.d-nav:hover{background:color-mix(in oklab, var(--color-moon), transparent 92%)}}.d-nav.is-on{color:var(--color-moon);border-color:var(--color-sky);background:#4fc3f72e}@supports (color:color-mix(in lab, red, red)){.d-nav.is-on{background:color-mix(in oklab, var(--color-sky), transparent 82%)}}.d-nav-icon{flex-shrink:0;place-items:center;width:1.9rem;font-size:1.55rem;display:grid}.d-nav-jp{display:none}.d-badge{text-align:center;background:var(--color-sakura);color:#fff;border:2px solid var(--color-ink);border-radius:9999px;min-width:1.6rem;padding:0 .45rem;font-size:.85rem}@media (width<=1279px){.d-nav{justify-content:center;padding:.7rem 0}.d-badge{min-width:1.3rem;padding:0 .3rem;font-size:.7rem;position:absolute;top:.1rem;right:.35rem}.d-learner{justify-content:center}.d-brand{justify-content:center;padding:0}}@media (height<=860px){.d-side-inner{padding-top:1rem;padding-bottom:1rem}.d-side-learner,.d-side-nav{margin-top:.9rem}.d-side-nav ul{gap:.1rem}.d-nav{padding-top:.32rem;padding-bottom:.32rem}.d-nav-icon{font-size:1.35rem}.d-learner{padding:.3rem .45rem}}@media (height<=700px){.d-brand{display:none}.d-side-learner{margin-top:0}}.d-side{background:#161039}@supports (color:color-mix(in lab, red, red)){.d-side{background:color-mix(in oklab, var(--color-night), black 18%)}}.d-side{border-right:4px solid #2a184099}@supports (color:color-mix(in lab, red, red)){.d-side{border-right:4px solid color-mix(in oklab, var(--color-ink), transparent 40%)}}.d-rail{background:#18123f}@supports (color:color-mix(in lab, red, red)){.d-rail{background:color-mix(in oklab, var(--color-night), black 10%)}}.d-rail{border-left:4px solid #2a184099}@supports (color:color-mix(in lab, red, red)){.d-rail{border-left:4px solid color-mix(in oklab, var(--color-ink), transparent 40%)}}.d-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#fff3c4a6;font-size:.75rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.d-eyebrow{color:color-mix(in oklab, var(--color-moon), transparent 35%)}}.panel .d-eyebrow{color:#2a184099}@supports (color:color-mix(in lab, red, red)){.panel .d-eyebrow{color:color-mix(in oklab, var(--color-ink), transparent 40%)}}.d-page-jp{display:none}.d-goal{text-align:center}.d-ring-track{stroke:#2a18401f}@supports (color:color-mix(in lab, red, red)){.d-ring-track{stroke:color-mix(in oklab, var(--color-ink), transparent 88%)}}.d-ring-track{stroke-width:14px}.d-ring-fill{stroke:var(--color-sun);stroke-width:14px;stroke-linecap:round}.d-stat{transition:transform .12s}a.d-stat:hover{transform:translateY(-2px)}.d-rail-art{pointer-events:none;justify-content:center;margin-top:auto;padding-top:1.5rem;display:flex}.d-rail .btn-candy{min-height:3.6rem;font-size:1.05rem}.d-learn{grid-template-columns:12.5rem minmax(0,1fr);align-items:start;gap:clamp(1.25rem,2.5vw,3rem);display:grid}@media (width>=1280px){.d-learn{grid-template-columns:15rem minmax(0,1fr)}}@media (width>=1440px){.d-learn{grid-template-columns:17rem minmax(0,1fr)}}.d-outline{max-height:calc(100dvh - 3rem);padding:.25rem .25rem 2rem;position:sticky;top:1.5rem;overflow-y:auto}.d-trail{width:100%;max-width:32rem;margin-inline:auto}.d-trail section>header.sticky{top:1rem}.d-unit{text-align:left;width:100%;color:var(--color-moon);border:3px solid #0000;border-radius:.9rem;align-items:center;gap:.7rem;padding:.55rem .6rem;display:flex}.d-unit:hover:not(:disabled){background:#fff3c414}@supports (color:color-mix(in lab, red, red)){.d-unit:hover:not(:disabled){background:color-mix(in oklab, var(--color-moon), transparent 92%)}}.d-unit.is-on{border-color:var(--unit);background:var(--unit)}@supports (color:color-mix(in lab, red, red)){.d-unit.is-on{background:color-mix(in oklab, var(--unit), transparent 85%)}}.d-unit.is-locked{opacity:.45;cursor:not-allowed}.d-unit-num{background:var(--unit);width:2rem;height:2rem;color:var(--color-ink);border:2px solid var(--color-ink);border-radius:9999px;flex-shrink:0;place-items:center;font-size:.9rem;display:grid}.d-unit-bar{background:#fff3c42e;border-radius:9999px;height:5px}@supports (color:color-mix(in lab, red, red)){.d-unit-bar{background:color-mix(in oklab, var(--color-moon), transparent 82%)}}.d-unit-bar{overflow:hidden}.d-unit-bar>span{border-radius:inherit;background:var(--unit);height:100%;display:block}.d-unit-check{color:var(--color-matcha)}.d-seg{background:#140f35;border-radius:9999px;gap:.25rem;padding:.25rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.d-seg{background:color-mix(in oklab, var(--color-night), black 25%)}}.d-seg{border:3px solid var(--color-ink)}.d-seg>button{color:#fff3c4bf;border-radius:9999px;padding:.4rem 1rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.d-seg>button{color:color-mix(in oklab, var(--color-moon), transparent 25%)}}.d-seg>button.is-on{background:var(--color-moon);color:var(--color-ink)}.d-search{background:var(--color-paper);max-width:26rem;color:var(--color-ink);border:3px solid var(--color-ink);border-radius:9999px;flex:18rem;align-items:center;gap:.6rem;padding:.6rem 1.1rem;display:flex}.d-search input{background:0 0;outline:none;flex:1;min-width:0;font-weight:700}.d-select select{background:var(--color-paper);color:var(--color-ink);border:3px solid var(--color-ink);border-radius:9999px;max-width:20rem;padding:.65rem 1rem;font-weight:700}.d-kana-layout{grid-template-columns:minmax(0,1fr) 16.5rem;align-items:start;gap:1.25rem;display:grid}@media (width>=1280px){.d-kana-layout{grid-template-columns:minmax(0,1fr) 19rem;gap:1.5rem}}@media (width>=1440px){.d-kana-layout{grid-template-columns:minmax(0,1fr) 21rem}}.d-kana-chart{max-width:44rem}.d-kana-detail{position:sticky;top:1.5rem;padding-inline:1.25rem!important}.d-kana{aspect-ratio:1;border:3px solid var(--color-ink);width:100%;max-height:5.4rem;color:var(--color-ink);box-shadow:0 4px 0 var(--color-ink);background:#fff;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;transition:transform .1s;display:flex;position:relative}.d-kana:hover{transform:translateY(-2px)}.d-kana:active{box-shadow:0 1px 0 var(--color-ink);transform:translateY(3px)}.d-kana-romaji{opacity:.6;font-size:.75rem;font-weight:800}.d-kana-dot{border-radius:9999px;width:.55rem;height:.55rem;position:absolute;top:.4rem;right:.4rem}.d-kana.is-new{background:#edecf0}@supports (color:color-mix(in lab, red, red)){.d-kana.is-new{background:color-mix(in oklab, white, var(--color-night) 8%)}}.d-kana.is-new{color:#2a1840a6}@supports (color:color-mix(in lab, red, red)){.d-kana.is-new{color:color-mix(in oklab, var(--color-ink), transparent 35%)}}.d-kana.is-new{box-shadow:none;border-style:dashed}.d-kana.is-learning{background:#fff1c2}.d-kana.is-learning .d-kana-dot{background:var(--color-lantern)}.d-kana.is-strong{background:#d6f5e6}.d-kana.is-strong .d-kana-dot{background:var(--color-matcha-lip)}.d-kana.is-selected{outline:4px solid var(--color-sky);outline-offset:3px}.d-kana-swatch{border:2px solid var(--color-ink);border-radius:.3rem;width:.9rem;height:.9rem;display:inline-block}.d-kana-swatch.is-new{opacity:.8;background:0 0;border-style:dashed;border-color:currentColor}.d-kana-swatch.is-learning{background:#ffd970}.d-kana-swatch.is-strong{background:var(--color-matcha)}.d-state-pill{white-space:nowrap;border:2px solid #2a18404d;border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .7rem;font-size:.85rem;font-weight:800;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.d-state-pill{border:2px solid color-mix(in oklab, var(--color-ink), transparent 70%)}}.d-mnemonic{border-left:4px solid var(--color-lavender);color:#2a1840cc;padding-left:.8rem}@supports (color:color-mix(in lab, red, red)){.d-mnemonic{color:color-mix(in oklab, var(--color-ink), transparent 20%)}}.d-strokes{border:3px solid var(--color-ink);background:#fff;border-radius:1rem}.d-strokes-guide{stroke:#2a184026}@supports (color:color-mix(in lab, red, red)){.d-strokes-guide{stroke:color-mix(in oklab, var(--color-ink), transparent 85%)}}.d-strokes-guide{stroke-width:.6px;stroke-dasharray:2 2;fill:none}.d-strokes-ghost{stroke:#2a18401f}@supports (color:color-mix(in lab, red, red)){.d-strokes-ghost{stroke:color-mix(in oklab, var(--color-ink), transparent 88%)}}.d-strokes-ghost{stroke-width:5px;fill:none;stroke-linecap:round;stroke-linejoin:round}.d-strokes-ink{stroke:var(--color-ink);stroke-width:5px;fill:none;stroke-linecap:round;stroke-linejoin:round}.d-strokes-num{fill:var(--color-sakura-lip);font-size:8px;font-weight:800}@keyframes d-draw{to{stroke-dashoffset:0}}@keyframes d-fade{to{opacity:1}}.d-dialog{width:min(26rem,92vw);color:var(--color-ink);margin:auto;padding:1.5rem}.d-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a061e8c}.d-table{border-collapse:collapse;color:var(--color-ink)}.d-table th{text-align:left;letter-spacing:.14em;text-transform:uppercase;color:#2a18408c;padding:.8rem 1rem;font-size:.75rem}@supports (color:color-mix(in lab, red, red)){.d-table th{color:color-mix(in oklab, var(--color-ink), transparent 45%)}}.d-table th{border-bottom:3px solid #2a184033}@supports (color:color-mix(in lab, red, red)){.d-table th{border-bottom:3px solid color-mix(in oklab, var(--color-ink), transparent 80%)}}.d-table td{vertical-align:middle;border-bottom:1px solid #2a18401f;padding:.55rem 1rem}@supports (color:color-mix(in lab, red, red)){.d-table td{border-bottom:1px solid color-mix(in oklab, var(--color-ink), transparent 88%)}}.d-table tbody tr:hover{background:#4fc3f71a}@supports (color:color-mix(in lab, red, red)){.d-table tbody tr:hover{background:color-mix(in oklab, var(--color-sky), transparent 90%)}}.d-word-pic{background:#fff2ca;border-radius:.8rem;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.d-word-pic{background:color-mix(in oklab, var(--color-sun), white 70%)}}.d-icon-btn{width:2.4rem;height:2.4rem;color:var(--color-sky-lip);border:2px solid #2a18404d;border-radius:9999px;place-items:center;font-size:1.2rem;display:grid}@supports (color:color-mix(in lab, red, red)){.d-icon-btn{border:2px solid color-mix(in oklab, var(--color-ink), transparent 70%)}}.d-icon-btn:hover{background:#4fc3f726}@supports (color:color-mix(in lab, red, red)){.d-icon-btn:hover{background:color-mix(in oklab, var(--color-sky), transparent 85%)}}.d-meter{gap:3px;display:inline-flex}.d-meter>span{background:#2a184024;border-radius:2px;width:7px;height:16px}@supports (color:color-mix(in lab, red, red)){.d-meter>span{background:color-mix(in oklab, var(--color-ink), transparent 86%)}}.d-meter>span.is-on{background:var(--color-matcha-lip)}.d-chart-grid{stroke:#2a18401a}@supports (color:color-mix(in lab, red, red)){.d-chart-grid{stroke:color-mix(in oklab, var(--color-ink), transparent 90%)}}.d-chart-grid{stroke-width:1px}.d-chart-base{stroke:#2a18404d}@supports (color:color-mix(in lab, red, red)){.d-chart-base{stroke:color-mix(in oklab, var(--color-ink), transparent 70%)}}.d-chart-base{stroke-width:1px}.d-chart-axis{fill:#2a18408c;font-size:11px;font-weight:700}@supports (color:color-mix(in lab, red, red)){.d-chart-axis{fill:color-mix(in oklab, var(--color-ink), transparent 45%)}}.d-chart-cross{stroke:#2a184059}@supports (color:color-mix(in lab, red, red)){.d-chart-cross{stroke:color-mix(in oklab, var(--color-ink), transparent 65%)}}.d-chart-cross{stroke-width:1px;stroke-dasharray:3 3}.d-chart-bar{transition:opacity .12s}.d-chart-bar.is-dim{opacity:.45}.tone-1{--tone:#e2508a}.tone-2{--tone:#2b8fc9}.tone-3{--tone:#2f9a6a}.d-chart-bar{fill:var(--tone)}.d-chart-line{fill:none;stroke:var(--tone);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.d-chart-dot{fill:var(--tone);stroke:var(--color-paper);stroke-width:2px}.d-heat{fill:#2a184017}@supports (color:color-mix(in lab, red, red)){.d-heat{fill:color-mix(in oklab, var(--color-ink), transparent 91%)}}.d-heat.l-1{fill:oklab(86.4623% .0713224 -.000852772)}.d-heat.l-2{fill:oklab(76.8434% .121999 -.00145873)}.d-heat.l-3{fill:#e2508a}.d-heat.l-4{fill:oklab(45.0621% .18769 -.00224423)}.d-heat.is-today{stroke:var(--color-ink);stroke-width:1.5px}.d-tip{z-index:20;pointer-events:none;white-space:nowrap;background:var(--color-ink);color:var(--color-paper);border-radius:.6rem;padding:.35rem .65rem;font-size:.8rem;line-height:1.35;position:absolute;transform:translate(-50%,-100%);box-shadow:0 6px 18px #00000040}.d-mini-table th,.d-mini-table td{text-align:left;padding:.15rem 1.5rem .15rem 0;font-weight:500}.d-item-list>li+li{border-top:1px solid #2a18401f}@supports (color:color-mix(in lab, red, red)){.d-item-list>li+li{border-top:1px solid color-mix(in oklab, var(--color-ink), transparent 88%)}}.d-keys{font-size:.9rem}.d-keys kbd{min-width:1.8rem;font-family:var(--font-sans);background:var(--color-paper);color:var(--color-ink);border:2px solid var(--color-ink);box-shadow:0 2px 0 var(--color-ink);border-radius:.45rem;place-items:center;padding:.1rem .45rem;font-size:.8rem;font-weight:800;display:inline-grid}.d-lesson .max-w-xl{max-width:46rem}.d-keyhint{z-index:30;width:11.5rem;color:var(--color-moon);background:#161038;border-radius:1.2rem;padding:1rem 1.1rem;position:fixed;top:50%;right:2rem;transform:translateY(-50%)}@supports (color:color-mix(in lab, red, red)){.d-keyhint{background:color-mix(in oklab, var(--color-night), black 20%)}}.d-keyhint{border:3px solid #2a184099}@supports (color:color-mix(in lab, red, red)){.d-keyhint{border:3px solid color-mix(in oklab, var(--color-ink), transparent 40%)}}@media (width<=1279px){.d-keyhint{width:9.5rem;padding:.8rem;right:1rem}}[data-theme=sumi] .d-side{background:#fff8ec8c}@supports (color:color-mix(in lab, red, red)){[data-theme=sumi] .d-side{background:color-mix(in oklab, var(--color-paper), transparent 45%)}}[data-theme=sumi] .d-side{border-right:1px solid #2b25221f}[data-theme=sumi] .d-rail{background:0 0;border-left:1px solid #2b25221f}[data-theme=sumi] .d-brand-jp{background:var(--color-sakura);color:#fbf1ea;font-family:var(--font-display);border:0;border-radius:.35rem;box-shadow:inset 0 0 0 2px #fbf1ea59}[data-theme=sumi] .d-nav{border:0;border-radius:0;padding-left:1rem;font-weight:500}[data-theme=sumi] .d-nav:hover{color:var(--color-ink);background:0 0}[data-theme=sumi] .d-nav.is-on{color:var(--color-sakura);box-shadow:inset 2px 0 0 var(--color-sakura);background:0 0}[data-theme=sumi] .d-nav-icon .icon{display:none}[data-theme=sumi] .d-nav-jp{font-size:1.15rem;display:block}[data-theme=sumi] .d-badge{background:var(--color-sakura);color:#fbf1ea;border:0}[data-theme=sumi] .d-learner:hover,[data-theme=sumi] .d-unit:hover:not(:disabled){background:#2b25220a}[data-theme=sumi] .d-eyebrow{letter-spacing:.22em;font-weight:500}[data-theme=sumi] .d-page-head{border-bottom:1px solid #2b252224;margin-bottom:2.75rem;padding-bottom:1.5rem}[data-theme=sumi] .d-page-jp{width:3.6rem;height:3.6rem;color:var(--color-sakura);border:1.5px solid var(--color-sakura);border-radius:9999px;flex-shrink:0;place-items:center;font-size:1.7rem;display:grid}[data-theme=sumi] .d-page-head h1{letter-spacing:.04em;font-weight:600}[data-theme=sumi] .d-ring-track{stroke:#2b252214;stroke-width:6px}[data-theme=sumi] .d-ring-fill{stroke:var(--color-sakura);stroke-width:7px}[data-theme=sumi] .d-rail-art{opacity:.85;height:220px;margin-inline:-1.25rem}[data-theme=sumi] .d-unit{border:0;border-radius:.5rem}[data-theme=sumi] .d-unit.is-on{box-shadow:inset 2px 0 0 var(--unit);background:0 0}[data-theme=sumi] .d-unit-num{color:var(--color-ink);background:0 0;border:1px solid #2b252240;font-weight:600}[data-theme=sumi] .d-unit.is-on .d-unit-num{border-color:var(--unit);color:var(--unit)}[data-theme=sumi] .d-unit-bar{background:#2b25221a;height:2px}[data-theme=sumi] .d-seg{background:0 0;border:1px solid #2b252233}[data-theme=sumi] .d-seg>button{color:#2b2522b3;font-weight:500}[data-theme=sumi] .d-seg>button.is-on{background:var(--color-ink);color:var(--color-paper)}[data-theme=sumi] .d-search,[data-theme=sumi] .d-select select{border:1px solid #2b252233;font-weight:500}[data-theme=sumi] .d-kana{background:var(--color-paper);box-shadow:none;font-family:var(--font-display);border:1px solid #2b25222e;border-radius:.6rem}[data-theme=sumi] .d-kana:active{box-shadow:none}[data-theme=sumi] .d-kana.is-new{color:#2b25228c;background:0 0;border-style:dashed}[data-theme=sumi] .d-kana.is-learning{background:#f6efe1;border-color:#a8844f8c}[data-theme=sumi] .d-kana.is-learning .d-kana-dot{background:var(--color-lantern)}[data-theme=sumi] .d-kana.is-strong{background:#f7e8e3;border-color:#b8442f73}[data-theme=sumi] .d-kana.is-strong .d-kana-dot{background:var(--color-sakura);border-radius:.1rem}[data-theme=sumi] .d-kana.is-selected{outline:2px solid var(--color-ink);outline-offset:2px}[data-theme=sumi] .d-kana-swatch{border:1px solid #2b252259;border-radius:.2rem}[data-theme=sumi] .d-kana-swatch.is-learning{background:#e8d9bb}[data-theme=sumi] .d-kana-swatch.is-strong{background:var(--color-sakura);border-color:var(--color-sakura)}[data-theme=sumi] .d-state-pill{border:1px solid #2b25222e;font-weight:500}[data-theme=sumi] .d-mnemonic{border-left:2px solid var(--color-sakura);font-style:italic}[data-theme=sumi] .d-strokes{background:#fffdf8;border:1px solid #2b252226;border-radius:.5rem}[data-theme=sumi] .d-strokes-guide{stroke:#b8442f40}[data-theme=sumi] .d-strokes-ink{stroke-width:5.5px}[data-theme=sumi] .d-strokes-num{fill:var(--color-sakura);font-family:var(--font-display)}[data-theme=sumi] .d-dialog::backdrop{background:#2b252259}[data-theme=sumi] .d-table th{letter-spacing:.2em;border-bottom:1px solid #2b252226;font-weight:500}[data-theme=sumi] .d-table tbody tr:hover{background:#2b252208}[data-theme=sumi] .d-word-pic{background:#f1e9db;border-radius:.4rem}[data-theme=sumi] .d-icon-btn{color:var(--color-sky);border:1px solid #2b252233}[data-theme=sumi] .d-meter>span{background:#2b25221a;border-radius:1px;width:5px;height:14px}[data-theme=sumi] .d-meter>span.is-on{background:var(--color-ink)}[data-theme=sumi] .tone-1{--tone:#b8442f}[data-theme=sumi] .tone-2{--tone:#34496a}[data-theme=sumi] .tone-3{--tone:#5d7a55}[data-theme=sumi] .d-heat.l-1{fill:oklab(85.7529% .0371049 .029326)}[data-theme=sumi] .d-heat.l-2{fill:oklab(73.9644% .0721039 .0493847)}[data-theme=sumi] .d-heat.l-3{fill:#b8442f}[data-theme=sumi] .d-heat.l-4{fill:#7d2a1c}[data-theme=sumi] .d-heat{fill:#2b25220f}[data-theme=sumi] .d-keys kbd{border:1px solid #2b25224d;font-weight:600;box-shadow:0 1px #2b25224d}[data-theme=sumi] .d-keyhint{background:var(--color-paper);border:1px solid #2b25221f;box-shadow:0 14px 34px #2b252214}[data-theme=sumi] input.border-4:not([type=range]),[data-theme=sumi] textarea.border-4{background:#fffdf8;border-width:1.5px;border-color:#2b252247;border-radius:.65rem;box-shadow:inset 0 1px 2px #2b25220f}[data-theme=sumi] input.border-4:focus-visible{border-color:var(--color-sky);outline:2px solid #4fc3f74d}@supports (color:color-mix(in lab, red, red)){[data-theme=sumi] input.border-4:focus-visible{outline:2px solid color-mix(in oklab, var(--color-sky), transparent 70%)}}[data-theme=sumi] input.border-4:focus-visible{outline-offset:1px}html{touch-action:manipulation;-webkit-text-size-adjust:100%}input,select,textarea{font-size:max(16px,1em)}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.drawer{background:var(--color-paper);color:var(--color-ink);border-right:4px solid var(--color-ink);animation:.24s cubic-bezier(.22,1,.36,1) both drawer-in;box-shadow:12px 0 40px #08041e66}.drawer-scrim{background:#08041e73;animation:.2s ease-out both scrim-in}.drawer-card{background:#e5f6fe}@supports (color:color-mix(in lab, red, red)){.drawer-card{background:color-mix(in oklab, var(--color-sky), white 85%)}}.drawer-card{border:3px solid var(--color-ink)}.drawer-item{color:var(--color-ink);font-weight:700}.drawer-item:hover{background:#2a18400f}.drawer-item.is-on{background:#d3f0fd}@supports (color:color-mix(in lab, red, red)){.drawer-item.is-on{background:color-mix(in oklab, var(--color-sky), white 75%)}}[data-theme=sumi] .drawer{border-right:0;box-shadow:1px 0 #2b25221f,18px 0 50px #2b25222e}[data-theme=sumi] .drawer-scrim{background:#2b252240}[data-theme=sumi] .drawer-card{background:0 0;border:1px solid #2b252224}[data-theme=sumi] .drawer-item{font-weight:500}[data-theme=sumi] .drawer-item:hover{background:#2b25220d}[data-theme=sumi] .drawer-item.is-on{color:var(--color-sakura);box-shadow:inset 3px 0 0 var(--color-sakura);background:0 0;border-radius:0 .75rem .75rem 0}@media (prefers-reduced-motion:reduce){.drawer,.drawer-scrim{animation:none}}.choice{line-height:1}.choice-text{text-box:trim-both ex alphabetic;line-height:1}.choice-kana{text-box:trim-both ideographic ideographic;line-height:1}@keyframes cloud-drift{0%{transform:translate(-220px)}to{transform:translate(calc(100vw + 40px))}}[data-theme=kawaii]{--font-display:"Zen Maru Gothic", "M PLUS Rounded 1c", ui-rounded, system-ui, sans-serif;--color-ink:#5b3f6b;--color-night:#eaf6ff;--color-dusk:#fff;--color-moon:#5b3f6b;--color-paper:#fff;--color-sakura:#ff7eb3;--color-sakura-lip:#e25590;--color-matcha:#4fd6a1;--color-matcha-lip:#22ad79;--color-sky:#52b9ff;--color-sky-lip:#2b8fdc;--color-lantern:#ffa94a;--color-lantern-lip:#e5842a;--color-sun:#ffd35c;--color-sun-lip:#e9aa1e;--color-lavender:#b39bff;--color-lavender-lip:#8a6ff0;--soft-shadow:0 10px 28px #5b3f6b29;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#bfe5ff}[data-theme=kawaii] body{color:var(--color-ink)}[data-theme=kawaii] .font-display{letter-spacing:.01em;font-weight:900}[data-theme=kawaii] :focus-visible{outline-offset:3px;outline:4px solid #ffd35c}[data-theme=kawaii] .text-outline{color:#fff;text-shadow:2px 0 #6b4a7d,-2px 0 #6b4a7d,0 2px #6b4a7d,0 -2px #6b4a7d,1.5px 1.5px #6b4a7d,-1.5px 1.5px #6b4a7d,1.5px -1.5px #6b4a7d,-1.5px -1.5px #6b4a7d,0 5px #6b4a7d,0 8px 14px #5b3f6b4d}[data-theme=kawaii] .btn-candy{background:linear-gradient(180deg, var(--face) 0%, var(--face) 60%);border:3px solid #fff;border-radius:9999px;min-height:3.75rem}@supports (color:color-mix(in lab, red, red)){[data-theme=kawaii] .btn-candy{background:linear-gradient(180deg, color-mix(in oklab, var(--face), white 30%) 0%, var(--face) 60%)}}[data-theme=kawaii] .btn-candy{box-shadow:0 5px 0 var(--lip), 0 10px 22px var(--lip)}@supports (color:color-mix(in lab, red, red)){[data-theme=kawaii] .btn-candy{box-shadow:0 5px 0 var(--lip), 0 10px 22px color-mix(in oklab, var(--lip), transparent 55%)}}[data-theme=kawaii] .btn-candy{color:#fff;letter-spacing:.02em;text-shadow:0 2px 0 var(--lip);font-size:1.25rem;font-weight:900}@supports (color:color-mix(in lab, red, red)){[data-theme=kawaii] .btn-candy{text-shadow:0 2px 0 color-mix(in oklab, var(--lip), black 10%)}}[data-theme=kawaii] .btn-candy:after{background:linear-gradient(#ffffffb3,#fff0);border-radius:9999px;height:34%;inset:5px 22px auto}[data-theme=kawaii] .btn-candy:active{box-shadow:0 0 0 var(--lip), 0 4px 10px var(--lip);transform:translateY(5px)}@supports (color:color-mix(in lab, red, red)){[data-theme=kawaii] .btn-candy:active{box-shadow:0 0 0 var(--lip), 0 4px 10px color-mix(in oklab, var(--lip), transparent 60%)}}[data-theme=kawaii] .btn-candy:disabled{filter:grayscale(.7)brightness(1.05);opacity:.7}[data-theme=kawaii] .btn-candy.quiet{color:var(--color-ink);text-shadow:none;box-shadow:0 5px 0 #e3d6f2, var(--soft-shadow);background:#fff;border-color:#fff}[data-theme=kawaii] .panel{box-shadow:0 0 0 1px #5b3f6b0d, var(--soft-shadow);background:#fff;border:3px solid #fff;border-radius:1.75rem}[data-theme=kawaii] .choice{color:var(--color-ink);background:#fff;border:3px solid #efe7fb;border-radius:1.25rem;box-shadow:0 5px #e6dbf5}[data-theme=kawaii] .choice:active:not(:disabled){box-shadow:none;transform:translateY(5px)}[data-theme=kawaii] .choice[data-state=selected]{border-color:var(--color-sky);box-shadow:0 5px 0 var(--color-sky-lip);background:#eaf6ff}[data-theme=kawaii] .choice[data-state=right]{border-color:var(--color-matcha);box-shadow:0 5px 0 var(--color-matcha-lip);background:#e6fbf2}[data-theme=kawaii] .choice[data-state=wrong]{border-color:var(--color-sakura);box-shadow:0 5px 0 var(--color-sakura-lip);background:#fff0f6}[data-theme=kawaii] .tile{box-shadow:0 5px 0 #f1dca0, var(--soft-shadow);color:var(--color-ink);background:linear-gradient(#fff,#fff6d8);border:3px solid #fff;border-radius:1.1rem}[data-theme=kawaii] .topbar,[data-theme=kawaii] .tabbar{background:#ffffffb8;border:0;box-shadow:0 6px 20px #5b3f6b1a}[data-theme=kawaii] .stat{color:var(--color-ink);background:#fff;border:0;font-weight:900;box-shadow:0 3px #eadff7}[data-theme=kawaii] .avatar{border:3px solid #fff;box-shadow:0 4px 12px #5b3f6b40}[data-theme=kawaii] .start-tag{color:var(--color-sakura-lip);box-shadow:var(--soft-shadow);background:#fff;border:3px solid #fff;border-radius:9999px}[data-theme=kawaii] .start-tag-tail{background:#fff;border-bottom:3px solid #fff;border-right:3px solid #fff}[data-theme=kawaii] .review-card.is-due{background:linear-gradient(#fffaf0,#fff1c9)}[data-theme=kawaii] .review-icon{color:#fff;background:linear-gradient(#d9cdff,#b39bff);border:0;border-radius:1.1rem}[data-theme=kawaii] .due-count{background:var(--color-sakura);color:#fff;border:2px solid #fff}[data-theme=kawaii] .new-pill{background:var(--color-sun);color:var(--color-ink);box-shadow:0 3px 0 var(--color-sun-lip);border:3px solid #fff}[data-theme=kawaii] .romaji-chip{background:var(--color-lavender);color:#fff}[data-theme=kawaii] .progress{background:#fffc;height:1.1rem;box-shadow:inset 0 2px 4px #5b3f6b1a}[data-theme=kawaii] .progress-fill{background:linear-gradient(#8ff0c9,#4fd6a1);box-shadow:inset 0 -3px #00000014,inset 0 3px #ffffff73}[data-theme=kawaii] .feedback{border-top:0;border-radius:1.75rem 1.75rem 0 0;box-shadow:0 -10px 30px #5b3f6b26}[data-theme=kawaii] .feedback.is-right{background:#e6fbf2}[data-theme=kawaii] .feedback.is-wrong{background:#fff0f6}[data-theme=kawaii] .feedback-badge{border:3px solid #fff;box-shadow:0 3px 8px #5b3f6b33}[data-theme=kawaii] .result-tile{box-shadow:var(--soft-shadow);border:3px solid #fff;border-radius:1.25rem}[data-theme=kawaii] .drawer{border-right:0;border-radius:0 1.75rem 1.75rem 0;box-shadow:14px 0 40px #5b3f6b40}[data-theme=kawaii] .drawer-scrim{background:#5b3f6b4d}[data-theme=kawaii] .drawer-card{background:linear-gradient(#eaf6ff,#f6efff);border:0}[data-theme=kawaii] .switch{background:#e6dcf2;border:3px solid #fff;box-shadow:inset 0 2px 4px #5b3f6b26}[data-theme=kawaii] .switch.is-on{background:var(--color-matcha)}[data-theme=kawaii] .switch-knob{border:0;box-shadow:0 2px 5px #5b3f6b4d}[data-theme=kawaii] .volume{background:linear-gradient(90deg, var(--color-sky) var(--fill), #ece4f6 var(--fill));border:0;height:.7rem}[data-theme=kawaii] .volume::-webkit-slider-thumb{background:var(--color-sky);border:3px solid #fff;box-shadow:0 3px 8px #5b3f6b4d}[data-theme=kawaii] .style-option{color:var(--color-ink);box-shadow:var(--soft-shadow);background:#fff;border:3px solid #fff}[data-theme=kawaii] .style-option.is-on{border-color:var(--color-sky);background:#f2f9ff}[data-theme=kawaii] input.border-4:not([type=range]){color:var(--color-ink);background:#fff;border:3px solid #efe7fb;border-radius:1.1rem;box-shadow:inset 0 2px 4px #5b3f6b0f}[data-theme=kawaii] input.border-4:focus-visible{border-color:var(--color-sky);outline:3px solid #4fc3f759}@supports (color:color-mix(in lab, red, red)){[data-theme=kawaii] input.border-4:focus-visible{outline:3px solid color-mix(in oklab, var(--color-sky), transparent 65%)}}[data-theme=kawaii] input.border-4:focus-visible{outline-offset:0}[data-theme=kawaii] .candy-node{box-shadow:0 6px 0 var(--node-lip), 0 12px 24px var(--node-lip);border:4px solid #fff}@supports (color:color-mix(in lab, red, red)){[data-theme=kawaii] .candy-node{box-shadow:0 6px 0 var(--node-lip), 0 12px 24px color-mix(in oklab, var(--node-lip), transparent 55%)}}[data-theme=kawaii] .unit-banner{box-shadow:0 6px 0 var(--lip), var(--soft-shadow);border:3px solid #fff;border-radius:1.75rem}[data-theme=kawaii] .text-outline{text-shadow:2px 0 #6b4a7d,-2px 0 #6b4a7d,0 2px #6b4a7d,0 -2px #6b4a7d,1.5px 1.5px #6b4a7d,-1.5px 1.5px #6b4a7d,1.5px -1.5px #6b4a7d,-1.5px -1.5px #6b4a7d}[data-theme=kawaii] .btn-candy,[data-theme=kawaii] .btn-candy:active,[data-theme=kawaii] .btn-candy.quiet{box-shadow:none;text-shadow:none}[data-theme=kawaii] .btn-candy{outline:2px solid var(--lip);border:3px solid #fff}@supports (color:color-mix(in lab, red, red)){[data-theme=kawaii] .btn-candy{outline:2px solid color-mix(in oklab, var(--lip), transparent 55%)}}[data-theme=kawaii] .btn-candy{outline-offset:0}[data-theme=kawaii] .btn-candy.quiet{outline-color:#e6dcf5}[data-theme=kawaii] .btn-candy:active{transform:scale(.97)}[data-theme=kawaii] .btn-candy:focus-visible{outline:4px solid #ffd35c}[data-theme=kawaii] .panel{box-shadow:none;border:3px solid #fff;outline:2px solid #ece4f7}[data-theme=kawaii] .choice,[data-theme=kawaii] .choice[data-state]{box-shadow:none}[data-theme=kawaii] .choice:active:not(:disabled){transform:scale(.97)}[data-theme=kawaii] .tile,[data-theme=kawaii] .stat,[data-theme=kawaii] .avatar,[data-theme=kawaii] .start-tag,[data-theme=kawaii] .new-pill,[data-theme=kawaii] .feedback-badge,[data-theme=kawaii] .result-tile,[data-theme=kawaii] .style-option,[data-theme=kawaii] .switch-knob{box-shadow:none}[data-theme=kawaii] .volume::-webkit-slider-thumb{box-shadow:none}[data-theme=kawaii] .stat,[data-theme=kawaii] .avatar{outline:2px solid #ece4f7}[data-theme=kawaii] .start-tag{outline:2px solid #f6d3e3}[data-theme=kawaii] .topbar,[data-theme=kawaii] .tabbar{box-shadow:none;border-bottom:2px solid #ffffffe6}[data-theme=kawaii] .drawer{box-shadow:none}[data-theme=kawaii] .feedback{box-shadow:none;border-top:3px solid #fff}[data-theme=kawaii] .candy-node{box-shadow:none;outline:3px solid var(--node-lip);outline-offset:0}[data-theme=kawaii] .unit-banner{box-shadow:none;outline:2px solid var(--lip);outline-offset:0}[data-theme=kawaii] .progress,[data-theme=kawaii] .progress-fill{box-shadow:none}.guide-bubble{color:var(--color-ink);background:#fff;border:3px solid #fff;outline:2px solid #ece4f7}.guide-tail{background:#fff;border-bottom:2px solid #ece4f7;border-left:2px solid #ece4f7}@media (width<=1023px){.d-kana-layout{grid-template-columns:minmax(0,1fr)}.d-kana-chart{max-width:none}.d-kana{border-radius:.8rem;max-height:4.6rem}.d-page-jp{font-size:2.2rem}}[data-theme=kawaii] .d-kana{box-shadow:none;color:var(--color-ink);background:#fff;border:3px solid #fff;outline:2px solid #ece4f7}[data-theme=kawaii] .d-kana.is-new{color:#5b3f6b8c;background:#ffffffb3;border:2px dashed #d8cbe9;outline:none}[data-theme=kawaii] .d-kana.is-learning{background:#fff4cc;outline-color:#f6dd8c}[data-theme=kawaii] .d-kana.is-strong{background:#dcf8eb;outline-color:#9fe5c4}[data-theme=kawaii] .d-kana.is-selected{outline:3px solid var(--color-sky);outline-offset:2px}[data-theme=kawaii] .d-seg{background:#ffffffbf;border:3px solid #fff;outline:2px solid #ece4f7}[data-theme=kawaii] .d-seg>button{color:#5b3f6bb3}[data-theme=kawaii] .d-seg>button.is-on{background:var(--color-sky);color:#fff}[data-theme=kawaii] .d-icon-btn{color:var(--color-sky-lip);background:#fff;border:2px solid #e6dcf5}[data-theme=kawaii] .d-word-pic{background:#fff6dc}.d-dialog{max-height:calc(100dvh - 2rem);overflow-y:auto}@media (width<=480px){.d-dialog{width:calc(100vw - 1.5rem);padding:1rem}}[data-theme=sumi] .trace-replay,[data-theme=kawaii] .trace-replay{box-shadow:none;transition:transform .1s,background .12s}[data-theme=sumi] .trace-replay{background:var(--color-paper);color:var(--color-ink);border:1px solid #2b252233}[data-theme=sumi] .trace-replay:hover{background:#fff}[data-theme=kawaii] .trace-replay{color:var(--color-sky-lip);background:#fff;border:3px solid #fff;outline:2px solid #ece4f7}[data-theme=sumi] .trace-replay:active,[data-theme=kawaii] .trace-replay:active{box-shadow:none;transform:scale(.94)}.trace-replay .icon{width:1.3rem;height:1.3rem}.d-search{min-width:0}.d-search input{appearance:none;width:100%;min-width:0}@media (width<=1023px){.d-filters>.d-search,.d-filters>.d-select{flex:100%;max-width:none}.d-select select{width:100%;max-width:none}}[data-theme=sumi] .trace-root{box-shadow:none;background:#fffdf8;border:1px solid #2b252238;border-radius:.75rem}[data-theme=sumi] .trace-root[data-phase=done]{box-shadow:inset 0 0 0 2px var(--color-matcha)}[data-theme=kawaii] .trace-root{box-shadow:none;background:#fff;border:3px solid #fff;border-radius:1.25rem;outline:2px solid #ece4f7}[data-theme=kawaii] .trace-root[data-phase=done]{box-shadow:inset 0 0 0 3px var(--color-matcha)}[data-theme=kawaii] .d-search,[data-theme=kawaii] .d-select select{background:#fff;border:3px solid #fff;outline:2px solid #ece4f7}@keyframes guide-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-7deg)}80%{transform:rotate(4deg)}}@keyframes guide-spin{0%{transform:translateY(0)rotate(0)}40%{transform:translateY(-30%)rotate(200deg)}70%{transform:translateY(-10%)rotate(360deg)}to{transform:translateY(0)rotate(360deg)}}.guide-move-hop{transform-origin:50% 100%;animation:.65s cubic-bezier(.34,1.4,.64,1) hop}.guide-move-wiggle{transform-origin:50% 90%;animation:.7s ease-in-out guide-wiggle}.guide-move-spin{transform-origin:50% 60%;animation:.8s cubic-bezier(.34,1.2,.64,1) guide-spin}.update-banner{background:var(--color-paper);color:var(--color-ink);border:2px solid #2a184033}@supports (color:color-mix(in lab, red, red)){.update-banner{border:2px solid color-mix(in oklab, var(--color-ink), transparent 80%)}}.update-banner-btn{background:var(--color-sakura);color:#fff}[data-theme=kawaii] .update-banner{border:3px solid #fff;outline:2px solid #ece4f7}[data-theme=kawaii] .update-banner-btn{background:var(--color-sky)}[data-theme=sumi] .update-banner{border:1px solid #2b25222e}.badge-art{flex-shrink:0;display:inline-block;position:relative}.badge-art>*{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.badge-art-disc{background:radial-gradient(circle at 50% 35%,#fffdf7,#fbf1de);border-radius:9999px;width:52%;height:52%;top:27%;left:24%}.badge-art-icon{object-fit:contain;width:56%;height:56%;top:25%;left:22%}.badge-art-frame{width:100%;height:100%;inset:0}.badge-art.is-locked .badge-art-icon{filter:grayscale()contrast(.8)brightness(1.08);opacity:.4}.badge-art.is-locked .badge-art-frame{filter:grayscale()brightness(1.1);opacity:.45}.badge-art.is-locked .badge-art-disc{background:#ffffff8c}.badge-tier-pill{color:#fff;border-radius:9999px;align-items:center;gap:.2rem;padding:.05rem .5rem;font-size:.72rem;font-weight:800;line-height:1.4;display:inline-flex}.badge-tier-pill .icon{width:.8em;height:.8em}.badge-tier-pill.is-plain{background:#a98fc9}.badge-tier-pill.is-bronze{background:#b87543}.badge-tier-pill.is-silver{background:#8c97a6}.badge-tier-pill.is-gold{background:#d9a520}.badge-tier-pill.is-diamond{background:linear-gradient(90deg,#8fd3ff,#c6a8ff,#ffa8d6)}.badge-tier-pill.is-off{color:#5b3f6b80;background:0 0;box-shadow:inset 0 0 0 1.5px #5b3f6b38}.badge-bar{background:#2a18401a;border-radius:9999px;height:1.25rem;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.badge-bar{background:color-mix(in oklab, var(--color-ink), transparent 90%)}}.badge-bar>span{border-radius:inherit;background:var(--color-matcha);position:absolute;inset:0 auto 0 0}.badge-bar>b{text-align:center;color:var(--color-ink);font-size:.72rem;line-height:1.25rem;display:block;position:relative}.badge-earned-tag{color:var(--color-matcha-lip);font-weight:800}.badge-card.is-locked h3{opacity:.6}.badge-celebrate{flex-direction:column;align-items:center;gap:.75rem;padding:1rem .5rem 1.25rem;display:flex}.badge-celebrate-title{align-items:center;gap:.5rem;font-size:1.6rem;line-height:1.2;display:flex}[data-theme=sumi] .badge-celebrate{border-top:1px solid #2b252224;border-bottom:1px solid #2b252224}[data-theme=sumi] .badge-celebrate-jp{background:var(--color-sakura);color:#fbf8f2;border-radius:.35rem;place-items:center;width:2rem;height:2rem;font-size:1.1rem;display:inline-grid;transform:rotate(-6deg)}[data-theme=sumi] .badge-reveal{animation:.6s ease-out both badge-ink}[data-theme=sumi] .badge-reveal-art{animation:.62s cubic-bezier(.22,1,.36,1) both badge-stamp;display:block}[data-theme=sumi] .badge-tier-pill{border-radius:.3rem;font-weight:600}[data-theme=sumi] .badge-tier-pill.is-off{color:#2b252273;box-shadow:inset 0 0 0 1px #2b252233}[data-theme=sumi] .badge-bar{background:#2b252214;border-radius:.3rem;height:1.1rem}[data-theme=sumi] .badge-bar>span{background:#5dd39e73}@supports (color:color-mix(in lab, red, red)){[data-theme=sumi] .badge-bar>span{background:color-mix(in oklab, var(--color-matcha), transparent 55%)}}[data-theme=sumi] .badge-bar>b{font-weight:600;line-height:1.1rem}[data-theme=sumi] .badge-section-title{border-bottom:1px solid #2b25221f;padding-bottom:.35rem}@keyframes badge-stamp{0%{opacity:0;transform:scale(2.1)rotate(-12deg)}55%{opacity:1;transform:scale(.94)rotate(-3deg)}70%{transform:scale(1.02)rotate(-3deg)}to{opacity:1;transform:scale(1)rotate(-3deg)}}@keyframes badge-ink{0%{opacity:0}to{opacity:1}}[data-theme=kawaii] .badge-celebrate{background:#ffffffd9;border:3px solid #fff;border-radius:1.75rem;outline:2px solid #ece4f7}[data-theme=kawaii] .badge-celebrate-title{color:var(--color-sakura-lip)}[data-theme=kawaii] .badge-celebrate-title .icon{color:var(--color-sun)}[data-theme=kawaii] .badge-reveal{animation:.3s ease-out both badge-ink}[data-theme=kawaii] .badge-reveal-art{animation:.9s cubic-bezier(.34,1.56,.64,1) both badge-bounce;display:block}[data-theme=kawaii] .badge-tier-pill{border:2px solid #fff}[data-theme=kawaii] .badge-bar{background:#f6f1fc;border:2px solid #fff;outline:2px solid #ece4f7}[data-theme=kawaii] .badge-bar>span{background:linear-gradient(90deg, #7be3b6, var(--color-matcha))}[data-theme=kawaii] .badge-card.is-locked{background:#ffffffbf}.badge-sparkles{position:absolute;inset:-10%}.badge-sparkles .icon{width:1.1rem;height:1.1rem;color:var(--color-sun);--a:calc(var(--n) * 60deg);transform:rotate(var(--a)) translateY(-4.2rem) rotate(calc(var(--a) * -1)) scale(0);animation:badge-twinkle 1.6s ease-out calc(.7s + var(--n) * 90ms) both;position:absolute;top:50%;left:50%}.badge-sparkles .icon:nth-child(2n){color:var(--color-sakura);width:.8rem;height:.8rem}@keyframes badge-bounce{0%{opacity:0;transform:scale(0)rotate(-20deg)}50%{opacity:1;transform:scale(1.18)rotate(6deg)}70%{transform:scale(.94)rotate(-3deg)}85%{transform:scale(1.04)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes badge-twinkle{0%{transform:rotate(var(--a)) translateY(-2.5rem) rotate(calc(var(--a) * -1)) scale(0);opacity:0}30%{transform:rotate(var(--a)) translateY(-4.2rem) rotate(calc(var(--a) * -1)) scale(1.2);opacity:1}to{transform:rotate(var(--a)) translateY(-4.8rem) rotate(calc(var(--a) * -1)) scale(.6);opacity:0}}[data-theme=sumi] .badge-art:not(.is-locked) .badge-art-frame{filter:saturate(.8)sepia(.12)}.pack-card{height:100%;min-height:8.25rem;color:var(--color-ink);border-radius:1.4rem;flex-direction:column;align-items:flex-start;gap:.6rem;padding:.85rem .9rem .95rem;display:flex}a.pack-card{transition:transform 90ms ease-out}a.pack-card:active{transform:scale(.98)}.pack-glyph{white-space:nowrap;letter-spacing:-.04em;background:var(--color-sun);width:3.25rem;height:3.25rem;color:var(--color-ink);border:3px solid var(--color-ink);border-radius:1rem;flex-shrink:0;place-items:center;font-size:1.6rem;line-height:1;display:grid;overflow:hidden}.pack-glyph[data-len="2"]{font-size:1.25rem}.pack-glyph[data-len="3"]{font-size:.95rem}.pack-glyph.is-big{border-radius:1.4rem;width:5rem;height:5rem;font-size:2.4rem}.pack-glyph.is-big[data-len="2"]{font-size:1.9rem}.pack-glyph.is-big[data-len="3"]{font-size:1.4rem}.pack-card.is-locked{opacity:.6}.pack-card.is-locked .pack-glyph{color:#2a184080;background:0 0}@supports (color:color-mix(in lab, red, red)){.pack-card.is-locked .pack-glyph{color:color-mix(in oklab, var(--color-ink), transparent 50%)}}.mode-tile{text-align:left;width:100%;height:100%;color:var(--color-ink);border-radius:1.4rem;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1rem;transition:transform 90ms ease-out;display:flex}.mode-tile:active:not(:disabled){transform:scale(.97)}.mode-tile:disabled{opacity:.5;cursor:not-allowed}.mode-icon{color:#fff;background:var(--color-sakura);border:3px solid var(--color-ink);border-radius:1rem;place-items:center;width:3rem;height:3rem;margin-bottom:.25rem;font-size:1.7rem;display:grid}.mode-tile[data-tone=sky] .mode-icon{background:var(--color-sky)}.mode-tile[data-tone=lantern] .mode-icon{background:var(--color-lantern)}.mode-tile[data-tone=matcha] .mode-icon{background:var(--color-matcha)}.practice-link{border:3px solid var(--color-ink);background:var(--color-paper);color:var(--color-ink);font-weight:800}.flip{perspective:1400px}.flip-inner{transform-style:preserve-3d;transition:transform .48s cubic-bezier(.3,1.3,.5,1);display:grid}.flip.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;min-height:17rem;color:var(--color-ink);flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;display:flex}.flip-back{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.flip-inner{transition:none}}.again-chip{border-radius:1rem;flex-direction:column;gap:.1rem;padding:.5rem .9rem}[data-theme=sumi] .pack-card{border-radius:.75rem}[data-theme=sumi] a.pack-card:hover{box-shadow:inset 3px 0 0 var(--color-sakura), 0 14px 34px #2b25221a}[data-theme=sumi] .pack-glyph{color:var(--color-ink);background:0 0;border:1px solid #2b252233;border-radius:.5rem;font-weight:500}[data-theme=sumi] .pack-card.is-locked{opacity:.55;box-shadow:none}[data-theme=sumi] .mode-tile{border-radius:.75rem}[data-theme=sumi] .mode-icon{color:var(--color-sakura);background:0 0;border:0;border-radius:9999px;box-shadow:inset 0 0 0 1px #2b25222e}[data-theme=sumi] .mode-tile[data-tone=sky] .mode-icon{color:var(--color-sky);background:0 0}[data-theme=sumi] .mode-tile[data-tone=lantern] .mode-icon{color:var(--color-lantern);background:0 0}[data-theme=sumi] .mode-tile[data-tone=matcha] .mode-icon{color:var(--color-matcha);background:0 0}[data-theme=sumi] .practice-link{background:var(--color-paper);color:var(--color-ink);border:1px solid #2b252233;font-weight:600}[data-theme=sumi] .practice-link .icon:first-child{color:var(--color-sakura)}[data-theme=sumi] .pack-section-title{border-bottom:1px solid #2b25221f;padding-bottom:.35rem}[data-theme=kawaii] .pack-glyph{color:var(--color-ink);background:#fff3c4;border:3px solid #fff;outline:2px solid #f1dca0;font-weight:900}[data-theme=kawaii] .pack-card.is-locked{opacity:1;background:#fff9}[data-theme=kawaii] .pack-card.is-locked .pack-glyph{color:#5b3f6b73;background:0 0;outline:2px dashed #d8cbe9}[data-theme=kawaii] .pack-card.is-locked .font-display{color:#5b3f6b99}[data-theme=kawaii] .mode-icon{border:3px solid #fff;outline:2px solid #ffafcb}@supports (color:color-mix(in lab, red, red)){[data-theme=kawaii] .mode-icon{outline:2px solid color-mix(in oklab, var(--color-sakura), white 40%)}}[data-theme=kawaii] .mode-tile[data-tone=sky] .mode-icon{outline-color:#95dbfa}@supports (color:color-mix(in lab, red, red)){[data-theme=kawaii] .mode-tile[data-tone=sky] .mode-icon{outline-color:color-mix(in oklab, var(--color-sky), white 40%)}}[data-theme=kawaii] .mode-tile[data-tone=lantern] .mode-icon{outline-color:#ffc28a}@supports (color:color-mix(in lab, red, red)){[data-theme=kawaii] .mode-tile[data-tone=lantern] .mode-icon{outline-color:color-mix(in oklab, var(--color-lantern), white 40%)}}[data-theme=kawaii] .mode-tile[data-tone=matcha] .mode-icon{outline-color:#9ee5c5}@supports (color:color-mix(in lab, red, red)){[data-theme=kawaii] .mode-tile[data-tone=matcha] .mode-icon{outline-color:color-mix(in oklab, var(--color-matcha), white 40%)}}[data-theme=kawaii] .practice-link{color:var(--color-sky-lip);box-shadow:none;background:#fff;border:3px solid #fff;outline:2px solid #ece4f7;font-weight:900}[data-theme=kawaii] .pack-section-title{color:var(--color-ink)}.tips-item+.tips-item{border-top:1px solid #2a18401f}@supports (color:color-mix(in lab, red, red)){.tips-item+.tips-item{border-top:1px solid color-mix(in oklab, var(--color-ink), transparent 88%)}}.tips-stage-num{background:#2a18401a;border-radius:9999px;flex-shrink:0;place-items:center;width:2.4rem;height:2.4rem;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.tips-stage-num{background:color-mix(in oklab, var(--color-ink), transparent 90%)}}.tips-stage-num{color:var(--color-ink);font-size:1.2rem}.tips-stage.is-here .tips-stage-num{background:var(--color-sakura);color:#fff}.tips-here{background:var(--color-sakura);color:#fff;white-space:nowrap;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .7rem;font-size:.85rem;font-weight:800;display:inline-flex}.tips-kids{background:#4fc3f71f;border-radius:.9rem}@supports (color:color-mix(in lab, red, red)){.tips-kids{background:color-mix(in oklab, var(--color-sky), transparent 88%)}}.tips-kids{color:var(--color-ink)}.tips-kids .icon{color:var(--color-sky-lip)}.tips-log-link{color:var(--color-sky-lip);text-underline-offset:3px;text-decoration:underline}.log-chip{background:var(--color-paper);max-width:100%;min-height:2.6rem;color:var(--color-ink);border:2px solid #2a184033;border-radius:9999px;align-items:center;gap:.45rem;padding:.35rem .9rem;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.log-chip{border:2px solid color-mix(in oklab, var(--color-ink), transparent 80%)}}.log-chip{cursor:pointer;touch-action:manipulation}.log-chip.is-small{justify-content:center;min-width:3rem;padding-inline:.75rem}.log-chip.is-on{border-color:var(--color-sky);background:#dff4fe}@supports (color:color-mix(in lab, red, red)){.log-chip.is-on{background:color-mix(in oklab, var(--color-sky), white 82%)}}.log-chip .icon{color:var(--color-sky-lip)}.log-chip.is-recent .icon{color:var(--color-sakura-lip)}.log-note{background:#fff2ca;border-radius:1rem}@supports (color:color-mix(in lab, red, red)){.log-note{background:color-mix(in oklab, var(--color-sun), white 70%)}}.log-note{color:var(--color-ink)}.log-note.is-error{background:#ffe4ee}@supports (color:color-mix(in lab, red, red)){.log-note.is-error{background:color-mix(in oklab, var(--color-sakura), white 80%)}}.log-row+.log-row{border-top:1px solid #2a18401a}@supports (color:color-mix(in lab, red, red)){.log-row+.log-row{border-top:1px solid color-mix(in oklab, var(--color-ink), transparent 90%)}}.log-kind{background:#dff4fe;border-radius:.9rem}@supports (color:color-mix(in lab, red, red)){.log-kind{background:color-mix(in oklab, var(--color-sky), white 82%)}}.log-kind{color:var(--color-sky-lip)}.log-icon-btn{color:#2a184099;border-radius:9999px}@supports (color:color-mix(in lab, red, red)){.log-icon-btn{color:color-mix(in oklab, var(--color-ink), transparent 40%)}}.log-icon-btn:hover{background:#2a184014}@supports (color:color-mix(in lab, red, red)){.log-icon-btn:hover{background:color-mix(in oklab, var(--color-ink), transparent 92%)}}.log-sheet{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (width>=1024px){.log-sheet{border-radius:1.5rem}}.log-seg{border:2px solid #2a18402e;border-radius:1rem;flex-direction:column;align-items:center;gap:.2rem;min-width:0;padding:.6rem .25rem;display:flex}@supports (color:color-mix(in lab, red, red)){.log-seg{border:2px solid color-mix(in oklab, var(--color-ink), transparent 82%)}}.log-seg{color:var(--color-ink);touch-action:manipulation;font-weight:700}.log-seg.is-on{border-color:var(--color-sky);background:#dff4fe}@supports (color:color-mix(in lab, red, red)){.log-seg.is-on{background:color-mix(in oklab, var(--color-sky), white 82%)}}.log-seg.is-on{color:var(--color-sky-lip)}.log-label{color:var(--color-ink);margin-bottom:.35rem;font-size:.9rem;font-weight:800;display:block}.log-field{border:2px solid #2a184038;border-radius:.9rem;width:100%;min-height:2.9rem;padding:.6rem .85rem;display:block}@supports (color:color-mix(in lab, red, red)){.log-field{border:2px solid color-mix(in oklab, var(--color-ink), transparent 78%)}}.log-field{color:var(--color-ink);background:#fff;font-size:1rem}.log-field:focus-visible{outline:3px solid #4fc3f773}@supports (color:color-mix(in lab, red, red)){.log-field:focus-visible{outline:3px solid color-mix(in oklab, var(--color-sky), transparent 55%)}}.log-field:focus-visible{outline-offset:0;border-color:var(--color-sky)}.log-field::placeholder{color:#2a184073}@supports (color:color-mix(in lab, red, red)){.log-field::placeholder{color:color-mix(in oklab, var(--color-ink), transparent 55%)}}.log-delete{color:var(--color-sakura-lip)}.log-delete:hover{background:#ff7aa81a}@supports (color:color-mix(in lab, red, red)){.log-delete:hover{background:color-mix(in oklab, var(--color-sakura), transparent 90%)}}[data-theme=sumi] .tips-section-title,[data-theme=sumi] .log-week{border-bottom:1px solid #2b25221f;padding-bottom:.35rem}[data-theme=sumi] .tips-stage-num{background:0 0;border-radius:.35rem;font-size:1.05rem;box-shadow:inset 0 0 0 1px #2b25224d}[data-theme=sumi] .tips-stage.is-here{box-shadow:inset 3px 0 0 var(--color-sakura), 0 14px 34px #2b25221a}[data-theme=sumi] .tips-stage.is-here .tips-stage-num{background:var(--color-sakura);box-shadow:none;transform:rotate(-4deg)}[data-theme=sumi] .tips-here{color:var(--color-sakura);box-shadow:inset 0 0 0 1px var(--color-sakura);letter-spacing:.06em;background:0 0;border-radius:.3rem;font-weight:600}[data-theme=sumi] .tips-kids{box-shadow:inset 2px 0 0 var(--color-sky);background:#34496a0f;border-radius:.5rem}[data-theme=sumi] .tips-kids .icon,[data-theme=sumi] .log-chip .icon,[data-theme=sumi] .log-kind{color:var(--color-sky)}[data-theme=sumi] .log-chip.is-recent .icon{color:var(--color-sakura)}[data-theme=sumi] .tips-log-link{color:var(--color-sky)}[data-theme=sumi] .log-chip{border:1px solid #2b252233;border-radius:.5rem;font-weight:500}[data-theme=sumi] .log-chip.is-on,[data-theme=sumi] .log-seg.is-on{border-color:var(--color-sky);color:var(--color-sky);background:#34496a14}[data-theme=sumi] .log-seg{border:1px solid #2b252233;border-radius:.6rem;font-weight:500}[data-theme=sumi] .log-kind{background:#34496a12;border-radius:.5rem}[data-theme=sumi] .log-note{background:#a8844f1f;border-radius:.5rem}[data-theme=sumi] .log-note.is-error{background:#b8442f1a}[data-theme=sumi] .log-field{background:#fffdf9;border:1px solid #2b252240;border-radius:.5rem}[data-theme=sumi] .log-label{font-weight:600}[data-theme=sumi] .log-delete{color:var(--color-sakura)}[data-theme=kawaii] .tips-stage-num{background:#f1eafc;border:2px solid #fff}[data-theme=kawaii] .tips-stage.is-here{outline-color:var(--color-sakura)}[data-theme=kawaii] .tips-stage.is-here .tips-stage-num{background:var(--color-sakura)}[data-theme=kawaii] .tips-here{border:2px solid #fff;outline:2px solid #ff7aa880}@supports (color:color-mix(in lab, red, red)){[data-theme=kawaii] .tips-here{outline:2px solid color-mix(in oklab, var(--color-sakura), transparent 50%)}}[data-theme=kawaii] .tips-kids{background:#eaf6ff;border:2px solid #fff;border-radius:1.1rem}[data-theme=kawaii] .log-chip{background:#fff;border:3px solid #fff;outline:2px solid #ece4f7}[data-theme=kawaii] .log-chip.is-on{outline-color:var(--color-sky);background:#eaf6ff}[data-theme=kawaii] .log-seg{background:#fff;border:3px solid #fff;border-radius:1.1rem;outline:2px solid #ece4f7}[data-theme=kawaii] .log-seg.is-on{outline-color:var(--color-sky);background:#eaf6ff}[data-theme=kawaii] .log-kind{background:#eaf6ff;border-radius:1.1rem}[data-theme=kawaii] .log-note{background:#fff6d8;border:3px solid #fff;border-radius:1.25rem}[data-theme=kawaii] .log-note.is-error{background:#fff0f6}[data-theme=kawaii] .log-field{border:3px solid #efe7fb;border-radius:1.1rem}[data-theme=kawaii] .log-sheet{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (width>=1024px){[data-theme=kawaii] .log-sheet{border-radius:2rem}}.phrase-jp{word-break:keep-all;overflow-wrap:anywhere}.phrase-card{border-radius:1.4rem;transition:transform .1s}.phrase-card:active{transform:scale(.99)}.phrase-play{background:var(--color-sky);color:#fff;border:3px solid var(--color-ink)}.phrase-play:active{transform:scale(.94)}.phrase-slot{border-bottom:3px solid var(--color-sakura);font-family:var(--font-display);padding:0 .15em}.phrase-heard{color:var(--color-matcha-lip)}.d-icon-btn.is-on{background:var(--color-sky);color:#fff;border-color:var(--color-sky)}.d-icon-btn:disabled{opacity:.35}.potd-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-sakura-lip);font-weight:800}.potd-link{color:var(--color-sky-lip);padding:.5rem .25rem}.say-dialog{max-height:calc(100dvh - 1.5rem);overflow-y:auto}.say-dots>li{background:#2a18402e;border-radius:9999px;width:.55rem;height:.55rem}@supports (color:color-mix(in lab, red, red)){.say-dots>li{background:color-mix(in oklab, var(--color-ink), transparent 82%)}}.say-dots>li.is-on{background:var(--color-sky);width:1.4rem}.say-dots>li.is-done{background:var(--color-matcha)}.say-prompt{color:#2a1840a6}@supports (color:color-mix(in lab, red, red)){.say-prompt{color:color-mix(in oklab, var(--color-ink), transparent 35%)}}.say-prompt.is-turn{color:var(--color-sakura-lip)}.say-timer{background:#2a18401f}@supports (color:color-mix(in lab, red, red)){.say-timer{background:color-mix(in oklab, var(--color-ink), transparent 88%)}}.say-timer>span{background:var(--color-sakura);width:0;height:100%;animation:linear forwards say-fill;display:block}@keyframes say-fill{0%{width:0}to{width:100%}}@media (prefers-reduced-motion:reduce){.say-timer>span{opacity:.5;width:100%;animation:none}}[data-theme=kawaii] .phrase-card{background:#fff}[data-theme=kawaii] .phrase-play{border:3px solid #fff;outline:2px solid #1f8cc473}@supports (color:color-mix(in lab, red, red)){[data-theme=kawaii] .phrase-play{outline:2px solid color-mix(in oklab, var(--color-sky-lip), transparent 55%)}}[data-theme=kawaii] .phrase-slot{border-bottom-color:var(--color-sakura);color:var(--color-sakura-lip)}[data-theme=kawaii] .say-btn{color:var(--color-sky-lip);background:#fff}[data-theme=kawaii] .potd-card{background:#fff}[data-theme=sumi] .phrase-card{border-radius:.9rem}[data-theme=sumi] .phrase-play{color:var(--color-sakura);border:1.5px solid var(--color-sakura);background:0 0}[data-theme=sumi] .phrase-play:hover{background:#ff7aa81a}@supports (color:color-mix(in lab, red, red)){[data-theme=sumi] .phrase-play:hover{background:color-mix(in oklab, var(--color-sakura), transparent 90%)}}[data-theme=sumi] .phrase-slot{border-bottom:1.5px solid var(--color-sakura);font-family:inherit}[data-theme=sumi] .phrase-heard{color:var(--color-matcha);font-weight:600}[data-theme=sumi] .d-icon-btn.is-on{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}[data-theme=sumi] .potd-eyebrow{letter-spacing:.22em;color:var(--color-sakura);font-weight:500}[data-theme=sumi] .potd-link{color:#2b252299;font-weight:500}[data-theme=sumi] .potd-card{box-shadow:inset 3px 0 0 var(--color-sakura)}[data-theme=sumi] .say-dots>li.is-on{background:var(--color-sakura)}[data-theme=sumi] .say-dots>li.is-done{background:#2b252273}[data-theme=sumi] .say-prompt{letter-spacing:.1em;font-weight:500}[data-theme=sumi] .say-prompt.is-turn{color:var(--color-sakura)}[data-theme=sumi] .say-timer{height:2px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.trace-root{--trace-ink:var(--color-ink,#2a1840);--trace-paper:var(--color-paper,#fff8ec);--trace-sakura:var(--color-sakura,#ff7aa8);--trace-sakura-lip:var(--color-sakura-lip,#c9467a);--trace-matcha:var(--color-matcha,#5dd39e);--trace-sun:var(--color-sun,#ffd54f);--trace-sky:var(--color-sky,#4fc3f7);aspect-ratio:1;box-sizing:border-box;border:4px solid var(--trace-ink);background:radial-gradient(120% 90% at 50% 0%, #fffdf6 0%, var(--trace-paper) 65%, #f8ead4 100%);width:100%;box-shadow:inset 0 -5px 0 #2a184012, 0 6px 0 var(--trace-ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:1.5rem;transition:box-shadow .3s ease-out;position:relative;overflow:hidden}.trace-root[data-phase=done]{box-shadow:inset 0 -5px 0 #2a184012, inset 0 0 0 4px var(--trace-matcha), 0 6px 0 var(--trace-ink)}.trace-svg,.trace-ink{width:100%;height:100%;display:block;position:absolute;inset:0}.trace-ink{touch-action:none;cursor:crosshair}.trace-root[data-phase=done] .trace-ink{cursor:default}.trace-svg path{fill:none;stroke-linecap:round;stroke-linejoin:round}.trace-grid line{stroke:var(--trace-ink);stroke-opacity:.16;stroke-width:.6px;stroke-dasharray:2.4 2.4}.trace-fallback{fill:var(--trace-ink);fill-opacity:.12;font-family:var(--font-sans,system-ui, sans-serif);font-size:78px}.trace-ghost path{stroke:var(--trace-ink);stroke-opacity:.13;stroke-width:7.5px}.trace-ghost path[data-next]{stroke-opacity:.2}.trace-done{transform-box:view-box;transform-origin:50%;transition:opacity .25s}.trace-root[data-phase=demo] .trace-done{opacity:.1}.trace-done path{stroke:var(--trace-ink);stroke-width:6.5px;animation:.38s cubic-bezier(.34,1.56,.64,1) both trace-pop}.trace-root[data-phase=done] .trace-done{animation:.7s cubic-bezier(.34,1.4,.64,1) both trace-celebrate}.trace-free path{stroke:var(--trace-ink);stroke-width:6px}.trace-dot circle{fill:var(--trace-sakura);stroke:var(--trace-ink);stroke-width:1.1px}.trace-dot text{fill:#fff;font-family:var(--font-display,system-ui, sans-serif);text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:var(--trace-ink);stroke-width:.9px;font-size:5.4px}.trace-dot{transform-box:fill-box;transform-origin:50%;animation:.32s cubic-bezier(.34,1.56,.64,1) both trace-dot-in}.trace-dot[data-nudge]{animation:.6s ease-in-out both trace-nudge}.trace-arrow path{stroke:var(--trace-sakura-lip);stroke-width:2.4px}.trace-arrow polygon{fill:var(--trace-sakura-lip);stroke:var(--trace-sakura-lip);stroke-width:1px;stroke-linejoin:round}.trace-demo path{stroke:var(--trace-ink);stroke-width:6.5px;stroke-dasharray:1 1;stroke-dashoffset:0}.trace-demo path[data-drawing]{animation:trace-draw var(--dur,.7s) cubic-bezier(.45, .05, .4, 1) both}.trace-flash path{stroke:var(--trace-sky);stroke-width:7px;stroke-dasharray:1 1;animation:.65s ease-in-out both trace-draw,.5s ease-in .8s both trace-fade}.trace-miss{transform-box:fill-box;transform-origin:50%;stroke:var(--trace-sakura-lip);stroke-width:5.5px;animation:.52s ease-in-out both trace-wobble}.trace-spark{pointer-events:none;width:8%;height:8%;color:var(--trace-sun);animation:.85s cubic-bezier(.22,1,.36,1) both trace-spark;position:absolute;top:46%;left:46%}.trace-spark svg{width:100%;height:100%;display:block;overflow:visible}.trace-replay{border:3px solid var(--trace-ink);background:radial-gradient(circle at 50% 28%, #fff3c4 0%, var(--trace-sun) 62%, #f0b429 100%);width:2.75rem;height:2.75rem;box-shadow:inset 0 3px 0 #fff9, 0 4px 0 var(--trace-ink);color:var(--trace-ink);cursor:pointer;touch-action:manipulation;border-radius:9999px;place-items:center;padding:0;transition:transform 90ms ease-out,box-shadow 90ms ease-out,opacity .2s;display:grid;position:absolute;top:.4rem;right:.4rem}.trace-replay:hover{filter:brightness(1.06)}.trace-replay:active{box-shadow:inset 0 3px 0 #ffffff80, 0 0 0 var(--trace-ink);transform:translateY(4px)}.trace-replay:disabled{opacity:.35;cursor:default}.trace-replay svg{width:1.35rem;height:1.35rem}.trace-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@keyframes trace-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes trace-fade{to{opacity:0}}@keyframes trace-pop{0%{stroke-width:11px;stroke:var(--trace-matcha)}60%{stroke-width:5.6px}to{stroke-width:6.5px;stroke:var(--trace-ink)}}@keyframes trace-celebrate{0%{transform:scale(1)}40%{transform:scale(1.08)rotate(-2deg)}70%{transform:scale(.98)rotate(1deg)}to{transform:scale(1)}}@keyframes trace-wobble{0%{opacity:.9;transform:translate(0)rotate(0)}20%{transform:translate(-2.2px)rotate(-4deg)}40%{transform:translate(2.2px)rotate(4deg)}60%{opacity:.7;transform:translate(-1.4px)rotate(-2deg)}80%{transform:translate(1px)rotate(1deg)}to{opacity:0;transform:translate(0)rotate(0)}}@keyframes trace-dot-in{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes trace-nudge{0%,to{transform:scale(1)}25%,65%{transform:scale(1.5)}45%{transform:scale(1.1)}}@keyframes trace-spark{0%{transform:rotate(var(--a)) translateY(0) scale(.2);opacity:0}25%{opacity:1}to{transform:rotate(var(--a)) translateY(-460%) scale(1.1);opacity:0}}@media (prefers-reduced-motion:reduce){.trace-root .trace-miss{animation:.6s linear both trace-fade!important}.trace-root .trace-flash path{stroke-dashoffset:0;animation:.5s linear .8s both trace-fade!important}.trace-root .trace-demo path[data-drawing],.trace-root .trace-done path,.trace-root .trace-done,.trace-root .trace-dot{animation:none!important}.trace-root .trace-spark{display:none}}