/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) 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-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Noto Sans Thai", "Noto Sans JP", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-orange-950:oklch(26.6% .079 36.259);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-50:oklch(98.7% .026 102.212);--color-lime-100:oklch(96.7% .067 122.328);--color-lime-950:oklch(27.4% .072 132.109);--color-green-50:oklch(98.2% .018 155.826);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-950:oklch(27.7% .046 192.524);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-950:oklch(30.2% .056 229.695);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-700:oklch(50% .134 242.749);--color-sky-950:oklch(29.3% .066 243.157);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-950:oklch(25.7% .09 281.288);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-950:oklch(28.3% .141 291.089);--color-purple-50:oklch(97.7% .014 308.299);--color-fuchsia-100:oklch(95.2% .037 318.852);--color-fuchsia-950:oklch(29.3% .136 325.661);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-pink-950:oklch(28.4% .109 3.907);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-300:oklch(86.9% .005 56.366);--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;--container-6xl:72rem;--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-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-md:0 3px 3px #0000001f;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-3xl:64px;--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-japanese:"Noto Sans JP", sans-serif;--color-ink:#24314b;--color-muted:#7c8495;--color-brand:#354d79;--color-brand-soft:#edf3ff;--color-accent:#f47b65;--color-accent-soft:#fff0ec;--color-paper:#fff;--color-canvas:#f8f7f3;--color-line:#e9e6df;--color-success:#38856b;--color-success-soft:#eaf8f3;--color-danger:#bd5e4c;--color-danger-soft:#fff0ec;--color-warning:#dcaa40;--radius-control:.75rem;--radius-card:1.5rem;--shadow-card:0 14px 40px #37425817}}@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-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.\!fixed{position:fixed!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.-top-0\.5{top:calc(var(--spacing) * -.5)}.-top-1{top:calc(var(--spacing) * -1)}.-top-1\.5{top:calc(var(--spacing) * -1.5)}.-top-3{top:calc(var(--spacing) * -3)}.-top-20{top:calc(var(--spacing) * -20)}.top-0{top:0}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-24{top:calc(var(--spacing) * 24)}.top-\[20px\]{top:20px}.top-\[62px\]{top:62px}.top-\[70px\]{top:70px}.-right-1\.5{right:calc(var(--spacing) * -1.5)}.-right-2{right:calc(var(--spacing) * -2)}.-right-2\.5{right:calc(var(--spacing) * -2.5)}.-right-3{right:calc(var(--spacing) * -3)}.-right-16{right:calc(var(--spacing) * -16)}.-right-32{right:calc(var(--spacing) * -32)}.right-1{right:var(--spacing)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-5{right:calc(var(--spacing) * 5)}.right-\[22\%\]{right:22%}.-bottom-1{bottom:calc(var(--spacing) * -1)}.-bottom-1\.5{bottom:calc(var(--spacing) * -1.5)}.-bottom-24{bottom:calc(var(--spacing) * -24)}.bottom-0{bottom:0}.bottom-24{bottom:calc(var(--spacing) * 24)}.-left-0\.5{left:calc(var(--spacing) * -.5)}.-left-1\.5{left:calc(var(--spacing) * -1.5)}.-left-12{left:calc(var(--spacing) * -12)}.-left-14{left:calc(var(--spacing) * -14)}.-left-32{left:calc(var(--spacing) * -32)}.left-3{left:calc(var(--spacing) * 3)}.left-6{left:calc(var(--spacing) * 6)}.isolate{isolation:isolate}.\!z-50{z-index:50!important}.-z-10{z-index:calc(10 * -1)}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[80\]{z-index:80}.z-\[120\]{z-index:120}.z-\[130\]{z-index:130}.col-span-2{grid-column:span 2/span 2}.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-0{margin:0}.\!mx-auto{margin-inline:auto!important}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-6{margin-inline:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.-mt-0\.5{margin-top:calc(var(--spacing) * -.5)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.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-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mb-0{margin-bottom:0}.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-8{margin-bottom:calc(var(--spacing) * 8)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!flex{display:flex!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.size-28{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.size-56{width:calc(var(--spacing) * 56);height:calc(var(--spacing) * 56)}.size-64{width:calc(var(--spacing) * 64);height:calc(var(--spacing) * 64)}.size-72{width:calc(var(--spacing) * 72);height:calc(var(--spacing) * 72)}.size-80{width:calc(var(--spacing) * 80);height:calc(var(--spacing) * 80)}.size-96{width:calc(var(--spacing) * 96);height:calc(var(--spacing) * 96)}.size-full{width:100%;height:100%}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-28{height:calc(var(--spacing) * 28)}.h-\[58\%\]{height:58%}.h-\[520px\]{height:520px}.h-\[min\(620px\,calc\(100dvh-1\.5rem\)\)\]{height:min(620px,100dvh - 1.5rem)}.h-\[min\(648px\,calc\(100dvh-2rem\)\)\]{height:min(648px,100dvh - 2rem)}.h-full{height:100%}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-64{max-height:calc(var(--spacing) * 64)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-dvh{min-height:100dvh}.min-h-screen{min-height:100vh}.\!w-full{width:100%!important}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-\[58\%\]{width:58%}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-56{max-width:calc(var(--spacing) * 56)}.max-w-80{max-width:calc(var(--spacing) * 80)}.max-w-\[90\%\]{max-width:90%}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.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-40{min-width:calc(var(--spacing) * 40)}.min-w-44{min-width:calc(var(--spacing) * 44)}.min-w-52{min-width:calc(var(--spacing) * 52)}.min-w-136{min-width:calc(var(--spacing) * 136)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-180{rotate:180deg}.rotate-\[20deg\]{rotate:20deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.\[touch-action\:pan-x\]{touch-action:pan-x}.\[touch-action\:pan-y\]{touch-action:pan-y}.resize-none{resize:none}.resize-y{resize:vertical}.snap-start{scroll-snap-align:start}.scroll-mt-6{scroll-margin-top:calc(var(--spacing) * 6)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.auto-cols-\[82vw\]{grid-auto-columns:82vw}.grid-flow-col{grid-auto-flow:column}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.place-items-end{place-items:end}.content-start{align-content:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.\!justify-center{justify-content:center!important}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.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)}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-1{row-gap:var(--spacing)}.self-end{align-self:flex-end}.justify-self-center{justify-self:center}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.\!overflow-x-auto{overflow-x:auto!important}.\!overflow-x-hidden{overflow-x:hidden!important}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-x-contain{overscroll-behavior-x:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[3px\]{border-radius:3px}.rounded-\[11px\]{border-radius:11px}.rounded-\[28px\]{border-radius:28px}.rounded-card{border-radius:var(--radius-card)}.rounded-control{border-radius:var(--radius-control)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#e78668\]{border-color:#e78668}.border-amber-200{border-color:var(--color-amber-200)}.border-blue-200{border-color:var(--color-blue-200)}.border-emerald-100{border-color:var(--color-emerald-100)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-300{border-color:var(--color-emerald-300)}.border-emerald-400{border-color:var(--color-emerald-400)}.border-line{border-color:var(--color-line)}.border-orange-100{border-color:var(--color-orange-100)}.border-orange-200{border-color:var(--color-orange-200)}.border-orange-200\/70{border-color:#ffd7a8b3}@supports (color:color-mix(in lab, red, red)){.border-orange-200\/70{border-color:color-mix(in oklab, var(--color-orange-200) 70%, transparent)}}.border-orange-300{border-color:var(--color-orange-300)}.border-orange-400{border-color:var(--color-orange-400)}.border-red-300{border-color:var(--color-red-300)}.border-red-400{border-color:var(--color-red-400)}.border-rose-200{border-color:var(--color-rose-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-stone-200{border-color:var(--color-stone-200)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.border-white\/50{border-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.border-white\/50{border-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.border-white\/80{border-color:#fffc}@supports (color:color-mix(in lab, red, red)){.border-white\/80{border-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-\[\#e97b68\]{background-color:#e97b68}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/60{background-color:#fffbeb99}@supports (color:color-mix(in lab, red, red)){.bg-amber-50\/60{background-color:color-mix(in oklab, var(--color-amber-50) 60%, transparent)}}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-600{background-color:var(--color-amber-600)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\/60{background-color:#eff6ff99}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\/60{background-color:color-mix(in oklab, var(--color-blue-50) 60%, transparent)}}.bg-blue-200\/30{background-color:#bedbff4d}@supports (color:color-mix(in lab, red, red)){.bg-blue-200\/30{background-color:color-mix(in oklab, var(--color-blue-200) 30%, transparent)}}.bg-blue-300\/10{background-color:#90c5ff1a}@supports (color:color-mix(in lab, red, red)){.bg-blue-300\/10{background-color:color-mix(in oklab, var(--color-blue-300) 10%, transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-brand{background-color:var(--color-brand)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-50\/60{background-color:#ecfdf599}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/60{background-color:color-mix(in oklab, var(--color-emerald-50) 60%, transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-indigo-200\/50{background-color:#c7d2ff80}@supports (color:color-mix(in lab, red, red)){.bg-indigo-200\/50{background-color:color-mix(in oklab, var(--color-indigo-200) 50%, transparent)}}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-50\/50{background-color:#fff7ed80}@supports (color:color-mix(in lab, red, red)){.bg-orange-50\/50{background-color:color-mix(in oklab, var(--color-orange-50) 50%, transparent)}}.bg-orange-50\/70{background-color:#fff7edb3}@supports (color:color-mix(in lab, red, red)){.bg-orange-50\/70{background-color:color-mix(in oklab, var(--color-orange-50) 70%, transparent)}}.bg-orange-200{background-color:var(--color-orange-200)}.bg-orange-200\/35{background-color:#ffd7a859}@supports (color:color-mix(in lab, red, red)){.bg-orange-200\/35{background-color:color-mix(in oklab, var(--color-orange-200) 35%, transparent)}}.bg-orange-200\/40{background-color:#ffd7a866}@supports (color:color-mix(in lab, red, red)){.bg-orange-200\/40{background-color:color-mix(in oklab, var(--color-orange-200) 40%, transparent)}}.bg-orange-300\/20{background-color:#ffb96d33}@supports (color:color-mix(in lab, red, red)){.bg-orange-300\/20{background-color:color-mix(in oklab, var(--color-orange-300) 20%, transparent)}}.bg-orange-300\/30{background-color:#ffb96d4d}@supports (color:color-mix(in lab, red, red)){.bg-orange-300\/30{background-color:color-mix(in oklab, var(--color-orange-300) 30%, transparent)}}.bg-orange-400\/20{background-color:#ff8b1a33}@supports (color:color-mix(in lab, red, red)){.bg-orange-400\/20{background-color:color-mix(in oklab, var(--color-orange-400) 20%, transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.bg-paper{background-color:var(--color-paper)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-50\/40{background-color:#fef2f266}@supports (color:color-mix(in lab, red, red)){.bg-red-50\/40{background-color:color-mix(in oklab, var(--color-red-50) 40%, transparent)}}.bg-red-200{background-color:var(--color-red-200)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-100{background-color:var(--color-rose-100)}.bg-rose-600{background-color:var(--color-rose-600)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-300{background-color:var(--color-slate-300)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-950\/10{background-color:#0206181a}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/10{background-color:color-mix(in oklab, var(--color-slate-950) 10%, transparent)}}.bg-slate-950\/30{background-color:#0206184d}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/30{background-color:color-mix(in oklab, var(--color-slate-950) 30%, transparent)}}.bg-slate-950\/45{background-color:#02061873}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/45{background-color:color-mix(in oklab, var(--color-slate-950) 45%, transparent)}}.bg-slate-950\/70{background-color:#020618b3}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/70{background-color:color-mix(in oklab, var(--color-slate-950) 70%, transparent)}}.bg-stone-50{background-color:var(--color-stone-50)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/75{background-color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.bg-white\/75{background-color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-white\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#f39a6d\]{--tw-gradient-from:#f39a6d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-100{--tw-gradient-from:var(--color-amber-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-100{--tw-gradient-from:var(--color-blue-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-100{--tw-gradient-from:var(--color-emerald-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-fuchsia-100{--tw-gradient-from:var(--color-fuchsia-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-lime-100{--tw-gradient-from:var(--color-lime-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-50{--tw-gradient-from:var(--color-orange-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-100{--tw-gradient-from:var(--color-orange-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-400{--tw-gradient-from:var(--color-orange-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-pink-50{--tw-gradient-from:var(--color-pink-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-pink-100{--tw-gradient-from:var(--color-pink-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-rose-100{--tw-gradient-from:var(--color-rose-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-100{--tw-gradient-from:var(--color-sky-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-950\/65{--tw-gradient-from:#020618a6}@supports (color:color-mix(in lab, red, red)){.from-slate-950\/65{--tw-gradient-from:color-mix(in oklab, var(--color-slate-950) 65%, transparent)}}.from-slate-950\/65{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-teal-100{--tw-gradient-from:var(--color-teal-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-100{--tw-gradient-from:var(--color-violet-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-amber-50{--tw-gradient-via:var(--color-amber-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-indigo-50{--tw-gradient-via:var(--color-indigo-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-pink-50{--tw-gradient-via:var(--color-pink-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-rose-400{--tw-gradient-via:var(--color-rose-400);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-teal-50{--tw-gradient-via:var(--color-teal-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-teal-500{--tw-gradient-via:var(--color-teal-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white\/30{--tw-gradient-via:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.via-white\/30{--tw-gradient-via:color-mix(in oklab, var(--color-white) 30%, transparent)}}.via-white\/30{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white\/35{--tw-gradient-via:#ffffff59}@supports (color:color-mix(in lab, red, red)){.via-white\/35{--tw-gradient-via:color-mix(in oklab, var(--color-white) 35%, transparent)}}.via-white\/35{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-yellow-50{--tw-gradient-via:var(--color-yellow-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#e86f5f\]{--tw-gradient-to:#e86f5f;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-50{--tw-gradient-to:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-50{--tw-gradient-to:var(--color-cyan-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-100{--tw-gradient-to:var(--color-cyan-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-500{--tw-gradient-to:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-50{--tw-gradient-to:var(--color-emerald-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-50{--tw-gradient-to:var(--color-green-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-50{--tw-gradient-to:var(--color-indigo-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-lime-100{--tw-gradient-to:var(--color-lime-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-50{--tw-gradient-to:var(--color-orange-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-100{--tw-gradient-to:var(--color-orange-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-50{--tw-gradient-to:var(--color-pink-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-50{--tw-gradient-to:var(--color-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-50{--tw-gradient-to:var(--color-red-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-50{--tw-gradient-to:var(--color-rose-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-100{--tw-gradient-to:var(--color-rose-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-sky-50{--tw-gradient-to:var(--color-sky-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-100{--tw-gradient-to:var(--color-violet-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-yellow-50{--tw-gradient-to:var(--color-yellow-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.stroke-orange-200{stroke:var(--color-orange-200)}.stroke-orange-500{stroke:var(--color-orange-500)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-12{padding:calc(var(--spacing) * 12)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.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-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-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-japanese{font-family:var(--font-japanese)}.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-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-\[5px\]{font-size:5px}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[15px\]{font-size:15px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.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-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.\!text-brand{color:var(--color-brand)!important}.\!text-emerald-800{color:var(--color-emerald-800)!important}.\!text-red-700{color:var(--color-red-700)!important}.text-\[\#d96f5e\]{color:#d96f5e}.text-\[\#df8068\]{color:#df8068}.text-amber-300{color:var(--color-amber-300)}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800\/80{color:#953d00cc}@supports (color:color-mix(in lab, red, red)){.text-amber-800\/80{color:color-mix(in oklab, var(--color-amber-800) 80%, transparent)}}.text-amber-900{color:var(--color-amber-900)}.text-blue-100{color:var(--color-blue-100)}.text-blue-200\/80{color:#bedbffcc}@supports (color:color-mix(in lab, red, red)){.text-blue-200\/80{color:color-mix(in oklab, var(--color-blue-200) 80%, transparent)}}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-brand{color:var(--color-brand)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-ink{color:var(--color-ink)}.text-muted{color:var(--color-muted)}.text-orange-100{color:var(--color-orange-100)}.text-orange-300{color:var(--color-orange-300)}.text-orange-400{color:var(--color-orange-400)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-rose-600{color:var(--color-rose-600)}.text-rose-700{color:var(--color-rose-700)}.text-sky-700{color:var(--color-sky-700)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-slate-900\/15{color:#0f172b26}@supports (color:color-mix(in lab, red, red)){.text-slate-900\/15{color:color-mix(in oklab, var(--color-slate-900) 15%, transparent)}}.text-white{color:var(--color-white)}.not-italic{font-style:normal}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.decoration-slate-300{-webkit-text-decoration-color:var(--color-slate-300);-webkit-text-decoration-color:var(--color-slate-300);-webkit-text-decoration-color:var(--color-slate-300);text-decoration-color:var(--color-slate-300)}.underline-offset-4{text-underline-offset:4px}.accent-orange-500{accent-color:var(--color-orange-500)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.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-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-card{--tw-shadow:0 14px 40px var(--tw-shadow-color,#37425817);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-float{--tw-shadow:0 24px 70px var(--tw-shadow-color,#15213a45);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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-sm{--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-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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)}.ring-1{--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-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}.shadow-\[\#df8068\]\/25{--tw-shadow-color:#df806840}@supports (color:color-mix(in lab, red, red)){.shadow-\[\#df8068\]\/25{--tw-shadow-color:color-mix(in oklab, oklab(69.7844% .100787 .070808/.25) var(--tw-shadow-alpha), transparent)}}.shadow-blue-950\/15{--tw-shadow-color:#16245626}@supports (color:color-mix(in lab, red, red)){.shadow-blue-950\/15{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-950) 15%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-blue-950\/20{--tw-shadow-color:#16245633}@supports (color:color-mix(in lab, red, red)){.shadow-blue-950\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-950) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-500\/30{--tw-shadow-color:#00bb7f4d}@supports (color:color-mix(in lab, red, red)){.shadow-emerald-500\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-orange-200\/60{--tw-shadow-color:#ffd7a899}@supports (color:color-mix(in lab, red, red)){.shadow-orange-200\/60{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-orange-200) 60%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-orange-500\/30{--tw-shadow-color:#fe6e004d}@supports (color:color-mix(in lab, red, red)){.shadow-orange-500\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-red-200{--tw-shadow-color:oklch(88.5% .062 18.334)}@supports (color:color-mix(in lab, red, red)){.shadow-red-200{--tw-shadow-color:color-mix(in oklab, var(--color-red-200) var(--tw-shadow-alpha), transparent)}}.shadow-slate-950\/25{--tw-shadow-color:#02061840}@supports (color:color-mix(in lab, red, red)){.shadow-slate-950\/25{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-950) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-amber-200{--tw-ring-color:var(--color-amber-200)}.ring-orange-300{--tw-ring-color:var(--color-orange-300)}.ring-white{--tw-ring-color:var(--color-white)}.ring-white\/20{--tw-ring-color:#fff3}@supports (color:color-mix(in lab, red, red)){.ring-white\/20{--tw-ring-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.ring-white\/30{--tw-ring-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.ring-white\/30{--tw-ring-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-3xl{--tw-blur:blur(var(--blur-3xl));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,)}.blur-\[0\.2px\]{--tw-blur:blur(.2px);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,)}.blur-md{--tw-blur:blur(var(--blur-md));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,)}.blur-xl{--tw-blur:blur(var(--blur-xl));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,)}.drop-shadow-\[0_0_7px_rgba\(251\,146\,60\,\.38\)\]{--tw-drop-shadow-size:drop-shadow(0 0 7px var(--tw-drop-shadow-color,#fb923c61));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.drop-shadow-\[0_12px_14px_rgba\(15\,23\,42\,\.18\)\]{--tw-drop-shadow-size:drop-shadow(0 12px 14px var(--tw-drop-shadow-color,#0f172a2e));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));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,)}.sepia{--tw-sepia:sepia(100%);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,)}.backdrop-blur-\[1px\]{--tw-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;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))}.delay-75{transition-delay:75ms}.delay-100{transition-delay:.1s}.delay-150{transition-delay:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-x-full:is(:where(.group):hover *){--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-\[1\.04\]:is(:where(.group):hover *){scale:1.04}.group-hover\:-rotate-2:is(:where(.group):hover *){rotate:-2deg}.group-hover\:rotate-12:is(:where(.group):hover *){rotate:12deg}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\/practice\:scale-125:is(:where(.group\/practice):hover *){--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\/practice\:scale-150:is(:where(.group\/practice):hover *){--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\/practice\:opacity-90:is(:where(.group\/practice):hover *){opacity:.9}.group-hover\/practice\:opacity-100:is(:where(.group\/practice):hover *){opacity:1}}.focus-within\:ring-4:focus-within{--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)}.focus-within\:ring-red-50:focus-within{--tw-ring-color:var(--color-red-50)}@media (hover:hover){.hover\:-translate-x-1:hover{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:translate-x-1:hover{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:scale-\[1\.03\]:hover{scale:1.03}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:border-brand:hover{border-color:var(--color-brand)}.hover\:border-orange-200:hover{border-color:var(--color-orange-200)}.hover\:border-orange-300:hover{border-color:var(--color-orange-300)}.hover\:border-red-200:hover{border-color:var(--color-red-200)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:border-slate-400:hover{border-color:var(--color-slate-400)}.hover\:border-stone-300:hover{border-color:var(--color-stone-300)}.hover\:bg-amber-100:hover{background-color:var(--color-amber-100)}.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-emerald-100:hover{background-color:var(--color-emerald-100)}.hover\:bg-orange-50:hover{background-color:var(--color-orange-50)}.hover\:bg-orange-500:hover{background-color:var(--color-orange-500)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-brand:hover{color:var(--color-brand)}.hover\:text-orange-500:hover{color:var(--color-orange-500)}.hover\:text-orange-600:hover{color:var(--color-orange-600)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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)}.hover\:shadow-sm:hover{--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)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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)}.hover\:shadow-\[\#df8068\]\/35:hover{--tw-shadow-color:#df806859}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-\[\#df8068\]\/35:hover{--tw-shadow-color:color-mix(in oklab, oklab(69.7844% .100787 .070808/.35) var(--tw-shadow-alpha), transparent)}}.hover\:shadow-cyan-500\/30:hover{--tw-shadow-color:#00b7d74d}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-cyan-500\/30:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.hover\:shadow-pink-500\/35:hover{--tw-shadow-color:#f6339a59}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-pink-500\/35:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-pink-500) 35%, transparent) var(--tw-shadow-alpha), transparent)}}.hover\:shadow-slate-200\/70:hover{--tw-shadow-color:#e2e8f0b3}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-slate-200\/70:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 70%, transparent) var(--tw-shadow-alpha), transparent)}}.hover\:drop-shadow-\[0_0_6px_rgba\(251\,146\,60\,\.3\)\]:hover{--tw-drop-shadow-size:drop-shadow(0 0 6px var(--tw-drop-shadow-color,#fb923c4d));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}}.focus\:border-\[\#df8068\]:focus{border-color:#df8068}.focus\:border-orange-300:focus{border-color:var(--color-orange-300)}.focus-visible\:ring-4:focus-visible{--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)}.focus-visible\:ring-orange-300\/50:focus-visible{--tw-ring-color:#ffb96d80}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-orange-300\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-orange-300) 50%, transparent)}}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-0:active{--tw-translate-y:0px;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)}.active\:scale-\[0\.98\]:active{scale:.98}.active\:border-orange-400:active{border-color:var(--color-orange-400)}.active\:bg-orange-50:active{background-color:var(--color-orange-50)}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-emerald-200:disabled{border-color:var(--color-emerald-200)}.disabled\:bg-emerald-50:disabled{background-color:var(--color-emerald-50)}.disabled\:\!text-emerald-700:disabled{color:var(--color-emerald-700)!important}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media not all and (width>=48rem){.max-md\:\!ml-0{margin-left:0!important}.max-md\:ml-0{margin-left:0}.max-md\:\!gap-2{gap:calc(var(--spacing) * 2)!important}.max-md\:\!px-3{padding-inline:calc(var(--spacing) * 3)!important}}@media not all and (width>=40rem){.max-sm\:hidden{display:none}.max-sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (width>=40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-0{margin-inline:0}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:inline-flex{display:inline-flex}.sm\:h-20{height:calc(var(--spacing) * 20)}.sm\:w-auto{width:auto}.sm\:auto-cols-auto{grid-auto-columns:auto}.sm\:grid-flow-row{grid-auto-flow:row}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:place-items-center{place-items:center}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:overflow-visible{overflow:visible}.sm\:p-2\.5{padding:calc(var(--spacing) * 2.5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-0{padding-inline:0}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:py-12{padding-block:calc(var(--spacing) * 12)}.sm\:py-20{padding-block:calc(var(--spacing) * 20)}.sm\:pb-0{padding-bottom:0}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (width>=48rem){.md\:top-\[74px\]{top:74px}.md\:col-span-2{grid-column:span 2/span 2}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.lg\:w-full{width:100%}.lg\:\!grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:\!items-end{align-items:flex-end!important}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:\!gap-6{gap:calc(var(--spacing) * 6)!important}.lg\:\!gap-x-6{column-gap:calc(var(--spacing) * 6)!important}.lg\:\!gap-y-5{row-gap:calc(var(--spacing) * 5)!important}.lg\:\!p-7{padding:calc(var(--spacing) * 7)!important}.lg\:px-12{padding-inline:calc(var(--spacing) * 12)}}@media (width>=80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.dark\:border-amber-500\/30:where(.dark,.dark *){border-color:#f99c004d}@supports (color:color-mix(in lab, red, red)){.dark\:border-amber-500\/30:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-amber-500) 30%, transparent)}}.dark\:border-emerald-800:where(.dark,.dark *){border-color:var(--color-emerald-800)}.dark\:border-orange-500:where(.dark,.dark *){border-color:var(--color-orange-500)}.dark\:border-orange-500\/25:where(.dark,.dark *){border-color:#fe6e0040}@supports (color:color-mix(in lab, red, red)){.dark\:border-orange-500\/25:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-orange-500) 25%, transparent)}}.dark\:border-orange-500\/30:where(.dark,.dark *){border-color:#fe6e004d}@supports (color:color-mix(in lab, red, red)){.dark\:border-orange-500\/30:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-orange-500) 30%, transparent)}}.dark\:border-orange-500\/60:where(.dark,.dark *){border-color:#fe6e0099}@supports (color:color-mix(in lab, red, red)){.dark\:border-orange-500\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-orange-500) 60%, transparent)}}.dark\:border-orange-800:where(.dark,.dark *){border-color:var(--color-orange-800)}.dark\:border-red-400:where(.dark,.dark *){border-color:var(--color-red-400)}.dark\:border-rose-500\/30:where(.dark,.dark *){border-color:#ff23574d}@supports (color:color-mix(in lab, red, red)){.dark\:border-rose-500\/30:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-rose-500) 30%, transparent)}}.dark\:border-slate-600:where(.dark,.dark *){border-color:var(--color-slate-600)}.dark\:border-slate-700:where(.dark,.dark *){border-color:var(--color-slate-700)}.dark\:border-slate-800:where(.dark,.dark *){border-color:var(--color-slate-800)}.dark\:bg-amber-500\/5:where(.dark,.dark *){background-color:#f99c000d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-500\/5:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-500) 5%, transparent)}}.dark\:bg-amber-500\/10:where(.dark,.dark *){background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-500\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.dark\:bg-amber-950\/40:where(.dark,.dark *){background-color:#46190166}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-950) 40%, transparent)}}.dark\:bg-blue-900\/15:where(.dark,.dark *){background-color:#1c398e26}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/15:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-blue-900) 15%, transparent)}}.dark\:bg-emerald-950\/40:where(.dark,.dark *){background-color:#002c2266}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-950) 40%, transparent)}}.dark\:bg-indigo-500\/10:where(.dark,.dark *){background-color:#625fff1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-indigo-500\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-indigo-500) 10%, transparent)}}.dark\:bg-orange-400:where(.dark,.dark *){background-color:var(--color-orange-400)}.dark\:bg-orange-500:where(.dark,.dark *){background-color:var(--color-orange-500)}.dark\:bg-orange-500\/5:where(.dark,.dark *){background-color:#fe6e000d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-orange-500\/5:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-orange-500) 5%, transparent)}}.dark\:bg-orange-500\/10:where(.dark,.dark *){background-color:#fe6e001a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-orange-500\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-orange-500) 10%, transparent)}}.dark\:bg-orange-600:where(.dark,.dark *){background-color:var(--color-orange-600)}.dark\:bg-orange-900\/15:where(.dark,.dark *){background-color:#7e2a0c26}@supports (color:color-mix(in lab, red, red)){.dark\:bg-orange-900\/15:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-orange-900) 15%, transparent)}}.dark\:bg-orange-950\/30:where(.dark,.dark *){background-color:#4413064d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-orange-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-orange-950) 30%, transparent)}}.dark\:bg-orange-950\/40:where(.dark,.dark *){background-color:#44130666}@supports (color:color-mix(in lab, red, red)){.dark\:bg-orange-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-orange-950) 40%, transparent)}}.dark\:bg-orange-950\/50:where(.dark,.dark *){background-color:#44130680}@supports (color:color-mix(in lab, red, red)){.dark\:bg-orange-950\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-orange-950) 50%, transparent)}}.dark\:bg-red-500\/10:where(.dark,.dark *){background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-500\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.dark\:bg-red-950\/40:where(.dark,.dark *){background-color:#46080966}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-red-950) 40%, transparent)}}.dark\:bg-rose-500\/10:where(.dark,.dark *){background-color:#ff23571a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-rose-500\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-rose-500) 10%, transparent)}}.dark\:bg-sky-950\/40:where(.dark,.dark *){background-color:#052f4a66}@supports (color:color-mix(in lab, red, red)){.dark\:bg-sky-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-sky-950) 40%, transparent)}}.dark\:bg-slate-100:where(.dark,.dark *){background-color:var(--color-slate-100)}.dark\:bg-slate-700:where(.dark,.dark *){background-color:var(--color-slate-700)}.dark\:bg-slate-800:where(.dark,.dark *){background-color:var(--color-slate-800)}.dark\:bg-slate-800\/70:where(.dark,.dark *){background-color:#1d293db3}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-800\/70:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-800) 70%, transparent)}}.dark\:bg-slate-900:where(.dark,.dark *){background-color:var(--color-slate-900)}.dark\:bg-slate-950:where(.dark,.dark *){background-color:var(--color-slate-950)}.dark\:bg-slate-950\/75:where(.dark,.dark *){background-color:#020618bf}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-950\/75:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-950) 75%, transparent)}}.dark\:bg-slate-950\/90:where(.dark,.dark *){background-color:#020618e6}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-950\/90:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-950) 90%, transparent)}}.dark\:from-amber-950:where(.dark,.dark *){--tw-gradient-from:var(--color-amber-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-amber-950\/40:where(.dark,.dark *){--tw-gradient-from:#46190166}@supports (color:color-mix(in lab, red, red)){.dark\:from-amber-950\/40:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-amber-950) 40%, transparent)}}.dark\:from-amber-950\/40:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-blue-950:where(.dark,.dark *){--tw-gradient-from:var(--color-blue-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-blue-950\/40:where(.dark,.dark *){--tw-gradient-from:#16245666}@supports (color:color-mix(in lab, red, red)){.dark\:from-blue-950\/40:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-blue-950) 40%, transparent)}}.dark\:from-blue-950\/40:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-emerald-950:where(.dark,.dark *){--tw-gradient-from:var(--color-emerald-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-emerald-950\/40:where(.dark,.dark *){--tw-gradient-from:#002c2266}@supports (color:color-mix(in lab, red, red)){.dark\:from-emerald-950\/40:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-emerald-950) 40%, transparent)}}.dark\:from-emerald-950\/40:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-fuchsia-950:where(.dark,.dark *){--tw-gradient-from:var(--color-fuchsia-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-lime-950\/40:where(.dark,.dark *){--tw-gradient-from:#192e0366}@supports (color:color-mix(in lab, red, red)){.dark\:from-lime-950\/40:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-lime-950) 40%, transparent)}}.dark\:from-lime-950\/40:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-orange-500:where(.dark,.dark *){--tw-gradient-from:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-orange-950:where(.dark,.dark *){--tw-gradient-from:var(--color-orange-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-pink-950\/30:where(.dark,.dark *){--tw-gradient-from:#5104244d}@supports (color:color-mix(in lab, red, red)){.dark\:from-pink-950\/30:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-pink-950) 30%, transparent)}}.dark\:from-pink-950\/30:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-pink-950\/40:where(.dark,.dark *){--tw-gradient-from:#51042466}@supports (color:color-mix(in lab, red, red)){.dark\:from-pink-950\/40:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-pink-950) 40%, transparent)}}.dark\:from-pink-950\/40:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-rose-950\/40:where(.dark,.dark *){--tw-gradient-from:#4d021866}@supports (color:color-mix(in lab, red, red)){.dark\:from-rose-950\/40:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-rose-950) 40%, transparent)}}.dark\:from-rose-950\/40:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-sky-950\/40:where(.dark,.dark *){--tw-gradient-from:#052f4a66}@supports (color:color-mix(in lab, red, red)){.dark\:from-sky-950\/40:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-sky-950) 40%, transparent)}}.dark\:from-sky-950\/40:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-slate-900:where(.dark,.dark *){--tw-gradient-from:var(--color-slate-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-teal-950\/40:where(.dark,.dark *){--tw-gradient-from:#022f2e66}@supports (color:color-mix(in lab, red, red)){.dark\:from-teal-950\/40:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-teal-950) 40%, transparent)}}.dark\:from-teal-950\/40:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-violet-950\/40:where(.dark,.dark *){--tw-gradient-from:#2f0d6866}@supports (color:color-mix(in lab, red, red)){.dark\:from-violet-950\/40:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-violet-950) 40%, transparent)}}.dark\:from-violet-950\/40:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:via-rose-500:where(.dark,.dark *){--tw-gradient-via:var(--color-rose-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-slate-900:where(.dark,.dark *){--tw-gradient-via:var(--color-slate-900);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:to-cyan-950:where(.dark,.dark *){--tw-gradient-to:var(--color-cyan-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-indigo-950\/50:where(.dark,.dark *){--tw-gradient-to:#1e1a4d80}@supports (color:color-mix(in lab, red, red)){.dark\:to-indigo-950\/50:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab, var(--color-indigo-950) 50%, transparent)}}.dark\:to-indigo-950\/50:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-lime-950:where(.dark,.dark *){--tw-gradient-to:var(--color-lime-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-orange-950:where(.dark,.dark *){--tw-gradient-to:var(--color-orange-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-pink-600:where(.dark,.dark *){--tw-gradient-to:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-rose-950:where(.dark,.dark *){--tw-gradient-to:var(--color-rose-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-sky-950\/30:where(.dark,.dark *){--tw-gradient-to:#052f4a4d}@supports (color:color-mix(in lab, red, red)){.dark\:to-sky-950\/30:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab, var(--color-sky-950) 30%, transparent)}}.dark\:to-sky-950\/30:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-slate-900:where(.dark,.dark *){--tw-gradient-to:var(--color-slate-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-violet-950:where(.dark,.dark *){--tw-gradient-to:var(--color-violet-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:stroke-slate-700:where(.dark,.dark *){stroke:var(--color-slate-700)}.dark\:text-amber-200:where(.dark,.dark *){color:var(--color-amber-200)}.dark\:text-amber-200\/70:where(.dark,.dark *){color:#fee685b3}@supports (color:color-mix(in lab, red, red)){.dark\:text-amber-200\/70:where(.dark,.dark *){color:color-mix(in oklab, var(--color-amber-200) 70%, transparent)}}.dark\:text-amber-300:where(.dark,.dark *){color:var(--color-amber-300)}.dark\:text-emerald-300:where(.dark,.dark *){color:var(--color-emerald-300)}.dark\:text-emerald-400:where(.dark,.dark *){color:var(--color-emerald-400)}.dark\:text-orange-300:where(.dark,.dark *){color:var(--color-orange-300)}.dark\:text-red-300:where(.dark,.dark *){color:var(--color-red-300)}.dark\:text-rose-300:where(.dark,.dark *){color:var(--color-rose-300)}.dark\:text-sky-300:where(.dark,.dark *){color:var(--color-sky-300)}.dark\:text-slate-100:where(.dark,.dark *){color:var(--color-slate-100)}.dark\:text-slate-200:where(.dark,.dark *){color:var(--color-slate-200)}.dark\:text-slate-300:where(.dark,.dark *){color:var(--color-slate-300)}.dark\:text-slate-400:where(.dark,.dark *){color:var(--color-slate-400)}.dark\:text-slate-900:where(.dark,.dark *){color:var(--color-slate-900)}.dark\:text-slate-950:where(.dark,.dark *){color:var(--color-slate-950)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:text-white\/20:where(.dark,.dark *){color:#fff3}@supports (color:color-mix(in lab, red, red)){.dark\:text-white\/20:where(.dark,.dark *){color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.dark\:shadow-none:where(.dark,.dark *){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dark\:shadow-black\/30:where(.dark,.dark *){--tw-shadow-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.dark\:shadow-black\/30:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.dark\:shadow-black\/50:where(.dark,.dark *){--tw-shadow-color:#00000080}@supports (color:color-mix(in lab, red, red)){.dark\:shadow-black\/50:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 50%, transparent) var(--tw-shadow-alpha), transparent)}}@media (hover:hover){.dark\:hover\:border-orange-700:where(.dark,.dark *):hover{border-color:var(--color-orange-700)}.dark\:hover\:bg-slate-700:where(.dark,.dark *):hover{background-color:var(--color-slate-700)}.dark\:hover\:bg-slate-800:where(.dark,.dark *):hover{background-color:var(--color-slate-800)}.dark\:hover\:text-white:where(.dark,.dark *):hover{color:var(--color-white)}.dark\:hover\:shadow-black\/30:where(.dark,.dark *):hover{--tw-shadow-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:shadow-black\/30:where(.dark,.dark *):hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent)}}}.\[\&_img\]\:max-w-full img{max-width:100%}.\[\&_input\]\:min-w-0 input{min-width:0}.\[\&_input\]\:flex-1 input{flex:1}.\[\&_input\]\:border-0 input{border-style:var(--tw-border-style);border-width:0}.\[\&_input\]\:bg-transparent input{background-color:#0000}.\[\&_input\]\:text-base input{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.\[\&_input\]\:text-slate-800 input{color:var(--color-slate-800)}.\[\&_input\]\:outline-none input{--tw-outline-style:none;outline-style:none}@media (width>=40rem){.sm\:\[\&_input\]\:text-sm input{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}.home-slider{position:relative}.home-slider-track{transition:transform .55s cubic-bezier(.4,.1,.2,1);display:flex}.home-slider-item{flex:0 0 100%;min-width:0;display:flex}.home-slider-item>*{flex:1;min-width:0}.home-slide{color:#fff;background:#354d79;border-radius:27px;grid-template-columns:40% 1fr;align-items:center;gap:8px;min-height:270px;padding:26px 34px;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #2a3c6230}.home-slide.is-link{cursor:pointer;transition:transform .3s,box-shadow .3s}.home-slide.is-link:hover{transform:translateY(-3px);box-shadow:0 24px 55px #2a3c6245}.home-slide-image{background:#ffffff14;border-radius:20px;display:block;overflow:hidden}.home-slide-image img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.home-slide-content{align-content:center;gap:8px;min-width:0;display:grid}.home-slide:not(:has(.home-slide-image)){grid-template-columns:1fr}.home-slide-badge{letter-spacing:.08em;background:#ffffff1f;border-radius:999px;justify-self:start;padding:5px 12px;font-size:11px;font-weight:900}.home-slide-content h2{color:#fff;margin:0;font-size:26px;line-height:1.25}.home-slide-content strong{color:#ffe6d5;font-size:15px}.home-slide-content p{color:#d9e2f2;margin:0;font-size:14px;line-height:1.7}.home-slide-cta{background:#f2825f;border-radius:12px;justify-self:start;align-items:center;gap:7px;margin-top:4px;padding:10px 18px;font-size:14px;font-weight:800;display:inline-flex}.home-slider-arrow{z-index:3;cursor:pointer;color:#23324f;opacity:0;background:#ffffffe0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;transition:opacity .25s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 18px #1a253f38}.home-slider:hover .home-slider-arrow,.home-slider:focus-within .home-slider-arrow{opacity:1}.home-slider-arrow.prev{left:12px}.home-slider-arrow.next{right:12px}.home-slider-dots{z-index:3;gap:7px;display:flex;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.home-slider-dots button{cursor:pointer;background:#fff6;border:0;border-radius:50%;width:8px;height:8px;padding:0;transition:width .25s,background .25s}.home-slider-dots button.active{background:#fff;border-radius:999px;width:22px}.practice-heading{gap:6px;margin-bottom:18px;display:grid}.practice-heading h1{margin:0;font-size:30px}.practice-heading p{color:#8d7a70;margin:0}.practice-hero{color:#fff;background:linear-gradient(120deg,#3d3768,#6b4b86 55%,#b4617a);border-radius:25px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:24px 28px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:grid;box-shadow:0 18px 45px #4a3a6b33}.practice-hero:hover{transform:translateY(-3px);box-shadow:0 24px 55px #4a3a6b45}.practice-hero-art{opacity:.9;gap:2px;font-size:26px;font-weight:900;line-height:1;display:grid}.practice-hero-art i{font-style:normal}.practice-hero div{gap:5px;min-width:0;display:grid}.practice-hero small{letter-spacing:.12em;color:#ffd9c2;font-size:11px;font-weight:900}.practice-hero strong{font-size:21px}.practice-hero p{color:#ecdff0;margin:0;font-size:14px;line-height:1.65}.practice-hero em{color:#ffd9c2;font-size:12px;font-style:normal;font-weight:800}.practice-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.kana-typing-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.kana-typing-heading h1{margin:4px 0 6px;font-size:30px}.kana-typing-heading p{color:#8d7a70;max-width:60ch;margin:0}.kana-typing-heading-actions{align-items:center;gap:8px;display:flex}.kana-typing-back{color:#6d5b52;white-space:nowrap;border:1px solid #e6ddd6;border-radius:12px;padding:10px 16px;font-size:13px;font-weight:800;text-decoration:none}.kana-typing-sound{cursor:pointer;color:#b3a49a;background:#fff;border:1px solid #e6ddd6;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;transition:all .2s;display:grid}.kana-typing-sound.on{color:#d9663f;background:#fff2ea;border-color:#ef8a68}.kana-typing-sound:hover{transform:translateY(-1px)}.kana-typing-setup,.kana-typing-over{gap:20px;display:grid}.kana-typing-setup-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.kana-typing-setup fieldset{background:#fff;border:1px solid #eee4dc;border-radius:20px;padding:16px 18px 18px}.kana-typing-setup legend{letter-spacing:.06em;color:#9a867a;padding:0 8px;font-size:12px;font-weight:900}.kana-typing-choices{flex-wrap:wrap;gap:10px;display:flex}.kana-typing-choices button{cursor:pointer;background:#fbf8f5;border:2px solid #ece2da;border-radius:16px;flex:90px;place-items:center;gap:4px;padding:14px 10px;transition:all .2s;display:grid}.kana-typing-choices button strong{font-size:22px;line-height:1}.kana-typing-choices button span{color:#7d6a60;font-size:12px;font-weight:700}.kana-typing-choices button:hover{border-color:#e6b9a4}.kana-typing-choices button.active{background:#fff2ea;border-color:#ef8a68;box-shadow:0 6px 16px #ef8a6826}.kana-typing-example{color:#7d6a60;margin:0;font-size:14px}.kana-typing-example code{background:#f4ece6;border-radius:7px;padding:3px 9px;font-weight:800}.kana-typing-start{cursor:pointer;color:#fff;background:linear-gradient(120deg,#f39a6d,#e86f5f);border:0;border-radius:15px;justify-self:start;align-items:center;gap:9px;padding:15px 30px;font-size:16px;font-weight:900;display:inline-flex;box-shadow:0 12px 28px #e0806a45}.kana-typing-start:disabled{opacity:.6;cursor:not-allowed}.kana-typing-stage{gap:12px;display:grid}.kana-typing-hud{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.kana-typing-lives{color:#ef5f57;gap:3px;display:inline-flex}.kana-typing-lives .lost{opacity:.28}.kana-typing-hud>span:not(.kana-typing-lives){color:#6d5b52;background:#f4ece6;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:900;display:inline-flex}.kana-typing-score{color:#b8722e;background:#fdf0dd}.kana-typing-combo{color:#7a4fa8;background:#f2ebfb}.kana-typing-level{margin-left:auto}.kana-typing-field{background:radial-gradient(120% 80% at 50% 0,#2a3b60 0%,#1c2743 60%,#161f37 100%);border:1px solid #2d3d61;border-radius:24px;height:min(58vh,460px);transition:box-shadow .2s;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #0b122480}.kana-typing-field.flash-hit{box-shadow:inset 0 0 60px #0b122480,inset 0 0 0 3px #4ec98a}.kana-typing-field.flash-miss{box-shadow:inset 0 0 60px #0b122480,inset 0 0 0 3px #ef5f57}.kana-typing-drop{color:#fff;text-shadow:0 4px 18px #6ea8ff5c;will-change:top;font-size:clamp(30px,6vw,46px);font-weight:800;position:absolute;transform:translate(-50%,-50%)}.kana-typing-floor{background:linear-gradient(90deg,#ef5f5700,#ef5f57,#ef5f5700);height:4px;position:absolute;inset:auto 0 0}.kana-typing-input{color:#9a867a;background:#fff;border:2px solid #e6ddd6;border-radius:16px;align-items:center;gap:10px;padding:6px 8px 6px 16px;display:flex}.kana-typing-input:focus-within{border-color:#ef8a68}.kana-typing-input input{color:#33261f;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:12px 0;font-size:17px;font-weight:700}.kana-typing-input button{cursor:pointer;color:#fff;background:#ef8a68;border:0;border-radius:11px;padding:11px 20px;font-weight:900}.kana-typing-result{text-align:center;color:#fff;background:linear-gradient(140deg,#2b3a5e,#46325c);border-radius:26px;justify-items:center;gap:4px;padding:30px 24px;display:grid;box-shadow:0 18px 45px #2a3c6233}.kana-typing-result>strong{font-size:54px;line-height:1}.kana-typing-result>small{color:#c3cee4}.kana-typing-result-stats{flex-wrap:wrap;justify-content:center;gap:26px;margin-top:16px;display:flex}.kana-typing-result-stats div{gap:2px;display:grid}.kana-typing-result-stats b{font-size:21px}.kana-typing-result-stats span{color:#b9c4dc;font-size:12px}.kana-typing-exp{color:#ffd9a8;background:#ffffff1f;border-radius:999px;margin:14px 0 0;padding:6px 16px;font-weight:900}.kana-typing-saving{color:#c3cee4;align-items:center;gap:7px;margin:14px 0 0;font-size:13px;display:inline-flex}.kana-typing-over-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.kana-typing-over-actions button{cursor:pointer;color:#fff;background:#ef8a68;border:0;border-radius:13px;align-items:center;gap:8px;padding:13px 24px;font-weight:900;display:inline-flex}.kana-typing-over-actions button.ghost{background:#ffffff1f}.kana-typing-missed{background:#fffaf6;border:1px solid #f0e2da;border-radius:18px;gap:9px;padding:16px 20px;display:grid}.kana-typing-missed>span{letter-spacing:.06em;color:#9a867a;font-size:12px;font-weight:900}.kana-typing-missed div{flex-wrap:wrap;gap:8px;display:flex}.kana-typing-missed code{color:#a4573f;background:#f7e7df;border-radius:8px;padding:5px 11px;font-weight:800}.kana-leaderboard{gap:14px;display:grid}.kana-leaderboard header{gap:2px;display:grid}.kana-leaderboard header h2{margin:0;font-size:21px}.kana-leaderboard-empty{text-align:center;color:#9a867a;background:#fffaf6;border:1px dashed #e3d6cd;border-radius:18px;margin:0;padding:22px}.kana-podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:12px;margin:0;padding:0;list-style:none;display:grid}.kana-podium-slot{text-align:center;background:linear-gradient(#fff,#fdf6f1);border:1px solid #f0e2da;border-bottom:0;border-radius:20px 20px 0 0;justify-items:center;gap:4px;padding:16px 10px 0;display:grid}.kana-podium-slot img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:46px;height:46px;box-shadow:0 4px 12px #b9998833}.kana-podium-slot strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.kana-podium-slot b{color:#c4703f;font-size:20px}.kana-podium-slot small{color:#9a867a;font-size:11px}.kana-podium-rank{color:#8d7a70;background:#f4ece6;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:11px;font-weight:900;display:inline-flex}.kana-podium-step{background:#e9ddd4;border-radius:6px 6px 0 0;width:100%;margin-top:12px;display:block}.kana-podium-slot.place-1 .kana-podium-rank{color:#a97a17;background:#fdefc9}.kana-podium-slot.place-1 .kana-podium-step{background:linear-gradient(#f7d67c,#e9b64a);height:64px}.kana-podium-slot.place-2 .kana-podium-step{background:linear-gradient(#dfe3ea,#bfc6d2);height:44px}.kana-podium-slot.place-3 .kana-podium-step{background:linear-gradient(#eec6a4,#d79f74);height:30px}.kana-podium-slot.is-me{border-color:#ef8a68;box-shadow:0 0 0 2px #ef8a6833}.home-slide-cell{align-items:center;gap:11px;display:flex}.home-slide-cell img,.home-slide-cell-blank{object-fit:cover;background:#f2ece7;border-radius:9px;flex:none;width:58px;height:42px}.home-slide-cell-blank{color:#b3a49a;place-items:center;display:grid}.home-slide-cell div{gap:2px;min-width:0;display:grid}.home-slide-cell small{color:#9a867a;text-overflow:ellipsis;white-space:nowrap;max-width:34ch;overflow:hidden}.home-slide-link{color:#3f6cb5;align-items:center;gap:5px;font-size:13px;display:inline-flex}.home-slide-preview img{object-fit:cover;border-radius:14px;width:100%;max-height:190px}.referrer-panel{align-items:flex-start}.referrer-body{flex:1;min-width:0}.referrer-list{gap:9px;margin:12px 0 0;padding:0;list-style:none;display:grid}.referrer-list li{grid-template-columns:minmax(90px,1.4fr) minmax(60px,2fr) auto 38px;align-items:center;gap:10px;font-size:13px;display:grid}.referrer-name{text-overflow:ellipsis;white-space:nowrap;color:#6d5b52;font-weight:600;overflow:hidden}.referrer-bar{background:#f1e7e0;border-radius:999px;height:8px;display:block;overflow:hidden}.referrer-bar i{background:linear-gradient(90deg,#f39a6d,#e86f5f);border-radius:999px;height:100%;display:block}.referrer-list b{text-align:right;font-size:14px}.referrer-list em{color:#9a867a;text-align:right;font-size:12px;font-style:normal}.arcade-hero{color:#fff;background:linear-gradient(160deg,#2b2a5e 0%,#5b3f7d 48%,#b85f63 100%);border:3px solid #4a3b34;border-radius:24px;margin-bottom:22px;padding:26px 26px 22px;position:relative;overflow:hidden}.arcade-hero-glow{pointer-events:none;background:radial-gradient(closest-side,#ffb08055 0%,#0000 100%);height:120%;position:absolute;inset:-40% -10% auto}.arcade-hero .kicker{color:#ffd7b8;align-items:center;gap:6px;display:inline-flex}.arcade-hero h1{color:#fff;margin:8px 0;font-size:clamp(24px,4.4vw,34px);position:relative}.arcade-hero p{color:#efe0ec;max-width:62ch;margin:0;position:relative}.arcade-hero-stats{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex;position:relative}.arcade-hero-stats span{color:#fff;background:#ffffff26;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:12px;font-weight:800;display:inline-flex}.arcade-hero-stats b{font-size:14px}.game-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;min-width:0;display:grid}.game-card{min-width:0;color:inherit;background:#fff;border:3px solid #4a3b34;border-radius:20px;grid-template-rows:auto 1fr auto;text-decoration:none;transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden}.game-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #4a3b3426}.game-card.is-featured{grid-column:span 2;grid-template-rows:auto auto;grid-template-columns:minmax(0,190px) minmax(0,1fr);align-content:center}.game-card.is-featured .game-card-art{aspect-ratio:auto;grid-row:span 2;min-height:168px}.game-card.is-featured .game-card-sprite{width:66%;max-width:118px}.game-card.is-featured .game-card-body{padding-top:20px}.game-card.is-featured .game-card-play{margin-top:6px}.game-card-art{aspect-ratio:16/7;background:linear-gradient(160deg,#f7efe6,#efe2d5);border-bottom:3px solid #4a3b34;place-items:center;display:grid;position:relative;overflow:hidden}.game-card.is-featured .game-card-art{border-bottom:0;border-right:3px solid #4a3b34}.game-card-sprite{width:58%;max-width:92px;height:auto;image-rendering:pixelated;transition:transform .25s steps(3,jump-none)}.game-card:hover .game-card-sprite{transform:translateY(-4px)scale(1.08)}.game-card-photo{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.game-card:hover .game-card-photo{transform:scale(1.05)}.game-toggle-art{background:#f7efe6;border-radius:12px;place-items:center;height:92px;margin:8px 0 10px;display:grid;position:relative;overflow:hidden}.game-toggle-art img{object-fit:cover;width:100%;height:100%;display:block}.game-toggle-art-empty{color:#9a867a;font-size:11px;font-weight:700}.game-toggle-art-actions{gap:5px;display:flex;position:absolute;inset:auto 6px 6px auto}.game-toggle-art-actions button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:0;border-radius:9px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.game-toggle-art-actions button.delete{background:#d95e4cdd;padding:6px 8px}.game-toggle-art-actions button:disabled{opacity:.5;cursor:not-allowed}.game-card-scan{pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff8c 50%,#0000 60%);position:absolute;inset:0;transform:translate(-120%)}.game-card:hover .game-card-scan{animation:.7s game-card-sweep}@keyframes game-card-sweep{to{transform:translate(120%)}}.game-card-body{align-content:start;gap:4px;min-width:0;padding:14px 16px 10px;display:grid}.game-card-badge{letter-spacing:.08em;color:#b3947f;font-size:10px;font-weight:900}.game-card-body strong{color:#4a3b34;font-size:17px;line-height:1.35}.game-card-blurb{color:#8d7a70;font-size:13px;line-height:1.55}.game-card-note{color:#d9663f;margin-top:2px;font-size:12px;font-style:normal;font-weight:800}.game-card-play{text-align:center;letter-spacing:.04em;color:#fff;background:linear-gradient(120deg,#f39a6d,#e86f5f);border-radius:12px;margin:0 16px 14px;padding:10px 14px;font-size:13px;font-weight:900;transition:transform .12s,box-shadow .12s;box-shadow:0 4px #b9503f}.game-card:hover .game-card-play{transform:translateY(2px);box-shadow:0 2px #b9503f}.shadow-scene-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.shadow-scene-card{text-align:left;cursor:pointer;background:#fff;border:3px solid #ece2da;border-radius:20px;gap:0;padding:0;transition:all .18s;display:grid;overflow:hidden}.shadow-scene-card:hover{border-color:#e6b9a4;transform:translateY(-3px)}.shadow-scene-card img,.shadow-scene-placeholder{object-fit:cover;background:linear-gradient(140deg,#f7e7df,#eef3f7);width:100%;height:118px;display:block}.shadow-scene-card div{gap:2px;padding:12px 14px;display:grid}.shadow-scene-card b{color:#4a3b34;font-size:15px}.shadow-scene-card i{color:#9a867a;font-size:12px;font-style:normal}.shadow-preview{gap:18px;width:min(100%,980px);margin:0 auto;display:grid}.shadow-lesson-sheet{color:#27314b;background:linear-gradient(#fffdf9e8,#fffdf9e8),repeating-linear-gradient(0deg,#0000 0 31px,#e8e1d733 31px 32px);border:1px solid #ddd6cb;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 24px 60px #6f5a4621,0 3px #ede5da}.shadow-lesson-sheet:before{z-index:1;content:"";background:linear-gradient(90deg,#ed745e 0 34%,#f1b54b 34% 57%,#4f7793 57%);height:7px;position:absolute;inset:0 0 auto}.shadow-lesson-cover{border-bottom:2px dotted #bbb2a7;grid-template-columns:minmax(0,1fr) minmax(220px,34%);align-items:center;gap:36px;padding:48px 52px 36px;display:grid}.shadow-lesson-heading{justify-items:start;gap:8px;display:grid}.shadow-lesson-number{color:#fff;background:#ed745e;border-radius:4px 15px;align-items:center;min-height:34px;padding:6px 14px;font-size:13px;font-weight:900;display:inline-flex;transform:rotate(-1deg)}.shadow-lesson-kicker{color:#81766d;letter-spacing:.13em;font-size:11px;font-weight:900}.shadow-lesson-heading h2{color:#202a40;letter-spacing:-.03em;margin:4px 0 0;font-family:Yu Gothic,Meiryo,sans-serif;font-size:clamp(28px,4vw,46px);line-height:1.25}.shadow-lesson-heading p{color:#fff;background:#637d90;border-radius:999px;margin:0;padding:5px 14px;font-size:14px;font-weight:800}.shadow-lesson-figure{background:#e9e4dc;border:6px solid #fff;border-radius:4px;margin:0;position:relative;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 8px 24px #5261702b}.shadow-lesson-figure img{object-fit:cover;filter:saturate(.9)contrast(.96);width:100%;height:190px;display:block}.shadow-lesson-figure figcaption{color:#594c42;background:#fffdf0e8;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:800;position:absolute;inset:auto 7px 7px auto}.shadow-lesson-illustration{color:#4f7793;background:#edf4f5;border:2px dashed #90a6b5;border-radius:50% 45% 52% 46%;place-items:center;min-height:190px;display:grid;position:relative}.shadow-lesson-illustration svg:first-child{color:#e3a62d;position:absolute;top:22px;right:26px}.shadow-lesson-tip{color:#5c554e;background:#fff5d8;border-left:5px solid #f0b64b;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:22px 52px 0;padding:13px 16px;display:grid}.shadow-lesson-tip svg{color:#b47b12}.shadow-lesson-tip div{gap:2px;display:grid}.shadow-lesson-tip b{color:#604b21;font-size:13px}.shadow-lesson-tip span{font-size:12px;line-height:1.55}.shadow-lesson-loading{color:#81766d;justify-content:center;align-items:center;gap:10px;min-height:300px;font-weight:800;display:flex}.shadow-lesson-empty{margin:36px 52px 52px}.shadow-lesson-section{padding:38px 52px 44px}.shadow-lesson-section+.shadow-lesson-section{border-top:2px dashed #d8cfc3}.shadow-lesson-section-title{grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-bottom:24px;display:grid}.shadow-lesson-section-title>span{color:#fff;background:#ed745e;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:grid;box-shadow:3px 3px #f3c0b5}.shadow-lesson-section-title div{gap:2px;display:grid}.shadow-lesson-section-title small{color:#bd5846;letter-spacing:.12em;font-size:10px;font-weight:900}.shadow-lesson-section-title h3{color:#27314b;margin:0;font-size:clamp(16px,2.4vw,21px);line-height:1.35}.shadow-lesson-section-title>svg{color:#4f7793}.shadow-dialogue-document{border-top:1px solid #a99f95}.shadow-dialogue-row{border-bottom:1px dotted #aaa096;grid-template-columns:36px minmax(0,1fr) 38px;align-items:start;gap:14px;padding:18px 4px;display:grid}.shadow-speaker-mark{color:#fff;background:#ed745e;border-radius:50% 50% 44%;place-items:center;width:32px;height:32px;font-size:13px;font-weight:900;display:grid}.shadow-speaker-mark.speaker-1{background:#4f7793}.shadow-speaker-mark.speaker-2{background:#b17c30}.shadow-speaker-mark.speaker-3{background:#6f8060}.shadow-dialogue-copy{justify-items:start;gap:5px;min-width:0;display:grid}.shadow-lesson-japanese{color:#202a40;font-family:Yu Gothic,Meiryo,sans-serif;font-size:clamp(17px,2.3vw,22px);font-weight:700;line-height:1.8}.shadow-dialogue-reading{color:#4e5963;background:#e7e5e1;border-radius:999px;flex-wrap:wrap;align-items:center;gap:6px;max-width:100%;padding:3px 11px;font-family:Yu Gothic,Meiryo,sans-serif;font-size:12px;line-height:1.5;display:inline-flex}.shadow-dialogue-reading small{color:#8b8178;font-family:inherit;font-size:9px;font-weight:800}.shadow-dialogue-thai{color:#756b62;font-size:13px;line-height:1.55}.shadow-dialogue-audio{color:#456a84;cursor:pointer;background:#f4f8fa;border:1px solid #bdccd5;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid}.shadow-dialogue-audio:hover{color:#fff;background:#4f7793}.shadow-word-focus{background:#eff5f5b5}.shadow-word-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.shadow-word-card{background:#fff;border:1px solid #cbd7db;border-radius:5px 15px;gap:3px;min-width:0;padding:18px 16px 15px;display:grid;box-shadow:3px 3px #d8e4e6}.shadow-word-card ruby{color:#27314b;font-family:Yu Gothic,Meiryo,sans-serif;font-size:27px;font-weight:900;line-height:1.5}.shadow-word-card rt{color:#bd5846;font-size:10px}.shadow-word-card b{color:#4f7793;font-family:Yu Gothic,Meiryo,sans-serif;font-size:12px}.shadow-word-card span{overflow-wrap:anywhere;color:#756b62;font-size:12px}.shadow-fill-section{background:#fffaf0a8}.shadow-fill-list{gap:13px;display:grid}.shadow-fill-card{background:#fff;border:1px solid #ded3c0;border-radius:5px;grid-template-columns:30px 1fr;gap:13px;padding:16px 18px;display:grid}.shadow-fill-card>span{color:#fff;background:#d99d37;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid}.shadow-fill-card>div{min-width:0}.shadow-fill-card p{color:#27314b;overflow-wrap:anywhere;margin:0 0 2px;font-family:Yu Gothic,Meiryo,sans-serif;font-size:18px;font-weight:700}.shadow-fill-card small{color:#81766d}.shadow-fill-card details{border-top:1px dotted #c9bda8;margin-top:9px;padding-top:8px}.shadow-fill-card summary{color:#bd5846;cursor:pointer;width:max-content;max-width:100%;font-size:11px;font-weight:900}.shadow-fill-card details b,.shadow-fill-card details i,.shadow-fill-card details em{margin-top:8px;margin-right:10px;font-style:normal;display:inline-block}.shadow-fill-card details b{color:#27314b;font-family:Yu Gothic,Meiryo,sans-serif;font-size:18px}.shadow-fill-card details i{color:#4f7793;font-family:Yu Gothic,Meiryo,sans-serif;font-size:12px;font-weight:800}.shadow-fill-card details em{color:#756b62;font-size:12px}.shadow-preview-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.shadow-preview-actions button{color:#fff;cursor:pointer;background:#ef8a68;border:0;border-radius:14px;align-items:center;gap:8px;padding:13px 26px;font-weight:900;display:inline-flex}.shadow-preview-actions button.ghost{color:#a4573f;background:#f7e7df}.shadow-preview-actions button:disabled{opacity:.6;cursor:default}.shadow-scene-downloads.standalone{background:#fbf7f3;border:1px solid #ece2da;border-radius:16px;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.shadow-scene-downloads span{color:#9a867a;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.shadow-scene-download-buttons{gap:6px;display:flex}.shadow-scene-download-buttons button{color:#b9503f;cursor:pointer;background:#fff;border:1px solid #e6b9a4;border-radius:999px;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:700;transition:background .15s,transform .15s;display:flex}.shadow-scene-download-buttons button:hover{background:#fff0ec;transform:translateY(-1px)}.shadow-scene-download-buttons button:disabled{cursor:default;opacity:.55;transform:none}.dark .shadow-lesson-sheet{color:#dbe3ec;background:linear-gradient(#162033ed,#162033ed),repeating-linear-gradient(0deg,#0000 0 31px,#64748b24 31px 32px);border-color:#475569;box-shadow:0 24px 60px #0006,0 3px #334155}.dark .shadow-lesson-cover,.dark .shadow-lesson-section+.shadow-lesson-section{border-color:#64748b}.dark .shadow-lesson-kicker,.dark .shadow-dialogue-thai,.dark .shadow-fill-card small,.dark .shadow-fill-card details em,.dark .shadow-word-card span{color:#aebbc9}.dark .shadow-lesson-heading h2,.dark .shadow-lesson-section-title h3,.dark .shadow-lesson-japanese,.dark .shadow-fill-card p,.dark .shadow-fill-card details b,.dark .shadow-word-card ruby{color:#f1f5f9}.dark .shadow-lesson-heading p{background:#426077}.dark .shadow-lesson-figure{background:#0f172a;border-color:#273449}.dark .shadow-lesson-figure figcaption{color:#e2e8f0;background:#172033e8}.dark .shadow-lesson-illustration{color:#8bb3cc;background:#1d3341;border-color:#55758a}.dark .shadow-lesson-tip{color:#e8d7ad;background:#3a2f18}.dark .shadow-lesson-tip b{color:#ffe5a2}.dark .shadow-dialogue-document,.dark .shadow-dialogue-row,.dark .shadow-fill-card details{border-color:#64748b}.dark .shadow-dialogue-reading{color:#d1dae3;background:#334155}.dark .shadow-dialogue-reading small{color:#aab6c4}.dark .shadow-dialogue-audio{color:#9bc2da;background:#1d3341;border-color:#4d7189}.dark .shadow-word-focus{background:#142a35a8}.dark .shadow-fill-section{background:#30281759}.dark .shadow-word-card,.dark .shadow-fill-card{background:#1e293b;border-color:#475569;box-shadow:3px 3px #0f172a}.dark .shadow-word-card b,.dark .shadow-fill-card details i{color:#9bc2da}.dark .shadow-scene-downloads.standalone{background:#172033;border-color:#475569}.dark .shadow-scene-download-buttons button{background:#1e293b;border-color:#a95e4e}.dark .shadow-scene-download-buttons button:hover{background:#3a2424}.shadow-stage{gap:14px;display:grid}.shadow-scene-banner{border-radius:22px;margin:0;position:relative;overflow:hidden}.shadow-scene-banner img{object-fit:cover;width:100%;height:150px;display:block}.shadow-scene-banner figcaption{color:#fff;background:linear-gradient(#0000,#0009);gap:1px;padding:14px 16px;display:grid;position:absolute;inset:auto 0 0}.shadow-scene-banner b{font-size:17px}.shadow-scene-banner i{opacity:.85;font-size:12px;font-style:normal}.shadow-card{text-align:center;background:#fff;border:3px solid #ece2da;border-radius:24px;justify-items:center;gap:10px;padding:24px 20px;display:grid}.shadow-listen{color:#a4573f;cursor:pointer;background:#f7e7df;border:0;border-radius:999px;align-items:center;gap:8px;padding:11px 22px;font-weight:900;display:inline-flex}.shadow-target{letter-spacing:.04em;color:#4a3b34;margin:6px 0 0;font-size:26px;font-weight:900}.shadow-reading{color:#8d7a70;margin:0;font-size:14px;font-weight:700}.shadow-thai{color:#9a867a;margin:0;font-size:13px}.shadow-live{background:#eef3f7;border-radius:16px;justify-items:center;gap:4px;width:100%;margin-top:6px;padding:12px 16px;display:grid}.shadow-live p{color:#4a7c8c;min-height:22px;margin:0;font-size:16px;font-weight:800}.shadow-live small{color:#7d94a1;font-size:11px}.shadow-live-dot{background:#d95e4c;border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite shadowBlink}@keyframes shadowBlink{0%,to{opacity:1}50%{opacity:.25}}.shadow-hint{color:#9a867a;margin:4px 0 0;font-size:13px}.shadow-error{color:#b9503f;margin:0;font-size:12px;font-weight:700}.shadow-notice{color:#4a7c8c;margin:0;font-size:12px;font-weight:700}.shadow-result{border-radius:16px;gap:3px;width:100%;margin-top:6px;padding:12px 16px;display:grid}.shadow-result.is-pass{color:#2f7d5c;background:#eefaf4}.shadow-result.is-fail{color:#b9503f;background:#fdf1ee}.shadow-result strong{justify-content:center;align-items:center;gap:6px;font-size:24px;display:inline-flex}.shadow-result span{font-size:13px}.shadow-result small{opacity:.85;font-size:12px}.shadow-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.shadow-actions button{color:#fff;cursor:pointer;background:#ef8a68;border:0;border-radius:14px;align-items:center;gap:8px;padding:13px 26px;font-weight:900;display:inline-flex}.shadow-actions button.ghost{color:#a4573f;background:#f7e7df}.shadow-mic.is-listening{background:#d95e4c;animation:1.1s ease-in-out infinite shadowPulse}@keyframes shadowPulse{0%,to{box-shadow:0 0 #d95e4c55}50%{box-shadow:0 0 0 14px #d95e4c00}}.shadow-admin-thumb{object-fit:cover;color:#a4573f;background:#f7e7df;border-radius:9px;place-items:center;width:56px;height:40px;display:grid}.shadow-open-head{align-items:center;gap:12px;display:flex}.shadow-back{color:#a4573f;cursor:pointer;background:#f7e7df;border:0;border-radius:10px;align-items:center;gap:4px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.shadow-open-link{text-align:left;cursor:pointer;background:0 0;border:0;gap:1px;padding:0;display:grid}.shadow-open-link strong{color:#a4573f;text-decoration:underline}.shadow-open-link small{color:#9a867a;font-size:11px}.shadow-admin-banner{object-fit:cover;border-radius:18px;width:100%;max-height:160px;margin-bottom:12px}.shadow-admin-preview{object-fit:cover;border-radius:14px;width:100%;max-height:150px}.voice-admin-filters{align-items:end}.voice-admin-filters select{min-width:150px}.voice-admin-table tbody tr:hover{background:#fffaf6}.dark .voice-admin-table tbody tr:hover{background:#16233c}.voice-field-hint{color:#9a867a;font-size:11px}.voice-panel-heading-actions{align-items:center;gap:8px;display:flex}.voice-admin-table td small{color:#9a867a;font-size:11px;display:block}.voice-scene-chip{margin-top:2px}.voice-inline-input{border:1px solid #ece2da;border-radius:9px;width:100%;min-width:150px;padding:6px 9px;font-size:12px}.voice-inline-number{font-variant-numeric:tabular-nums;border:1px solid #ece2da;border-radius:9px;width:74px;padding:6px 8px;font-size:12px}.character-voices{background:#fffaf6;border:1px solid #f0e2da;border-radius:22px;gap:14px;padding:20px;display:grid}.character-voices-head{align-items:flex-start;gap:12px;display:flex}.character-voices-head small{letter-spacing:.06em;color:#9a867a;font-size:11px;font-weight:900}.character-voices-head h3{margin:2px 0 3px;font-size:18px}.character-voices-head p{color:#9a867a;margin:0;font-size:12px}.character-voices-empty{color:#9a867a;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.character-voices-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.character-voices-actions button{color:#fff;cursor:pointer;background:#ef8a68;border:0;border-radius:11px;align-items:center;gap:6px;padding:9px 15px;font-size:13px;font-weight:800;display:inline-flex}.character-voices-actions button.ghost{color:#a4573f;background:#f7e7df}.character-voices-actions small{color:#7cc4a4;font-size:12px;font-weight:700}.character-voice-rows{gap:8px;max-height:340px;padding-right:4px;display:grid;overflow-y:auto}.character-voice-row{background:#fff;border:1px solid #f0e2da;border-radius:14px;grid-template-columns:130px minmax(0,1fr) 120px 120px 36px;align-items:center;gap:10px;padding:9px 12px;display:grid}.character-voice-row>b{color:#4a3b34;font-size:13px}.character-voice-row select{background:#fff;border:1px solid #ece2da;border-radius:10px;min-width:0;padding:7px 9px;font-size:12px}.character-voice-row label{gap:2px;display:grid}.character-voice-row label span{color:#9a867a;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.character-voice-row input[type=range]{width:100%}.character-voice-preview{color:#a4573f;cursor:pointer;background:#f7e7df;border:0;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}@media (width<=720px){.character-voice-row{grid-template-columns:1fr 1fr;grid-template-areas:"name preview""voice voice""rate pitch"}.character-voice-row>b{grid-area:name}.character-voice-row select{grid-area:voice}.character-voice-row label:first-of-type{grid-area:rate}.character-voice-row label:nth-of-type(2){grid-area:pitch}.character-voice-preview{grid-area:preview;justify-self:end}}.voice-player{align-items:center;gap:8px;display:flex}.voice-player-main{color:#fff;cursor:pointer;background:#ef8a68;border:0;border-radius:13px;align-items:center;gap:8px;padding:11px 20px;font-weight:900;display:inline-flex}.voice-player-main:disabled{opacity:.6;cursor:not-allowed}.voice-player-stop{color:#a4573f;cursor:pointer;background:#f7e7df;border:0;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.voice-player-progress{color:#9a867a;font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.who-says-stage{justify-items:center;gap:16px;display:grid}.who-says-replay{color:#ef8a68;cursor:pointer;background:linear-gradient(140deg,#fff6f3,#fdfbfa);border:3px solid #ece2da;border-radius:26px;place-items:center;gap:8px;width:100%;max-width:320px;padding:34px 20px;transition:all .18s;display:grid}.who-says-replay:hover:not(:disabled){border-color:#e6b9a4;transform:translateY(-2px)}.who-says-replay span{color:#9a867a;font-size:12px;font-weight:800}.who-says-replay .is-ringing{animation:1s ease-in-out infinite whoSaysRing}@keyframes whoSaysRing{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}.who-says-line{color:#4a3b34;margin:0;font-size:21px;font-weight:900}.who-says-choices{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%;display:grid}.who-says-choice{color:#4a3b34;cursor:pointer;background:#fff;border:3px solid #ece2da;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:62px;padding:12px 16px;transition:all .18s;display:flex}.who-says-choice b{font-size:16px}.who-says-choice:hover:not(:disabled){border-color:#e6b9a4;transform:translateY(-2px)}.who-says-choice.is-right{color:#2f7d5c;background:#eefaf4;border-color:#7cc4a4}.who-says-choice.is-wrong{color:#b9503f;background:#fdf1ee;border-color:#eba397}.matching-stage{grid-template-columns:1fr 1fr;align-items:start;gap:12px 14px;display:grid}.matching-stage .kana-typing-hud{grid-column:1/-1}.matching-clock{color:#4a7c8c;font-variant-numeric:tabular-nums;background:#e8f2f5}.matching-categories button{flex:0 auto;min-width:92px}.matching-pane{gap:10px;display:grid}.matching-pane-label{letter-spacing:.06em;color:#9a867a;text-transform:uppercase;font-size:12px;font-weight:900}.matching-images{grid-template-columns:1fr;gap:10px;display:grid}.matching-image{cursor:pointer;background:#fbf8f5;border:3px solid #ece2da;border-radius:18px;height:88px;padding:0;transition:all .18s;position:relative;overflow:hidden}.matching-image img{object-fit:contain;width:100%;height:100%;padding:6px;display:block}.matching-image:hover:not(:disabled){border-color:#e6b9a4;transform:translateY(-2px)}.matching-image.picked{border-color:#ef8a68;transform:translateY(-2px);box-shadow:0 8px 22px #ef8a6840}.matching-words{grid-template-columns:1fr;gap:10px;display:grid}.matching-word{cursor:pointer;background:#fff;border:3px solid #ece2da;border-radius:16px;place-items:center;gap:2px;min-width:0;height:88px;padding:10px 14px;transition:all .18s;display:grid}.matching-word b{text-overflow:ellipsis;white-space:nowrap;color:#4a3b34;max-width:100%;font-size:22px;line-height:1.3;overflow:hidden}.matching-word i{color:#8d7a70;font-size:12px;font-style:normal;font-weight:700}.matching-word:hover:not(:disabled){border-color:#e6b9a4;transform:translateY(-2px)}.matching-word.picked{background:#fff2ea;border-color:#ef8a68;box-shadow:0 8px 22px #ef8a6840}.matching-image.matched,.matching-word.matched{cursor:default;opacity:.72;background:#f0faf3;border-color:#6cc08a}.matching-image.matched img{filter:saturate(.55)}.matching-tick{color:#fff;background:#4fae74;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;inset:auto 6px 6px auto}.matching-image.wrong,.matching-word.wrong{background:#fdefec;border-color:#e5705f;animation:.4s matching-shake}@keyframes matching-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.matching-empty{background:#fdfaf7;border:1px dashed #e0d3c9;border-radius:18px;padding:18px 20px}.matching-empty strong{color:#4a3b34;margin-bottom:4px;display:block}.matching-empty p{color:#8d7a70;margin:0;font-size:14px}.matching-summary{gap:10px;display:grid}.matching-summary-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.matching-summary-card{text-align:left;cursor:pointer;color:#b3a49a;background:#fff;border:1px solid #eee4dc;border-radius:16px;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:10px 14px 10px 10px;transition:all .18s;display:grid}.matching-summary-card:hover{color:#d9663f;border-color:#e6b9a4}.matching-summary-card img{object-fit:cover;border-radius:12px;width:54px;height:54px}.matching-summary-card div{gap:1px;min-width:0;display:grid}.matching-summary-card b{color:#4a3b34;font-size:17px}.matching-summary-card i{color:#9a867a;font-size:12px;font-style:normal;font-weight:700}.matching-summary-card span{color:#7d6a60;font-size:13px}.fill-stage{justify-items:center;gap:16px;display:grid}.fill-card{background:#fff;border:3px solid #ece2da;border-radius:24px;justify-items:center;gap:12px;width:min(420px,100%);padding:20px;transition:border-color .2s;display:grid}.fill-card img{object-fit:cover;background:#f6f0ea;border-radius:20px;width:180px;height:180px}.fill-meaning{color:#6d5b52;margin:0;font-size:17px;font-weight:800}.fill-card.is-right{border-color:#6cc08a}.fill-card.is-wrong{border-color:#e5705f;animation:.4s matching-shake}.fill-slots{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.fill-slots span{color:#4a3b34;background:#fbf8f5;border:2px dashed #dccfc4;border-radius:12px;place-items:center;min-width:46px;height:54px;padding:0 6px;font-size:25px;font-weight:800;display:grid}.fill-slots span.filled{background:#fff2ea;border-style:solid;border-color:#ef8a68}.fill-card.is-right .fill-slots span{background:#f0faf3;border-color:#6cc08a}.fill-reveal{color:#4a8c63;margin:0;font-size:15px;font-weight:800}.fill-tiles{flex-wrap:wrap;justify-content:center;gap:9px;max-width:520px;display:flex}.fill-tile{color:#4a3b34;cursor:pointer;background:#fff;border:2px solid #ece2da;border-radius:14px;min-width:52px;height:52px;padding:0 10px;font-size:23px;font-weight:800;transition:all .15s}.fill-tile:hover:not(:disabled){border-color:#e6b9a4;transform:translateY(-2px)}.fill-tile:disabled{opacity:.28;cursor:default}.fill-actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.fill-actions button{color:#6d5b52;cursor:pointer;background:#fff;border:1px solid #e6ddd6;border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:800;display:inline-flex}.fill-actions button:hover:not(:disabled){color:#d9663f;border-color:#e6b9a4}.fill-actions button:disabled{opacity:.45;cursor:not-allowed}.matching-summary-card.is-missed{background:#fdf5f3;border-color:#f0c4bc}.memory-stage{justify-items:center;gap:16px;display:grid}.memory-board{grid-template-columns:repeat(4,1fr);gap:10px;width:min(460px,100%);display:grid}.memory-card{aspect-ratio:1;cursor:pointer;perspective:700px;background:0 0;border:0;padding:0;position:relative}.memory-face{backface-visibility:hidden;border-radius:16px;place-items:center;transition:transform .35s;display:grid;position:absolute;inset:0;overflow:hidden}.memory-back{color:#ffffff9c;background:linear-gradient(140deg,#f39a6d,#e86f5f);font-size:27px;font-weight:900;transform:rotateY(0)}.memory-front{background:#fff;border:3px solid #ece2da;transform:rotateY(180deg)}.memory-card.is-up .memory-back{transform:rotateY(-180deg)}.memory-card.is-up .memory-front{transform:rotateY(0)}.memory-front img{object-fit:cover;width:100%;height:100%}.memory-front b{color:#4a3b34;overflow-wrap:anywhere;padding:4px;font-size:20px;line-height:1.25}.memory-card.is-solved .memory-front{background:#f0faf3;border-color:#6cc08a}.memory-card.is-solved{cursor:default}.memory-card.is-solved .memory-front img{filter:saturate(.55)}.memory-card.is-miss .memory-front{background:#fdefec;border-color:#e5705f}.ws-stage{gap:16px;display:grid}.word-search-how{color:#7d6a60;margin:0;font-size:13px;line-height:1.7}.ws-layout{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:18px;display:grid}.ws-grid{background:#fff;border:1px solid #eee4dc;border-radius:20px;gap:2px;max-width:520px;padding:12px;display:grid;position:relative}.ws-cell{aspect-ratio:1;color:#4a3b34;-webkit-user-select:none;user-select:none;border-radius:7px;place-items:center;font-size:clamp(13px,2.4vw,20px);font-weight:700;display:grid}.ws-overlay{pointer-events:none;width:calc(100% - 24px);height:calc(100% - 24px);position:absolute;inset:12px}.ws-ring{fill:none;opacity:.34;stroke-dasharray:0}.ws-ring.c0{stroke:#ef8a68}.ws-ring.c1{stroke:#4a8ce8}.ws-ring.c2{stroke:#4aa86a}.ws-ring.c3{stroke:#b06fd0}.ws-ring.c4{stroke:#e0b13c}.ws-ring.c5{stroke:#40b8b0}.ws-slots{gap:7px;margin:0;padding:0;list-style:none;display:grid}.ws-slot{background:#fff;border:1px solid #eee4dc;border-radius:13px;align-items:center;gap:9px;padding:7px 10px;display:flex}.ws-slot-index{color:#9a867a;background:#f4ece6;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-size:12px;font-weight:900;display:grid}.ws-slot input{color:#4a3b34;background:0 0;border:0;outline:none;flex:auto;min-width:0;font-size:15px;font-weight:700}.ws-slot-hint{color:#b3a49a;cursor:pointer;background:#fff;border:1px solid #eee4dc;border-radius:9px;flex:none;place-items:center;width:28px;height:28px;display:grid}.ws-slot-hint:hover{color:#d9663f;border-color:#e6b9a4}.ws-slot-clue{color:#a8927f;flex:none;font-size:12px;font-weight:700}.ws-slot.is-found{background:#f4fbf6;border-color:#bfe3cd}.ws-slot.is-wrong{background:#fdefec;border-color:#e5705f;animation:.4s matching-shake}.ws-slot-answer{text-align:left;cursor:pointer;color:#4a8c63;background:0 0;border:0;flex:auto;align-items:baseline;gap:8px;min-width:0;padding:0;display:flex}.ws-slot-answer b{color:#34694a;font-size:16px}.ws-slot-answer i{color:#6f9a80;font-size:12px;font-style:normal}.ws-slot-answer em{text-overflow:ellipsis;white-space:nowrap;color:#8aa593;flex:auto;min-width:0;font-size:12px;font-style:normal;overflow:hidden}.ws-summary-kana{color:#a8927f;background:#f4ece6;border-radius:12px;place-items:center;width:54px;height:54px;font-size:24px;font-weight:800;display:grid}.rpg-intro{background:#fff;border:1px solid #eee4dc;border-radius:20px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:20px;display:grid}.rpg-intro-boss{width:62px;animation:1.4s steps(2,jump-none) infinite pixel-bob;display:block}.rpg-intro-boss svg{width:100%;height:auto;image-rendering:pixelated}.rpg-intro strong{color:#4a3b34;margin-bottom:6px;display:block}.rpg-intro ul{color:#7d6a60;gap:3px;margin:0;padding-left:18px;font-size:13px;display:grid}.rpg-stage{justify-items:center;gap:14px;display:grid}.rpg-status{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.rpg-stage-badge{color:#6d5b52;background:#f4ece6;border-radius:999px;padding:7px 15px;font-size:13px;font-weight:900}.rpg-status .kana-typing-combo{border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:900;display:inline-flex}.rpg-hearts{color:#e5705f;gap:3px;display:inline-flex}.rpg-hearts .lost{opacity:.3}.rpg-arena{background:linear-gradient(#fff6ef,#fdeee6);border:1px solid #e8dcd2;border-radius:24px;justify-items:center;gap:12px;width:min(520px,100%);padding:22px 20px;display:grid;position:relative}.rpg-arena.hit-boss{animation:.4s rpg-shake}.rpg-arena.hit-player{animation:.45s rpg-flash}@keyframes rpg-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes rpg-flash{0%,to{background:linear-gradient(#fff6ef,#fdeee6)}40%{background:linear-gradient(#ffe0da,#ffd0c6)}}.rpg-boss{justify-items:center;gap:8px;display:grid}.pixel-scene{aspect-ratio:16/9;width:min(460px,100%);image-rendering:pixelated;background:linear-gradient(#2b2a5e 0% 22%,#6b4a86 22% 44%,#c96f6a 44% 62%,#efa876 62% 100%);border:3px solid #4a3b34;border-radius:14px;position:relative;overflow:hidden}.pixel-hills{width:100%;height:30%;display:block;position:absolute;inset:auto 0 20%}.pixel-ground{background:linear-gradient(#6f4f36 0 26%,#543a27 26% 100%);height:22%;position:absolute;inset:auto 0 0;box-shadow:inset 0 3px #8a6444}.pixel-wind{pointer-events:none;position:absolute;inset:0}.pixel-wind i{opacity:.28;background:#fff;border-radius:0;width:22px;height:3px;animation:4.5s linear infinite pixel-wind-drift;position:absolute;left:0}.pixel-wind i:nth-child(2){opacity:.18;width:14px;animation-duration:6.2s;animation-delay:-1.4s}.pixel-wind i:nth-child(3){opacity:.22;width:30px;animation-duration:3.8s;animation-delay:-.6s}.pixel-wind i:nth-child(4){opacity:.15;width:18px;animation-duration:7.1s;animation-delay:-3.1s}.pixel-wind i:nth-child(5){opacity:.2;width:26px;animation-duration:5.3s;animation-delay:-2.2s}.pixel-wind i:nth-child(6){opacity:.13;width:12px;animation-duration:8s;animation-delay:-4.5s}@keyframes pixel-wind-drift{0%{transform:translate(480px)}to{transform:translate(-40px)}}.pixel-hero,.pixel-boss{align-items:flex-end;display:flex;position:absolute;bottom:16%}.pixel-hero{gap:1px;animation:1.1s steps(2,jump-none) infinite pixel-bob;left:13%}.pixel-boss{animation:1.5s steps(2,jump-none) infinite pixel-bob;right:11%}.pixel-hero-body{width:46px;height:auto}.pixel-hero-sword{transform-origin:50% 90%;width:10px;height:auto;margin-bottom:8px;transform:rotate(18deg)}.pixel-boss-body{width:74px;height:auto}@keyframes pixel-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.rpg-arena.hit-boss .pixel-hero{animation:.55s steps(3,jump-none) pixel-lunge-right}.rpg-arena.hit-boss .pixel-hero-sword{animation:.55s steps(3,jump-none) pixel-swing}.rpg-arena.hit-boss .pixel-boss{animation:.55s steps(3,jump-none) pixel-knockback-right}.rpg-arena.hit-boss .pixel-boss-body{animation:.4s steps(2,jump-none) pixel-flash}.rpg-arena.hit-player .pixel-boss{animation:.6s steps(3,jump-none) pixel-lunge-left}.rpg-arena.hit-player .pixel-hero{animation:.6s steps(3,jump-none) pixel-knockback-left}.rpg-arena.hit-player .pixel-hero-body{animation:.45s steps(2,jump-none) pixel-flash}@keyframes pixel-lunge-right{0%{transform:translate(0)}40%{transform:translate(58px)}70%{transform:translate(58px)}to{transform:translate(0)}}@keyframes pixel-lunge-left{0%{transform:translate(0)}40%{transform:translate(-58px)}70%{transform:translate(-58px)}to{transform:translate(0)}}@keyframes pixel-knockback-right{0%{transform:translate(0)}45%{transform:translate(13px)}to{transform:translate(0)}}@keyframes pixel-knockback-left{0%{transform:translate(0)}45%{transform:translate(-13px)}to{transform:translate(0)}}@keyframes pixel-swing{0%{transform:rotate(18deg)}40%{transform:rotate(-72deg)}70%{transform:rotate(-72deg)}to{transform:rotate(18deg)}}@keyframes pixel-flash{0%,to{filter:none}50%{filter:brightness(3)saturate(0)}}.pixel-slash{opacity:0;background:linear-gradient(58deg,#0000 44%,#fff6e0 44% 56%,#0000 56%),linear-gradient(58deg,#0000 20%,#ffd6a5 20% 27%,#0000 27%);width:34px;height:34px;position:absolute;bottom:26%;right:16%}.rpg-arena.hit-boss .pixel-slash{animation:.4s steps(2,jump-none) pixel-slash-pop}@keyframes pixel-slash-pop{0%{opacity:0;transform:scale(.6)}40%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.pixel-hero,.pixel-boss,.pixel-wind i,.pixel-hero-sword,.pixel-slash,.rpg-arena.hit-boss .pixel-hero,.rpg-arena.hit-boss .pixel-boss,.rpg-arena.hit-player .pixel-hero,.rpg-arena.hit-player .pixel-boss{animation:none}}.rpg-boss-hp{justify-items:center;gap:4px;width:min(280px,70vw);display:grid}.rpg-boss-hp-bar{background:#f0ddd5;border-radius:999px;width:100%;height:11px;overflow:hidden}.rpg-boss-hp-bar span{background:linear-gradient(90deg,#e8735a,#c9463c);border-radius:999px;height:100%;transition:width .35s;display:block}.rpg-boss-hp small{color:#9a867a;font-size:11px;font-weight:800}.rpg-shout{text-align:center;background:#fff;border:2px solid #f0d9cc;border-radius:18px;justify-items:center;gap:3px;padding:12px 22px;display:grid}.rpg-shout-label{letter-spacing:.05em;color:#b3a49a;font-size:11px;font-weight:900}.rpg-shout strong{color:#4a3b34;font-size:27px;line-height:1.3}.rpg-shout i{color:#9a867a;font-size:13px;font-style:normal;font-weight:700}.rpg-log{color:#b06a4f;margin:0;font-size:13px;font-weight:800}.rpg-timer{background:#efe5dd;border-radius:999px;width:min(520px,100%);height:8px;overflow:hidden}.rpg-timer span{background:linear-gradient(90deg,#f3a86d,#e8735a);border-radius:999px;height:100%;transition:width .1s linear;display:block}.rpg-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(520px,100%);display:grid}.rpg-choice{color:#4a3b34;cursor:pointer;background:#fff;border:2px solid #ece2da;border-radius:15px;padding:15px 14px;font-size:16px;font-weight:800;transition:all .15s}.rpg-choice:hover:not(:disabled){border-color:#e6b9a4;transform:translateY(-2px)}.rpg-choice:disabled{cursor:default}.rpg-choice.is-right{color:#34694a;background:#f0faf3;border-color:#6cc08a}.rpg-choice.is-wrong{color:#a83c2f;background:#fdefec;border-color:#e5705f}.rpg-drop{justify-items:center;gap:12px;width:min(520px,100%);display:grid}.rpg-drop-title{color:#6d5b52;font-size:14px;font-weight:900}.rpg-drop-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.rpg-drop-options button{cursor:pointer;color:#d9663f;background:#fff;border:2px solid #ece2da;border-radius:18px;justify-items:center;gap:5px;padding:18px 14px;transition:all .18s;display:grid}.rpg-drop-options button:hover{border-color:#ef8a68;transform:translateY(-2px);box-shadow:0 10px 24px #ef8a6826}.rpg-drop-options strong{color:#4a3b34;font-size:15px}.rpg-drop-options span{color:#8d7a70;font-size:12px;font-weight:700}.rpg-outcome{color:#d9663f;background:#fff;border:1px solid #eee4dc;border-radius:16px;align-items:center;gap:12px;padding:14px 18px;display:flex}.rpg-outcome p{color:#7d6a60;margin:0;font-size:14px}.dark .home-slide{background:#1f2942}.dark .kana-typing-heading p,.dark .practice-heading p{color:#94a3b8}.dark .kana-typing-back{color:#cbd5e1;border-color:#334155}.dark .kana-typing-sound{background:#0f172a;border-color:#334155}.dark .kana-typing-sound.on{background:#2b1f22;border-color:#ef8a68}.dark .kana-typing-setup fieldset,.dark .kana-typing-input{background:#0f172a;border-color:#334155}.dark .kana-typing-choices button{background:#16233c;border-color:#334155}.dark .kana-typing-choices button.active{background:#2b1f22;border-color:#ef8a68}.dark .kana-typing-input input{color:#e2e8f0}.dark .kana-typing-missed,.dark .kana-leaderboard-empty{background:#0f172a;border-color:#334155}.dark .kana-podium-slot{background:linear-gradient(#16233c,#0f172a);border-color:#334155}.dark .game-card{background:#0f172a;border-color:#33507a}.dark .game-card-art{background:linear-gradient(160deg,#1b2942,#131e33);border-color:#33507a}.dark .game-card-body strong{color:#e2e8f0}.dark .game-card-blurb{color:#94a3b8}.dark .game-card-badge{color:#7c8db0}.dark .arcade-hero{border-color:#33507a}.dark .rpg-intro,.dark .rpg-shout,.dark .rpg-choice,.dark .rpg-drop-options button,.dark .rpg-outcome{background:#0f172a;border-color:#334155}.dark .rpg-intro strong,.dark .rpg-shout strong,.dark .rpg-choice,.dark .rpg-drop-options strong{color:#e2e8f0}.dark .rpg-intro ul,.dark .rpg-outcome p,.dark .rpg-drop-options span{color:#94a3b8}.dark .rpg-arena{background:linear-gradient(#16233c,#0f172a);border-color:#334155}.dark .rpg-arena.hit-player{animation:.45s rpg-flash-dark}@keyframes rpg-flash-dark{0%,to{background:linear-gradient(#16233c,#0f172a)}40%{background:linear-gradient(#45222a,#35191f)}}.dark .rpg-stage-badge{color:#cbd5e1;background:#1e293b}.dark .rpg-boss-hp-bar,.dark .rpg-timer{background:#1e293b}.dark .rpg-choice.is-right{color:#86d3a4;background:#17301f;border-color:#6cc08a}.dark .rpg-choice.is-wrong{color:#f0a196;background:#33191a;border-color:#e5705f}.dark .ws-grid,.dark .ws-slot,.dark .ws-slot-hint{background:#0f172a;border-color:#334155}.dark .ws-cell,.dark .ws-slot input{color:#e2e8f0}.dark .ws-slot-index{color:#94a3b8;background:#1e293b}.dark .ws-slot.is-found{background:#16281d;border-color:#3f7a55}.dark .ws-slot-answer b{color:#86d3a4}.dark .ws-slot.is-wrong{background:#33191a;border-color:#e5705f}.dark .ws-summary-kana{color:#94a3b8;background:#1e293b}.dark .word-search-how{color:#94a3b8}.dark .memory-front{background:#0f172a;border-color:#334155}.dark .memory-front b{color:#e2e8f0}.dark .memory-card.is-solved .memory-front{background:#17301f;border-color:#6cc08a}.dark .memory-card.is-miss .memory-front{background:#33191a;border-color:#e5705f}.dark .fill-card,.dark .fill-tile,.dark .fill-actions button{background:#0f172a;border-color:#334155}.dark .fill-slots span{color:#e2e8f0;background:#16233c;border-color:#334155}.dark .fill-slots span.filled{background:#2b1f22;border-color:#ef8a68}.dark .fill-card.is-right .fill-slots span{background:#17301f;border-color:#6cc08a}.dark .fill-tile,.dark .fill-meaning,.dark .fill-actions button{color:#e2e8f0}.dark .matching-summary-card.is-missed{background:#2a1a1a;border-color:#7c4a44}.dark .matching-clock{color:#93c5d5;background:#16323c}.dark .matching-image,.dark .matching-word,.dark .matching-empty,.dark .matching-summary-card{background:#0f172a;border-color:#334155}.dark .matching-word b,.dark .matching-summary-card b,.dark .matching-empty strong{color:#e2e8f0}.dark .matching-summary-card span,.dark .matching-empty p{color:#94a3b8}.dark .matching-word.picked,.dark .matching-image.picked{background:#2b1f22;border-color:#ef8a68}.dark .matching-image.matched,.dark .matching-word.matched{background:#17301f;border-color:#4fae74}.dark .matching-image.wrong,.dark .matching-word.wrong{background:#33191a;border-color:#e5705f}.picture-sprint-page{max-width:760px}.picture-sprint-setup,.picture-sprint-stage{gap:16px;display:grid}.picture-sprint-setup{background:linear-gradient(145deg,#fff8f3,#f2f7ff);border:1px solid #ebe0d7;border-radius:24px;padding:28px}.picture-sprint-setup h2,.picture-sprint-setup p,.picture-sprint-answer p{margin:0}.picture-sprint-setup h2{color:#4a3b34;margin-top:6px}.picture-sprint-setup p{color:#7d6a60;max-width:58ch;margin-top:8px;line-height:1.7}.picture-sprint-hud{color:#6d5b52;justify-content:space-between;gap:12px;font-size:13px;font-weight:900;display:flex}.picture-sprint-hud span{background:#f4ece6;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;display:inline-flex}.picture-sprint-timer{background:#eee4dc;border-radius:999px;height:10px;overflow:hidden}.picture-sprint-timer span{border-radius:inherit;background:linear-gradient(90deg,#58b88a,#f0b654);height:100%;transition:width 80ms linear,background .2s;display:block}.picture-sprint-timer.is-urgent span{background:#e5705f}.picture-sprint-seconds{color:#fff;background:#3f596e;border-radius:50%;justify-self:center;place-items:center;width:42px;height:42px;margin:-7px 0;display:grid;box-shadow:0 4px 12px #2a3c6233}.picture-sprint-card{background:#fff;border:3px solid #4a3b34;border-radius:24px;overflow:hidden;box-shadow:0 12px 30px #5c403120}.picture-sprint-card img{aspect-ratio:16/8;object-fit:contain;background:#f8f3ed;width:100%;display:block}.picture-sprint-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.picture-sprint-choices button{color:#4a3b34;cursor:pointer;background:#fff;border:2px solid #e8ddd4;border-radius:16px;justify-items:center;gap:2px;min-height:72px;padding:12px;display:grid;position:relative}.picture-sprint-choices button:hover:not(:disabled){border-color:#8ab9dc;transform:translateY(-2px)}.picture-sprint-choices button:disabled{cursor:default}.picture-sprint-choices b{font-size:21px}.picture-sprint-choices small{color:#8d7a70}.picture-sprint-choices svg{position:absolute;top:10px;right:10px}.picture-sprint-choices .is-picked{background:#fff7e9;border-color:#e7a35f}.picture-sprint-choices .is-answer{color:#276a43;background:#effaf3;border-color:#55ad7a}.picture-sprint-wait{text-align:center;color:#a36a3d;margin:0;font-size:13px;font-weight:800}.picture-sprint-answer{text-align:center;background:#f4f9f5;border:1px solid #bde1ca;border-radius:20px;justify-items:center;gap:4px;padding:22px;display:grid}.picture-sprint-answer>span{color:#47835e;font-size:12px;font-weight:900}.picture-sprint-answer strong{color:#2f593e;font-size:30px}.picture-sprint-answer i,.picture-sprint-answer small,.picture-sprint-answer p{color:#6a7b6d}.picture-sprint-answer button{color:#3d7251;cursor:pointer;background:#dff2e5;border:0;border-radius:10px;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;font-weight:800;display:inline-flex}.picture-sprint-answer .picture-sprint-next{color:#fff;background:#4b8f66}.dark .picture-sprint-setup,.dark .picture-sprint-card,.dark .picture-sprint-choices button{background:#0f172a;border-color:#334155}.dark .picture-sprint-setup h2,.dark .picture-sprint-choices button{color:#e2e8f0}.dark .picture-sprint-setup p,.dark .picture-sprint-choices small{color:#94a3b8}.dark .picture-sprint-card img{background:#16233c}.dark .picture-sprint-answer{background:#11291b;border-color:#2d6041}.dark .picture-sprint-answer strong{color:#9bd8ae}.dark .picture-sprint-answer i,.dark .picture-sprint-answer small,.dark .picture-sprint-answer p{color:#b3cbb9}@media (width<=560px){.picture-sprint-choices{grid-template-columns:1fr}.picture-sprint-card img{aspect-ratio:4/3}}.dark .referrer-name{color:#cbd5e1}.dark .referrer-bar{background:#1e293b}@media (width<=760px){.home-slide{grid-template-columns:1fr;gap:14px;padding:20px}.home-slide-content h2{font-size:21px}.home-slider-arrow{display:none}.practice-hero{grid-template-columns:1fr;gap:12px}.practice-hero-art{gap:8px;display:flex}.kana-podium{gap:7px}.kana-podium-slot{padding:12px 5px 0}.kana-podium-slot img{width:38px;height:38px}.kana-podium-slot b{font-size:16px}.matching-stage{gap:10px}.matching-images{gap:8px}.matching-image{height:68px}.matching-words{gap:8px}.matching-word{height:68px;padding:8px 10px}.matching-word b{font-size:19px}.matching-summary-grid,.ws-layout,.game-card-grid{grid-template-columns:1fr}.game-card.is-featured{grid-column:span 1;grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.game-card.is-featured .game-card-art{aspect-ratio:16/7;border-bottom:3px solid #4a3b34;border-right:0;grid-row:auto;min-height:0}.dark .game-card.is-featured .game-card-art{border-bottom-color:#33507a}.arcade-hero{padding:20px 18px 18px}.rpg-intro{text-align:center;grid-template-columns:1fr;justify-items:center}.rpg-intro ul{text-align:left}.rpg-choices,.rpg-drop-options{grid-template-columns:1fr}.rpg-shout strong{font-size:23px}.ws-grid{gap:1px;padding:8px}.ws-overlay{width:calc(100% - 16px);height:calc(100% - 16px);inset:8px}}.game-launch{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f7f2ebe6;place-items:center;padding:24px;animation:.16s game-launch-fade;display:grid;position:fixed;inset:0}.game-launch-card{text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:24px;justify-items:center;gap:9px;padding:30px 40px;animation:.28s cubic-bezier(.2,.9,.3,1.3) game-launch-pop;display:grid;box-shadow:0 22px 55px #2a3c6226}.game-launch-card svg{color:var(--coral)}.game-launch-card strong{color:var(--ink);font-size:18px;font-weight:900}.game-launch-card span{color:var(--muted);font-size:13px}@keyframes game-launch-fade{0%{opacity:0}}@keyframes game-launch-pop{0%{opacity:0;transform:scale(.92)}}.dark .game-launch{background:#0f1726e6}@media (width<=720px){.shadow-preview{width:100%}.shadow-lesson-sheet{border-radius:6px}.shadow-lesson-cover{grid-template-columns:1fr;gap:24px;padding:34px 20px 26px}.shadow-lesson-heading h2{font-size:29px}.shadow-lesson-figure{justify-self:center;width:min(100%,430px);transform:none}.shadow-lesson-figure img{height:180px}.shadow-lesson-tip{margin:18px 20px 0}.shadow-lesson-empty{margin:24px 20px 34px}.shadow-lesson-section{padding:30px 20px 34px}.shadow-lesson-section-title{grid-template-columns:auto 1fr}.shadow-lesson-section-title>svg{display:none}.shadow-dialogue-row{grid-template-columns:32px minmax(0,1fr) 34px;gap:9px;padding:16px 0}.shadow-speaker-mark{width:29px;height:29px}.shadow-lesson-japanese{font-size:18px}.shadow-dialogue-audio{width:34px;height:34px}.shadow-word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shadow-word-card{padding:16px 12px 13px}.shadow-word-card ruby{font-size:23px}.shadow-fill-card{grid-template-columns:26px minmax(0,1fr);gap:9px;padding:14px 12px}.shadow-fill-card>span{width:25px;height:25px}.shadow-fill-card p{font-size:16px}.shadow-preview-actions{grid-template-columns:1fr;display:grid}.shadow-preview-actions button{justify-content:center;width:100%}.shadow-scene-downloads.standalone{flex-direction:column;align-items:flex-start}}.game-page{--game-col:min(100%, 620px);max-width:900px}.game-page .kana-typing-setup{justify-items:center}.game-page .kana-typing-setup>*,.game-col{width:var(--game-col);justify-self:center}.game-page .kana-typing-start,.game-page .kana-typing-example{text-align:center;justify-content:center}.game-stage{justify-items:center}.game-stage>*{width:var(--game-col)}.game-heading-actions{flex:none;align-items:center;gap:10px;display:flex}.game-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.kana-typing-result .game-actions{margin-top:20px}.game-btn{border:1px solid var(--color-line);background:var(--color-paper);min-height:46px;color:var(--color-ink);font:inherit;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:800;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:inline-flex}.game-btn:hover:not(:disabled){border-color:#a9bbde;transform:translateY(-2px);box-shadow:0 8px 16px #354d791f}.game-btn:disabled{box-shadow:none;opacity:.45;cursor:not-allowed;transform:none}.game-btn.is-primary{border-color:var(--color-brand);background:var(--color-brand);color:#fff}.game-btn.is-primary:hover:not(:disabled){border-color:var(--color-brand);box-shadow:0 8px 18px #354d7947}.game-btn.is-icon{border-radius:12px;min-width:40px;min-height:40px;padding:0}.game-btn.is-icon-sm{border-radius:11px;min-width:36px;min-height:36px;padding:0}.game-btn.is-on{border-color:var(--color-accent);background:var(--color-accent-soft);color:#d9663f}.game-btn.is-jp{max-width:100%;font-family:var(--font-japanese);text-align:left;font-size:1.02rem}.game-btn.is-jp span{overflow-wrap:anywhere;min-width:0}.game-btn.is-start{justify-self:start}.game-btn.is-end{justify-self:end}.game-option-picker{border:1px solid var(--color-line);text-align:left;background:#ffffffc7;border-radius:18px;gap:9px;padding:16px;display:grid}.game-option-picker>span{color:var(--color-brand);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:.78rem;font-weight:900;display:flex}.game-option-picker>div{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:8px;display:grid}.game-option-picker button{border:1px solid var(--color-line);background:var(--color-paper);min-height:46px;color:var(--color-ink);font:inherit;text-align:left;cursor:pointer;border-radius:14px;align-content:center;gap:3px;padding:11px 15px;transition:transform .16s,border-color .16s,background .16s;display:grid}.game-option-picker button:hover{border-color:#a9bbde;transform:translateY(-2px)}.game-option-picker button b{font-size:.95rem;font-weight:900}.game-option-picker button i{color:var(--color-muted);font-size:.8rem;font-style:normal}.game-option-picker button.is-selected{border-color:var(--color-brand);background:var(--color-brand);color:#fff}.game-option-picker button.is-selected i{color:#d7e2f7}.dark .game-btn,.dark .game-option-picker button{color:#e6ecf9;background:#232c42;border-color:#3a4763}.dark .game-btn.is-primary,.dark .game-option-picker button.is-selected{color:#fff;background:#3c5288;border-color:#7fa5e8}.dark .game-btn.is-on{color:#f0a483;background:#35241d;border-color:#d9663f}.dark .game-option-picker{background:#1c2436;border-color:#2e3a55}.dark .game-option-picker button i{color:#9aa8c2}@media (width<=640px){.game-actions{flex-direction:column;align-items:stretch}.game-btn.is-start,.game-btn.is-end{justify-self:stretch}}.game-reflection{color:#203454;text-align:left;background:linear-gradient(135deg,#eef4ff,#fff8ef);border:1px solid #b9c9ee;border-radius:18px;gap:13px;margin:18px 0 0;padding:19px;display:grid}.dark .game-reflection{color:#edf3ff;background:linear-gradient(135deg,#1d2c47,#342943);border-color:#4a608a}.game-reflection-kicker{color:#46649b;letter-spacing:.08em;align-items:center;gap:6px;font-size:.72rem;font-weight:900;display:inline-flex}.dark .game-reflection-kicker{color:#a8c3fa}.game-reflection-copy{align-items:flex-start;gap:12px;display:flex}.game-reflection-icon{color:#fff;background:#48669e;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.game-reflection-guide{background:#ffe0ae;border-radius:15px 15px 8px 8px;align-self:end;width:46px;height:54px;padding:4px}.game-reflection-guide svg{width:100%;height:100%}.dark .game-reflection-guide{background:#634a2d}.game-reflection h2{margin:0;font-size:1rem}.game-reflection p{color:#4c5d78;margin:5px 0 0;font-size:.9rem;line-height:1.55}.dark .game-reflection p{color:#c8d5eb}.game-reflection-action{background:#ffffff94;border-radius:11px;padding:10px 12px;font-weight:750;margin:0!important}.dark .game-reflection-action{background:#0000002e}.game-reflection button{color:#fff;font:inherit;cursor:pointer;background:#48669e;border:0;border-radius:10px;justify-self:start;align-items:center;gap:7px;padding:9px 12px;font-size:.86rem;font-weight:800;display:inline-flex}.game-reflection button:hover{background:#354f81}.game-reflection-focus{gap:8px;padding-top:2px;display:grid}.game-reflection-focus>b{font-size:.82rem}.game-reflection-focus>div{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px;display:grid}.game-reflection-focus button{text-align:left;justify-self:stretch;gap:2px;padding:9px 10px;display:grid}.game-reflection-focus button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-reflection-focus button small{color:#dbe7ff;font-size:.7rem;font-weight:700}.sentence-stage{border:1px solid var(--color-line);background:var(--color-paper);box-shadow:var(--shadow-card);border-radius:24px;gap:16px;margin-top:22px;padding:22px;display:grid}.sentence-prompt{text-align:center;background:linear-gradient(150deg,#f7faff,#eef3fd);border:1px solid #e2e8f6;border-radius:20px;justify-items:center;gap:8px;padding:20px 18px;display:grid}.sentence-pack{color:var(--color-brand);letter-spacing:.04em;background:#354d791a;border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:900}.sentence-prompt strong{color:var(--color-ink);font-size:clamp(1.1rem,3vw,1.5rem);line-height:1.5}.sentence-template{color:var(--color-brand);font-family:var(--font-japanese);letter-spacing:.03em;margin:0;font-size:1.15rem;font-weight:800}.sentence-prompt small{color:var(--color-muted);align-items:center;gap:6px;font-size:.84rem;display:inline-flex}.sentence-tray{background:#fbfcff;border:2px dashed #cbd6ea;border-radius:18px;flex-wrap:wrap;align-content:center;gap:8px;min-height:76px;padding:14px;display:flex}.sentence-tray.is-empty{justify-content:center;align-items:center}.sentence-tray-hint{color:var(--color-muted);font-size:.88rem}.sentence-bank{flex-wrap:wrap;justify-content:center;gap:8px;min-height:52px;display:flex}.sentence-tile{background:var(--color-paper);color:var(--color-ink);font:inherit;font-family:var(--font-japanese);cursor:pointer;border:1px solid #d5ddee;border-radius:13px;padding:11px 15px;font-size:1.05rem;font-weight:800;transition:transform .14s,border-color .14s,box-shadow .14s;box-shadow:0 3px #e3e8f3}.sentence-tile:hover:not(:disabled){border-color:var(--color-brand);transform:translateY(-2px);box-shadow:0 6px 12px #354d7924}.sentence-tile:disabled{cursor:not-allowed;opacity:.55}.sentence-tile.is-placed{border-color:var(--color-brand);background:var(--color-brand-soft);box-shadow:0 3px #cddaf1}.sentence-tile.is-trap{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}.sentence-retry{color:#8a6a1d;background:#fdf6e6;border:1px solid #eed9a8;border-radius:16px;align-items:center;gap:10px;padding:13px 16px;font-size:.92rem;font-weight:700;line-height:1.7;display:flex}.dark .sentence-retry{color:#e8cd8a;background:#2a2418;border-color:#5a4a24}.sentence-verdict{border:1px solid var(--color-line);background:var(--color-canvas);border-radius:20px;gap:11px;padding:18px;display:grid}.sentence-verdict strong{font-size:1.02rem}.sentence-verdict p{color:var(--color-ink);margin:0;font-size:.92rem;line-height:1.75}.sentence-verdict.is-best{background:var(--color-success-soft);border-color:#b9ddcd}.sentence-verdict.is-best strong{color:var(--color-success)}.sentence-verdict.is-ok{background:#fdf6e6;border-color:#ecd49a}.sentence-verdict.is-ok strong{color:#9a7420}.sentence-verdict.is-wrong{background:var(--color-danger-soft);border-color:#eec2b8}.sentence-verdict.is-wrong strong{color:var(--color-danger)}.sentence-traps{background:#ffffffb3;border:1px solid #eec2b8;border-radius:15px;gap:7px;padding:13px;display:grid}.sentence-traps>span{color:var(--color-danger);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:6px;font-size:.76rem;font-weight:900;display:inline-flex}.sentence-traps b{background:var(--color-danger-soft);color:var(--color-danger);font-family:var(--font-japanese);border-radius:8px;margin-right:6px;padding:2px 8px;display:inline-block}.sentence-review{gap:12px;margin-top:22px;display:grid}.sentence-review-label{color:var(--color-brand);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:900}.sentence-review-card{border:1px solid var(--color-line);border-left:4px solid var(--color-line);background:var(--color-paper);border-radius:18px;gap:8px;padding:16px 18px;display:grid}.sentence-review-card.is-best{border-left-color:var(--color-success)}.sentence-review-card.is-ok{border-left-color:var(--color-warning)}.sentence-review-card.is-wrong{border-left-color:var(--color-danger)}.sentence-review-card header{justify-content:space-between;align-items:center;gap:12px;display:flex}.sentence-review-answer{color:var(--color-brand);font-family:var(--font-japanese);margin:0;font-size:1.05rem;font-weight:800}.sentence-review-yours{color:var(--color-danger);margin:0;font-size:.88rem}.sentence-review-card p{color:var(--color-muted);margin:0;font-size:.88rem;line-height:1.7}.sentence-review-card ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.sentence-review-card li{color:var(--color-muted);font-size:.85rem;line-height:1.65}.sentence-review-card li b{background:var(--color-danger-soft);color:var(--color-danger);font-family:var(--font-japanese);border-radius:7px;margin-right:6px;padding:1px 7px;display:inline-block}.sentence-admin-answer{color:var(--color-muted);font-family:var(--font-japanese);display:block}.sentence-admin-block{border:1px solid var(--color-line);background:var(--color-canvas);border-radius:16px;gap:9px;padding:14px;display:grid}.sentence-admin-block header{gap:3px;display:grid}.sentence-admin-block header small{color:var(--color-muted);font-size:.8rem;line-height:1.6}.sentence-admin-block code{background:var(--color-brand-soft);font-family:var(--font-japanese);border-radius:6px;padding:1px 5px}.sentence-admin-row{grid-template-columns:minmax(0,1.3fr) 150px minmax(0,1.3fr) 40px;gap:8px;display:grid}.sentence-admin-row.is-trap{grid-template-columns:130px minmax(0,1fr) 40px}.sentence-admin-row input,.sentence-admin-row select{border:1px solid var(--color-line);background:var(--color-paper);min-width:0;color:var(--color-ink);font:inherit;border-radius:10px;padding:9px 11px;font-size:.9rem}.sentence-admin-row .delete{border:1px solid var(--color-line);background:var(--color-paper);color:var(--color-danger);cursor:pointer;border-radius:10px;place-items:center;display:grid}.sentence-admin-row .delete:disabled{cursor:not-allowed;opacity:.4}.sentence-admin-add{border:1px dashed var(--color-brand);color:var(--color-brand);font:inherit;cursor:pointer;background:0 0;border-radius:10px;justify-self:start;align-items:center;gap:6px;padding:8px 13px;font-size:.85rem;font-weight:800;display:inline-flex}.sentence-admin-warning{color:var(--color-danger);align-items:center;gap:7px;margin:0;font-size:.83rem;display:flex}.sentence-admin-preview{gap:7px;display:grid}.sentence-admin-preview>span{color:var(--color-brand);letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:900}.sentence-admin-preview>div{flex-wrap:wrap;gap:6px;display:flex}.sentence-admin-preview b,.sentence-admin-preview i{font-family:var(--font-japanese);border-radius:9px;padding:5px 10px;font-size:.92rem;font-style:normal;font-weight:800}.sentence-admin-preview b{background:var(--color-brand-soft);color:var(--color-brand)}.sentence-admin-preview i{background:var(--color-danger-soft);color:var(--color-danger)}.dark .sentence-stage,.dark .sentence-review-card,.dark .sentence-admin-block{background:#1c2436;border-color:#2e3a55}.dark .sentence-prompt{background:linear-gradient(150deg,#212a3f,#1a2233);border-color:#33405c}.dark .sentence-prompt strong{color:#eef3ff}.dark .sentence-template{color:#a8c4f5}.dark .sentence-tray{background:#171e2c;border-color:#3a4763}.dark .sentence-tile{color:#e6ecf9;background:#232c42;border-color:#3a4763;box-shadow:0 3px #131a27}.dark .sentence-tile.is-placed{background:#2c3a58;border-color:#7fa5e8}.dark .sentence-verdict{background:#1a2233;border-color:#2e3a55}.dark .sentence-verdict p,.dark .sentence-review-card p,.dark .sentence-review-card li{color:#b9c5dc}.dark .sentence-review-card header button{color:#e6ecf9;background:#232c42;border-color:#3a4763}.dark .sentence-traps{background:#241c1f;border-color:#5a3b38}.dark .sentence-admin-row input,.dark .sentence-admin-row select,.dark .sentence-admin-row .delete{color:#e6ecf9;background:#232c42;border-color:#3a4763}@media (width<=700px){.sentence-stage{padding:15px}.sentence-admin-row,.sentence-admin-row.is-trap{grid-template-columns:minmax(0,1fr) 40px}.sentence-admin-row select{grid-column:1/-1}}.grammar-stage{border:1px solid var(--color-line);background:var(--color-paper);box-shadow:var(--shadow-card);border-radius:24px;gap:16px;margin-top:22px;padding:22px;display:grid}.grammar-weak-hint{color:#8a6a1d;text-align:left;background:#fdf6e6;border:1px solid #eed9a8;border-radius:14px;align-items:center;gap:8px;padding:11px 15px;font-size:.87rem;display:flex}.grammar-bank-note{color:var(--color-muted);align-items:center;gap:6px;margin:0;font-size:.8rem;display:flex}.grammar-progress{background:var(--color-line);border-radius:999px;height:6px;overflow:hidden}.grammar-progress span{background:linear-gradient(90deg, var(--color-brand), var(--color-accent));border-radius:999px;height:100%;transition:width .3s;display:block}.grammar-question{text-align:center;background:linear-gradient(150deg,#f7faff,#eef3fd);border:1px solid #e2e8f6;border-radius:20px;justify-items:center;gap:10px;padding:24px 20px;display:grid}.grammar-topic-chip{color:var(--color-brand);letter-spacing:.03em;background:#354d791a;border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:900}.grammar-question p{color:var(--color-ink);font-family:var(--font-japanese);margin:0;font-size:clamp(1.15rem,4vw,1.65rem);font-weight:800;line-height:1.9}.grammar-question b{border-bottom:3px solid var(--color-brand);min-width:3.2rem;color:var(--color-brand);margin:0 4px;display:inline-block}.grammar-question b.is-right{border-bottom-color:var(--color-success);color:var(--color-success)}.grammar-question b.is-wrong{border-bottom-color:var(--color-danger);color:var(--color-danger)}.grammar-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.grammar-choices .rpg-choice{min-height:62px;font-family:var(--font-japanese);font-size:1.15rem}.grammar-feedback{border:1px solid var(--color-line);background:var(--color-canvas);border-radius:18px;gap:9px;padding:16px 18px;display:grid}.grammar-feedback strong{align-items:center;gap:7px;font-size:1rem;display:inline-flex}.grammar-feedback em{font-family:var(--font-japanese);font-style:normal;font-weight:900}.grammar-feedback p{color:var(--color-ink);margin:0;font-size:.92rem;line-height:1.75}.grammar-feedback.is-right{background:var(--color-success-soft);border-color:#b9ddcd}.grammar-feedback.is-right strong{color:var(--color-success)}.grammar-feedback.is-wrong{background:var(--color-danger-soft);border-color:#eec2b8}.grammar-feedback.is-wrong strong{color:var(--color-danger)}.swal2-container.te-tutor-backdrop{-webkit-backdrop-filter:blur(12px)saturate(80%);backdrop-filter:blur(12px)saturate(80%);padding:16px;background:#03070ec7!important}.swal2-popup.te-tutor-popup{color:#f4f7ff;border:1px solid #85a3d638;border-radius:26px;width:min(620px,100vw - 24px);max-height:calc(100dvh - 32px);padding:0 0 22px;overflow:hidden;box-shadow:0 30px 90px #0000008c;background:radial-gradient(circle at 10% 0,#4a6fab3d,#0000 38%),linear-gradient(155deg,#111a29,#080d15 70%)!important}.te-tutor-popup .te-tutor-title{color:#f7f9ff;font-family:var(--font-sans);text-align:left;margin:0;padding:24px 24px 5px;font-size:clamp(1.2rem,4vw,1.55rem);font-weight:900}.te-tutor-popup .te-tutor-content{color:#dfe7f7;font-family:var(--font-sans);text-align:left;margin:0;padding:14px 24px 4px;overflow-y:auto}.te-tutor-response,.te-tutor-lines{gap:10px;display:grid}.te-tutor-response{gap:18px}.te-tutor-status{color:#8ea4c9;align-items:center;gap:11px;font-size:.8rem;font-weight:800;display:flex}.te-tutor-avatar{color:#b9d1fa;width:36px;height:36px;font-family:var(--font-japanese);background:#6991d329;border:1px solid #89aae257;border-radius:12px;flex:0 0 36px;place-items:center;display:grid}.te-tutor-lines{min-height:76px}.te-tutor-line{color:#f3f6fc;background:#ffffff0a;border-left:2px solid #7099dc;border-radius:0 10px 10px 0;margin:0;padding:10px 12px;font-size:clamp(.92rem,2.8vw,1rem);line-height:1.75;animation:.18s ease-out both te-tutor-line-in}.te-tutor-line.is-typing:after{content:"";vertical-align:-.12em;background:#8fb6f7;width:2px;height:1em;margin-left:4px;animation:.65s step-end infinite te-tutor-caret;display:inline-block}.te-tutor-popup .te-tutor-confirm{color:#17233a;min-height:44px;font-family:var(--font-sans);cursor:pointer;background:#edf4ff;border:0;border-radius:13px;padding:10px 20px;font-size:.92rem;font-weight:900}.te-tutor-popup .te-tutor-confirm:focus-visible{outline-offset:3px;outline:3px solid #749ee473}@keyframes te-tutor-line-in{0%{opacity:0;transform:translateY(5px)}}@keyframes te-tutor-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.te-tutor-line,.te-tutor-line.is-typing:after{animation:none}}.grammar-mastered{color:#8a6a1d;background:#ffffffb3;border-radius:12px;align-items:center;gap:7px;padding:8px 12px;font-weight:800;display:inline-flex}.grammar-review-panel{gap:14px;margin-top:22px;display:grid}.grammar-review-block{border:1px solid var(--color-line);background:var(--color-paper);border-radius:20px;gap:10px;padding:18px;display:grid}.grammar-review-label{color:var(--color-brand);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:7px;font-size:.78rem;font-weight:900;display:inline-flex}.grammar-review-clear{color:var(--color-success);align-items:center;gap:8px;margin:0;font-weight:800;display:inline-flex}.grammar-weak-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.grammar-weak-list li{background:var(--color-danger-soft);border:1px solid #eec2b8;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.grammar-weak-list b{color:var(--color-danger)}.grammar-weak-list span{color:var(--color-muted);font-size:.82rem}.grammar-mastery-list{gap:9px;display:grid}.grammar-mastery-row{grid-template-columns:minmax(0,1fr) 120px 44px;align-items:center;gap:10px;display:grid}.grammar-mastery-row b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;overflow:hidden}.grammar-mastery-bar{background:var(--color-line);border-radius:999px;height:8px;overflow:hidden}.grammar-mastery-bar span{background:linear-gradient(90deg, var(--color-accent), var(--color-success));border-radius:999px;height:100%;transition:width .4s;display:block}.grammar-mastery-row i{color:var(--color-muted);text-align:right;font-size:.8rem;font-style:normal}.grammar-missed-list{gap:9px;display:grid}.grammar-missed-card{border:1px solid var(--color-line);border-left:4px solid var(--color-danger);background:var(--color-canvas);border-radius:15px;gap:5px;padding:13px 15px;display:grid}.grammar-missed-question{color:var(--color-ink);font-family:var(--font-japanese);margin:0;font-size:1rem;font-weight:800}.grammar-missed-answer{font-family:var(--font-japanese);flex-wrap:wrap;gap:10px;margin:0;display:flex}.grammar-missed-answer b{background:var(--color-success-soft);color:var(--color-success);border-radius:8px;padding:2px 9px}.grammar-missed-answer s{background:var(--color-danger-soft);color:var(--color-danger);border-radius:8px;padding:2px 9px}.grammar-missed-card p{color:var(--color-muted);margin:0;font-size:.86rem;line-height:1.7}.dark .grammar-stage,.dark .grammar-review-block{background:#1c2436;border-color:#2e3a55}.dark .grammar-question{background:linear-gradient(150deg,#212a3f,#1a2233);border-color:#33405c}.dark .grammar-question p{color:#eef3ff}.dark .grammar-question b{color:#a8c4f5}.dark .grammar-feedback{background:#1a2233;border-color:#2e3a55}.dark .grammar-feedback p,.dark .grammar-missed-card p,.dark .grammar-weak-list span,.dark .grammar-mastery-row i{color:#b9c5dc}.dark .grammar-weak-hint{color:#e8cd8a;background:#2a2418;border-color:#5a4a24}.dark .grammar-missed-card{border-color:#2e3a55;border-left-color:var(--color-danger);background:#1a2233}.dark .grammar-progress,.dark .grammar-mastery-bar{background:#2e3a55}@media (width<=640px){.grammar-stage{padding:15px}.grammar-question{padding:18px 14px}.grammar-mastery-row{grid-template-columns:minmax(0,1fr) 80px 40px}.grammar-next{justify-content:center;justify-self:stretch}}.support-inbox-page{max-width:1180px}.support-inbox-grid{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.support-inbox-grid>*{min-width:0}.support-room-list{background:#fff;border:1px solid #e6e2dc;border-radius:18px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.support-room-list>header{border-bottom:1px solid #f0ece6;justify-content:space-between;align-items:center;gap:10px;padding:15px 18px;display:flex}.support-room-list>header strong{color:var(--navy);font-size:14px}.support-room-list>header span{color:#8d7a70;background:#f4ece6;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 7px;font-size:12px;font-weight:800;display:grid}.support-room-scroll{overscroll-behavior:contain;align-content:start;gap:6px;max-height:520px;padding:10px;display:grid;overflow-y:auto}.support-room{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px 11px;transition:background .18s;display:grid}.support-room:hover{background:#faf6f2}.support-room.active{background:#fff4ee;border-color:#f0b79f}.support-room img{object-fit:cover;border-radius:50%;width:38px;height:38px}.support-room-body{gap:2px;min-width:0;display:grid}.support-room-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.support-room-body small{color:var(--muted);font-size:11px}.support-chat{background:#fff;border:1px solid #e6e2dc;border-radius:18px;flex-direction:column;min-height:480px;display:flex;overflow:hidden}.support-chat-header{border-bottom:1px solid #f0ece6;align-items:center;gap:11px;padding:14px 18px;display:flex}.support-chat-header img{object-fit:cover;border-radius:50%;width:40px;height:40px}.support-chat-header div{flex:1;gap:2px;min-width:0;display:grid}.support-chat-header strong{font-size:14px}.support-chat-header small{color:var(--muted);font-size:11px}.support-thread{overscroll-behavior:contain;background:#fbf9f7;flex:1;align-content:start;gap:12px;min-height:0;padding:18px;display:grid;overflow-y:auto}.support-bubble-row{align-items:flex-end;gap:8px;max-width:78%;display:flex}.support-bubble-row.from-admin{flex-direction:row-reverse;margin-left:auto}.support-bubble-row img{object-fit:cover;border-radius:50%;flex:none;width:30px;height:30px}.support-bubble{background:#fff;border:1px solid #ece5df;border-radius:16px;padding:10px 14px}.support-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.6}.support-bubble time{color:var(--muted);margin-top:4px;font-size:10px;display:block}.from-admin .support-bubble{color:#fff;background:#33415b;border-color:#0000}.from-admin .support-bubble time{color:#b9c4dc}.support-composer{border-top:1px solid #f0ece6;gap:9px;padding:12px 14px;display:flex}.support-composer input{border:1px solid #e6ddd6;border-radius:12px;outline:0;flex:1;min-width:0;padding:12px 15px;font-size:14px}.support-composer input:focus{border-color:var(--coral)}.support-composer button{cursor:pointer;color:#fff;background:var(--coral);border:0;border-radius:12px;flex:none;place-items:center;width:46px;display:grid}.support-composer button:disabled{opacity:.45;cursor:not-allowed}.support-chat-placeholder{text-align:center;color:var(--muted);flex:1;place-content:center;justify-items:center;gap:7px;padding:40px 24px;display:grid}.support-chat-placeholder svg{color:#d9c9bf}.support-chat-placeholder strong{color:var(--navy)}.support-chat-placeholder p{max-width:34ch;margin:0;font-size:13px}.support-status-chip,.support-category-chip{letter-spacing:.02em;white-space:nowrap;color:#7d6a60;background:#f1ece7;border-radius:999px;align-items:center;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.support-category-chip{color:#3f6cb5;background:#eef3fb}.support-status-chip.open,.support-status-chip.new,.support-status-chip.pending{color:#2f8a54;background:#e6f6ec}.support-status-chip.archived,.support-status-chip.closed,.support-status-chip.done{color:#97867a;background:#f1ece7}.support-empty{text-align:center;color:var(--muted);margin:0;padding:26px 18px;font-size:13px}.support-feedback{margin-top:20px}.support-feedback-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:16px;display:grid}.support-feedback-grid article{background:#fffdfb;border:1px solid #eee7e1;border-radius:14px;align-content:start;gap:9px;padding:14px;display:grid}.support-feedback-grid header{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.support-feedback-grid p{color:#5f5148;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.7}.support-feedback-grid time{color:var(--muted);font-size:11px}@media (width<=980px){.support-inbox-grid{grid-template-columns:1fr}.support-room-scroll{max-height:260px}}.dark .support-room-list,.dark .support-chat,.dark .support-feedback-grid article{background:#0f172a;border-color:#334155}.dark .support-room-list>header,.dark .support-chat-header,.dark .support-composer{border-color:#1e293b}.dark .support-thread{background:#0b1120}.dark .support-bubble{color:#e2e8f0;background:#16233c;border-color:#334155}.dark .support-room:hover{background:#16233c}.dark .support-room.active{background:#2b1f22;border-color:#ef8a68}.dark .support-composer input{color:#e2e8f0;background:#0b1120;border-color:#334155}.game-toggle-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;padding:16px;display:grid}.game-toggle-grid article{background:#fffdfb;border:1px solid #eee7e1;border-radius:15px;align-content:start;gap:6px;padding:14px;transition:opacity .2s;display:grid}.game-toggle-grid article.is-off{opacity:.62;background:#f7f5f3}.game-toggle-grid header{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.game-toggle-category,.game-toggle-builtin{color:#3f6cb5;background:#eef3fb;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:800;display:inline-flex}.game-toggle-builtin{color:#8d7a70;background:#f1ece7}.game-toggle-grid article>strong{font-size:14px}.game-toggle-grid article>small{color:var(--muted);font-size:12px;line-height:1.6}.game-toggle-grid code{color:#9a867a;overflow-wrap:anywhere;font-size:11px}.game-toggle-button{cursor:pointer;color:#8d7a70;background:#f4efeb;border:1px solid #e3d8d0;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin-top:4px;padding:9px 12px;font-size:12px;font-weight:800;display:inline-flex}.game-toggle-button.on{color:#2f8a54;background:#e8f7ee;border-color:#b9e2c8}.game-toggle-button:disabled{opacity:.6;cursor:wait}.word-bank-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:16px;display:grid}.word-bank-grid article{background:#fffdfb;border:1px solid #eee7e1;border-radius:15px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid;position:relative}.word-bank-grid article.is-off{opacity:.6}.word-bank-image{color:#b3a49a;background:#f2ece7;border-radius:12px;place-items:center;width:62px;height:62px;display:grid;overflow:hidden}.word-bank-image img{object-fit:contain;width:100%;height:100%}.word-bank-body{gap:2px;min-width:0;display:grid}.word-bank-body strong{font-size:17px}.word-bank-body small{color:#9a867a;font-size:12px}.word-bank-body p{color:#5f5148;overflow-wrap:anywhere;margin:2px 0 0;font-size:13px}.word-bank-tags{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.word-bank-tags span{color:#8d7a70;background:#f1ece7;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.word-bank-tags span.off{color:#c0503f;background:#fdeaea}.word-bank-actions{grid-column:1/-1;justify-content:flex-end;gap:6px;display:flex}.word-bank-actions button{cursor:pointer;color:#7d6a60;background:#fff;border:1px solid #e6ddd6;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.word-bank-actions button:hover{border-color:#c9b8ac}.word-bank-actions button.delete{color:#c0503f}.image-upload-field{gap:7px;display:grid}.image-upload-label{color:#7d6a60;font-size:12px;font-weight:800}.image-upload-body{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;display:grid}.image-upload-preview{background:#faf6f2;border:1px dashed #ddd2c9;border-radius:14px;place-items:center;width:104px;height:104px;display:grid;overflow:hidden}.image-upload-preview img{object-fit:cover;width:100%;height:100%}.image-upload-preview span{color:#b3a49a;justify-items:center;gap:4px;font-size:11px;display:grid}.image-upload-controls{gap:7px;min-width:0;display:grid}.image-upload-buttons{flex-wrap:wrap;gap:7px;display:flex}.image-upload-buttons button{cursor:pointer;color:#6d5b52;background:#fff;border:1px solid #e6ddd6;border-radius:10px;align-items:center;gap:6px;padding:8px 13px;font-size:12px;font-weight:700;display:inline-flex}.image-upload-buttons button:disabled{opacity:.6;cursor:wait}.image-upload-buttons button.danger{color:#c0503f;border-color:#f0cdc6}.image-upload-controls>input{border:1px solid #e6ddd6;border-radius:10px;outline:0;width:100%;padding:9px 12px;font-size:12px}.image-upload-controls>input:focus{border-color:var(--coral)}.image-upload-controls small{color:var(--muted);font-size:11px}.dark .game-toggle-grid article,.dark .word-bank-grid article,.dark .word-bank-actions button,.dark .image-upload-controls>input,.dark .image-upload-buttons button{color:#cbd5e1;background:#0f172a;border-color:#334155}.dark .image-upload-preview,.dark .word-bank-image{background:#0b1120;border-color:#334155}.support-live-chip.live{color:#17794a;background:#e6f6ed;border-color:#bfe6d1}.support-live-chip.connecting{color:#8a6a2f;background:#fdf4e3;border-color:#ecd9ae}.support-live-chip.polling{color:#8a4b3f;background:#fdeeea;border-color:#f0cec3}.support-delete-room{cursor:pointer;color:#b8503f;background:#fdf1ee;border:1px solid #f0cec3;border-radius:11px;flex:none;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:800;display:inline-flex}.support-delete-room:hover:not(:disabled){background:#f9ddd6}.support-delete-room:disabled{opacity:.55;cursor:not-allowed}.support-delete-chip{cursor:pointer;color:#b8503f;background:#fdf6f4;border:1px solid #eee0da;border-radius:9px;place-items:center;width:28px;height:28px;margin-left:auto;display:inline-grid}.support-delete-chip:hover:not(:disabled){background:#f9ddd6}.support-delete-chip:disabled{opacity:.55;cursor:not-allowed}.dark .support-live-chip.live{color:#7ee2ad;background:#12291e;border-color:#24503a}.dark .support-live-chip.connecting{color:#f0d08a;background:#2a2313;border-color:#4f4326}.dark .support-live-chip.polling,.dark .support-delete-room,.dark .support-delete-chip{color:#f3a794;background:#2b1a16;border-color:#57332b}.tutor-shell{gap:12px;display:grid}.tutor-thread{overscroll-behavior:contain;background:#fff;border:1px solid #eee4dc;border-radius:20px;align-content:start;gap:12px;min-height:320px;max-height:min(56vh,520px);padding:18px;display:grid;overflow-y:auto}.tutor-empty{text-align:center;color:#b3a49a;justify-items:center;gap:8px;padding:26px 12px;display:grid}.tutor-empty strong{color:#4a3b34}.tutor-empty p{color:#8d7a70;max-width:46ch;margin:0;font-size:13px}.tutor-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.tutor-suggestions button{color:#6d5b52;cursor:pointer;background:#fbf8f5;border:1px solid #ece2da;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.tutor-suggestions button:hover{color:#d9663f;border-color:#e6b9a4}.tutor-bubble{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.tutor-avatar{color:#9a867a;background:#f4ece6;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.tutor-bubble.is-user .tutor-avatar{color:#d9663f;background:#fff2ea}.tutor-body{color:#4a3b34;overflow-wrap:anywhere;background:#f8f3ee;border-radius:15px;min-width:0;padding:11px 15px;font-size:14px;line-height:1.75}.tutor-bubble.is-user .tutor-body{background:#fff2ea}.tutor-body p{margin:0}.tutor-thinking{color:#9a867a;align-items:center;gap:8px;display:inline-flex}.tutor-source{border-radius:999px;align-items:center;gap:5px;margin-top:8px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.tutor-source.is-db{color:#3d7d57;background:#e9f6ee}.tutor-source.is-ai{color:#6a54a8;background:#eeeaf8}.tutor-error{color:#b0483a;background:#fdefec;border-radius:12px;margin:0;padding:10px 14px;font-size:13px;font-weight:700}.tutor-input{background:#fff;border:1px solid #e6ddd6;border-radius:16px;gap:9px;padding:9px;display:flex}.tutor-input input{color:#4a3b34;background:0 0;border:0;outline:none;flex:auto;min-width:0;padding:0 8px;font-size:15px}.tutor-input button{cursor:pointer;color:#fff;background:linear-gradient(120deg,#f39a6d,#e86f5f);border:0;border-radius:12px;flex:none;align-items:center;gap:7px;padding:11px 20px;font-weight:800;display:inline-flex}.tutor-input button:disabled{opacity:.5;cursor:not-allowed}.tutor-fab{z-index:30;cursor:pointer;color:#fff;background:linear-gradient(120deg,#8f6fd0,#b98ae0);border:0;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex;position:fixed;bottom:80px;right:16px;box-shadow:0 10px 26px #6c4aa855}.tutor-fab:hover{transform:translateY(-2px);box-shadow:0 14px 30px #6c4aa866}.tutor-panel-layer{z-index:140;position:fixed;inset:0}.tutor-panel-scrim{cursor:default;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a3d;border:0;padding:0;animation:.2s tutor-scrim-in;position:absolute;inset:0}@keyframes tutor-scrim-in{0%{opacity:0}}.tutor-panel{background:#fbf8f5;flex-direction:column;gap:12px;width:min(420px,100%);padding:16px;animation:.24s tutor-panel-in;display:flex;position:absolute;inset:0 0 0 auto;box-shadow:-14px 0 40px #0f172a26}@keyframes tutor-panel-in{0%{transform:translate(100%)}}.tutor-panel-head{flex:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tutor-panel-head strong{color:#4a3b34;margin-top:2px;font-size:17px;display:block}.tutor-panel-actions{flex:none;gap:6px;display:flex}.tutor-panel-actions a,.tutor-panel-actions button{color:#8d7a70;cursor:pointer;background:#fff;border:1px solid #e6ddd6;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.tutor-panel-actions a:hover,.tutor-panel-actions button:hover{color:#d9663f;border-color:#e6b9a4}.tutor-shell.is-compact{flex:auto;grid-template-rows:minmax(0,1fr) auto;min-height:0}.tutor-shell.is-compact .tutor-thread{height:auto;min-height:0;max-height:none}.dark .tutor-panel{background:#0b1220}.dark .tutor-panel-head strong{color:#e2e8f0}.dark .tutor-panel-actions a,.dark .tutor-panel-actions button{color:#94a3b8;background:#0f172a;border-color:#334155}@media (width<=760px){.tutor-fab span{display:none}.tutor-fab{justify-content:center;width:52px;height:52px;padding:0}.has-cookie-banner .tutor-fab{bottom:260px}.tutor-panel{width:100%;padding:12px}}.word-form-hint{color:#9a867a;margin:-4px 0 0;font-size:12px}.tutor-promo{color:#4a3b34;background:linear-gradient(120deg,#f7f2ff,#fff5ef);border:2px dashed #d9c6f0;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:14px;padding:15px 18px;text-decoration:none;transition:transform .18s,border-color .18s;display:grid}.tutor-promo:hover{border-color:#a98fd8;transform:translateY(-2px)}.tutor-promo-icon{color:#fff;background:linear-gradient(140deg,#8f6fd0,#b98ae0);border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.tutor-promo strong{font-size:15px;display:block}.tutor-promo span{color:#8d7a70;font-size:13px}.tutor-promo>svg{color:#a98fd8}.dark .tutor-promo{color:#e2e8f0;background:linear-gradient(120deg,#1d1a33,#241d29);border-color:#4a3d6b}.dark .tutor-promo span{color:#94a3b8}.dark .tutor-thread,.dark .tutor-input{background:#0f172a;border-color:#334155}.dark .tutor-body{color:#e2e8f0;background:#16233c}.dark .tutor-bubble.is-user .tutor-body{background:#2b1f22}.dark .tutor-avatar{color:#94a3b8;background:#1e293b}.dark .tutor-input input,.dark .tutor-empty strong{color:#e2e8f0}.dark .tutor-suggestions button{color:#cbd5e1;background:#16233c;border-color:#334155}@media (width<=760px){.tutor-input button span{display:none}.tutor-input button{padding:11px 15px}}.guide-page{color:#2f3742;background:#fbfaf8;min-height:100vh;padding:28px 20px 64px}.dark .guide-page{color:#e2e8f0;background:#0b1220}.guide-header{max-width:1080px;margin:0 auto 26px}.guide-back{color:#7d8794;align-items:center;gap:6px;width:fit-content;margin-bottom:14px;font-size:13px;font-weight:800;display:flex}.guide-back:hover{color:#d95e4c}.guide-kicker{letter-spacing:.14em;color:#d95e4c;align-items:center;gap:6px;font-size:11px;font-weight:900;display:inline-flex}.guide-header h1{margin:8px 0 6px;font-size:clamp(24px,4vw,34px);font-weight:900}.guide-header p{color:#6b7785;max-width:60ch;margin:0;font-size:14px;line-height:1.8}.guide-new-ui-callout{background:linear-gradient(120deg,#fff2f5,#eef7ff 58%,#e3f7eb);border:1px solid #f1dfe2;border-radius:22px;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);align-items:center;gap:18px;margin-top:22px;padding:14px;display:grid;overflow:hidden}.guide-new-ui-callout img{object-fit:cover;object-position:left top;border-radius:15px;width:100%;min-height:135px;box-shadow:0 8px 18px #3546641f}.guide-new-ui-callout span{color:#ef6686;letter-spacing:.08em;align-items:center;gap:5px;font-size:11px;font-weight:900;display:inline-flex}.guide-new-ui-callout strong{color:#20324d;margin-top:4px;font-size:18px;font-weight:900;display:block}.guide-new-ui-callout p{color:#65738a;margin:5px 0 10px;font-size:13px;line-height:1.6}.guide-new-ui-callout a{color:#fff;background:#ff7091;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;display:inline-flex}.dark .guide-new-ui-callout{background:linear-gradient(120deg,#2d3047,#1b3149 58%,#1d3c39);border-color:#40506a}.dark .guide-new-ui-callout strong{color:#f3f7fe}.dark .guide-new-ui-callout p{color:#c5d0e2}.dark .guide-header p{color:#94a3b8}.guide-layout{align-items:start;gap:22px;max-width:1080px;margin:0 auto;display:grid}@media (width>=900px){.guide-layout{grid-template-columns:260px minmax(0,1fr)}.guide-nav{position:sticky;top:20px}.guide-layout-single{grid-template-columns:minmax(0,1fr);max-width:760px}}.guide-nav{gap:8px;min-width:0;display:grid}.guide-nav button{text-align:left;cursor:pointer;background:#fff;border:1px solid #eadfd6;border-radius:14px;gap:2px;width:100%;padding:12px 14px;transition:border-color .2s;display:grid}.guide-nav button:hover{border-color:#f0b49c}.guide-nav button.is-active{background:#fff4ee;border-color:#ef8a68}.guide-nav strong{color:#2f3742;font-size:14px;font-weight:800}.guide-nav small{color:#8b95a2;font-size:11px;line-height:1.5}.dark .guide-nav button{background:#111c30;border-color:#1e293b}.dark .guide-nav button.is-active{background:#1a2338;border-color:#ef8a68}.dark .guide-nav strong{color:#e2e8f0}.guide-content{background:#fff;border:1px solid #eadfd6;border-radius:20px;min-width:0;padding:26px clamp(18px,3vw,34px)}.dark .guide-content{background:#111c30;border-color:#1e293b}.guide-state{color:#7d8794;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.guide-body h1{margin:0 0 18px;font-size:clamp(21px,3vw,27px);font-weight:900}.guide-body h2{border-top:1px solid #f1e7df;margin:30px 0 10px;padding-top:18px;font-size:18px;font-weight:900}.guide-body h2:first-of-type{border-top:0;padding-top:0}.dark .guide-body h2{border-color:#1e293b}.guide-body h3{margin:20px 0 8px;font-size:15px;font-weight:800}.guide-body p{margin:0 0 12px;font-size:14.5px;line-height:1.9}.guide-body ul,.guide-body ol{margin:0 0 14px;padding-left:22px}.guide-body li{margin-bottom:7px;font-size:14.5px;line-height:1.85}.guide-body strong{color:#1f2937;font-weight:800}.dark .guide-body strong{color:#f1f5f9}.guide-body a{color:#d95e4c;text-underline-offset:3px;font-weight:700;text-decoration:underline}.guide-body img{border:1px solid #eadfd6;border-radius:14px;width:100%;max-width:100%;height:auto;margin:14px 0 18px;display:block}@media (width<=620px){.guide-new-ui-callout{grid-template-columns:1fr}.guide-new-ui-callout img{min-height:100px;max-height:150px}}.dark .guide-body img{border-color:#1e293b}.guide-table-scroll{margin:0 0 18px;overflow-x:auto}.guide-body table{border-collapse:collapse;width:100%;font-size:13.5px}.guide-body th,.guide-body td{text-align:left;white-space:nowrap;border-bottom:1px solid #f1e7df;padding:9px 12px}.guide-body th{color:#6b7785;background:#fdf8f4;font-weight:800}.dark .guide-body th{color:#94a3b8;background:#16223a}.dark .guide-body th,.dark .guide-body td{border-color:#1e293b}:root{font-family:var(--font-sans);color:var(--color-ink);background:var(--color-canvas);--ink:var(--color-ink);--muted:var(--color-muted);--navy:var(--color-brand);--coral:var(--color-accent);--paper:var(--color-paper);--line:var(--color-line);--shadow:var(--shadow-card);font-synthesis:none;text-rendering:optimizelegibility}.dark{--color-ink:#e7edf7;--color-muted:#9ba7ba;--color-brand:#b7c8eb;--color-brand-soft:#202c42;--color-paper:#172033;--color-canvas:#0f1726;--color-line:#2c374b;--ink:var(--color-ink);--muted:var(--color-muted);--navy:var(--color-brand);--paper:var(--color-paper);--line:var(--color-line);--shadow:0 14px 40px #00000040}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}html,body,#root{overscroll-behavior-x:none;width:100%;max-width:100%;overflow-x:clip}body{min-width:320px;min-height:100vh;margin:0;overflow-x:clip}.dark :is(input,select,textarea){color:#e7edf7;background-color:#172033;border-color:#3a465c}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.brand{letter-spacing:1.5px;align-items:center;gap:10px;font-size:14px;font-weight:800;display:flex}.brand strong{color:var(--coral)}.brand-mark{color:#fff;background:var(--coral);border-radius:11px 11px 11px 4px;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.level-pill{color:#a67449;letter-spacing:1px;background:#fff3e8;border-radius:99px;margin-left:auto;padding:7px 12px;font-size:12px}.level-pill strong{color:var(--coral)}.avatar-settings{background:#f8faff;border:1px solid #e5e9f0;border-radius:18px;align-items:center;gap:17px;margin:22px 22px 0;padding:18px;display:flex}.avatar-settings>div:last-child{gap:4px;display:grid}.avatar-settings p{color:var(--muted);margin:0;font-size:11px}.avatar-settings button{color:#fff;cursor:pointer;background:#5574a8;border:0;border-radius:10px;align-items:center;gap:7px;width:max-content;margin-top:5px;padding:8px 12px;font-size:11px;font-weight:800;display:inline-flex}.avatar-settings button:disabled{cursor:wait;opacity:.65}.spin{animation:.8s linear infinite spin}.member-loading{background:linear-gradient(90deg,#f3eee8,#fff8f1,#f3eee8) 0 0/200% 100%;border-radius:99px;width:110px;height:34px;margin-left:auto;animation:1.2s linear infinite member-loading}@keyframes member-loading{to{background-position:-200% 0}}.game-panel-heading{justify-content:space-between;align-items:center;gap:16px;min-height:52px;margin-bottom:18px;display:flex}.game-panel-heading>div{gap:3px;display:grid}.game-panel-heading strong{color:var(--navy);font-size:1.05rem}.game-panel-heading small{color:var(--muted)}.game-panel-heading>.game-panel-heading-actions{flex:none;align-items:center;gap:10px;display:flex}.game-panel-heading>button,.game-panel-heading-actions>button{white-space:nowrap;cursor:pointer;color:#fff;background:#355486;border:0;border-radius:11px;flex:none;align-items:center;gap:7px;padding:11px 16px;font-weight:750;transition:background .2s;display:inline-flex}.game-panel-heading>button:hover,.game-panel-heading-actions>button:hover{background:#2b4671}.game-panel-heading-actions>button.ghost{color:#4a6187;background:#fff;border:1px solid #d5deeb;padding:10px 15px}.game-panel-heading-actions>button.ghost:hover{background:#f2f6fb}.game-panel-heading-actions>button:disabled{opacity:.6;cursor:not-allowed}.field-hint{color:#8a94a8;font-size:.75rem;line-height:1.45}.filter-search{background:var(--navy);color:#fff}.filter-clear{color:var(--muted);background:#f2f0ec}.member-identity{align-items:center;gap:11px;display:flex}.member-identity>span{width:36px;height:36px;color:var(--coral);background:#fff0ec;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.member-identity strong,.member-identity small{display:block}.member-identity small{color:var(--muted);margin-top:2px;font-family:monospace;font-size:9px}.status-select{min-width:130px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;outline:0;padding:7px 9px;font-weight:800}.status-active{color:#39866d;background:#eaf8f3}.status-suspended{color:#a87920;background:#fff7df}.status-banned,.status-deleted{color:#bd5e4c;background:#fff0ec}.role-admin{color:#39866d;background:#eaf8f3}.role-student{color:#5574a8;background:#edf3ff}.is-spinning{animation:.7s linear infinite route-spin}.role-superadmin{color:#bd5e4c;background:#fff0ec}.role-subadmin{color:#a87920;background:#fff7df}.welcome{grid-template-columns:minmax(220px,auto) minmax(320px,1fr) auto;align-items:center;gap:18px;margin-bottom:28px;display:grid}h1{letter-spacing:-.8px;margin:6px 0 8px;font-size:clamp(30px,4vw,43px);line-height:1.2}h2{margin:0;line-height:1.3}.welcome-streak{color:#ed8061;background:#fff4e7;border-radius:16px;grid-template-columns:auto auto;align-items:center;gap:0 8px;padding:12px 18px;display:grid}.welcome-streak strong{font-size:20px}.welcome-streak span{color:#a38c7f;grid-column:2;margin-top:-4px;font-size:11px}@media (width<=900px){.welcome{grid-template-columns:minmax(210px,.8fr) minmax(320px,1.2fr)}.welcome-streak{display:none}}.listen-button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff38;border-radius:10px;align-items:center;gap:8px;margin-bottom:17px;padding:9px 13px;font-size:13px;display:flex}.section-heading{justify-content:space-between;align-items:flex-end;margin:48px 0 18px;display:flex}.section-heading span{color:var(--coral);text-transform:uppercase;letter-spacing:1.3px;font-size:10px;font-weight:800}.section-heading h2{margin-top:4px;font-size:24px}.section-heading>a{color:var(--coral);align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.mode-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.mode-copy b{color:#355486;background:#edf4ff;border:1px solid #cad9ef;border-radius:6px;width:fit-content;margin-bottom:3px;padding:3px 7px;font-size:9px;font-weight:800}.mode-icon,.stat-icon{border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.coral .mode-icon,.stat-icon.coral{color:#f27962;background:#fff0ec}.blue .mode-icon,.stat-icon.blue{color:#607cae;background:#edf3ff}.yellow .mode-icon,.stat-icon.yellow{color:#d5a63f;background:#fff7df}.green .mode-icon{color:#56a98a;background:#eaf8f3}.mode-copy{flex-direction:column;margin-top:17px;display:flex}.mode-copy strong{font-size:15px}.mode-copy small{color:var(--muted);font-size:11px}.mode-copy em{color:#a2a5ac;margin-top:12px;font-size:10px;font-style:normal}.mode-arrow{color:#b9bdc6;position:absolute;top:20px;right:17px}.flipcard-promo{background:#fff9e9;border:1px solid #eadfc6;border-radius:18px;align-items:center;gap:18px;margin-top:12px;padding:19px 22px;display:flex}.flipcard-promo>div{flex-direction:column;display:flex}.flipcard-promo small{color:#c69735;letter-spacing:1.4px;font-size:9px;font-weight:800}.flipcard-promo strong{margin:2px 0;font-size:16px}.flipcard-promo p{color:var(--muted);margin:0;font-size:11px}.flipcard-stack{flex:none;width:54px;height:54px;position:relative}.flipcard-stack i{color:#d3952a;background:#fff;border:1px solid #efdba8;border-radius:10px;place-items:center;width:44px;height:50px;font-family:Noto Sans JP;font-size:20px;font-style:normal;display:grid;position:absolute;box-shadow:0 5px 12px #7d663117}.flipcard-stack i:first-child{left:8px;transform:rotate(7deg)}.flipcard-stack i:last-child{z-index:1;transform:rotate(-6deg)}.voice-range-with-value{grid-template-columns:1fr 58px;align-items:center;gap:7px;display:grid}.voice-range-with-value input[type=number]{color:#355486;text-align:center;background:#fff;border:1px solid #d8dfeb;border-radius:8px;min-height:34px;padding:0 5px;font-size:11px;font-weight:750}.voice-presets{color:#7a879e;flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;display:flex}.voice-presets button{color:#4f668d;background:#fff;border:1px solid #d8e1ef;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:750}.voice-presets button:hover{color:#355486;background:#edf3ff;border-color:#5574a8}.progress-section{border-top:1px solid var(--line);margin-top:50px}.progress-section .section-heading{margin-top:28px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:17px;display:flex}.stat-card strong{font-size:20px;display:block}.stat-card small{color:var(--muted);font-size:11px}.stat-card .push{color:#b0b5be;margin-left:auto}.back-button{border:1px solid var(--line);background:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.progress-bar{background:#e8e5df;border-radius:99px;height:7px;margin-bottom:25px;overflow:hidden}.progress-bar span{background:var(--coral);height:100%;transition:width .3s;display:block}.eyebrow{color:var(--muted);text-align:center;margin:0 0 24px;font-size:14px}.kanji-word{text-align:center;color:var(--navy);margin:5px 0 24px;font-family:Noto Sans JP;font-size:clamp(52px,10vw,78px);font-weight:700}.sentence-box{cursor:pointer;background:#f8f7f3;border:0;border-radius:15px;justify-content:center;align-items:center;gap:14px;width:100%;min-height:80px;padding:15px;font-family:Noto Sans JP;font-size:clamp(18px,4vw,25px);display:flex}.sentence-box>.interactive-japanese{flex:1}.sentence-box>button{width:42px;height:42px;color:var(--coral);cursor:pointer;background:#fff;border:0;border-radius:12px;flex:none;place-items:center;display:grid}.sentence-box svg{color:var(--coral);flex:none}.interactive-japanese{display:inline}.word-example{text-align:left;cursor:pointer;background:#f7f6f2;border:0;border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;width:100%;margin-top:18px;padding:13px 15px;display:grid}.word-example span{font-family:Noto Sans JP;font-weight:600}.word-example small{color:var(--muted)}.word-example svg{color:var(--coral);grid-area:1/2/3}.translation{text-align:center;color:var(--muted);margin:10px 0 24px;font-size:12px}.wide{width:100%;margin-top:16px}.trophy{color:#dcaa40;background:#fff4d7;border-radius:50%;place-items:center;width:78px;height:78px;margin:0 auto 20px;display:grid}.text-button{color:var(--muted);margin-top:20px;font-size:13px;display:inline-block}.audio-orb{color:#fff;background:var(--coral);cursor:pointer;border:12px solid #f6dad3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:190px;height:190px;margin:45px auto;display:flex;box-shadow:0 12px 35px #f47b6540}.audio-orb span{font-size:10px}.thai-reading{color:var(--muted);margin-top:4px;font-size:12px}.speaker-dot,.speaker-avatar{color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.speaker-dot{width:23px;height:23px;font-size:9px}.speaker-a .speaker-dot,.speaker-dot.speaker-a,.speaker-a .speaker-avatar{background:#f1816b}.speaker-b .speaker-dot,.speaker-dot.speaker-b,.speaker-b .speaker-avatar{background:#5574a8}.conversation{gap:14px;display:grid}.speaker-avatar{width:35px;height:35px;font-size:12px}.speaker-role{color:var(--muted);margin:0 7px 4px;font-size:9px;display:block}.speaker-b .speaker-role{text-align:right}@media (width<=760px){.avatar-settings{align-items:flex-start;margin:16px 14px 0;padding:14px}.game-panel-heading{flex-direction:column;align-items:stretch}.game-panel-heading>button,.game-panel-heading-actions>button{flex:auto;justify-content:center}.brand{font-size:12px}.level-pill{font-size:10px}.welcome{grid-template-columns:1fr;align-items:stretch}.welcome-streak,.welcome-streak span{display:none}.mode-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr}.flipcard-promo{align-items:flex-start}}@media (width<=420px){.mode-grid{grid-template-columns:1fr}.section-heading>a,.welcome-streak{display:none}}.xp-chip{color:#76561d;white-space:nowrap;background:#fff4c9;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}.ad-slot{background:#fff;border:1px solid #ebe8e2;border-radius:18px;min-height:110px;margin-top:28px;padding:20px}.ad-slot>small{color:#a1a5ad;text-align:center;letter-spacing:.08em;margin-bottom:8px;font-size:8px;display:block}.result-ad-wrap{width:min(720px,100%);margin-top:42px}.result-ad-wrap .ad-slot{margin-top:0}.check-row{align-items:center;gap:15px;display:flex}.check-row label{align-items:center;gap:6px;font-size:10px;display:flex}.check-row input{width:auto}.table-delete:disabled{opacity:.3;cursor:not-allowed}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px;display:grid}.rank-card{background:#fffdf4;border-color:#efd998}@media (width<=1080px){.xp-chip{display:none}}@media (width<=760px){.discovery-grid{grid-template-columns:1fr}}.theme-coral{background:linear-gradient(145deg,#e47c69,#ba5e61)}.theme-navy{background:linear-gradient(145deg,#536c9f,#283c68)}.theme-sage{background:linear-gradient(145deg,#7b9b82,#496c59)}.theme-gold{background:linear-gradient(145deg,#d3a84e,#936528)}.chapter-content-input{line-height:1.8;min-height:260px!important}.legal-page{border:1px solid var(--line);width:min(760px,100% - 40px);box-shadow:var(--shadow);background:#fff;border-radius:22px;margin:58px auto;padding:38px}.legal-page>span{color:var(--coral);letter-spacing:.14em;font-size:10px;font-weight:800}.legal-page h1{margin:8px 0 22px}.legal-page h2{margin:26px 0 8px;font-size:17px}.legal-page p{color:var(--muted);font-size:14px;line-height:1.9}.legal-page p+p{margin-top:12px}.legal-page strong{color:#3f3a36;font-weight:800}.dark .legal-page{background:#0f172a;border-color:#334155}.dark .legal-page h1,.dark .legal-page h2{color:#e2e8f0}.dark .legal-page p{color:#b7c2d0}.dark .legal-page strong{color:#e2e8f0}.legal-page a{color:var(--coral);margin-top:10px;font-size:13px;font-weight:700;display:inline-block}.legal-page a.legal-back{width:fit-content;color:var(--muted);align-items:center;gap:6px;margin:0 0 18px;font-weight:800;display:flex}.legal-page a.legal-back:hover{color:var(--coral)}.dark .legal-page a.legal-back{color:#b7c2d0}@media (width<=680px){.legal-page{padding:26px 22px}}.result-page{align-content:center;place-items:center;display:grid}.option-key{color:#8b9099;background:#f4f2ee;border-radius:8px;place-items:center;width:29px;height:29px;font-size:12px;display:grid}.page{width:min(1080px,100% - 40px);margin:auto;padding:52px 0 80px}.kicker{color:var(--coral);letter-spacing:.7px;font-size:14px;font-weight:700}.welcome p,.page-subtitle{color:var(--muted);margin:0}.unlock-notice-backdrop{z-index:101;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#192337ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.unlock-notice{text-align:center;background:#f8fbff;border:1px solid #d5e1f5;border-radius:24px;width:min(440px,100%);padding:38px;box-shadow:0 24px 70px #172a4b47}.unlock-notice>span{color:#355486;letter-spacing:.1em;background:#eaf2ff;border:1px solid #c6d8f5;border-radius:7px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-block}.unlock-notice>strong{color:#29456f;margin-top:16px;font-size:25px;display:block}.unlock-notice p{color:#6d7d97;margin:12px 0 24px;font-size:13px;line-height:1.8}.unlock-notice button{color:#fff;cursor:pointer;background:#46699f;border:0;border-radius:12px;min-height:44px;padding:0 20px;font-weight:800}.primary-button{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:max-content;padding:12px 20px;font-weight:700;display:flex;box-shadow:0 7px 18px #f47b653d}.primary-button:hover{background:#ed6c55;transform:translateY(-1px)}.result-card,.empty-card{border:1px solid var(--line);text-align:center;width:min(560px,100%);box-shadow:var(--shadow);background:#fff;border-radius:25px;padding:44px}.result-card p,.empty-card p{color:var(--muted)}.score-ring{border:9px solid #f3d8d1;border-top-color:var(--coral);border-radius:50%;flex-direction:column;justify-content:center;width:130px;height:130px;margin:28px auto;display:flex}.score-ring strong{font-size:30px}.score-ring span{color:var(--muted);font-size:10px}.result-card .primary-button,.empty-card .primary-button{margin:auto}.empty-card{margin:35px auto 20px}.empty-card>svg{color:#63ae94}.empty-card p{margin-bottom:24px}@media (width<=760px){.page{width:min(100% - 28px,600px);padding:32px 0 92px}.result-card{padding:34px 20px}}.affiliate-notice{color:#536581;background:#f5f8fd;border:1px solid #dfe8f6;border-radius:14px;align-items:flex-start;gap:10px;margin:20px 0;padding:12px 16px;font-size:12px;display:flex}.affiliate-notice svg{color:#6386bc;flex:none}.affiliate-notice p{margin:0}.compact-form .form-wide{grid-column:span 2}.options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.option{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e3dd;border-radius:13px;align-items:center;gap:12px;min-height:58px;padding:10px 14px;font-weight:600;display:flex}.option:hover:not(:disabled){border-color:#8fa1c1}.option svg{margin-left:auto}.option.correct{color:#3e9274;background:#effaf6;border-color:#6fbea2}.option.wrong{color:#db6652;background:#fff2ef;border-color:#f28c7a}@media (width<=760px){.options{grid-template-columns:1fr}}.dark body,.dark .app-shell{background:var(--color-canvas);color:var(--color-ink)}.dark .topbar,.dark .mobile-nav,.dark .profile-settings-modal,.dark .profile-dropdown{border-color:var(--color-line);background:#172033f5}.app-shell{flex-direction:column;min-height:100vh;display:flex}.member-shell{--member-canvas:#fff9f2;--member-navy:#20324d;--member-pink:#ff7091;--member-pink-soft:#ffdce5;--member-blue:#6fb6f2;--member-blue-soft:#def;--member-green:#41c99a;--member-green-soft:#daf5e9;--member-yellow:#f5b83d;--member-yellow-soft:#fff0be;--member-peach:#ff9377;--member-peach-soft:#ffe5d8;--member-purple-soft:#e8dfff;--member-border:#efe7df;--member-shadow:0 6px 24px #2830460f;color:var(--member-navy);background:var(--member-canvas)}.member-shell>main{background:radial-gradient(circle at 8% 15%,#ffd9e159 0 3px,#0000 4px),radial-gradient(circle at 94% 30%,#ffd66b59 0 3px,#0000 4px),#fff9f2}.member-shell .topbar{border-color:var(--member-border);background:#ffffffeb;gap:18px;box-shadow:0 4px 18px #2830460d}.member-shell .topbar .brand{gap:0}.member-shell .desktop-nav a{color:#657087}.member-shell .desktop-nav a:hover,.member-shell .desktop-nav a.active{color:#ee718a}.member-shell .desktop-nav a.active:after{background:#ff8fa3;height:4px}.member-shell .xp-chip{color:#8b6415;background:#fff7da;border:1px solid #f3d89b}.member-shell .profile-trigger{background:#fff;border-color:#0000}.member-shell .mobile-nav{background:#fff9f2f5;border-color:#f3dce0}.member-shell .mobile-nav a.active{color:#ee718a}.member-shell .site-footer{color:#24324a;background:#fff0f3;border-top:1px solid #f1d7dc}.member-shell .site-footer-brand .brand,.member-shell .site-footer nav>strong{color:#24324a}.member-shell .site-footer-brand p,.member-shell .site-footer nav a,.member-shell .site-footer-bottom,.member-shell .site-footer-disclaimer p{color:#667087}.member-shell .site-footer nav a:hover{color:#ee718a}.member-shell .site-footer-disclaimer{background:#ffffff94;border-color:#f2d7dc}.member-shell .site-footer-bottom{border-color:#f0d5da}.app-shell>main{flex:1;width:100%;min-width:0;min-height:calc(100svh - 74px)}.topbar{border-bottom:1px solid var(--line);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;align-items:center;gap:48px;height:74px;padding:0 max(28px,50% - 560px);display:flex;position:sticky;top:0}.desktop-nav{align-self:stretch;gap:34px;display:flex}.desktop-nav a{color:#777f8f;align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex;position:relative}.desktop-nav a.active{color:var(--navy)}.desktop-nav a.active:after{content:"";background:var(--coral);border-radius:3px;height:3px;position:absolute;bottom:0;left:0;right:0}.route-loading{min-height:calc(100vh - 74px);color:var(--muted);place-content:center;justify-items:center;gap:12px;display:grid}.route-loading span{border:4px solid #e8e4dc;border-top-color:var(--coral);border-radius:50%;width:38px;height:38px;animation:.7s linear infinite route-spin}.route-loading p{margin:0;font-size:13px}@keyframes route-spin{to{transform:rotate(360deg)}}.mobile-nav{display:none}.site-footer{color:#e9edf5;background:#24314b;margin-top:70px;padding:46px max(28px,50% - 560px) 22px}.site-footer-grid{grid-template-columns:minmax(260px,1.5fr) repeat(2,minmax(160px,1fr));gap:54px;display:grid}.site-footer-brand .brand{color:#fff;width:fit-content}.site-footer-brand p{color:#b9c2d2;max-width:360px;margin:18px 0 0;font-size:13px;line-height:1.8}.site-footer nav{flex-direction:column;align-items:flex-start;gap:11px;display:flex}.site-footer nav>strong{color:#fff;margin-bottom:4px;font-size:13px}.site-footer nav a{color:#b9c2d2;font-size:12px;transition:color .16s}.site-footer nav a:hover{color:#ffae9f}.site-footer-disclaimer{background:#ffffff0a;border:1px solid #ffffff17;border-radius:13px;margin-top:34px;padding:17px 20px}.site-footer-disclaimer p{color:#aeb8c9;margin:0;font-size:11px;line-height:1.7}.site-footer-bottom{color:#8f9aaf;border-top:1px solid #ffffff1a;justify-content:space-between;gap:18px;margin-top:20px;padding-top:20px;font-size:10px;display:flex}.site-footer-bottom span{align-items:center;gap:5px;display:inline-flex}.site-footer-bottom svg{color:#f47b65}@media (width<=680px){.site-footer{margin-top:46px;padding:36px 22px 100px}.site-footer-grid{grid-template-columns:1fr 1fr;gap:34px 24px}.site-footer-brand{grid-column:1/-1}.site-footer-bottom{flex-direction:column}}@media (width<=760px){.topbar{height:62px;padding:0 20px}.desktop-nav{display:none}.mobile-nav{z-index:20;border-top:1px solid var(--line);background:#fffffff5;justify-content:space-around;height:67px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#9a9fa8;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.mobile-nav svg{width:20px}.mobile-nav a.active{color:var(--coral)}}.topbar{gap:26px}.desktop-nav{gap:clamp(13px,1.5vw,24px)}@media (width<=1080px){.desktop-nav a{font-size:0}.desktop-nav a svg{width:20px}}@media (width<=760px){.mobile-nav{justify-content:flex-start;overflow-x:auto}.mobile-nav a{flex:0 0 20%}}.reader-topbar{z-index:8;background:color-mix(in srgb, var(--reader-paper) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #7880912e;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:9px max(18px,50% - 520px);display:grid;position:sticky;top:74px}.reader-topbar>a,.reader-controls button{width:38px;height:38px;color:var(--reader-ink);cursor:pointer;background:0 0;border:1px solid #78809138;border-radius:11px;place-items:center;display:grid}.reader-topbar svg{width:18px}.reader-topbar>div:nth-child(2){min-width:0;display:grid}.reader-topbar small,.reader-topbar strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reader-topbar small{color:var(--reader-muted);font-size:8px}.reader-topbar strong{font-size:11px}@media (width<=760px){.reader-topbar{grid-template-columns:38px minmax(0,1fr) auto;top:62px}}@media (width<=520px){.reader-topbar>div:nth-child(2) small{display:none}.reader-topbar>a,.reader-controls button{width:34px;height:34px}}.member-shell{--sidebar-motion:.42s cubic-bezier(.16, 1, .3, 1)}.member-sidebar{z-index:60;border-right:1px solid var(--member-border);will-change:width;width:188px;transition:width var(--sidebar-motion);background:radial-gradient(circle at 70% 37%,#ff70911f 0 4px,#0000 5px),linear-gradient(#fff,#fffaf5 74%);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 28px #2830460a}.member-sidebar-brand{border-bottom:1px solid var(--member-border);min-height:74px;transition:padding var(--sidebar-motion);align-items:center;padding:0 20px;display:flex}.member-sidebar-brand .tomodachi-brand{min-width:0;transition:gap var(--sidebar-motion);overflow:hidden}.member-sidebar-brand .tomodachi-brand-copy{white-space:nowrap;max-width:105px;transition:max-width var(--sidebar-motion), opacity .18s ease .11s, transform .26s ease 70ms;overflow:hidden}.member-sidebar-toggle{z-index:2;border:1px solid var(--member-border);width:30px;height:30px;color:var(--member-navy);cursor:pointer;transition:color .18s ease, background .18s ease, border-color .18s ease, transform var(--sidebar-motion);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:19px;right:-15px;box-shadow:0 5px 14px #20324d1f}.member-sidebar-toggle:hover{color:var(--member-pink);transform:scale(1.06)}.member-sidebar-brand .tomodachi-brand-symbol{border-radius:13px;width:38px;height:38px;font-size:.9rem}.member-sidebar-nav{transition:padding var(--sidebar-motion);gap:5px;padding:18px 12px;display:grid}.member-sidebar-nav a,.member-sidebar-nav button{color:#51617a;width:100%;min-height:45px;font:inherit;text-align:left;cursor:pointer;transition:color .16s ease, background .16s ease, transform .16s ease, padding var(--sidebar-motion), gap var(--sidebar-motion);background:0 0;border:0;border-radius:13px;align-items:center;gap:12px;padding:0 14px;font-size:13px;font-weight:700;display:flex}.member-sidebar-nav a:hover,.member-sidebar-nav button:hover{color:var(--member-pink);background:#fff1f4;transform:translate(2px)}.member-sidebar-nav a.active{color:#ec5578;background:linear-gradient(90deg,#ffd9e2,#ffe8ed);box-shadow:0 7px 18px #ff709124}.member-sidebar-nav svg{flex:none}.member-sidebar-friend{min-height:210px;max-height:210px;transition:opacity .16s ease, transform .26s ease, max-height var(--sidebar-motion), min-height var(--sidebar-motion), margin-top var(--sidebar-motion);margin-top:auto;position:relative;overflow:hidden}.member-sidebar-friend span{z-index:1;color:var(--member-navy);text-align:center;background:#fff;border:1px solid #e8e0d9;border-radius:50%;padding:8px 11px;font-size:11px;font-weight:900;line-height:1.45;position:absolute;top:8px;left:17px;transform:rotate(-5deg)}.member-sidebar-friend img{filter:drop-shadow(0 10px 10px #2830461c);width:150px;position:absolute;bottom:-20px;right:-25px}.has-member-navigation>.topbar,.has-member-navigation>main,.has-member-navigation>.site-footer{width:calc(100% - 188px);transition:width var(--sidebar-motion), margin-left var(--sidebar-motion);margin-left:188px}.has-member-navigation>.topbar{padding:0 max(24px,50% - 600px)}.member-sidebar-collapsed .member-sidebar{width:72px}.member-sidebar-collapsed .member-sidebar-brand{justify-content:center;padding:0}.member-sidebar-collapsed .member-sidebar-brand .tomodachi-brand{gap:0}.member-sidebar-collapsed .member-sidebar-brand .tomodachi-brand-copy{opacity:0;max-width:0;transition-delay:0s,0s,0s;transform:translate(-6px)}.member-sidebar-collapsed .member-sidebar-nav{padding-inline:10px}.member-sidebar-collapsed .member-sidebar-nav a,.member-sidebar-collapsed .member-sidebar-nav button{justify-content:center;gap:0;padding:0}.member-sidebar-collapsed .member-sidebar-nav span,.member-sidebar-collapsed .member-sidebar-friend{opacity:0;pointer-events:none}.member-sidebar-collapsed .member-sidebar-nav span{max-width:0;transition-delay:0s,0s,0s;transform:translate(-6px)}.member-sidebar-collapsed .member-sidebar-friend{min-height:0;max-height:0;margin-top:0;transform:translateY(12px)}.member-sidebar-nav span{min-width:0;max-width:132px;transition:max-width var(--sidebar-motion), opacity .18s ease .1s, transform .26s ease 70ms;white-space:nowrap;overflow:hidden}.member-sidebar-collapsed.has-member-navigation>.topbar,.member-sidebar-collapsed.has-member-navigation>main,.member-sidebar-collapsed.has-member-navigation>.site-footer{width:calc(100% - 72px);margin-left:72px}.member-sidebar-collapsed .member-sidebar-toggle{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.member-sidebar,.member-sidebar-brand,.member-sidebar-brand .tomodachi-brand,.member-sidebar-brand .tomodachi-brand-copy,.member-sidebar-nav,.member-sidebar-nav a,.member-sidebar-nav button,.member-sidebar-nav span,.member-sidebar-friend,.has-member-navigation>.topbar,.has-member-navigation>main,.has-member-navigation>.site-footer,.member-sidebar-toggle{transition:none}}.has-member-navigation>.topbar>.brand,.has-member-navigation>.topbar>.desktop-nav{display:none}.member-global-search{flex:0 620px;width:min(620px,62%);position:relative}.global-search-control{color:#728097;background:#f8f9fb;border:1px solid #edf0f4;border-radius:16px;align-items:center;gap:10px;width:100%;height:44px;padding:0 13px;display:flex}.global-search-control input{min-width:0;color:var(--member-navy);background:0 0;border:0;outline:0;flex:1;font-size:13px}.global-search-control input::placeholder{color:#9aa5b5}.global-search-control kbd{color:#76839a;background:#fff;border:1px solid #e5e8ed;border-radius:7px;padding:3px 7px;font-family:inherit;font-size:10px;font-weight:800}.global-search-clear,.global-search-mobile-trigger{color:#7b8799;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.global-search-clear{border-radius:8px;width:26px;height:26px}.global-search-clear:hover{color:var(--member-pink);background:#fff}.global-search-mobile-trigger{display:none}.global-search-panel{z-index:80;width:min(680px,100vw - 48px);color:var(--member-navy);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffa;border:1px solid #e9e5e2;border-radius:22px;position:absolute;top:calc(100% + 11px);left:0;overflow:hidden;box-shadow:0 24px 70px #2830462e}.global-search-panel>header{justify-content:space-between;align-items:center;padding:17px 18px 11px;display:flex}.global-search-panel>header strong{font-size:.84rem;font-weight:900}.global-search-panel>header button{color:#8792a3;cursor:pointer;background:#f5f6f8;border:0;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.global-search-filters{scrollbar-width:none;gap:7px;padding:0 18px 12px;display:flex;overflow-x:auto}.global-search-filters::-webkit-scrollbar{display:none}.global-search-filters button{color:#6a778c;cursor:pointer;background:#fff;border:1px solid #ece8e5;border-radius:999px;flex:none;min-height:29px;padding:0 11px;font-size:.67rem;font-weight:800}.global-search-filters button.active{border-color:var(--member-pink);color:#fff;background:var(--member-pink)}.global-search-results{max-height:min(490px,100vh - 215px);padding:0 9px 9px;overflow-y:auto}.global-search-results>button{width:100%;min-height:62px;color:var(--member-navy);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;grid-template-columns:42px minmax(0,1fr) auto 18px;align-items:center;gap:10px;padding:8px 10px;display:grid}.global-search-results>button:hover,.global-search-results>button.active{background:#fff1f4}.global-search-result-icon{color:#d75877;background:var(--member-pink-soft);border-radius:12px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.global-search-result-icon.is-lesson{color:#287cb9;background:var(--member-blue-soft)}.global-search-result-icon.is-vocabulary{color:#138c69;background:var(--member-green-soft)}.global-search-result-icon.is-book{color:#a6720b;background:var(--member-yellow-soft)}.global-search-result-icon.is-article{color:#7356a8;background:var(--member-purple-soft)}.global-search-result-icon img{object-fit:cover;width:100%;height:100%}.global-search-result-copy{min-width:0;display:grid}.global-search-result-copy strong,.global-search-result-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.global-search-result-copy strong{color:var(--member-navy);font-size:.76rem}.global-search-result-copy small{color:#7b879a;font-size:.64rem}.global-search-results>button>em{color:#778398;background:#f2f4f7;border-radius:999px;padding:3px 7px;font-size:.58rem;font-style:normal;font-weight:800}.global-search-results>button>svg{color:#a2aab7}.global-search-state{color:#7f8999;justify-content:center;align-items:center;gap:9px;min-height:150px;margin:0;font-size:.76rem;display:flex}.global-search-panel>footer{color:#9aa3b1;background:#fbfaf9;border-top:1px solid #f0ece9;gap:15px;padding:9px 18px;font-size:.58rem;display:flex}.global-search-backdrop{display:none}.has-member-navigation .profile-menu{gap:9px;margin-left:auto}.has-member-navigation .xp-chip{display:none}.member-notification{width:42px;height:42px;color:var(--member-navy);box-shadow:var(--member-shadow);cursor:pointer;background:#fff;border:0;border-radius:14px;flex:none;place-items:center;display:grid;position:relative}.member-notification span{background:var(--member-pink);border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:8px}.has-member-navigation .profile-trigger{width:auto;min-width:146px;height:48px;box-shadow:none;border-radius:16px;justify-content:flex-start;gap:9px;padding:4px 9px 4px 5px}.has-member-navigation .profile-trigger img{width:39px;height:39px}.member-profile-copy{text-align:left;flex:1;min-width:0;display:grid}.member-profile-copy small,.member-profile-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar .language-toggle-compact{flex:0 0 36px;margin-inline:2px 4px}.topbar .language-toggle-compact img{display:block}.has-member-navigation>.site-footer{border-top:1px solid var(--member-border);color:var(--member-navy);background:#fff;margin-top:0;padding:38px max(24px,50% - 600px) 20px}.has-member-navigation .site-footer-grid{grid-template-columns:minmax(220px,1.35fr) minmax(120px,.65fr) minmax(150px,.8fr) minmax(130px,.65fr) minmax(210px,1.2fr);gap:28px;width:min(1200px,100%);margin:0 auto}.has-member-navigation .site-footer-brand p{color:#6f7d91;max-width:260px;margin-top:12px;line-height:1.7}.has-member-navigation .site-footer :is(nav,.site-footer-social){flex-direction:column;align-items:flex-start;gap:9px;display:flex}.has-member-navigation .site-footer :is(nav,.site-footer-social)>strong{color:var(--member-navy);margin-bottom:3px;font-size:.78rem}.has-member-navigation .site-footer :is(nav,.site-footer-social) a{color:#748196;align-items:center;gap:6px;font-size:.7rem;display:inline-flex}.has-member-navigation .site-footer-social a>span{color:#fff;background:#478fe0;border-radius:50%;place-items:center;width:23px;height:23px;font-family:Arial,sans-serif;font-size:.85rem;font-weight:900;display:grid}.site-footer-friend{background:#fff8f2;border:1px solid #f2e4dd;border-radius:999px;align-self:start;align-items:center;gap:7px;padding:9px 11px;display:flex}.site-footer-friend img{object-fit:contain;width:64px;height:56px}.site-footer-friend div{color:var(--member-navy);line-height:1.35;display:grid}.site-footer-friend b{font-size:.72rem}.site-footer-friend span{color:#788499;font-size:.61rem}.has-member-navigation .site-footer-bottom{border-color:var(--member-border);color:#8994a5;width:min(1200px,100%);margin:24px auto 0}.member-profile-copy small{color:#738096;font-size:10px;font-weight:700}.member-profile-copy strong{max-width:80px;color:var(--member-navy);font-size:12px}.dark .member-sidebar{border-color:var(--color-line);background:#182237}.dark .member-sidebar-brand,.dark .member-sidebar-nav a,.dark .member-sidebar-nav button{color:#d5deeb}.dark .member-sidebar-toggle{border-color:var(--color-line);color:#d5deeb;background:#202c42}.dark .member-sidebar-nav a:hover,.dark .member-sidebar-nav button:hover,.dark .member-sidebar-nav a.active{color:#ff9ab1;background:#ff70911f}.dark .global-search-control,.dark .member-notification,.dark .has-member-navigation .profile-trigger{border-color:var(--color-line);background:#202c42}.dark .global-search-control input,.dark .member-profile-copy strong{color:#f5f7fb}.dark .global-search-panel{border-color:var(--color-line);color:#f5f7fb;background:#1b263afa}.dark .global-search-panel :is(header strong,.global-search-result-copy strong){color:#f5f7fb}.dark .global-search-filters button,.dark .global-search-results>button>em,.dark .global-search-panel>footer{border-color:var(--color-line);background:#202c42}.dark .global-search-results>button:hover,.dark .global-search-results>button.active{background:#ff70911f}@media (width<=960px){.member-sidebar{display:none}.has-member-navigation>.topbar,.has-member-navigation>main,.has-member-navigation>.site-footer{width:100%;margin-left:0}.has-member-navigation>.topbar{padding-inline:18px}.has-member-navigation>.topbar>.brand{display:flex}.has-member-navigation>.topbar>button[aria-label=เปิดเมนู],.has-member-navigation>.topbar>button[aria-label=ปิดเมนู]{margin-left:auto;display:inline-flex!important}.member-global-search{flex:0 0 42px;width:42px;margin-left:auto}.member-global-search:not(.is-open) .global-search-control{display:none}.global-search-mobile-trigger{width:42px;height:42px;color:var(--member-navy);box-shadow:var(--member-shadow);background:#fff;border-radius:13px;display:grid}.member-global-search.is-open{z-index:90;width:auto;margin:0;padding:14px;position:fixed;inset:0}.member-global-search.is-open .global-search-mobile-trigger{display:none}.member-global-search.is-open .global-search-control{z-index:92;background:#fff;height:48px;position:relative}.global-search-backdrop{z-index:91;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#20324d59;border:0;display:block;position:fixed;inset:0}.global-search-panel{z-index:92;width:100%;max-height:calc(100svh - 86px);position:relative;top:8px;left:auto}.global-search-results{max-height:calc(100svh - 260px)}.has-member-navigation .site-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.has-member-navigation .site-footer-brand,.has-member-navigation .site-footer-friend{grid-column:auto}}@media (width<=560px){.has-member-navigation .member-notification,.has-member-navigation .member-profile-copy,.has-member-navigation .profile-trigger>svg{display:none}.global-search-results>button{grid-template-columns:40px minmax(0,1fr) 16px}.global-search-results>button>em{display:none}.has-member-navigation .profile-trigger{width:42px;min-width:42px;padding:2px}.has-member-navigation>.site-footer{padding:32px 20px 94px}.has-member-navigation .site-footer-grid{grid-template-columns:1fr 1fr;gap:27px 18px}.has-member-navigation .site-footer-brand,.has-member-navigation .site-footer-friend{grid-column:1/-1}.has-member-navigation .site-footer-friend{width:fit-content}}.voice-clear-cache{color:inherit;cursor:pointer;font:inherit;background:#ffffff1f;border:0;border-radius:8px;margin-left:8px;padding:3px 9px;font-size:11px;font-weight:800}.voice-clear-cache:hover{background:#fff3}.dark .profile-settings-modal>header{border-color:var(--color-line);background:#172033f5}.member-pill{color:#a67449;background:#fff3e8;border-radius:99px;align-items:center;gap:8px;min-width:0;margin-left:auto;padding:6px 7px 6px 12px;font-size:12px;font-weight:700;display:inline-flex}.member-pill>span{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.member-pill>button{width:29px;height:29px;color:var(--coral);cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;display:grid}.profile-menu{margin-left:auto;position:relative}.profile-trigger{color:#a67449;cursor:pointer;background:#fff3e8;border:1px solid #f1dfce;border-radius:999px;align-items:center;gap:4px;min-width:50px;height:46px;padding:4px 7px 4px 4px;display:flex}.profile-trigger img,.profile-trigger>svg:first-child{object-fit:cover;border-radius:50%;width:36px;height:36px}.profile-trigger>svg:first-child{color:#fff;background:#e69977;padding:8px}.profile-dropdown{background:#fff;border:1px solid #e9e4db;border-radius:18px;width:310px;animation:.16s ease-out profile-dropdown-in;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 22px 65px #24314b2e}@keyframes profile-dropdown-in{0%{opacity:0;transform:translateY(-5px)}}.profile-dropdown-user{background:#fffaf5;border-bottom:1px solid #eeeae3;align-items:center;gap:11px;padding:16px;display:flex}.profile-dropdown-avatar{color:#fff;background:#e69977;border-radius:50%;flex:0 0 43px;place-items:center;height:43px;font-weight:900;display:grid;overflow:hidden}.profile-dropdown-avatar img{object-fit:cover;width:100%;height:100%}.profile-dropdown-user>div{min-width:0;display:grid}.profile-dropdown-user strong,.profile-dropdown-user small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-dropdown-user small{color:var(--muted);font-size:10px}.profile-dropdown>button{color:#53617a;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f2eee8;align-items:center;gap:11px;width:100%;padding:12px 16px;display:flex}.profile-dropdown>button:hover{color:var(--navy);background:#f7f9fd}.profile-dropdown>button>svg{flex:none}.profile-dropdown>button>span{gap:1px;display:grid}.profile-dropdown>button strong{font-size:12px}.profile-dropdown>button small{color:#9299a8;font-size:9px}.profile-dropdown>button.profile-logout{color:#cf604f;background:#fff9f7;border-bottom:0}.profile-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#161f328c;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.profile-settings-modal{background:#fff;border-radius:24px;width:min(980px,100%);max-height:min(820px,100vh - 44px);overflow-y:auto;box-shadow:0 35px 100px #0a122359}.profile-settings-modal>header{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #ece8e1;justify-content:space-between;align-items:center;padding:19px 22px;display:flex;position:sticky;top:0}.profile-settings-modal>header small{color:var(--coral);letter-spacing:.12em;font-size:9px;font-weight:900}.profile-settings-modal>header h2{color:var(--navy);margin:2px 0 0;font-size:21px}.profile-settings-modal>header>button{color:#7f899b;cursor:pointer;background:#f2f3f6;border:0;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.profile-settings-modal .home-voice-settings{box-shadow:none;margin:18px 22px 22px}@media (width<=760px){.profile-dropdown{width:min(310px,100vw - 20px);position:fixed;top:66px;right:10px}.profile-modal-backdrop{align-items:end;padding:0}.profile-settings-modal{border-radius:24px 24px 0 0;width:100%;max-height:calc(100vh - 34px)}.profile-settings-modal .home-voice-settings{margin:14px;padding:16px}.member-pill>span{max-width:86px}}.profile-menu{align-items:center;gap:8px;display:flex}.profile-dropdown>.profile-dropdown-link{color:#53617a;background:#fff;border-bottom:1px solid #f2eee8;align-items:center;gap:11px;width:100%;padding:12px 16px;display:flex}.profile-dropdown>.profile-dropdown-link:hover{color:var(--navy);background:#f7f9fd}.profile-dropdown>.profile-dropdown-link>svg{flex:none}.profile-dropdown>.profile-dropdown-link>span{gap:1px;display:grid}.profile-dropdown>.profile-dropdown-link strong{font-size:12px}.profile-dropdown>.profile-dropdown-link small{color:#9299a8;font-size:9px}@media (width<=760px){.profile-menu{margin-left:auto}}.login-pill{color:#a67449;background:#fff3e8;border-radius:99px;align-items:center;gap:8px;margin-left:auto;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.login-pill:hover{color:var(--coral)}.auth-page{background:#fff;grid-template-columns:minmax(0,1fr) minmax(380px,.85fr);min-height:calc(100vh - 74px);display:grid}.auth-panel{justify-self:center;width:min(100%,520px);padding:48px 42px 72px}.auth-back{color:var(--muted);align-items:center;gap:8px;margin-bottom:36px;font-size:14px;font-weight:700;display:inline-flex}.auth-back:hover{color:var(--navy)}.auth-heading{gap:10px;margin-bottom:30px;display:grid}.auth-heading .brand-mark{margin-bottom:8px}.auth-heading h1{color:var(--navy);margin:0;font-size:clamp(32px,5vw,48px);line-height:1.15}.auth-heading p{color:var(--muted);margin:0;line-height:1.7}.auth-form{gap:18px;display:grid}.auth-form label{gap:8px;display:grid}.auth-form label>span{color:var(--navy);font-size:14px;font-weight:800}.auth-form label>div{background:#fff;border:1px solid #dce1ec;border-radius:14px;align-items:center;min-height:52px;padding-left:16px;display:flex;overflow:hidden}.auth-form label>div:focus-within{border-color:var(--coral);box-shadow:0 0 0 4px #f47b651a}.auth-form label>div>svg{color:#a1a7b3;flex:none}.auth-form input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0 12px}.auth-form label>div>button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:stretch;place-items:center;padding:0 16px;display:grid}.auth-error{color:#ad2e20;background:#fff0ee;border-radius:12px;margin:0;padding:12px 14px;font-size:14px}.auth-submit{width:100%;min-height:52px;margin-top:4px}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-captcha{border-radius:12px;place-items:center;gap:8px;min-height:90px;display:grid}.auth-captcha-widget{width:100%!important}.auth-captcha small{color:var(--muted);font-weight:700}.auth-captcha--success small{color:#21866f}.auth-captcha--error small{color:#c84f3a}.auth-switch{color:var(--muted);text-align:center;margin:24px 0 0}.auth-switch a{color:var(--coral);font-weight:800}.auth-visual{color:#fff;text-align:center;background:radial-gradient(circle at 25% 18%,#ffffff1f,#0000 28%),linear-gradient(145deg,#354d79,#182643);place-items:center;padding:48px;display:grid;position:relative;overflow:hidden}.auth-visual>span{color:#ffd9d4;letter-spacing:.18em;align-self:end;margin-bottom:10px;font-size:16px;font-weight:800}.auth-visual>strong{align-self:center;font-size:clamp(38px,5vw,68px);line-height:1.15}.auth-visual>p{color:#ffffffbd;align-self:start;max-width:420px;margin:14px auto 20px;line-height:1.8}.auth-visual>div{align-self:start}.auth-visual i{background:#ffffff14;border:1px solid #ffffff24;border-radius:22px;place-items:center;width:82px;height:82px;margin:6px;font-size:30px;font-style:normal;font-weight:800;display:inline-grid;box-shadow:0 20px 50px #00000026}.auth-visual i:nth-child(2){background:var(--coral);transform:translateY(22px)}@media (width<=760px){.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{padding:34px 24px 80px}}.admin-heading-actions>button.permission-button{background:var(--navy)}.admin-login-page{background:radial-gradient(circle at 18% 15%,#ffffff12,#0000 25%),linear-gradient(145deg,#172856,#10192e);place-items:center;min-height:100vh;padding:24px;display:grid}.admin-login-card{background:#fff;border-radius:24px;width:min(430px,100%);padding:38px;box-shadow:0 28px 90px #050b1d66}.admin-login-brand{text-align:center;margin-bottom:30px}.admin-login-brand>span{background:var(--navy);color:#fff;border-radius:18px;place-items:center;width:60px;height:60px;margin:0 auto 18px;display:grid}.admin-login-brand small{color:var(--coral);letter-spacing:1.5px;font-size:10px;font-weight:900}.admin-login-brand h1{color:var(--navy);margin:5px 0 7px;font-size:32px}.admin-login-brand p{color:var(--muted);margin:0;font-size:13px}.admin-shell{background:#f6f7fa;grid-template-columns:250px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.admin-sidebar{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#fff3 transparent;color:#fff;background:#172443;flex-direction:column;min-height:0;padding:24px 18px;display:flex;overflow-y:auto}.admin-sidebar-brand,.admin-sidebar nav,.admin-sidebar-account{flex:none}.admin-sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:11px;padding:0 8px 24px;display:flex}.admin-sidebar-brand>span{background:var(--coral);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.admin-sidebar-brand strong,.admin-sidebar-brand small,.admin-sidebar-account strong,.admin-sidebar-account small{display:block}.admin-sidebar-brand small{color:#9eabc3;text-transform:uppercase;margin-top:2px;font-size:9px}.admin-sidebar nav{gap:6px;margin-top:24px;display:grid}.admin-sidebar nav a{color:#aeb9cf;border-radius:11px;align-items:center;gap:11px;padding:11px 13px;font-size:13px;font-weight:700;display:flex}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:#fff;background:#ffffff12}.admin-sidebar nav a.active{box-shadow:inset 3px 0 var(--coral)}.admin-sidebar-account{border-top:1px solid #ffffff14;margin-top:auto;padding:16px 8px 0}.admin-sidebar-account small{color:#9eabc3;margin-top:3px;font-size:10px}.admin-sidebar-account button{color:#ffb0a2;cursor:pointer;background:#ffffff0d;border:0;border-radius:10px;align-items:center;gap:9px;width:100%;margin-top:14px;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.admin-main{overscroll-behavior:contain;min-width:0;min-height:0;overflow-y:auto}.admin-placeholder{min-height:260px;color:var(--muted);text-align:center;background:#fff;border:2px dashed #ddd9d1;border-radius:20px;place-content:center;justify-items:center;margin-top:28px;display:grid}.admin-placeholder svg{color:var(--coral);margin-bottom:13px}.admin-placeholder strong{color:var(--navy)}.admin-placeholder p{margin:5px 0 0;font-size:12px}.admin-page{max-width:980px}.admin-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.admin-heading h1{margin-bottom:8px}.admin-heading p{color:var(--muted);margin:0}.admin-heading-actions{align-items:center;gap:9px;display:flex}.admin-heading-actions>button{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:11px;align-items:center;gap:7px;padding:10px 14px;font-size:12px;font-weight:800;display:inline-flex}.admin-back{color:var(--muted);align-items:center;gap:8px;margin-bottom:24px;font-size:13px;font-weight:700;display:inline-flex}.admin-error{color:#bd5e4c;background:#fff0ec;border-radius:12px;margin:0 0 16px;padding:13px 15px;font-size:13px}@media (width<=760px){.admin-shell{grid-template-columns:76px minmax(0,1fr)}.admin-sidebar{padding-inline:10px}.admin-sidebar-brand{justify-content:center;padding-inline:0}.admin-sidebar-brand>div,.admin-sidebar nav a{font-size:0}.admin-sidebar nav a{justify-content:center;padding-inline:0}.admin-sidebar-account>div{display:none}.admin-sidebar-account button{justify-content:center;padding-inline:0;font-size:0}.admin-heading{flex-direction:column;align-items:flex-start}}.dashboard-date-filter{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:minmax(200px,1fr) auto auto;align-items:end;gap:16px;margin-bottom:18px;padding:18px 20px;display:grid}.dashboard-date-summary{gap:3px;display:grid}.dashboard-date-summary span{color:var(--muted);font-size:10px;font-weight:700}.dashboard-date-summary strong{color:var(--navy);font-size:15px}.dashboard-date-presets{gap:6px;display:flex}.dashboard-date-presets button{color:#51627f;background:#f7f8fa;border:1px solid #dde2eb;border-radius:10px;height:40px;padding:0 12px;font-weight:700}.dashboard-date-filter input{height:40px;color:var(--navy);font:inherit;background:#fff;border:1px solid #dce1ea;border-radius:10px;padding:0 10px}@media (width<=760px){.dashboard-date-filter{grid-template-columns:1fr;align-items:stretch}.dashboard-date-presets{grid-template-columns:repeat(3,1fr);display:grid}.dashboard-date-filter input{width:100%}}.dashboard-date-filter form{align-items:end;gap:8px;display:flex}.dashboard-date-filter form label{color:var(--muted);gap:4px;font-size:10px;font-weight:700;display:grid}.dashboard-date-filter form>button{color:#fff;background:#355486;border:0;border-radius:10px;height:40px;padding:0 15px;font-weight:750}@media (width<=760px){.dashboard-date-filter form{grid-template-columns:1fr 1fr;display:grid}.dashboard-date-filter form>button{grid-column:1/-1}}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.admin-stat{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:14px;padding:20px;display:flex}.admin-stat strong,.admin-stat small{display:block}.admin-stat strong{color:var(--navy);font-size:24px}.admin-stat small{color:var(--muted);font-size:11px}.admin-stat em{color:#8a94a8;margin-top:4px;font-size:10px;font-style:normal;line-height:1.35;display:block}.admin-stat .stat-icon.green,.admin-panel-icon{color:#56a98a;background:#eaf8f3}.admin-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;align-items:center;gap:18px;margin-top:22px;padding:24px;display:flex}.admin-panel-icon{border-radius:16px;flex:none;place-items:center;width:56px;height:56px;display:grid}.admin-panel>div:nth-child(2){flex:1}.admin-panel span{color:var(--coral);font-size:10px;font-weight:800}.admin-panel h2{margin:3px 0 5px;font-size:19px}.admin-panel p{color:var(--muted);margin:0;font-size:12px}.admin-panel>button{color:var(--muted);background:#f3f1ed;border:0;border-radius:11px;padding:10px 14px}.admin-panel-link{transition:transform .18s,border-color .18s}.admin-panel-link:hover{border-color:#d9d1c5;transform:translateY(-2px)}.admin-panel-link>svg{color:var(--muted)}@media (width<=760px){.admin-stats{grid-template-columns:1fr}.admin-panel{align-items:flex-start}.admin-panel>button{display:none}}.member-filters{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:1fr 1.2fr .75fr .85fr auto;align-items:end;gap:12px;margin-bottom:18px;padding:18px;display:grid}.member-filters label{gap:6px;display:grid}.member-filters label>span{color:var(--muted);font-size:10px;font-weight:800}.member-filters input,.member-filters select,.member-table-options select{min-width:0;height:40px;color:var(--ink);font:inherit;background:#fff;border:1px solid #dddfe5;border-radius:10px;outline:0;padding:0 11px;font-size:12px}.member-filters input:focus,.member-filters select:focus{border-color:var(--coral);box-shadow:0 0 0 3px #f47b6514}.member-filter-actions{gap:7px;display:flex}.member-filter-actions button{cursor:pointer;border:0;border-radius:10px;align-items:center;gap:6px;height:40px;padding:0 13px;font-size:11px;font-weight:800;display:inline-flex}.member-table-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;overflow:hidden}.member-table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;display:flex}.member-table-toolbar>div,.member-table-toolbar>button{align-items:center;gap:8px;display:flex}.member-table-toolbar>div{color:var(--navy)}.member-table-toolbar>button{color:var(--muted);cursor:pointer;background:#f5f3ef;border:0;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:700}.member-table-options{align-items:center;gap:10px;display:flex}.member-table-options label{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.member-table-options select{width:auto;height:34px;padding-inline:8px}.member-table-options>button{width:34px;height:34px;color:var(--muted);cursor:pointer;background:#f5f3ef;border:0;border-radius:9px;place-items:center;display:grid}.member-table-scroll{overflow-x:auto}.member-table{border-collapse:collapse;width:100%;min-width:720px}.member-table th,.member-table td{border-bottom:1px solid var(--line);text-align:left;padding:15px 20px}.member-table th{color:var(--muted);letter-spacing:.5px;background:#faf9f6;font-size:10px}.member-table td{font-size:12px}.member-table tbody tr:last-child td{border-bottom:0}.role-select{min-width:105px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;outline:0;padding:7px 9px;font-weight:800}.member-delete-button{color:#bd5e4c;cursor:pointer;background:#fff0ec;border:0;border-radius:9px;align-items:center;gap:5px;padding:8px 10px;font-size:11px;font-weight:800;display:inline-flex}.member-delete-button:disabled{cursor:not-allowed;opacity:.45}.role-select:disabled{cursor:not-allowed;opacity:.65}.member-table-state{height:120px;color:var(--muted);text-align:center!important}.member-pagination{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.member-pagination>span{color:var(--muted);font-size:10px}.member-pagination>div{gap:5px;display:flex}.member-pagination button{border:1px solid var(--line);min-width:32px;height:32px;color:var(--muted);cursor:pointer;background:#fff;border-radius:9px;place-items:center;font-size:11px;font-weight:800;display:grid}.member-pagination button.active{border-color:var(--navy);background:var(--navy);color:#fff}.member-pagination button:disabled{cursor:not-allowed;opacity:.4}.permission-modal-card{width:min(620px,100%)}.permission-role-tabs{background:#f3f1ed;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:16px;padding:5px;display:grid}.permission-role-tabs button{color:var(--muted);cursor:pointer;text-transform:capitalize;background:0 0;border:0;border-radius:9px;padding:9px;font-size:11px;font-weight:800}.permission-role-tabs button.active{color:var(--navy);background:#fff;box-shadow:0 3px 10px #26344c12}.permission-list{gap:8px;max-height:430px;display:grid;overflow-y:auto}.permission-list>p{color:var(--muted);text-align:center}.permission-list label{border:1px solid var(--line);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:13px 15px;display:flex}.permission-list strong,.permission-list small,.permission-list code{display:block}.permission-list small{color:var(--muted);margin:2px 0 5px;font-size:10px}.permission-list code{color:var(--coral);font-size:9px}.permission-list input{width:20px;height:20px;accent-color:var(--coral);flex:none}.permission-lock-note{color:#8f6c25;background:#fff7df;border-radius:10px;margin:14px 0 0;padding:10px 12px;font-size:10px}@media (width<=760px){.member-filters{grid-template-columns:1fr 1fr}.member-filter-actions{grid-column:1/-1}.member-table-toolbar{flex-direction:column;align-items:flex-start}.member-table-options{flex-wrap:wrap;width:100%}.member-pagination{flex-direction:column;align-items:flex-start}}.scenario-tabs,.member-table-scroll,.commerce-table-wrap{touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.dark .scenario-tabs,.dark .member-table-scroll,.dark .commerce-table-wrap{scrollbar-color:#475569 transparent}.scenario-tabs::-webkit-scrollbar{height:7px;display:block}.member-table-scroll::-webkit-scrollbar{height:7px;display:block}.commerce-table-wrap::-webkit-scrollbar{height:7px;display:block}.scenario-tabs::-webkit-scrollbar-track{background:0 0}.member-table-scroll::-webkit-scrollbar-track{background:0 0}.commerce-table-wrap::-webkit-scrollbar-track{background:0 0}.scenario-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.member-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.commerce-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.dark .scenario-tabs::-webkit-scrollbar-thumb{background:#475569}.dark .member-table-scroll::-webkit-scrollbar-thumb{background:#475569}.dark .commerce-table-wrap::-webkit-scrollbar-thumb{background:#475569}.commerce-table-wrap .member-table{min-width:800px}.game-admin-tabs{background:#fff;border:1px solid #e4e7ef;border-radius:16px;gap:8px;width:fit-content;margin-bottom:22px;padding:7px;display:flex}.game-admin-tabs button{color:#65718b;background:0 0;border:0;border-radius:11px;align-items:center;gap:8px;padding:11px 18px;font-weight:700;display:flex}.game-admin-tabs button.active{color:#fff;background:#355486}.game-admin-tabs span{background:#ffffff2e;border-radius:999px;min-width:22px;padding:1px 6px}.quiz-admin-filters{background:#fff;border:1px solid #e5e1db;border-radius:22px;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(145px,.75fr)) auto;align-items:end;gap:14px;margin-bottom:24px;padding:22px;display:grid}.quiz-admin-filters label,.quiz-question-form>label,.quiz-form-grid label{gap:7px;display:grid}.quiz-admin-filters label>span,.quiz-question-form label>span{color:#69738a;font-size:.82rem;font-weight:700}.quiz-admin-filters input,.quiz-admin-filters select,.quiz-question-form input,.quiz-question-form select,.quiz-question-form textarea{color:#17243f;width:100%;font:inherit;background:#fff;border:1px solid #dce1ea;border-radius:11px;padding:11px 13px}.flashcard-admin-filters{grid-template-columns:minmax(240px,1.6fr) minmax(170px,.8fr) minmax(150px,.7fr) auto}.dialogue-admin-layout{grid-template-columns:minmax(320px,.8fr) minmax(440px,1.2fr);align-items:start;gap:18px;display:grid}.dialogue-scenario-admin-list,.dialogue-challenge-admin-list{background:#fff;border:1px solid #e4e1dc;border-radius:20px;overflow:hidden}.dialogue-scenario-admin-list>header,.dialogue-challenge-admin-list>header{border-bottom:1px solid #ece8e2;justify-content:space-between;align-items:center;gap:12px;padding:17px 19px;display:flex}.dialogue-scenario-admin-list>header button{color:#66758f;background:#f2f3f6;border:0;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.dialogue-scenario-admin-list>article{border-bottom:1px solid #f0ede8;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px 16px;display:grid}.dialogue-scenario-admin-list>article.active{background:#f3f7ff;box-shadow:inset 3px 0 #355486}.dialogue-scenario-admin-list article>div:nth-child(2){min-width:0;display:grid}.dialogue-scenario-admin-list article small{color:#738099;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dialogue-scenario-admin-list article span{color:#e06c58;font-size:.72rem;font-weight:700}.dialogue-admin-actions{gap:5px;display:flex}.dialogue-admin-actions button,.dialogue-challenge-cards footer button{color:#46638e;background:#edf3ff;border:0;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:.75rem;font-weight:700;display:inline-flex}.dialogue-admin-actions button.delete,.dialogue-challenge-cards footer button.delete{color:#c7584a;background:#fff0ed}.dialogue-challenge-admin-list>header>div{display:grid}.dialogue-challenge-admin-list>header small{color:#8490a6}.dialogue-challenge-admin-list>header>button{color:#fff;background:#355486;border:0;border-radius:9px;align-items:center;gap:6px;padding:9px 12px;font-weight:700;display:inline-flex}.dialogue-admin-empty{color:#8792a7;text-align:center;place-items:center;min-height:240px;padding:30px;display:grid}.dialogue-admin-empty strong{color:#394967;margin-top:8px}.dialogue-admin-empty p{max-width:330px;margin:4px 0 0;font-size:.82rem}.admin-modal-card.dialogue-challenge-modal{flex-direction:column;width:min(840px,100vw - 32px);max-height:min(86dvh,820px);padding:22px;display:flex;overflow:hidden}.admin-modal-card.dialogue-challenge-modal>header{border-bottom:1px solid #ece8e2;flex:none;margin-bottom:14px;padding-bottom:14px}.admin-badge{color:#39866d;background:#eaf8f3;border-radius:99px;align-items:center;gap:7px;padding:10px 14px;font-size:12px;font-weight:800;display:inline-flex}.admin-modal{z-index:100;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-modal-backdrop{cursor:default;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#111b31b3;border:0;width:100%;height:100%;position:absolute;inset:0}.admin-modal-card{z-index:1;background:#fff;border-radius:22px;width:min(480px,100%);padding:26px;position:relative;box-shadow:0 28px 90px #050b1d52}.admin-modal-card>header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.admin-modal-card h2{margin-top:4px}.admin-modal-card>header>button{width:34px;height:34px;color:var(--muted);cursor:pointer;background:#f3f1ed;border:0;border-radius:10px;place-items:center;display:grid}.admin-create-form{gap:15px;display:grid}.admin-create-form label{gap:7px;display:grid}.admin-create-form label>span{color:var(--navy);font-size:11px;font-weight:800}.admin-create-form input,.admin-create-form select{height:46px;font:inherit;background:#fff;border:1px solid #dddfe5;border-radius:11px;outline:0;padding:0 13px}.admin-create-form input:focus,.admin-create-form select:focus{border-color:var(--coral);box-shadow:0 0 0 3px #f47b6514}.admin-create-form footer{justify-content:flex-end;gap:9px;margin-top:8px;display:flex}.admin-create-form footer button{cursor:pointer;border:0;border-radius:10px;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-weight:800;display:inline-flex}.admin-create-form footer button:first-child{color:var(--muted);background:#f3f1ed}.admin-create-form footer button:last-child{background:var(--coral);color:#fff}@media (width<=760px){.dialogue-admin-layout{grid-template-columns:1fr}}.online-admin-layout{grid-template-columns:280px minmax(0,1fr);gap:14px;display:grid}.online-admin-books{align-content:start;gap:7px;display:grid}.online-admin-books>button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:1px solid #ebe8e2;border-radius:12px;align-items:center;gap:9px;padding:9px;display:flex}.online-admin-books>button.active{background:#f3f6fb;border-color:#91a2c7}.online-admin-books button>div{flex:1;min-width:0;display:grid}.online-admin-books strong,.online-admin-books small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.online-admin-books strong{color:var(--navy);font-size:10px}.online-admin-books small{color:var(--muted);font-size:8px}.online-admin-books button>svg{color:#8691a3;width:14px}.online-admin-chapters{background:#faf9f6;border:1px solid #ebe8e2;border-radius:15px;min-width:0;padding:15px}.online-admin-chapters>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;display:flex}.online-admin-chapters>header span{color:var(--muted);font-size:8px}.online-admin-chapters>header h3{color:var(--navy);margin:0}.online-admin-chapters>header>div:last-child{gap:5px;display:flex}.online-admin-chapters>header button{color:#68758d;cursor:pointer;background:#e9edf3;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:32px;height:32px;padding:0 8px;font-size:9px;font-weight:800;display:inline-flex}.online-admin-chapters>header button:last-child{color:#fff;background:var(--coral)}@media (width<=900px){.online-admin-layout{grid-template-columns:1fr}.online-admin-books{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.online-admin-books{grid-template-columns:1fr}.online-admin-chapters>header{flex-direction:column;align-items:flex-start}}.game-toggle-order{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.game-toggle-order b{min-width:18px;color:var(--color-muted);text-align:center;font-size:.75rem}.game-toggle-order button{border:1px solid var(--color-line);background:var(--color-paper);width:24px;height:24px;color:var(--color-brand);cursor:pointer;border-radius:8px;place-items:center;display:grid}.game-toggle-order button:disabled{opacity:.35;cursor:not-allowed}.member-table-toolbar small{color:var(--color-muted);font-size:.78rem;display:block}.dark .game-toggle-order button{color:#dbe4f5;background:#232c42;border-color:#3a4763}.monetization-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin;border:1px solid var(--line);background:#fff;border-radius:16px;gap:5px;margin:22px 0;padding:6px;display:flex;overflow:auto hidden}.monetization-tabs button{min-width:145px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:11px;font-weight:800;display:flex}.monetization-tabs button.active{color:#fff;background:var(--navy)}.monetization-tabs svg{width:17px}.revenue-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.revenue-summary-grid article{border:1px solid var(--line);background:#fff;border-radius:17px;min-width:0;padding:18px;position:relative;overflow:hidden}.revenue-summary-grid article>span{color:var(--muted);font-size:10px}.revenue-summary-grid article>strong{color:var(--navy);margin-top:4px;font-size:22px;display:block}.revenue-summary-grid article>svg{color:#354d791c;width:38px;height:38px;position:absolute;bottom:9px;right:12px}.revenue-summary-grid article.positive strong{color:#398866}.revenue-summary-grid article.negative strong{color:#c45a54}.revenue-source-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.revenue-source-grid article{background:#edf1f7;border-radius:14px;padding:14px;overflow:hidden}.revenue-source-grid span{color:var(--muted);font-size:9px}.revenue-source-grid strong{color:var(--navy);margin:2px 0 8px;display:block}.revenue-source-grid i{background:var(--coral);border-radius:5px;min-width:3px;height:4px;display:block}.monetization-help{margin-top:18px}.admin-commerce-section{border:1px solid var(--line);background:#fff;border-radius:20px;padding:20px}.admin-commerce-section>header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.admin-commerce-section>header h2{color:var(--navy);margin:0}.admin-commerce-section>header p{color:var(--muted);margin:2px 0 0;font-size:10px}.admin-commerce-section>header button,.commerce-form button[type=submit]{color:#fff;background:var(--coral);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:10px;font-weight:800;display:inline-flex}.admin-commerce-section button svg{width:16px}.commerce-form{background:#faf9f6;border:1px solid #e6e2db;border-radius:16px;margin-bottom:18px;padding:17px}.commerce-form>header{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.commerce-form>header h3{margin:0}.commerce-form>header button{cursor:pointer;background:0 0;border:0}.commerce-form label{gap:5px;display:grid}.commerce-form label>span{color:#687287;font-size:9px;font-weight:800}.commerce-form input,.commerce-form select,.commerce-form textarea{width:100%;font:inherit;background:#fff;border:1px solid #dedbd5;border-radius:9px;outline:0;padding:10px 11px;font-size:11px}.commerce-form textarea{resize:vertical;min-height:85px}.commerce-form input:focus,.commerce-form select:focus,.commerce-form textarea:focus{border-color:#8193bd}.commerce-form .form-wide{grid-column:1/-1}.commerce-form>footer{justify-content:flex-end;gap:7px;margin-top:13px;display:flex}.commerce-form>footer button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:5px;padding:8px 12px;font-size:10px;display:inline-flex}.commerce-form>footer button[type=submit]{border-color:var(--navy);color:#fff;background:var(--navy)}.commerce-list{gap:8px;display:grid}.commerce-list>article{border:1px solid #ebe8e2;border-radius:12px;align-items:center;gap:11px;padding:10px;display:flex}.commerce-thumbnail,.donation-icon{color:#b67d68;background:#f7ece6;border-radius:8px;flex:none;place-items:center;width:46px;height:54px;display:grid;overflow:hidden}.commerce-thumbnail img{object-fit:cover;width:100%;height:100%}.commerce-list article>div:nth-child(2){flex:1;min-width:0;display:grid}.commerce-list article strong{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.commerce-list article small{color:var(--muted);font-size:9px}.commerce-list article>em{color:#8a5e19;background:#fff0bd;border-radius:99px;padding:4px 7px;font-size:8px;font-style:normal}.commerce-actions{flex:none!important;display:flex!important}.commerce-actions button,.table-delete{color:#66728a;cursor:pointer;background:#edf1f6;border:0;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.commerce-actions button:last-child,.table-delete{color:#c55c53;background:#fff0ed}.commerce-table-wrap{overflow-x:auto}@media (width<=760px){.revenue-summary-grid,.revenue-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-form .form-wide,.compact-form .form-wide{grid-column:auto}.admin-commerce-section{padding:14px}}@media (width<=480px){.revenue-summary-grid,.revenue-source-grid{grid-template-columns:1fr}}.quiz-question-cell{gap:3px;min-width:240px;display:grid}.quiz-question-cell small{color:#8490a6}.quiz-category-chip,.quiz-active-chip{border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:750;display:inline-block}.quiz-category-chip{color:#536f9d;background:#edf3ff}.quiz-active-chip.active{color:#21806b;background:#e5f6f0}.quiz-active-chip.inactive{color:#9a6570;background:#f8e9ec}.quiz-row-actions{gap:7px;display:flex}.quiz-row-actions button{color:#42618f;background:#edf3ff;border:0;border-radius:9px;align-items:center;gap:5px;padding:8px 10px;font-weight:700;display:inline-flex}.quiz-row-actions button.delete{color:#c85b4c;background:#fff0ed}.quiz-modal-card{width:min(760px,100vw - 30px);max-height:90vh;overflow-y:auto}.quiz-question-form{gap:15px;display:grid}.quiz-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.quiz-choice-editor{border:1px solid #e1e5ed;border-radius:13px;gap:9px;margin:0;padding:15px;display:grid}.quiz-choice-editor legend{color:#53627c;padding:0 7px;font-weight:750}.quiz-choice-editor label{grid-template-columns:auto 24px 1fr;align-items:center;gap:8px;display:grid}.quiz-choice-editor input[type=radio]{width:17px}.quiz-choice-editor small{color:#8a94a8}.quiz-audio-input{grid-template-columns:1fr auto;gap:6px;display:grid}.quiz-audio-input button{color:#fff;background:#355486;border:0;border-radius:10px;width:44px}.quiz-active-toggle{color:#42516c;align-items:center;gap:9px;font-weight:700;display:flex!important}.quiz-active-toggle input{width:18px}.quiz-question-form>footer{justify-content:flex-end;gap:10px;padding-top:6px;display:flex}.quiz-question-form>footer button{border:0;border-radius:10px;padding:10px 17px;font-weight:750}.quiz-question-form>footer button[type=submit]{color:#fff;background:#355486}.quiz-page{max-width:720px}.quiz-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.quiz-header>div{flex:1;justify-content:space-between;font-size:14px;display:flex}.quiz-header span{font-weight:700}.quiz-header strong{color:var(--coral)}.quiz-card{border:1px solid var(--line);height:clamp(600px,100svh - 190px,720px);box-shadow:var(--shadow);scrollbar-gutter:stable;color:#1e293b;background:#fff;border-radius:24px;padding:clamp(24px,5vw,44px);overflow-y:auto}.quiz-card :is(.eyebrow,.translation){color:#64748b}.interactive-word{color:inherit;font:inherit;font-weight:inherit;cursor:pointer;background:#fff0ec;border:0;border-bottom:2px dotted;border-radius:4px 4px 1px 1px;padding:1px 2px;transition:color .2s,background .2s;display:inline}.interactive-word:hover,.interactive-word:focus-visible{color:#e96650;background:#ffe1da;outline:none}.kanji-word .interactive-word{padding:2px 8px}.word-popover{z-index:100;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.word-popover-backdrop{cursor:default;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1f2b43a8;border:0;width:100%;height:100%;position:absolute;inset:0}.word-popover-card{z-index:1;width:min(420px,100%);color:var(--ink);text-align:left;background:#fff;border-radius:22px;padding:28px;animation:.18s ease-out popover-in;position:relative;box-shadow:0 24px 70px #15213a45}.word-popover-close{color:#7c8495;cursor:pointer;background:#f4f2ee;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:16px;right:16px}.word-popover-label{color:var(--coral);letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:800}.word-popover-heading{justify-content:space-between;align-items:center;gap:20px;margin:12px 0 22px;display:flex}.word-popover-heading>div{align-items:baseline;gap:15px;display:flex}.word-popover-heading strong{font-family:Noto Sans JP;font-size:38px}.word-popover-heading ruby{color:var(--coral);font-family:Noto Sans JP;font-size:17px}.word-popover-heading rt{color:var(--muted);font-family:Noto Sans Thai;font-size:8px}.word-popover-heading>button{width:48px;height:48px;color:var(--coral);cursor:pointer;background:#fff0ec;border:0;border-radius:14px;place-items:center;display:grid}.word-popover-card dl{border-block:1px solid var(--line);margin:0}.word-popover-card dl>div{grid-template-columns:110px 1fr;gap:12px;padding:13px 0;display:grid}.word-popover-card dl>div+div{border-top:1px solid var(--line)}.word-popover-card dt{color:var(--muted);font-size:12px}.word-popover-card dd{margin:0;font-weight:700}@keyframes popover-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.feedback{border-radius:13px;margin-top:18px;padding:14px 17px;font-size:13px}.feedback>div{align-items:center;gap:8px;display:flex}.feedback p{opacity:.8;margin:5px 0 0 28px}.feedback.success{color:#38856b;background:#eaf8f3}.feedback.error{color:#bd5e4c;background:#fff0ec}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (width<=760px){.quiz-card{height:clamp(620px,100svh - 145px,740px);padding:25px 18px}}.scenario-tabs{scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;grid-auto-columns:minmax(220px,280px);grid-auto-flow:column;gap:10px;width:100%;max-width:100%;margin:30px 0 18px;display:grid;overflow:auto hidden}.scenario-tabs button{border:1px solid var(--line);text-align:left;cursor:pointer;scroll-snap-align:start;background:#fff;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 9px;min-width:0;padding:13px 15px;display:grid}.scenario-tabs button svg{color:#9aa1af;grid-row:1/3}.scenario-tabs button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.scenario-tabs button small{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-size:9px;overflow:hidden}.scenario-tabs button.active{background:#fff3ef;border-color:#f49a89}.scenario-tabs button.active svg{color:var(--coral)}.scenario-hero{height:360px;box-shadow:var(--shadow);background:#e9e4da;border-radius:24px;position:relative;overflow:hidden}.scenario-hero>img{object-fit:cover;width:100%;height:100%;display:block}.scenario-hero:after{content:"";background:linear-gradient(90deg,#1c2a47c7 0,#1c2a475e 42%,#0000 70%);position:absolute;inset:0}.scenario-caption{z-index:1;color:#fff;width:min(340px,70%);position:absolute;bottom:28px;left:30px}.scenario-caption>span{color:#ffc5b8;font-family:Noto Sans JP;font-size:13px;font-weight:700}.scenario-caption h2{color:#fff;margin:5px 0;font-size:29px}.scenario-caption p{color:#e3e8f0;margin:0 0 13px;font-size:12px}.scenario-caption>div{gap:7px;display:flex}.scenario-caption>div span{background:#ffffff1f;border-radius:99px;padding:5px 9px;font-size:9px}.scenario-play-hint{z-index:2;color:#fff;letter-spacing:.5px;background:#263a61b8;border-radius:99px;align-items:center;gap:6px;padding:6px 10px;font-size:9px;display:flex;position:absolute;top:18px;right:18px}.voice-controls{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 25px;display:grid}.voice-controls label{color:var(--muted);background:#f8f7f3;border-radius:11px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:flex}.voice-controls input{min-width:60px;accent-color:var(--coral);flex:1}.voice-controls label>button{width:27px;height:27px;color:var(--navy);cursor:pointer;background:#fff;border:0;border-radius:8px;place-items:center;display:grid}@media (width<=760px){.scenario-tabs{padding-bottom:4px;display:flex;overflow-x:auto}.scenario-tabs button{min-width:155px}.scenario-hero{height:300px}.scenario-hero:after{background:linear-gradient(0deg,#1c2a47d6 0,#0000 75%)}.scenario-caption{width:calc(100% - 40px);bottom:20px;left:20px}.voice-controls{grid-template-columns:1fr}}.dialogue-scenario-thumb{color:#5875a4;background:#eaf1ff;border-radius:10px;place-items:center;width:58px;height:48px;display:grid;overflow:hidden}.dialogue-scenario-thumb img{object-fit:cover;width:100%;height:100%}.dialogue-challenge-cards{gap:10px;max-height:620px;padding:14px;display:grid;overflow-y:auto}.dialogue-challenge-cards>article{border:1px solid #e5e8ef;border-radius:13px;gap:7px;padding:14px;display:grid}.dialogue-challenge-cards article>div{color:#63718b;justify-content:space-between;font-size:.76rem;display:flex}.dialogue-challenge-cards article p{color:#263754;margin:0;line-height:1.6}.dialogue-challenge-cards article>strong{color:#27806e;font-size:.82rem}.dialogue-challenge-cards footer{justify-content:flex-end;gap:7px;display:flex}.dialogue-challenge-modal>.quiz-question-form{scrollbar-width:thin;padding:2px 8px 2px 2px;overflow-y:auto}.dialogue-challenge-modal .quiz-question-form>footer{z-index:2;background:#fff;border-top:1px solid #ece8e2;margin-top:2px;padding:14px 0 4px;position:sticky;bottom:-2px}.dialogue-flow-step{align-items:center;gap:10px;padding-top:2px;display:flex}.dialogue-flow-step>span{color:#fff;background:#355486;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:.78rem;font-weight:800;display:grid}.dialogue-flow-step>div{display:grid}.dialogue-flow-step strong{color:#263754;font-size:.9rem}.dialogue-flow-step small{color:#8792a7;font-size:.73rem}.dialogue-line-editor{border:1px solid #e1e5ed;border-radius:13px;gap:9px;margin:0;padding:15px;display:grid}.dialogue-challenge-modal .quiz-choice-editor input[type=checkbox]{accent-color:#355486;width:17px;height:17px}.dialogue-line-editor legend{color:#53627c;padding:0 7px;font-weight:750}.dialogue-line-edit-row{grid-template-columns:20px 62px minmax(180px,1.2fr) minmax(160px,1fr) 42px 42px;align-items:center;gap:7px;display:grid}.dialogue-line-edit-row input[type=radio]{width:17px}.dialogue-line-edit-row button{color:#506a94;background:#edf3ff;border:0;border-radius:9px;place-items:center;height:40px;display:grid}.dialogue-line-editor>small{color:#8390a6}.add-dialogue-line{color:#355486;background:#edf3ff;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:fit-content;padding:8px 12px;font-weight:700;display:inline-flex}@media (width<=680px){.beginner-promo .dialogue-promo-action{grid-column:1/-1}}.dialogue-promo{color:#fff;background:linear-gradient(120deg,#566f9d,#354d79);border-radius:18px;align-items:center;gap:18px;margin-top:14px;padding:19px 22px;display:flex;box-shadow:0 12px 30px #354d7926}.dialogue-promo-icon{color:#ffd4c9;background:#ffffff18;border-radius:15px;flex:none;place-items:center;width:52px;height:52px;display:grid}.dialogue-promo div{flex-direction:column;display:flex}.dialogue-promo small{color:#ffc2b5;letter-spacing:1.4px;font-size:9px;font-weight:800}.dialogue-promo strong{margin:2px 0;font-size:16px}.dialogue-promo p{color:#dce4f3;margin:0;font-size:11px}.dialogue-promo-action{align-items:center;gap:7px;margin-left:auto;font-size:12px;font-weight:700;display:flex}.flipcard-promo .dialogue-promo-action{color:#b17d24}.kana-promo .dialogue-promo-action{color:#5574a8}.dialogue-page{max-width:920px}.dialogue-player{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;margin-top:18px;padding:28px}.dialogue-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:17px;display:flex}.dialogue-toolbar>div{flex-direction:column;display:flex}.dialogue-toolbar span{color:var(--coral);font-size:10px;font-weight:700}.dialogue-toolbar strong{font-size:17px}.dialogue-toolbar>button{color:#fff;background:var(--navy);cursor:pointer;border:0;border-radius:10px;align-items:center;gap:7px;padding:9px 13px;font-size:11px;font-weight:700;display:flex}.dialogue-line{align-items:flex-start;gap:10px;display:flex}.dialogue-line.speaker-b{flex-direction:row-reverse}.dialogue-bubble{width:min(72%,560px)}.dialogue-sentence{text-align:left;cursor:pointer;background:#fff0ec;border:0;border-radius:5px 15px 15px;grid-template-columns:1fr auto;align-items:center;gap:2px 14px;width:100%;padding:13px 15px;display:grid}.speaker-b .dialogue-sentence{background:#edf3ff;border-radius:15px 5px 15px 15px}.dialogue-sentence>span{font-family:Noto Sans JP;font-size:16px;font-weight:600}.dialogue-sentence small{color:var(--muted);font-size:10px}.dialogue-sentence svg{color:var(--coral);grid-area:1/2/3}.speaker-b .dialogue-sentence svg{color:#5574a8}.dialogue-dropzone{color:#9a9fa8;cursor:pointer;background:#faf9f6;border:2px dashed #cfd3db;border-radius:14px;width:100%;min-height:66px}.dialogue-dropzone.active{border-color:var(--coral);background:#fff5f2}.dialogue-dropzone.wrong{color:#cc5b4a;border-color:#e36d5b;animation:.25s shake}.dialogue-options{background:#f8f7f3;border-radius:15px;flex-wrap:wrap;gap:9px;margin-top:24px;padding:17px;display:flex}.dialogue-options>span{width:100%;color:var(--muted);font-size:10px}.dialogue-options button{cursor:grab;background:#fff;border:1px solid #dedbd5;border-radius:10px;align-items:center;gap:5px;padding:9px 12px;font-family:Noto Sans JP;font-size:12px;display:flex}.dialogue-options button:hover:not(:disabled){border-color:var(--coral);box-shadow:0 5px 14px #f47b6519}.dialogue-options button:disabled{opacity:.45}.dialogue-result{border-radius:14px;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;display:flex}.dialogue-result.correct{color:#347a63;background:#eaf8f3}.dialogue-result.wrong{color:#bd5e4c;background:#fff0ec}.dialogue-result>svg{flex:none}.dialogue-result div{flex:1}.dialogue-result strong{font-size:13px}.dialogue-result p{opacity:.8;margin:2px 0 0;font-size:10px}.dialogue-result>button{color:inherit;cursor:pointer;background:#ffffffa8;border:0;border-radius:9px;align-items:center;gap:5px;padding:8px 11px;font-size:10px;font-weight:700;display:flex}@media (width<=760px){.dialogue-line-edit-row{grid-template-columns:20px 54px 1fr 42px 42px}.dialogue-line-edit-row input:nth-of-type(3){grid-column:3/-1}.dialogue-promo{align-items:flex-start}.dialogue-promo-action{display:none}.dialogue-player{padding:18px 14px}.dialogue-bubble{width:calc(100% - 45px)}.dialogue-options button{width:100%}.dialogue-result{flex-wrap:wrap;align-items:flex-start}.dialogue-result>button{margin-left:36px}}.flashcard-page{text-align:center;max-width:720px}.flip-game{margin-top:30px}.flip-game-status{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-bottom:15px;font-size:11px;display:grid}.flip-game-status strong{color:var(--coral)}.flip-progress{background:#e9e5dd;border-radius:99px;height:6px;overflow:hidden}.flip-progress i{border-radius:inherit;background:var(--coral);height:100%;transition:width .3s;display:block}.flip-card{perspective:1200px;height:clamp(440px,68vw,500px)}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.8,.2,1);position:relative}.flip-card.is-flipped .flip-card-inner{transform:rotateY(180deg)}.flip-face{border:1px solid var(--line);box-shadow:var(--shadow);backface-visibility:hidden;background:#fff;border-radius:26px;flex-direction:column;align-items:center;padding:28px;display:flex;position:absolute;inset:0;overflow:hidden}.flip-front h2{margin:8px 0 14px;font-size:20px}.flip-kind{color:var(--coral);letter-spacing:.8px;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.flashcard-image{background-color:#f7f4ee;border-radius:18px;flex:0 280px;width:min(100%,390px);height:clamp(160px,34vw,240px);min-height:0;overflow:hidden;box-shadow:inset 0 0 0 1px #eadfc8}.flashcard-image.custom-image{flex:0 240px;width:min(100%,430px);box-shadow:inset 0 0 0 1px #17243f14,0 12px 28px #17243f1a}.flashcard-image img{object-fit:cover;width:100%;height:100%;display:block}.flashcard-image.image-left img,.flashcard-image.image-center img,.flashcard-image.image-right img{object-fit:fill;width:300%;max-width:none}.flashcard-image.image-left img{transform:translate(0)}.flashcard-image.image-center img{transform:translate(-33.333%)}.flashcard-image.image-right img{transform:translate(-66.666%)}.flashcard-image-unavailable{width:min(100%,390px);min-height:130px;color:var(--text-muted);text-align:center;border:1px dashed #c8bba9;border-radius:18px;place-items:center;gap:8px;padding:20px;display:grid}.flashcard-image-unavailable span{max-width:210px;font-size:.82rem}.flashcard-kanji{color:var(--navy);flex:1;place-items:center;font-family:Noto Sans JP;font-size:clamp(70px,15vw,112px);font-weight:700;display:grid}.flip-back{background:linear-gradient(145deg,#fff,#f6fbf8);justify-content:center;transform:rotateY(180deg)}.flip-back.wrong{background:linear-gradient(145deg,#fff,#fff5f2)}.flip-result{color:#42876f;font-size:13px;font-weight:800}.flip-back.wrong .flip-result{color:#c66351}.flip-answer-word{margin-top:12px;font-family:Noto Sans JP;font-size:72px;font-weight:700}.flip-back>strong{color:var(--coral);font-family:Noto Sans JP;font-size:22px}.flip-back>p{margin:13px 0 20px;font-size:20px;font-weight:700}.flip-back>button{color:var(--navy);cursor:pointer;background:#edf3ff;border:0;border-radius:11px;align-items:center;gap:9px;padding:11px 15px;font-family:Noto Sans JP;display:flex}.flip-options{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.flip-options button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;min-height:53px;font-weight:600}.flip-options button:hover{border-color:var(--coral);color:var(--coral);transform:translateY(-1px)}.flip-next{width:100%;margin-top:14px}.flip-restart{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin:13px auto 0;font-size:10px;display:flex}.flip-over{gap:16px;display:grid}.flip-review{gap:10px;display:grid}.flip-review-label{letter-spacing:.06em;color:#9a867a;text-transform:uppercase;font-size:12px;font-weight:900}.flip-review-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.flip-review-card{color:#4a3b34;text-align:left;cursor:pointer;background:#fff;border:2px solid #ece2da;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.flip-review-card.is-missed{background:#fff6f3;border-color:#f0c2b4}.flip-review-card div{gap:1px;min-width:0;display:grid}.flip-review-card b{font-size:18px;line-height:1.3}.flip-review-card i{color:#8d7a70;font-size:12px;font-style:normal;font-weight:700}.flip-review-card span{color:#9a867a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}@media (width<=760px){.flip-card{height:440px}.flip-face{padding:22px 16px}.flashcard-image{flex-basis:210px;width:min(100%,340px);height:clamp(150px,48vw,210px)}.flashcard-image.custom-image{width:100%}}@media (width<=380px){.flip-face{padding:18px 14px}.flip-front h2{margin-bottom:10px;font-size:18px}.flashcard-image{flex-basis:150px;height:150px}}.kana-promo{background:linear-gradient(135deg,#f4f8ff,#f9f5ff);border:1px solid #d8e3f5;border-radius:18px;align-items:center;gap:18px;margin-top:12px;padding:19px 22px;display:flex}.kana-promo>div{flex-direction:column;display:flex}.kana-promo small{color:#607eae;letter-spacing:1.2px;font-size:9px;font-weight:800}.kana-promo strong{color:var(--navy);margin:2px 0;font-size:16px}.kana-promo p{color:var(--muted);margin:0;font-size:11px}.kana-promo-letters{flex:0 0 78px;grid-template-columns:1fr 1fr;gap:5px;width:78px;display:grid}.kana-promo-letters i{aspect-ratio:1;color:#5473a5;background:#fff;border:1px solid #d8e3f5;border-radius:10px;place-items:center;font-family:Noto Sans JP;font-size:22px;font-style:normal;display:grid;box-shadow:0 5px 12px #35548614}.kana-page{max-width:900px}.kana-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.kana-heading h1{margin:6px 0}.kana-heading p{color:var(--muted);margin:0}.kana-heading>button{color:#fff;cursor:pointer;background:#355486;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:155px;padding:12px 16px;font-weight:750;display:inline-flex}.kana-heading>button.playing{background:#e16f5c}.kana-voice-settings{background:#f7f9fd;border:1px solid #e0e6f0;border-radius:15px;grid-template-columns:minmax(220px,1.5fr) minmax(180px,1fr) auto;align-items:end;gap:12px;margin-bottom:18px;padding:15px;display:grid}.kana-voice-settings label{gap:7px;display:grid}.kana-voice-settings label>span{color:#586985;font-size:12px;font-weight:750}.kana-voice-settings select{color:#263754;background:#fff;border:1px solid #d8dfeb;border-radius:10px;width:100%;min-height:42px;padding:0 12px}.kana-voice-settings input{accent-color:#5574a8;width:100%}.kana-voice-settings>button{color:#fff;cursor:pointer;background:#5574a8;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-weight:750;display:inline-flex}.kana-tabs{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px;display:grid}.kana-tabs button{color:#65718a;text-align:left;cursor:pointer;background:#fff;border:1px solid #e0e4ec;border-radius:15px;grid-template-rows:auto auto;grid-template-columns:48px 1fr;align-items:center;column-gap:12px;padding:14px 17px;display:grid}.kana-tabs button>strong{text-align:center;grid-row:1/3;font-family:Noto Sans JP;font-size:34px}.kana-tabs button>span{align-self:end;font-weight:800}.kana-tabs button>small{align-self:start}.kana-tabs button.active{color:#355486;background:#edf3ff;border-color:#5574a8;box-shadow:0 8px 20px #3554861a}.kana-chart{gap:12px;display:grid}.kana-row{grid-template-columns:74px 1fr;align-items:stretch;gap:12px;display:grid}.kana-row-label{color:#7a879e;text-align:center;background:#f1f3f7;border-radius:13px;place-content:center;display:grid}.kana-row-label span{font-size:9px}.kana-row-label strong{color:#4c5c79}.kana-grid{grid-template-columns:repeat(5,minmax(72px,1fr));gap:9px;display:grid}.kana-grid button{aspect-ratio:1;color:#263754;cursor:pointer;background:#fff;border:1px solid #e1e5ed;border-radius:14px;place-items:center;min-height:92px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.kana-grid button:hover,.kana-grid button.playing{background:#f3f7ff;border-color:#6684b2;transform:translateY(-2px);box-shadow:0 8px 18px #3554861f}.kana-grid button svg{color:#a3aec0;position:absolute;top:8px;right:8px}.kana-grid button strong{font-family:Noto Sans JP;font-size:clamp(30px,4vw,43px);line-height:1}.kana-grid button span{color:#7c899f;font-size:11px;font-weight:700}@media (width<=760px){.kana-heading{flex-direction:column;align-items:stretch}.kana-heading>button{width:100%}.kana-voice-settings{grid-template-columns:1fr}.kana-tabs{gap:8px}.kana-tabs button{grid-template-columns:38px 1fr;padding:11px}.kana-tabs button>strong{font-size:28px}.kana-row{grid-template-columns:42px 1fr;gap:7px}.kana-row-label strong{font-size:11px}.kana-grid{grid-template-columns:repeat(5,minmax(44px,1fr));gap:5px}.kana-grid button{border-radius:10px;min-height:58px}.kana-grid button strong{font-size:clamp(23px,8vw,32px)}.kana-grid button span{font-size:9px}.kana-grid button svg{display:none}.kana-promo{align-items:flex-start}}.beginner-promo{background:linear-gradient(135deg,#f7fbff,#edf4ff);border:1px solid #cbdcf5;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:142px;margin-bottom:18px;padding:24px 28px;display:grid;box-shadow:0 10px 28px #35548617}.beginner-promo-symbols{color:#fff;background:#5574a8;border-radius:24px;place-items:center;width:92px;height:92px;font-family:Noto Sans JP;font-size:25px;font-weight:800;display:grid}.beginner-promo div{gap:4px;display:grid}.beginner-promo small{color:#355486;background:#e8f1ff;border:1px solid #c6d8f5;border-radius:6px;width:fit-content;padding:4px 8px;font-weight:800}.beginner-promo strong{color:#29456f;font-size:19px}.beginner-promo p{color:#71809a;margin:0;font-size:12px}.beginner-promo-progress{background:#dce7f7;border-radius:99px;width:min(360px,100%);height:6px;margin-top:5px;overflow:hidden}.beginner-promo-progress i{border-radius:inherit;background:#5574a8;height:100%;display:block}.beginner-promo em{color:#6680a6;font-size:10px;font-style:normal;font-weight:700}.beginner-game-page{max-width:720px}.beginner-game-header{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:15px;display:grid}.beginner-game-header>div{display:grid}.beginner-game-header span{color:#5574a8;font-size:10px;font-weight:800}.beginner-game-header strong{color:var(--ink)}.beginner-game-header>small{color:var(--muted)}.beginner-total-progress{background:#dfe8f5;border-radius:99px;height:9px;margin-bottom:22px;position:relative}.beginner-total-progress>span{border-radius:inherit;background:linear-gradient(90deg,#5574a8,#7ba6d8);height:100%;transition:width .22s;display:block}.beginner-total-progress>small{color:#71809a;font-size:9px;position:absolute;top:-20px;right:0}.beginner-game-card{border:1px solid var(--line);min-height:650px;box-shadow:var(--shadow);color:#1e293b;background:#fff;border-radius:24px;padding:clamp(24px,5vw,42px)}.beginner-tip{color:#49658f;background:#f3f7fd;border:1px solid #d5e2f5;border-radius:13px;gap:11px;padding:14px 16px;font-size:13px;display:flex}.beginner-tip svg{flex:none}.beginner-tip span{display:grid}.beginner-tip small{color:#8997ad;font-size:9px}.beginner-game-card>p{color:#64748b;text-align:center;margin:30px 0 15px}.beginner-display{color:#354d79;text-align:center;place-items:center;min-height:90px;font-family:Noto Sans JP;font-size:clamp(30px,7vw,52px);display:grid}.beginner-speak{color:#4e6d9e;cursor:pointer;background:#f7faff;border:1px solid #d5e1f2;border-radius:10px;align-items:center;gap:7px;margin:0 auto 20px;padding:8px 13px;display:flex}.beginner-options{gap:9px;display:grid}.beginner-options button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;min-height:50px;padding:10px 15px;display:flex}.beginner-options button.correct,.beginner-feedback.correct{color:#38856b;background:#edf9f5;border-color:#76bea5}.beginner-options button.wrong,.beginner-feedback.wrong{color:#bd5e4c;background:#fff1ed;border-color:#ee9b8d}.beginner-feedback{border:1px solid;border-radius:11px;margin-top:13px;padding:11px 14px;font-size:12px;font-weight:700}.beginner-result>span{color:#5574a8;font-weight:800}.beginner-complete-note{color:#3f8069;background:#eef9f4;border:1px solid #cfe5da;border-radius:11px;padding:12px;font-size:12px}@media (width<=680px){.beginner-promo{grid-template-columns:auto 1fr;padding:19px}.beginner-promo-symbols{width:100px;height:70px}.beginner-game-card{min-height:620px;padding:22px 18px}}.beginner-progress-card{background:linear-gradient(135deg,#fff,#f4f8ff);border-color:#cddcf2}.beginner-progress-card:hover{border-color:#8da9d1}.dark .beginner-progress-card{border-color:var(--color-line);background:var(--color-paper);color:var(--color-ink)}.dark .beginner-progress-card small{color:var(--color-muted)!important}.beginner-book-page{color:#342f2a;width:min(1180px,100% - 28px);max-width:1180px}.beginner-library-page{color:#342f2a;width:min(1220px,100% - 28px);max-width:1220px}.beginner-library-header{grid-template-columns:auto 1fr;align-items:start;gap:18px;margin-bottom:28px;display:grid}.beginner-library-header>div>span{color:#a25143;letter-spacing:.08em;align-items:center;gap:7px;font-size:11px;font-weight:900;display:flex}.beginner-library-header>div>span svg{width:17px}.beginner-library-header h1{color:var(--ink);margin:4px 0 2px;font-family:Noto Serif Thai,Noto Sans Thai,sans-serif;font-size:clamp(30px,5vw,48px)}.beginner-library-header p{color:#806f62;margin:0;font-size:13px}.beginner-book-library{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:16px;display:grid}.beginner-library-card{border:1px solid color-mix(in srgb, var(--book-accent) 32%, #d8cbbb);background:#fffaf3;border-radius:18px;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 12px 30px #4833221a}.beginner-library-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #4833222b}.beginner-cover-button{aspect-ratio:3/4;background:var(--book-accent);cursor:pointer;border:0;width:100%;padding:0;display:block;position:relative}.beginner-cover-button img{object-fit:cover;width:100%;height:100%;display:block}.beginner-cover-button span{color:#fff;letter-spacing:.08em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2d251eb8;border:1px solid #ffffffa6;border-radius:99px;padding:6px 10px;font-size:9px;font-weight:900;position:absolute;top:10px;left:10px}.beginner-library-card-body{padding:15px}.beginner-library-card-body>small{color:var(--book-accent);font-size:9px;font-weight:900}.beginner-library-card-body h2{color:#342f2a;margin:3px 0 0;font-size:18px;line-height:1.3}.beginner-library-card-body>strong{color:#7c695b;font-size:10px}.beginner-library-card-body>p{color:#857568;min-height:55px;margin:9px 0;font-size:9px;line-height:1.55}.beginner-library-card-body>div{color:#6f6157;gap:4px;font-size:8px;font-weight:750;display:grid}.beginner-library-card-body>div span{align-items:center;gap:5px;display:flex}.beginner-library-card-body>div svg{width:13px}.beginner-library-card-body>button{color:#fff;background:var(--book-accent);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:38px;margin-top:13px;font-weight:850;display:flex}.beginner-library-card-body>button svg{width:16px}.beginner-book-topbar{grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;margin-bottom:12px;display:grid}.beginner-library-toggle{color:#6e4a38;cursor:pointer;background:#fffaf1;border:1px solid #d7c9b7;border-radius:10px;align-items:center;gap:6px;min-height:40px;padding:0 13px;font-size:10px;font-weight:850;display:flex}.beginner-library-toggle svg{width:16px}.beginner-book-heading{min-width:0;display:grid}.beginner-book-heading span{color:#9a5a46;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:850}.beginner-book-heading strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-family:Noto Serif Thai,Noto Sans Thai,sans-serif;font-size:19px;overflow:hidden}.beginner-toc-toggle{color:#6e4a38;cursor:pointer;background:#fffaf1;border:1px solid #d7c9b7;border-radius:10px;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-weight:800;display:none}.beginner-toc-toggle svg{width:17px}.beginner-book-progress{background:#e7ddd0;border-radius:99px;height:7px;margin-bottom:20px;position:relative}.beginner-book-progress>span{border-radius:inherit;background:linear-gradient(90deg,#a7503a,#d28757);height:100%;transition:width .24s;display:block}.beginner-book-progress small{color:#8b7767;font-size:9px;font-weight:750;position:absolute;top:-19px;right:0}.beginner-book-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:24px;display:grid;position:relative}.beginner-book-toc{background:#fbf6ec;border:1px solid #ddcfbe;border-radius:18px;max-height:calc(100vh - 118px);padding:19px 12px;position:sticky;top:92px;overflow-y:auto;box-shadow:0 12px 30px #553d2814}.beginner-toc-title{color:#764b38;align-items:center;gap:10px;padding:2px 8px 15px;display:flex}.beginner-toc-title svg{width:22px}.beginner-toc-title div{display:grid}.beginner-toc-title small{color:#9b8979;font-size:9px}.beginner-book-toc nav{gap:5px;display:grid}.beginner-book-toc nav button{color:#6d6257;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;width:100%;padding:10px 9px;display:grid}.beginner-book-toc nav button:hover,.beginner-book-toc nav button.active{color:#733d2f;background:#f0e2d0}.beginner-book-toc nav button>span:first-child{color:#af765f;font-family:ui-monospace,monospace;font-size:11px;font-weight:800}.beginner-book-toc nav button>span:nth-child(2){min-width:0;display:grid}.beginner-book-toc nav strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.beginner-book-toc nav small,.beginner-book-toc nav em{color:#a18d7d;font-size:8px;font-style:normal}.beginner-book-toc nav em.complete{color:#398067;align-items:center;gap:3px;font-weight:850;display:inline-flex}.beginner-book-toc nav em.complete svg{width:13px}.beginner-topic-picker{border-top:1px solid #e6ddd3;margin-top:13px;padding-top:13px}.beginner-topic-picker>span{color:#8b7567;font-size:9px;font-weight:850}.beginner-topic-picker>div{gap:5px;margin-top:8px;display:grid}.beginner-topic-picker button{color:#695b52;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:24px minmax(0,1fr) 15px;align-items:center;gap:6px;min-width:0;padding:7px 8px;display:grid}.beginner-topic-picker button:hover,.beginner-topic-picker button.active{color:#8b4434;background:#f8eee4}.beginner-topic-picker button>span{color:#ad6952;font-size:9px;font-weight:900}.beginner-topic-picker button strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:750;overflow:hidden}.beginner-topic-picker button svg{color:#57917f;width:13px}.beginner-summary-open{color:#315e51;cursor:pointer;background:#eef8f3;border:1px solid #b9d8cb;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:42px;margin-top:12px;padding:8px 10px;font-size:9px;font-weight:850;display:flex}.beginner-summary-open svg{width:15px}.beginner-book-sheet{background:linear-gradient(90deg,#7a4a341a,#0000 34px),radial-gradient(circle at 85% 8%,#c28e5b14,#0000 30%),#fffdf7;border:1px solid #ddd0c0;border-radius:6px 22px 22px 6px;min-width:0;padding:clamp(30px,6vw,68px);position:relative;overflow:hidden;box-shadow:0 22px 55px #482f1f24}.beginner-book-sheet:before{content:"";background:#9f4a38;width:5px;position:absolute;inset:0 auto 0 0}.beginner-page-kicker{color:#a06a53;letter-spacing:.06em;align-items:center;gap:10px;margin-bottom:38px;font-size:10px;font-weight:850;display:flex}.beginner-page-kicker span+span:before{content:"·";color:#c8aa91;margin-right:10px}.beginner-page-kicker .complete{color:#398067;align-items:center;gap:5px;margin-left:auto;display:inline-flex}.beginner-page-kicker .complete:before{content:none}.beginner-page-kicker svg{width:14px}.beginner-page-opening>p{color:#9a7864;margin:0 0 5px;font-size:12px;font-weight:750}.beginner-page-opening h1{color:#312923;margin:0;font-family:Noto Serif Thai,Noto Sans Thai,sans-serif;font-size:clamp(31px,5vw,48px);font-weight:800;line-height:1.2}.beginner-page-objective{color:#634c3e;background:#f8efe2;border-left:3px solid #ba7050;align-items:flex-start;gap:11px;margin:22px 0 34px;padding:13px 15px;font-size:13px;display:flex}.beginner-page-objective svg{flex:none;width:19px}.beginner-page-objective span{display:grid}.beginner-page-objective small{color:#a27860;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:850}.beginner-section-label{color:#a14f3c;letter-spacing:.08em;margin-bottom:10px;font-size:10px;font-weight:900;display:block}.beginner-reading-block{color:#5e554e;font-size:14px;line-height:1.9}.beginner-reading-block p{margin:0 0 13px}.beginner-chapter-brief{color:#655146;background:#fff9ef;border:1px solid #ead8c5;border-radius:14px;margin-bottom:26px;padding:18px 20px}.beginner-chapter-brief strong{color:#49372e;font-size:15px;display:block}.beginner-chapter-brief p{color:#78685e;margin:7px 0 0;font-size:12px;line-height:1.7}.beginner-key-phrase{background:#fbf0df;border:1px solid #ddc5ad;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin:30px 0 24px;padding:26px;display:flex}.beginner-key-phrase>div{min-width:0;display:grid}.beginner-key-phrase small{color:#9b725d;margin-bottom:9px;font-size:9px;font-weight:850}.beginner-key-phrase strong{color:#572f29;font-family:Noto Sans JP,sans-serif;font-size:clamp(25px,5vw,38px);line-height:1.4}.beginner-key-phrase span{color:#a16e55;font-size:12px}.beginner-key-phrase p{color:#443933;margin:10px 0 0;font-size:15px;font-weight:750}.beginner-key-phrase button{color:#804b39;cursor:pointer;background:#fffaf2;border:1px solid #c99f81;border-radius:10px;align-items:center;gap:7px;min-width:max-content;padding:11px 14px;font-weight:800;display:inline-flex}.beginner-key-phrase button:hover{background:#fff;transform:translateY(-1px)}.beginner-key-phrase button svg{width:18px}.beginner-pronunciation-card{color:#664f43;background:#fcf7eeb3;border:1px dashed #d6b89b;border-radius:13px;gap:12px;margin-bottom:34px;padding:14px 16px;display:flex}.beginner-pronunciation-card svg{color:#a45c43;flex:none;width:20px}.beginner-pronunciation-card div{gap:2px;display:grid}.beginner-pronunciation-card strong{font-size:11px}.beginner-pronunciation-card p{color:#78685e;margin:0;font-size:11px;line-height:1.6}.beginner-vocab-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.beginner-vocab-grid button{color:#6d5b4f;text-align:left;cursor:pointer;background:#fffefa;border:1px solid #e1d6c8;border-radius:12px;grid-template-columns:auto 1fr;align-items:start;gap:4px 8px;min-width:0;min-height:84px;padding:12px;display:grid}.beginner-vocab-grid button:hover{border-color:#c69b7f}.beginner-vocab-grid button>svg{color:#ad745b;width:14px}.beginner-vocab-grid button>span{min-width:0;display:grid}.beginner-vocab-grid strong{overflow-wrap:anywhere;color:#47352c;font-family:Noto Sans JP,sans-serif;font-size:16px}.beginner-vocab-grid small{color:#9d8879;font-size:9px}.beginner-vocab-grid em{grid-column:2;font-size:10px;font-style:normal;font-weight:700}.beginner-conjugation-card{background:#f3fbf7;border:1px solid #cdded8;border-radius:16px;margin:28px 0;padding:22px}.beginner-conjugation-heading>span{color:#357363;letter-spacing:.08em;font-size:10px;font-weight:900}.beginner-conjugation-heading>strong{color:#274e44;margin-top:7px;font-family:Noto Sans JP,sans-serif;font-size:23px;display:block}.beginner-conjugation-heading>p{color:#55736a;margin:5px 0 16px;font-size:11px;line-height:1.65}.beginner-conjugation-forms{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.beginner-conjugation-forms button{color:#47655c;text-align:left;cursor:pointer;background:#fffefa;border:1px solid #d8e6e1;border-radius:12px;align-content:start;gap:3px;min-width:0;min-height:92px;padding:12px 38px 12px 13px;display:grid;position:relative}.beginner-conjugation-forms button.active{border-color:#77b59f;box-shadow:inset 4px 0 #77b59f}.beginner-conjugation-forms button>span{color:#55736a;flex-wrap:wrap;align-items:center;gap:6px;font-size:9px;font-weight:850;display:flex}.beginner-conjugation-forms button em{color:#fff;background:#57917f;border-radius:99px;padding:2px 6px;font-size:8px;font-style:normal}.beginner-conjugation-forms button strong{color:#263f38;font-family:Noto Sans JP,sans-serif;font-size:16px}.beginner-conjugation-forms button small{font-size:9px;line-height:1.45}.beginner-conjugation-forms button>svg{color:#57917f;width:15px;position:absolute;top:12px;right:12px}.beginner-conjugation-tip{color:#55736a;align-items:flex-start;gap:7px;margin:13px 0 0;font-size:10px;line-height:1.55;display:flex}.beginner-conjugation-tip svg{flex:0 0 15px;width:15px}.beginner-kanji-practice{background:#fff9ef;border:1px solid #ead8c5;border-radius:16px;margin:30px 0;padding:22px}.beginner-kanji-heading span{color:#9b5d49;align-items:center;gap:7px;font-size:11px;font-weight:900;display:flex}.beginner-kanji-heading svg{width:17px}.beginner-kanji-heading p{color:#78685e;margin:5px 0 14px;font-size:10px;line-height:1.55}.beginner-kanji-tabs{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.beginner-kanji-tabs button{color:#6b4d3e;cursor:pointer;background:#fffefa;border:1px solid #ddc5ad;border-radius:10px;width:42px;height:42px;font-family:Noto Sans JP,sans-serif;font-size:20px}.beginner-kanji-tabs button.active{color:#fff;background:#ad6952;border-color:#ad6952}.beginner-kanji-meta{grid-template-columns:auto 1fr auto;align-items:center;gap:2px 12px;margin-bottom:14px;display:grid}.beginner-kanji-meta>strong{color:#572f29;grid-row:1/3;font-family:Noto Sans JP,sans-serif;font-size:38px}.beginner-kanji-meta>span{color:#6b4d3e;font-size:11px;font-weight:800}.beginner-kanji-meta>em{color:#8d7568;font-size:10px;font-style:normal}.beginner-kanji-meta>button{color:#804b39;cursor:pointer;background:#fffefa;border:1px solid #d7b99e;border-radius:9px;grid-area:1/3/3;align-items:center;gap:6px;min-height:36px;padding:0 11px;font-size:9px;font-weight:800;display:inline-flex}.beginner-kanji-meta>button svg{width:14px}.beginner-kanji-workspace{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.beginner-kanji-workspace>figure,.beginner-kanji-workspace>div{background:#fffefa;border:1px solid #e6d6c7;border-radius:13px;justify-items:center;gap:7px;min-width:0;margin:0;padding:12px;display:grid}.beginner-kanji-workspace img,.beginner-kanji-canvas{aspect-ratio:1;background:#fff;border-radius:9px;width:min(100%,230px)}.beginner-kanji-workspace img{object-fit:contain}.beginner-kanji-canvas{cursor:crosshair;touch-action:none;border:1px solid #eadfd3}.beginner-kanji-workspace figcaption,.beginner-kanji-workspace small{color:#8d7568;font-size:9px}.beginner-kanji-actions{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.beginner-kanji-actions button{color:#804b39;cursor:pointer;background:#fffefa;border:1px solid #d7b99e;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 12px;font-size:9px;font-weight:800;display:inline-flex}.beginner-kanji-actions button.primary{color:#fff;background:#315e51;border-color:#315e51;margin-left:auto}.beginner-kanji-actions button:disabled{cursor:not-allowed;opacity:.48}.beginner-kanji-actions svg{width:15px}.beginner-kanji-feedback{border-radius:11px;align-items:flex-start;gap:9px;margin-top:11px;padding:11px 13px;display:flex}.beginner-kanji-feedback.correct{color:#315e51;background:#def3e9}.beginner-kanji-feedback.retry{color:#8f4f3d;background:#ffe9e4}.beginner-kanji-feedback>svg{flex:0 0 18px;width:18px}.beginner-kanji-feedback span{gap:2px;display:grid}.beginner-kanji-feedback strong{font-size:11px}.beginner-kanji-feedback small{font-size:9px;line-height:1.45}.beginner-mission{color:#ecf7f1;background:#315e51;border-radius:14px;margin:34px 0;padding:20px 22px}.beginner-mission span{color:#a8d6c4;letter-spacing:.1em;font-size:9px;font-weight:900}.beginner-mission p{margin:5px 0 0;font-size:13px;line-height:1.7}.beginner-training{color:#ecf7f1;background:#315e51;border-radius:16px;margin-top:34px;padding:22px}.beginner-training-heading span{color:#bce3d4;letter-spacing:.08em;font-size:10px;font-weight:900}.beginner-training-heading p{margin:5px 0 17px;font-size:12px;line-height:1.65}.beginner-training-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.beginner-training-steps button{color:#f3fff9;text-align:left;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2b;border-radius:12px;align-content:start;gap:4px;min-width:0;min-height:118px;padding:13px;transition:all .16s;display:grid}.beginner-training-steps button:hover,.beginner-training-steps button.done{background:#ffffff26;border-color:#a8d6c4;transform:translateY(-2px)}.beginner-training-steps button.is-listening{background:#ffd66b29;border-color:#ffd66b;box-shadow:0 0 0 3px #ffd66b1a}.beginner-training-steps button:disabled{cursor:not-allowed;opacity:.62;transform:none}.beginner-training-steps button>span{color:#315e51;background:#dff5eb;border-radius:50%;place-items:center;width:27px;height:27px;margin-bottom:3px;font-size:11px;font-weight:900;display:grid}.beginner-training-steps button>span svg{width:15px}.beginner-training-steps strong{font-size:12px}.beginner-training-steps small{color:#c8e5da;font-size:9px;line-height:1.45}.beginner-speech-result{color:#f3fff9;background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;gap:4px;margin-top:12px;padding:13px 15px;display:grid}.beginner-speech-result.is-pass{background:#a8d5ba26;border-color:#a8d6c4}.beginner-speech-result.is-fail{background:#ff8fa321;border-color:#ffb8c5}.beginner-speech-result strong{align-items:center;gap:7px;font-size:12px;display:flex}.beginner-speech-result strong svg{width:17px;height:17px}.beginner-speech-result span{font-size:11px;line-height:1.55}.beginner-speech-result small{color:#c8e5da;font-size:9px;line-height:1.45}.beginner-speech-kanji-notes{color:#315e51;background:#eef8f3;border-radius:9px;gap:6px;margin-top:6px;padding:10px;display:grid}.beginner-speech-kanji-notes>b{font-size:9px}.beginner-speech-kanji-notes>span{grid-template-columns:minmax(45px,auto) minmax(90px,auto) 1fr;align-items:baseline;gap:8px;display:grid}.beginner-speech-kanji-notes>span strong{color:#203f36;font-family:Noto Sans JP,sans-serif;font-size:15px}.beginner-speech-kanji-notes>span em{font-family:Noto Sans JP,sans-serif;font-size:10px;font-style:normal}.beginner-speech-kanji-notes>span small{color:#55736a}.beginner-speech-kanji-notes p{color:#55736a;margin:2px 0 0;font-size:8px;line-height:1.5}.beginner-mini-games{background:#f6fbf8;border:1px solid #d7e5df;border-radius:16px;margin:34px 0;padding:22px}.beginner-mini-games>header>span{color:#39755f;letter-spacing:.06em;align-items:center;gap:7px;font-size:10px;font-weight:900;display:flex}.beginner-mini-games>header svg{width:16px}.beginner-mini-games>header>strong{color:#29473e;margin-top:6px;font-size:15px;display:block}.beginner-mini-games>header>p{color:#6f817a;margin:4px 0 14px;font-size:9px;line-height:1.55}.beginner-mini-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.beginner-mini-tabs button{color:#56746a;cursor:pointer;background:#fff;border:1px solid #ccddd6;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:40px;padding:7px;font-size:9px;font-weight:800;display:flex}.beginner-mini-tabs button.active{color:#fff;background:#57917f;border-color:#57917f}.beginner-mini-tabs svg{width:14px}.beginner-mini-stage{text-align:center;background:#fff;border:1px solid #dce8e3;border-radius:12px;align-content:start;justify-items:center;gap:13px;min-height:245px;margin-top:10px;padding:18px;display:grid}.beginner-mini-stage>small{color:#73877f;font-size:9px}.beginner-mini-sentence{color:#263f38;font-family:Noto Sans JP,sans-serif;font-size:clamp(20px,4vw,29px);line-height:1.5}.beginner-mini-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;display:grid}.beginner-mini-options button{color:#3f5e54;cursor:pointer;background:#fbfdfc;border:1px solid #d6e2dd;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:47px;padding:8px;font-family:inherit;font-size:10px;font-weight:750;display:flex}.beginner-mini-options button.correct,.beginner-picture-options button.correct{color:#315e51;background:#e2f4eb;border-color:#73aa95}.beginner-mini-options button.wrong,.beginner-picture-options button.wrong{color:#8f4f3d;background:#ffebe7;border-color:#d99a8e}.beginner-mini-options svg{flex:0 0 14px;width:14px}.beginner-dialogue-play,.beginner-picture-word{color:#315e51;cursor:pointer;background:#edf8f3;border:1px solid #9fc8b8;border-radius:11px;align-items:center;gap:8px;min-height:48px;padding:9px 15px;font-weight:850;display:flex}.beginner-dialogue-play svg,.beginner-picture-word svg{width:18px}.beginner-dialogue-reveal{color:#526a62;text-align:left;background:#f4f8f6;border-radius:10px;gap:7px;width:100%;padding:11px;font-size:9px;line-height:1.55;display:grid}.beginner-dialogue-reveal span{grid-template-columns:24px minmax(0,auto) 1fr;gap:6px;display:grid}.beginner-dialogue-reveal b{color:#fff;background:#57917f;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.beginner-dialogue-reveal strong{color:#29473e;font-family:Noto Sans JP,sans-serif}.beginner-picture-word span{text-align:left;display:grid}.beginner-picture-word strong{font-family:Noto Sans JP,sans-serif;font-size:17px}.beginner-picture-word em{font-size:8px;font-style:normal}.beginner-picture-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:min(100%,430px);display:grid}.beginner-picture-options button{cursor:pointer;background:#fbfdfc;border:1px solid #d6e2dd;border-radius:12px;align-content:center;place-items:center;gap:3px;min-height:105px;display:grid}.beginner-picture-options button>span{font-size:45px}.beginner-picture-options button>small{color:#526a62;font-size:9px}.beginner-order-answer,.beginner-order-bank{background:#f4faf7;border:1px dashed #9fc8b8;border-radius:11px;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;width:100%;min-height:64px;padding:11px;display:flex}.beginner-order-bank{background:#fff;border-style:solid;border-color:#d9e5e0;min-height:54px}.beginner-order-answer>span{color:#84958e;font-size:9px}.beginner-order-answer button,.beginner-order-bank button{color:#315e51;cursor:pointer;background:#fff;border:1px solid #acd0c2;border-radius:8px;min-height:35px;padding:6px 10px;font-family:Noto Sans JP,sans-serif;font-size:14px;font-weight:750}.beginner-order-bank button:disabled{opacity:.25}.beginner-order-check{color:#fff;cursor:pointer;background:#57917f;border:0;border-radius:9px;align-items:center;gap:6px;min-height:40px;padding:7px 15px;font-weight:850;display:flex}.beginner-order-check:disabled{opacity:.45;cursor:not-allowed}.beginner-order-check svg{width:16px}.beginner-mini-feedback{text-align:left;border-radius:10px;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;width:100%;padding:10px;display:grid}.beginner-mini-feedback.correct{color:#315e51;background:#e2f4eb}.beginner-mini-feedback.wrong{color:#8f4f3d;background:#ffebe7}.beginner-mini-feedback>span{color:#fff;background:currentColor;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.beginner-mini-feedback>span svg{color:#fff;width:14px}.beginner-mini-feedback>div{display:grid}.beginner-mini-feedback strong{font-size:10px}.beginner-mini-feedback small{color:inherit;font-size:8px;line-height:1.45}.beginner-mini-feedback button{min-height:34px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:8px;align-items:center;gap:5px;padding:0 9px;font-size:8px;font-weight:800;display:flex}.beginner-mini-feedback button svg{width:13px}.beginner-course-summary>header{position:relative}.beginner-course-summary>header>span{color:#39755f;letter-spacing:.06em;align-items:center;gap:7px;font-size:10px;font-weight:900;display:flex}.beginner-course-summary>header>span svg{width:17px}.beginner-course-summary>header>button{color:#806b5e;cursor:pointer;background:#fffaf2;border:1px solid #dfd4c8;border-radius:9px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:0;right:0}.beginner-course-summary>header>button svg{width:16px}.beginner-course-summary>header h1{color:#312923;margin:10px 44px 5px 0;font-family:Noto Serif Thai,Noto Sans Thai,sans-serif;font-size:clamp(27px,4vw,39px);line-height:1.3}.beginner-course-summary>header p{color:#78685e;margin:0;font-size:11px;line-height:1.65}.beginner-summary-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:24px 0;display:grid}.beginner-summary-stats article{text-align:center;background:#f4faf7;border:1px solid #d7e5df;border-radius:12px;justify-items:center;gap:3px;min-width:0;padding:16px 10px;display:grid}.beginner-summary-stats strong{color:#315e51;font-size:23px}.beginner-summary-stats span{color:#6f817a;font-size:9px}.beginner-summary-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.beginner-summary-columns>section{border:1px solid #e2d8cd;border-radius:13px;min-width:0;padding:15px}.beginner-summary-columns h2{color:#39755f;align-items:center;gap:7px;margin:0 0 11px;font-size:12px;display:flex}.beginner-summary-columns h2 svg{width:16px}.beginner-summary-columns>section:last-child h2{color:#a15b43}.beginner-summary-topic-list{gap:6px;max-height:330px;display:grid;overflow-y:auto}.beginner-summary-topic-list button{color:#47655c;text-align:left;cursor:pointer;background:#f4faf7;border:0;border-radius:8px;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;min-height:42px;padding:7px 8px;display:grid}.beginner-summary-topic-list.unfinished button{color:#805c4d;background:#fff7ee}.beginner-summary-topic-list button>span{color:#57917f;font-size:9px;font-weight:900}.beginner-summary-topic-list button strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.beginner-summary-topic-list button svg{width:14px}.beginner-summary-topic-list button em{font-size:8px;font-style:normal}.beginner-summary-topic-list>p{color:#806f64;margin:0;font-size:9px;line-height:1.55}.beginner-next-practice{border-top:1px solid #e7d9ca;margin-top:22px;padding-top:20px}.beginner-next-practice>span{color:#a14f3c;font-size:10px;font-weight:900}.beginner-next-practice>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.beginner-next-practice a{color:#6b5549;background:#fffaf2;border:1px solid #d9cbbb;border-radius:11px;align-content:start;gap:4px;min-width:0;min-height:115px;padding:13px;text-decoration:none;display:grid;position:relative}.beginner-next-practice a>svg:first-child{color:#a14f3c;width:20px}.beginner-next-practice a>svg:last-child{width:15px;position:absolute;top:13px;right:12px}.beginner-next-practice a strong{margin-top:4px;font-size:11px}.beginner-next-practice a small{color:#8d7568;font-size:8px;line-height:1.5}.beginner-practice-stage{align-content:start;min-height:570px;display:grid}.beginner-practice-heading>span{color:#a14f3c;letter-spacing:.08em;align-items:center;gap:6px;font-size:10px;font-weight:900;display:inline-flex}.beginner-practice-heading>span svg{width:15px}.beginner-practice-heading h1{color:#312923;margin:8px 0 4px;font-family:Noto Serif Thai,Noto Sans Thai,sans-serif;font-size:clamp(27px,4vw,40px);line-height:1.3}.beginner-practice-heading p{color:#78685e;margin:0;font-size:12px;line-height:1.65}.beginner-practice-prompt{text-align:center;background:#fbf0df;border:1px solid #ddc5ad;border-radius:16px;justify-items:center;gap:10px;margin:30px 0 24px;padding:28px 22px;display:grid}.beginner-practice-prompt small{color:#9b725d;font-size:9px;font-weight:850}.beginner-practice-prompt strong{color:#572f29;font-family:Noto Sans JP,sans-serif;font-size:clamp(25px,5vw,38px);line-height:1.45}.beginner-practice-prompt button,.beginner-review-button{color:#804b39;cursor:pointer;background:#fffaf2;border:1px solid #c99f81;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:11px;font-weight:800;display:inline-flex}.beginner-practice-prompt button svg,.beginner-review-button svg{width:16px}.beginner-practice-options button:disabled:not(.wrong):not(.correct){opacity:.58}.beginner-review-button{justify-self:start;margin-top:17px}.beginner-checkpoint{border-top:1px solid #e7d9ca;margin-top:36px;padding-top:32px}.beginner-checkpoint-title{gap:3px;margin-bottom:15px;display:grid}.beginner-checkpoint-title span{color:#a14f3c;letter-spacing:.08em;font-size:9px;font-weight:900}.beginner-checkpoint-title strong{color:#3d342e;font-size:15px}.beginner-book-sheet .beginner-options button{color:#51463f;text-align:left;background:#fffefa;border-color:#e0d5c8}.beginner-book-sheet .beginner-options button:hover:not(:disabled){background:#fff9ef;border-color:#c7997a}.beginner-book-sheet .beginner-feedback{gap:3px;font-weight:500;display:grid}.beginner-book-sheet .beginner-feedback strong{font-size:12px}.beginner-book-sheet .beginner-feedback span{font-size:10px;line-height:1.5}.beginner-already-read{color:#39755f;background:#edf8f3;border:1px solid #bddccc;border-radius:11px;align-items:center;gap:8px;margin-top:13px;padding:11px 14px;font-size:11px;font-weight:700;display:flex}.beginner-already-read svg{flex:none;width:17px}.beginner-book-reward{color:#795315;text-align:center;background:#fff7dc;border:1px solid #e4bd62;border-radius:12px;margin-top:20px;padding:14px;font-weight:850}.beginner-page-nav{border-top:1px solid #eadfd2;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:38px;padding-top:22px;display:grid}.beginner-page-nav>button{color:#705649;cursor:pointer;background:#fffaf2;border:1px solid #d9cbbb;border-radius:11px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 14px;font-weight:800;display:inline-flex}.beginner-page-nav>button:last-child{justify-self:end}.beginner-page-nav>button.primary{color:#fff;background:#9f4a38;border-color:#974834}.beginner-page-nav>button:disabled{cursor:not-allowed;opacity:.42}.beginner-page-nav svg{width:17px}.beginner-page-dots{gap:3px;display:flex}.beginner-page-dots svg{color:#d3c4b5;width:10px}.beginner-page-dots svg:first-child,.beginner-page-dots svg.current{color:#ad634c}.beginner-toc-backdrop{display:none}.dark .beginner-book-heading strong,.dark .beginner-library-header h1,.dark .beginner-library-card-body h2{color:var(--color-ink)}.dark .beginner-library-header p,.dark .beginner-library-card-body>strong,.dark .beginner-library-card-body>p,.dark .beginner-library-card-body>div{color:var(--color-muted)}.dark .beginner-library-card{border-color:var(--color-line);background:var(--color-paper);box-shadow:0 12px 30px #00000038}.dark .beginner-library-toggle{border-color:var(--color-line);color:var(--color-ink);background:var(--color-paper)}.dark .beginner-book-progress{background:#393430}.dark .beginner-book-toc{background:#27231f;border-color:#4a423b}.dark .beginner-book-toc nav button{color:#c8bbb0}.dark .beginner-book-toc nav button:hover,.dark .beginner-book-toc nav button.active{color:#ffe1cf;background:#45342b}.dark .beginner-topic-picker{border-color:#4a423b}.dark .beginner-topic-picker button,.dark .beginner-summary-topic-list button{color:#c8bbb0}.dark .beginner-topic-picker button:hover,.dark .beginner-topic-picker button.active,.dark .beginner-summary-open,.dark .beginner-summary-topic-list button,.dark .beginner-summary-stats article{color:#d4e9df;background:#2b332f;border-color:#4d443d}.dark .beginner-book-sheet{color:#ddd2c8;background:linear-gradient(90deg,#0003,#0000 34px),radial-gradient(circle at 85% 8%,#ba704617,#0000 30%),#211e1b;border-color:#4b423a}.dark .beginner-page-opening h1,.dark .beginner-practice-heading h1,.dark .beginner-key-phrase p,.dark .beginner-checkpoint-title strong{color:#f1e9e2}.dark .beginner-page-objective,.dark .beginner-key-phrase,.dark .beginner-practice-prompt{color:#dfcfc3;background:#332a24;border-color:#5e493d}.dark .beginner-key-phrase strong,.dark .beginner-practice-prompt strong{color:#ffd1bd}.dark .beginner-reading-block,.dark .beginner-practice-heading p,.dark .beginner-pronunciation-card p{color:#c9bdb4}.dark .beginner-chapter-brief{color:#d7c9bf;background:#292522;border-color:#4d443d}.dark .beginner-chapter-brief strong{color:#f1e9e2}.dark .beginner-chapter-brief p{color:#c9bdb4}.dark .beginner-pronunciation-card,.dark .beginner-vocab-grid button,.dark .beginner-book-sheet .beginner-options button{color:#cfc4bb;background:#292522;border-color:#4d443d}.dark .beginner-vocab-grid strong{color:#eee4dc}.dark .beginner-conjugation-card,.dark .beginner-kanji-practice{background:#292522;border-color:#4d443d}.dark .beginner-conjugation-heading>strong,.dark .beginner-kanji-meta>strong{color:#ffd1bd}.dark .beginner-conjugation-heading>p,.dark .beginner-conjugation-tip,.dark .beginner-kanji-heading p,.dark .beginner-kanji-meta>em{color:#c9bdb4}.dark .beginner-conjugation-forms button,.dark .beginner-kanji-tabs button,.dark .beginner-kanji-meta>button,.dark .beginner-kanji-workspace>figure,.dark .beginner-kanji-workspace>div,.dark .beginner-kanji-actions button{color:#cfc4bb;background:#332e29;border-color:#51483f}.dark .beginner-conjugation-forms button strong{color:#eee4dc}.dark .beginner-kanji-tabs button.active,.dark .beginner-kanji-actions button.primary{color:#fff;background:#8f4b3b;border-color:#ad6952}.dark .beginner-speech-kanji-notes{color:#d4e9df;background:#263a33}.dark .beginner-speech-kanji-notes>span strong,.dark .beginner-speech-kanji-notes>span small,.dark .beginner-speech-kanji-notes p{color:#d4e9df}.dark .beginner-mini-games,.dark .beginner-mini-stage,.dark .beginner-summary-columns>section{background:#292522;border-color:#4d443d}.dark .beginner-mini-games>header>strong,.dark .beginner-mini-sentence,.dark .beginner-dialogue-reveal strong,.dark .beginner-course-summary>header h1{color:#f1e9e2}.dark .beginner-mini-games>header>p,.dark .beginner-course-summary>header p{color:#c9bdb4}.dark .beginner-mini-tabs button,.dark .beginner-mini-options button,.dark .beginner-picture-options button,.dark .beginner-next-practice a,.dark .beginner-course-summary>header>button{color:#cfc4bb;background:#332e29;border-color:#51483f}.dark .beginner-mini-tabs button.active{color:#fff;background:#477a6a;border-color:#57917f}.dark .beginner-order-answer,.dark .beginner-order-bank{border-color:var(--color-line);background:var(--color-paper-soft)}.dark .beginner-order-answer button,.dark .beginner-order-bank button{border-color:var(--color-line);color:var(--color-ink);background:var(--color-paper)}.dark .beginner-dialogue-reveal{color:#c9bdb4;background:#332e29}.dark .beginner-summary-topic-list.unfinished button{color:#e6c9b9;background:#392e28}@media (width<=1080px){.beginner-book-library{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.beginner-toc-toggle{display:flex}.beginner-book-layout{grid-template-columns:minmax(0,1fr)}.beginner-book-toc{z-index:72;visibility:hidden;opacity:0;width:min(330px,100vw - 34px);max-height:calc(100dvh - 28px);transition:all .18s;position:fixed;top:14px;right:14px;transform:translate(18px)}.beginner-book-toc.open{visibility:visible;opacity:1;transform:translate(0)}.beginner-toc-backdrop{z-index:71;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#15100ca3;border:0;display:block;position:fixed;inset:0}}@media (width<=620px){.beginner-book-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.beginner-library-card-body{padding:12px}.beginner-library-card-body h2{font-size:15px}.beginner-library-card-body>p{min-height:68px}.beginner-book-page{width:min(100%,100% - 16px)}.beginner-book-heading span{display:none}.beginner-book-heading strong{font-size:14px}.beginner-library-toggle,.beginner-toc-toggle{justify-content:center;width:42px;padding:0;font-size:0}.beginner-book-sheet{border-radius:5px 15px 15px 5px;padding:28px 18px}.beginner-page-kicker{margin-bottom:27px}.beginner-page-opening h1{font-size:31px}.beginner-key-phrase{flex-direction:column;align-items:stretch;padding:20px 16px}.beginner-key-phrase button{justify-content:center;width:100%}.beginner-vocab-grid{grid-template-columns:1fr}.beginner-conjugation-card,.beginner-kanji-practice{padding:18px 14px}.beginner-conjugation-forms,.beginner-kanji-workspace{grid-template-columns:1fr}.beginner-kanji-meta{grid-template-columns:auto 1fr}.beginner-kanji-meta>button{grid-area:auto/1/auto/-1;justify-content:center;margin-top:7px}.beginner-kanji-actions button{flex:auto}.beginner-kanji-actions button.primary{flex-basis:100%;margin-left:0}.beginner-training-steps{grid-template-columns:1fr}.beginner-mini-games{padding:18px 14px}.beginner-mini-tabs{grid-template-columns:1fr}.beginner-mini-stage{padding:15px 11px}.beginner-mini-options,.beginner-summary-columns,.beginner-next-practice>div{grid-template-columns:1fr}.beginner-picture-options{gap:6px}.beginner-picture-options button{min-height:90px}.beginner-picture-options button>span{font-size:37px}.beginner-mini-feedback{grid-template-columns:25px 1fr}.beginner-mini-feedback button{grid-column:1/-1;justify-content:center}.beginner-speech-kanji-notes>span{grid-template-columns:auto 1fr}.beginner-speech-kanji-notes>span small{grid-column:1/-1}.beginner-summary-stats{grid-template-columns:1fr 1fr}.beginner-summary-stats article:first-child{grid-column:1/-1}.beginner-next-practice a{min-height:95px}.beginner-training-steps button{min-height:88px}.beginner-practice-prompt{padding:23px 15px}.beginner-vocab-grid button{min-height:67px}.beginner-page-nav{grid-template-columns:1fr 1fr}.beginner-page-dots{grid-area:1/1/auto/-1;justify-content:center}.beginner-page-nav>button{grid-row:2}}.onboarding-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#161f31b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.onboarding-modal{background:#fffdf9;border-radius:28px;width:min(540px,100%);min-height:520px;padding:42px;position:relative;box-shadow:0 28px 80px #0d162759}.onboarding-close{width:38px;height:38px;color:var(--muted);cursor:pointer;background:#f2efe9;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;right:18px}.onboarding-intro,.onboarding-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:430px;display:flex}.onboarding-kana,.onboarding-result>span{color:#fff;background:linear-gradient(145deg,#f47b65,#e95f70);border-radius:26px;place-items:center;width:82px;height:82px;margin-bottom:22px;font-size:40px;font-weight:800;display:grid;box-shadow:0 14px 30px #f47b6547}.onboarding-modal small{color:var(--coral);letter-spacing:.08em;font-size:10px;font-weight:800}.onboarding-modal h1{color:var(--ink);margin:9px 0 12px;font-size:25px;line-height:1.45}.onboarding-modal p{max-width:410px;color:var(--muted);margin:0 0 25px;font-size:13px;line-height:1.8}.onboarding-score{background:#fff8f4;border:9px solid #ffe5dc;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:138px;height:138px;margin:8px 0 18px;display:flex;box-shadow:inset 0 0 0 2px #fff,0 12px 30px #f47b6524}.onboarding-score>strong{color:var(--coral);font-size:34px;line-height:1}.onboarding-score>small{color:var(--muted);letter-spacing:0;margin-top:8px}.onboarding-intro>button:not(.onboarding-skip),.onboarding-result>button{color:#fff;background:var(--coral);cursor:pointer;border:0;border-radius:13px;align-items:center;gap:7px;min-height:48px;padding:0 22px;font-weight:800;display:inline-flex}.onboarding-skip{color:#9aa0ac;cursor:pointer;background:0 0;border:0;margin-top:15px;padding:7px;font-size:11px}.onboarding-progress{margin-bottom:36px}.onboarding-progress>span{color:var(--muted);text-align:right;margin-bottom:8px;font-size:11px;display:block}.onboarding-progress>div{background:#ece9e3;border-radius:99px;height:7px;overflow:hidden}.onboarding-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--coral), #f3b35e);height:100%;transition:width .22s;display:block}.onboarding-quiz h1{min-height:75px;margin-bottom:24px}.onboarding-choices{gap:10px;display:grid}.onboarding-choices button{border:1px solid var(--line);width:100%;min-height:52px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:13px;align-items:center;gap:12px;padding:9px 14px;transition:border-color .15s,transform .15s;display:flex}.onboarding-choices button:hover{border-color:var(--coral);transform:translateY(-1px)}.onboarding-choices button span{color:#b06655;background:#fff0ea;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.onboarding-quiz>.onboarding-skip{width:100%}@media (width<=580px){.onboarding-backdrop{padding:12px}.onboarding-modal{border-radius:22px;min-height:500px;padding:58px 22px 28px}.onboarding-modal h1{font-size:21px}}.avatar-preview{color:#fff;background:#e69977;border:4px solid #fff;border-radius:50%;flex:0 0 78px;place-items:center;height:78px;font-size:27px;font-weight:900;display:grid;overflow:hidden;box-shadow:0 8px 22px #35548626}.avatar-preview img{object-fit:cover;width:100%;height:100%}.game-image-preview{object-fit:contain;background:#f6f7fa;border:1px solid #e1e5ed;border-radius:14px;width:100%;max-width:100%;height:clamp(160px,30vw,220px);max-height:220px;display:block}.review-page{max-width:800px}.review-list{gap:12px;margin-top:30px;display:grid}.review-item{border:1px solid var(--line);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.review-item span{font-family:Noto Sans JP;font-size:20px;font-weight:700}.review-item p{color:var(--muted);margin:5px 0 0;font-size:12px}.review-item button{white-space:nowrap;color:#39866d;cursor:pointer;background:#eaf8f3;border:0;border-radius:9px;align-items:center;gap:6px;padding:9px 12px;font-size:12px;display:flex}.review-tip{color:#9a806a;background:#fff3e8;border-radius:12px;gap:9px;margin-top:20px;padding:13px 16px;font-size:12px;display:flex}@media (width<=760px){.avatar-preview{flex-basis:62px;height:62px}.review-item{flex-direction:column;align-items:flex-start}.review-item button{justify-content:center;align-self:stretch}}.voice-settings-copy{align-items:center;gap:14px;display:flex}.voice-settings-icon{color:#fff;background:#5574a8;border-radius:14px;flex:0 0 48px;place-items:center;height:48px;display:grid}.voice-settings-copy small{color:#6d80a0;letter-spacing:.06em;font-weight:800}.voice-settings-copy h2{margin:2px 0;font-size:20px}.voice-settings-copy p{color:var(--muted);margin:0;font-size:13px}.voice-settings-fields{grid-template-columns:minmax(150px,.8fr) minmax(190px,1.2fr) repeat(3,minmax(115px,.7fr)) auto;align-items:end;gap:12px;display:grid}.voice-settings-fields label{gap:7px;display:grid}.voice-settings-fields label>span{color:#586985;font-size:12px;font-weight:750}.voice-settings-fields select{color:#263754;background:#fff;border:1px solid #d8dfeb;border-radius:10px;width:100%;min-height:42px;padding:0 12px}.voice-settings-fields input{accent-color:#5574a8;width:100%}.voice-settings-fields>button{color:#fff;background:#5574a8;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-weight:750;display:inline-flex}.voice-settings-note{color:#7a879e;justify-content:space-between;gap:10px;font-size:11px;display:flex}.voice-settings-note small{color:#438772;align-items:center;gap:4px;display:inline-flex}@media (width<=760px){.voice-settings-fields{grid-template-columns:1fr}.voice-settings-note{flex-direction:column;align-items:flex-start}}.home-page{width:min(1200px,100% - 48px);color:var(--member-navy);margin:0 auto;padding:22px 0 54px}.home-page>*{transition:opacity .46s cubic-bezier(.22,1,.36,1),filter .46s cubic-bezier(.22,1,.36,1),transform .46s cubic-bezier(.22,1,.36,1)}.home-page.is-intro-loading>*{opacity:.28;filter:blur(5px);transform:translateY(8px)scale(.995)}.home-page.is-intro-ready>*{opacity:1;filter:blur();transform:translateY(0)scale(1)}.home-page.is-intro-ready>:nth-child(2){transition-delay:55ms}.home-page.is-intro-ready>:nth-child(3){transition-delay:.1s}.home-page.is-intro-ready>:nth-child(n+4){transition-delay:.145s}@media (prefers-reduced-motion:reduce){.home-page>*{transition:none}}.home-reference-hero{min-height:404px;box-shadow:var(--member-shadow);background-image:url(/brand-hero-kawaii-v2.webp);background-position:50% 52%;background-size:cover;border:1px solid #f2dcd5;border-radius:28px;position:relative;overflow:hidden}.home-reference-copy{z-index:2;width:48%;padding:30px 0 28px 30px;position:relative}.home-reference-badge{color:#fff;letter-spacing:.08em;background:linear-gradient(135deg,#ff7091,#f25e82);border-radius:0 0 14px 14px;align-items:center;min-height:34px;padding:0 15px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 8px 18px #ff709138}.home-reference-copy h1{color:var(--member-navy);letter-spacing:-.045em;margin:14px 0 8px;font-size:clamp(2.15rem,4vw,3.4rem);font-weight:950;line-height:1.08}.home-reference-wordmark{width:fit-content;margin:8px 0 12px;line-height:1;display:grid}.home-reference-wordmark strong{color:var(--member-navy);letter-spacing:-.06em;font-family:Noto Sans JP,sans-serif;font-size:2.1rem;font-weight:950}.home-reference-wordmark strong:first-letter{color:var(--member-pink)}.home-reference-wordmark small{letter-spacing:.06em;margin-top:5px;font-size:.76rem;font-weight:950}.home-reference-copy p{color:#40516b;margin:0;font-size:.94rem;font-weight:600;line-height:1.65}.home-reference-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.home-primary-button,.home-secondary-button{border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 22px;font-size:14px;font-weight:900;transition:transform .16s,box-shadow .16s;display:inline-flex}.home-primary-button{color:#fff;background:linear-gradient(135deg,#ff7897,#f65e82);box-shadow:0 10px 22px #ff709147}.home-secondary-button{color:var(--member-navy);background:#ffffffe0;border:1px solid #e3e0df;box-shadow:0 6px 18px #28304614}.home-secondary-button span{border:2px solid var(--member-pink);width:22px;height:22px;color:var(--member-pink);border-radius:50%;place-items:center;font-size:7px;display:grid}.home-primary-button:hover,.home-secondary-button:hover{transform:translateY(-2px)}.home-hero-bubble{z-index:2;width:142px;height:105px;color:var(--member-navy);text-align:center;background:#ffffffeb;border:2px solid #f1d9d6;border-radius:48% 52% 48% 50%;place-content:center;font-size:15px;line-height:1.45;display:grid;position:absolute;top:73px;right:25px;transform:rotate(3deg);box-shadow:0 7px 20px #28304614}.home-hero-bubble b{color:var(--member-pink)}.home-learning-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.home-learning-card{min-height:230px;box-shadow:var(--member-shadow);border:1px solid #0000;border-radius:22px;flex-direction:column;padding:16px 18px 17px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.home-learning-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #2830461a}.home-learning-card.is-pink{background:linear-gradient(145deg,#fff0f4,#ffe1e9);border-color:#ffc9d6}.home-learning-card.is-yellow{background:linear-gradient(145deg,#fff8dc,#fff0bd);border-color:#f7d98e}.home-learning-card.is-blue{background:linear-gradient(145deg,#eef7ff,#dceeff);border-color:#bfdcf6}.home-learning-card.is-green{background:linear-gradient(145deg,#ebfbf5,#d8f5e9);border-color:#b5ead8}.home-learning-visual{place-items:center;height:112px;display:grid}.home-learning-visual svg{width:132px;height:99px}.home-learning-visual img{object-fit:contain;object-position:center 18%;width:128px;height:120px}.home-learning-copy{gap:3px;padding-right:33px;display:grid}.home-learning-copy strong{color:var(--member-navy);font-size:1.1rem;font-weight:900}.home-learning-copy small{color:#52637a;font-size:.75rem;line-height:1.55}.home-round-arrow{width:33px;height:33px;color:var(--member-pink);background:#ffffffdb;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:15px;right:14px}.home-learning-card.is-yellow .home-round-arrow{color:#c98c0c}.home-learning-card.is-blue .home-round-arrow{color:#397fc1}.home-learning-card.is-green .home-round-arrow{color:#138c69}.home-progress-grid{grid-template-columns:minmax(0,2fr) minmax(250px,1.3fr) minmax(180px,.9fr);gap:18px;margin-top:26px;display:grid}.home-progress-panel,.home-mission-panel,.home-motivation-panel,.home-news-panel,.home-event-panel{border:1px solid var(--member-border);box-shadow:var(--member-shadow);background:#fff;border-radius:22px;overflow:hidden}.home-progress-panel,.home-mission-panel{padding:20px}.home-progress-panel>header,.home-mission-panel>header,.home-news-panel>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.home-section-kicker{color:var(--member-pink);letter-spacing:.11em;font-size:.61rem;font-weight:900}.home-progress-panel h2,.home-mission-panel h2,.home-news-panel h2,.home-section-heading h2{color:var(--member-navy);margin:2px 0 0;font-size:1.12rem;font-weight:900}.home-progress-panel>header>a,.home-news-panel header a,.home-section-heading>a{color:#4789c7;align-items:center;gap:4px;font-size:.72rem;font-weight:800;display:inline-flex}.home-progress-body{grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:14px;display:grid}.home-level-badge{color:#fff;clip-path:polygon(50% 0,94% 17%,89% 76%,50% 100%,11% 76%,6% 17%);filter:drop-shadow(0 7px 7px #3087c640);text-align:center;background:linear-gradient(145deg,#5cc7f5,#257fc9);place-content:center;width:66px;height:72px;display:grid;position:relative}.home-level-badge strong{font-size:1.65rem;line-height:1}.home-level-badge small{font-size:.5rem;font-weight:900}.home-progress-body>div{min-width:0}.home-progress-body>div>strong{color:var(--member-navy);font-size:.98rem}.home-progress-body p{color:#728098;margin:2px 0 8px;font-size:.75rem}.home-progress-body>b{font-size:1.03rem}.home-progress-track{background:#edf1f5;border-radius:999px;height:9px;display:block;overflow:hidden}.home-progress-track i{border-radius:inherit;background:linear-gradient(90deg,#6ccaf3,#25a9ef);height:100%;display:block}.home-continue-link{color:#48617e;background:#f4f9fd;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:13px;padding:9px 11px;font-size:.67rem;display:grid}.home-continue-link strong{color:var(--member-navy);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-mission-panel{background:linear-gradient(145deg,#fff,#fff2f5);border-color:#f4ced7}.home-mission-panel>header>strong{color:var(--member-pink);font-size:.82rem}.home-mission-panel ul,.home-news-panel ul{gap:9px;margin:14px 0 0;padding:0;list-style:none;display:grid}.home-mission-panel li{color:#52627a;align-items:center;gap:9px;font-size:.75rem;font-weight:700;display:flex}.home-mission-panel li>span{color:#fff;background:#fff;border:2px solid #cfd8e3;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;display:grid}.home-mission-panel li.done>span{border-color:var(--member-pink);background:var(--member-pink)}.home-mission-panel li.done a{color:#98a0af;text-decoration:line-through}.home-motivation-panel{text-align:center;background:linear-gradient(155deg,#fff8ef,#ffe9dc);border-color:#f4d5c9;min-height:225px;position:relative}.home-motivation-panel>div{z-index:2;color:#257068;background:#fffdf7;border:1px solid #eaded5;border-radius:8px;padding:7px 10px;font-size:.87rem;font-weight:900;line-height:1.25;position:absolute;top:18px;right:13px;transform:rotate(-6deg)}.home-motivation-panel img{filter:drop-shadow(0 9px 8px #2830461a);width:155px;position:absolute;bottom:20px;left:-11px}.home-motivation-panel p{z-index:2;color:#51617a;text-align:right;margin:0;font-size:.7rem;font-weight:800;position:absolute;inset:auto 13px 12px}.home-content-section{margin-top:30px}.home-section-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px;display:flex}.home-section-heading>div>span{color:var(--member-pink);letter-spacing:.08em;align-items:center;gap:6px;font-size:.68rem;font-weight:900;display:inline-flex}.home-recommended-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.home-recommended-card{border:1px solid var(--member-border);min-width:0;color:var(--member-navy);box-shadow:var(--member-shadow);background:#fff;border-radius:20px;padding:0 15px 15px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.home-recommended-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #2830461a}.home-recommended-art{background:#eef6fb;border-radius:19px 19px 0 0;height:132px;margin:0 -15px 12px;display:block;overflow:hidden}.home-scene-art{background-image:url(/landing-content-scenes.png);background-repeat:no-repeat;background-size:300%;width:100%;height:100%;display:block}.home-scene-art.is-classroom{background-position:0}.home-scene-art.is-sushi{background-position:50%}.home-scene-art.is-train{background-position:100%}.home-dog-art{color:#a45e3f;background:radial-gradient(circle at 30% 22%,#ffffffd9 0 7px,#0000 8px),linear-gradient(145deg,#ffe9d7,#fff6e7 55%,#dff2ff);place-items:center;width:100%;height:100%;display:grid;position:relative}.home-dog-art>svg:first-child{stroke-width:1.35px;width:72px;height:72px}.home-dog-art>svg:last-child{color:#ff9b75;width:27px;position:absolute;top:17px;right:26px;transform:rotate(18deg)}.home-recommended-meta{align-items:center;gap:6px;display:flex}.home-recommended-meta small,.home-recommended-meta em{border-radius:999px;padding:3px 7px;font-size:.58rem;font-style:normal;font-weight:900}.home-recommended-meta small{color:#74521b;background:var(--member-yellow-soft)}.home-recommended-meta em{color:#52627a;background:#f2f4f7}.home-recommended-card>strong{text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:.96rem;display:block;overflow:hidden}.home-recommended-card>span:not(.home-recommended-art):not(.home-recommended-meta){color:#65738a;font-size:.73rem}.home-recommended-card>svg{color:#456d9d;position:absolute;bottom:13px;right:12px}.home-event-news-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px;margin-top:26px;display:grid}.home-event-panel>a{height:100%;display:block}.home-event-default,.home-event-custom{min-height:210px;color:var(--member-navy);background:radial-gradient(circle at 42% 25%,#ffffffb8 0 7px,#0000 8px),linear-gradient(115deg,#ffdce6,#fff2e5 56%,#dff0ff);padding:27px 31px;display:flex;position:relative;overflow:hidden}.home-event-default>div,.home-event-custom>div{z-index:2;width:63%;position:relative}.home-event-default span,.home-event-custom span{color:#fff;background:var(--member-pink);border-radius:999px;padding:5px 10px;font-size:.66rem;font-weight:900;display:inline-flex}.home-event-default h2,.home-event-custom h2{color:#de476c;margin:10px 0 5px;font-size:1.65rem;font-weight:950}.home-event-default p,.home-event-custom p{color:#52627a;margin:0 0 14px;font-size:.78rem}.home-event-default b,.home-event-custom b{color:#fff;background:var(--member-pink);border-radius:999px;align-items:center;gap:7px;width:fit-content;min-height:38px;padding:0 15px;font-size:.75rem;display:inline-flex}.home-event-default>img,.home-event-custom>img{object-fit:contain;width:230px;max-height:235px;position:absolute;bottom:-30px;right:6px}.home-event-custom>img{object-fit:cover;width:42%;height:100%;max-height:none;inset:0 0 0 auto}.home-news-panel{padding:20px}.home-news-panel ul{gap:0}.home-news-panel li{border-bottom:1px solid #f1ece8;gap:11px;padding:11px 0;display:flex}.home-news-panel li:last-child{border-bottom:0}.home-news-panel li>svg{color:#6287b1;flex:none;margin-top:2px}.home-news-panel li:nth-child(2)>svg{color:var(--member-pink)}.home-news-panel li:nth-child(3)>svg{color:var(--member-green)}.home-news-panel li>div{min-width:0;display:grid}.home-news-panel li strong{color:var(--member-navy);text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;overflow:hidden}.home-news-panel li small{color:#9aa3b1;font-size:.61rem}.home-news-panel li button{color:#2f83b9;cursor:pointer;background:0 0;border:0;width:fit-content;margin-top:2px;padding:0;font-size:.65rem;font-weight:900}.home-welcome-note{color:#69768a;background:#fff;border:1px solid #f2ddd4;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin:24px 0 0 auto;padding:9px 14px;font-size:.71rem;display:flex}.home-welcome-note svg:first-child{color:var(--member-pink)}.home-welcome-note svg:last-child{color:var(--member-green)}.dark .home-progress-panel,.dark .home-mission-panel,.dark .home-motivation-panel,.dark .home-recommended-card,.dark .home-news-panel,.dark .home-welcome-note{border-color:var(--color-line);background:#202c42}.dark :is(.home-progress-panel,.home-mission-panel,.home-news-panel,.home-recommended-card) :is(h2,strong,a),.dark .home-welcome-note{color:#f5f7fb}@media (width<=1160px){.home-page{width:min(100% - 36px,1050px)}.home-reference-hero{min-height:365px}.home-reference-copy{width:51%;padding-top:24px;padding-left:26px}.home-reference-copy h1{font-size:2.65rem}.home-learning-grid{gap:13px}.home-learning-card{min-height:215px}.home-progress-grid{grid-template-columns:1.7fr 1.15fr}.home-motivation-panel{grid-column:1/-1;min-height:145px}.home-motivation-panel img{width:145px;bottom:-27px}.home-motivation-panel>div{left:142px;right:auto}.home-motivation-panel p{bottom:58px;right:22px}}@media (width<=820px){.home-page{width:min(100% - 30px,720px);padding-top:16px}.home-reference-hero{background-position:67%;min-height:550px}.home-reference-hero:after{content:"";background:linear-gradient(#fff8f0f7 0 42%,#fff8f033 68%,#0000);position:absolute;inset:0}.home-reference-copy{width:100%;padding:22px}.home-reference-copy h1{font-size:2.35rem}.home-reference-wordmark strong{font-size:1.7rem}.home-reference-copy p{font-size:.83rem}.home-hero-bubble{width:118px;height:82px;font-size:.75rem;top:auto;bottom:98px;right:18px}.home-learning-grid,.home-recommended-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-progress-grid{grid-template-columns:1fr}.home-motivation-panel{grid-column:auto}.home-event-news-grid{grid-template-columns:1fr}}@media (width<=520px){.home-page{width:min(100% - 24px,460px);padding-bottom:36px}.home-reference-hero{background-position:69%;border-radius:23px;min-height:535px}.home-reference-copy{padding:18px}.home-reference-badge{min-height:29px;padding-inline:11px;font-size:.7rem}.home-reference-copy h1{margin-top:10px;font-size:2rem}.home-reference-wordmark{display:none}.home-reference-copy p{margin-top:8px}.home-reference-actions{gap:8px;margin-top:13px}.home-primary-button,.home-secondary-button{min-height:42px;padding-inline:15px;font-size:.76rem}.home-learning-grid{gap:11px;margin-top:12px}.home-learning-card{border-radius:18px;min-height:184px;padding:11px 12px 13px}.home-learning-visual{height:91px}.home-learning-visual img{width:98px;height:96px}.home-learning-visual svg{width:98px;height:76px}.home-learning-copy{padding-right:22px}.home-learning-copy strong{font-size:.88rem}.home-learning-copy small{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.64rem;display:-webkit-box;overflow:hidden}.home-round-arrow{width:27px;height:27px;bottom:10px;right:9px}.home-progress-grid{gap:12px;margin-top:18px}.home-progress-panel,.home-mission-panel{padding:16px}.home-progress-body{grid-template-columns:58px minmax(0,1fr) auto;gap:9px}.home-level-badge{width:55px;height:61px}.home-level-badge strong{font-size:1.35rem}.home-progress-panel h2,.home-mission-panel h2,.home-news-panel h2,.home-section-heading h2{font-size:.98rem}.home-continue-link{grid-template-columns:minmax(0,1fr) auto}.home-continue-link>span{display:none}.home-recommended-grid{gap:11px}.home-recommended-card{padding-inline:11px}.home-recommended-art{height:106px;margin-inline:-11px}.home-recommended-card>strong{font-size:.82rem}.home-section-heading h2{max-width:250px}.home-event-default,.home-event-custom{min-height:210px;padding:22px}.home-event-default>div,.home-event-custom>div{width:72%}.home-event-default h2,.home-event-custom h2{font-size:1.25rem}.home-event-default>img{width:190px;right:-39px}.home-welcome-note{display:none}}.mock-visual{border:1px solid var(--line);background:linear-gradient(145deg,#fffaf3,#f6eee4);border-radius:20px;place-items:center;min-height:170px;margin:10px 0 22px;font-size:88px;display:grid}.mock-listen-button{color:#b85e4c;cursor:pointer;background:#fff5f1;border:1px solid #ffd4c8;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:100%;min-height:120px;margin:10px 0 22px;font-weight:800;display:flex}.mock-intro{border:1px solid var(--line);max-width:700px;box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:28px;margin:20px auto;padding:44px}.mock-icon{color:#fff;background:linear-gradient(145deg,#6a7fc0,#394e86);border-radius:23px;place-items:center;width:76px;height:76px;margin:0 auto 16px;display:grid}.mock-icon svg{width:38px;height:38px}.mock-intro h1{color:var(--navy);margin:7px 0;font-size:clamp(27px,5vw,42px)}.mock-intro>p{max-width:550px;color:var(--muted);margin:0 auto}.mock-facts{flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0 14px;display:flex}.mock-facts span{color:#586782;background:#f0f4fa;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:10px;font-weight:700;display:inline-flex}.mock-facts svg{width:14px}.mock-quota{border:1px solid #e7e3dc;border-radius:12px;justify-content:space-between;width:min(310px,100%);margin:0 auto 18px;padding:10px 13px;font-size:11px;display:flex}.mock-intro>.primary-button{margin:0 auto}.mock-intro>small{max-width:500px;color:var(--muted);margin:15px auto 0;font-size:9px;display:block}@media (width<=760px){.mock-intro{padding:30px 20px}}.books-page,.support-page,.mock-page{max-width:1120px}.books-hero,.support-hero{box-shadow:var(--shadow);background:radial-gradient(circle at 92% 18%,#f47b6529,#0000 26%),linear-gradient(135deg,#fff,#fffaf4);border:1px solid #ebe4d9;border-radius:28px;justify-content:space-between;align-items:center;gap:28px;padding:34px;display:flex}.books-hero h1,.support-hero h1{color:var(--navy);margin:5px 0 7px;font-size:clamp(26px,4vw,42px);line-height:1.18}.books-hero p,.support-hero p{max-width:690px;color:var(--muted);margin:0}.books-hero-icon,.support-hero>span{color:#fff;background:linear-gradient(145deg, var(--coral), #e45f66);border-radius:28px;flex:none;place-items:center;width:92px;height:92px;display:grid;box-shadow:0 16px 36px #f47b6547}.books-hero-icon svg,.support-hero>span svg{width:43px;height:43px}.book-toolbar{gap:14px;margin-bottom:22px;display:grid}.book-toolbar>label{border:1px solid var(--line);color:#8d95a3;background:#fff;border-radius:14px;align-items:center;gap:9px;max-width:440px;padding:0 13px;display:flex}.book-toolbar input{background:0 0;border:0;outline:0;width:100%;padding:12px 0}.book-toolbar>div{gap:7px;padding-bottom:3px;display:flex;overflow-x:auto}.book-toolbar button{border:1px solid var(--line);color:var(--muted);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:700}.book-toolbar button.active{border-color:var(--coral);color:#fff;background:var(--coral)}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.book-card{border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:160px minmax(0,1fr);min-width:0;display:grid;overflow:hidden;box-shadow:0 9px 28px #25314a12}.book-card.featured{border-color:#f2c48e}.book-cover{color:#d28a74;background:#f8eee5;place-items:center;min-height:300px;display:grid;position:relative;overflow:hidden}.book-cover>img{object-fit:cover;width:100%;height:100%}.book-cover>svg{width:50px;height:50px}.book-cover-placeholder{text-align:center;background:linear-gradient(90deg,#824b3a1a 0 8px,#0000 8px),linear-gradient(145deg,#fffaf4,#f4dcca);border:1px solid #d28a7459;border-radius:8px 18px 18px 8px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:min(72%,210px);min-height:245px;padding:24px 18px;display:flex;box-shadow:9px 12px 22px #653f2f2e}.book-cover-placeholder>small{color:#9d6f60;letter-spacing:.12em;font-size:9px;font-weight:800}.book-cover-placeholder>svg{width:42px;height:42px}.book-cover-placeholder>strong{color:#6f4134;font-size:15px;line-height:1.45}.book-cover-placeholder>em{color:#a27d71;font-size:9px;font-style:normal}.book-cover>span{color:#87510c;background:#fff0b5;border-radius:999px;align-items:center;gap:4px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;top:10px;left:10px}.book-card-content{flex-direction:column;min-width:0;padding:19px;display:flex}.book-meta{gap:6px;display:flex}.book-meta span{color:#61708a;background:#f0f4fa;border-radius:7px;padding:4px 7px;font-size:9px;font-weight:800}.book-card h2{color:var(--navy);margin:10px 0 1px;font-size:18px;line-height:1.35}.book-card-content>small{color:#969ca7;font-size:10px}.book-card-content>p{color:#626c7e;margin:10px 0;font-size:11px;line-height:1.65}.book-card ul{color:#53617a;margin:2px 0 9px;padding-left:17px;font-size:10px}.book-card .book-caution{color:#8b663e;background:#fff8e8;border-radius:9px;padding:7px 9px;font-size:9px}.book-card footer{border-top:1px solid #f0ede8;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.book-card footer strong{color:var(--navy);font-size:11px}.book-card footer a{color:#fff;background:var(--coral);border-radius:10px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;font-weight:800;display:inline-flex}.book-empty{text-align:center;color:var(--muted);place-items:center;padding:60px 20px;display:grid}.book-empty svg{color:#d9a58e;width:46px;height:46px}.book-empty h2{color:var(--navy);margin:12px 0 0}.book-empty p{margin:4px 0}@media (width<=1080px){.book-grid{grid-template-columns:1fr}}@media (width<=760px){.book-grid{grid-template-columns:1fr}.book-card{grid-template-columns:118px minmax(0,1fr)}.book-cover{min-height:260px}.books-hero,.support-hero{padding:24px}.books-hero-icon,.support-hero>span{display:none}}@media (width<=480px){.book-card{grid-template-columns:1fr}.book-cover{min-height:220px;max-height:300px}.book-cover>img{object-fit:contain}.book-card footer{flex-direction:column;align-items:flex-start}.book-card footer a{justify-content:center;width:100%}}.book-hub-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0;display:grid}.book-hub-nav>a,.book-hub-nav>span{border:1px solid var(--line);color:#58647a;background:#fff;border-radius:15px;align-items:center;gap:11px;min-width:0;padding:13px 15px;display:flex}.book-hub-nav>.active{background:#fff8f5;border-color:#efb8aa}.book-hub-nav>a:hover{background:#f7f9fd;border-color:#91a2c7}.book-hub-nav>*>svg{width:22px;color:var(--coral);flex:none}.book-hub-nav>*>span{min-width:0;display:grid}.book-hub-nav strong{color:var(--navy);font-size:12px}.book-hub-nav small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.library-hero{color:#fff;background:radial-gradient(circle at 85% 20%,#ffffff29,#0000 25%),linear-gradient(135deg,#2e426d,#536c9f);border-radius:29px;justify-content:space-between;align-items:center;gap:30px;padding:38px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #2d416938}.library-hero .kicker{color:#ffd2c8}.library-hero h1{margin:7px 0 8px;font-size:clamp(30px,5vw,48px);line-height:1.1}.library-hero p{color:#ffffffbf;max-width:700px;margin:0}.library-hero>span{background:#ffffff17;border:1px solid #ffffff2b;border-radius:30px;flex:none;place-items:center;width:100px;height:100px;display:grid;transform:rotate(3deg)}.library-hero>span svg{width:48px;height:48px}.library-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.library-hero-actions a{color:#354d79;background:#fff;border-radius:99px;padding:8px 12px;font-size:10px;font-weight:800}.library-hero-actions span{color:#ffffff94;font-size:9px}.library-search{border:1px solid var(--line);color:#949baa;background:#fff;border-radius:15px;align-items:center;gap:9px;width:min(500px,100%);margin:22px auto;padding:0 15px;display:flex}.library-search input{background:0 0;border:0;outline:0;width:100%;padding:13px 0}.mini-book{color:#fff;border-radius:4px 8px 8px 4px;flex:none;place-items:center;width:38px;height:48px;display:grid;box-shadow:inset 4px 0 #0000001a}.mini-book svg{width:17px}@media (width<=760px){.book-hub-nav{grid-template-columns:1fr}.library-hero{padding:26px}.library-hero>span{display:none}}.reader-shell{--reader-bg:#f5f2eb;--reader-paper:#fffefb;--reader-ink:#283247;--reader-muted:#788092;min-height:calc(100vh - 74px);color:var(--reader-ink);background:var(--reader-bg);transition:color .2s,background .2s}.reader-shell.tone-sepia{--reader-bg:#e9dfca;--reader-paper:#f8efd9;--reader-ink:#493d2e;--reader-muted:#7b6a55}.reader-shell.tone-night{--reader-bg:#172033;--reader-paper:#202c43;--reader-ink:#e5e9f2;--reader-muted:#9ca8bc}.reader-controls{gap:5px;display:flex}.reader-progress{background:#78809121;height:3px;position:absolute;bottom:0;left:0;right:0}.reader-progress i{background:var(--coral);height:100%;transition:width .25s;display:block}.reader-page{width:min(760px,100% - 32px);margin:0 auto;padding:52px 0 90px}.reader-page>article{background:var(--reader-paper);border:1px solid #78809129;border-radius:5px;padding:clamp(28px,7vw,70px);box-shadow:0 22px 60px #141c2a1c}.reader-page>article>header{text-align:center;border-bottom:1px solid #7880912b;margin-bottom:45px;padding-bottom:28px;position:relative}.reader-page>article>header:after{content:"◆";color:var(--coral);background:var(--reader-paper);padding:0 10px;font-size:9px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.reader-page>article>header span{color:var(--coral);letter-spacing:.08em;font-size:.55em;font-weight:800}.reader-page h1{margin:9px 0 4px;font-size:2em;line-height:1.25}.reader-page>article>header p{color:var(--reader-muted);margin:0;font-family:Noto Sans JP,sans-serif;font-size:.75em}.reader-prose{gap:1.6em;display:grid}.reader-reading-page{background:#7880910a;border:1px solid #78809126;border-radius:14px;gap:.55em;padding:1em;display:grid}.reader-reading-page>span{color:var(--coral);letter-spacing:.08em;font-size:.5em;font-weight:800}.reader-reading-page p{color:var(--reader-ink);letter-spacing:.015em;margin:0;font-family:Noto Sans Thai,Noto Sans JP,sans-serif;font-size:1em;line-height:2.05}.reader-reading-page p[lang=ja]{color:color-mix(in srgb, var(--reader-ink) 92%, var(--coral));background:#f47b650f;border-left:3px solid #f47b658c;padding-left:.85em;font-family:Noto Sans JP,sans-serif;line-height:1.9}.reader-reading-page .reader-reading{color:var(--reader-muted);background:0 0;border-left:0;padding-left:calc(.85em + 3px);font-size:.78em}.reader-reading-page .reader-translation{color:var(--reader-muted);font-size:.8em}.reader-vocabulary{border-top:1px solid #7880912b;margin-top:55px;padding-top:30px}.reader-vocabulary>header span{color:var(--coral);font-family:Noto Sans JP,sans-serif;font-size:.55em}.reader-vocabulary h2{margin:0 0 17px;font-size:1.05em}.reader-vocabulary>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.reader-vocabulary article{border:1px solid #78809126;border-radius:10px;grid-template-columns:auto 1fr;column-gap:8px;padding:11px;display:grid}.reader-vocabulary strong{font-family:Noto Sans JP,sans-serif;font-size:.8em}.reader-vocabulary article>span{color:var(--reader-muted);align-self:center;font-family:Noto Sans JP,sans-serif;font-size:.5em}.reader-vocabulary article>p{color:var(--reader-muted);grid-column:1/-1;margin:3px 0 0;font-size:.55em}.reader-navigation{border-top:1px solid #7880912b;justify-content:space-between;gap:10px;margin-top:48px;padding-top:23px;display:flex}.reader-navigation button{color:var(--reader-ink);cursor:pointer;background:0 0;border:1px solid #78809140;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;font-size:.55em;font-weight:700;display:inline-flex}.reader-navigation button:disabled{opacity:.3;cursor:not-allowed}.reader-navigation .reader-done{border-color:var(--coral);color:#fff;background:var(--coral)}.reader-navigation svg{width:15px}.reader-toc-backdrop{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172685;border:0;position:fixed;inset:0}.reader-toc{z-index:31;width:min(390px,100% - 24px);color:var(--reader-ink);background:var(--reader-paper);border-radius:20px;animation:.2s ease-out reader-toc-in;position:fixed;top:12px;bottom:12px;right:12px;overflow-y:auto;box-shadow:0 30px 80px #080d1852}@keyframes reader-toc-in{0%{opacity:0;transform:translate(14px)}}.reader-toc>header{border-bottom:1px solid #7880912b;padding:23px;display:grid}.reader-toc>header span{color:var(--coral);font-size:9px;font-weight:800}.reader-toc nav{padding:10px}.reader-toc nav button{width:100%;color:var(--reader-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;padding:11px;display:flex}.reader-toc nav button.active{background:#f47b651a}.reader-toc nav button>span{color:var(--coral);font-size:9px;font-weight:900}.reader-toc nav button>div{flex:1;display:grid}.reader-toc nav strong{font-size:11px}.reader-toc nav small{color:var(--reader-muted);font-size:8px}.reader-toc nav svg{width:15px;color:var(--reader-muted)}@media (width<=760px){.reader-shell{min-height:calc(100vh - 62px)}.reader-controls button:nth-child(2),.reader-controls button:nth-child(3){display:none}.reader-page{width:100%;padding:0 0 85px}.reader-page>article{box-shadow:none;border-inline:0;border-radius:0;padding:35px 22px}.reader-vocabulary>div{grid-template-columns:1fr}}@media (width<=520px){.reader-controls{gap:3px}}.dark :is(.today-card,.mode-card,.stat-card,.online-book-card,.book-card,.discovery-card){background-color:var(--color-paper);border-color:var(--color-line);color:var(--color-ink)}.online-library-page{max-width:1120px}.online-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.online-book-card{border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:145px minmax(0,1fr);gap:18px;min-width:0;padding:17px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 10px 30px #26314a12}.online-book-card:hover{transform:translateY(-3px);box-shadow:0 17px 38px #26314a1f}.online-book-cover{color:#fff;border-radius:7px 14px 14px 7px;flex-direction:column;justify-content:center;min-height:210px;padding:15px;display:flex;position:relative;overflow:hidden;box-shadow:inset 8px 0 #0000001a,5px 9px 18px #232b3d2e}.online-book-cover:after{content:"";border:18px solid #ffffff1a;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-40px;right:-45px}.online-book-cover>small{border:1px solid #ffffff3b;border-radius:99px;padding:3px 6px;font-size:8px;position:absolute;top:13px;right:12px}.online-book-cover>span{color:#ffffffb8;font-family:Noto Sans JP,sans-serif;font-size:10px}.online-book-cover>strong{margin-top:4px;font-size:17px;line-height:1.35}.online-book-cover>i{color:#ffffff8c;letter-spacing:.12em;font-size:7px;font-style:normal;position:absolute;bottom:12px;left:15px}.online-book-cover>em{align-items:center;gap:3px;font-size:7px;font-style:normal;display:flex;position:absolute;top:11px;left:12px}.online-book-cover>em svg{width:10px}.online-book-card>div:last-child{flex-direction:column;justify-content:center;min-width:0;display:flex}.online-book-label{color:#3f7e60;background:#e8f5ed;border-radius:99px;width:fit-content;padding:4px 7px;font-size:8px;font-weight:900}.online-book-card h2{color:var(--navy);margin:9px 0 5px;font-size:20px}.online-book-card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:10px;line-height:1.65;display:-webkit-box;overflow:hidden}.online-book-card footer{color:#7f899b;border-top:1px solid #efede8;align-items:center;gap:12px;margin-top:18px;padding-top:10px;font-size:9px;display:flex}.online-book-card footer span{align-items:center;gap:4px;display:flex}.online-book-card footer svg{width:13px}.online-book-card footer>svg{color:var(--coral);margin-left:auto}.online-chapter-list{gap:7px;display:grid}.online-chapter-list>article{background:#fff;border:1px solid #e7e4de;border-radius:10px;align-items:center;gap:9px;padding:10px;display:flex}.online-chapter-list article>span{color:var(--coral);font-size:9px;font-weight:900}.online-chapter-list article>div{flex:1;min-width:0;display:grid}.online-chapter-list strong{color:var(--navy);font-size:10px}.online-chapter-list small{color:var(--muted);font-size:8px}.online-chapter-list article>button{color:#68758d;cursor:pointer;background:#edf0f4;border:0;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.online-chapter-list article>button:last-child{color:#c45e55;background:#fff0ed}.online-chapter-empty{min-height:180px;color:var(--muted);text-align:center;align-content:center;place-items:center;display:grid}.online-chapter-empty svg{color:#b2bac7;width:40px;height:40px}.online-chapter-empty strong{color:var(--navy);margin-top:8px}.online-chapter-empty p{margin:2px 0;font-size:9px}@media (width<=900px){.online-book-grid{grid-template-columns:1fr}}@media (width<=520px){.online-book-card{grid-template-columns:105px minmax(0,1fr);gap:13px;padding:12px}.online-book-cover{min-height:175px;padding:11px}.online-book-cover>strong{font-size:13px}.online-book-card h2{font-size:16px}.online-book-card footer{flex-direction:column;align-items:flex-start;gap:3px}.online-book-card footer>svg{display:none}}.xp-chip.supporter{color:#7a4c13;background:linear-gradient(135deg,#fff0ae,#ffd891)}.supporter-active{color:#785412;background:#fff8d8;border:1px solid #f0ce78;border-radius:16px;align-items:center;gap:13px;margin:20px 0;padding:16px 18px;display:flex}.supporter-active p{margin:1px 0 0;font-size:11px}.support-plan{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;grid-template-columns:minmax(0,1fr) 260px;gap:30px;margin-top:22px;padding:30px;display:grid}.support-plan-badge{color:#80540d;background:#ffefb5;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:900;display:inline-flex}.support-plan h2{color:var(--navy);margin:12px 0 4px;font-size:25px}.support-plan p{color:var(--muted);margin:0}.support-plan ul{gap:9px;padding:0;list-style:none;display:grid}.support-plan li{color:#526079;align-items:center;gap:8px;font-size:12px;display:flex}.support-plan li svg{color:#4b9c78;width:17px}.support-plan .primary-button{width:fit-content}.support-plan>div>small{color:var(--muted);margin-top:12px;font-size:9px;display:block}.support-plan>aside{color:#775113;background:linear-gradient(145deg,#fff7d4,#ffe3a9);border-radius:22px;align-content:center;place-items:center;min-height:240px;display:grid}.support-plan>aside svg{width:50px;height:50px}.support-plan>aside strong{margin-top:12px;font-size:26px}.support-plan>aside span{font-size:11px}.form-grid,.compact-form,.donation-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.compact-form,.donation-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.donation-icon{height:46px}.donation-list article>strong:last-child{font-size:14px}@media (width<=760px){.support-plan{grid-template-columns:1fr;padding:22px}.support-plan>aside{min-height:170px}.form-grid,.compact-form,.donation-form{grid-template-columns:1fr}}:is(.option,.beginner-options button,.onboarding-choices button,.flip-options button,.dialogue-options button,.landing-sample-answer){color:#1e293b}.landing-activity-strip{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#e86f5f73 transparent;overscroll-behavior-inline:contain}.landing-activity-strip::-webkit-scrollbar{height:5px}.landing-activity-strip::-webkit-scrollbar-thumb{background:#e86f5f73;border-radius:999px}@media (width>=640px){.landing-activity-strip{scroll-snap-type:none}}.nav-ai-glow{isolation:isolate;color:#b4552f;background:linear-gradient(110deg,#fff3e8 0%,#ffe4ee 38%,#e9edff 62%,#fff3e8 100%) 0 0/260% 100%;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;animation:7s linear infinite nav-ai-sheen;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #f7d2b9,0 4px 14px -7px #e86f5fe6}.nav-ai-glow:hover{color:#97401f}.nav-ai-glow:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(58% 130%,#f39a6d8c,#0000 72%);animation:3.4s ease-in-out infinite nav-ai-aura;position:absolute;inset:-7px}.nav-ai-glow:after{content:"";background:#fff;border-radius:50%;width:3px;height:3px;animation:2.6s ease-in-out infinite nav-ai-twinkle;position:absolute;top:2px;right:9px;box-shadow:0 0 5px 1px #ffd9a8,-4px 15px 0 -.5px #fff,-4px 15px 5px #ffc9dd}.nav-ai-glow svg{animation:2.6s ease-in-out .6s infinite nav-ai-twinkle}.dark .nav-ai-glow{color:#ffd7bd;background:linear-gradient(110deg,#3a2418 0%,#3d2030 38%,#202a4a 62%,#3a2418 100%) 0 0/260% 100%;box-shadow:inset 0 0 0 1px #7a4c38,0 4px 16px -7px #ff966ebf}.dark .nav-ai-glow:hover{color:#fff}.dark .nav-ai-glow:before{background:radial-gradient(58% 130%,#ff96646b,#0000 72%)}@keyframes nav-ai-sheen{to{background-position:-260% 0}}@keyframes nav-ai-aura{0%,to{opacity:.45;transform:scale(.94)}50%{opacity:.9;transform:scale(1.06)}}@keyframes nav-ai-twinkle{0%,to{opacity:.35;transform:scale(.8)}45%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.nav-ai-glow,.nav-ai-glow:before,.nav-ai-glow:after,.nav-ai-glow svg{animation:none}.nav-ai-glow:before{opacity:.6}}.brand-landing{--brand-cream:#fff9f2;--brand-pink:#ff8fa3;--brand-blush:#ffd9e1;--brand-blue:#7db7e8;--brand-green:#a8d5ba;--brand-yellow:#ffd66b;--brand-navy:#24324a;--brand-brown:#6e4b3a;min-height:100vh;color:var(--brand-navy);background:radial-gradient(circle at 6% 18%, #ffd9e1a6 0 3px, transparent 4px), radial-gradient(circle at 94% 26%, #ffd66b85 0 4px, transparent 5px), var(--brand-cream)}.brand-landing::selection{color:var(--brand-navy);background:var(--brand-blush)}.brand-landing-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff9f2ed;border-bottom:1px solid #f5dfe1;box-shadow:0 6px 20px #6e4b3a14}.tomodachi-brand{min-width:max-content;color:var(--brand-navy);align-items:center;gap:6px;display:inline-flex}.tomodachi-brand-symbol{color:#fff;letter-spacing:-.08em;object-fit:contain;background:#7db7e8;border:2px solid #24324a;border-radius:12px 12px 12px 5px;place-items:center;width:37px;height:37px;font-family:Noto Sans JP,sans-serif;font-size:.77rem;font-weight:900;display:grid;position:relative;transform:rotate(-4deg);box-shadow:3px 3px #ffd66b}.tomodachi-brand-symbol:after{color:#ff8fa3;content:"✦";font-size:.55rem;position:absolute;top:-6px;right:-5px}.tomodachi-brand>span{line-height:1;display:grid}.tomodachi-brand b{letter-spacing:-.05em;font-size:.98rem;font-weight:900}.tomodachi-brand small{color:var(--brand-brown);letter-spacing:.12em;margin-top:3px;font-size:.46rem;font-weight:900}.tomodachi-brand.is-compact>.tomodachi-brand-symbol{width:29px;height:29px}.brand-landing-nav a{color:#667087}.brand-landing-nav a:hover{color:var(--brand-pink)}.brand-landing .nav-ai-glow{color:var(--brand-navy);background:#e8f4ff;animation:none;box-shadow:inset 0 0 0 1px #c9e3fa,0 4px 10px #7db7e829}.brand-landing .nav-ai-glow:before,.brand-landing .nav-ai-glow:after{animation:none}.brand-landing .brand-login-button{color:#fff;background:var(--brand-pink);border:1px solid #f5cbd3;border-radius:999px;box-shadow:0 5px 12px #ff8fa340}.brand-landing .brand-login-button:hover{background:#f7748d;transform:translateY(-1px)}.brand-hero{isolation:isolate;background:#fff7f4;border:1px solid #f4d2d9;border-radius:28px;min-height:470px;margin-top:28px;margin-bottom:0;padding:53px 54px 46px;position:relative;overflow:hidden;box-shadow:0 17px 35px #6e4b3a1a}.brand-hero:after{z-index:1;pointer-events:none;content:"";background:linear-gradient(90deg,#fff9f6f7 0%,#fff9f6e6 37%,#fff9f647 63%,#fff9f60a 100%);position:absolute;inset:0}.brand-hero-copy{z-index:2;max-width:49%;position:relative}.hero-brand-lockup{margin-top:16px;display:flex}.hero-brand-lockup .tomodachi-brand-symbol{width:59px;height:59px}.hero-brand-lockup .tomodachi-brand b{font-size:1.65rem}.hero-brand-lockup .tomodachi-brand small{font-size:.65rem}.brand-landing h1,.brand-landing h2,.brand-landing h3,.brand-landing .text-brand{color:var(--brand-navy)!important}.brand-landing .text-coral{color:#ee718a!important}.brand-landing .bg-brand{background:var(--brand-blue)!important}.brand-landing .brand-hero-copy>span{color:#d85b75;background:#fff0f3;border-color:#f5bdc8}.brand-landing .brand-hero-copy>p{color:#657087}.brand-landing .brand-hero h1{letter-spacing:-.06em;max-width:560px;margin-top:9px;font-size:clamp(2.65rem,5vw,4.25rem)}.brand-stat-strip{z-index:3;position:relative}.brand-landing .brand-hero button:first-of-type,.brand-landing .brand-hero+section button,.brand-landing #sample button,.brand-landing .landing-vocabulary-actions button,.brand-landing .landing-vocabulary-actions a{background:var(--brand-pink);border-color:#f08aa0;border-radius:999px;box-shadow:0 8px 16px #ff8fa338}.brand-landing .brand-hero button:first-of-type:hover,.brand-landing .brand-hero+section button:hover,.brand-landing #sample button:hover{background:#f7748d}.brand-hero-scene{z-index:0;object-fit:cover;object-position:center;opacity:1;mix-blend-mode:normal;width:100%;height:100%;position:absolute;inset:0}.brand-landing dl{box-shadow:0 10px 25px #6e4b3a12;background:#fffdf9!important;border-color:#f3d9c5!important;border-radius:24px!important}.brand-landing dl dt{color:var(--brand-pink)!important}.brand-hero+.brand-stat-strip{margin-top:-18px}.landing-learning-modes{max-width:1120px;margin:0 auto;padding:28px 20px 70px}.landing-section-heading{text-align:center;margin-bottom:22px}.landing-section-heading>span{color:#ef718a;letter-spacing:.12em;font-size:.72rem;font-weight:900}.landing-section-heading h2{margin:4px 0 0;font-size:clamp(1.75rem,3vw,2.35rem)}.landing-mode-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.landing-mode-card{color:#24324a;cursor:pointer;width:100%;min-height:212px;font:inherit;text-align:left;border:1px solid #0000;border-radius:25px;padding:22px 19px;transition:transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 24px #6e4b3a17}.landing-mode-card:hover{color:#24324a;transform:translateY(-5px)rotate(-.4deg);box-shadow:0 18px 28px #6e4b3a26}.landing-mode-card.is-pink{background:#fff0f3;border-color:#f6cbd5}.landing-mode-card.is-yellow{background:#fff7dc;border-color:#f6df9b}.landing-mode-card.is-blue{background:#eaf6ff;border-color:#c9e5f8}.landing-mode-card.is-green{background:#edf9f1;border-color:#ccebd8}.landing-mode-card>img{filter:drop-shadow(0 8px 6px #6e4b3a1f);opacity:.9;width:146px;height:146px;position:absolute;bottom:-39px;right:-29px;transform:rotate(-7deg)}.landing-mode-card.is-yellow>img{transform:rotate(5deg)scale(.94)}.landing-mode-card.is-blue>img{transform:rotate(-2deg)scale(.92)}.landing-mode-card.is-green>img{transform:rotate(8deg)scale(.94)}.landing-mode-icon{color:#fff;background:#ff8fa3;border-radius:17px;place-items:center;width:51px;height:51px;display:grid;box-shadow:0 6px 12px #ff8fa338}.is-yellow .landing-mode-icon{color:#805a08;background:#ffd66b}.is-blue .landing-mode-icon{background:#7db7e8}.is-green .landing-mode-icon{background:#66bd8a}.landing-mode-card strong{align-self:end;max-width:72%;margin-top:auto;font-size:1.06rem;font-weight:900}.landing-mode-card small{color:#617087;max-width:73%;margin-top:3px;font-size:.75rem;font-weight:600;line-height:1.45}.landing-mode-card em{color:#d85b75;background:#ffffffbf;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:15px;right:15px}.brand-landing .landing-activity-strip>:is(a,button),.brand-landing .landing-vocabulary-grid article,.brand-landing details,.brand-landing #books article,.brand-chat-card{background:#fffdfa!important;border-color:#f2dde0!important;border-radius:24px!important;box-shadow:0 10px 24px #6e4b3a14!important}.brand-landing #features{background:linear-gradient(#fff9f2,#fff4f6 55%,#fff9f2);border-top:1px dashed #f0cfd6;padding-top:56px}.brand-landing #features>div>div:first-child>small,.brand-landing .landing-vocabulary>div>p:first-child{color:#ef718a!important}.brand-landing .landing-activity-strip>:is(a,button):nth-child(4n+1){border-bottom:4px solid var(--brand-pink)!important}.brand-landing .landing-activity-strip>:is(a,button):nth-child(4n+2){border-bottom:4px solid var(--brand-blue)!important}.brand-landing .landing-activity-strip>:is(a,button):nth-child(4n+3){border-bottom:4px solid var(--brand-green)!important}.brand-landing .landing-activity-strip>:is(a,button):nth-child(4n){border-bottom:4px solid var(--brand-yellow)!important}.brand-landing #sample,.brand-landing>main>section:last-of-type{color:var(--brand-navy);background:#eaf6ff!important}.brand-landing #sample :is(h2,p,strong){color:var(--brand-navy)!important}.brand-landing #tutor{background:#fff0f3!important;border-color:#f4d9df!important}.brand-chat-card{position:relative;overflow:hidden}.brand-chat-card:after{opacity:.16;content:"";background:url(/brand-mascot-study.png) 50%/contain no-repeat;width:116px;height:116px;position:absolute;bottom:-22px;right:-17px}.brand-landing .landing-vocabulary{background:#f1fbf4}.brand-landing .landing-vocabulary-grid article{position:relative;overflow:hidden}.brand-landing .landing-vocabulary-grid article:before{color:#ffd05b;content:"★";font-size:1rem;position:absolute;top:9px;right:10px}.brand-landing footer{background:#fffdf9!important;border-color:#f3d9df!important}.landing-content-preview{max-width:1120px;margin:0 auto;padding:0 20px 68px}.landing-preview-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.landing-preview-heading span,.landing-preview-heading>a{color:#ee718a;align-items:center;gap:5px;font-size:.78rem;font-weight:900;display:inline-flex}.landing-preview-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.landing-preview-card{background:#fff;border:1px solid #f0dadd;border-radius:22px;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 9px 20px #6e4b3a17}.landing-preview-card:hover{color:inherit;transform:translateY(-5px)rotate(-.3deg);box-shadow:0 17px 28px #6e4b3a29}.landing-preview-art{background:#f9e5dc;place-items:center;height:178px;display:grid;position:relative;overflow:hidden}.landing-preview-art svg{filter:drop-shadow(0 8px 6px #6e4b3a21);width:80%;height:80%;transition:transform .3s}.landing-preview-card.is-kana .landing-preview-art{background:linear-gradient(135deg,#ffe3eb,#fff8fa)}.landing-preview-card.is-vocab .landing-preview-art{background:linear-gradient(135deg,#fff0ca,#fff9e7)}.landing-preview-card.is-dialogue .landing-preview-art{background:linear-gradient(135deg,#dff2ff,#effaff)}.landing-preview-card:hover .landing-preview-art svg{transform:translateY(-4px)scale(1.07)}.landing-preview-copy{gap:4px;padding:13px 15px 15px;display:grid}.landing-preview-copy i{color:#b85c72;background:#fff0f3;border-radius:999px;width:fit-content;padding:3px 7px;font-size:.62rem;font-style:normal;font-weight:900}.landing-preview-copy strong{color:#24324a;font-size:1rem;font-weight:900}.landing-preview-copy em{color:#ee718a;align-items:center;gap:4px;margin-top:3px;font-size:.76rem;font-style:normal;font-weight:900;display:inline-flex}.landing-facebook-link{color:#2364bd;background:#f4f8ff;border:1px solid #c9dafa;border-radius:999px;align-items:center;gap:7px;width:fit-content;padding:10px 13px;font-size:.82rem;font-weight:900;display:inline-flex}.landing-facebook-link span{color:#fff;background:#3c83eb;border-radius:50%;place-items:center;width:18px;height:18px;font-family:Arial,sans-serif;font-weight:900;display:grid}@media (width<=639px){.tomodachi-brand-symbol{width:33px;height:33px}.brand-hero{min-height:540px;margin:13px 12px 0;padding:29px 20px 252px}.brand-hero:after{background:linear-gradient(#fffaf7f7 0%,#fffaf7e3 39%,#fffaf72b 72%,#fffaf70a 100%)}.brand-hero-copy{max-width:82%}.brand-landing .brand-hero h1{max-width:290px;font-size:clamp(2.15rem,10vw,2.85rem)}.brand-hero-scene{object-position:63% center}.hero-brand-lockup .tomodachi-brand-symbol{width:61px;height:61px}.hero-brand-lockup .tomodachi-brand b{font-size:1.6rem}.landing-learning-modes{padding-bottom:48px}.landing-mode-grid{grid-template-columns:repeat(2,1fr);gap:10px}.landing-mode-card{border-radius:21px;min-height:182px;padding:15px}.landing-mode-card>img{width:111px;height:111px;bottom:-31px;right:-26px}.landing-mode-icon{border-radius:14px;width:42px;height:42px}.landing-mode-card strong{max-width:79%;font-size:.9rem}.landing-mode-card small{max-width:80%;font-size:.65rem}.landing-mode-card em{top:11px;right:11px}.landing-content-preview{padding-bottom:48px}.landing-preview-heading{align-items:flex-start}.landing-preview-heading>a{text-align:right;padding-top:5px;font-size:.68rem}.landing-preview-grid{gap:9px}.landing-preview-art{height:99px}.landing-preview-copy{gap:3px;padding:9px 10px 11px}.landing-preview-copy i{padding:2px 5px;font-size:.52rem}.landing-preview-copy strong{font-size:.76rem}.landing-preview-copy em{font-size:.62rem}}.brand-landing{background:radial-gradient(circle at 8% 12%,#ffd9e194 0 3px,#0000 4px),radial-gradient(circle at 92% 31%,#ffd66b75 0 3px,#0000 4px),#fffaf5;overflow-x:hidden}.brand-landing-header-inner{align-items:center;gap:24px;width:min(1120px,100% - 32px);min-height:62px;margin:0 auto;display:flex}.brand-landing-header-inner>a{flex:none}.brand-landing-nav{align-items:center;gap:22px;margin-left:auto;font-size:.78rem;font-weight:800;display:flex}.brand-landing-nav :is(a,button){color:#5e687d;background:0 0;border:0;align-items:center;gap:4px;padding:0;transition:color .16s,transform .16s;display:inline-flex}.brand-landing-nav :is(a,button):hover{color:#eb6d88;transform:translateY(-1px)}.brand-landing-nav .nav-ai-link{color:#31435f}.brand-header-actions{align-items:center;gap:7px;display:flex}.brand-header-actions>button{white-space:nowrap;border-radius:999px;min-height:36px;padding:0 15px;font-size:.75rem;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s}.brand-header-actions>button:hover{transform:translateY(-1px)}.brand-header-actions>.language-toggle-landing{color:#334764;letter-spacing:.02em;background:#fff;border-color:#e4eaf2;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:auto;min-width:56px;height:36px;min-height:36px;padding:0 10px;font-family:inherit;font-size:.7rem;font-weight:900;display:inline-flex}.brand-header-actions>.language-toggle-landing .language-toggle-flag{border-radius:3px;width:20px;height:14px;display:block}.brand-header-actions>.language-toggle-landing:hover{background:#f8fbff;border-color:#cfd9e7}.brand-header-login{color:#354258;background:#fff;border:1px solid #dfe4eb}.brand-header-signup{color:#fff;background:#ff7f9a;border:1px solid #f07d96;box-shadow:0 7px 15px #ff7f9a3d}.brand-hero{border-radius:26px 26px 0 0;width:min(1120px,100% - 32px);min-height:492px;margin:18px auto 0;padding:50px 54px 44px;box-shadow:0 15px 34px #5b433a1a}.brand-hero-copy{max-width:47%}.brand-hero:after{background:linear-gradient(90deg,#fff9f6fa 0%,#fff9f6e8 38%,#fff9f638 64%,#0000 82%)}.brand-landing .brand-hero h1{letter-spacing:-.055em;max-width:480px;margin:0;font-size:clamp(2.55rem,4.6vw,4rem);line-height:1.1}.brand-landing .brand-hero h1>span{color:#263650}.brand-landing .brand-hero .hero-brand-lockup{width:fit-content;color:inherit;background:0 0;border:0;margin-top:18px;padding:0}.brand-hero-copy>p{max-width:450px;margin-top:16px;font-size:.95rem;font-weight:600;line-height:1.8}.brand-hero-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.brand-hero-actions :is(button,a){border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:43px;padding:0 21px;font-size:.82rem;font-weight:900;transition:transform .16s,box-shadow .16s;display:inline-flex}.brand-hero-actions button{color:#fff;background:#ff7f9a;border:1px solid #ef7d96;box-shadow:0 8px 17px #ff7f9a45}.brand-hero-actions a{color:#344157;background:#ffffffeb;border:1px solid #dce1e9;box-shadow:0 5px 14px #423b3914}.brand-hero-actions :is(button,a):hover{transform:translateY(-2px);box-shadow:0 11px 22px #4e3e3a29}.brand-hero-benefits{color:#667085;flex-wrap:wrap;gap:12px;margin-top:17px;font-size:.68rem;font-weight:700;display:flex}.brand-hero-benefits span{align-items:center;gap:4px;display:inline-flex}.brand-hero-benefits svg{color:#35a875}.brand-stat-strip{width:min(1120px,100% - 32px);margin:0 auto;padding:0}.brand-stat-strip dl{grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:22px 16px;display:grid;border-top:0!important;border-radius:0 0 24px 24px!important}.brand-stat-strip dl>:is(div,button){text-align:center;padding:3px 12px}.brand-landing .brand-stat-strip button,.brand-landing .brand-stat-strip button:hover{color:inherit;transform:none;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.brand-stat-strip dl>:is(div,button)+:is(div,button){border-left:1px solid #f0e1d6}.brand-stat-strip dt{justify-content:center;align-items:center;gap:4px;font-size:1.42rem;font-weight:950;display:flex;color:#263650!important}.brand-stat-strip dd{color:#687389;margin-top:3px;font-size:.7rem;font-weight:700}.landing-learning-modes{padding:42px 20px 48px}.brand-landing #features{background:0 0;border-top:0;padding:42px 20px 48px}.landing-section-heading{margin-bottom:20px}.landing-section-heading>span{color:#263650;letter-spacing:0;font-size:clamp(1.35rem,2.5vw,1.8rem);display:block}.landing-section-heading h2{margin-top:4px;font-size:.8rem;font-weight:700;color:#6e798b!important}.landing-mode-card{border-radius:21px;flex-direction:column;align-items:flex-start;min-height:180px;padding:20px 18px 17px;display:flex;box-shadow:0 8px 19px #55443e12}.landing-mode-icon{border:2px solid #ffffffbd;border-radius:15px;width:48px;height:48px;margin-bottom:24px}.landing-mode-card strong{max-width:calc(100% - 32px);margin:0;font-size:.96rem}.landing-mode-card small{max-width:calc(100% - 22px);margin-top:5px;font-size:.7rem;line-height:1.5}.landing-mode-card em{top:auto;bottom:14px;right:14px}.landing-content-preview{padding:8px 20px 48px}.landing-preview-heading{align-items:center;margin-bottom:16px}.landing-preview-heading h2{margin:0;font-size:clamp(1.25rem,2.5vw,1.65rem)}.landing-preview-heading>a{font-size:.72rem}.landing-preview-card{border-radius:16px;box-shadow:0 7px 17px #53413c14}.landing-preview-art{height:176px;display:block;background-color:#fff2e7!important;background-image:url(/landing-content-scenes.png)!important;background-position:0!important;background-repeat:no-repeat!important;background-size:300%!important}.landing-preview-art.is-sushi{background-position:50%!important}.landing-preview-art.is-train{background-position:100%!important}.landing-preview-card:hover .landing-preview-art{filter:saturate(1.06)brightness(1.02)}.landing-preview-copy{padding:12px 14px 13px}.landing-preview-copy strong{font-size:.88rem}.landing-preview-meta{align-items:center;gap:5px;display:flex}.landing-preview-meta i{color:#765e51;background:#fff2dd;border-radius:999px;padding:3px 7px;font-size:.58rem;font-style:normal;font-weight:800}.landing-preview-card.is-vocab .landing-preview-meta i:last-of-type{color:#277e63;background:#ddf7ec}.landing-preview-card.is-dialogue .landing-preview-meta i:last-of-type{color:#35739e;background:#e2f2ff}.landing-preview-meta em{color:#344158;border-radius:50%;place-items:center;width:26px;height:26px;margin-top:0;margin-left:auto;font-style:normal;display:grid}.landing-closing-card{background:radial-gradient(circle at 8% 20%,#fff 0 3px,#0000 4px),linear-gradient(110deg,#fff2f5,#ffe7ed);border:1px solid #f8d7df;border-radius:22px;grid-template-columns:150px 1fr auto;align-items:center;width:min(1080px,100% - 40px);min-height:142px;margin:0 auto 44px;padding:12px 30px 8px 22px;display:grid;overflow:hidden;box-shadow:0 9px 22px #6a484e12}.brand-landing>main>section.landing-closing-card:last-of-type{color:#263650;background:radial-gradient(circle at 8% 20%,#fff 0 3px,#0000 4px),linear-gradient(110deg,#fff2f5,#ffe7ed)!important}.landing-closing-card>img{object-fit:contain;object-position:bottom;align-self:end;width:138px;height:138px}.landing-closing-card h2{margin:0;font-size:clamp(1.25rem,2.7vw,1.72rem)}.landing-closing-card p{color:#a36b78;margin-top:3px;font-size:.76rem;font-weight:800}.landing-closing-card button{color:#fff;background:#ff7f9a;border:1px solid #ee7a94;border-radius:999px;align-items:center;gap:7px;min-height:43px;padding:0 22px;font-size:.78rem;font-weight:900;display:inline-flex;box-shadow:0 8px 16px #ff7f9a3b}.landing-footer{background:#fffdf9;border-top:1px solid #f1dfe1}.landing-footer-grid{grid-template-columns:1.4fr .8fr .9fr;gap:38px;width:min(1080px,100% - 40px);margin:0 auto;padding:30px 0 24px;display:grid}.landing-footer-brand p{color:#778195;max-width:280px;margin-top:10px;font-size:.7rem;line-height:1.7}.landing-footer-links{color:#697489;flex-direction:column;align-items:flex-start;gap:7px;font-size:.7rem;display:flex}.landing-footer-links>strong{color:#263650;margin-bottom:3px;font-size:.76rem}.landing-footer-links :is(a,button){color:inherit;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:700;display:inline-flex}.landing-footer-links :is(a,button):hover{color:#ee718a}.landing-footer-links .landing-facebook-link{background:#f6f9ff;border:1px solid #d7e3f7;padding:4px 9px 4px 5px}.landing-footer-bottom{color:#8b94a5;border-top:1px solid #f1e7df;justify-content:space-between;width:min(1080px,100% - 40px);margin:0 auto;padding:14px 0 18px;font-size:.62rem;display:flex}.landing-seo-guide{width:min(1080px,100% - 40px);margin:0 auto 46px}.landing-seo-guide-intro{background:linear-gradient(120deg,#f5fbff,#fff8f2 64%,#fff0f4);border:1px solid #dfe9f3;border-radius:24px;grid-template-columns:minmax(0,1fr) 190px;gap:26px;min-height:238px;padding:30px 34px;display:grid;position:relative;overflow:hidden}.landing-seo-guide-intro>div{max-width:720px}.landing-seo-guide-intro>div>p:first-child{color:#ed718b;letter-spacing:.08em;margin:0 0 7px;font-size:.68rem;font-weight:900}.landing-seo-guide h2{color:#263650;margin:0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.25}.landing-seo-guide p{color:#617087;font-size:.8rem;font-weight:600;line-height:1.8}.landing-seo-guide-intro>div>p:not(:first-child){margin:9px 0 0}.landing-seo-guide-intro img{object-fit:contain;filter:drop-shadow(0 12px 13px #3b495e1f);align-self:end;width:184px;height:184px}.landing-seo-topic-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px;display:grid}.landing-seo-topic-grid article{background:#fff;border:1px solid #e6eaf0;border-radius:20px;min-height:195px;padding:20px 18px;box-shadow:0 7px 17px #3b495e0f}.landing-seo-topic-grid article>span{color:#ee718a;background:#fff0f3;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.landing-seo-topic-grid article:nth-child(2)>span{color:#4d90dc;background:#eaf4ff}.landing-seo-topic-grid article:nth-child(3)>span{color:#d89b2c;background:#fff6db}.landing-seo-topic-grid article:nth-child(4)>span{color:#259b78;background:#e7f8f0}.landing-seo-topic-grid h3{color:#263650;margin:15px 0 5px;font-size:.92rem}.landing-seo-topic-grid p{margin:0;font-size:.72rem;line-height:1.65}.landing-seo-links{background:#fff8ed;border-radius:21px;grid-template-columns:1.1fr .9fr;gap:28px;margin-top:18px;padding:25px 29px;display:grid}.landing-seo-links h2{font-size:1.25rem}.landing-seo-links p{margin:7px 0 0}.landing-seo-link-list{align-content:center;gap:8px;display:grid}.landing-seo-link-list a{color:#4f607a;background:#fff;border:1px solid #f0dfc7;border-radius:12px;padding:10px 13px;font-size:.76rem;font-weight:800}.landing-seo-link-list a:hover{color:#e45e7b;border-color:#ffb7c5}.landing-seo-faq{background:#fff;border:1px solid #e7eaf0;border-radius:22px;margin-top:18px;padding:27px 29px}.landing-seo-faq>h2{margin-bottom:12px;font-size:1.35rem}.landing-seo-faq details{border-top:1px solid #edf0f4}.landing-seo-faq summary{cursor:pointer;color:#33445f;padding:15px 26px 15px 0;font-size:.83rem;font-weight:850}.landing-seo-faq summary::marker{color:#ef7790}.landing-seo-faq details p{margin:0 0 17px}@media (width<=880px){.brand-landing-nav{display:none}.brand-header-actions{margin-left:auto}.brand-hero{min-height:470px;padding:42px 36px}.brand-hero-copy{max-width:53%}}@media (width<=639px){.brand-landing-header-inner{gap:6px;width:calc(100% - 20px);min-height:58px}.brand-landing-header-inner .tomodachi-brand b,.brand-landing-header-inner .tomodachi-brand small{display:none}.brand-header-actions{gap:5px}.brand-header-actions>button{min-height:33px;padding:0 10px;font-size:.65rem}.brand-header-signup{display:none}.brand-hero{border-radius:22px 22px 0 0;width:calc(100% - 20px);min-height:570px;margin-top:10px;padding:27px 20px 278px}.brand-hero:after{background:linear-gradient(#fff9f6fc 0%,#fff9f6e8 39%,#fff9f62b 72%,#0000 100%)}.brand-hero-copy{max-width:100%}.brand-landing .brand-hero h1{max-width:330px;font-size:clamp(2.05rem,10vw,2.7rem)}.brand-hero .hero-brand-lockup{margin-top:11px}.hero-brand-lockup .tomodachi-brand-symbol{width:45px;height:45px}.hero-brand-lockup .tomodachi-brand b{font-size:1.3rem}.brand-hero-copy>p{margin-top:10px;font-size:.78rem;line-height:1.6}.brand-hero-actions{margin-top:14px}.brand-hero-actions :is(button,a){min-height:39px;padding:0 15px;font-size:.7rem}.brand-hero-benefits{display:none}.brand-hero-scene{object-position:65% center}.brand-stat-strip{width:calc(100% - 20px)}.brand-stat-strip dl{grid-template-columns:repeat(2,1fr);padding:13px 10px}.brand-stat-strip dl>:is(div,button){padding:9px 6px}.brand-stat-strip dl>:is(div,button)+:is(div,button){border-left:0}.brand-stat-strip dl>:is(div,button):nth-child(2n){border-left:1px solid #f0e1d6}.brand-stat-strip dl>:is(div,button):nth-child(n+3){border-top:1px solid #f0e1d6}.landing-learning-modes,.brand-landing #features{padding:34px 12px 39px}.landing-mode-card{min-height:165px;padding:15px 13px}.landing-mode-icon{margin-bottom:19px}.landing-mode-card strong,.landing-mode-card small{max-width:calc(100% - 17px)}.landing-content-preview{padding:4px 12px 38px}.landing-seo-guide{width:calc(100% - 24px);margin-bottom:34px}.landing-seo-guide-intro{grid-template-columns:1fr;min-height:0;padding:24px 20px 162px}.landing-seo-guide-intro img{width:150px;height:150px;position:absolute;bottom:-16px;right:50%;transform:translate(50%)}.landing-seo-topic-grid{grid-template-columns:1fr 1fr;gap:10px}.landing-seo-topic-grid article{min-height:0;padding:15px 13px}.landing-seo-topic-grid h3{font-size:.8rem}.landing-seo-topic-grid p{font-size:.66rem}.landing-seo-links{grid-template-columns:1fr;gap:16px;padding:21px 18px}.landing-seo-faq{padding:22px 18px}.landing-preview-grid{grid-template-columns:1fr;gap:12px}.landing-preview-art{height:180px}.landing-preview-copy strong{font-size:.86rem}.landing-closing-card{grid-template-columns:92px 1fr;width:calc(100% - 24px);min-height:132px;margin-bottom:32px;padding:10px 14px 10px 5px}.landing-closing-card>img{width:96px;height:112px}.landing-closing-card h2{font-size:1rem}.landing-closing-card button{grid-column:2;width:fit-content;min-height:36px;margin-top:-30px;padding:0 14px;font-size:.68rem}.landing-footer-grid{grid-template-columns:1.2fr 1fr;gap:24px 15px;width:calc(100% - 28px)}.landing-footer-brand{grid-column:1/-1}.landing-footer-bottom{gap:15px;width:calc(100% - 28px)}}.vocabulary-page{max-width:1100px}.vocabulary-heading{text-align:center;max-width:700px;margin:0 auto 2rem}.vocabulary-heading h1,.landing-vocabulary h2{color:var(--brand,#183b66);font-size:clamp(2rem,5vw,3rem);font-weight:900}.vocabulary-heading p{color:#64748b;line-height:1.8}.vocabulary-controls{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.vocabulary-controls label{border:1px solid #cbd5e1;border-radius:.8rem;flex:320px;align-items:center;gap:.6rem;padding:.75rem 1rem;display:flex}.vocabulary-controls input{background:0 0;border:0;outline:0;width:100%}.vocabulary-controls select{background:0 0;border:1px solid #cbd5e1;border-radius:.8rem;padding:.75rem}.vocabulary-count{color:#64748b}.vocabulary-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.vocabulary-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1rem;box-shadow:0 2px 8px #0f172a0d}.vocabulary-card>div{justify-content:space-between;align-items:center;display:flex}.vocabulary-card strong{font-size:1.5rem}.vocabulary-card button{cursor:pointer}.vocabulary-card i,.vocabulary-card small,.vocabulary-card b,.vocabulary-card p span{display:block}.vocabulary-card small{color:#e86f5f}.vocabulary-card b{margin-top:.45rem}.vocabulary-card p{margin:.8rem 0;font-size:.9rem}.vocabulary-card p span{color:#64748b}.vocabulary-save{color:#e86f5f;background:0 0;border:0;align-items:center;gap:.35rem;padding:0;display:flex}.vocabulary-save.is-saved{color:#0f766e}.vocabulary-login{color:#64748b;font-size:.8rem}.landing-vocabulary{background:#fff7ed}.landing-vocabulary h2{margin:.25rem 0}.landing-vocabulary>div>p{color:#64748b}.landing-vocabulary-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1.5rem;display:grid}.landing-vocabulary-grid article{background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 1px 4px #0f172a12}.landing-vocabulary-grid button{float:right;color:#e86f5f;cursor:pointer;background:0 0;border:0}.landing-vocabulary-grid i,.landing-vocabulary-grid small,.landing-vocabulary-grid span{display:block}.landing-vocabulary-grid small{color:#e86f5f}.landing-vocabulary-grid span{margin-top:.3rem}.landing-vocabulary-actions{gap:.75rem;margin-top:1.5rem;display:flex}.landing-vocabulary-actions a,.landing-vocabulary-actions button{cursor:pointer;color:#fff;background:#183b66;border:0;border-radius:.75rem;padding:.75rem 1rem;font-weight:700}.landing-vocabulary-actions a{color:#183b66;background:#fff;border:1px solid #cbd5e1}@media (width<=640px){.landing-vocabulary-grid{grid-template-columns:repeat(2,1fr)}}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-ink:#edf3fb;--color-muted:#aebbd0;--color-brand:#a8c7ff;--color-brand-soft:#263a59;--color-accent-soft:#3d2d39;--color-paper:#1a2639;--color-canvas:#101827;--color-line:#34445c;--color-success-soft:#203d38;--color-danger-soft:#452e36}html.dark body,html.dark #root,html.dark .app-shell,html.dark .page,html.dark .member-shell{color:#edf3fb;background:#101827}html.dark .app-shell>main,html.dark .app-shell>main>.page,html.dark main.page{background:#101827!important}html.dark :is(.topbar,.mobile-nav,.site-footer,.member-sidebar,.admin-sidebar){color:#edf3fb;background-color:#162237;border-color:#34445c}html.dark :is(.page [class*=card],.page [class*=panel],.page [class*=sheet],.page [class*=modal],.page [class*=dialog],.page [class*=list],.page [class*=table],.page [class*=content],.page [class*=reader],.page [class*=sidebar],.page [class*=empty],.page [class*=preview],.page [class*=option],.page [class*=answer],.page [class*=question],.page [class*=prompt],.page [class*=choice],.page [class*=item],.page [class*=row],.page [class*=tile],.page [class*=cell],.page [class*=stage],.page [class*=form],.profile-settings-modal,.profile-dropdown,.global-search-panel,.member-support-widget,.ai-tutor-sidebar){color:#edf3fb;background-color:#1a2639;border-color:#34445c}html.dark :is(.page,.site-footer,.member-sidebar,.admin-sidebar,.profile-settings-modal,.profile-dropdown) :is(h1,h2,h3,h4,strong,th,dt,label){color:#f7faff}html.dark :is(.page,.site-footer,.member-sidebar,.admin-sidebar,.profile-settings-modal,.profile-dropdown) :is(p,small,span,li,td,dd){color:inherit}html.dark :is(.page,.profile-settings-modal,.profile-dropdown,.global-search-panel) :is(input,select,textarea){color:#f7faff;background:#101827;border-color:#425570}html.dark :is(.page,.profile-settings-modal,.profile-dropdown,.global-search-panel) :is(input,textarea)::placeholder{color:#8fa0ba}html.dark :is(.page,.profile-settings-modal,.profile-dropdown) :is(.bg-white,.bg-stone-50,.bg-slate-50,.bg-slate-100,.bg-gray-50){background-color:#1a2639!important}html.dark :is(.page,.profile-settings-modal,.profile-dropdown) :is(.text-slate-900,.text-slate-800,.text-slate-700,.text-gray-900,.text-gray-800){color:#edf3fb!important}html.dark :is(.page,.profile-settings-modal,.profile-dropdown) :is(.border-slate-100,.border-slate-200,.border-gray-100,.border-gray-200){border-color:#34445c!important}html.dark :is(.landing-page,.landing-shell){background:#101827}html.dark .landing-page :is(.landing-hero,.landing-feature-card,.landing-content-card,.landing-faq,.landing-cta,.landing-vocabulary,.landing-game-sampler){border-color:#34445c;background-color:#1a2639!important}html.dark .landing-page :is(h1,h2,h3,strong,p,li,span){color:inherit}html.dark .landing-page :is(h1,h2,h3,strong){color:#f7faff}html.dark .landing-page :is(.landing-hero,.landing-feature-card,.landing-content-card,.landing-cta){box-shadow:0 14px 38px #0000003d}html.dark .site-footer :is(a,p,small,span,strong,h2,h3){color:inherit}.practice-page,.tutor-page,.mock-page,.vocabulary-page,.beginner-book-page{position:relative}.practice-page:before,.tutor-page:before,.mock-page:before,.vocabulary-page:before,.beginner-book-page:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle at 8% 18%,#ff70911f 0 4px,#0000 5px) 0 0/86px 96px,radial-gradient(circle at 94% 29%,#ffbf5f29 0 3px,#0000 4px) 0 0/112px 118px,radial-gradient(circle at 17% 81%,#7db7e81f 0 3px,#0000 4px) 0 0/104px 110px;position:fixed;inset:0}.practice-page>section:first-child{min-height:300px;color:#20324d!important;background:linear-gradient(118deg,#fff0f4 0%,#eaf6ff 58%,#dcf5e8 100%)!important;border:1px solid #f1d9dd!important;box-shadow:0 18px 42px #4d394f1a!important}.practice-page>section:first-child h1,.practice-page>section:first-child p{color:#20324d!important}.practice-page>section:first-child:after{content:"";filter:drop-shadow(0 16px 12px #2c395129);background:url(/brand-mascot-study.png) 100% 100%/contain no-repeat;width:min(33vw,270px);height:260px;position:absolute;bottom:-5px;right:34px}.practice-page>section:first-child>:not(.pointer-events-none){max-width:64%}.tutor-page-hero{background:linear-gradient(118deg,#fff1f5,#eef7ff 62%,#e1f7eb);border:1px solid #f0dce1;border-radius:26px;align-items:center;min-height:176px;margin-bottom:20px;padding:28px 260px 28px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #44436017}.tutor-page-hero h1{color:#20324d;margin:5px 0 8px;font-size:clamp(1.8rem,3.5vw,2.75rem)}.tutor-page-hero p{color:#53627a;max-width:62ch;margin:0}.tutor-page-hero img{filter:drop-shadow(0 15px 13px #30394826);width:220px;position:absolute;bottom:-8px;right:24px}.tutor-page-hero-bubble{color:#53627a;background:#ffffffd9;border:1px solid #f1d6dc;border-radius:18px 18px 4px;padding:8px 12px;font-size:12px;font-weight:800;position:absolute;top:19px;right:155px}.tutor-shell{background:#fffdfb;border:1px solid #ece1dc;border-radius:24px;overflow:hidden;box-shadow:0 14px 32px #36374d12}.tutor-thread{background:linear-gradient(#fffdfb,#fff8f6);border:0;border-radius:0;min-height:390px;padding:24px}.tutor-empty:before{content:"";background:#fff1f4 url(/brand-mascot-study.png) 50%/82px no-repeat;border-radius:50%;width:92px;height:92px;box-shadow:0 8px 18px #ff709129}.tutor-empty>svg{display:none}.tutor-input{background:#fff;border-top:1px solid #f0e4df;margin:0;padding:14px}.tutor-input input{background:#fff9f7;border-radius:15px}.tutor-input button{background:linear-gradient(135deg,#ff7898,#f85d83);border-radius:15px}.mock-intro{text-align:left;background:linear-gradient(120deg,#fff8fa,#eef7ff 64%,#e4f7eb);border-color:#eddfe0;max-width:1040px;min-height:0;padding:38px 38px 30px;position:relative;overflow:hidden}.mock-intro:after{content:"";background:url(/brand-mascot-study.png) 100% 100%/contain no-repeat;width:176px;height:176px;position:absolute;top:118px;right:34px}.mock-intro>*{z-index:1;position:relative}.mock-icon{color:#ff668a;background:#ffe1e9;margin:0 0 16px}.mock-intro>:is(.mock-icon,.kicker,h1,p,.mock-facts){max-width:min(640px,100% - 230px)}.mock-intro h1{max-width:min(610px,100% - 230px);font-size:clamp(2rem,3.5vw,3rem);line-height:1.16}.mock-intro>p{min-height:72px}.mock-facts{justify-content:flex-start}.mock-intro>.grid{gap:12px;margin-top:24px}.mock-intro>.grid>div{background:#ffffffe0;border-color:#e5e9f0;border-radius:18px;min-height:128px;padding:16px;box-shadow:0 7px 16px #31435b0d}.mock-intro>.grid>div>strong{color:#32435f;min-height:44px;line-height:1.4}.mock-intro>.grid>div>small{margin-top:6px;display:block}.mock-quota{background:linear-gradient(135deg,#fff4f7,#ffe2e9);border-color:#ffc2d0;align-items:center;width:min(310px,100%);min-height:68px;padding:11px 14px;position:absolute;top:32px;right:34px;box-shadow:0 10px 20px #f3658929}.mock-quota span{color:#a14c64;font-size:.72rem;font-weight:800}.mock-quota strong{color:#eb5278;font-size:1.15rem;line-height:1}.mock-intro>.primary-button{width:min(310px,100%);min-width:0;margin:0 auto;display:flex}.mock-intro>.primary-button+small{text-align:center;max-width:560px;margin-left:auto;margin-right:auto}.vocabulary-card,.beginner-page-opening,.beginner-page-objective{border-radius:22px;box-shadow:0 10px 24px #2a374c12}.vocabulary-card:hover{border-color:#ffb3c3;transform:translateY(-4px);box-shadow:0 16px 28px #ff709124}@media (width<=760px){.practice-page>section:first-child{min-height:0}.practice-page>section:first-child:after{width:150px;height:150px;right:8px}.practice-page>section:first-child>:not(.pointer-events-none){max-width:74%}.tutor-page-hero,.mock-intro{padding:24px 20px 180px}.mock-intro>:is(.mock-icon,.kicker,h1,p,.mock-facts){max-width:100%}.mock-intro>p{min-height:0}.mock-intro>.grid{gap:8px}.mock-quota{width:min(310px,100%);margin:16px auto 12px;position:relative;top:auto;right:auto}.tutor-page-hero img,.mock-intro:after{width:170px;right:50%;transform:translate(50%)}.tutor-page-hero-bubble{right:calc(50% + 20px)}}html.dark :is(.practice-page>section:first-child,.tutor-page-hero,.mock-intro){background:linear-gradient(125deg,#27334b,#1c3147 62%,#1f3c39)!important;border-color:#40506a!important}html.dark :is(.practice-page>section:first-child h1,.practice-page>section:first-child p,.tutor-page-hero h1,.tutor-page-hero p){color:#f2f6fd!important}html.dark :is(.tutor-shell,.tutor-thread,.tutor-input){background:#18253a;border-color:#34445c}html.dark .tutor-input input{background:#101827}html.dark .tutor-page-hero-bubble{color:#dbe5f5;background:#141f30e0;border-color:#41516a}.learning-stats-page{width:min(1200px,100% - 48px);margin:0 auto;padding:22px 0 56px}.learning-stats-hero{background:linear-gradient(120deg,#fff0f5,#eaf5ff 58%,#dcf5e8);border:1px solid #f0dfe0;border-radius:28px;align-items:center;min-height:224px;padding:32px 320px 32px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 38px #323a5317}.learning-stats-hero h1{color:#20324d;margin:7px 0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05}.learning-stats-hero p{color:#526178;max-width:52ch;margin:0}.learning-stats-hero img{filter:drop-shadow(0 14px 12px #2e3f532b);width:280px;position:absolute;bottom:-12px;right:30px}.learning-stats-cta{color:#fff;background:#ff7091;border-radius:999px;align-items:center;gap:8px;margin-top:18px;padding:11px 16px;font-size:13px;font-weight:900;display:inline-flex}.learning-stat-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px;display:grid}.learning-stat-card{background:#fff;border:1px solid #eee4dd;border-radius:22px;padding:18px;box-shadow:0 10px 22px #303a4d0f}.learning-stat-card>span{border-radius:13px;place-items:center;width:38px;height:38px;display:grid}.learning-stat-card small,.learning-stat-card em{color:#728099;font-size:12px;font-style:normal;display:block}.learning-stat-card small{margin-top:11px;font-weight:800}.learning-stat-card strong{color:#20324d;margin:3px 0;font-size:1.6rem;display:block}.is-blue>span{color:#2589d5;background:#deefff}.is-pink>span{color:#ef6385;background:#ffe0e8}.is-orange>span{color:#d88a2b;background:#fff0bf}.is-green>span{color:#299d72;background:#dbf5e9}.learning-stats-grid{grid-template-columns:1.6fr 1fr;gap:18px;margin-top:20px;display:grid}.learning-chart-card,.learning-goal-card,.learning-insight-card{background:#fff;border:1px solid #eee4dd;border-radius:24px;box-shadow:0 10px 22px #303a4d0f}.learning-chart-card{padding:22px}.learning-chart-card header{color:#ff7091;justify-content:space-between;display:flex}.learning-chart-card header span{font-size:11px;font-weight:900}.learning-chart-card h2,.learning-goal-card h2,.learning-insight-card h2{color:#20324d;margin:4px 0;font-size:1.1rem}.learning-bars{border-bottom:1px solid #edf0f4;align-items:end;gap:12px;height:150px;margin-top:18px;padding:0 4px;display:flex}.learning-bars i{height:var(--bar-height);background:linear-gradient(#82c9fa,#438fe4);border-radius:10px 10px 3px 3px;flex:1;min-width:12px}.learning-bars i:nth-child(2n){background:linear-gradient(#ffafbe,#ff7193)}.learning-bars b{border-radius:inherit;background:linear-gradient(90deg,#ffffff40,#0000);height:100%;display:block}.learning-days{color:#8792a5;text-align:center;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:8px;font-size:11px;display:grid}.learning-goal-card{background:linear-gradient(145deg,#fff7d8,#fff0f5);padding:24px}.learning-goal-icon{color:#e88c32;background:#fff;border-radius:15px;place-items:center;width:42px;height:42px;display:grid}.learning-goal-card p{color:#65718a;font-size:13px;line-height:1.6}.learning-goal-card>div{background:#fff;border-radius:999px;height:10px;overflow:hidden}.learning-goal-card i{border-radius:inherit;background:linear-gradient(90deg,#ff7091,#ffbc67);height:100%;display:block}.learning-goal-card small{color:#d36c88;margin-top:8px;font-weight:800;display:block}.learning-insight-card{background:#fffaf5;align-items:center;gap:16px;margin-top:20px;padding:18px 22px;display:flex}.learning-insight-card>span{font-size:32px}.learning-insight-card p{color:#68758c;margin:3px 0 0;font-size:13px}.learning-insight-card a{color:#fff;white-space:nowrap;background:#ff7091;border-radius:999px;margin-left:auto;padding:9px 13px;font-size:12px;font-weight:900}html.dark .learning-stats-hero{background:linear-gradient(120deg,#2b334a,#1c3148 62%,#1e3d39);border-color:#40506a}html.dark .learning-stats-hero :is(h1,p){color:#f2f6fd}html.dark :is(.learning-stat-card,.learning-chart-card,.learning-goal-card,.learning-insight-card){background:#1a2639;border-color:#34445c}html.dark :is(.learning-stat-card strong,.learning-chart-card h2,.learning-goal-card h2,.learning-insight-card h2){color:#f3f7fe}html.dark .learning-goal-card>div{background:#101827}@media (width<=900px){.learning-stat-cards{grid-template-columns:repeat(2,1fr)}.learning-stats-hero{padding-right:250px}.learning-stats-hero img{width:230px}.learning-stats-grid{grid-template-columns:1fr}}@media (width<=600px){.learning-stats-page{width:min(100% - 28px,1200px)}.learning-stats-hero{min-height:420px;padding:25px 21px 215px}.learning-stats-hero img{width:210px;right:50%;transform:translate(50%)}.learning-stat-cards{gap:10px}.learning-stat-card{border-radius:18px;padding:14px}.learning-stat-card strong{font-size:1.35rem}.learning-insight-card{align-items:flex-start;padding:17px}.learning-insight-card a{margin-top:auto}.learning-bars,.learning-days{gap:7px}}.learning-chart-note{color:#748198;margin:12px 0 0;font-size:11px;font-weight:700}.member-sidebar-collapsed .member-sidebar-nav a:hover,.member-sidebar-collapsed .member-sidebar-nav button:hover{transform:translateY(-2px)scale(1.04)}.member-sidebar-collapsed .member-sidebar-nav a,.member-sidebar-collapsed .member-sidebar-nav button{overflow:hidden}:is(.game-page,.kana-typing-page,.matching-page,.memory-page,.word-search-page,.picture-fill-page,.picture-sprint-page,.who-says-page,.shadowing-page,.kanji-writing-page,.rpg-page,.quiz-page,.flashcard-page,.dialogue-page){background:radial-gradient(circle at 7% 12%,#ff8fa31c 0 4px,#0000 5px),radial-gradient(circle at 93% 16%,#75bbf01f 0 3px,#0000 4px),linear-gradient(145deg,#fffdfb,#fff7f3);border:1px solid #ece2da;border-radius:28px;margin-top:18px;margin-bottom:34px;padding:clamp(16px,2.5vw,30px);position:relative;overflow:hidden;box-shadow:0 18px 40px #2e3a4e17}:is(.game-page,.kana-typing-page,.matching-page,.memory-page,.word-search-page,.picture-fill-page,.picture-sprint-page,.who-says-page,.shadowing-page,.kanji-writing-page,.rpg-page,.quiz-page,.flashcard-page,.dialogue-page):before{content:"";filter:blur(8px);pointer-events:none;background:#ffdce573;border-radius:50%;width:150px;height:150px;position:absolute;top:-44px;right:-38px}:is(.kana-typing-setup,.picture-sprint-setup,.hard-rpg-setup,.kanji-writing-setup) .kana-typing-start,.picture-sprint-setup>button,.mock-intro>.primary-button{justify-content:center;justify-self:center;min-width:min(100%,230px);box-shadow:0 12px 26px #e86f5f47}.kana-typing-start,.picture-sprint-setup>button,.mock-intro>.primary-button,.quiz-page .primary-button{transition:transform .18s,box-shadow .18s,filter .18s}.kana-typing-start:hover:not(:disabled),.picture-sprint-setup>button:hover:not(:disabled),.mock-intro>.primary-button:hover:not(:disabled),.quiz-page .primary-button:hover:not(:disabled){filter:saturate(1.08);transform:translateY(-3px);box-shadow:0 16px 30px #e86f5f59}.kana-typing-setup,.picture-sprint-setup,.hard-rpg-setup,.kanji-writing-setup{box-shadow:0 12px 28px #2f3a4d14}html.dark :is(.game-page,.kana-typing-page,.matching-page,.memory-page,.word-search-page,.picture-fill-page,.picture-sprint-page,.who-says-page,.shadowing-page,.kanji-writing-page,.rpg-page,.quiz-page,.flashcard-page,.dialogue-page){background:linear-gradient(145deg,#172338,#111c2d);border-color:#34445c;box-shadow:0 18px 40px #00000038}@media (width<=720px){:is(.game-page,.kana-typing-page,.matching-page,.memory-page,.word-search-page,.picture-fill-page,.picture-sprint-page,.who-says-page,.shadowing-page,.kanji-writing-page,.rpg-page,.quiz-page,.flashcard-page,.dialogue-page){border-radius:22px;margin-top:10px;padding:14px}:is(.kana-typing-setup,.picture-sprint-setup,.hard-rpg-setup,.kanji-writing-setup) .kana-typing-start,.picture-sprint-setup>button,.mock-intro>.primary-button{width:min(100%,360px)}}