/*! tailwindcss v4.3.2 | 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-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;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Cormorant Garamond", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-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);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--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)}}@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,ui-sans-serif, system-ui, 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{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}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.top-1\/2{top:50%}.left-0{left:0}.left-3{left:calc(var(--spacing) * 3)}.isolate{isolation:isolate}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index: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}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.-mt-0\.5{margin-top:calc(var(--spacing) * -.5)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.-mr-1{margin-right:calc(var(--spacing) * -1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.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-1{margin-left:var(--spacing)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.\!h-7{height:calc(var(--spacing) * 7)!important}.h-1{height:var(--spacing)}.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-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.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-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-full{height:100%}.max-h-\[85vh\]{max-height:85vh}.min-h-\[1\.1em\]{min-height:1.1em}.min-h-\[6rem\]{min-height:6rem}.min-h-full{min-height:100%}.\!w-7{width:calc(var(--spacing) * 7)!important}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[7rem\]{max-width:7rem}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-\[1\.25rem\]{min-width:1.25rem}.min-w-\[4\.5rem\]{min-width:4.5rem}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content: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-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-\[var\(--radius-lg\)\]{border-radius:var(--radius-lg)}.rounded-\[var\(--radius-md\)\]{border-radius:var(--radius-md)}.rounded-full{border-radius:3.40282e38px}.rounded-t-\[var\(--radius-lg\)\]{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.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-b-\[3px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[color-mix\(in_srgb\,var\(--error\)_30\%\,var\(--hairline\)\)\]{border-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--error\)_30\%\,var\(--hairline\)\)\]{border-color:color-mix(in srgb,var(--error) 30%,var(--hairline))}}.border-\[color-mix\(in_srgb\,var\(--error\)_35\%\,var\(--hairline\)\)\]{border-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--error\)_35\%\,var\(--hairline\)\)\]{border-color:color-mix(in srgb,var(--error) 35%,var(--hairline))}}.border-\[color-mix\(in_srgb\,var\(--primary\)_25\%\,var\(--hairline\)\)\]{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--primary\)_25\%\,var\(--hairline\)\)\]{border-color:color-mix(in srgb,var(--primary) 25%,var(--hairline))}}.border-\[color-mix\(in_srgb\,var\(--primary\)_30\%\,var\(--hairline\)\)\]{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--primary\)_30\%\,var\(--hairline\)\)\]{border-color:color-mix(in srgb,var(--primary) 30%,var(--hairline))}}.border-\[color-mix\(in_srgb\,var\(--primary\)_40\%\,var\(--hairline\)\)\]{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--primary\)_40\%\,var\(--hairline\)\)\]{border-color:color-mix(in srgb,var(--primary) 40%,var(--hairline))}}.border-\[color-mix\(in_srgb\,var\(--primary\)_45\%\,var\(--hairline\)\)\]{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--primary\)_45\%\,var\(--hairline\)\)\]{border-color:color-mix(in srgb,var(--primary) 45%,var(--hairline))}}.border-\[color-mix\(in_srgb\,var\(--success\)_28\%\,var\(--hairline\)\)\]{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--success\)_28\%\,var\(--hairline\)\)\]{border-color:color-mix(in srgb,var(--success) 28%,var(--hairline))}}.border-\[color-mix\(in_srgb\,var\(--success\)_35\%\,var\(--hairline\)\)\]{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--success\)_35\%\,var\(--hairline\)\)\]{border-color:color-mix(in srgb,var(--success) 35%,var(--hairline))}}.border-\[color-mix\(in_srgb\,var\(--warning\)_25\%\,var\(--hairline\)\)\]{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--warning\)_25\%\,var\(--hairline\)\)\]{border-color:color-mix(in srgb,var(--warning) 25%,var(--hairline))}}.border-\[color-mix\(in_srgb\,var\(--warning\)_30\%\,var\(--hairline\)\)\]{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--warning\)_30\%\,var\(--hairline\)\)\]{border-color:color-mix(in srgb,var(--warning) 30%,var(--hairline))}}.border-\[var\(--error\)\]{border-color:var(--error)}.border-\[var\(--hairline\)\]{border-color:var(--hairline)}.border-\[var\(--primary\)\]{border-color:var(--primary)}.border-\[var\(--success\)\]{border-color:var(--success)}.\!bg-\[var\(--error\)\]{background-color:var(--error)!important}.bg-\[color-mix\(in_srgb\,var\(--error\)_6\%\,var\(--canvas\)\)\]{background-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--error\)_6\%\,var\(--canvas\)\)\]{background-color:color-mix(in srgb,var(--error) 6%,var(--canvas))}}.bg-\[color-mix\(in_srgb\,var\(--primary\)_4\%\,var\(--canvas\)\)\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--primary\)_4\%\,var\(--canvas\)\)\]{background-color:color-mix(in srgb,var(--primary) 4%,var(--canvas))}}.bg-\[color-mix\(in_srgb\,var\(--primary\)_6\%\,var\(--canvas\)\)\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--primary\)_6\%\,var\(--canvas\)\)\]{background-color:color-mix(in srgb,var(--primary) 6%,var(--canvas))}}.bg-\[color-mix\(in_srgb\,var\(--success\)_8\%\,var\(--canvas\)\)\]{background-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--success\)_8\%\,var\(--canvas\)\)\]{background-color:color-mix(in srgb,var(--success) 8%,var(--canvas))}}.bg-\[color-mix\(in_srgb\,var\(--success\)_10\%\,var\(--canvas\)\)\]{background-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--success\)_10\%\,var\(--canvas\)\)\]{background-color:color-mix(in srgb,var(--success) 10%,var(--canvas))}}.bg-\[color-mix\(in_srgb\,var\(--warning\)_6\%\,var\(--canvas\)\)\]{background-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--warning\)_6\%\,var\(--canvas\)\)\]{background-color:color-mix(in srgb,var(--warning) 6%,var(--canvas))}}.bg-\[var\(--canvas\)\]{background-color:var(--canvas)}.bg-\[var\(--primary\)\]{background-color:var(--primary)}.bg-\[var\(--surface-soft\)\],.bg-\[var\(--surface-soft\)\]\/30{background-color:var(--surface-soft)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--surface-soft\)\]\/30{background-color:color-mix(in oklab, var(--surface-soft) 30%, transparent)}}.bg-\[var\(--surface-soft\)\]\/40{background-color:var(--surface-soft)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--surface-soft\)\]\/40{background-color:color-mix(in oklab, var(--surface-soft) 40%, transparent)}}.bg-\[var\(--surface-soft\)\]\/50{background-color:var(--surface-soft)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--surface-soft\)\]\/50{background-color:color-mix(in oklab, var(--surface-soft) 50%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.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-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pl-0\.5{padding-left:calc(var(--spacing) * .5)}.text-center{text-align:center}.text-left{text-align:left}.align-bottom{vertical-align:bottom}.font-mono{font-family:var(--font-mono)}.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-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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-\[10px\]{font-size:10px!important}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[color-mix\(in_srgb\,var\(--error\)_35\%\,var\(--canvas\)\)\]{color:var(--error)}@supports (color:color-mix(in lab, red, red)){.text-\[color-mix\(in_srgb\,var\(--error\)_35\%\,var\(--canvas\)\)\]{color:color-mix(in srgb,var(--error) 35%,var(--canvas))}}.text-\[color-mix\(in_srgb\,var\(--muted\)_35\%\,var\(--canvas\)\)\]{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.text-\[color-mix\(in_srgb\,var\(--muted\)_35\%\,var\(--canvas\)\)\]{color:color-mix(in srgb,var(--muted) 35%,var(--canvas))}}.text-\[color-mix\(in_srgb\,var\(--muted\)_65\%\,var\(--ink\)\)\]{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.text-\[color-mix\(in_srgb\,var\(--muted\)_65\%\,var\(--ink\)\)\]{color:color-mix(in srgb,var(--muted) 65%,var(--ink))}}.text-\[var\(--body\)\]{color:var(--body)}.text-\[var\(--error\)\]{color:var(--error)}.text-\[var\(--hairline\)\]{color:var(--hairline)}.text-\[var\(--ink\)\]{color:var(--ink)}.text-\[var\(--muted\)\]{color:var(--muted)}.text-\[var\(--primary\)\]{color:var(--primary)}.text-\[var\(--primary-dark\)\]{color:var(--primary-dark)}.text-\[var\(--success\)\]{color:var(--success)}.text-\[var\(--warning\)\]{color:var(--warning)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.caret-transparent{caret-color:#0000}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.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-\[0_0_8px_color-mix\(in_srgb\,var\(--primary\)_35\%\,transparent\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,var(--primary))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_0_8px_color-mix\(in_srgb\,var\(--primary\)_35\%\,transparent\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,color-mix(in srgb,var(--primary) 35%,transparent))}}.shadow-\[0_0_8px_color-mix\(in_srgb\,var\(--primary\)_35\%\,transparent\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_3px_0_0_color-mix\(in_srgb\,var\(--primary\)_30\%\,transparent\)\]{--tw-shadow:0 3px 0 0 var(--tw-shadow-color,var(--primary))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_3px_0_0_color-mix\(in_srgb\,var\(--primary\)_30\%\,transparent\)\]{--tw-shadow:0 3px 0 0 var(--tw-shadow-color,color-mix(in srgb,var(--primary) 30%,transparent))}}.shadow-\[0_3px_0_0_color-mix\(in_srgb\,var\(--primary\)_30\%\,transparent\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_color-mix\(in_srgb\,var\(--primary\)_8\%\,transparent\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,var(--primary))}@supports (color:color-mix(in lab, red, red)){.shadow-\[inset_0_1px_0_color-mix\(in_srgb\,var\(--primary\)_8\%\,transparent\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,color-mix(in srgb,var(--primary) 8%,transparent))}}.shadow-\[inset_0_1px_0_color-mix\(in_srgb\,var\(--primary\)_8\%\,transparent\)\]{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{--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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(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-\[2px\]{--tw-backdrop-blur:blur(2px);-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-\[border-color\,background-color\,box-shadow\]{transition-property:border-color,background-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;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-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);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-active\:scale-100:is(:where(.group):active *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:text-\[var\(--body\)\]:hover{color:var(--body)}.hover\:text-\[var\(--ink\)\]:hover{color:var(--ink)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-\[var\(--primary\)\]:focus{border-color:var(--primary)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:max-h-\[80vh\]{max-height:80vh}.sm\:min-w-\[240px\]{min-width:240px}.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\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:rounded-\[var\(--radius-lg\)\]{border-radius:var(--radius-lg)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}}@media (width>=48rem){.md\:p-4{padding:calc(var(--spacing) * 4)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:py-8{padding-block:calc(var(--spacing) * 8)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-\[1\.75rem\]{font-size:1.75rem}}@media (width>=64rem){.lg\:hidden{display:none}.lg\:inline{display:inline}}@media (width>=80rem){.xl\:inline{display:inline}}}:root{--primary:#cc785c;--primary-active:#a9583e;--primary-disabled:#e6dfd8;--ink:#141413;--body:#3d3d3a;--muted:#6c6a64;--on-primary:#fff;--canvas:#faf9f5;--surface-soft:#f5f0e8;--surface-card:#efe9de;--hairline:#e6dfd8;--success:#5db872;--error:#c64545;--warning:#c9923a;--shadow-sm:0 1px 3px #1414130f;--radius-sm:6px;--radius-md:8px;--radius-lg:12px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.55}.page-container{max-width:48rem;margin:0 auto;padding:2rem 1.25rem 3rem}.page-title{font-family:var(--font-serif);letter-spacing:-.03em;color:var(--ink);font-size:1.75rem;font-weight:400;line-height:1.15}.page-desc{color:var(--body);margin-top:.5rem;font-size:.9375rem;line-height:1.55}.surface-card{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-lg)}.btn-primary{height:40px;color:var(--on-primary);background:var(--primary);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.375rem;padding:0 20px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.btn-primary:hover{background:var(--primary-active)}.btn-primary:disabled{background:var(--primary-disabled);color:var(--muted);cursor:not-allowed}.btn-secondary{height:40px;color:var(--ink);background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:.375rem;padding:0 20px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.btn-secondary:hover{background:var(--surface-soft)}.input-field{width:100%;height:40px;color:var(--ink);background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-md);outline:none;padding:0 12px;font-size:14px;transition:border-color .15s}.input-field:focus{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.input-field:focus{border-color:color-mix(in srgb, var(--primary) 50%, var(--hairline))}}.auth-card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);width:100%;max-width:24rem;box-shadow:var(--shadow-sm);padding:2rem}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@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-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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-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}@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}@keyframes spin{to{transform:rotate(360deg)}}@keyframes english-typing-caret{0%,45%{opacity:1}50%,to{opacity:0}}@keyframes english-word-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes english-word-pop{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes english-char-pop{0%{opacity:.35;transform:translateY(3px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes english-word-done{0%{transform:translateY(0)}35%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes english-typing-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes english-perfect-pop{0%{opacity:0;transform:scale(.92)}55%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes english-combo-pop{0%{opacity:0;transform:scale(.85)translateY(4px)}70%{transform:scale(1.08)translateY(-1px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes english-sentence-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes english-hint-out{0%{opacity:1}to{opacity:0}}@keyframes english-active-glow{0%,to{border-color:color-mix(in srgb, var(--primary) 55%, var(--hairline))}50%{border-color:color-mix(in srgb, var(--primary) 85%, var(--hairline))}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.4}}@keyframes chat-cursor-blink{0%,45%{opacity:1}50%,to{opacity:0}}@keyframes thinking-dot{0%,70%,to{opacity:.35;transform:translateY(0)scale(.92)}35%{opacity:1;transform:translateY(-3px)scale(1)}}@keyframes thinking-shimmer{0%{background-position:200%}to{background-position:-200%}}.animate-fade-in{animation:.3s ease-out fade-in}.animate-pulse-soft{animation:1.5s ease-in-out infinite pulse-soft}.english-typing-caret{background:var(--primary);vertical-align:-.08em;border-radius:1px;width:2px;height:.92em;margin-left:1px;animation:1.05s step-end infinite english-typing-caret;display:inline-block}.english-word-shake{animation:.38s ease-out english-word-shake}.english-word-pop{animation:.28s ease-out english-word-pop}.english-char-pop{animation:.16s cubic-bezier(.22,1,.36,1) both english-char-pop;display:inline-block}.english-word-done-flash{animation:.28s ease-out english-word-done}.english-typing-shake{animation:.42s ease-out english-typing-shake}.english-perfect-pop{animation:.38s cubic-bezier(.22,1,.36,1) both english-perfect-pop}.english-combo-pop{animation:.32s cubic-bezier(.22,1,.36,1) both english-combo-pop}.english-sentence-in{animation:.32s ease-out both english-sentence-in}.english-hint-out{animation:.2s ease-out forwards english-hint-out}.english-slot-active{animation:1.6s ease-in-out infinite english-active-glow}.english-main-tabs{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface-soft) 80%, var(--canvas));border:1px solid var(--hairline);scrollbar-width:thin;flex-wrap:nowrap;gap:.25rem;margin-bottom:.25rem;padding:.25rem;display:flex;overflow-x:auto}.english-main-tab{color:var(--muted);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;line-height:1.4;transition:background .2s,color .2s,box-shadow .2s,transform .15s;display:inline-flex}.english-main-tab:hover{color:var(--body);background:color-mix(in srgb, var(--canvas) 70%, transparent)}.english-main-tab:active{transform:scale(.97)}.english-main-tab-active{color:var(--ink);background:var(--canvas);box-shadow:var(--shadow-sm)}.english-main-tab-count{font-variant-numeric:tabular-nums;color:var(--muted);background:var(--surface-soft);border-radius:999px;padding:.0625rem .375rem;font-size:.625rem}.english-main-tab-active .english-main-tab-count{color:color-mix(in srgb, var(--primary) 80%, var(--ink));background:color-mix(in srgb, var(--primary) 10%, var(--canvas))}.english-main-tab-count-due{color:var(--warning);background:color-mix(in srgb, var(--warning) 12%, var(--canvas));animation:2s ease-in-out infinite english-due-pulse}@keyframes english-due-pulse{0%,to{opacity:1}50%{opacity:.65}}.english-panel-in{animation:.32s cubic-bezier(.22,1,.36,1) both english-panel-in}@keyframes english-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.english-segment{border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--hairline);gap:.125rem;padding:.1875rem;display:inline-flex}.english-segment-item{color:var(--muted);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:.375rem .875rem;font-size:.75rem;line-height:1.4;transition:background .2s,color .2s,box-shadow .2s,transform .15s;display:inline-flex}.english-segment-item:hover:not(.english-segment-item-active){color:var(--body)}.english-segment-item:active{transform:scale(.96)}.english-segment-item-active{color:var(--ink);background:var(--canvas);box-shadow:var(--shadow-sm);font-weight:500}.english-toolbar-btn{min-width:3.25rem;color:var(--muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem .75rem;font-size:.625rem;line-height:1.2;transition:background .18s,color .18s,transform .15s;display:inline-flex}.english-toolbar-btn:hover:not(:disabled){color:var(--ink);background:var(--surface-soft)}.english-toolbar-btn:active:not(:disabled){transform:scale(.94)}.english-toolbar-btn-active{color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--canvas))}.english-toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.english-icon-nav-btn{width:2rem;height:2rem;color:var(--muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:background .18s,color .18s,border-color .18s,transform .15s;display:inline-flex}.english-icon-nav-btn:hover:not(:disabled){color:var(--ink);background:var(--surface-soft);border-color:var(--hairline)}.english-icon-nav-btn:active:not(:disabled){transform:scale(.92)}.english-icon-nav-btn:disabled{opacity:.35;cursor:not-allowed}.english-chip{text-align:left;border:1px solid var(--hairline);border-radius:var(--radius-lg);cursor:pointer;scroll-snap-align:start;background:0 0;flex-shrink:0;min-width:8rem;padding:.625rem .875rem;transition:border-color .2s,background .2s,box-shadow .2s,transform .18s}.english-chip:hover:not(.english-chip-active){border-color:color-mix(in srgb, var(--primary) 40%, var(--hairline));background:var(--surface-soft)}.english-chip:active{transform:scale(.98)}.english-chip-active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--canvas));box-shadow:var(--shadow-sm);transform:scale(1.01)}.english-lesson-dot{font-variant-numeric:tabular-nums;width:2rem;height:2rem;color:var(--muted);border:1px solid var(--hairline);cursor:pointer;scroll-snap-align:center;background:0 0;border-radius:999px;flex-shrink:0;font-size:.625rem;font-weight:500;transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .18s}.english-lesson-dot:hover:not(.english-lesson-dot-active){color:var(--ink);border-color:color-mix(in srgb, var(--primary) 50%, var(--hairline))}.english-lesson-dot:active{transform:scale(.92)}.english-lesson-dot-active{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 2px 8px color-mix(in srgb, var(--primary) 35%, transparent);transform:scale(1.08)}.english-card-tap{cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .18s,opacity .2s}.english-card-tap:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--hairline));box-shadow:var(--shadow-sm)}.english-card-tap:active{transform:scale(.985)}.english-choice-btn{text-align:left;width:100%;color:var(--body);border:1px solid var(--hairline);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:.75rem 1rem;font-size:.875rem;line-height:1.45;transition:border-color .18s,background .18s,transform .15s}.english-choice-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 45%, var(--hairline));background:var(--surface-soft)}.english-choice-btn:active:not(:disabled){transform:scale(.985)}.english-choice-btn--correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 10%, var(--canvas));animation:.28s cubic-bezier(.22,1,.36,1) both english-choice-pop}.english-choice-btn--wrong{border-color:var(--error);background:color-mix(in srgb, var(--error) 8%, var(--canvas));animation:.38s ease-out english-typing-shake}@keyframes english-choice-pop{0%{transform:scale(.98)}45%{transform:scale(1.015)}to{transform:scale(1)}}.english-rating-btn{text-align:left;border:1px solid var(--hairline);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:.625rem;transition:border-color .18s,background .18s,transform .15s}.english-rating-btn:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--hairline));background:var(--canvas)}.english-rating-btn:active{transform:scale(.97)}.english-rating-btn--again{border-color:color-mix(in srgb, var(--error) 35%, var(--hairline))}.english-rating-btn--easy{border-color:color-mix(in srgb, var(--success) 35%, var(--hairline))}.english-result-in{animation:.28s cubic-bezier(.22,1,.36,1) both english-result-in}@keyframes english-result-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.english-mark-flash{animation:.55s ease-out english-mark-flash}@keyframes english-mark-flash{0%{border-color:var(--success);box-shadow:0 0 0 0 color-mix(in srgb, var(--success) 35%, transparent)}40%{box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 18%, transparent)}to{box-shadow:none}}.english-modal-backdrop{animation:.22s ease-out both english-backdrop-in}@keyframes english-backdrop-in{0%{opacity:0}to{opacity:1}}.english-modal-sheet{animation:.32s cubic-bezier(.22,1,.36,1) both english-modal-sheet-in}@keyframes english-modal-sheet-in{0%{opacity:0;transform:translateY(1.25rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.english-empty-pop{animation:.4s cubic-bezier(.22,1,.36,1) both english-empty-pop}@keyframes english-empty-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.english-stat-pill{transition:border-color .18s,background .18s,transform .15s}.english-stat-pill:hover{transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.english-char-pop,.english-word-done-flash,.english-typing-shake,.english-word-shake,.english-word-pop,.english-perfect-pop,.english-combo-pop,.english-sentence-in,.english-hint-out,.english-slot-active,.english-typing-caret,.english-panel-in,.english-result-in,.english-mark-flash,.english-modal-backdrop,.english-modal-sheet,.english-empty-pop,.english-choice-btn--correct,.english-choice-btn--wrong,.english-main-tab-count-due{animation:none!important}.english-main-tab:active,.english-segment-item:active,.english-toolbar-btn:active:not(:disabled),.english-icon-nav-btn:active:not(:disabled),.english-chip:active,.english-lesson-dot:active,.english-card-tap:active,.english-choice-btn:active:not(:disabled),.english-rating-btn:active,.english-stat-pill:hover{transform:none}}.chat-markdown-streaming:after{content:"";background:var(--primary);vertical-align:-.12em;border-radius:1px;width:2px;height:1.05em;margin-left:2px;animation:1.05s step-end infinite chat-cursor-blink;display:inline-block}@keyframes thinking-avatar-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 0%, transparent)}50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}}.thinking-avatar{animation:2s ease-in-out infinite thinking-avatar-pulse}@keyframes lab-flow-glow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 0%, transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent)}}@keyframes lab-packet-move{0%{opacity:.3;transform:translate(0)}50%{opacity:1}to{opacity:.3;transform:translate(calc(100% - 12px))}}.lab-flow-track{flex-wrap:wrap;align-items:stretch;gap:.5rem;display:flex}.lab-flow-node{border-radius:var(--radius-md);border:1px solid var(--hairline);background:var(--canvas);text-align:center;cursor:pointer;flex-direction:column;flex:5.5rem;align-items:center;gap:.35rem;min-width:5rem;padding:.65rem .5rem;transition:border-color .25s,background .25s;display:flex}.lab-flow-node--active{border-color:color-mix(in srgb, var(--primary) 40%, var(--hairline));background:color-mix(in srgb, var(--primary) 8%, var(--canvas));animation:2s ease-in-out infinite lab-flow-glow}.lab-flow-node__dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.lab-flow-node--active .lab-flow-node__dot{background:var(--primary)}.lab-flow-node__label{color:var(--ink);font-size:11px;font-weight:600;line-height:1.2}.lab-flow-node__sub{color:var(--muted);font-size:10px;line-height:1.3}.lab-flow-detail{border-radius:var(--radius-md);background:var(--surface-soft);border-left:3px solid var(--primary);padding:.75rem 1rem}.lab-prose strong{color:var(--ink);font-weight:600}.lab-prose ul{padding-left:1.25rem;list-style:outside}.lab-prose li{margin-top:.35rem}.lab-packet-lane{background:var(--surface-soft);border-radius:3px;height:6px;margin-top:1rem;position:relative;overflow:hidden}.lab-packet-lane:after{content:"";background:var(--primary);border-radius:3px;width:12px;height:100%;animation:2.2s ease-in-out infinite lab-packet-move;position:absolute;top:0;left:0}.lab-react-loop{gap:.5rem;display:grid}.lab-react-step{border-radius:var(--radius-md);border:1px solid var(--hairline);gap:.75rem;padding:.65rem .85rem;font-size:12px;transition:opacity .3s,transform .3s;display:flex}.lab-react-step--dim{opacity:.35}.lab-react-step--active{border-color:color-mix(in srgb, var(--primary) 35%, var(--hairline));background:color-mix(in srgb, var(--primary) 6%, var(--canvas));transform:translate(4px)}.lab-react-step__tag{text-transform:uppercase;letter-spacing:.04em;background:var(--surface-soft);color:var(--primary);border-radius:4px;flex-shrink:0;height:fit-content;padding:.15rem .4rem;font-size:10px;font-weight:700}.pg-chat-msg{background:var(--canvas);border:1px solid var(--hairline)}.pg-chat-msg--active{transform:translate(2px);opacity:1!important}.pg-dag{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.pg-dag-node{border-radius:var(--radius-md);border:1px solid var(--hairline);background:var(--canvas);padding:.5rem .75rem;font-size:11px;font-weight:600;transition:all .35s}.pg-dag-node--active{border-color:color-mix(in srgb, var(--primary) 45%, var(--hairline));background:color-mix(in srgb, var(--primary) 10%, var(--canvas));box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 12%, transparent)}.pg-dag-arrow{color:var(--muted);font-size:12px}.pg-score-bar{background:var(--surface-soft);border-radius:3px;height:6px;margin-top:.35rem;overflow:hidden}.pg-score-bar__fill{background:var(--primary);border-radius:3px;height:100%;transition:width .6s ease-out}.pg-agent-branch{gap:.5rem;display:grid}.pg-agent-option{text-align:left;border-radius:var(--radius-md);border:1px solid var(--hairline);padding:.65rem .85rem;font-size:12px;transition:all .25s}.pg-agent-option:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--hairline))}.pg-agent-option--picked{border-color:color-mix(in srgb, var(--primary) 45%, var(--hairline));background:color-mix(in srgb, var(--primary) 8%, var(--canvas))}.pg-debate-bubble{border-radius:var(--radius-lg);max-width:88%;padding:.65rem .9rem;font-size:13px;line-height:1.45;animation:.35s ease-out fade-in}.pg-training-card{border-radius:var(--radius-lg);border:1px solid var(--hairline);cursor:pointer;padding:1rem;transition:all .25s}.pg-training-card--active{border-color:color-mix(in srgb, var(--primary) 40%, var(--hairline));background:color-mix(in srgb, var(--primary) 6%, var(--canvas))}.thinking-indicator{border-radius:var(--radius-lg);border:1px solid var(--hairline-soft);background:color-mix(in srgb, var(--surface-soft) 70%, var(--canvas));align-items:center;gap:.625rem;min-height:1.75rem;padding:.375rem .875rem .375rem .625rem;display:inline-flex}.thinking-indicator__dots{align-items:center;gap:.3rem;height:1rem;display:inline-flex}.thinking-indicator__dot{background:var(--primary);border-radius:999px;width:5px;height:5px;animation:1.35s ease-in-out infinite thinking-dot}.thinking-indicator__dot:nth-child(2){animation-delay:.18s}.thinking-indicator__dot:nth-child(3){animation-delay:.36s}.thinking-indicator__label{color:var(--muted);background:linear-gradient(90deg, var(--muted) 0%, color-mix(in srgb, var(--primary) 55%, var(--muted)) 45%, var(--muted) 90%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:.8125rem;line-height:1.25;animation:2.8s linear infinite thinking-shimmer}.category-tab{color:var(--muted);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.375rem;padding:8px 14px;font-size:14px;font-weight:500;line-height:1.4;transition:background .15s,color .15s;display:inline-flex}.category-tab:hover{color:var(--body);background:var(--surface-soft)}.category-tab-active{background:var(--surface-card);color:var(--ink)}.badge-pill{color:var(--ink);background:var(--surface-card);border-radius:9999px;align-items:center;padding:4px 12px;font-size:13px;font-weight:500;display:inline-flex}.feature-card{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:1.5rem}.stat-tile{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-lg);text-align:center;padding:.75rem}.insight-callout{background:var(--surface-soft);border:1px solid color-mix(in srgb, var(--primary) 20%, var(--hairline));border-radius:var(--radius-lg);padding:1rem 1.25rem}.insight-translation{border-radius:var(--radius-md);border-left:3px solid color-mix(in srgb, var(--primary) 45%, var(--hairline));background:color-mix(in srgb, var(--surface-soft) 65%, var(--canvas));padding:.75rem .875rem}.insight-translation__label{letter-spacing:.04em;text-transform:uppercase;color:var(--primary);margin-bottom:.375rem;font-size:.625rem;font-weight:600;display:inline-block}.code-panel{background:var(--surface-dark-soft);color:var(--on-dark);border:1px solid var(--hairline);border-radius:var(--radius-lg);font-family:var(--font-mono);padding:1rem;font-size:.8125rem;line-height:1.65}[data-theme=dark] .code-panel{background:var(--surface-dark-elevated)}.learn-layout{max-width:72rem;min-height:calc(100vh - 3.5rem);margin:0 auto;display:flex}.learn-sidebar{border-right:1px solid var(--hairline);background:color-mix(in srgb, var(--surface-soft) 45%, var(--canvas));scrollbar-width:thin;flex-shrink:0;align-self:flex-start;width:15.5rem;max-height:calc(100vh - 3.5rem);padding:1.25rem .875rem 2rem;display:none;position:sticky;top:3.5rem;overflow-y:auto}@media (width>=1024px){.learn-sidebar{display:block}}.learn-nav-panel{flex-direction:column;gap:1.25rem;display:flex}.learn-main{flex-direction:column;flex:1;min-width:0;padding:1rem 1rem 2rem;display:flex}@media (width>=1024px){.learn-main{padding:1.5rem 2rem 2.5rem}}.learn-main-top{margin-bottom:1rem}.learn-mobile-nav-toggle{text-align:left;border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--canvas);cursor:pointer;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;transition:border-color .15s,background .15s;display:flex}.learn-mobile-nav-toggle:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--hairline));background:color-mix(in srgb, var(--surface-soft) 50%, var(--canvas))}.learn-mobile-nav-panel{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface-soft) 40%, var(--canvas));max-height:min(70vh,32rem);margin-top:.5rem;padding:1rem;overflow-y:auto}.learn-main-notices{width:100%;max-width:42rem;margin:0 auto 1rem}.learn-stage{flex:1;width:100%;max-width:42rem;margin:0 auto}.learn-footer{border-top:1px solid var(--hairline);width:100%;max-width:42rem;margin:1.5rem auto 0;padding-top:1rem}.learn-sidebar-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.6875rem;font-weight:600}.learn-stats-compact{border-bottom:1px solid var(--hairline);padding-bottom:.25rem}.learn-sidebar-tabs{flex-direction:column;gap:.125rem;display:flex}.learn-sidebar-tab{width:100%;color:var(--muted);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s;display:flex}.learn-sidebar-tab:hover{color:var(--body);background:color-mix(in srgb, var(--canvas) 80%, transparent)}.learn-sidebar-tab-active{color:var(--ink);background:var(--canvas);box-shadow:var(--shadow-sm)}.learn-sidebar-section{border-top:1px solid var(--hairline);padding-top:.25rem}.learn-sidebar-select{width:100%;color:var(--body);background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-md);cursor:pointer;outline:none;margin-top:.5rem;padding:.4375rem .625rem;font-size:.75rem}.learn-sidebar-select:focus{border-color:color-mix(in srgb, var(--primary) 45%, var(--hairline))}.learn-sidebar-list{scrollbar-width:thin;flex-direction:column;gap:.125rem;max-height:min(18rem,40vh);padding-right:.125rem;display:flex;overflow-y:auto}.learn-sidebar-item{width:100%;color:var(--body);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.4375rem .5rem;font-size:.75rem;transition:background .15s,color .15s;display:flex}.learn-sidebar-item:hover{background:color-mix(in srgb, var(--canvas) 70%, transparent);color:var(--ink)}.learn-sidebar-item-active{color:var(--ink);background:color-mix(in srgb, var(--primary) 10%, var(--canvas));box-shadow:inset 2px 0 0 var(--primary)}.learn-sidebar-item-num{font-variant-numeric:tabular-nums;width:1.625rem;height:1.625rem;color:var(--muted);background:var(--surface-soft);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:.625rem;font-weight:600;display:inline-flex}.learn-sidebar-item-active .learn-sidebar-item-num{color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--canvas))}.cartoon-app{--primary:#58cc02;--primary-active:#46a302;--primary-dark:#3a8500;--primary-disabled:#b8e986;--secondary:#1cb0f6;--secondary-dark:#0f8ec7;--accent:#ffc800;--accent-dark:#e5a800;--ink:#3c3c3c;--body:#4b4b4b;--muted:#777;--on-primary:#fff;--canvas:#fff;--surface-soft:#f0fff4;--surface-card:#fff;--hairline:#e0e0e0;--cartoon-border:#d0d0d0;--success:#58cc02;--error:#ff4b4b;--warning:#ffc800;--shadow-sm:0 3px 0 #d0d0d0;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--font-display:"Fredoka", "ZCOOL KuaiLe", "PingFang SC", sans-serif;--font-sans:"Nunito", "PingFang SC", "Microsoft YaHei", sans-serif;font-family:var(--font-sans);background-color:#0000;background-image:radial-gradient(circle at 10% 8%,#1cb0f61f 0%,#0000 42%),radial-gradient(circle at 88% 12%,#ffc80024 0%,#0000 38%),radial-gradient(circle at 50% 100%,#58cc021a 0%,#0000 45%),linear-gradient(#e8f8ff 0%,#f4fff0 45%,#fff9e8 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.cartoon-app .page-title,.cartoon-app .font-serif,.cartoon-app h1,.cartoon-app h2,.cartoon-app h3{font-family:var(--font-display);letter-spacing:.01em;font-weight:600}.cartoon-app .btn-primary{font-family:var(--font-display);border-radius:var(--radius-lg);border:2px solid var(--primary-dark);background:var(--primary);border-bottom-width:4px;height:44px;padding:0 22px;font-size:15px;font-weight:600;transition:transform .1s,border-bottom-width .1s,background .15s}.cartoon-app .btn-primary:hover{background:#6dd916}.cartoon-app .btn-primary:active{border-bottom-width:2px;transform:translateY(2px)}.cartoon-app .btn-secondary{font-family:var(--font-display);border-radius:var(--radius-lg);border:2px solid var(--cartoon-border);background:var(--canvas);border-bottom-width:4px;height:44px;font-weight:600;transition:transform .1s,border-bottom-width .1s}.cartoon-app .btn-secondary:active{border-bottom-width:2px;transform:translateY(2px)}.cartoon-app .surface-card{background:var(--surface-card);border:2px solid var(--cartoon-border);border-radius:var(--radius-xl);border-bottom-width:4px;box-shadow:0 6px 20px #58cc020f}.cartoon-app .input-field{border:2px solid var(--cartoon-border);border-radius:var(--radius-md);font-family:var(--font-sans)}.cartoon-app header{background:color-mix(in srgb, var(--canvas) 88%, transparent)!important;border-bottom:2px solid var(--hairline)!important}.cartoon-app header a.font-serif{font-size:1.25rem;font-weight:700;font-family:var(--font-display)!important;color:var(--primary-dark)!important}.mascot-buddy{align-items:flex-start;gap:.625rem;display:flex}.mascot-buddy--sm{gap:.5rem}.mascot-buddy__avatar{flex-shrink:0;animation:2.5s ease-in-out infinite mascot-bob}@keyframes mascot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.mascot-buddy__bubble{min-width:0;font-family:var(--font-display);color:var(--ink);background:var(--canvas);border:2px solid var(--cartoon-border);border-radius:var(--radius-lg);border-bottom-width:3px;border-top-left-radius:4px;flex:1;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;line-height:1.4;position:relative}.mascot-buddy__bubble p{margin:0}.cartoon-app .learn-sidebar{background:color-mix(in srgb, var(--canvas) 92%, #e8f8ff);border-right:2px solid var(--hairline)}.cartoon-app .learn-sidebar-tab{font-family:var(--font-display);border-radius:var(--radius-md);border:2px solid #0000;font-size:.875rem;font-weight:600}.cartoon-app .learn-sidebar-tab-active{color:var(--primary-dark);background:var(--surface-soft);border-color:color-mix(in srgb, var(--primary) 35%, var(--hairline));border-bottom-width:3px;border-bottom-color:var(--primary)}.cartoon-app .learn-sidebar-item{font-family:var(--font-sans);border-radius:var(--radius-md);font-weight:600}.cartoon-app .learn-sidebar-item-active{background:color-mix(in srgb, var(--primary) 14%, var(--canvas));border:2px solid color-mix(in srgb, var(--primary) 40%, var(--hairline));border-bottom-width:3px;border-bottom-color:var(--primary);box-shadow:none}.cartoon-app .learn-sidebar-item-num{font-family:var(--font-display);border-radius:8px;font-weight:700}.cartoon-app .learn-mobile-nav-toggle{font-family:var(--font-display);border:2px solid var(--cartoon-border);border-radius:var(--radius-lg);border-bottom-width:3px}.cartoon-app .english-stat-pill{font-family:var(--font-display);border:2px solid var(--hairline);border-bottom-width:3px;border-radius:999px;font-weight:600}.cartoon-app .english-main-tabs,.cartoon-app .english-segment{border:2px solid var(--cartoon-border);border-radius:var(--radius-lg);background:var(--canvas);border-bottom-width:3px}.cartoon-app .english-main-tab,.cartoon-app .english-segment-item{font-family:var(--font-display);font-weight:600}.cartoon-app .english-main-tab-active,.cartoon-app .english-segment-item-active{color:var(--primary-dark);background:var(--surface-soft)}.cartoon-app .english-toolbar-btn{font-family:var(--font-display);border:2px solid var(--cartoon-border);border-radius:var(--radius-md);background:var(--canvas);color:var(--body);border-bottom-width:3px;font-size:.6875rem;font-weight:700;transition:transform .1s,border-bottom-width .1s}.cartoon-app .english-toolbar-btn:hover:not(:disabled){background:var(--surface-soft);color:var(--primary-dark);border-color:color-mix(in srgb, var(--primary) 40%, var(--hairline))}.cartoon-app .english-toolbar-btn:active:not(:disabled){border-bottom-width:1px;transform:translateY(2px)}.cartoon-app .english-toolbar-btn-active{color:var(--primary-dark);background:color-mix(in srgb, var(--primary) 12%, var(--canvas));border-color:var(--primary);border-bottom-color:var(--primary-dark)}.cartoon-app .english-icon-nav-btn{border:2px solid var(--cartoon-border);border-radius:var(--radius-md);background:var(--canvas);width:2.25rem;height:2.25rem;font-family:var(--font-display);border-bottom-width:3px;font-weight:700}.cartoon-app .english-icon-nav-btn:active:not(:disabled){border-bottom-width:1px;transform:translateY(2px)}.cartoon-app .english-main-tab-count{font-family:var(--font-display);font-weight:700}.cartoon-app .learn-sidebar-select{font-family:var(--font-display);border:2px solid var(--cartoon-border);border-radius:var(--radius-md);border-bottom-width:3px;font-weight:600}.cartoon-app .english-chip,.cartoon-app .english-choice-btn,.cartoon-app .english-rating-btn{border:2px solid var(--cartoon-border);border-radius:var(--radius-md);font-family:var(--font-sans);border-bottom-width:3px;font-weight:600}.cartoon-app .english-chip-active,.cartoon-app .english-lesson-dot-active{border-color:var(--primary);border-bottom-color:var(--primary-dark);background:color-mix(in srgb, var(--primary) 15%, var(--canvas));color:var(--primary-dark)}.cartoon-app .english-lesson-dot-active{background:var(--primary);color:#fff}.cartoon-app .cartoon-prompt-zone{border-bottom:2px dashed color-mix(in srgb, var(--secondary) 35%, var(--hairline))!important;background:linear-gradient(135deg,#e8f8ff 0%,#f0fff4 100%)!important}.cartoon-app .cartoon-prompt-label{font-family:var(--font-display);color:var(--secondary-dark);letter-spacing:.06em;font-size:.75rem;font-weight:700}.cartoon-app .cartoon-prompt-text{font-family:var(--font-display);color:var(--ink);font-weight:600}.cartoon-app .cartoon-perfect-zone{border:3px solid var(--primary)!important;border-bottom-width:5px!important;border-bottom-color:var(--primary-dark)!important;border-radius:var(--radius-xl)!important;background:linear-gradient(135deg,#f0fff4 0%,#fff9e8 100%)!important}.cartoon-app .cartoon-perfect-text{font-family:var(--font-display);color:var(--primary-dark);text-shadow:0 2px #58cc0233;font-size:2rem;font-weight:700}.cartoon-app .english-kbd,.cartoon-app kbd{font-family:var(--font-display);border:2px solid var(--cartoon-border);background:var(--surface-soft);border-bottom-width:3px;border-radius:8px;font-weight:700}.cartoon-app .cartoon-word-slot{border-radius:4px 4px 0 0;border-bottom-width:4px!important}.cartoon-app .cartoon-word-slot.english-slot-active{background:color-mix(in srgb, var(--secondary) 6%, transparent);border-color:var(--secondary)!important;border-bottom-color:var(--secondary-dark)!important;box-shadow:0 4px 0 color-mix(in srgb, var(--secondary) 25%, transparent)!important}.cartoon-app .cartoon-word-slot.done{border-color:var(--primary)!important;border-bottom-color:var(--primary-dark)!important}.cartoon-app .cartoon-combo{font-family:var(--font-display);background:color-mix(in srgb, var(--accent) 25%, var(--canvas));border:2px solid var(--accent-dark);border-bottom-width:3px;border-radius:999px;padding:.125rem .5rem;font-weight:700}.cartoon-app .learn-main-notices a{font-weight:700}.landing-page{overflow-x:hidden}.landing-header{z-index:50;border-bottom:2px solid var(--hairline);background:color-mix(in srgb, var(--canvas) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.landing-header__inner{align-items:center;gap:1rem;max-width:72rem;height:3.5rem;margin:0 auto;padding:0 1rem;display:flex}.landing-logo{font-family:var(--font-display);color:var(--primary-dark);shrink:0;align-items:center;gap:.375rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}.landing-nav{align-items:center;gap:.25rem;display:flex}.landing-nav-link{font-family:var(--font-display);color:var(--muted);border-radius:var(--radius-md);padding:.375rem .75rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .15s,background .15s}.landing-nav-link:hover{color:var(--ink);background:color-mix(in srgb, var(--surface-soft) 80%, transparent)}.site-header{border-bottom:1px solid var(--hairline);background:color-mix(in srgb, var(--canvas) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-header__inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;max-width:72rem;min-height:3.5rem;margin:0 auto;padding:.625rem 1rem;display:grid}@media (width<=639px){.site-header__inner{grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:.5rem .625rem;padding:.5rem .75rem .625rem}.site-header__logo{grid-area:1/1;min-width:0;font-size:.9375rem}.site-header__actions{flex-shrink:0;grid-area:1/2;min-width:max-content}.app-top-nav{grid-area:2/1/auto/-1;justify-self:stretch}.app-top-nav--3,.app-top-nav--4{grid-template-columns:repeat(var(--nav-cols,3), minmax(0, 1fr));width:100%}.app-top-nav--3{--nav-cols:3}.app-top-nav--4{--nav-cols:4}}.site-header__logo{font-family:var(--font-display);color:var(--primary-dark);white-space:nowrap;justify-self:start;align-items:center;gap:.375rem;font-size:1.0625rem;font-weight:700;text-decoration:none;display:inline-flex}.site-header__logo-icon{flex-shrink:0;width:1.75rem;height:1.75rem}.site-header__actions{flex-shrink:0;justify-content:flex-end;justify-self:end;align-items:center;gap:.5rem;display:flex}.site-header__actions .btn-primary,.site-header__actions .btn-secondary{white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;min-width:5.75rem;padding-inline:1rem;display:inline-flex}@media (width<=639px){.site-header__actions{gap:.375rem}.site-header__actions .btn-primary,.site-header__actions .btn-secondary{min-width:6.25rem;padding-inline:.875rem;font-size:.8125rem}}.site-header__meta{color:var(--muted);font-size:.6875rem}.site-header__meta--ok{color:var(--primary-dark)}.app-top-nav{flex-shrink:0;justify-self:center;display:grid}.app-top-nav--3{grid-template-columns:repeat(3,5.5rem);width:16.5rem}.app-top-nav--4{grid-template-columns:repeat(4,5rem);width:20rem}@media (width>=640px){.app-top-nav--3{grid-template-columns:repeat(3,6.75rem);width:20.25rem}.app-top-nav--4{grid-template-columns:repeat(4,6rem);width:24rem}}@media (width>=768px){.app-top-nav--3{grid-template-columns:repeat(3,7.5rem);width:22.5rem}.app-top-nav--4{grid-template-columns:repeat(4,6.75rem);width:27rem}}.app-top-nav__tab{font-family:var(--font-display);color:var(--muted);border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:row;justify-content:center;align-items:center;gap:.3125rem;padding:.4375rem .375rem .5rem;font-size:.6875rem;font-weight:600;line-height:1.1;text-decoration:none;transition:color .15s;display:inline-flex;position:relative}@media (width>=768px){.app-top-nav__tab{gap:.375rem;padding:.4375rem .5rem .5625rem;font-size:.75rem}}.app-top-nav__icon{opacity:.65;flex-shrink:0;width:.9375rem;height:.9375rem}.app-top-nav__label{white-space:nowrap}.app-top-nav__label--short{display:none}@media (width<=639px){.app-top-nav__tab{flex-direction:column;gap:.1875rem;padding:.375rem .25rem .4375rem;font-size:.625rem}.app-top-nav__icon{width:1rem;height:1rem}.app-top-nav__label--full{display:none}.app-top-nav__label--short{display:inline}}.app-top-nav__tab:hover:not(.app-top-nav__tab--active){color:var(--body)}.app-top-nav__tab:hover:not(.app-top-nav__tab--active) .app-top-nav__icon{opacity:.85}.app-top-nav__tab--active{color:var(--primary-dark)}.app-top-nav__tab--active .app-top-nav__icon{opacity:1;color:var(--primary-dark)}.app-top-nav__tab--active:after{content:"";background:var(--primary);border-radius:1px;height:2px;position:absolute;bottom:.125rem;left:18%;right:18%}.app-top-nav__tab:active{opacity:.85}.landing-header__actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.landing-hero{align-items:center;gap:2rem;max-width:72rem;margin:0 auto;padding:2.5rem 1rem 3rem;display:grid}@media (width>=768px){.landing-hero{grid-template-columns:1fr 1fr;padding:3.5rem 1.5rem 4rem}}.landing-eyebrow{font-family:var(--font-display);color:var(--secondary-dark);letter-spacing:.04em;margin:0 0 .75rem;font-size:.8125rem;font-weight:600}.landing-hero__title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.15}.landing-hero__highlight{color:var(--primary-dark)}.landing-hero__desc{color:var(--body);max-width:28rem;margin:1.25rem 0 0;font-size:1.0625rem;line-height:1.65}.landing-hero__cta{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.landing-cta-primary{height:3rem;font-family:var(--font-display);color:var(--on-primary);background:var(--primary);border:2px solid var(--primary-dark);border-radius:var(--radius-lg);border-bottom-width:4px;justify-content:center;align-items:center;gap:.375rem;padding:0 1.5rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .1s,border-bottom-width .1s;display:inline-flex}.landing-cta-primary:hover{background:#6dd916}.landing-cta-primary:active{border-bottom-width:2px;transform:translateY(2px)}.landing-cta-secondary{height:3rem;font-family:var(--font-display);color:var(--secondary-dark);background:var(--canvas);border:2px solid color-mix(in srgb, var(--secondary) 50%, var(--cartoon-border));border-bottom-width:4px;border-bottom-color:var(--secondary-dark);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:.375rem;padding:0 1.5rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .1s,border-bottom-width .1s;display:inline-flex}.landing-cta-secondary:hover{background:color-mix(in srgb, var(--secondary) 8%, var(--canvas))}.landing-cta-secondary:active{border-bottom-width:2px;transform:translateY(2px)}.landing-stats{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.landing-stat{background:var(--canvas);border:2px solid var(--cartoon-border);border-radius:var(--radius-md);border-bottom-width:3px;flex-direction:column;min-width:5.5rem;padding:.625rem 1rem;display:flex}.landing-stat strong{font-family:var(--font-display);color:var(--primary-dark);font-size:1.125rem;font-weight:700}.landing-stat span{color:var(--muted);margin-top:.125rem;font-size:.6875rem}.landing-hero__mascot{justify-content:center;align-items:center;display:flex}.landing-hero__mascot .mascot-buddy{text-align:center;flex-direction:column;align-items:center}.landing-hero__mascot .mascot-buddy__bubble{border-top-left-radius:var(--radius-lg);max-width:16rem}.landing-section{max-width:72rem;margin:0 auto;padding:3rem 1rem}.landing-section--soft{background:color-mix(in srgb, var(--surface-soft) 60%, transparent);border-radius:var(--radius-xl);max-width:70rem;margin-left:auto;margin-right:auto}.landing-section__head{text-align:center;margin-bottom:2rem}.landing-section__title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.landing-section__subtitle{color:var(--muted);margin:.5rem 0 0;font-size:1rem}.landing-features{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.landing-features{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.landing-features{grid-template-columns:repeat(3,1fr)}}.landing-feature-card{background:var(--canvas);border:2px solid var(--cartoon-border);border-radius:var(--radius-xl);border-bottom-width:4px;padding:1.25rem;transition:transform .15s}.landing-feature-card:hover{transform:translateY(-2px)}.landing-feature-card__icon{background:color-mix(in srgb, currentColor 12%, var(--canvas));border-radius:var(--radius-md);justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin-bottom:.75rem;display:flex}.landing-feature-card__tag{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:.375rem;font-size:.625rem;font-weight:700;display:inline-block}.landing-feature-card__title{font-family:var(--font-display);color:var(--ink);margin:0 0 .375rem;font-size:1.0625rem;font-weight:700}.landing-feature-card__desc{color:var(--body);margin:0;font-size:.8125rem;line-height:1.55}.landing-steps{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.landing-steps{grid-template-columns:repeat(3,1fr)}}.landing-step{text-align:center;padding:1.25rem 1rem}.landing-step__num{width:2.5rem;height:2.5rem;font-family:var(--font-display);color:#fff;background:var(--primary);border:2px solid var(--primary-dark);border-bottom-width:3px;border-radius:999px;justify-content:center;align-items:center;margin-bottom:.75rem;font-size:1.125rem;font-weight:700;display:inline-flex}.landing-step__title{font-family:var(--font-display);color:var(--ink);margin:0 0 .375rem;font-size:1rem;font-weight:700}.landing-step__desc{color:var(--muted);margin:0;font-size:.8125rem;line-height:1.55}.landing-demo-hint{background:var(--canvas);border:2px dashed color-mix(in srgb, var(--primary) 35%, var(--hairline));border-radius:var(--radius-lg);color:var(--body);align-items:flex-start;gap:.75rem;margin-top:2rem;padding:1rem 1.25rem;font-size:.875rem;line-height:1.55;display:flex}.landing-demo-hint p{margin:0}.landing-plans{gap:1.25rem;max-width:56rem;margin:0 auto;display:grid}@media (width>=768px){.landing-plans{grid-template-columns:repeat(3,1fr)}}.landing-plan{background:var(--canvas);border:2px solid var(--cartoon-border);border-radius:var(--radius-xl);border-bottom-width:4px;flex-direction:column;padding:1.5rem;display:flex;position:relative}.landing-plan--month{border-color:color-mix(in srgb, var(--secondary) 55%, var(--cartoon-border));border-bottom-color:var(--secondary-dark);background:color-mix(in srgb, var(--secondary) 6%, var(--canvas))}.landing-plan--year{border-color:var(--primary);border-bottom-color:var(--primary-dark);background:color-mix(in srgb, var(--primary) 6%, var(--canvas))}.landing-plan--pro{border-color:var(--primary);border-bottom-color:var(--primary-dark);background:color-mix(in srgb, var(--primary) 5%, var(--canvas))}.landing-plan__badge{font-family:var(--font-display);color:#fff;background:var(--warning);border:2px solid var(--accent-dark);border-radius:999px;padding:.125rem .625rem;font-size:.6875rem;font-weight:700;position:absolute;top:-.625rem;right:1rem}.landing-plan--year .landing-plan__badge{background:var(--primary);border-color:var(--primary-dark)}.landing-plan__name{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.125rem;font-weight:700}.landing-plan__price-block{margin:.5rem 0 1rem}.landing-plan__price-row{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.landing-plan__price{font-family:var(--font-display);color:var(--primary-dark);margin:0;font-size:1.75rem;font-weight:700}.landing-plan--month .landing-plan__price{color:var(--secondary-dark)}.landing-plan__price-origin{font-family:var(--font-sans);color:var(--muted);margin:0;font-size:.875rem;font-weight:600;text-decoration:line-through}.landing-plan__period{color:var(--muted);margin:.25rem 0 0;font-size:.75rem}.landing-plan__list{color:var(--body);flex:1;margin:0 0 1.25rem;padding:0;font-size:.8125rem;line-height:1.8;list-style:none}.landing-plan__note{color:var(--muted);text-align:center;margin:0;font-size:.75rem}.landing-pricing-footnote{text-align:center;max-width:40rem;color:var(--muted);margin:1.25rem auto 0;font-size:.6875rem;line-height:1.6}.landing-plan__list li:before{content:"✓ ";color:var(--primary);font-weight:700}.landing-cta-banner{text-align:center;background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 12%, var(--canvas)), color-mix(in srgb, var(--secondary) 10%, var(--canvas)));border:2px solid var(--primary);border-bottom-width:5px;border-bottom-color:var(--primary-dark);border-radius:var(--radius-xl);flex-direction:column;align-items:center;gap:1rem;max-width:56rem;margin:0 auto 2rem;padding:1.5rem;display:flex}@media (width>=640px){.landing-cta-banner{text-align:left;flex-direction:row;padding:1.75rem 2rem}.landing-cta-banner__mascot{display:none}}.landing-cta-banner__title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.25rem;font-weight:700}.landing-cta-banner__desc{color:var(--muted);margin:.375rem 0 0;font-size:.875rem}.landing-cta-banner__text{flex:1}.landing-footer{border-top:2px solid var(--hairline);text-align:center;color:var(--muted);padding:2rem 1rem;font-size:.6875rem;line-height:1.6}.landing-footer a{color:var(--muted)}.auth-page__main{justify-content:center;align-items:center;padding:2rem 1rem 3rem;display:flex}.auth-page__wrap{flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:24rem;display:flex}.cartoon-app .auth-card{background:var(--surface-card);border:2px solid var(--cartoon-border);border-radius:var(--radius-xl);border-bottom-width:4px;width:100%;max-width:24rem;padding:2rem;box-shadow:0 8px 24px #58cc0214}.cartoon-app .auth-card .input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #58cc0226}.cartoon-app .english-spell-zone{background:var(--canvas);border:2px solid var(--cartoon-border);border-radius:var(--radius-xl);border-bottom-width:4px;justify-content:center;align-items:center;min-height:4.25rem;margin-bottom:.75rem;padding:.875rem 1.25rem;transition:border-color .2s,box-shadow .2s,background .2s,transform .1s;display:flex}.cartoon-app .english-spell-zone:focus-within{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 5%, var(--canvas));box-shadow:0 0 0 4px #58cc0224}.cartoon-app .english-spell-zone--correct{border-color:var(--success);border-bottom-color:var(--primary-dark);background:color-mix(in srgb, var(--success) 10%, var(--canvas))}.cartoon-app .english-spell-zone--wrong{border-color:var(--error);border-bottom-color:color-mix(in srgb, var(--error) 75%, #000);background:color-mix(in srgb, var(--error) 8%, var(--canvas));animation:.42s ease-out english-typing-shake}.cartoon-app .english-spell-input{text-align:center;width:100%;font-size:1.5rem;font-weight:700;font-family:var(--font-display);color:var(--ink);letter-spacing:.03em;caret-color:var(--primary-dark);background:0 0;border:none;outline:none}.cartoon-app .english-spell-input::placeholder{color:color-mix(in srgb, var(--muted) 80%, transparent);font-size:1.0625rem;font-weight:600;font-family:var(--font-sans)}.cartoon-app .english-spell-input:disabled{opacity:1;cursor:default}.cartoon-app .english-search-input{width:100%;height:44px;font-size:14px;font-family:var(--font-sans);color:var(--ink);background:var(--canvas);border:2px solid var(--cartoon-border);border-radius:var(--radius-lg);border-bottom-width:4px;outline:none;padding:0 12px 0 2.25rem;transition:border-color .2s,box-shadow .2s}.cartoon-app .english-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #58cc0224}.cartoon-app .english-search-input::placeholder{color:var(--muted)}.stats-page{animation:.3s ease-out fade-in}.stats-hero{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.stats-hero__today{padding-top:.25rem}.stats-card{background:var(--surface-card);border:2px solid var(--cartoon-border);border-radius:var(--radius-xl);border-bottom-width:4px;align-items:flex-start;gap:.875rem;padding:1rem 1.125rem;display:flex}.stats-card__icon{border-radius:var(--radius-md);background:var(--surface-soft);width:2.5rem;height:2.5rem;color:var(--ink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stats-card--primary .stats-card__icon{background:color-mix(in srgb, var(--primary) 15%, white);color:var(--primary-dark)}.stats-card--warning .stats-card__icon{background:color-mix(in srgb, var(--warning) 20%, white);color:#c49200}.stats-card--secondary .stats-card__icon{background:color-mix(in srgb, var(--secondary) 15%, white);color:var(--secondary-dark)}.stats-card__label{color:var(--muted);margin:0;font-size:.6875rem}.stats-card__value{font-family:var(--font-display);color:var(--ink);margin:.125rem 0 0;font-size:1.375rem;font-weight:700;line-height:1.2}.stats-card__hint{color:var(--muted);margin:.25rem 0 0;font-size:.625rem}.stats-section{padding:1.25rem}.stats-section__head{align-items:center;gap:.5rem;display:flex}.stats-section__title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1rem;font-weight:600}.stats-mini{border-radius:var(--radius-lg);background:var(--surface-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:.875rem .5rem;display:flex}.stats-mini__val{font-family:var(--font-display);color:var(--ink);font-size:1.25rem;font-weight:700;line-height:1.2}.stats-mini__lbl{color:var(--muted);margin-top:.25rem;font-size:.625rem}.stats-heatmap{grid-template-columns:repeat(12,1fr);gap:3px;display:grid}@media (width>=480px){.stats-heatmap{grid-template-columns:repeat(21,1fr)}}.stats-heatmap__cell{aspect-ratio:1;background:color-mix(in srgb, var(--hairline) 80%, transparent);border-radius:3px}.stats-heatmap__cell--1{background:color-mix(in srgb, var(--primary) 25%, white)}.stats-heatmap__cell--2{background:color-mix(in srgb, var(--primary) 45%, white)}.stats-heatmap__cell--3{background:color-mix(in srgb, var(--primary) 70%, white)}.stats-heatmap__cell--4{background:var(--primary)}.stats-heatmap-legend{color:var(--muted);justify-content:flex-end;align-items:center;gap:.375rem;margin-top:.75rem;font-size:.625rem;display:flex}.stats-heatmap-legend__cells{gap:2px;display:flex}.stats-heatmap-legend__cells .stats-heatmap__cell{width:12px;height:12px}.stats-history{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.stats-history__row{border-radius:var(--radius-md);background:var(--surface-soft);grid-template-columns:1fr auto auto auto auto;align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.75rem;display:grid}.stats-history__date{color:var(--ink);font-weight:600}.stats-history__meta{color:var(--muted);white-space:nowrap}.stats-history__xp{color:var(--primary-dark);white-space:nowrap;font-weight:600}@media (width<=480px){.stats-history__row{grid-template-columns:1fr 1fr;gap:.375rem .75rem}.stats-history__date{grid-column:1/-1}}