@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-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--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-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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:#ffe2e2;--color-red-200:#ffcaca;--color-red-300:#ffa3a3;--color-red-700:#bf000f;--color-red-900:#82181a;--color-amber-100:#fef3c6;--color-amber-200:#fee685;--color-amber-300:#ffd236;--color-amber-700:#b75000;--color-amber-900:#7b3306;--color-emerald-100:#d0fae5;--color-emerald-200:#a4f4cf;--color-emerald-300:#5ee9b5;--color-emerald-700:#007956;--color-emerald-900:#004e3b;--color-teal-100:#cbfbf1;--color-teal-200:#96f7e4;--color-teal-300:#46ecd5;--color-teal-700:#00776e;--color-teal-900:#0b4f4a;--color-sky-100:#dff2fe;--color-sky-200:#b8e6fe;--color-sky-300:#77d4ff;--color-sky-700:#0069a4;--color-sky-900:#024a70;--color-violet-100:#ede9fe;--color-violet-200:#ddd6ff;--color-violet-300:#c4b4ff;--color-violet-700:#7008e7;--color-violet-900:#4d179a;--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-4xl:56rem;--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-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:32px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--drop-shadow-xl:0 9px 7px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--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);--radius-full:9999px;--text-h4:1.25rem;--text-h4--line-height:1.35;--text-h4--font-weight:600;--text-body-lg:1.125rem;--text-body-lg--line-height:1.6;--text-body-md:1rem;--text-body-md--line-height:1.55;--text-body-sm:.9375rem;--text-body-sm--line-height:1.5;--text-label:.9375rem;--text-label--line-height:1.4;--text-label--font-weight:600;--text-caption:.875rem;--text-caption--line-height:1.5;--text-kicker:.8125rem;--text-kicker--line-height:1.4;--text-kicker--font-weight:500;--text-kicker--letter-spacing:.06em;--text-xxs:.75rem;--text-tiny:.8125rem;--text-ipa-hero:5.5rem}@supports (color:lab(0% 0 0)){:root,:host{--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-200:lab(86.017% 19.8815 7.75869);--color-red-300:lab(76.5514% 36.422 15.5335);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-red-900:lab(28.5139% 44.5539 29.0463);--color-amber-100:lab(95.916% -1.21653 23.111);--color-amber-200:lab(91.7203% -.505269 49.9084);--color-amber-300:lab(86.4156% 6.13147 78.3961);--color-amber-700:lab(47.2709% 42.9082 69.2966);--color-amber-900:lab(31.2288% 30.2627 40.0378);--color-emerald-100:lab(94.9004% -17.0769 5.63836);--color-emerald-200:lab(90.2247% -31.039 9.47084);--color-emerald-300:lab(83.9203% -48.7124 13.8849);--color-emerald-700:lab(44.4871% -41.0396 11.0361);--color-emerald-900:lab(28.8637% -26.9249 5.45986);--color-teal-100:lab(95.1845% -17.4212 -.425422);--color-teal-200:lab(90.7612% -33.1343 -.542295);--color-teal-300:lab(84.8977% -48.1516 -1.3321);--color-teal-700:lab(44.4134% -33.1436 -4.22149);--color-teal-900:lab(29.506% -21.4706 -3.59886);--color-sky-100:lab(94.3709% -4.56053 -8.23453);--color-sky-200:lab(88.6983% -11.3978 -16.8488);--color-sky-300:lab(80.3307% -20.2945 -31.385);--color-sky-700:lab(41.6013% -9.10804 -42.5647);--color-sky-900:lab(29.1959% -8.34689 -28.2453);--color-violet-100:lab(93.0838% 4.35197 -9.88284);--color-violet-200:lab(87.0888% 8.53688 -19.4189);--color-violet-300:lab(76.7419% 18.3911 -37.0706);--color-violet-700:lab(35.2783% 67.9912 -88.793);--color-violet-900:lab(24.3783% 45.7525 -61.4902);--shadow-sm:0 1px 2px lab(0% 0 0/.05);--shadow-md:0 4px 6px lab(0% 0 0/.07);--shadow-lg:0 10px 15px lab(0% 0 0/.1);--shadow-xl:0 20px 25px lab(0% 0 0/.1)}}}@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{main{--tw-duration:.3s;transition-duration:.3s}.focus-ring:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--primary)}a.accent:focus-visible,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--focus-color)}.badge-accent{padding-inline:calc(var(--spacing) * 3);padding-block:var(--spacing);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);background-color:var(--primary);border-radius:9999px;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.badge-accent{background-color:color-mix(in oklch, var(--primary) 12%, transparent)}}.badge-accent{color:var(--color-accent);border:1px solid var(--color-accent)}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.inset-y-0{inset-block:0}.-top-8{top:calc(var(--spacing) * -8)}.-top-12{top:calc(var(--spacing) * -12)}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.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-3\.5{top:calc(var(--spacing) * 3.5)}.top-full{top:100%}.-right-8{right:calc(var(--spacing) * -8)}.-right-12{right:calc(var(--spacing) * -12)}.right-0{right:0}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-3{right:calc(var(--spacing) * 3)}.right-3\.5{right:calc(var(--spacing) * 3.5)}.right-4{right:calc(var(--spacing) * 4)}.right-6{right:calc(var(--spacing) * 6)}.right-8{right:calc(var(--spacing) * 8)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.-bottom-3\.25{bottom:calc(var(--spacing) * -3.25)}.bottom-0{bottom:0}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-20{bottom:calc(var(--spacing) * 20)}.bottom-\[calc\(4\.75rem\+env\(safe-area-inset-bottom\)\)\]{bottom:calc(4.75rem + env(safe-area-inset-bottom))}.bottom-\[calc\(100\%\+6px\)\]{bottom:calc(100% + 6px)}.bottom-full{bottom:100%}.left-0{left:0}.left-0\.5{left:calc(var(--spacing) * .5)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-\[calc\(var\(--sidebar-width\)\+0\.75rem\)\]{left:calc(var(--sidebar-width) + .75rem)}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[9999\]{z-index:9999}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.row-1{grid-row:1}.row-2{grid-row:2}.row-9{grid-row:9}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.m-auto{margin:auto}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-1{margin-inline:var(--spacing)}.mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.-mt-5{margin-top:calc(var(--spacing) * -5)}.-mt-\[26px\]{margin-top:-26px}.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-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-\[var\(--space-1\)\]{margin-top:var(--space-1)}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.-mr-2{margin-right:calc(var(--spacing) * -2)}.mr-0\.5{margin-right:calc(var(--spacing) * .5)}.mr-1{margin-right:var(--spacing)}.-mb-px{margin-bottom:-1px}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.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-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.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)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.-ml-px{margin-left:-1px}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-none{-webkit-line-clamp:unset;-webkit-box-orient:horizontal;display:block;overflow:visible}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.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)}.h-0\.5{height:calc(var(--spacing) * .5)}.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-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-52{height:calc(var(--spacing) * 52)}.h-56{height:calc(var(--spacing) * 56)}.h-64{height:calc(var(--spacing) * 64)}.h-\[3px\]{height:3px}.h-\[6px\]{height:6px}.h-\[38px\]{height:38px}.h-\[46px\]{height:46px}.h-\[72px\]{height:72px}.h-\[140px\]{height:140px}.h-\[200px\]{height:200px}.h-\[250px\]{height:250px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-0{max-height:0}.max-h-4{max-height:calc(var(--spacing) * 4)}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-\[80vh\]{max-height:80vh}.max-h-\[calc\(100dvh-6rem\)\]{max-height:calc(100dvh - 6rem)}.min-h-0{min-height:0}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-13{min-height:calc(var(--spacing) * 13)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-52{min-height:calc(var(--spacing) * 52)}.min-h-\[40vh\]{min-height:40vh}.min-h-\[50dvh\]{min-height:50dvh}.min-h-\[60vh\]{min-height:60vh}.min-h-\[260px\]{min-height:260px}.min-h-\[calc\(100vh-10rem\)\]{min-height:calc(100vh - 10rem)}.min-h-dvh{min-height:100dvh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0{width:0}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/3{width:66.6667%}.w-2\/5{width:40%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-\[3px\]{width:3px}.w-\[6px\]{width:6px}.w-\[16px\]{width:16px}.w-\[18px\]{width:18px}.w-\[38px\]{width:38px}.w-\[60px\]{width:60px}.w-\[72px\]{width:72px}.w-\[72vw\]{width:72vw}.w-\[90px\]{width:90px}.w-\[180px\]{width:180px}.w-\[250px\]{width:250px}.w-\[min\(22rem\,calc\(100vw-1\.5rem\)\)\]{width:min(22rem,100vw - 1.5rem)}.w-\[min\(100\%\,32rem\)\]{width:min(100%,32rem)}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-28{max-width:calc(var(--spacing) * 28)}.max-w-44{max-width:calc(var(--spacing) * 44)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-\[12rem\]{max-width:12rem}.max-w-\[28ch\]{max-width:28ch}.max-w-\[36ch\]{max-width:36ch}.max-w-\[40ch\]{max-width:40ch}.max-w-\[60ch\]{max-width:60ch}.max-w-\[70ch\]{max-width:70ch}.max-w-\[88\%\]{max-width:88%}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-\[280px\]{max-width:280px}.max-w-\[320px\]{max-width:320px}.max-w-\[380px\]{max-width:380px}.max-w-\[420px\]{max-width:420px}.max-w-\[480px\]{max-width:480px}.max-w-\[640px\]{max-width:640px}.max-w-\[680px\]{max-width:680px}.max-w-\[1080px\]{max-width:1080px}.max-w-\[clamp\(100\%\,520px\,90vw\)\]{max-width:clamp(100%,520px,90vw)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.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-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-11{min-width:calc(var(--spacing) * 11)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-44{min-width:calc(var(--spacing) * 44)}.min-w-\[3\.25rem\]{min-width:3.25rem}.min-w-\[8\.5rem\]{min-width:8.5rem}.min-w-\[60px\]{min-width:60px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-center{transform-origin:50%}.origin-left{transform-origin:0}.origin-top-right{transform-origin:100% 0}.-translate-x-1{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\.5{--tw-translate-y:calc(var(--spacing) * -1.5);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-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0;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-1\.5{--tw-translate-y:calc(var(--spacing) * 1.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-125{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-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-\[accuracy-pop_0\.4s_var\(--ease-out-quart\)_both\]{animation:accuracy-pop .4s var(--ease-out-quart) both}.animate-\[loadingSlide_2s_linear_infinite\]{animation:2s linear infinite loadingSlide}.animate-\[modal-in_200ms_ease-out\]{animation:.2s ease-out modal-in}.animate-\[waveBarIdle_1\.8s_ease-in-out_infinite\]{animation:1.8s ease-in-out infinite waveBarIdle}.animate-\[waveBarPulse_1\.4s_ease-in-out_infinite\]{animation:1.4s ease-in-out infinite waveBarPulse}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.cursor-wait{cursor:wait}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.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\:none\]{scrollbar-width:none}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.\[scrollbar-color\:var\(--border\)_transparent\]{scrollbar-color:var(--border) transparent}.\[scrollbar-color\:var\(--border-subtle\)_transparent\]{scrollbar-color:var(--border-subtle) transparent}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-\[72px_1fr\]{grid-template-columns:72px 1fr}.grid-cols-\[repeat\(15\,minmax\(0\,1fr\)\)\]{grid-template-columns:repeat(15,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-0\.75{gap:calc(var(--spacing) * .75)}.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-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-\[var\(--space-1\)\]{gap:var(--space-1)}.gap-\[var\(--space-3\)\]{gap:var(--space-3)}.gap-\[var\(--space-4\)\]{gap:var(--space-4)}.gap-\[var\(--space-6\)\]{gap:var(--space-6)}.gap-space-2{gap:.5rem}.gap-space-3{gap:.75rem}.gap-space-4{gap:1rem}.gap-space-8{gap:2rem}: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-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * 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)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}: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-1{column-gap:var(--spacing)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-1{row-gap:var(--spacing)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border-subtle>:not(:last-child)){border-color:var(--border-subtle)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-y-contain{overscroll-behavior-y:contain}.\!rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)!important}.\!rounded-full{border-radius:9999px!important}.\!rounded-lg{border-radius:16px!important}.\!rounded-xl{border-radius:20px!important}.rounded{border-radius:.25rem}.rounded-\(--radius-lg\){border-radius:var(--radius-lg)}.rounded-2xl{border-radius:24px}.rounded-3xl{border-radius:32px}.rounded-\[--radius-sm\]{border-radius:--radius-sm}.rounded-\[15px_15px_0_0\]{border-radius:15px 15px 0 0}.rounded-\[var\(--radius-2xl\)\]{border-radius:var(--radius-2xl)}.rounded-\[var\(--radius-full\)\]{border-radius:var(--radius-full)}.rounded-\[var\(--radius-lg\)\]{border-radius:var(--radius-lg)}.rounded-\[var\(--radius-md\)\]{border-radius:var(--radius-md)}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.rounded-\[var\(--radius-xl\)\]{border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-md{border-radius:12px}.rounded-none{border-radius:0}.rounded-sm{border-radius:8px}.rounded-xl{border-radius:20px}.rounded-xs{border-radius:4px}.rounded-t-2xl{border-top-left-radius:24px;border-top-right-radius:24px}.rounded-t-\[var\(--radius-xl\)\]{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.rounded-tl-sm{border-top-left-radius:8px}.rounded-tr-sm{border-top-right-radius:8px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\(--accent-border\){border-color:var(--accent-border)}.border-\(--error\)\/30{border-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.border-\(--error\)\/30{border-color:color-mix(in oklab, var(--error) 30%, transparent)}}.border-\[\#aabbcc80\]{border-color:#aabbcc80}.border-\[--border\]{border-color:--border}.border-\[color-mix\(in_oklch\,var\(--primary\)_25\%\,var\(--line-divider\)\)\]{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_oklch\,var\(--primary\)_25\%\,var\(--line-divider\)\)\]{border-color:color-mix(in oklch,var(--primary) 25%,var(--line-divider))}}.border-\[color-mix\(in_oklch\,var\(--primary\)_30\%\,var\(--line-divider\)\)\]{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_oklch\,var\(--primary\)_30\%\,var\(--line-divider\)\)\]{border-color:color-mix(in oklch,var(--primary) 30%,var(--line-divider))}}.border-\[color-mix\(in_oklch\,var\(--success\)_40\%\,transparent\)\]{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_oklch\,var\(--success\)_40\%\,transparent\)\]{border-color:color-mix(in oklch,var(--success) 40%,transparent)}}.border-\[color-mix\(in_oklch\,var\(--warning\)_40\%\,transparent\)\]{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_oklch\,var\(--warning\)_40\%\,transparent\)\]{border-color:color-mix(in oklch,var(--warning) 40%,transparent)}}.border-\[color-mix\(in_srgb\,var\(--primary\)_18\%\,transparent\)\]{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--primary\)_18\%\,transparent\)\]{border-color:color-mix(in srgb,var(--primary) 18%,transparent)}}.border-\[color-mix\(in_srgb\,var\(--primary\)_40\%\,transparent\)\]{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--primary\)_40\%\,transparent\)\]{border-color:color-mix(in srgb,var(--primary) 40%,transparent)}}.border-\[color-mix\(in_srgb\,var\(--success\)_30\%\,transparent\)\]{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--success\)_30\%\,transparent\)\]{border-color:color-mix(in srgb,var(--success) 30%,transparent)}}.border-\[color\:var\(--border-subtle\)\]{border-color:var(--border-subtle)}.border-\[color\:var\(--hue-bar\)\]{border-color:var(--hue-bar)}.border-\[var\(--accent-border\)\]{border-color:var(--accent-border)}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--border-default\)\]{border-color:var(--border-default)}.border-\[var\(--border-subtle\)\]{border-color:var(--border-subtle)}.border-\[var\(--error\)\],.border-\[var\(--error\)\]\/40{border-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--error\)\]\/40{border-color:color-mix(in oklab, var(--error) 40%, transparent)}}.border-\[var\(--error-border\)\]{border-color:var(--error-border)}.border-\[var\(--line-divider\)\]{border-color:var(--line-divider)}.border-\[var\(--primary\)\]{border-color:var(--primary)}.border-\[var\(--success\)\]{border-color:var(--success)}.border-\[var\(--success-border\)\]{border-color:var(--success-border)}.border-\[var\(--token\)\]{border-color:var(--token)}.border-\[var\(--warning-border\)\]{border-color:var(--warning-border)}.border-amber-200{border-color:var(--color-amber-200)}.border-badge-error-border{border-color:var(--badge-error-border)}.border-badge-info-border{border-color:var(--badge-info-border)}.border-badge-primary-border{border-color:var(--badge-primary-border)}.border-badge-success-border{border-color:var(--badge-success-border)}.border-badge-warning-border{border-color:var(--badge-warning-border)}.border-border-default{border-color:var(--border-default)}.border-border-strong{border-color:var(--border-strong)}.border-border-subtle{border-color:var(--border-subtle)}.border-current{border-color:currentColor}.border-emerald-200{border-color:var(--color-emerald-200)}.border-error{border-color:var(--error)}.border-error-border{border-color:var(--error-border)}.border-error\/30{border-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.border-error\/30{border-color:color-mix(in oklab, var(--error) 30%, transparent)}}.border-error\/40{border-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.border-error\/40{border-color:color-mix(in oklab, var(--error) 40%, transparent)}}.border-primary,.border-primary\/20{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/20{border-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.border-primary\/30{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/30{border-color:color-mix(in oklab, var(--primary) 30%, transparent)}}.border-primary\/40{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/40{border-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-sky-200{border-color:var(--color-sky-200)}.border-success{border-color:var(--success)}.border-success-border{border-color:var(--success-border)}.border-success\/30{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.border-success\/30{border-color:color-mix(in oklab, var(--success) 30%, transparent)}}.border-success\/40{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.border-success\/40{border-color:color-mix(in oklab, var(--success) 40%, transparent)}}.border-teal-200{border-color:var(--color-teal-200)}.border-transparent{border-color:#0000}.border-violet-200{border-color:var(--color-violet-200)}.border-warning{border-color:var(--warning)}.border-warning-border{border-color:var(--warning-border)}.border-t-\[var\(--card-bg\)\]{border-top-color:var(--card-bg)}.border-t-\[var\(--line-divider\)\]{border-top-color:var(--line-divider)}.border-t-transparent{border-top-color:#0000}.border-b-\[var\(--primary\)\]{border-bottom-color:var(--primary)}.border-b-transparent{border-bottom-color:#0000}.bg-\(--card-bg\){background-color:var(--card-bg)}.bg-\(--cta-bg\){background-color:var(--cta-bg)}.bg-\(--page-bg\)\/60{background-color:var(--page-bg)}@supports (color:color-mix(in lab, red, red)){.bg-\(--page-bg\)\/60{background-color:color-mix(in oklab, var(--page-bg) 60%, transparent)}}.bg-\[\#fff\]{background-color:#fff}.bg-\[--primary-50\]{background-color:--primary-50}.bg-\[--surface-raised\]{background-color:--surface-raised}.bg-\[color-mix\(in_oklch\,var\(--error\)_8\%\,var\(--card-bg\)\)\]{background-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--error\)_8\%\,var\(--card-bg\)\)\]{background-color:color-mix(in oklch,var(--error) 8%,var(--card-bg))}}.bg-\[color-mix\(in_oklch\,var\(--error\)_12\%\,transparent\)\]{background-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--error\)_12\%\,transparent\)\]{background-color:color-mix(in oklch,var(--error) 12%,transparent)}}.bg-\[color-mix\(in_oklch\,var\(--primary\)_8\%\,transparent\)\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--primary\)_8\%\,transparent\)\]{background-color:color-mix(in oklch,var(--primary) 8%,transparent)}}.bg-\[color-mix\(in_oklch\,var\(--primary\)_12\%\,transparent\)\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--primary\)_12\%\,transparent\)\]{background-color:color-mix(in oklch,var(--primary) 12%,transparent)}}.bg-\[color-mix\(in_oklch\,var\(--primary\)_14\%\,transparent\)\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--primary\)_14\%\,transparent\)\]{background-color:color-mix(in oklch,var(--primary) 14%,transparent)}}.bg-\[color-mix\(in_oklch\,var\(--primary\)_15\%\,transparent\)\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--primary\)_15\%\,transparent\)\]{background-color:color-mix(in oklch,var(--primary) 15%,transparent)}}.bg-\[color-mix\(in_oklch\,var\(--primary\)_35\%\,var\(--surface-sunken\)\)\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--primary\)_35\%\,var\(--surface-sunken\)\)\]{background-color:color-mix(in oklch,var(--primary) 35%,var(--surface-sunken))}}.bg-\[color-mix\(in_oklch\,var\(--primary\)_65\%\,var\(--surface-sunken\)\)\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--primary\)_65\%\,var\(--surface-sunken\)\)\]{background-color:color-mix(in oklch,var(--primary) 65%,var(--surface-sunken))}}.bg-\[color-mix\(in_oklch\,var\(--score-excellent\)_15\%\,transparent\)\]{background-color:var(--score-excellent)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--score-excellent\)_15\%\,transparent\)\]{background-color:color-mix(in oklch,var(--score-excellent) 15%,transparent)}}.bg-\[color-mix\(in_oklch\,var\(--success\)_12\%\,transparent\)\]{background-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--success\)_12\%\,transparent\)\]{background-color:color-mix(in oklch,var(--success) 12%,transparent)}}.bg-\[color-mix\(in_oklch\,var\(--success\)_15\%\,transparent\)\]{background-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--success\)_15\%\,transparent\)\]{background-color:color-mix(in oklch,var(--success) 15%,transparent)}}.bg-\[color-mix\(in_oklch\,var\(--surface-sunken\)_40\%\,transparent\)\]{background-color:var(--surface-sunken)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--surface-sunken\)_40\%\,transparent\)\]{background-color:color-mix(in oklch,var(--surface-sunken) 40%,transparent)}}.bg-\[color-mix\(in_oklch\,var\(--warning\)_15\%\,transparent\)\]{background-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--warning\)_15\%\,transparent\)\]{background-color:color-mix(in oklch,var(--warning) 15%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--primary\)_12\%\,transparent\)\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--primary\)_12\%\,transparent\)\]{background-color:color-mix(in srgb,var(--primary) 12%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--primary\)_12\%\,var\(--surface-raised\)\)\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--primary\)_12\%\,var\(--surface-raised\)\)\]{background-color:color-mix(in srgb,var(--primary) 12%,var(--surface-raised))}}.bg-\[color-mix\(in_srgb\,var\(--primary\)_14\%\,var\(--surface-raised\)\)\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--primary\)_14\%\,var\(--surface-raised\)\)\]{background-color:color-mix(in srgb,var(--primary) 14%,var(--surface-raised))}}.bg-\[oklch\(0\.18_0\.008_var\(--hue\)\)\]{background-color:oklch(.18 .008 var(--hue))}.bg-\[oklch\(0_0_0_\/_0\.25\)\]{background-color:#00000040;background-color:lab(0% 0 0/.25)}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--accent-dim\)\]{background-color:var(--accent-dim)}.bg-\[var\(--bg-body\)\]\/40{background-color:var(--bg-body)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bg-body\)\]\/40{background-color:color-mix(in oklab, var(--bg-body) 40%, transparent)}}.bg-\[var\(--bg-primary\)\]{background-color:var(--bg-primary)}.bg-\[var\(--bg-secondary\)\]{background-color:var(--bg-secondary)}.bg-\[var\(--bg-tertiary\)\]{background-color:var(--bg-tertiary)}.bg-\[var\(--border-default\)\]{background-color:var(--border-default)}.bg-\[var\(--border-subtle\)\]{background-color:var(--border-subtle)}.bg-\[var\(--btn-regular-bg\)\]{background-color:var(--btn-regular-bg)}.bg-\[var\(--card-bg\)\],.bg-\[var\(--card-bg\)\]\/90{background-color:var(--card-bg)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--card-bg\)\]\/90{background-color:color-mix(in oklab, var(--card-bg) 90%, transparent)}}.bg-\[var\(--cta-bg\)\]{background-color:var(--cta-bg)}.bg-\[var\(--error\)\]{background-color:var(--error)}.bg-\[var\(--error-soft\)\]{background-color:var(--error-soft)}.bg-\[var\(--gradient-primary\)\]{background-color:var(--gradient-primary)}.bg-\[var\(--hue-bar\)\]{background-color:var(--hue-bar)}.bg-\[var\(--hue-icon-bg\)\]{background-color:var(--hue-icon-bg)}.bg-\[var\(--info\)\]{background-color:var(--info)}.bg-\[var\(--line-divider\)\]{background-color:var(--line-divider)}.bg-\[var\(--muted-bg\)\]{background-color:var(--muted-bg)}.bg-\[var\(--on-primary\)\]{background-color:var(--on-primary)}.bg-\[var\(--overlay-subtle\)\]{background-color:var(--overlay-subtle)}.bg-\[var\(--page-bg\)\]{background-color:var(--page-bg)}.bg-\[var\(--primary\)\],.bg-\[var\(--primary\)\]\/5{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--primary\)\]\/5{background-color:color-mix(in oklab, var(--primary) 5%, transparent)}}.bg-\[var\(--primary\)\]\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--primary\)\]\/10{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.bg-\[var\(--primary-soft\)\]{background-color:var(--primary-soft)}.bg-\[var\(--stage-pairs\)\]{background-color:var(--stage-pairs)}.bg-\[var\(--success\)\]{background-color:var(--success)}.bg-\[var\(--success-soft\)\]{background-color:var(--success-soft)}.bg-\[var\(--surface-base\)\]{background-color:var(--surface-base)}.bg-\[var\(--surface-raised\)\]{background-color:var(--surface-raised)}.bg-\[var\(--surface-sunken\)\]{background-color:var(--surface-sunken)}.bg-\[var\(--surface-translucent\)\]{background-color:var(--surface-translucent)}.bg-\[var\(--token\)\]{background-color:var(--token)}.bg-\[var\(--tooltip-bg\)\]{background-color:var(--tooltip-bg)}.bg-\[var\(--warning\)\]{background-color:var(--warning)}.bg-\[var\(--warning-soft\)\]{background-color:var(--warning-soft)}.bg-\[var\(--word-correct-bg\)\]{background-color:var(--word-correct-bg)}.bg-\[var\(--word-extra-bg\)\]{background-color:var(--word-extra-bg)}.bg-\[var\(--word-incorrect-bg\)\]{background-color:var(--word-incorrect-bg)}.bg-\[var\(--word-missing-bg\)\]{background-color:var(--word-missing-bg)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-badge-error-bg{background-color:var(--badge-error-bg)}.bg-badge-info-bg{background-color:var(--badge-info-bg)}.bg-badge-primary-bg{background-color:var(--badge-primary-bg)}.bg-badge-success-bg{background-color:var(--badge-success-bg)}.bg-badge-warning-bg{background-color:var(--badge-warning-bg)}.bg-black{background-color:var(--color-black)}.bg-black\/0{background-color:#0000}@supports (color:color-mix(in lab, red, red)){.bg-black\/0{background-color:color-mix(in oklab, var(--color-black) 0%, transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-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)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-border-default{background-color:var(--border-default)}.bg-border-strong{background-color:var(--border-strong)}.bg-border-subtle{background-color:var(--border-subtle)}.bg-cta-bg{background-color:var(--cta-bg)}.bg-current{background-color:currentColor}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-error{background-color:var(--error)}.bg-error-soft,.bg-error-soft\/40{background-color:var(--error-soft)}@supports (color:color-mix(in lab, red, red)){.bg-error-soft\/40{background-color:color-mix(in oklab, var(--error-soft) 40%, transparent)}}.bg-error\/10{background-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.bg-error\/10{background-color:color-mix(in oklab, var(--error) 10%, transparent)}}.bg-fg{background-color:var(--text-primary)}.bg-fg-subtle{background-color:var(--text-tertiary)}.bg-overlay-darker{background-color:var(--overlay-darker)}.bg-overlay-weak{background-color:var(--overlay-weak)}.bg-primary{background-color:var(--primary)}.bg-primary-50{background-color:var(--primary-50)}.bg-primary-100{background-color:var(--primary-100)}.bg-primary-soft,.bg-primary-soft\/40{background-color:var(--primary-soft)}@supports (color:color-mix(in lab, red, red)){.bg-primary-soft\/40{background-color:color-mix(in oklab, var(--primary-soft) 40%, transparent)}}.bg-primary\/5{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/5{background-color:color-mix(in oklab, var(--primary) 5%, transparent)}}.bg-primary\/8{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/8{background-color:color-mix(in oklab, var(--primary) 8%, transparent)}}.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.bg-red-100{background-color:var(--color-red-100)}.bg-sky-100{background-color:var(--color-sky-100)}.bg-success{background-color:var(--success)}.bg-success-soft{background-color:var(--success-soft)}.bg-success\/10{background-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.bg-success\/10{background-color:color-mix(in oklab, var(--success) 10%, transparent)}}.bg-surface-base{background-color:var(--surface-base)}.bg-surface-raised{background-color:var(--surface-raised)}.bg-surface-sunken,.bg-surface-sunken\/60{background-color:var(--surface-sunken)}@supports (color:color-mix(in lab, red, red)){.bg-surface-sunken\/60{background-color:color-mix(in oklab, var(--surface-sunken) 60%, transparent)}}.bg-surface-tooltip{background-color:var(--surface-tooltip)}.bg-teal-100{background-color:var(--color-teal-100)}.bg-transparent{background-color:#0000}.bg-violet-100{background-color:var(--color-violet-100)}.bg-warning{background-color:var(--warning)}.bg-warning-soft{background-color:var(--warning-soft)}.bg-warning\/10{background-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.bg-warning\/10{background-color:color-mix(in oklab, var(--warning) 10%, transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(90deg\,var\(--primary-300\)\,var\(--primary\)\)\]{background-image:linear-gradient(90deg,var(--primary-300),var(--primary))}.from-surface-raised{--tw-gradient-from:var(--surface-raised);--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-surface-sunken{--tw-gradient-to:var(--surface-sunken);--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))}.fill-current{fill:currentColor}.stroke-\[var\(--primary\)\]{stroke:var(--primary)}.stroke-\[var\(--success\)\]{stroke:var(--success)}.stroke-\[var\(--warning\)\]{stroke:var(--warning)}.stroke-\[var\(--warning-deco\)\]{stroke:var(--warning-deco)}.stroke-surface-sunken{stroke:var(--surface-sunken)}.object-cover{object-fit:cover}.object-center{object-position:center}.object-left{object-position:left}.\!p-1\.5{padding:calc(var(--spacing) * 1.5)!important}.\!p-3{padding:calc(var(--spacing) * 3)!important}.\!p-4{padding:calc(var(--spacing) * 4)!important}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.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)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.px-0{padding-inline:0}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.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)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-\[var\(--space-3\)\]{padding-inline:var(--space-3)}.px-\[var\(--space-5\)\]{padding-inline:var(--space-5)}.px-space-6{padding-inline:1.5rem}.py-0{padding-block:0}.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-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-\[var\(--space-2\)\]{padding-block:var(--space-2)}.py-\[var\(--space-4\)\]{padding-block:var(--space-4)}.py-px{padding-block:1px}.py-space-3{padding-block:.75rem}.\!pt-4{padding-top:calc(var(--spacing) * 4)!important}.pt-0{padding-top:0}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pr-1{padding-right:var(--spacing)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-10{padding-right:calc(var(--spacing) * 10)}.\!pb-0{padding-bottom:0!important}.\!pb-8{padding-bottom:calc(var(--spacing) * 8)!important}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-18{padding-bottom:calc(var(--spacing) * 18)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-64{padding-bottom:calc(var(--spacing) * 64)}.pb-\[calc\(1\.5rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}.pb-\[max\(0\.5rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.5rem, env(safe-area-inset-bottom))}.pb-\[max\(0px\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(0px, env(safe-area-inset-bottom))}.pb-\[max\(1\.5rem\,env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:max(1.5rem, env(safe-area-inset-bottom,0px))}.pl-1{padding-left:var(--spacing)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.\[font-family\:inherit\]{font-family:inherit}.\[font-family\:var\(--font-heading\)\,serif\]{font-family:var(--font-heading),serif}.\[font-family\:var\(--font-ipa\)\,monospace\]{font-family:var(--font-ipa),monospace}.\[font-family\:var\(--font-phoneme\)\,serif\]{font-family:var(--font-phoneme),serif}.font-\[Georgia\,\'Times_New_Roman\'\,serif\]{font-family:Georgia,Times New Roman,serif}.font-\[Georgia\,serif\]{font-family:Georgia,serif}.font-\[inherit\]{font-family:inherit}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-h1{font-size:2.625rem;line-height:var(--tw-leading,1.2);letter-spacing:var(--tw-tracking,-.02em);font-weight:var(--tw-font-weight,700)}.text-h2{font-size:2rem;line-height:var(--tw-leading,1.3);letter-spacing:var(--tw-tracking,-.01em);font-weight:var(--tw-font-weight,700)}.text-h3{font-size:1.5rem;line-height:var(--tw-leading,1.4);letter-spacing:var(--tw-tracking,-.005em);font-weight:var(--tw-font-weight,600)}.text-h4{font-size:1.25rem;line-height:var(--tw-leading,1.35);font-weight:var(--tw-font-weight,600)}.text-label{font-size:.9375rem;line-height:var(--tw-leading,1.4);font-weight:var(--tw-font-weight,600)}.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-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-body-lg{font-size:1.125rem;line-height:var(--tw-leading,1.6)}.text-body-md{font-size:1rem;line-height:var(--tw-leading,1.55)}.text-body-sm{font-size:.9375rem;line-height:var(--tw-leading,1.5)}.text-caption{font-size:.875rem;line-height:var(--tw-leading,1.5)}.text-display-ipa{font-size:2.5rem;line-height:var(--tw-leading,1)}.text-display-word{font-size:2rem;line-height:var(--tw-leading,1)}.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-\[13px\]{font-size:13px!important}.text-\[0\.875em\]{font-size:.875em}.text-\[0\.6875rem\]{font-size:.6875rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[18px\]{font-size:18px}.text-\[clamp\(1\.75rem\,5vw\,2\.5rem\)\]{font-size:clamp(1.75rem,5vw,2.5rem)}.text-\[clamp\(22px\,6vw\,34px\)\]{font-size:clamp(22px,6vw,34px)}.text-\[length\:var\(--text-ipa-hero\)\]{font-size:var(--text-ipa-hero)}.text-tiny{font-size:.8125rem}.text-xxs{font-size:.75rem}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}.leading-\[1\.65\]{--tw-leading:1.65;line-height:1.65}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-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-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.5px\]{--tw-tracking:-.5px;letter-spacing:-.5px}.tracking-\[-1px\]{--tw-tracking:-1px;letter-spacing:-1px}.tracking-\[-2px\]{--tw-tracking:-2px;letter-spacing:-2px}.tracking-\[\.05em\]{--tw-tracking:.05em;letter-spacing:.05em}.tracking-\[\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-wrap{text-wrap:wrap}.break-words,.wrap-break-word{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\(--cta-fg\){color:var(--cta-fg)}.text-\(--fg\){color:var(--fg)}.text-\(--fg-muted\){color:var(--fg-muted)}.text-\(--fg-primary\){color:var(--fg-primary)}.text-\(--fg-secondary\){color:var(--fg-secondary)}.text-\[\#1a2b3c\]{color:#1a2b3c}.text-\[--fg\]{color:--fg}.text-\[--primary\]{color:--primary}.text-\[--text-primary\]{color:--text-primary}.text-\[--text-secondary\]{color:--text-secondary}.text-\[--text-tertiary\]{color:--text-tertiary}.text-\[Npx\]{color:Npx}.text-\[Xpx\/rem\/em\]{color:Xpx/rem/em}.text-\[Xpx\]{color:Xpx}.text-\[color\:var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[oklch\(0\.96_0\.008_var\(--hue\)\)\]{color:oklch(.96 .008 var(--hue))}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--body-text\)\]{color:var(--body-text)}.text-\[var\(--color-accent\)\]{color:var(--color-accent)}.text-\[var\(--cta-fg\)\]{color:var(--cta-fg)}.text-\[var\(--error\)\]{color:var(--error)}.text-\[var\(--fg\)\]{color:var(--fg)}.text-\[var\(--fg-primary\)\]{color:var(--fg-primary)}.text-\[var\(--fg-secondary\)\]{color:var(--fg-secondary)}.text-\[var\(--font-body-sm\)\]{color:var(--font-body-sm)}.text-\[var\(--font-h2\)\]{color:var(--font-h2)}.text-\[var\(--font-h3\)\]{color:var(--font-h3)}.text-\[var\(--font-h4\)\]{color:var(--font-h4)}.text-\[var\(--font-tiny\)\]{color:var(--font-tiny)}.text-\[var\(--info\)\]{color:var(--info)}.text-\[var\(--muted-text\)\]{color:var(--muted-text)}.text-\[var\(--on-error\,white\)\]{color:var(--on-error,white)}.text-\[var\(--on-primary\)\]{color:var(--on-primary)}.text-\[var\(--on-success\,white\)\]{color:var(--on-success,white)}.text-\[var\(--primary\)\],.text-\[var\(--primary\)\]\/80{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.text-\[var\(--primary\)\]\/80{color:color-mix(in oklab, var(--primary) 80%, transparent)}}.text-\[var\(--primary-foreground\)\]{color:var(--primary-foreground)}.text-\[var\(--score-excellent\)\]{color:var(--score-excellent)}.text-\[var\(--score-poor\)\]{color:var(--score-poor)}.text-\[var\(--stage-pairs\)\]{color:var(--stage-pairs)}.text-\[var\(--success\)\]{color:var(--success)}.text-\[var\(--text-disabled\)\]{color:var(--text-disabled)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--text-tertiary\)\]{color:var(--text-tertiary)}.text-\[var\(--token\)\]{color:var(--token)}.text-\[var\(--warning\)\]{color:var(--warning)}.text-\[var\(--warning-deco\)\]{color:var(--warning-deco)}.text-\[var\(--warning-value\)\]{color:var(--warning-value)}.text-\[var\(--word-correct\)\]{color:var(--word-correct)}.text-\[var\(--word-extra\)\]{color:var(--word-extra)}.text-\[var\(--word-incorrect\)\]{color:var(--word-incorrect)}.text-\[var\(--word-missing\)\]{color:var(--word-missing)}.text-amber-700{color:var(--color-amber-700)}.text-border-strong{color:var(--border-strong)}.text-cta-fg{color:var(--cta-fg)}.text-current{color:currentColor}.text-emerald-700{color:var(--color-emerald-700)}.text-error{color:var(--error)}.text-fg{color:var(--text-primary)}.text-fg-disabled{color:var(--text-disabled)}.text-fg-muted,.text-fg-muted\/70{color:var(--text-secondary)}@supports (color:color-mix(in lab, red, red)){.text-fg-muted\/70{color:color-mix(in oklab, var(--text-secondary) 70%, transparent)}}.text-fg-subtle{color:var(--text-tertiary)}.text-info{color:var(--info)}.text-inherit{color:inherit}.text-on-primary{color:var(--on-primary)}.text-primary,.text-primary\/70{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.text-primary\/70{color:color-mix(in oklab, var(--primary) 70%, transparent)}}.text-red-700{color:var(--color-red-700)}.text-sky-700{color:var(--color-sky-700)}.text-success{color:var(--success)}.text-success-value{color:var(--success-value)}.text-teal-700{color:var(--color-teal-700)}.text-transparent{color:#0000}.text-violet-700{color:var(--color-violet-700)}.text-warning{color:var(--warning)}.text-warning-value{color:var(--warning-value)}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.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,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.decoration-warning{-webkit-text-decoration-color:var(--warning);-webkit-text-decoration-color:var(--warning);-webkit-text-decoration-color:var(--warning);text-decoration-color:var(--warning)}.decoration-dotted{text-decoration-style:dotted}.decoration-2{text-decoration-thickness:2px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.placeholder-\[var\(--text-tertiary\)\]::placeholder{color:var(--text-tertiary)}.accent-\[var\(--primary\)\]{accent-color:var(--primary)}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.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-\[--shadow-lg\]{--tw-shadow:--shadow-lg;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_0_3px_color-mix\(in_oklch\,var\(--primary\)_18\%\,transparent\)\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--primary))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_0_0_3px_color-mix\(in_oklch\,var\(--primary\)_18\%\,transparent\)\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,color-mix(in oklch,var(--primary) 18%,transparent))}}.shadow-\[0_0_0_3px_color-mix\(in_oklch\,var\(--primary\)_18\%\,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_0_0_3px_var\(--accent-dim\)\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--accent-dim));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_0_14px_color-mix\(in_oklch\,var\(--error\)_18\%\,transparent\)\]{--tw-shadow:0 0 0 14px var(--tw-shadow-color,var(--error))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_0_0_14px_color-mix\(in_oklch\,var\(--error\)_18\%\,transparent\)\]{--tw-shadow:0 0 0 14px var(--tw-shadow-color,color-mix(in oklch,var(--error) 18%,transparent))}}.shadow-\[0_0_0_14px_color-mix\(in_oklch\,var\(--error\)_18\%\,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_4px_12px_-4px_color-mix\(in_srgb\,var\(--primary\)_55\%\,transparent\)\]{--tw-shadow:0 4px 12px -4px var(--tw-shadow-color,var(--primary))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_4px_12px_-4px_color-mix\(in_srgb\,var\(--primary\)_55\%\,transparent\)\]{--tw-shadow:0 4px 12px -4px var(--tw-shadow-color,color-mix(in srgb,var(--primary) 55%,transparent))}}.shadow-\[0_4px_12px_-4px_color-mix\(in_srgb\,var\(--primary\)_55\%\,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_4px_14px_var\(--accent-dim\)\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,var(--accent-dim));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_4px_16px_color-mix\(in_oklch\,var\(--primary\)_35\%\,transparent\)\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,var(--primary))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_4px_16px_color-mix\(in_oklch\,var\(--primary\)_35\%\,transparent\)\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,color-mix(in oklch,var(--primary) 35%,transparent))}}.shadow-\[0_4px_16px_color-mix\(in_oklch\,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_4px_20px_color-mix\(in_oklch\,var\(--primary\)_30\%\,transparent\)\]{--tw-shadow:0 4px 20px var(--tw-shadow-color,var(--primary))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_4px_20px_color-mix\(in_oklch\,var\(--primary\)_30\%\,transparent\)\]{--tw-shadow:0 4px 20px var(--tw-shadow-color,color-mix(in oklch,var(--primary) 30%,transparent))}}.shadow-\[0_4px_20px_color-mix\(in_oklch\,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-\[0_8px_32px_rgba\(0\,0\,0\,0\.16\)\,0_2px_8px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 8px 32px var(--tw-shadow-color,#00000029), 0 2px 8px var(--tw-shadow-color,#00000014);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_0_rgb\(255_255_255_\/_0\.25\)\]{--tw-shadow:inset 0 1px 0 0 var(--tw-shadow-color,#ffffff40);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 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)}@supports (color:lab(0% 0 0)){.shadow-lg{--tw-shadow:0 10px 15px var(--tw-shadow-color,lab(0% 0 0/.1))}}.shadow-md{--tw-shadow:0 4px 6px var(--tw-shadow-color,#00000012);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@supports (color:lab(0% 0 0)){.shadow-md{--tw-shadow:0 4px 6px var(--tw-shadow-color,lab(0% 0 0/.07))}}.shadow-none{--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)}.shadow-sm{--tw-shadow:0 1px 2px 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)}@supports (color:lab(0% 0 0)){.shadow-sm{--tw-shadow:0 1px 2px var(--tw-shadow-color,lab(0% 0 0/.05))}}.shadow-xl{--tw-shadow:0 20px 25px 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)}@supports (color:lab(0% 0 0)){.shadow-xl{--tw-shadow:0 20px 25px var(--tw-shadow-color,lab(0% 0 0/.1))}}.shadow\/production{--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)}.ring,.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)}.ring-\[var\(--primary\)\]{--tw-ring-color:var(--primary)}.ring-current{--tw-ring-color:currentcolor}.ring-error\/30{--tw-ring-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.ring-error\/30{--tw-ring-color:color-mix(in oklab, var(--error) 30%, transparent)}}.ring-primary\/20{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/20{--tw-ring-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.ring-primary\/30{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/30{--tw-ring-color:color-mix(in oklab, var(--primary) 30%, transparent)}}.ring-primary\/35{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/35{--tw-ring-color:color-mix(in oklab, var(--primary) 35%, transparent)}}.ring-success\/30{--tw-ring-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.ring-success\/30{--tw-ring-color:color-mix(in oklab, var(--success) 30%, transparent)}}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-surface-base{--tw-ring-offset-color:var(--surface-base)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-\[3px\]{outline-style:var(--tw-outline-style);outline-width:3px}.outline-offset-2{outline-offset:2px}.outline-primary{outline-color:var(--primary)}.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,)}.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-\[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,)}.drop-shadow-xl{--tw-drop-shadow-size:drop-shadow(0 9px 7px var(--tw-drop-shadow-color,#0000001a));--tw-drop-shadow:drop-shadow(var(--drop-shadow-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,)}.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{--tw-backdrop-blur:blur(8px);-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,)}.backdrop-filter{-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-\[background\,color\,border-color\]{transition-property:background,color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background\,color\]{transition-property:background,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,transform\,box-shadow\]{transition-property:background-color,border-color,transform,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\,background\]{transition-property:border-color,background;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-\[border-color\,color\,background\,transform\]{transition-property:border-color,color,background,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[filter\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[stroke-dasharray\]{transition-property:stroke-dasharray;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,border-color\,box-shadow\]{transition-property:transform,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-\[transform\,opacity\]{transition-property:transform,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,outline-color\]{transition-property:transform,outline-color;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-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))}.duration-\(--transition-fast\){--tw-duration:var(--transition-fast);transition-duration:var(--transition-fast)}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.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-\[120ms\]{--tw-duration:.12s;transition-duration:.12s}.duration-\[800ms\]{--tw-duration:.8s;transition-duration:.8s}.duration-\[var\(--transition-fast\)\]{--tw-duration:var(--transition-fast);transition-duration:var(--transition-fast)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\[transition-timing-function\:var\(--ease-out-expo\)\]{transition-timing-function:var(--ease-out-expo)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.\[animation-delay\:0ms\]{animation-delay:0s}.\[animation-delay\:150ms\]{animation-delay:.15s}.\[animation-delay\:300ms\]{animation-delay:.3s}.\[transition\:all_var\(--transition-base\,200ms_ease\)\]{transition:all var(--transition-base,.2s ease)}.\[transition\:gap_var\(--transition-fast\,150ms_ease\)\,color_var\(--transition-fast\,150ms_ease\)\]{transition:gap var(--transition-fast,.15s ease),color var(--transition-fast,.15s ease)}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media (hover:hover){.group-hover\:translate-x-0:is(:where(.group):hover *){--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.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-hover\:bg-black\/30:is(:where(.group):hover *){background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-black\/30:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.group-hover\:text-fg:is(:where(.group):hover *){color:var(--text-primary)}.group-hover\:text-primary:is(:where(.group):hover *){color:var(--primary)}.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}.group-hover\:opacity-5:is(:where(.group):hover *){opacity:.05}.group-hover\:opacity-80:is(:where(.group):hover *){opacity:.8}.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/msg\:opacity-100:is(:where(.group\/msg):hover *){opacity:1}}.marker\:hidden ::marker{display:none}.marker\:hidden::marker{display:none}.marker\:hidden ::-webkit-details-marker{display:none}.marker\:hidden::-webkit-details-marker{display:none}.marker\:content-none ::marker{--tw-content:none;content:none}.marker\:content-none::marker{--tw-content:none;content:none}.marker\:content-none ::-webkit-details-marker{--tw-content:none;content:none}.marker\:content-none::-webkit-details-marker{--tw-content:none;content:none}.placeholder\:text-\(--fg-disabled\)::placeholder{color:var(--fg-disabled)}.placeholder\:text-fg-muted::placeholder{color:var(--text-secondary)}.placeholder\:text-fg-placeholder::placeholder{color:var(--text-placeholder)}.placeholder\:text-fg-subtle::placeholder{color:var(--text-tertiary)}.first\:mt-0:first-child{margin-top:0}.last\:mb-0:last-child{margin-bottom:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:-translate-y-px:focus-within{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.focus-within\:border-\[color\:var\(--primary\)\]:focus-within,.focus-within\:border-\[var\(--primary\)\]:focus-within{border-color:var(--primary)}.focus-within\:border-border-default:focus-within{border-color:var(--border-default)}.focus-within\:border-primary:focus-within{border-color:var(--primary)}.focus-within\:shadow-lg:focus-within{--tw-shadow:0 10px 15px 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)}@supports (color:lab(0% 0 0)){.focus-within\:shadow-lg:focus-within{--tw-shadow:0 10px 15px var(--tw-shadow-color,lab(0% 0 0/.1))}}.focus-within\:shadow-md:focus-within{--tw-shadow:0 4px 6px var(--tw-shadow-color,#00000012);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@supports (color:lab(0% 0 0)){.focus-within\:shadow-md:focus-within{--tw-shadow:0 4px 6px var(--tw-shadow-color,lab(0% 0 0/.07))}}.focus-within\:ring-2:focus-within{--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)}.focus-within\:ring-\[color\:var\(--primary\)\]\/40:focus-within{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus-within\:ring-\[color\:var\(--primary\)\]\/40:focus-within{--tw-ring-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.focus-within\:ring-\[var\(--primary\)\]\/40:focus-within{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus-within\:ring-\[var\(--primary\)\]\/40:focus-within{--tw-ring-color:color-mix(in oklab, var(--primary) 40%, transparent)}}@media (hover:hover){.hover\:translate-x-0\.5:hover{--tw-translate-x:calc(var(--spacing) * .5);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-\[1px\]:hover{--tw-translate-y:calc(1px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:scale-\[1\.04\]:hover{scale:1.04}.hover\:gap-2:hover{gap:calc(var(--spacing) * 2)}.hover\:border-\[color-mix\(in_srgb\,var\(--primary\)_40\%\,transparent\)\]:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-\[color-mix\(in_srgb\,var\(--primary\)_40\%\,transparent\)\]:hover{border-color:color-mix(in srgb,var(--primary) 40%,transparent)}}.hover\:border-\[color\:var\(--border-default\)\]:hover{border-color:var(--border-default)}.hover\:border-\[color\:var\(--border-strong\)\]:hover{border-color:var(--border-strong)}.hover\:border-\[var\(--accent-border\)\]:hover{border-color:var(--accent-border)}.hover\:border-\[var\(--border-default\)\]:hover{border-color:var(--border-default)}.hover\:border-\[var\(--border-hover\)\]:hover{border-color:var(--border-hover)}.hover\:border-\[var\(--error\)\]:hover{border-color:var(--error)}.hover\:border-\[var\(--line-divider\)\]:hover{border-color:var(--line-divider)}.hover\:border-\[var\(--primary\)\]:hover{border-color:var(--primary)}.hover\:border-\[var\(--success\)\]:hover{border-color:var(--success)}.hover\:border-\[var\(--warning\)\]:hover{border-color:var(--warning)}.hover\:border-border-default:hover{border-color:var(--border-default)}.hover\:border-border-strong:hover{border-color:var(--border-strong)}.hover\:border-error:hover{border-color:var(--error)}.hover\:border-primary:hover,.hover\:border-primary\/50:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/50:hover{border-color:color-mix(in oklab, var(--primary) 50%, transparent)}}.hover\:border-transparent:hover{border-color:#0000}.hover\:bg-\(--btn-hover-bg\):hover{background-color:var(--btn-hover-bg)}.hover\:bg-\[--surface-sunken\]:hover{background-color:--surface-sunken}.hover\:bg-\[color-mix\(in_oklch\,var\(--primary\)_5\%\,var\(--card-bg\)\)\]:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_oklch\,var\(--primary\)_5\%\,var\(--card-bg\)\)\]:hover{background-color:color-mix(in oklch,var(--primary) 5%,var(--card-bg))}}.hover\:bg-\[var\(--accent-dim\)\]:hover{background-color:var(--accent-dim)}.hover\:bg-\[var\(--btn-hover-bg\)\]:hover{background-color:var(--btn-hover-bg)}.hover\:bg-\[var\(--btn-plain-bg-hover\)\]:hover{background-color:var(--btn-plain-bg-hover)}.hover\:bg-\[var\(--btn-regular-bg\)\]:hover{background-color:var(--btn-regular-bg)}.hover\:bg-\[var\(--btn-regular-bg-hover\)\]:hover{background-color:var(--btn-regular-bg-hover)}.hover\:bg-\[var\(--cta-bg-hover\)\]:hover{background-color:var(--cta-bg-hover)}.hover\:bg-\[var\(--error-hover\)\]:hover{background-color:var(--error-hover)}.hover\:bg-\[var\(--error-soft\)\]:hover{background-color:var(--error-soft)}.hover\:bg-\[var\(--hue-icon-bg\)\]:hover{background-color:var(--hue-icon-bg)}.hover\:bg-\[var\(--info-hover\)\]:hover{background-color:var(--info-hover)}.hover\:bg-\[var\(--overlay-subtle\)\]:hover{background-color:var(--overlay-subtle)}.hover\:bg-\[var\(--primary-100\)\]:hover{background-color:var(--primary-100)}.hover\:bg-\[var\(--primary-200\)\]:hover{background-color:var(--primary-200)}.hover\:bg-\[var\(--primary-hover\)\]:hover{background-color:var(--primary-hover)}.hover\:bg-\[var\(--success-hover\)\]:hover{background-color:var(--success-hover)}.hover\:bg-\[var\(--surface-hover\)\]:hover{background-color:var(--surface-hover)}.hover\:bg-\[var\(--surface-raised\)\]:hover{background-color:var(--surface-raised)}.hover\:bg-\[var\(--surface-sunken\)\]:hover{background-color:var(--surface-sunken)}.hover\:bg-\[var\(--warning-hover\)\]:hover{background-color:var(--warning-hover)}.hover\:bg-cta-bg-hover:hover{background-color:var(--cta-bg-hover)}.hover\:bg-error-soft:hover{background-color:var(--error-soft)}.hover\:bg-error\/20:hover{background-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-error\/20:hover{background-color:color-mix(in oklab, var(--error) 20%, transparent)}}.hover\:bg-primary:hover{background-color:var(--primary)}.hover\:bg-primary-hover:hover{background-color:var(--primary-hover)}.hover\:bg-primary-soft:hover{background-color:var(--primary-soft)}.hover\:bg-primary\/20:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/20:hover{background-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-success-soft:hover{background-color:var(--success-soft)}.hover\:bg-surface-raised:hover{background-color:var(--surface-raised)}.hover\:bg-surface-sunken:hover{background-color:var(--surface-sunken)}.hover\:bg-warning-soft:hover{background-color:var(--warning-soft)}.hover\:text-\[color\:var\(--fg\)\]:hover{color:var(--fg)}.hover\:text-\[color\:var\(--primary\)\]:hover{color:var(--primary)}.hover\:text-\[color\:var\(--text-primary\)\]:hover{color:var(--text-primary)}.hover\:text-\[var\(--error\)\]:hover{color:var(--error)}.hover\:text-\[var\(--error-hover\)\]:hover{color:var(--error-hover)}.hover\:text-\[var\(--fg\)\]:hover{color:var(--fg)}.hover\:text-\[var\(--fg-primary\)\]:hover{color:var(--fg-primary)}.hover\:text-\[var\(--info-hover\)\]:hover{color:var(--info-hover)}.hover\:text-\[var\(--primary\)\]:hover{color:var(--primary)}.hover\:text-\[var\(--primary-hover\)\]:hover{color:var(--primary-hover)}.hover\:text-\[var\(--success-hover\)\]:hover{color:var(--success-hover)}.hover\:text-\[var\(--text-secondary\)\]:hover{color:var(--text-secondary)}.hover\:text-\[var\(--warning-hover\)\]:hover{color:var(--warning-hover)}.hover\:text-cta-fg:hover{color:var(--cta-fg)}.hover\:text-error:hover,.hover\:text-error\/70:hover{color:var(--error)}@supports (color:color-mix(in lab, red, red)){.hover\:text-error\/70:hover{color:color-mix(in oklab, var(--error) 70%, transparent)}}.hover\:text-fg:hover{color:var(--text-primary)}.hover\:text-fg-muted:hover{color:var(--text-secondary)}.hover\:text-inherit:hover{color:inherit}.hover\:text-primary:hover{color:var(--primary)}.hover\:text-primary-hover:hover{color:var(--primary-hover)}.hover\:text-white:hover{color:var(--color-white)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-75:hover{opacity:.75}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-85:hover{opacity:.85}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_6px_16px_-8px_rgba\(0\,0\,0\,0\.18\)\]:hover{--tw-shadow:0 6px 16px -8px var(--tw-shadow-color,#0000002e);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-\[var\(--shadow-md\)\]:hover{--tw-shadow:var(--shadow-md);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-lg:hover{--tw-shadow:0 10px 15px 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)}@supports (color:lab(0% 0 0)){.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px var(--tw-shadow-color,lab(0% 0 0/.1))}}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px var(--tw-shadow-color,#00000012);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@supports (color:lab(0% 0 0)){.hover\:shadow-md:hover{--tw-shadow:0 4px 6px var(--tw-shadow-color,lab(0% 0 0/.07))}}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 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)}@supports (color:lab(0% 0 0)){.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px var(--tw-shadow-color,lab(0% 0 0/.05))}}.hover\:brightness-\[1\.06\]:hover{--tw-brightness:brightness(1.06);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\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:fixed:focus{position:fixed}.focus\:top-2:focus{top:calc(var(--spacing) * 2)}.focus\:left-2:focus{left:calc(var(--spacing) * 2)}.focus\:z-50:focus{z-index:50}.focus\:rounded-md:focus{border-radius:12px}.focus\:border-\[color\:var\(--primary\)\]:focus{border-color:var(--primary)}.focus\:border-\[var\(--border-focus\)\]:focus{border-color:var(--border-focus)}.focus\:border-error:focus{border-color:var(--error)}.focus\:border-primary:focus{border-color:var(--primary)}.focus\:border-transparent:focus{border-color:#0000}.focus\:bg-primary:focus{background-color:var(--primary)}.focus\:bg-surface-raised:focus{background-color:var(--surface-raised)}.focus\:px-4:focus{padding-inline:calc(var(--spacing) * 4)}.focus\:py-2:focus{padding-block:calc(var(--spacing) * 2)}.focus\:text-white:focus{color:var(--color-white)}.focus\:shadow-\[0_0_0_3px_color-mix\(in_oklch\,var\(--primary\)_18\%\,transparent\)\]:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--primary))}@supports (color:color-mix(in lab, red, red)){.focus\:shadow-\[0_0_0_3px_color-mix\(in_oklch\,var\(--primary\)_18\%\,transparent\)\]:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,color-mix(in oklch,var(--primary) 18%,transparent))}}.focus\:shadow-\[0_0_0_3px_color-mix\(in_oklch\,var\(--primary\)_18\%\,transparent\)\]:focus{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:shadow-\[0_0_0_3px_var\(--focus-color\)\]:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--focus-color));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--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)}.focus\:ring-\[color-mix\(in_oklch\,var\(--primary\)_20\%\,transparent\)\]:focus{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-\[color-mix\(in_oklch\,var\(--primary\)_20\%\,transparent\)\]:focus{--tw-ring-color:color-mix(in oklch,var(--primary) 20%,transparent)}}.focus\:ring-\[var\(--primary\)\]\/30:focus{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-\[var\(--primary\)\]\/30:focus{--tw-ring-color:color-mix(in oklab, var(--primary) 30%, transparent)}}.focus\:ring-\[var\(--primary\)\]\/40:focus{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-\[var\(--primary\)\]\/40:focus{--tw-ring-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.focus\:ring-error:focus{--tw-ring-color:var(--error)}.focus\:ring-primary:focus{--tw-ring-color:var(--primary)}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--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)}.focus-visible\:ring-\[color\:var\(--primary\)\]\/40:focus-visible{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-\[color\:var\(--primary\)\]\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.focus-visible\:ring-\[var\(--focus-ring\)\]:focus-visible{--tw-ring-color:var(--focus-ring)}.focus-visible\:ring-\[var\(--primary\)\]:focus-visible{--tw-ring-color:var(--primary)}.focus-visible\:ring-error:focus-visible{--tw-ring-color:var(--error)}.focus-visible\:ring-primary:focus-visible{--tw-ring-color:var(--primary)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-surface-sunken:focus-visible{--tw-ring-offset-color:var(--surface-sunken)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[var\(--primary\)\]:focus-visible,.focus-visible\:outline-primary:focus-visible{outline-color:var(--primary)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-0:active{--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:translate-y-\[-1px\]:active{--tw-translate-y:-1px;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\.96\]:active{scale:.96}.active\:scale-\[0\.97\]:active{scale:.97}.active\:scale-\[0\.99\]:active{scale:.99}.active\:cursor-grabbing:active{cursor:grabbing}.active\:shadow-md:active{--tw-shadow:0 4px 6px var(--tw-shadow-color,#00000012);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@supports (color:lab(0% 0 0)){.active\:shadow-md:active{--tw-shadow:0 4px 6px var(--tw-shadow-color,lab(0% 0 0/.07))}}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-transparent:disabled{background-color:#0000}.disabled\:text-\[var\(--text-tertiary\)\]:disabled{color:var(--text-tertiary)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}.motion-reduce\:backdrop-blur-none{--tw-backdrop-blur: ;-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,)}.motion-reduce\:transition-none{transition-property:none}}@media not all and (min-width:48rem){.max-md\:inset-0{inset:0}.max-md\:border-0{border-style:var(--tw-border-style);border-width:0}}@media not all and (min-width:40rem){.max-sm\:\!gap-2{gap:calc(var(--spacing) * 2)!important}.max-sm\:\!pb-4{padding-bottom:calc(var(--spacing) * 4)!important}}@media (min-width:820px){.min-\[820px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:40rem){.sm\:absolute{position:absolute}.sm\:top-full{top:100%}.sm\:bottom-auto{bottom:auto}.sm\:left-0{left:0}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:row-span-2{grid-row:span 2/span 2}.sm\:mx-4{margin-inline:calc(var(--spacing) * 4)}.sm\:mx-5{margin-inline:calc(var(--spacing) * 5)}.sm\:mt-2{margin-top:calc(var(--spacing) * 2)}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:max-h-none{max-height:none}.sm\:min-h-12{min-height:calc(var(--spacing) * 12)}.sm\:w-60{width:calc(var(--spacing) * 60)}.sm\:w-72{width:calc(var(--spacing) * 72)}.sm\:w-\[200px\]{width:200px}.sm\:w-fit{width:fit-content}.sm\:max-w-none{max-width:none}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:max-w-xs{max-width:var(--container-xs)}.sm\:min-w-36{min-width:calc(var(--spacing) * 36)}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.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-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\]{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-baseline{align-items:baseline}.sm\:items-center{align-items:center}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-center{justify-content:center}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:gap-x-6{column-gap:calc(var(--spacing) * 6)}.sm\:rounded-2xl{border-radius:24px}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.sm\:py-2{padding-block:calc(var(--spacing) * 2)}.sm\:py-3{padding-block:calc(var(--spacing) * 3)}.sm\:py-7{padding-block:calc(var(--spacing) * 7)}.sm\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\:\!pt-8{padding-top:calc(var(--spacing) * 8)!important}.sm\:pt-8{padding-top:calc(var(--spacing) * 8)}.sm\:\!pb-16{padding-bottom:calc(var(--spacing) * 16)!important}.sm\:pb-6{padding-bottom:calc(var(--spacing) * 6)}.sm\:pb-16{padding-bottom:calc(var(--spacing) * 16)}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sm\:shadow-xl{--tw-shadow:0 20px 25px 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)}@supports (color:lab(0% 0 0)){.sm\:shadow-xl{--tw-shadow:0 20px 25px var(--tw-shadow-color,lab(0% 0 0/.1))}}}@media (min-width:48rem){.md\:top-0{top:0}.md\:right-0{right:0}.md\:bottom-0{bottom:0}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-\[380px\]{width:380px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1\.7fr_1fr\]{grid-template-columns:1.7fr 1fr}.md\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.md\:border-border-subtle{border-color:var(--border-subtle)}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-0{top:0}.lg\:right-8{right:calc(var(--spacing) * 8)}.lg\:bottom-8{bottom:calc(var(--spacing) * 8)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-dvh{height:100dvh}.lg\:min-h-dvh{min-height:100dvh}.lg\:w-72{width:calc(var(--spacing) * 72)}.lg\:w-\[45\%\]{width:45%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[1fr_300px\]{grid-template-columns:1fr 300px}.lg\:grid-cols-\[minmax\(0\,1fr\)_21rem\]{grid-template-columns:minmax(0,1fr) 21rem}.lg\:flex-row{flex-direction:row}.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:p-12{padding:calc(var(--spacing) * 12)}.lg\:px-0{padding-inline:0}.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}.lg\:py-16{padding-block:calc(var(--spacing) * 16)}.lg\:pb-0{padding-bottom:0}.lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}.lg\:pb-6{padding-bottom:calc(var(--spacing) * 6)}}@media (min-width:80rem){.xl\:w-60{width:calc(var(--spacing) * 60)}.xl\:w-64{width:calc(var(--spacing) * 64)}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.dark\:border-amber-700\/40:where(.dark,.dark *){border-color:#b7500066}@supports (color:color-mix(in lab, red, red)){.dark\:border-amber-700\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-amber-700) 40%, transparent)}}.dark\:border-emerald-700\/40:where(.dark,.dark *){border-color:#00795666}@supports (color:color-mix(in lab, red, red)){.dark\:border-emerald-700\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-emerald-700) 40%, transparent)}}.dark\:border-red-700\/30:where(.dark,.dark *){border-color:#bf000f4d}@supports (color:color-mix(in lab, red, red)){.dark\:border-red-700\/30:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-red-700) 30%, transparent)}}.dark\:border-sky-700\/40:where(.dark,.dark *){border-color:#0069a466}@supports (color:color-mix(in lab, red, red)){.dark\:border-sky-700\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-sky-700) 40%, transparent)}}.dark\:border-teal-700\/40:where(.dark,.dark *){border-color:#00776e66}@supports (color:color-mix(in lab, red, red)){.dark\:border-teal-700\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-teal-700) 40%, transparent)}}.dark\:border-violet-700\/40:where(.dark,.dark *){border-color:#7008e766}@supports (color:color-mix(in lab, red, red)){.dark\:border-violet-700\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-violet-700) 40%, transparent)}}.dark\:bg-amber-900\/40:where(.dark,.dark *){background-color:#7b330666}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-900) 40%, transparent)}}.dark\:bg-emerald-900\/40:where(.dark,.dark *){background-color:#004e3b66}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-900) 40%, transparent)}}.dark\:bg-red-900\/30:where(.dark,.dark *){background-color:#82181a4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-red-900) 30%, transparent)}}.dark\:bg-sky-900\/40:where(.dark,.dark *){background-color:#024a7066}@supports (color:color-mix(in lab, red, red)){.dark\:bg-sky-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-sky-900) 40%, transparent)}}.dark\:bg-teal-900\/40:where(.dark,.dark *){background-color:#0b4f4a66}@supports (color:color-mix(in lab, red, red)){.dark\:bg-teal-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-teal-900) 40%, transparent)}}.dark\:bg-violet-900\/40:where(.dark,.dark *){background-color:#4d179a66}@supports (color:color-mix(in lab, red, red)){.dark\:bg-violet-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-violet-900) 40%, 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-red-300:where(.dark,.dark *){color:var(--color-red-300)}.dark\:text-sky-300:where(.dark,.dark *){color:var(--color-sky-300)}.dark\:text-success:where(.dark,.dark *){color:var(--success)}.dark\:text-teal-300:where(.dark,.dark *){color:var(--color-teal-300)}.dark\:text-violet-300:where(.dark,.dark *){color:var(--color-violet-300)}@media (hover:hover){.dark\:hover\:text-fg:where(.dark,.dark *):hover{color:var(--text-primary)}}.\[\&_img\]\:h-auto img{height:auto}.\[\&_img\]\:w-full img{width:100%}.\[\&_svg\]\:h-auto svg{height:auto}.\[\&_svg\]\:w-full svg{width:100%}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}.\[\&\:\:backdrop\]\:fixed::backdrop{position:fixed}.\[\&\:\:backdrop\]\:inset-0::backdrop{inset:0}.\[\&\:\:backdrop\]\:bg-black\/40::backdrop{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.\[\&\:\:backdrop\]\:bg-black\/40::backdrop{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.\[\&\:\:backdrop\]\:backdrop-blur-sm::backdrop{--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,)}@media (prefers-reduced-motion:reduce){.motion-reduce\:\[\&\:\:backdrop\]\:backdrop-blur-none::backdrop{--tw-backdrop-blur: ;-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,)}}}:root{--sidebar-width:256px;--hue:250;--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--primary-50:oklch(.97 .02 var(--hue));--primary-100:oklch(.93 .04 var(--hue));--primary-200:oklch(.88 .06 var(--hue));--primary-300:oklch(.8 .1 var(--hue));--primary-400:oklch(.72 .13 var(--hue));--primary-500:oklch(.65 .15 var(--hue));--primary-600:oklch(.58 .16 var(--hue));--primary-700:oklch(.5 .17 var(--hue));--primary-800:oklch(.42 .15 var(--hue));--primary:var(--primary-700);--primary-hover:var(--primary-800);--primary-active:oklch(.45 .16 var(--hue));--primary-soft:var(--primary-50);--primary-foreground:#fff;--on-primary:#fff;--focus-ring:oklch(.75 .12 var(--hue) / .4);--accent-analog-1:oklch(.7 .14 calc(var(--hue) + 20));--accent-analog-2:oklch(.7 .14 calc(var(--hue) - 20));--accent-complement:oklch(.7 .14 calc(var(--hue) + 180));--gradient-primary:linear-gradient(135deg, oklch(.7 .15 var(--hue)), oklch(.65 .15 calc(var(--hue) + 30)));--bg:oklch(.965 .003 var(--hue));--bg-secondary:oklch(.995 .001 var(--hue));--bg-tertiary:oklch(.94 .005 var(--hue));--fg:oklch(.18 .008 var(--hue));--text-primary:oklch(.18 .008 var(--hue));--text-secondary:oklch(.4 .006 var(--hue));--text-tertiary:oklch(.49 .005 var(--hue));--text-disabled:oklch(.75 .002 var(--hue));--text-placeholder:oklch(.75 .002 var(--hue));--border:#d6d6d6;--border-hover:#b4b4b4;--success:#54b85b;--success-soft:#d1eed1;--success-deco:#95cf96;--success-icon-bg:#b5deb5;--success-value:#005f12;--success-border:#419547;--warning:#e7ad00;--warning-soft:#feedc9;--warning-deco:#eec469;--warning-icon-bg:#f7dba1;--warning-value:#745100;--warning-border:#c09000;--error:#f14d4c;--error-soft:#ffdfdb;--error-deco:#ffa9a2;--error-icon-bg:#ffc6c0;--error-value:#950012;--error-border:#c53637;--info:#3bacda;--info-soft:#ceeefe;--info-deco:#80c1e1;--info-icon-bg:#a3d3eb;--info-value:#005574;--info-border:#328bb0;--success-hover:#6bce71;--warning-hover:#f9bd01;--error-hover:#ff716b;--info-hover:#55c2f2;--admonitions-color-tip:#54b85b;--admonitions-color-warning:#e7ad00;--admonitions-color-important:#a761d5;--admonitions-color-important-soft:#efdcfe;--stage-pairs:#ed914c;--stage-dictation:#2cc0b1;--color-stage-pairs:var(--stage-pairs);--color-stage-dictation:var(--stage-dictation);--surface-base:var(--bg);--surface-raised:var(--bg-secondary);--surface-sunken:var(--bg-tertiary);--surface-overlay:#ffffffeb;--surface-translucent:var(--surface-raised)}@supports (color:lab(0% 0 0)){:root{--primary-foreground:lab(100% 0 0);--on-primary:lab(100% 0 0);--border:lab(85.5% 0 0);--border-hover:lab(73.32% -.0000298023 0);--success:lab(67.1358% -44.8964 37.3064);--success-soft:lab(91.3707% -13.9721 10.9239);--success-deco:lab(78.0628% -27.9663 22.3194);--success-icon-bg:lab(84.6605% -19.5642 15.4094);--success-value:lab(34.3447% -39.5398 35.0647);--success-border:lab(55.2905% -39.2931 32.7248);--warning:lab(74.629% 13.9723 85.3188);--warning-soft:lab(94.3657% 2.03729 19.5421);--warning-deco:lab(81.6717% 7.74112 51.0542);--warning-icon-bg:lab(88.6194% 4.04969 32.1325);--warning-value:lab(37.2854% 15.647 88.6498);--warning-border:lab(63.0061% 12.4165 76.0789);--error:lab(57.3944% 63.124 38.0626);--error-soft:lab(91.4148% 15.3747 8.32741);--error-deco:lab(77.9713% 37.3159 20.7122);--error-icon-bg:lab(85.327% 24.7177 13.5);--error-value:lab(30.8556% 57.2827 39.6949);--error-border:lab(45.9853% 56.8958 34.8481);--info:lab(65.467% -20.997 -33.5068);--info-soft:lab(92.0234% -8.22723 -11.5549);--info-deco:lab(74.7175% -15.3762 -22.6964);--info-icon-bg:lab(81.6377% -11.9648 -17.1738);--info-value:lab(32.8295% -17.107 -32.9068);--info-border:lab(53.8277% -17.6223 -27.9492);--success-hover:lab(75.2722% -44.8561 36.9234);--warning-hover:lab(80.4593% 13.4703 81.6315);--error-hover:lab(65.5311% 62.9738 37.1879);--info-hover:lab(73.6075% -21.4835 -33.6147);--admonitions-color-tip:lab(67.1358% -44.8964 37.3064);--admonitions-color-warning:lab(74.629% 13.9723 85.3188);--admonitions-color-important:lab(53.1156% 44.5971 -49.4469);--admonitions-color-important-soft:lab(90.0848% 11.2705 -14.2494);--stage-pairs:lab(69.1589% 31.8527 51.0321);--stage-dictation:lab(70.1228% -41.4793 -4.22364);--surface-overlay:lab(100% 0 0/.92)}}@supports (color:color-mix(in lab, red, red)){:root{--surface-translucent:color-mix(in oklch, var(--surface-raised) 70%, transparent)}}:root{--surface-tooltip:oklch(.17 .006 var(--hue));--surface-code:oklch(.14 .005 var(--hue));--card-bg:var(--surface-raised);--border-subtle:oklch(.895 .002 var(--hue));--border-default:var(--border);--border-strong:#a4a4a4;--border-focus:var(--primary);--score-excellent:var(--success);--score-excellent-bg:var(--success-soft);--score-acceptable:var(--warning);--score-acceptable-bg:var(--warning-soft);--score-poor:var(--error);--score-poor-bg:var(--error-soft);--word-correct:var(--success);--word-correct-bg:var(--success-soft);--word-incorrect:var(--error);--word-incorrect-bg:var(--error-soft);--word-missing:var(--warning);--word-missing-bg:var(--warning-soft);--word-extra:var(--text-tertiary);--word-extra-bg:var(--text-tertiary)}@supports (color:lab(0% 0 0)){:root{--border-strong:lab(67.52% -.0000298023 0)}}@supports (color:color-mix(in lab, red, red)){:root{--word-extra-bg:color-mix(in oklch, var(--text-tertiary) 12%, transparent)}}:root{--overlay-subtle:#ffffff0d;--overlay-weak:#ffffff26;--overlay-light:#fff3;--overlay-medium:#ffffff80;--overlay-strong:#fff9;--overlay-darker:#fffc;--scrim-weak:#00000026;--scrim-medium:#00000059;--scrim-strong:#0009;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--badge-primary-bg:var(--primary)}@supports (color:lab(0% 0 0)){:root{--overlay-subtle:lab(100% 0 0/.05);--overlay-weak:lab(100% 0 0/.15);--overlay-light:lab(100% 0 0/.2);--overlay-medium:lab(100% 0 0/.5);--overlay-strong:lab(100% 0 0/.6);--overlay-darker:lab(100% 0 0/.8);--scrim-weak:lab(0% 0 0/.15);--scrim-medium:lab(0% 0 0/.35);--scrim-strong:lab(0% 0 0/.6)}}@supports (color:color-mix(in lab, red, red)){:root{--badge-primary-bg:color-mix(in oklch, var(--primary) 14%, var(--bg-tertiary) 86%)}}:root{--badge-primary-border:var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--badge-primary-border:color-mix(in oklch, var(--primary) 22%, transparent)}}:root{--badge-success-bg:var(--success)}@supports (color:color-mix(in lab, red, red)){:root{--badge-success-bg:color-mix(in oklch, var(--success) 14%, var(--bg-tertiary) 86%)}}:root{--badge-success-border:var(--success)}@supports (color:color-mix(in lab, red, red)){:root{--badge-success-border:color-mix(in oklch, var(--success) 22%, transparent)}}:root{--badge-warning-bg:var(--warning)}@supports (color:color-mix(in lab, red, red)){:root{--badge-warning-bg:color-mix(in oklch, var(--warning) 14%, var(--bg-tertiary) 86%)}}:root{--badge-warning-border:var(--warning)}@supports (color:color-mix(in lab, red, red)){:root{--badge-warning-border:color-mix(in oklch, var(--warning) 22%, transparent)}}:root{--badge-error-bg:var(--error)}@supports (color:color-mix(in lab, red, red)){:root{--badge-error-bg:color-mix(in oklch, var(--error) 14%, var(--bg-tertiary) 86%)}}:root{--badge-error-border:var(--error)}@supports (color:color-mix(in lab, red, red)){:root{--badge-error-border:color-mix(in oklch, var(--error) 22%, transparent)}}:root{--badge-info-bg:var(--info)}@supports (color:color-mix(in lab, red, red)){:root{--badge-info-bg:color-mix(in oklch, var(--info) 14%, var(--bg-tertiary) 86%)}}:root{--badge-info-border:var(--info)}@supports (color:color-mix(in lab, red, red)){:root{--badge-info-border:color-mix(in oklch, var(--info) 22%, transparent)}}:root{--font-ui:var(--font-sans);--font-heading:var(--font-sans);--font-phoneme:var(--font-ipa);--font-editorial:var(--font-sans);--font-display:var(--font-sans), system-ui, sans-serif;--font-h1:700 clamp(1.875rem, 4vw, 2.625rem) / 1.2 var(--font-sans), sans-serif;--font-h2:700 clamp(1.5rem, 3vw, 2rem) / 1.3 var(--font-sans), sans-serif;--font-h3:600 clamp(1.25rem, 2.5vw, 1.5rem) / 1.4 var(--font-sans), sans-serif;--font-h4:600 1.25rem / 1.35 var(--font-sans), sans-serif;--font-body:400 1rem / 1.6 var(--font-sans), sans-serif;--font-body-md:400 1rem / 1.55 var(--font-sans), sans-serif;--font-body-sm:400 .9375rem / 1.5 var(--font-sans), sans-serif;--font-caption:400 .875rem / 1.5 var(--font-sans), sans-serif;--font-label:600 .9375rem / 1.4 var(--font-sans), sans-serif;--font-kicker:500 .8125rem / 1.4 var(--font-mono-var), "Fira Code", monospace;--font-tiny:500 .8125rem / 1.4 var(--font-sans), sans-serif;--font-mono:400 .875rem / 1.6 var(--font-mono-var), "Fira Code", monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--shadow-panel:-4px 0 24px var(--fg)}@supports (color:lab(0% 0 0)){:root{--shadow-sm:0 1px 2px lab(0% 0 0/.05);--shadow-md:0 4px 6px lab(0% 0 0/.07);--shadow-lg:0 10px 15px lab(0% 0 0/.1);--shadow-xl:0 20px 25px lab(0% 0 0/.1)}}@supports (color:color-mix(in lab, red, red)){:root{--shadow-panel:-4px 0 24px color-mix(in oklch, var(--fg) 6%, transparent)}}:root{--color-selection-bar:linear-gradient(to right, #f3a3bb, #f7a597, #eeae7b, #d7bb70, #b5c87d, #8ed09c, #6dd3c0, #66cfe1, #80c7f8, #a4bbff, #c7aff5, #e3a6dd, #f3a3bb);--page-bg:var(--bg);--card-bg:var(--bg-secondary);--scrollbar-track:var(--bg-secondary);--line-divider:var(--border);--line-color:var(--border);--deep-text:var(--text-primary);--title-active:var(--primary);--btn-content:var(--text-primary);--selection-bg:var(--primary-soft);--btn-plain-bg:var(--bg-secondary);--btn-regular-bg:var(--bg-secondary);--btn-regular-bg-hover:var(--bg-tertiary);--btn-regular-bg-active:var(--border);--btn-plain-bg-hover:var(--bg-secondary);--btn-soft-bg:var(--primary)}@supports (color:lab(0% 0 0)){:root{--color-selection-bar:linear-gradient(to right, lab(75.543% 33.1862 .379443), lab(75.926% 29.9681 20.2843), lab(76.4798% 19.4148 35.9613), lab(77.1293% 2.99212 41.7078), lab(77.7339% -15.3939 35.0723), lab(78.0987% -29.8302 19.2821), lab(78.0551% -34.6699 -.276816), lab(77.5699% -28.0261 -18.6817), lab(76.8027% -13.1578 -31.7572), lab(76.0417% 4.17376 -36.4755), lab(75.5395% 19.1967 -31.665), lab(75.3885% 29.2994 -18.3813), lab(75.543% 33.1862 .379443))}}@supports (color:color-mix(in lab, red, red)){:root{--btn-soft-bg:color-mix(in oklch, var(--primary) 15%, var(--bg-secondary))}}:root{--btn-soft-bg-hover:var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--btn-soft-bg-hover:color-mix(in oklch, var(--primary) 25%, var(--bg-secondary))}}:root{--secondary:var(--primary);--secondary-hover:var(--primary-hover);--secondary-soft:var(--primary-soft);--color-accent:var(--primary);--color-accent-soft:var(--primary-soft);--color-accent-hover:var(--primary-hover);--color-text-on-accent:#fff;--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--accent-text:#fff;--focus-color:var(--primary)}@supports (color:lab(0% 0 0)){:root{--color-text-on-accent:lab(100% 0 0);--accent-text:lab(100% 0 0)}}@supports (color:color-mix(in lab, red, red)){:root{--focus-color:color-mix(in oklch, var(--primary) 35%, transparent)}}:root{--accent-dim:var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--accent-dim:color-mix(in oklch, var(--primary) 10%, transparent)}}:root{--accent-border:var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--accent-border:color-mix(in oklch, var(--primary) 22%, transparent)}}:root{--cta-bg:var(--text-primary);--cta-fg:var(--bg);--cta-bg-hover:oklch(.26 .008 var(--hue));--cta-outline-border:var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--cta-outline-border:color-mix(in oklch, var(--primary) 28%, transparent)}}:root{--cta-outline-color:var(--primary);--cta-outline-bg-hover:var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--cta-outline-bg-hover:color-mix(in oklch, var(--primary) 6%, transparent)}}:root{--hue-icon-bg:var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--hue-icon-bg:color-mix(in oklch, var(--primary) 12%, transparent)}}:root{--hue-blob:var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--hue-blob:color-mix(in oklch, var(--primary) 7%, transparent)}}:root{--hue-bar:var(--primary)}.dark{--primary-50:oklch(.18 .03 var(--hue));--primary-100:oklch(.22 .05 var(--hue));--primary-200:oklch(.28 .07 var(--hue));--primary-300:oklch(.35 .09 var(--hue));--primary-400:oklch(.55 .13 var(--hue));--primary-500:oklch(.7 .14 var(--hue));--primary-600:oklch(.63 .15 var(--hue));--primary-700:oklch(.55 .16 var(--hue));--primary-800:oklch(.46 .14 var(--hue));--primary:var(--primary-500);--primary-hover:oklch(.63 .15 var(--hue));--primary-active:oklch(.58 .16 var(--hue));--primary-soft:var(--primary-100);--primary-foreground:#030303;--on-primary:#030303;--focus-ring:oklch(.75 .12 var(--hue) / .35);--accent-analog-1:oklch(.72 .14 calc(var(--hue) + 20));--accent-analog-2:oklch(.72 .14 calc(var(--hue) - 20));--accent-complement:oklch(.72 .14 calc(var(--hue) + 180));--gradient-primary:linear-gradient(135deg, oklch(.72 .15 var(--hue)), oklch(.67 .15 calc(var(--hue) + 30)));--bg:oklch(.12 .003 var(--hue));--bg-secondary:oklch(.165 .003 var(--hue));--bg-tertiary:oklch(.21 .004 var(--hue));--fg:oklch(.95 .003 var(--hue));--text-primary:oklch(.93 .004 var(--hue));--text-secondary:oklch(.65 .004 var(--hue));--text-tertiary:oklch(.56 .003 var(--hue));--text-disabled:oklch(.38 .003 var(--hue));--text-placeholder:oklch(.38 .003 var(--hue));--border:#282828;--border-hover:#414141;--success:#61c568;--success-soft:#011d04;--success-deco:#1e6626;--success-icon-bg:#0d3811;--success-value:#43a84c;--success-border:#308639;--warning:#f6ba00;--warning-soft:#1f1400;--warning-deco:#795800;--warning-icon-bg:#442f00;--warning-value:#c28f00;--warning-border:#b68700;--error:#ff625e;--error-soft:#2f0405;--error-deco:#9b1e22;--error-icon-bg:#5c0109;--error-value:#e64343;--error-border:#c53637;--info:#4ab8e8;--info-soft:#001926;--info-deco:#006789;--info-icon-bg:#00394f;--info-value:#259cca;--info-border:#1e7ca1;--success-hover:#78dc7d;--warning-hover:#ffcf54;--error-hover:#ff8b83;--info-hover:#64cfff;--admonitions-color-tip:#61c568;--admonitions-color-warning:#f6ba00;--admonitions-color-important:#ba73ea;--admonitions-color-important-soft:#1e0c2a;--surface-base:var(--bg);--surface-raised:var(--bg-secondary);--surface-sunken:var(--bg-tertiary);--surface-overlay:oklch(.165 .003 var(--hue) / .96);--surface-translucent:var(--card-bg)}@supports (color:lab(0% 0 0)){.dark{--primary-foreground:lab(.903296% 0 0);--on-primary:lab(.903296% 0 0);--border:lab(15.9% 0 .00000596046);--border-hover:lab(27.5% 0 0);--success:lab(71.7855% -44.8717 37.074);--success-soft:lab(7.90583% -14.1705 9.96959);--success-deco:lab(37.6297% -33.7386 28.5922);--success-icon-bg:lab(19.7532% -22.4924 19.0615);--success-value:lab(61.3221% -44.9349 37.663);--success-border:lab(49.4761% -39.3352 33.1143);--warning:lab(79.2935% 13.5666 82.2486);--warning-soft:lab(7.21621% 5.84307 13.8008);--warning-deco:lab(39.669% 13.6769 84.1264);--warning-icon-bg:lab(21.0866% 10.1746 43.223);--warning-value:lab(62.9568% 15.1562 105.138);--warning-border:lab(59.5057% 12.7527 79.8726);--error:lab(63.2066% 63.0145 37.4065);--error-soft:lab(6.58291% 21.7616 8.33749);--error-deco:lab(34.5744% 50.677 31.8589);--error-icon-bg:lab(17.5663% 38.1208 23.5304);--error-value:lab(53.9062% 63.1954 38.5555);--error-border:lab(45.9853% 56.8958 34.8481);--info:lab(70.1192% -21.2876 -33.5701);--info-soft:lab(7.28886% -6.66253 -13.7378);--info-deco:lab(39.8612% -16.5018 -27.7325);--info-icon-bg:lab(21.2267% -12.2547 -22.0417);--info-value:lab(59.6494% -20.577 -33.4212);--info-border:lab(48.011% -17.2223 -27.8658);--success-hover:lab(79.9205% -44.8381 36.7478);--warning-hover:lab(86.2865% 13.0169 79.1328);--error-hover:lab(71.3412% 62.8788 36.7225);--info-hover:lab(78.2576% -21.7197 -33.6707);--admonitions-color-tip:lab(71.7855% -44.8717 37.074);--admonitions-color-warning:lab(79.2935% 13.5666 82.2486);--admonitions-color-important:lab(60.138% 44.1419 -49.5592);--admonitions-color-important-soft:lab(6.38069% 14.3912 -16.2566)}}@supports (color:color-mix(in lab, red, red)){.dark{--surface-translucent:color-mix(in oklch, var(--card-bg) 70%, transparent)}}.dark{--surface-tooltip:oklch(.26 .006 var(--hue));--surface-code:oklch(.1 .003 var(--hue));--border-subtle:#1b1b1b;--border-default:var(--border);--border-strong:#525252;--border-focus:var(--primary);--page-bg:var(--bg);--card-bg:var(--bg-secondary);--scrollbar-track:var(--bg-tertiary);--line-divider:var(--border);--line-color:var(--border);--deep-text:var(--text-primary);--title-active:var(--primary);--btn-content:var(--text-primary);--selection-bg:var(--primary-soft);--btn-plain-bg:var(--bg-tertiary);--btn-regular-bg:var(--bg-secondary);--btn-regular-bg-hover:var(--bg-tertiary);--btn-regular-bg-active:var(--border);--btn-plain-bg-hover:var(--bg-tertiary);--btn-soft-bg:var(--primary)}@supports (color:lab(0% 0 0)){.dark{--border-subtle:lab(9.52% -.00000745058 0);--border-strong:lab(35.04% -.0000149012 0)}}@supports (color:color-mix(in lab, red, red)){.dark{--btn-soft-bg:color-mix(in oklch, var(--primary) 15%, var(--bg-secondary))}}.dark{--btn-soft-bg-hover:var(--primary)}@supports (color:color-mix(in lab, red, red)){.dark{--btn-soft-bg-hover:color-mix(in oklch, var(--primary) 25%, var(--bg-secondary))}}.dark{--secondary:var(--primary);--secondary-hover:var(--primary-hover);--secondary-soft:var(--primary-soft);--color-accent:var(--primary);--color-accent-soft:var(--primary-soft);--color-accent-hover:var(--primary-hover);--color-text-on-accent:#060606;--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--accent-text:#060606;--focus-color:var(--primary)}@supports (color:lab(0% 0 0)){.dark{--color-text-on-accent:lab(1.5609% 0 0);--accent-text:lab(1.5609% 0 0)}}@supports (color:color-mix(in lab, red, red)){.dark{--focus-color:color-mix(in oklch, var(--primary) 35%, transparent)}}.dark{--accent-dim:var(--primary)}@supports (color:color-mix(in lab, red, red)){.dark{--accent-dim:color-mix(in oklch, var(--primary) 14%, transparent)}}.dark{--accent-border:var(--primary)}@supports (color:color-mix(in lab, red, red)){.dark{--accent-border:color-mix(in oklch, var(--primary) 30%, transparent)}}.dark{--cta-bg-hover:oklch(.88 .004 var(--hue))}html,body{overflow-x:hidden}html{font-size:100%}body{letter-spacing:-.01em;font-kerning:normal;font-optical-sizing:auto;font-size:1rem;font-weight:400}a,button,input,select,textarea,[role=button]{transition:background-color .2s,color .2s,border-color .2s}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shadow-card{box-shadow:0 1px 3px var(--border-default), 0 4px 12px var(--border-default)}.btn-primary{background-color:var(--cta-bg);color:var(--cta-fg);transition:background-color .2s}.btn-primary:hover{background-color:var(--cta-bg-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--cta-outline-color);border:1px solid var(--cta-outline-border);background:0 0;transition:background-color .2s,border-color .2s}.btn-secondary:hover{background-color:var(--cta-outline-bg-hover);border-color:var(--primary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.icon-wrap-hue{background:var(--hue-icon-bg);color:var(--primary)}.bg-primary-wash{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary-wash{background:color-mix(in oklch, var(--primary) 10%, transparent)}}.bg-daily-card{background:var(--surface-raised)}.callout-warning{background:var(--warning-soft);border:1px solid var(--warning)}@supports (color:color-mix(in lab, red, red)){.callout-warning{border:1px solid color-mix(in oklch, var(--warning) 30%, transparent)}}.home-card-lift{transition:transform .15s var(--ease-out-expo,ease-out), border-color .15s var(--ease-out-expo,ease-out)}.home-card-lift:hover{border-color:var(--accent-border);transform:translateY(-2px)}.home-card-lift:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.home-card-lift:hover,.home-card-lift:active{transform:none}}.btn-soft{background-color:var(--primary-soft);color:var(--primary);transition:all .2s}.btn-soft:hover{background-color:var(--primary-hover);color:var(--primary-foreground)}.accent-button{background-color:var(--color-accent);color:var(--color-text-on-accent);transition:all .2s}.accent-button:hover{background-color:var(--color-accent-hover)}.accent-button:active{filter:brightness(.92)}.accent-button:disabled{opacity:.5;cursor:not-allowed}.card{background-color:var(--bg-secondary);border-color:var(--border);color:var(--text-primary)}.card-dark{background-color:var(--bg-tertiary);border-color:var(--border);color:var(--text-primary)}.input-themed{background-color:var(--bg);border-color:var(--border);color:var(--text-primary)}.input-themed:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-color)}.badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--surface-sunken);color:var(--text-secondary);border-radius:var(--radius-md);font:var(--font-caption);font-weight:500;display:inline-flex}.badge-primary{background-color:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.badge-secondary{background-color:var(--secondary-soft);color:var(--secondary);border-color:var(--secondary)}.dot-warning,.dot-success,.dot-danger,.dot-info{border-radius:50%;flex-shrink:0;width:6px;height:6px}.dot-warning{background:var(--warning)}.dot-success{background:var(--success)}.dot-danger{background:var(--error)}.dot-info{background:var(--info)}.font-display,.font-editorial{font-family:var(--font-sans), system-ui, sans-serif}.font-phoneme{font-family:var(--font-mono-var), "Fira Code", monospace}.font-h1{font:var(--font-h1)}.font-h2{font:var(--font-h2)}.font-h3{font:var(--font-h3)}.font-h4{font:var(--font-h4)}.font-body{font:var(--font-body)}.font-body-md{font:var(--font-body-md)}.font-body-sm{font:var(--font-body-sm)}.font-caption{font:var(--font-caption)}.font-label{font:var(--font-label)}.font-kicker{font:var(--font-kicker);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.font-tiny{font:var(--font-tiny)}.font-heading{font-family:var(--font-heading), serif}.type-overline{font:var(--font-kicker);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.type-stat{font-family:var(--font-sans), sans-serif;font-variant-numeric:tabular-nums;color:var(--text-primary);font-weight:700;line-height:1}.font-mono{font-family:var(--font-mono-var), "Fira Code", monospace}.font-ipa{font-family:var(--font-ipa), "Andika", "Noto Sans", sans-serif;font-optical-sizing:auto;letter-spacing:.04em;word-spacing:.14em;color:var(--text-secondary);font-style:normal;font-weight:400;line-height:1.55}.ipa{font-family:var(--font-ipa), "Andika", "Noto Sans", sans-serif;font-optical-sizing:auto;letter-spacing:.05em;word-spacing:.2em;color:var(--text-secondary);font-size:1.1875rem;font-weight:400;line-height:1.7}.text-accent,.text-primary{color:var(--primary)}.text-btn-content{color:var(--btn-content)}.text-deep{color:var(--deep-text)}.text-title-active{color:var(--title-active)}.text-page-bg{color:var(--page-bg)}.text-on-primary{color:var(--on-primary)}.text-on-accent{color:var(--color-text-on-accent)}.text-accent-analog{color:var(--accent-analog-1)}.text-accent-complement{color:var(--accent-complement)}.text-accent-hover:hover{color:var(--primary-hover)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-info{color:var(--info)}.text-important{color:var(--admonitions-color-important)}.bg-primary{background-color:var(--primary)}.bg-accent{background-color:var(--color-accent)}.bg-accent-analog{background-color:var(--accent-analog-1)}.bg-page-bg{background-color:var(--page-bg)}.bg-card-bg{background-color:var(--card-bg)}.bg-btn-regular{background-color:var(--btn-regular-bg)}.bg-btn-plain-hover{background-color:var(--btn-plain-bg-hover)}.bg-btn-content{background-color:var(--btn-content)}.bg-selection{background-color:var(--selection-bg)}.bg-success{background-color:var(--success-soft)}.bg-warning{background-color:var(--warning-soft)}.bg-error{background-color:var(--error-soft)}.bg-error-solid{background-color:var(--error)}.bg-info{background-color:var(--info-soft)}.bg-important{background-color:var(--admonitions-color-important-soft)}.bg-success-light{background-color:var(--success-soft)}.bg-info-light{background-color:var(--info-soft)}.bg-warning-light{background-color:var(--warning-soft)}.bg-error-light{background-color:var(--error-soft)}.bg-important-light{background-color:var(--admonitions-color-important-soft)}.bg-gradient-primary,.bg-gradient-to-br-primary{background:var(--gradient-primary)}.border-primary{border-color:var(--primary)}.border-accent{border-color:var(--color-accent)}.border-line-divider{border-color:var(--line-divider)}.border-line-color{border-color:var(--line-color)}.accent-bg{background-color:var(--color-accent)}.accent-text{color:var(--color-accent)}.accent-border{border-color:var(--color-accent)}.accent-ring{--tw-ring-color:var(--color-accent);box-shadow:0 0 0 3px var(--focus-color)}.accent-nav-active{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.accent-nav-active{background-color:color-mix(in oklch, var(--primary) 15%, transparent)}}.accent-nav-active{color:var(--color-accent)}.dark .accent-nav-active{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.dark .accent-nav-active{background-color:color-mix(in oklch, var(--primary) 20%, transparent)}}.hover\:bg-btn-regular-hover:hover{background-color:var(--btn-regular-bg-hover)}.hover\:bg-btn-plain-hover:hover{background-color:var(--btn-plain-bg-hover)}.hover\:bg-primary:hover{background-color:var(--primary)}.hover\:text-title-active:hover{color:var(--title-active)}.active\:bg-btn-regular-active:active{background-color:var(--btn-regular-bg-active)}.focus\:ring-primary:focus-visible{box-shadow:0 0 0 3px var(--focus-color);outline:none}.focus\:ring-accent:focus{--tw-ring-color:var(--color-accent)}.link-primary{color:var(--primary);text-decoration:underline}.link-primary:hover{color:var(--btn-content)}.hover-border-primary:hover{border-color:var(--primary)}.home-layout-shell{isolation:isolate;width:100%;max-width:80rem;margin-inline:auto;position:relative}.home-layout-sections{gap:var(--space-5);flex-direction:column;display:flex}.home-command-grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:768px){.home-command-grid{align-items:start;column-gap:var(--space-5);row-gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(17rem,22rem)}.home-command-review{grid-column:1/-1}.home-command-aside{top:var(--space-4);position:sticky}}.home-command-main{gap:var(--space-4);flex-direction:column;display:flex}.home-command-aside{gap:var(--space-3);flex-direction:column;display:flex}.home-sidebar-card{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background-color:var(--surface-raised);padding:var(--space-5)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes statRise{0%{opacity:0;transform:translateY(18px)scaleY(.7)}to{opacity:1;transform:translateY(0)scaleY(1)}}@keyframes progressRing{0%{stroke-dasharray:0 999}}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes grid-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes drift1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(60px,80px)scale(1.1)}66%{transform:translate(-20px,120px)scale(.95)}}@keyframes drift2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-50px,60px)scale(1.08)}66%{transform:translate(20px,-40px)scale(1.15)}}@keyframes drift3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(80px,-50px)scale(1.2)}}@keyframes waveBar{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes weakPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}@keyframes wavePulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.4;transform:scaleY(.2)}}@keyframes mic-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes mic-ring{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes chip-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes state-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes step-done{0%{opacity:.6;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes message-in{0%{opacity:0;filter:blur(2px);transform:translateY(6px)}to{opacity:1;filter:blur();transform:translateY(0)}}.animate-fadeIn{will-change:opacity, transform;animation:.4s ease-out fadeIn}.animate-stat-rise{transform-origin:bottom;will-change:opacity, transform;animation:.6s ease-out both statRise}.animate-progress-ring{will-change:stroke-dasharray;animation:1s ease-out both progressRing}.animate-float-soft{will-change:transform;animation:3.2s ease-in-out infinite floatSoft}.animate-grid-in{will-change:opacity, transform;animation:.35s cubic-bezier(.4,0,.2,1) both grid-in}.animate-weak-pulse{will-change:transform, opacity;animation:1.5s ease-in-out infinite weakPulse}.animate-mic-breathe{will-change:transform;animation:1.8s ease-in-out infinite mic-breathe}.animate-mic-ring{will-change:transform, opacity;animation:.8s ease-out infinite mic-ring}.animate-chip-appear{animation:chip-appear .3s var(--ease-out-expo) both;will-change:opacity, transform}.animate-message-in{animation:message-in .45s var(--ease-out-expo) both;will-change:filter, opacity, transform}.animate-state-in{animation:state-in .22s var(--ease-out-expo) both;will-change:opacity, transform}.animate-step-done{animation:step-done .2s var(--ease-out-expo) both;will-change:transform, opacity}.progress-fill{transform-origin:0;transition:transform .25s var(--ease-out-expo)}.transition-ring{transition:stroke-dashoffset .6s var(--ease-out-expo)}@media (prefers-reduced-motion:reduce){.animate-fadeIn,.animate-stat-rise,.animate-progress-ring,.animate-float-soft,.animate-grid-in,.animate-weak-pulse,.animate-mic-breathe,.animate-mic-ring,.animate-message-in,.animate-state-in,.animate-step-done{animation:none!important}.progress-fill,.transition-ring{transition:none!important}.animate-accuracy-pop{animation:none!important}}@keyframes accuracy-pop{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.animate-accuracy-pop{animation:accuracy-pop .4s var(--ease-out-quart) both}@keyframes home-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes symbol-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes bar-mount{0%{transform:scaleX(0)}}.animate-home-in{animation:home-in .28s var(--ease-out-expo) both;will-change:opacity, transform}.animate-home-in-d1{animation-delay:60ms}.animate-home-in-d2{animation-delay:.11s}.animate-home-in-d3{animation-delay:.16s}.animate-symbol-in{animation:symbol-in .32s var(--ease-out-expo) both;will-change:opacity, transform}.progress-fill-mount{transform-origin:0;animation:bar-mount .5s var(--ease-out-expo) both;animation-delay:.12s}@media (prefers-reduced-motion:reduce){.animate-home-in,.animate-symbol-in,.progress-fill-mount{animation:none!important}}@keyframes phoneme-ring{0%{opacity:.7;transform:scale(.92)}60%{opacity:0;transform:scale(1.08)}to{opacity:0;transform:scale(1.08)}}@keyframes loadingSlide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.animate-loading-slide{animation:2s linear infinite loadingSlide}@media (prefers-reduced-motion:reduce){.animate-loading-slide{animation:none}}.theme-select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark .theme-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-select option{background-color:var(--surface-raised);color:var(--text-primary)}.sidebar-scrollbar{scrollbar-width:thin;scrollbar-color:var(--primary) var(--scrollbar-track)}@supports (color:color-mix(in lab, red, red)){.sidebar-scrollbar{scrollbar-color:color-mix(in oklab, var(--primary) 58%, var(--card-bg)) var(--scrollbar-track)}}.sidebar-scrollbar::-webkit-scrollbar{width:6px;height:6px}.sidebar-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track)}.sidebar-scrollbar::-webkit-scrollbar-thumb{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.sidebar-scrollbar::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--primary) 58%, var(--card-bg))}}.sidebar-scrollbar::-webkit-scrollbar-thumb{border:1.5px solid var(--card-bg);border-radius:999px;min-height:32px}.sidebar-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.sidebar-scrollbar::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab, var(--primary) 72%, var(--card-bg))}}.sidebar-scrollbar::-webkit-scrollbar-thumb:active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.sidebar-scrollbar::-webkit-scrollbar-thumb:active{background:color-mix(in oklab, var(--primary) 82%, var(--card-bg))}}.main-scrollbar{scrollbar-width:thin;scrollbar-color:var(--primary) var(--scrollbar-track)}@supports (color:color-mix(in lab, red, red)){.main-scrollbar{scrollbar-color:color-mix(in oklab, var(--primary) 52%, var(--page-bg)) var(--scrollbar-track)}}.main-scrollbar::-webkit-scrollbar{width:6px;height:6px}.main-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track)}.main-scrollbar::-webkit-scrollbar-thumb{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.main-scrollbar::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--primary) 52%, var(--page-bg))}}.main-scrollbar::-webkit-scrollbar-thumb{border:1.5px solid var(--page-bg);border-radius:999px;min-height:36px}.main-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.main-scrollbar::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab, var(--primary) 68%, var(--page-bg))}}.main-scrollbar::-webkit-scrollbar-thumb:active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.main-scrollbar::-webkit-scrollbar-thumb:active{background:color-mix(in oklab, var(--primary) 78%, var(--page-bg))}}.slider-thumb::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border:2px solid var(--bg);border-radius:50%;width:20px;height:20px;transition:box-shadow .2s;box-shadow:0 1px 4px #0003}.slider-thumb::-webkit-slider-thumb:hover{box-shadow:0 2px 8px #0000004d}.slider-thumb::-moz-range-thumb{background:var(--primary);cursor:pointer;border:2px solid var(--bg);border-radius:50%;width:20px;height:20px;transition:box-shadow .2s;box-shadow:0 1px 4px #0003}.slider-thumb::-moz-range-thumb:hover{box-shadow:0 2px 8px #0000004d}.slider-thumb::-webkit-slider-runnable-track{background:inherit;border-radius:5px;width:100%;height:8px}.slider-thumb::-moz-range-track{background:0 0;border:none}.slider-thumb-enhanced::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:3px solid #333;border-radius:50%;width:24px;height:24px;transition:all .2s;box-shadow:0 2px 8px #0006,inset 0 0 0 2px #fff}.slider-thumb-enhanced::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000080,inset 0 0 0 2px #fff}.slider-thumb-enhanced::-webkit-slider-thumb:active{transform:scale(.95);box-shadow:0 2px 6px #0006,inset 0 0 0 2px #fff}.slider-thumb-enhanced::-moz-range-thumb{cursor:pointer;background:#fff;border:3px solid #333;border-radius:50%;width:24px;height:24px;transition:all .2s;box-shadow:0 2px 8px #0006,inset 0 0 0 2px #fff}.slider-thumb-enhanced::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000080,inset 0 0 0 2px #fff}.slider-thumb-enhanced::-moz-range-thumb:active{transform:scale(.95);box-shadow:0 2px 6px #0006,inset 0 0 0 2px #fff}.slider-thumb-enhanced::-webkit-slider-runnable-track{background:inherit;border-radius:3px;width:100%;height:6px}.slider-thumb-enhanced::-moz-range-track{background:0 0;border:none}.color-selection-slider{appearance:none;background:var(--color-selection-bar);border-radius:999px;outline:none;width:100%;height:8px}.color-selection-slider:focus-visible{outline:2px solid var(--primary);outline-offset:2px;padding:0}.color-selection-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border:none;border-radius:6px;width:14px;height:28px;margin-top:-8px;transition:box-shadow .2s,transform .2s;box-shadow:0 2px 6px #0006}.color-selection-slider::-webkit-slider-thumb:hover{transform:scaleY(1.1);box-shadow:0 4px 12px #00000080}.color-selection-slider::-webkit-slider-thumb:active{transform:scaleY(.95);box-shadow:0 1px 4px #0000004d}.color-selection-slider::-moz-range-thumb{background:var(--primary);cursor:pointer;border:none;border-radius:6px;width:14px;height:28px;transition:box-shadow .2s,transform .2s;box-shadow:0 2px 6px #0006}.color-selection-slider::-moz-range-thumb:hover{transform:scaleY(1.1);box-shadow:0 4px 12px #00000080}.color-selection-slider::-moz-range-thumb:active{transform:scaleY(.95);box-shadow:0 1px 4px #0000004d}.color-selection-slider::-webkit-slider-runnable-track{background:inherit;border-radius:999px;width:100%;height:12px}.color-selection-slider::-moz-range-track{background:var(--color-selection-bar);border:none;border-radius:999px;height:12px}.sound-volume-slider{--sound-volume:85%;appearance:none;border-radius:var(--radius-full);background:linear-gradient(to right, var(--primary) 0 var(--sound-volume), var(--surface-sunken) var(--sound-volume) 100%);cursor:pointer;width:100%;height:6px}.sound-volume-slider:disabled{cursor:not-allowed}.sound-volume-slider:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.sound-volume-slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--surface-raised);border-radius:var(--radius-full);background:var(--primary);width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform .15s var(--ease-out-quart), box-shadow .15s var(--ease-out-quart)}.sound-volume-slider::-webkit-slider-thumb:hover{box-shadow:var(--shadow-md);transform:scale(1.12)}.sound-volume-slider::-moz-range-track{border-radius:var(--radius-full);background:var(--surface-sunken);border:0;height:6px}.sound-volume-slider::-moz-range-progress{border-radius:var(--radius-full);background:var(--primary);height:6px}.sound-volume-slider::-moz-range-thumb{border:2px solid var(--surface-raised);border-radius:var(--radius-full);background:var(--primary);width:12px;height:12px;box-shadow:var(--shadow-sm)}.chat-messages-container{background-color:var(--surface-base);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='1.5' fill='oklch(0 0 0 / 0.07)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:24px 24px}.dark .chat-messages-container{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='1.5' fill='oklch(1 0 0 / 0.06)'/%3E%3C/svg%3E")}.chat-bg{background:var(--primary);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.chat-bg{background:color-mix(in oklch, var(--primary) 4%, var(--bg))}}.chat-bg:before{content:"";background:radial-gradient(ellipse 80% 50% at 20% 0%, var(--primary) 0%, transparent 70%), radial-gradient(ellipse 60% 40% at 90% 20%, var(--accent-analog-1) 0%, transparent 70%), radial-gradient(ellipse 50% 35% at 10% 80%, var(--accent-analog-2) 0%, transparent 70%), radial-gradient(ellipse 70% 50% at 70% 100%, var(--accent-complement) 0%, transparent 70%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.chat-bg:before{background:radial-gradient(ellipse 80% 50% at 20% 0%, color-mix(in oklch, var(--primary) 18%, transparent) 0%, transparent 70%), radial-gradient(ellipse 60% 40% at 90% 20%, color-mix(in oklch, var(--accent-analog-1) 14%, transparent) 0%, transparent 70%), radial-gradient(ellipse 50% 35% at 10% 80%, color-mix(in oklch, var(--accent-analog-2) 10%, transparent) 0%, transparent 70%), radial-gradient(ellipse 70% 50% at 70% 100%, color-mix(in oklch, var(--accent-complement) 8%, transparent) 0%, transparent 70%)}}.chat-bg:before{pointer-events:none}.blob{filter:blur(70px);pointer-events:none;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle, var(--primary) 0%, transparent 70%);width:360px;height:360px}@supports (color:color-mix(in lab, red, red)){.blob-1{background:radial-gradient(circle, color-mix(in oklch, var(--primary) 55%, transparent) 0%, transparent 70%)}}.blob-1{opacity:.45;animation:18s ease-in-out infinite drift1;top:-100px;left:-100px}.blob-2{background:radial-gradient(circle, var(--accent-analog-1) 0%, transparent 70%);width:280px;height:280px}@supports (color:color-mix(in lab, red, red)){.blob-2{background:radial-gradient(circle, color-mix(in oklch, var(--accent-analog-1) 50%, transparent) 0%, transparent 70%)}}.blob-2{opacity:.4;animation:22s ease-in-out infinite drift2;top:40px;right:-80px}.blob-3{background:radial-gradient(circle, var(--accent-analog-2) 0%, transparent 70%);width:240px;height:240px}@supports (color:color-mix(in lab, red, red)){.blob-3{background:radial-gradient(circle, color-mix(in oklch, var(--accent-analog-2) 45%, transparent) 0%, transparent 70%)}}.blob-3{opacity:.3;animation:16s ease-in-out infinite drift3;top:300px;left:20px}.blob-4{background:radial-gradient(circle, var(--accent-complement) 0%, transparent 70%);width:200px;height:200px}@supports (color:color-mix(in lab, red, red)){.blob-4{background:radial-gradient(circle, color-mix(in oklch, var(--accent-complement) 35%, transparent) 0%, transparent 70%)}}.blob-4{opacity:.25;animation:26s ease-in-out infinite reverse drift2;bottom:-60px;right:10%}.auth-image-fade{transition:opacity 1.2s var(--ease-out-expo)}.auth-image-fade--out{transition:opacity .8s var(--transition-base)}.auth-image-gradient{background:linear-gradient(to top, var(--scrim-medium), transparent)}.auth-mobile-hero{min-height:clamp(200px,40vh,320px)}.auth-mobile-gradient{background:linear-gradient(to top, var(--scrim-strong) 0%, var(--scrim-weak) 60%, transparent 100%)}.flip-card-perspective{perspective:1000px}.flip-card-inner{transform-style:preserve-3d;transition:transform .55s var(--transition-base);min-height:280px;position:relative}.flip-card-inner--flipped{transform:rotateY(180deg)}.accuracy-ring-progress{transition:stroke-dasharray .8s cubic-bezier(.4,0,.2,1)}@keyframes sound-lab-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.sound-lab__card{animation:.22s cubic-bezier(.16,1,.3,1) both sound-lab-card-in}}.sound-lab{--sound-lab-chrome-bg:var(--surface-raised);--sound-lab-chrome-border:var(--border-default);--sound-lab-ink:var(--text-primary);--sound-lab-ink-muted:var(--text-secondary);background:var(--surface-base)}.sound-lab__page-header{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}@media (min-width:640px){.sound-lab__page-header{gap:var(--space-5);margin-bottom:var(--space-10)}}.sound-lab__toolbar{gap:var(--space-2);box-shadow:none;background:0 0;border:0;flex-direction:column;justify-content:space-between;padding:0;display:flex}@media (min-width:640px){.sound-lab__toolbar{align-items:center;gap:var(--space-3);flex-direction:row}}.sound-lab__filter-controls{align-items:center;gap:var(--space-2);min-width:0;display:flex}.sound-lab__chip-row{align-items:center;gap:var(--space-2);overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;flex-shrink:0;min-width:0;display:flex;overflow-x:auto}@media (min-width:640px){.sound-lab__chip-row{flex-wrap:wrap;overflow-x:visible}}.sound-lab__chip-row::-webkit-scrollbar{display:none}.sound-lab__chip{color:var(--sound-lab-ink);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;min-height:2.75rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s,transform .15s}.sound-lab__chip--compact{min-height:2.75rem;padding:.375rem .75rem;font-size:.8125rem}@media (min-width:640px){.sound-lab__chip--compact{min-height:2.5rem;padding:.3125rem .75rem;font-size:.8125rem}}.sound-lab__chip:hover{border-color:var(--border-strong);background:var(--surface-sunken)}@supports (color:color-mix(in lab, red, red)){.sound-lab__chip:hover{background:color-mix(in oklch, var(--surface-sunken) 70%, transparent)}}.sound-lab__chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sound-lab__chip:active{transform:scale(.98)}.sound-lab__chip--on{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.sound-lab__chip--on:hover{background:var(--primary-soft);border-color:var(--primary)}.sound-lab__chip--on:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sound-lab__search{align-items:center;gap:var(--space-2);background:var(--surface-sunken);width:100%;display:flex}@supports (color:color-mix(in lab, red, red)){.sound-lab__search{background:color-mix(in oklch, var(--surface-sunken) 70%, transparent)}}.sound-lab__search{border:1px solid var(--sound-lab-chrome-border);border-radius:var(--radius-lg);color:var(--sound-lab-ink-muted);min-height:2.75rem;padding:.375rem .875rem;transition:border-color .15s,box-shadow .15s}.sound-lab__search--compact{min-height:2.75rem;padding:.375rem .875rem}@media (min-width:640px){.sound-lab__search{flex:auto;width:auto;min-width:12rem;max-width:28rem}.sound-lab__search--compact{min-height:2.5rem;padding:.3125rem .75rem}}.sound-lab__search:focus-within{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--sound-lab-ink)}@supports (color:color-mix(in lab, red, red)){.sound-lab__search:focus-within{box-shadow:0 0 0 3px color-mix(in oklch, var(--sound-lab-ink) 8%, transparent)}}.sound-lab__search-icon{color:var(--sound-lab-ink);flex-shrink:0}.sound-lab__search input{color:var(--sound-lab-ink);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.8125rem}.sound-lab__search input::placeholder{color:var(--sound-lab-ink-muted)}.sound-lab__result-count{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:.8125rem}.sound-lab__clear-filters,.sound-lab__clear-search{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font:inherit;border:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.sound-lab__clear-filters{flex-shrink:0;min-height:2.75rem;padding:.375rem .5rem}.sound-lab__clear-search{background:0 0;flex:0 0 2rem;height:2rem;margin-right:-.25rem;padding:0}.sound-lab__clear-filters:hover,.sound-lab__clear-search:hover{background:var(--surface-sunken);color:var(--text-primary)}.sound-lab__clear-filters:focus-visible,.sound-lab__clear-search:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (max-width:639px){.sound-lab__filter-controls{width:100%}.sound-lab__result-count{display:none}.sound-lab__chip-row{flex:auto}}.sound-lab__card{min-height:160px;transition:transform .15s,border-color .15s,box-shadow .15s}@media (min-width:640px){.sound-lab__card{min-height:180px}}.sound-lab__card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--border-default)!important}.sound-lab__card--weak{background:var(--warning)!important}@supports (color:color-mix(in lab, red, red)){.sound-lab__card--weak{background:color-mix(in oklch, var(--warning) 8%, var(--surface-raised))!important}}.sound-lab__card--weak{border-color:var(--warning)!important}@supports (color:color-mix(in lab, red, red)){.sound-lab__card--weak{border-color:color-mix(in oklch, var(--warning) 30%, var(--border-subtle))!important}}.sound-lab__card--continuing{border-color:var(--primary)!important}@supports (color:color-mix(in lab, red, red)){.sound-lab__card--continuing{border-color:color-mix(in oklch, var(--primary) 45%, var(--border-subtle))!important}}.sound-lab__card--continuing{box-shadow:0 0 0 1px var(--primary)}@supports (color:color-mix(in lab, red, red)){.sound-lab__card--continuing{box-shadow:0 0 0 1px color-mix(in oklch, var(--primary) 35%, transparent)}}.sound-lab__continuing-badge{letter-spacing:.01em;color:var(--primary);background:var(--primary);font-size:.6875rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.sound-lab__continuing-badge{background:color-mix(in oklch, var(--primary) 12%, transparent)}}.sound-lab__continuing-badge{border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.sound-lab__continuing-badge{border:1px solid color-mix(in oklch, var(--primary) 28%, transparent)}}.sound-lab__continuing-badge{border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;padding:2px 8px}.sound-lab__weak-badge{letter-spacing:.01em;color:var(--warning);background:var(--warning);font-size:.6875rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.sound-lab__weak-badge{background:color-mix(in oklch, var(--warning) 14%, transparent)}}.sound-lab__weak-badge{border:1px solid var(--warning)}@supports (color:color-mix(in lab, red, red)){.sound-lab__weak-badge{border:1px solid color-mix(in oklch, var(--warning) 35%, transparent)}}.sound-lab__weak-badge{border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;padding:2px 8px}.sound-lab__card-sub{color:var(--text-secondary);font-size:.82rem;line-height:1.4}.sound-lab__example-pill{border-radius:var(--radius-full);color:var(--text-secondary);font-size:.75rem;font-weight:500;font-family:var(--font-sans), sans-serif;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:.25rem;padding:.125rem .375rem .125rem .25rem;line-height:1;transition:background-color .15s,color .15s,box-shadow .15s;display:inline-flex}.sound-lab__example-pill:hover{background:var(--surface-sunken)}@supports (color:color-mix(in lab, red, red)){.sound-lab__example-pill:hover{background:color-mix(in oklch, var(--surface-sunken) 70%, transparent)}}.sound-lab__example-pill:hover{color:var(--text-primary)}.sound-lab__example-pill--speaking{color:var(--primary)}@keyframes sound-lab-pill-pulse{0%,to{box-shadow:0 0}50%{box-shadow:0 0 0 3px color-mix(in oklch, currentColor 30%, transparent)}}@media (prefers-reduced-motion:no-preference){.sound-lab__example-pill--speaking{animation:.8s ease-in-out infinite sound-lab-pill-pulse}}.sound-lab__divider-track{border-radius:var(--radius-full);background:var(--border-subtle);width:100%;height:3px}@supports (color:color-mix(in lab, red, red)){.sound-lab__divider-track{background:color-mix(in oklch, var(--border-subtle) 60%, transparent)}}.sound-lab__divider-track{margin-top:auto;margin-bottom:0;overflow:hidden}.sound-lab__divider-fill{border-radius:inherit;background:var(--primary);height:100%;transition:width .4s cubic-bezier(.16,1,.3,1);display:block}.sound-lab__divider-fill--done{background:var(--success)}.sound-lab__card-pct{color:var(--primary);font-size:.75rem;font-weight:600}.sound-lab__done-icon{color:var(--success)}.sound-lab__difficulty-badge{letter-spacing:.01em;color:var(--text-secondary);font-size:.6875rem;font-weight:600;line-height:1}.sound-lab__ipa{font-family:var(--font-ipa), "Andika", "Noto Sans", sans-serif;font-optical-sizing:auto;letter-spacing:.02em;color:var(--primary);margin-bottom:6px;font-size:2.4rem;font-weight:700;line-height:1.15}@media (min-width:640px){.sound-lab__ipa{font-size:2.75rem}}.sound-lab__hero-word{color:var(--text-primary);margin-bottom:2px;font-size:.9375rem;font-weight:700;line-height:1.2}.sound-lab__group-title{font-family:var(--font-sans), sans-serif;color:var(--text-primary);font-size:1.3rem;font-weight:480}.sound-lab__card--done{background:var(--success)!important}@supports (color:color-mix(in lab, red, red)){.sound-lab__card--done{background:color-mix(in oklch, var(--success) 9%, var(--surface-raised))!important}}.sound-lab__card--done{border-color:var(--success)!important}@supports (color:color-mix(in lab, red, red)){.sound-lab__card--done{border-color:color-mix(in oklch, var(--success) 22%, var(--border-subtle))!important}}.sound-lab__card--done{opacity:.82}.sound-lab__card--near-complete{background:var(--success)!important}@supports (color:color-mix(in lab, red, red)){.sound-lab__card--near-complete{background:color-mix(in oklch, var(--success) 7%, var(--surface-raised))!important}}.sound-lab__card--near-complete{border-color:var(--success)!important}@supports (color:color-mix(in lab, red, red)){.sound-lab__card--near-complete{border-color:color-mix(in oklch, var(--success) 28%, var(--border-subtle))!important}}.sound-lab__near-badge{letter-spacing:.01em;color:var(--success);background:var(--success);font-size:.6875rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.sound-lab__near-badge{background:color-mix(in oklch, var(--success) 14%, transparent)}}.sound-lab__near-badge{border:1px solid var(--success)}@supports (color:color-mix(in lab, red, red)){.sound-lab__near-badge{border:1px solid color-mix(in oklch, var(--success) 30%, transparent)}}.sound-lab__near-badge{border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;padding:2px 8px}.sound-lab__section-divider{border-top:1px solid var(--border-subtle);margin-top:2rem;margin-bottom:2.5rem;padding-top:2rem}@media (min-width:640px){.sound-lab__section-divider{margin-top:2.5rem;padding-top:2.5rem}}.sound-lab__focus-banner{background:var(--sound-lab-chrome-bg);border-color:var(--sound-lab-chrome-border);box-shadow:var(--shadow-sm)}.sound-lab__focus-banner-icon{color:var(--sound-lab-ink)}.sound-lab__focus-banner-link{color:var(--sound-lab-ink);font-weight:600}.sound-lab__focus-banner-link:hover{color:var(--cta-bg-hover)}.sound-lab__focus-tokens{font-family:var(--font-mono,"DM Mono", monospace);color:var(--sound-lab-ink);letter-spacing:.01em;font-size:.8125rem;font-weight:500}.sound-lab__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}@media (min-width:640px){.sound-lab__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}}@media (min-width:1024px){.sound-lab__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}.phoneme-focus{min-height:100dvh;padding:var(--space-4);color:var(--text-primary);font-family:var(--font-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(120% 70% at 50% -10%, var(--primary), transparent 55%), var(--surface-base);justify-content:center;align-items:center;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.phoneme-focus{background:radial-gradient(120% 70% at 50% -10%, color-mix(in oklch, var(--primary) 12%, var(--surface-base)), transparent 55%), var(--surface-base)}}.phoneme-focus__wrap{justify-content:center;align-items:flex-start;width:100%;display:flex}.phoneme-focus__phone{background:var(--surface-raised);border:1px solid var(--border-subtle);width:min(480px,100vw - 2rem);box-shadow:var(--shadow-lg);border-radius:28px;flex-direction:column;display:flex;overflow:hidden}@media (max-width:540px){.phoneme-focus:not(.fixed){--phoneme-focus-nav-clearance:env(safe-area-inset-bottom,0px);width:100%;min-height:calc(100dvh - var(--phoneme-focus-nav-clearance));height:calc(100dvh - var(--phoneme-focus-nav-clearance));max-height:calc(100dvh - var(--phoneme-focus-nav-clearance));background:var(--surface-raised);justify-content:flex-start;align-items:stretch;padding:0}.phoneme-focus:not(.fixed) .phoneme-focus__wrap{flex:auto;align-items:stretch;height:100%;min-height:0}.phoneme-focus:not(.fixed) .phoneme-focus__phone{width:100%;height:100%;min-height:0;box-shadow:none;border:none;border-radius:0;flex:auto;padding-bottom:0}.phoneme-focus:not(.fixed) .phoneme-focus__footer{z-index:2;position:sticky;bottom:0}}.phoneme-focus__topbar{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-3);display:flex}.phoneme-focus__session-title{padding:var(--space-3) var(--space-5) 0;gap:var(--space-1);flex-direction:column;display:flex}.phoneme-focus__session-label{letter-spacing:.01em;text-transform:none;color:var(--text-tertiary);font-size:.75rem;font-weight:550}.phoneme-focus__session-name{font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.01em;color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1.3}.phoneme-focus__session-name--ipa{font-family:var(--font-mono-var), "Fira Code", monospace;color:var(--primary);font-size:1.375rem;font-weight:480}.phoneme-focus__stage{padding:var(--space-4) var(--space-5) var(--space-6);justify-content:flex-start;gap:var(--space-4);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden auto}.phoneme-focus__stage--flush{gap:0;padding:0}.phoneme-focus__summary{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}.phoneme-intro__wash{background:radial-gradient(ellipse 90% 70% at 50% 40%, var(--primary) 0%, transparent 100%)}@supports (color:color-mix(in lab, red, red)){.phoneme-intro__wash{background:radial-gradient(ellipse 90% 70% at 50% 40%, color-mix(in oklch, var(--primary) 18%, var(--surface-raised)) 0%, transparent 100%)}}.phoneme-intro__kicker{letter-spacing:.01em;color:var(--text-tertiary);font-size:.75rem;font-weight:600}.phoneme-intro__ipa{isolation:isolate;cursor:pointer;background:0 0;border:none;padding:.35em .45em;transition:transform .15s cubic-bezier(.25,1,.5,1),opacity .15s;position:relative}.phoneme-intro__ipa:hover{transform:scale(1.03)}.phoneme-intro__ipa:active{transform:scale(.96)}.phoneme-intro__ipa:focus-visible{outline:2px solid var(--focus-ring);outline-offset:6px;border-radius:var(--radius-md)}.phoneme-intro__ring{border:1px solid var(--primary);border-radius:999px;position:absolute;inset:-.35em}@supports (color:color-mix(in lab, red, red)){.phoneme-intro__ring{border:1px solid color-mix(in oklch, var(--primary) 28%, transparent)}}.phoneme-intro__ring{pointer-events:none;opacity:.55}.phoneme-intro__ring--late{opacity:.25;inset:-.7em}.phoneme-intro__ipa--playing{opacity:.85}.phoneme-intro__hero{cursor:pointer;color:var(--text-primary);letter-spacing:-.01em;background:0 0;border:none}.phoneme-intro__hero em{color:var(--primary);font-style:italic;font-weight:650}.phoneme-intro__hero--speaking em{text-underline-offset:.18em;text-decoration:underline}.phoneme-intro__pill{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--surface-sunken);align-items:center;gap:.3rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.phoneme-intro__pill{background:color-mix(in oklch, var(--surface-sunken) 55%, transparent)}}.phoneme-intro__pill{color:var(--text-secondary);cursor:pointer;padding:.35rem .7rem .35rem .55rem;font-size:.8125rem;font-weight:550;line-height:1;transition:background-color .15s,color .15s,border-color .15s,transform .15s cubic-bezier(.25,1,.5,1)}.phoneme-intro__pill:hover{color:var(--text-primary);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.phoneme-intro__pill:hover{border-color:color-mix(in oklch, var(--primary) 30%, var(--border-subtle))}}.phoneme-intro__pill:active{transform:scale(.96)}.phoneme-intro__pill--speaking{color:var(--primary);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.phoneme-intro__pill--speaking{border-color:color-mix(in oklch, var(--primary) 45%, transparent)}}.phoneme-intro__pill--speaking{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.phoneme-intro__pill--speaking{background:color-mix(in oklch, var(--primary) 10%, var(--surface-raised))}}.phoneme-intro__status{color:var(--text-tertiary);font-size:.75rem;font-weight:500}.phoneme-intro__status--error{color:var(--error)}.phoneme-intro__tip{border-radius:var(--radius-lg);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.phoneme-intro__tip{background:color-mix(in oklch, var(--primary) 7%, var(--surface-sunken))}}.phoneme-intro__tip{border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.phoneme-intro__tip{border:1px solid color-mix(in oklch, var(--primary) 12%, var(--border-subtle))}}.phoneme-intro__tip{padding:var(--space-3) var(--space-4)}.phoneme-intro__tip-label{color:var(--text-primary);margin:0 0 .35rem;font-size:.8125rem;font-weight:650}.phoneme-intro__tip-body{max-width:52ch;color:var(--text-secondary);text-wrap:pretty;margin:0;font-size:.875rem;line-height:1.55}.phoneme-intro__contrast-label{color:var(--text-primary);margin:0 0 .65rem;font-size:.8125rem;font-weight:650}.phoneme-intro__pair{align-items:center;gap:.5rem;display:flex}.phoneme-intro__pair-sep{color:var(--text-tertiary);flex-shrink:0;font-size:.75rem}.phoneme-intro__contrast-word{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-raised);min-height:2.5rem;color:var(--text-primary);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.35rem;font-size:.9375rem;font-weight:600;transition:border-color .15s,background-color .15s,color .15s,transform .15s cubic-bezier(.25,1,.5,1);display:inline-flex}.phoneme-intro__contrast-word:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.phoneme-intro__contrast-word:hover{border-color:color-mix(in oklch, var(--primary) 35%, var(--border-subtle))}}.phoneme-intro__contrast-word:active{transform:scale(.98)}.phoneme-intro__contrast-word--speaking{color:var(--primary);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.phoneme-intro__contrast-word--speaking{border-color:color-mix(in oklch, var(--primary) 50%, transparent)}}.phoneme-intro__contrast-word--speaking{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.phoneme-intro__contrast-word--speaking{background:color-mix(in oklch, var(--primary) 8%, var(--surface-raised))}}.phoneme-intro__more{width:100%;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:.875rem;font-weight:550;transition:color .15s}.phoneme-intro__more:hover{color:var(--text-secondary)}@media (prefers-reduced-motion:no-preference){.phoneme-intro__stage>.phoneme-intro__kicker,.phoneme-intro__stage>.phoneme-intro__ipa,.phoneme-intro__stage>.phoneme-intro__hero,.phoneme-intro__stage>.phoneme-intro__examples,.phoneme-intro__stage>.phoneme-intro__status{animation:.4s cubic-bezier(.25,1,.5,1) phoneme-intro-in}.phoneme-intro__stage>.phoneme-intro__ipa{animation-delay:40ms}.phoneme-intro__stage>.phoneme-intro__hero{animation-delay:.1s}.phoneme-intro__stage>.phoneme-intro__examples{animation-delay:.16s}.phoneme-intro__stage>.phoneme-intro__status{animation-delay:.22s}.phoneme-intro__ring{animation:2.8s ease-out infinite phoneme-ring}.phoneme-intro__ring--late{animation-delay:.9s}.phoneme-intro__ipa--playing .phoneme-intro__ring{border-color:var(--primary);animation-duration:1.1s}@supports (color:color-mix(in lab, red, red)){.phoneme-intro__ipa--playing .phoneme-intro__ring{border-color:color-mix(in oklch, var(--primary) 55%, transparent)}}.phoneme-intro__pill--speaking,.phoneme-intro__contrast-word--speaking{animation:.8s ease-in-out infinite phoneme-intro-speak}}@keyframes phoneme-intro-in{0%{transform:translateY(.35rem)}to{transform:translateY(0)}}@keyframes phoneme-intro-speak{0%,to{box-shadow:0 0 0 0 color-mix(in oklch, var(--primary) 0%, transparent)}50%{box-shadow:0 0 0 3px color-mix(in oklch, var(--primary) 22%, transparent)}}.phoneme-focus__exit{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-tertiary);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.phoneme-focus__exit:hover{color:var(--text-secondary);background:var(--surface-sunken)}.phoneme-focus__progress{background:var(--surface-sunken);border-radius:999px;flex:1;height:6px;overflow:hidden}.phoneme-focus__progress>span{background:var(--gradient-primary);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);display:block}.phoneme-focus__badge{font-family:var(--font-mono-var), "Fira Code", monospace;color:var(--primary);flex-shrink:0;font-size:1.125rem;font-weight:500;line-height:1}.phoneme-focus__prompt{gap:var(--space-1);margin-bottom:var(--space-2);flex-direction:column;display:flex}.phoneme-focus__prompt--spacious{margin-bottom:var(--space-4)}.phoneme-focus__prompt--center{text-align:center;align-items:center}.phoneme-focus__eyebrow,.phoneme-focus__kicker{letter-spacing:.01em;text-transform:none;color:var(--text-secondary);margin:0;font-size:.8125rem;font-weight:550}.phoneme-play-btn{border:1px solid var(--border-default);background:var(--surface-raised);width:4rem;height:4rem;color:var(--text-primary);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;transition:transform .15s cubic-bezier(.25,1,.5,1),box-shadow .15s,opacity .15s,border-color .15s;display:inline-flex}.phoneme-play-btn--lg{width:5.5rem;height:5.5rem}.phoneme-play-btn:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.phoneme-play-btn:hover{border-color:color-mix(in oklch, var(--primary) 35%, var(--border-default))}}.phoneme-play-btn:active{transform:scale(.96)}.phoneme-play-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.phoneme-play-btn--playing{opacity:1;border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.phoneme-play-btn--playing{border-color:color-mix(in oklch, var(--primary) 45%, transparent)}}.phoneme-play-btn--playing{color:var(--primary);box-shadow:0 0 0 4px var(--primary), var(--shadow-sm)}@supports (color:color-mix(in lab, red, red)){.phoneme-play-btn--playing{box-shadow:0 0 0 4px color-mix(in oklch, var(--primary) 18%, transparent), var(--shadow-sm)}}.phoneme-play-btn--playing{animation:1.1s ease-in-out infinite phoneme-play-pulse}@keyframes phoneme-play-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in oklch, var(--primary) 14%, transparent), var(--shadow-sm)}50%{box-shadow:0 0 0 7px color-mix(in oklch, var(--primary) 8%, transparent), var(--shadow-md)}}.phoneme-play-btn__icon{flex-shrink:0}.phoneme-play-btn__caption{font-family:var(--font-ipa), "Andika", "Noto Sans", sans-serif;letter-spacing:.04em;font-size:.9375rem;font-weight:700;line-height:1.2}.phoneme-focus__title{font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.005em;color:var(--text-secondary);font-size:1rem;font-weight:500;line-height:1.45}.phoneme-focus__title em{color:var(--primary);font-style:italic}.phoneme-focus__hint{color:var(--text-secondary);font-size:.82rem;font-weight:500}.phoneme-focus__exercise{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.phoneme-focus__session{justify-content:flex-start;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.phoneme-focus__exercise .pf-cta{margin-top:var(--space-1)}.pf-options{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.pf-options--grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.pf-stim-btn{justify-content:center;align-items:center;gap:var(--space-1);min-width:5.5rem;min-height:5.5rem;padding:var(--space-3);border-radius:var(--radius-lg);border:2px solid var(--border-default);background:var(--surface-raised);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);flex-direction:column;font-family:inherit;font-size:1.125rem;font-weight:700;display:inline-flex}.pf-stim-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.pf-stim-btn:active:not(:disabled){transform:translateY(0)}.pf-stim-btn--x{border-color:var(--primary);color:var(--primary);background:var(--selection-bg)}.pf-opt{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-sm);border:1.5px solid var(--border-default);background:var(--surface-raised);color:var(--text-primary);transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);font-family:inherit;font-size:1rem;font-weight:500;display:flex}.pf-opt:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-sunken)}.pf-opt__key{border:1.5px solid var(--border-default);min-width:1.25rem;height:1.25rem;font-size:11px;font-weight:600;font-family:var(--font-mono,monospace);color:var(--text-tertiary);background:var(--surface-raised);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:0 3px;display:inline-flex}.pf-opt--ipa{font-family:var(--font-ipa), "Andika", "Noto Sans", sans-serif;letter-spacing:.04em;font-size:1.1rem;font-weight:700}.pf-opt--sel{border-color:var(--primary);background:var(--selection-bg)}.pf-opt--sel .pf-opt__key{border-color:var(--primary);color:var(--primary)}.pf-opt--correct{border-color:var(--success-border);background:var(--success-soft);color:var(--success-value)}.pf-opt--correct .pf-opt__key{border-color:var(--success-border);color:var(--success)}.pf-opt--wrong{border-color:var(--error-border);background:var(--error-soft);color:var(--error-value)}.pf-opt--wrong .pf-opt__key{border-color:var(--error-border);color:var(--error)}.pf-opt--dim{opacity:.45}.pf-opt--correct.pf-opt--reveal,.pf-pair-opt.pf-opt--correct.pf-opt--reveal,.pf-reveal-ok{animation:.4s cubic-bezier(.25,1,.5,1) both pf-reveal-ok}.pf-opt--wrong.pf-opt--reveal,.pf-pair-opt.pf-opt--wrong.pf-opt--reveal,.pf-reveal-bad{animation:.42s both pf-reveal-bad}@keyframes pf-reveal-ok{0%{opacity:.65;transform:scale(.97)}55%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes pf-reveal-bad{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.pf-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1.5px solid var(--border-subtle);background:var(--surface-sunken);color:var(--text-primary);transition:border-color var(--transition-fast), color var(--transition-fast);font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex}.pf-chip:hover{border-color:var(--primary);color:var(--primary)}.pf-chip--ipa{font-family:var(--font-ipa), "Andika", "Noto Sans", sans-serif;letter-spacing:.04em}.pf-chip__icon{color:var(--text-tertiary);font-size:11px}.pf-pron__word{font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.02em;font-size:clamp(2rem,8vw,2.6rem);font-weight:480}.pf-pron__ipa{font-family:var(--font-ipa), "Andika", "Noto Sans", sans-serif;letter-spacing:.05em;word-spacing:.16em;color:var(--text-secondary);font-size:1.25rem;font-weight:400;line-height:1.55}.pf-mic{background:var(--primary);color:var(--on-primary);transition:transform var(--transition-fast);box-shadow:0 4px 20px var(--primary);border:none;border-radius:50%}@supports (color:color-mix(in lab, red, red)){.pf-mic{box-shadow:0 4px 20px color-mix(in oklch, var(--primary) 32%, transparent)}}.pf-mic:active{transform:scale(.96)}.pf-mic--rec{background:var(--error);color:var(--on-primary)}.pf-mic--rec:after{content:"";border:2px solid var(--error);border-radius:50%;animation:1.2s ease-out infinite pf-mic-pulse;position:absolute;inset:-10px}@keyframes pf-mic-pulse{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}.pf-mic-label{color:var(--text-secondary);font-size:.9rem}.pf-transcript{color:var(--text-secondary);font-size:.88rem}.pf-transcript strong{color:var(--text-primary)}.pf-play-btn{border:1.5px solid var(--accent-border);background:var(--primary);border-radius:24px}@supports (color:color-mix(in lab, red, red)){.pf-play-btn{background:color-mix(in oklch, var(--primary) 12%, var(--surface-raised))}}.pf-play-btn{color:var(--primary);transition:transform var(--transition-fast);font-size:2.5rem}.pf-play-btn:active{transform:scale(.97)}.pf-play-btn--played{background:var(--surface-sunken);border-color:var(--border-subtle);color:var(--text-primary)}.pf-type-in{background:var(--surface-base);border:1.5px solid var(--border-default);width:100%;color:var(--text-primary);font-family:var(--font-sans), system-ui, sans-serif;border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;font-size:1.3rem}.pf-type-in:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.pf-type-in:focus{box-shadow:0 0 0 3px color-mix(in oklch, var(--primary) 18%, transparent)}}.pf-type-in--correct{background:var(--success-soft);border-color:var(--success-border);color:var(--success-value)}.pf-type-in--wrong{background:var(--error-soft);border-color:var(--error-border);color:var(--error-value)}.pf-answer-note{color:var(--text-tertiary);font-size:.82rem}.pf-answer-note strong{color:var(--text-primary)}.pf-order-answer{border:1.5px dashed var(--border-default);border-radius:var(--radius-md);flex-wrap:wrap;gap:8px;min-height:52px;padding:12px;display:flex}.pf-order-tray{flex-wrap:wrap;gap:8px;padding:8px 0;display:flex}.pf-order-answer--empty:before{content:"Toca las palabras en orden";width:100%;color:var(--text-tertiary);font-size:.85rem;display:block}.pf-order-chip{background:var(--surface-sunken);border:1.5px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color var(--transition-fast), background var(--transition-fast), opacity var(--transition-fast);padding:6px 14px;font-family:inherit;font-size:1rem;font-weight:500}.pf-order-chip:hover:not(:disabled){border-color:var(--primary)}.pf-order-chip--placed{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.pf-order-chip--placed{background:color-mix(in oklch, var(--primary) 12%, var(--surface-raised))}}.pf-order-chip--placed{border-color:var(--accent-border);color:var(--primary)}.pf-minimal-pair__ipa-row{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.pf-minimal-pair__ipa{font-family:var(--font-ipa), "Andika", "Noto Sans", sans-serif;letter-spacing:.04em;color:var(--primary);margin:0;font-size:clamp(2.25rem,11vw,3rem);font-weight:700}.pf-replay-btn{border-radius:var(--radius-full);background:var(--primary);cursor:pointer;width:2.5rem;height:2.5rem;box-shadow:0 2px 8px var(--primary);border:none;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.pf-replay-btn{box-shadow:0 2px 8px color-mix(in oklch, var(--primary) 40%, transparent)}}.pf-replay-btn{transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast)}.pf-replay-btn:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.pf-replay-btn:hover{background:color-mix(in oklch, var(--primary) 85%, black)}}.pf-replay-btn:hover{box-shadow:0 4px 14px var(--primary);transform:scale(1.1)}@supports (color:color-mix(in lab, red, red)){.pf-replay-btn:hover{box-shadow:0 4px 14px color-mix(in oklch, var(--primary) 50%, transparent)}}.pf-replay-btn:active{transform:scale(.93)}.pf-replay-btn__icon{border-style:solid;border-width:6px 0 6px 11px;border-color:transparent transparent transparent var(--on-primary,#fff);width:0;height:0;margin-left:2px;display:block}@keyframes pf-replay-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--primary) 55%, transparent)}60%{box-shadow:0 0 0 10px color-mix(in oklch, var(--primary) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in oklch, var(--primary) 0%, transparent)}}.pf-replay-btn--playing{background:var(--primary);animation:.85s ease-out pf-replay-pulse}@supports (color:color-mix(in lab, red, red)){.pf-replay-btn--playing{background:color-mix(in oklch, var(--primary) 80%, black)}}.pf-pair-opt{border-radius:var(--radius-lg);border:1.5px solid var(--border-default);background:var(--surface-raised);font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-primary);transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);font-size:1.15rem;font-weight:600}.pf-pair-opt:hover:not(:disabled){border-color:var(--border-default);transform:translateY(-1px)}.pf-pair-opt.pf-opt--sel{border-color:var(--primary);background:var(--selection-bg)}.pf-pair-opt.pf-opt--correct{border-color:var(--success-border);background:var(--success-soft);color:var(--success-value)}.pf-pair-opt.pf-opt--wrong{border-color:var(--error-border);background:var(--error-soft);color:var(--error-value)}.pf-pair-opt.pf-opt--dim{opacity:.45}.pf-pair-opt__sub{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-tertiary);opacity:.85;font-size:10px;font-weight:500}.pf-cta{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);letter-spacing:.01em;cursor:pointer;transition:transform var(--transition-fast), opacity var(--transition-fast);border:none;font-family:inherit;font-size:1rem;font-weight:700}.pf-cta--primary{background:var(--cta-bg);color:var(--cta-fg)}.pf-cta--primary:not(:disabled):hover{background:oklch(from var(--cta-bg) calc(l + .06) c h)}.pf-cta--primary:disabled{opacity:.35;cursor:not-allowed}.pf-cta:active:not(:disabled){transform:scale(.98)}.phoneme-focus__footer{border-top:1px solid var(--border-subtle);padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);transition:background .2s;display:flex}.phoneme-focus__footer--ok{background:var(--success-soft);border-top-color:var(--success-border)}.phoneme-focus__footer--bad{background:var(--error-soft);border-top-color:var(--error-border)}.phoneme-focus__fb{align-items:center;gap:var(--space-3);animation:.25s ease-out both pf-fb-in;display:flex}@keyframes pf-fb-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.phoneme-focus__fb-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;font-weight:700;display:flex}.phoneme-focus__footer--ok .phoneme-focus__fb-icon{background:var(--success);color:var(--on-primary)}.phoneme-focus__footer--bad .phoneme-focus__fb-icon{background:var(--error);color:var(--on-primary)}.phoneme-focus__fb-text{flex-direction:column;gap:2px;display:flex}.phoneme-focus__fb-text b{font-size:.95rem;font-weight:700;line-height:1.2}.phoneme-focus__footer--ok .phoneme-focus__fb-text b{color:var(--success-value)}.phoneme-focus__footer--bad .phoneme-focus__fb-text b{color:var(--error-value)}.phoneme-focus__fb-text span{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.phoneme-focus__footer-cta{border-radius:var(--radius-md);padding:var(--space-2) var(--space-5);white-space:nowrap;transition:transform var(--transition-fast);border:none;flex-shrink:0;font-family:inherit;font-size:.9rem;font-weight:700}.phoneme-focus__footer-cta:active{transform:scale(.98)}.phoneme-focus__footer-cta--ok{background:var(--success);color:var(--on-primary)}.phoneme-focus__footer-cta--bad{background:var(--error);color:var(--on-primary)}.phoneme-focus__skip{width:100%;padding:var(--space-2) 0;color:var(--text-tertiary);text-align:center;transition:color var(--transition-fast);background:0 0;border:none;font-size:.8125rem;font-weight:500;display:block}.phoneme-focus__skip:hover{color:var(--text-secondary)}.phoneme-focus__hints-panel{border-top:1px solid var(--border-subtle);background:var(--surface-base);padding:var(--space-3) var(--space-5);animation:.2s ease-out both pf-fb-in}.phoneme-hints{align-items:stretch;gap:var(--space-3);flex-direction:column;width:100%;animation:.28s ease-out both pf-fb-in;display:flex}.phoneme-hints__dots{justify-content:center;gap:.35rem;display:flex}.phoneme-hints__dot{background:var(--border-default);width:.4rem;height:.4rem;transition:background var(--transition-fast), transform var(--transition-fast);border-radius:999px}.phoneme-hints__dot--on{background:var(--primary);transform:scale(1.15)}.phoneme-hints__block{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.phoneme-hints__label{color:var(--text-secondary);margin:0;font-size:.8125rem;font-weight:550}.phoneme-hints__ipa{font-family:var(--font-ipa), "Andika", "Noto Sans", sans-serif;letter-spacing:.04em;color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700;line-height:1.25}.phoneme-hints__tips{max-width:36ch;color:var(--text-secondary);flex-direction:column;gap:.35rem;margin:0;padding:0;font-size:.875rem;line-height:1.45;list-style:none;display:flex}.phoneme-hints__body{max-width:36ch;color:var(--text-primary);margin:0;font-size:.9375rem;line-height:1.45}.phoneme-hints__secondary{justify-content:center;align-items:center;gap:var(--space-4);display:flex}.phoneme-hints__ghost{font:inherit;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:.25rem .15rem;font-size:.875rem;font-weight:550}.phoneme-hints__ghost:hover{color:var(--text-primary)}.phoneme-hints__ghost--muted{cursor:default;opacity:.5}.phoneme-hints .pf-cta{margin-top:var(--space-1)}@media (prefers-reduced-motion:reduce){.pf-mic--rec:after,.phoneme-focus__fb,.phoneme-focus__hints-panel,.phoneme-hints,.phoneme-play-btn--playing,.pf-opt--correct.pf-opt--reveal,.pf-opt--wrong.pf-opt--reveal,.pf-pair-opt.pf-opt--correct.pf-opt--reveal,.pf-pair-opt.pf-opt--wrong.pf-opt--reveal,.pf-reveal-ok,.pf-reveal-bad{animation:none}.pf-opt:hover:not(:disabled),.pf-pair-opt:hover:not(:disabled),.phoneme-play-btn:hover{transform:none}}.course-path{color:var(--text-primary);font-family:var(--font-sans), system-ui, sans-serif;background:var(--surface-base);min-height:100dvh}.course-path__wrap{max-width:72rem;padding:var(--space-8) var(--space-6) var(--space-16);flex-direction:column;gap:0;margin-inline:auto;display:flex}.course-path__wrap--shell{padding-inline:0;padding-top:0}.course-path__desktop-layout{flex-direction:column;display:flex}.course-path__main{min-width:0}.course-path__aside{gap:var(--space-5);margin-top:var(--space-6);flex-direction:column;display:flex}.course-path__aside-section{gap:var(--space-2);padding-top:var(--space-5);border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.course-path__aside-section--intro{padding-top:var(--space-5);border-top:1px solid var(--border-subtle)}.course-path__aside-heading{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.course-path__aside-level{color:var(--text-tertiary);font-family:var(--font-mono-var), "Fira Code", monospace;letter-spacing:.06em;font-size:.75rem;font-weight:600}.course-path__aside-kicker{color:var(--text-tertiary);font-family:var(--font-mono-var), "Fira Code", monospace;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:500}.course-path__aside-title{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:600;line-height:1.3}.course-path__aside-title--small{font-size:1rem}.course-path__aside-copy{max-width:30ch;color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.course-path__aside-facts{gap:var(--space-3);margin:var(--space-3) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.course-path__aside-facts div{gap:var(--space-1);flex-direction:column;display:flex}.course-path__aside-facts dt,.course-path__aside-meta{color:var(--text-tertiary);font-size:.75rem}.course-path__aside-facts dd{color:var(--text-primary);font-variant-numeric:tabular-nums;margin:0;font-size:.9375rem;font-weight:600}.course-path__aside-pronunciation{gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.course-path__aside-link{align-self:flex-start;align-items:center;gap:var(--space-2);margin-top:var(--space-2);color:var(--primary);font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.course-path__aside-link:hover{color:var(--primary-hover);text-underline-offset:3px;text-decoration:underline}.course-path__aside-link:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--radius-xs)}@media (min-width:1024px){.course-path__desktop-layout{align-items:start;gap:var(--space-10);grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);display:grid}.course-path__aside{top:var(--space-6);margin-top:0;position:sticky}}.course-path__orientation{margin-bottom:var(--space-8)}.course-path__why{margin-top:var(--space-10);margin-bottom:var(--space-6)}.course-path__legend{margin-bottom:var(--space-4)}.course-path__hero{gap:var(--space-2);flex-direction:column;display:flex}.course-path__title{font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.015em;color:var(--text-primary);font-size:2.1rem;font-weight:420}.course-path__orientation{max-width:46rem;padding-bottom:0}.course-path__page-header{padding-bottom:0}.course-path__level-picker{gap:var(--space-4);flex-direction:column;display:flex}.course-path__level-picker-head{justify-content:space-between;align-items:end;gap:var(--space-4);display:flex}.course-path__level-picker-head>div{min-width:0}.course-path__level-picker-kicker{margin:0 0 var(--space-1);font-family:var(--font-mono-var), "Fira Code", monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:.75rem;font-weight:500}.course-path__level-picker-title{letter-spacing:0;color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.course-path__checkpoint-link{color:var(--primary);flex-shrink:0;font-size:.875rem;font-weight:600;text-decoration:none}.course-path__checkpoint-link:hover{color:var(--primary-hover);text-underline-offset:3px;text-decoration:underline}.course-path__checkpoint-link:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--radius-xs)}.course-path__legend{gap:var(--space-2) var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);color:var(--text-tertiary);flex-wrap:wrap;font-size:.8rem;display:flex}.course-path__legend-disclosure{margin-top:var(--space-8);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.course-path__legend-summary{padding-block:var(--space-3);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;list-style-position:inside}.course-path__legend-summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--radius-xs)}.course-path__legend-disclosure[open] .course-path__legend-summary{color:var(--text-primary)}.course-path__legend-disclosure .course-path__legend{border-top:0;padding-top:0}.course-path__lg{align-items:center;gap:var(--space-2);display:flex}.course-path__spine{justify-content:center;gap:var(--space-1);scrollbar-width:none;background:0 0;border:0;border-radius:0;padding:0;display:flex;overflow-x:auto}.course-path__spine::-webkit-scrollbar{display:none}.course-path__level{min-height:3.25rem;padding:var(--space-2) var(--space-5);border-radius:var(--radius-sm);background:var(--surface-sunken);color:inherit;font:inherit;cursor:pointer;opacity:.78;border:none;flex-direction:column;flex:1 0;align-items:center;gap:3px;min-width:72px;min-height:2.75rem;transition:background .15s,opacity .15s;display:flex}.course-path__level:hover:not(.course-path__level--on){opacity:.8;background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.course-path__level:hover:not(.course-path__level--on){background:color-mix(in oklch, var(--primary) 10%, var(--surface-sunken))}}.course-path__level-lv{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-primary);font-size:1.1rem;font-weight:500;line-height:1}.course-path__level-ln{color:var(--text-tertiary);letter-spacing:.03em;font-size:10px;font-weight:400;line-height:1}.course-path__level:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.course-path__level--on{background:var(--primary);opacity:1}.course-path__level--on .course-path__level-lv{color:var(--on-primary);font-weight:600}.course-path__level--on .course-path__level-ln{color:var(--on-primary)}@supports (color:color-mix(in lab, red, red)){.course-path__level--on .course-path__level-ln{color:color-mix(in oklch, var(--on-primary) 75%, transparent)}}.course-path__level--on .course-path__level-ln{font-weight:500}.course-path__head{align-items:end;gap:var(--space-3) var(--space-6);margin-bottom:var(--space-4);padding:var(--space-2) 0 var(--space-3);border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) auto;display:grid}.course-path__head h2{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-primary);font-size:1.5rem;font-weight:480}.course-path__prog{align-items:baseline;gap:var(--space-3);display:flex}.course-path__prog-pct{font-family:var(--font-sans), system-ui, sans-serif;color:var(--primary);letter-spacing:-.02em;font-size:1.35rem;font-weight:600;line-height:1}.course-path__prog-meta{align-items:center;gap:var(--space-3);color:var(--text-tertiary);font-size:.78rem;line-height:1;display:flex}.course-path__inline-pri{color:var(--primary);vertical-align:middle;align-items:center;gap:3px;display:inline-flex}.course-path__star-icon{color:var(--primary)}.course-path__units{gap:var(--space-2);flex-direction:column;display:flex}.course-path__unit{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.course-path__unit--active,.course-path__unit[open]{border-color:var(--border-default)}.course-path__unit--done{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.course-path__unit--done{border-color:color-mix(in oklch, var(--success) 35%, var(--border-subtle))}}.course-path__unit--done .course-path__urow{background:var(--success-soft)}.course-path__urow{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-4);color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;min-height:4rem;display:flex}.course-path__urow::-webkit-details-marker{display:none}.course-path__urow:hover{background:var(--surface-sunken)}.course-path__urow[aria-disabled=true]{cursor:default}.course-path__urow[aria-disabled=true]:hover{background:0 0}.course-path__urow:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:var(--radius-lg)}.course-path__uinfo{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.course-path__ring{background:conic-gradient(var(--primary) calc(var(--p,0) * 1%), var(--surface-sunken) 0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.course-path__ring-inner{background:var(--surface-raised);width:34px;height:34px;color:var(--text-primary);letter-spacing:-.02em;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.course-path__unit--done .course-path__ring{background:var(--success)}.course-path__unit--done .course-path__ring-inner{color:var(--success-value)}.course-path__unit--locked .course-path__ring{background:var(--surface-sunken)}.course-path__unit--locked .course-path__ring-inner{color:var(--text-tertiary)}.course-path__un{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.course-path__ut{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-primary);letter-spacing:-.01em;font-size:1.12rem;font-weight:460}.course-path__um{align-items:center;gap:var(--space-2);color:var(--text-tertiary);font-size:.8rem;display:flex}.course-path__chev{color:var(--text-tertiary);transition:transform .2s cubic-bezier(.25,1,.5,1),color .15s}.course-path__unit--open .course-path__chev{color:var(--primary);transform:rotate(90deg)}.course-path__lessons>div{gap:var(--space-1);padding:0 var(--space-4) var(--space-3);flex-direction:column;display:flex}.course-path__lesson{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:inherit;background:0 0;border:0;text-decoration:none;display:flex}.course-path__lesson--locked{opacity:.6}.course-path__locked-label{color:var(--text-tertiary);letter-spacing:.04em;flex-shrink:0;margin-left:auto;font-size:.7rem;font-weight:500}.course-path__lesson:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.course-path__st{border:1.5px solid var(--border-default);width:22px;height:22px;color:var(--text-tertiary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.course-path__lesson--current .course-path__st{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.course-path__lesson--current,.course-path__lesson--current:not(.course-path__lesson--locked):hover{background:var(--primary-soft)}.course-path__lt,.course-path__lt--link{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;background:0 0;flex:1;font-size:.9375rem;overflow:hidden}.course-path__lesson--current .course-path__lt{font-weight:600}.course-path__lesson--done .course-path__st{border-color:var(--success);color:var(--success)}.course-path__lesson--done .course-path__lt{color:var(--text-secondary)}.course-path__lesson:target{background:var(--primary-soft);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.course-path__lesson:target{border-color:color-mix(in oklch, var(--primary) 40%, var(--border-subtle))}}.course-path__lesson:target{scroll-margin-top:6rem}.course-path__lk{color:var(--primary);background:var(--primary-soft);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;margin-left:auto;padding:4px 10px 4px 12px;font-size:.78rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.course-path__lk:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.course-path__lk:hover{background:color-mix(in oklch, var(--primary) 18%, var(--surface-raised))}}.course-path__lk:hover{color:var(--primary-hover)}.course-path__lk:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.course-path__why{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.course-path__why{background:color-mix(in oklch, var(--primary) 5%, var(--surface-raised))}}.course-path__why{border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.course-path__why{border:1px solid color-mix(in oklch, var(--primary) 18%, var(--border-subtle))}}.course-path__why{border-radius:var(--radius-lg);overflow:hidden}.course-path__why-summary{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);cursor:pointer;font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-secondary);-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;font-size:1rem;font-weight:480;transition:color .15s;display:flex}.course-path__why-summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-md)}.course-path__why-chev{color:var(--text-tertiary);flex-shrink:0;transition:transform .18s cubic-bezier(.25,1,.5,1)}.course-path__why-chev--open{transform:rotate(90deg)}.course-path__why-summary:hover{color:var(--text-primary)}.course-path__why-body{gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--primary);flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.course-path__why-body{border-top:1px solid color-mix(in oklch, var(--primary) 12%, var(--border-subtle))}}.course-path__why-body p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.course-path__why-body strong{color:var(--primary);font-weight:600}.course-path__intro{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.course-path__assessment-links{align-items:baseline;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.course-path__assessment-prompt{color:var(--text-secondary);font-size:.875rem}.course-path__assessment-links a{color:var(--primary);font-size:.875rem;font-weight:600;text-decoration:none}.course-path__assessment-links a:hover{color:var(--primary-hover);text-underline-offset:3px;text-decoration:underline}.course-path__assessment-links a:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--radius-xs)}.course-path__lg>span{color:var(--text-secondary);line-height:1.4}.course-path__lt--link{align-items:center;gap:5px;text-decoration:none;display:inline-flex}.course-path__lt-check{color:var(--success);opacity:.85;flex-shrink:0}.course-path__lesson--done .course-path__st{display:none}.course-path__lt--link:hover{color:var(--primary)}.course-path__snd{color:var(--primary);border-radius:var(--radius-sm);background:var(--accent-dim);transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;padding:2px 6px;text-decoration:none;display:inline-flex}.course-path__snd:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.course-path__snd:hover{background:color-mix(in oklch, var(--primary) 18%, var(--surface-sunken))}}.course-path__snd:hover{color:var(--primary-hover)}.course-path__snd-label{letter-spacing:.02em;font-size:.7rem;font-weight:600}.course-path__unit--optional-block{opacity:.82;border-style:dashed}.course-path__unit--optional-block.course-path__unit--open{opacity:1}.course-path__unit--optional-block:has(.course-path__unit--open){opacity:1}.course-path__unit--optional-block .course-path__un{color:var(--text-tertiary)}.course-path__optional-tag{letter-spacing:.06em;color:var(--text-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);text-transform:uppercase;padding:1px 6px;font-size:.68rem;font-weight:500}.course-path__rutas{gap:var(--space-2);flex-direction:column;display:flex}.course-path__ruta{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.course-path__ruta--open{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.course-path__ruta--open{border-color:color-mix(in oklch, var(--primary) 45%, var(--border-default))}}.course-path__rrow{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;min-height:3.5rem;display:flex}.course-path__rrow:hover{background:var(--surface-sunken)}.course-path__rrow:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:var(--radius-lg)}.course-path__rinfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.course-path__rm{align-items:center;gap:var(--space-2);color:var(--text-tertiary);font-size:.8rem;display:flex}.course-path__ruta-body-wrap{grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.25,1,.5,1);display:grid}.course-path__ruta-body-wrap>*{overflow:hidden}.course-path__ruta--open .course-path__ruta-body-wrap{grid-template-rows:1fr}.course-path__ruta-body{padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--border-subtle)}.course-path__lvb{width:40px;height:40px;font-family:var(--font-sans), system-ui, sans-serif;background:var(--surface-sunken);border:1px solid var(--border-subtle);color:var(--primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.course-path__rt{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-primary);font-size:1.12rem}.course-path__lvb--spec{color:var(--primary);background:var(--badge-primary-bg);border-color:var(--badge-primary-border)}.course-path__rchev{color:var(--text-tertiary);transition:transform .2s cubic-bezier(.25,1,.5,1),color .15s}.course-path__ruta--open .course-path__rchev{color:var(--primary);transform:rotate(90deg)}.course-path__head--compact h2{font-size:1.15rem}.course-path__start-here,.course-path__resume{margin-bottom:var(--space-4)}.course-path__start-here{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--cta-bg);border-radius:var(--radius-md);text-decoration:none;transition:background .15s,transform .15s;display:flex}.course-path__start-here:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.course-path__start-here:hover{background:var(--cta-bg)}@supports (color:color-mix(in lab, red, red)){.course-path__start-here:hover{background:color-mix(in oklch, var(--cta-bg) 88%, var(--primary))}}.course-path__start-here:active{transform:scale(.99)}.course-path__start-label{letter-spacing:.1em;color:var(--cta-fg);text-transform:uppercase;white-space:nowrap;font-size:.75rem;font-weight:700}.course-path__start-title{color:var(--cta-fg);white-space:nowrap;text-overflow:ellipsis;opacity:.8;flex:1;font-size:.92rem;font-weight:500;overflow:hidden}.course-path__start-here svg{color:var(--cta-fg);opacity:.7;flex-shrink:0}.course-path__resume{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--cta-bg);border:1px solid var(--cta-bg);border-radius:var(--radius-md);text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:flex}.course-path__resume:active{transform:scale(.99)}.course-path__resume:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.course-path__resume:hover{background:var(--cta-bg)}@supports (color:color-mix(in lab, red, red)){.course-path__resume:hover{background:color-mix(in oklch, var(--cta-bg) 88%, var(--primary))}}.course-path__resume:hover{border-color:var(--cta-bg)}@supports (color:color-mix(in lab, red, red)){.course-path__resume:hover{border-color:color-mix(in oklch, var(--cta-bg) 88%, var(--primary))}}.course-path__resume-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.course-path__resume-label{letter-spacing:.08em;color:var(--cta-fg);font-size:.68rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.course-path__resume-label{color:color-mix(in oklch, var(--cta-fg) 68%, transparent)}}.course-path__resume-label{text-transform:uppercase;white-space:nowrap}.course-path__resume-title{color:var(--cta-fg);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.course-path__resume-action{color:var(--cta-fg);font-size:.82rem;font-weight:600}.course-path__resume svg{color:var(--cta-fg);opacity:.72;flex-shrink:0}.course-path__load-skeleton{gap:var(--space-3);padding:var(--space-6) 0;flex-direction:column;display:flex}@keyframes course-path-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.course-path__skeleton-bar{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--surface-sunken) 50%, var(--surface-sunken) 75%);height:48px}@supports (color:color-mix(in lab, red, red)){.course-path__skeleton-bar{background:linear-gradient(90deg, var(--surface-sunken) 25%, color-mix(in oklch, var(--surface-sunken) 60%, var(--surface-raised)) 50%, var(--surface-sunken) 75%)}}.course-path__skeleton-bar{background-size:200% 100%;animation:1.4s ease-in-out infinite course-path-shimmer}.course-path__skeleton-bar--head{border-radius:var(--radius-sm);width:55%;height:32px}.course-path__load-error{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--error-soft);border:1px solid var(--error);display:flex}@supports (color:color-mix(in lab, red, red)){.course-path__load-error{border:1px solid color-mix(in oklch, var(--error) 25%, var(--border-subtle))}}.course-path__load-error{border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem}.course-path__load-error span{flex:16rem}.course-path__progress-loading{align-items:center;gap:var(--space-3);min-height:4rem;margin-bottom:var(--space-4);color:var(--text-secondary);font-size:.875rem;display:flex}.course-path__progress-loading .course-path__skeleton-bar{flex:0 0 8rem}.course-path__load-retry{color:var(--error);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-family:inherit;font-size:.8125rem;font-weight:600;transition:opacity .15s}.course-path__load-retry:hover{opacity:.75}.course-path__lesson--optional{opacity:.78}.course-path__lesson--optional:hover,.course-path__lesson--optional:focus-within{opacity:1}.course-path__lessons{grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.25,1,.5,1);display:grid}.course-path__lessons>*{overflow:hidden}.course-path__unit--open .course-path__lessons,.course-path__unit[open] .course-path__lessons{grid-template-rows:1fr}.course-path__irl{gap:var(--space-3);flex-direction:column;margin-top:0;padding-top:0;display:flex}.course-path__irl-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.course-path__irl-kicker{margin:0 0 var(--space-1);font-family:var(--font-mono-var), "Fira Code", monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:.68rem;font-weight:600}.course-path__irl-title{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:600}.course-path__irl-sub{color:var(--text-tertiary);max-width:30ch;margin:0;font-size:.78rem;line-height:1.4}.course-path__irl-stage{flex-direction:column;display:flex}.course-path__irl-viewport{position:relative;overflow:hidden}.course-path__irl-nav{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-1);display:flex}.course-path__irl-pager{flex:1;align-items:center;min-width:0;display:flex}.course-path__irl-counter{letter-spacing:.04em;color:var(--text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.72rem;font-weight:600}.course-path__irl-arrow{border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--surface-sunken);width:2.5rem;height:2.5rem;color:var(--text-secondary);cursor:pointer;flex-shrink:0;place-items:center;transition:background .15s,color .15s,border-color .15s,transform .15s;display:grid}.course-path__irl-arrow:hover:not(:disabled){background:var(--surface-raised);color:var(--primary);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.course-path__irl-arrow:hover:not(:disabled){border-color:color-mix(in oklch, var(--primary) 35%, var(--border-subtle))}}.course-path__irl-arrow:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.course-path__irl-arrow:disabled{opacity:.35;cursor:default}.course-path__irl-dots{align-items:center;gap:var(--space-2);display:flex}.course-path__irl-dot{border-radius:var(--radius-full);background:var(--border-subtle);cursor:pointer;border:none;width:.375rem;height:.375rem;padding:0;transition:width .2s cubic-bezier(.25,1,.5,1),background .15s}.course-path__irl-dot--active{background:var(--primary);width:1.125rem}.course-path__irl-dot:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.course-path__irl-card{gap:var(--space-3);padding:var(--space-3);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex}.course-path__irl-card-head{align-items:center;gap:var(--space-3);padding-bottom:0;display:flex}.course-path__irl-emoji{border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-subtle);flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;font-size:1.35rem;display:grid}.course-path__irl-card-intro{flex-direction:column;gap:.125rem;min-width:0;display:flex}.course-path__irl-card-kicker{letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);margin:0;font-size:.68rem;font-weight:600}.course-path__irl-card-title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:600;line-height:1.25}.course-path__irl-card-block{gap:var(--space-2);flex-direction:column;display:flex}.course-path__irl-card-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);margin:0;font-size:.68rem;font-weight:600}.course-path__irl-phrases{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.course-path__irl-phrase{align-items:flex-start;gap:var(--space-2);padding:var(--space-1) 0;display:flex}.course-path__irl-phrase-num{border-radius:var(--radius-full);background:var(--primary);flex-shrink:0;place-items:center;width:1.25rem;height:1.25rem;margin-top:.1rem;display:grid}@supports (color:color-mix(in lab, red, red)){.course-path__irl-phrase-num{background:color-mix(in oklch, var(--primary) 14%, var(--surface-sunken))}}.course-path__irl-phrase-num{color:var(--primary);font-size:.65rem;font-weight:700}.course-path__irl-phrase-text{color:var(--text-primary);font-size:.88rem;line-height:1.45}.course-path__irl-vocab{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.course-path__irl-vocab-item{padding:var(--space-1) 0;flex-direction:column;gap:.125rem;display:flex}.course-path__irl-vocab-item dt{color:var(--primary);font-size:.8rem;font-weight:600}.course-path__irl-vocab-item dd{color:var(--text-secondary);margin:0;font-size:.74rem;line-height:1.35}@media (max-width:480px){.course-path__irl-vocab{grid-template-columns:1fr}}.course-path__c1-electives{gap:var(--space-2);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.course-path__c1-electives-title{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-primary);font-size:1.2rem;font-weight:480}.course-path__c1-electives-sub{color:var(--text-secondary);font-size:.88rem}.course-path__c1-electives>.course-path__rutas{margin-top:var(--space-3)}@media (max-width:480px){.course-path__wrap{padding-top:var(--space-5);padding-inline:var(--space-3);padding-bottom:var(--space-12)}.course-path__orientation{margin-bottom:var(--space-6);padding-bottom:0}.course-path__title{letter-spacing:-.01em;font-size:1.5rem}.course-path__level-picker-head{align-items:start;gap:var(--space-2);flex-direction:column}.course-path__level-picker-title{font-size:1.1rem}.course-path__checkpoint-link{align-items:center;min-height:2.75rem;display:inline-flex}.course-path__level{min-width:52px;padding-inline:var(--space-3)}.course-path__level-lv{font-size:.95rem}.course-path__head{margin-bottom:var(--space-3);flex-direction:column}.course-path__head h2{font-size:1.2rem}.course-path__prog{align-items:center;gap:var(--space-2);flex-direction:row}.course-path__prog-pct{font-size:.9rem}.course-path__prog-meta{gap:var(--space-2);font-size:.72rem}.course-path__urow{padding:var(--space-3) var(--space-3);gap:var(--space-2)}.course-path__ut{font-size:.975rem}.course-path__un{font-size:10px}.course-path__um{font-size:.75rem}.course-path__ring{width:38px;height:38px}.course-path__ring-inner{width:28px;height:28px;font-size:9px}.course-path__lessons>div{padding-inline:var(--space-3);padding-bottom:var(--space-3)}.course-path__lesson{padding:var(--space-2) var(--space-3);gap:var(--space-2);flex-wrap:wrap}.course-path__lt,.course-path__lt--link{white-space:normal;text-overflow:unset;font-size:.875rem;overflow:visible}.course-path__st{flex-shrink:0;width:20px;height:20px}.course-path__locked-label,.course-path__lk{margin-left:0}.course-path__start-title,.course-path__resume-title{white-space:normal;text-overflow:unset;font-size:.875rem;overflow:visible}.course-path__start-here,.course-path__resume{padding:var(--space-3) var(--space-4);align-items:flex-start}.course-path__head{align-items:start;gap:var(--space-2);grid-template-columns:1fr}.course-path__prog{gap:var(--space-2);flex-wrap:wrap}.course-path__resume-action{display:none}.course-path__why{margin-bottom:var(--space-6)}.course-path__irl-card-title{font-size:.95rem}.course-path__practice-current-title{white-space:normal;text-overflow:unset;font-size:.85rem;overflow:visible}.course-path__practice-suggestions{gap:var(--space-3);grid-template-columns:1fr}.course-path__practice-review-list{flex-direction:column}}@keyframes course-path-panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.course-path__panel-enter{animation:.32s cubic-bezier(.22,1,.36,1) both course-path-panel-in}.course-path__panel-enter--selected{margin-top:var(--space-6)}@keyframes course-path-level-select{0%{transform:scale(.96)}to{transform:scale(1)}}.course-path__level--on{animation:.26s cubic-bezier(.22,1,.36,1) both course-path-level-select}@keyframes course-path-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.course-path__unit--open .course-path__lesson,.course-path__unit[open] .course-path__lesson{animation:.2s cubic-bezier(.22,1,.36,1) both course-path-row-in}.course-path__unit--open .course-path__lesson:first-child{animation-delay:60ms}.course-path__unit--open .course-path__lesson:nth-child(2){animation-delay:90ms}.course-path__unit--open .course-path__lesson:nth-child(3){animation-delay:.115s}.course-path__unit--open .course-path__lesson:nth-child(4){animation-delay:.135s}.course-path__unit--open .course-path__lesson:nth-child(5){animation-delay:.152s}.course-path__unit--open .course-path__lesson:nth-child(n+6){animation-delay:.165s}.course-path__unit[open] .course-path__lesson:first-child{animation-delay:60ms}.course-path__unit[open] .course-path__lesson:nth-child(2){animation-delay:90ms}.course-path__unit[open] .course-path__lesson:nth-child(3){animation-delay:.115s}.course-path__unit[open] .course-path__lesson:nth-child(4){animation-delay:.135s}.course-path__unit[open] .course-path__lesson:nth-child(5){animation-delay:.152s}.course-path__unit[open] .course-path__lesson:nth-child(n+6){animation-delay:.165s}@keyframes course-path-cta-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.course-path__resume,.course-path__start-here{animation:.24s cubic-bezier(.22,1,.36,1) 80ms both course-path-cta-in}.course-path__lesson:not(.course-path__lesson--locked){transition:border-color .15s,transform .15s cubic-bezier(.22,1,.36,1),box-shadow .15s}.course-path__lesson:not(.course-path__lesson--locked):hover{border-color:var(--border-subtle);background:var(--surface-sunken);transform:translateY(-1px)}.course-path__urow{transition:background .15s}.course-path__practice-suggestions{margin-top:var(--space-6);margin-bottom:var(--space-2);align-items:start;gap:var(--space-4) var(--space-6);padding:var(--space-4) 0;border-top:1px solid var(--border-subtle);grid-template-columns:minmax(150px,.35fr) 1fr;display:grid}.course-path__practice-suggestions-heading{letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);font-size:.75rem;font-weight:700}.course-path__practice-heading{gap:var(--space-1);flex-direction:column;display:flex}.course-path__practice-heading p{max-width:30ch;color:var(--text-tertiary);margin:0;font-size:.78rem;line-height:1.45}.course-path__practice-review-list{gap:var(--space-2);flex-flow:wrap;margin:0;padding:0;list-style:none;display:flex}.course-path__practice-review-list li{flex:240px}.course-path__practice-review-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:border-color .15s,color .15s,transform .15s;display:flex}.course-path__practice-review-item:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.course-path__practice-review-item:hover{border-color:color-mix(in oklch, var(--primary) 35%, var(--border-subtle))}}.course-path__practice-review-item:hover{color:var(--text-primary);transform:translateY(-1px)}.course-path__practice-review-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.course-path__practice-review-item svg{color:var(--text-tertiary);flex-shrink:0}.grammar-deck__unavailable{max-width:620px;margin:var(--space-12) auto 0;padding:var(--space-8);text-align:center;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.grammar-deck__unavailable-icon{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--primary);background:var(--primary-soft);border-radius:var(--radius-md);place-items:center;display:grid}.grammar-deck__unavailable-eyebrow{margin:0 0 var(--space-2);color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.grammar-deck__unavailable h1{color:var(--text-primary);font-family:var(--font-sans), system-ui, sans-serif;margin:0;font-size:1.75rem}.grammar-deck__unavailable>p:not(.grammar-deck__unavailable-eyebrow){max-width:52ch;margin:var(--space-3) auto var(--space-6);color:var(--text-secondary);line-height:1.6}.grammar-deck__unavailable-action{padding:var(--space-3) var(--space-5);color:var(--cta-fg);background:var(--cta-bg);border-radius:var(--radius-md);font-weight:600;text-decoration:none;display:inline-flex}.grammar-deck__unavailable-action:hover{background:var(--cta-bg)}@supports (color:color-mix(in lab, red, red)){.grammar-deck__unavailable-action:hover{background:color-mix(in oklch, var(--cta-bg) 88%, var(--primary))}}.grammar-deck__unavailable-action:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (prefers-reduced-motion:reduce){.course-path__skeleton-bar,.course-path__panel-enter,.course-path__level--on,.course-path__unit--open .course-path__lesson,.course-path__resume,.course-path__start-here{animation:none}.course-path__lesson:not(.course-path__lesson--locked){transition:border-color .15s}.course-path__lesson:not(.course-path__lesson--locked):hover{box-shadow:none;transform:none}.course-path__lessons,.course-path__chev,.course-path__rchev,.course-path__ruta-body-wrap,.course-path__irl-dot{transition:none}}.grammar-deck{color:var(--text-primary);font-family:var(--font-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(120% 60% at 50% -8%, var(--primary), var(--surface-base) 55%), var(--surface-base)}@supports (color:color-mix(in lab, red, red)){.grammar-deck{background:radial-gradient(120% 60% at 50% -8%, color-mix(in oklch, var(--primary) 14%, var(--surface-base)), var(--surface-base) 55%), var(--surface-base)}}.grammar-deck{min-height:100dvh}.grammar-deck__wrap{max-width:44rem;padding:var(--space-8) var(--space-5) var(--space-16);gap:var(--space-6);flex-direction:column;margin-inline:auto;display:flex}.grammar-deck__head{gap:var(--space-1);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle);flex-direction:column;display:flex}.grammar-deck__head>.grammar-deck__back{margin-bottom:var(--space-3)}.grammar-deck__head>.grammar-deck__title{margin-top:var(--space-1);margin-bottom:var(--space-1)}.grammar-deck__meta{align-items:center;gap:var(--space-3);margin-top:var(--space-1);display:flex}.grammar-deck__prog{background:var(--surface-sunken);border-radius:999px;flex:1;height:4px;overflow:hidden}.grammar-deck__goal{align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:.85rem;display:flex}.grammar-deck__goal svg{color:var(--primary);flex-shrink:0;margin-top:1px}.grammar-deck__carousel{gap:var(--space-4);flex-direction:column;display:flex}.grammar-deck__viewport{position:relative;overflow:hidden}.grammar-deck__nav{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.grammar-deck__arrow{border:1px solid var(--border-default);background:var(--surface-raised);width:44px;height:44px;color:var(--text-secondary);transition:transform var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.grammar-deck__arrow:hover:not(:disabled){color:var(--primary);border-color:var(--accent-border);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.grammar-deck__arrow:active:not(:disabled){transform:translateY(0)scale(.92)}.grammar-deck__arrow:disabled{opacity:.4}.grammar-deck__pager{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.grammar-deck__dots{flex-wrap:nowrap;justify-content:center;align-items:center;gap:5px;max-width:100%;display:flex;overflow:hidden}.grammar-deck__dot{cursor:pointer;background:var(--surface-sunken);width:7px;height:7px;transition:width var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);border:none;border-radius:999px;flex-shrink:0;padding:0}.grammar-deck__dot:hover{transform:scale(1.3)}.grammar-deck__dot--done{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.grammar-deck__dot--done{background:color-mix(in oklch, var(--success) 60%, var(--surface-sunken))}}.grammar-deck__dot--on{background:var(--primary);width:22px}.grammar-card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5) var(--space-5) var(--space-4);gap:var(--space-4);flex-direction:column;transition:opacity .25s;display:flex}.grammar-card--done{opacity:.58}.grammar-card__top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.grammar-card__tag{letter-spacing:.1em;color:var(--primary);background:var(--badge-primary-bg);border:1px solid var(--badge-primary-border);transition:transform var(--transition-fast);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.grammar-card:hover .grammar-card__tag{transform:translateY(-1px)}.grammar-card__body{gap:var(--space-3);flex-direction:column;display:flex}.grammar-card__tip{background:var(--badge-primary-bg);border:1px solid var(--badge-primary-border);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--space-3) var(--space-4);font-size:.86rem}.grammar-card__tip b{color:var(--primary)}.grammar-card__gotit{align-self:flex-start;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);cursor:pointer;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:0 0;font-family:inherit;font-size:.88rem;font-weight:600;display:inline-flex}.grammar-card__gotit:hover{border-color:var(--accent-border);color:var(--text-primary)}.grammar-card__gotit:active{transform:scale(.97)}.grammar-card--done .grammar-card__gotit{color:var(--success-value);border-color:var(--success-border);background:var(--success-soft)}.grammar-card--done .grammar-card__gotit svg{animation:.4s cubic-bezier(.34,1.56,.64,1) both grammar-check-pop}@keyframes grammar-check-pop{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}.grammar-deck__practice-shell{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);overflow:hidden}.grammar-deck__done{padding:var(--space-8) var(--space-6);align-items:center;gap:var(--space-4);text-align:center;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;animation:.5s cubic-bezier(.22,1,.36,1) both grammar-done-in;display:flex;position:relative}.grammar-deck__done-badge{background:var(--success-soft);width:56px;height:56px;color:var(--success);border:1px solid var(--success-border);border-radius:50%;justify-content:center;align-items:center;animation:.55s cubic-bezier(.34,1.56,.64,1) .12s both grammar-badge-pop;display:flex}.grammar-deck__done-stats{gap:var(--space-3);width:100%;max-width:20rem;display:flex}.grammar-deck__done-stats>div{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;flex:1;display:flex}.grammar-deck__done-practice-cta{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;border-radius:var(--radius-md);background:var(--cta-bg,#0f1215);color:var(--cta-fg,#e2e9f0);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;font-family:inherit;font-size:.88rem;font-weight:500;display:flex}@supports (color:lab(0% 0 0)){.grammar-deck__done-practice-cta{background:var(--cta-bg,lab(5.25979% -.594564 -2.30088));color:var(--cta-fg,lab(91.8695% -1.30144 -4.27945))}}.grammar-deck__done-practice-cta:hover:not(:disabled){box-shadow:var(--shadow-sm);background:#212428;background:lab(14.1508% -.825912 -2.83166);transform:translateY(-1px)}.grammar-deck__done-practice-cta:active:not(:disabled){transform:scale(.98)}.grammar-deck__done-practice-cta:disabled{opacity:.55;cursor:default}.grammar-deck__done-practice-cta>span{flex:1}.grammar-deck__done-soundlab{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;border-radius:var(--radius-lg);border:1px solid var(--accent-border);background:var(--primary);display:flex}@supports (color:color-mix(in lab, red, red)){.grammar-deck__done-soundlab{background:color-mix(in oklch, var(--primary) 10%, var(--surface-raised))}}.grammar-deck__done-soundlab{color:var(--text-primary);transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);text-decoration:none}.grammar-deck__done-soundlab:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.grammar-deck__done-soundlab:hover{background:color-mix(in oklch, var(--primary) 16%, var(--surface-raised))}}.grammar-deck__done-soundlab:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.grammar-deck__done-soundlab-ico{color:var(--primary);flex-shrink:0}.grammar-deck__done-soundlab-text{flex-direction:column;flex:1;gap:2px;font-size:.875rem;font-weight:600;display:flex}.grammar-deck__done-soundlab em{color:var(--primary);font-size:.78rem;font-style:normal;font-weight:400}.grammar-deck__done-soundlab-arrow{color:var(--text-tertiary);flex-shrink:0}.grammar-deck__done-soundlab>span{flex-direction:column;flex:1;gap:2px;font-size:.88rem;display:flex}.grammar-deck__related{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.grammar-deck__related ul{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.grammar-deck__related a{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-raised);color:var(--text-primary);transition:border-color var(--transition-fast);font-size:.88rem;text-decoration:none;display:flex}.grammar-deck__related a:hover{border-color:var(--accent-border)}.grammar-deck__related svg{color:var(--primary)}.grammar-deck__done-actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.grammar-deck__done-restart,.grammar-deck__done-back{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);cursor:pointer;border-radius:var(--radius-md);transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.grammar-deck__done-restart{border:1px solid var(--border-default);color:var(--text-secondary);background:0 0}.grammar-deck__done-restart:hover{border-color:var(--accent-border);color:var(--text-primary)}.grammar-deck__done-back{background:var(--surface-raised);border:1px solid var(--border-default);color:var(--text-primary)}.grammar-deck__done-back:hover{border-color:var(--accent-border);box-shadow:var(--shadow-sm)}.grammar-deck__done-restart:active,.grammar-deck__done-back:active{transform:scale(.96)}.gd-quiz{gap:var(--space-4);flex-direction:column;animation:.4s ease-out both grammar-done-in;display:flex}.gd-quiz__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.gd-quiz__options{gap:var(--space-2);flex-direction:column;display:flex}.gd-quiz__option{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);cursor:pointer;text-align:left;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-raised);color:var(--text-primary);transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);font-family:inherit;font-size:.92rem;display:flex}.gd-quiz__option:hover:not(:disabled){border-color:var(--accent-border);transform:translateY(-1px)}.gd-quiz__option--correct{border-color:var(--success-border);background:var(--success-soft);color:var(--success)}.gd-quiz__option--wrong{border-color:var(--error-border);background:var(--error-soft);color:var(--error-value)}.gd-quiz__explain{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-sunken);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.85rem}.gd-quiz__next{align-self:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);cursor:pointer;background:var(--primary);color:var(--primary-foreground,#fff);transition:transform var(--transition-fast);border:none;border-radius:999px;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.gd-quiz__next:active{transform:scale(.96)}@media (max-width:480px){.grammar-deck__wrap{padding-inline:var(--space-4);gap:var(--space-5)}.grammar-deck__done{padding:var(--space-6) var(--space-4)}}.grammar-deck__eyebrow{letter-spacing:.18em;color:var(--text-tertiary);font-size:11px;font-weight:600}.grammar-deck__back{align-items:center;gap:var(--space-1);letter-spacing:.12em;color:var(--text-tertiary);transition:color var(--transition-fast);font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.grammar-deck__back:hover{color:var(--primary)}.grammar-deck__title{font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.015em;color:var(--text-primary);background:0 0;font-size:2.1rem;font-weight:480}.grammar-deck__title em{color:var(--primary);background:0 0;font-style:italic}.grammar-deck__prog-fill{background:var(--primary);transform-origin:0;width:100%;height:100%;transition:transform .4s var(--ease-out-quart);border-radius:999px;display:block}.grammar-deck__count{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12.5px}.grammar-deck__count b{color:var(--text-primary)}.grammar-deck__slide{will-change:transform, opacity}.grammar-deck__slide--next{animation:.34s cubic-bezier(.22,1,.36,1) both grammar-slide-in-right}.grammar-deck__slide--prev{animation:.34s cubic-bezier(.22,1,.36,1) both grammar-slide-in-left}@keyframes grammar-slide-in-right{0%{opacity:0;transform:translate(34px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes grammar-slide-in-left{0%{opacity:0;transform:translate(-34px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}.grammar-deck__finish{align-items:center;gap:var(--space-1);padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--cta-bg,#0f1215);height:44px;color:var(--cta-fg,#e2e9f0);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;flex-shrink:0;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}@supports (color:lab(0% 0 0)){.grammar-deck__finish{background:var(--cta-bg,lab(5.25979% -.594564 -2.30088));color:var(--cta-fg,lab(91.8695% -1.30144 -4.27945))}}.grammar-deck__finish:hover{box-shadow:var(--shadow-sm);background:#212428;background:lab(14.1508% -.825912 -2.83166);transform:translateY(-1px)}.grammar-deck__finish:active{transform:translateY(0)scale(.96)}.grammar-deck__pos{letter-spacing:.08em;color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:11.5px}@keyframes grammar-done-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes grammar-badge-pop{0%{opacity:0;transform:scale(.3)rotate(-12deg)}60%{transform:scale(1.12)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}.grammar-deck__done-title{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-primary);font-size:1.7rem;font-weight:480}.grammar-deck__done-sub{color:var(--text-secondary);font-size:.95rem}.grammar-deck__done-stats b{font-family:var(--font-sans), system-ui, sans-serif;color:var(--primary);font-size:1.5rem;font-weight:480}.grammar-deck__done-stats span{letter-spacing:.1em;color:var(--text-tertiary);font-size:11px}.grammar-card__idx{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:1.1rem}.grammar-card__title{font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.01em;color:var(--text-primary);background:0 0;font-size:1.55rem;font-weight:480}.grammar-card__title em{color:var(--primary);background:0 0;font-style:italic}.grammar-card__lede{color:var(--text-secondary);font-size:.95rem}.grammar-conj{border-radius:var(--radius-md);border:1px solid var(--border-subtle);grid-template-columns:auto 1fr;display:grid}.grammar-conj>div{background:var(--surface-sunken)}.grammar-conj__pron{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-secondary);padding:var(--space-2) var(--space-3);font-style:italic}.grammar-conj__form{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-primary);padding:var(--space-2) var(--space-3)}.grammar-conj__form b{color:var(--primary)}.grammar-conj__hint{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-tertiary);font-size:.8rem}.grammar-vtable{border-collapse:collapse;width:100%;font-size:.92rem}.grammar-vtable th{letter-spacing:.08em;color:var(--text-tertiary);padding:var(--space-2) var(--space-3);text-align:left;font-size:10.5px;font-weight:600}.grammar-vtable td{border-top:1px solid var(--border-subtle);font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-primary);padding:var(--space-2) var(--space-3)}.grammar-vtable td:nth-child(2),.grammar-vtable td:nth-child(3){color:var(--primary)}.grammar-vtable td.grammar-vtable__es{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-tertiary);font-size:.82rem}.grammar-contrast{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:480px){.grammar-contrast{grid-template-columns:1fr}}.grammar-contrast__col{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.grammar-contrast__big{font-family:var(--font-sans), system-ui, sans-serif;color:var(--primary);font-size:1.6rem}.grammar-contrast__rule{color:var(--text-secondary);font-size:.82rem}.grammar-contrast__ex{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-primary);font-size:.95rem}.grammar-pairs{gap:var(--space-2);flex-direction:column;display:flex}.grammar-pair{align-items:baseline;gap:var(--space-2);font-family:var(--font-sans), system-ui, sans-serif;font-size:1rem;display:flex}.grammar-pair__mk{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:inline-flex}.grammar-pair--bad .grammar-pair__mk{background:var(--error-soft);color:var(--error);border:1px solid var(--error-border)}.grammar-pair--good .grammar-pair__mk{background:var(--success-soft);color:var(--success);border:1px solid var(--success-border)}.grammar-pair--bad .grammar-pair__text{color:var(--text-tertiary);text-decoration:line-through;-webkit-text-decoration-color:var(--error);-webkit-text-decoration-color:var(--error);-webkit-text-decoration-color:var(--error);text-decoration-color:var(--error)}.grammar-pair__note{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-tertiary);font-size:.8rem;text-decoration:none}.grammar-rules{gap:var(--space-3);flex-direction:column;display:flex}.grammar-rules__row{gap:var(--space-3);align-items:baseline;display:flex}.grammar-rules__key{font-family:var(--font-sans), system-ui, sans-serif;color:var(--primary);flex-shrink:0;font-size:1.05rem}.grammar-rules__val{color:var(--text-secondary);font-size:.92rem}.grammar-rules__val b{color:var(--text-primary);font-family:var(--font-sans), system-ui, sans-serif;font-weight:480}.grammar-rules__hint{color:var(--text-tertiary);font-size:.85em}.grammar-card__body>*{animation:.4s both grammar-block-rise}.grammar-card__body>:nth-child(2){animation-delay:50ms}.grammar-card__body>:nth-child(3){animation-delay:.1s}@keyframes grammar-block-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gd-speak{border:1px solid var(--accent-border);background:var(--primary);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.gd-speak{background:color-mix(in oklch, var(--primary) 8%, var(--surface-raised))}}.gd-speak{color:var(--primary);transition:transform var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast)}.gd-speak:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.gd-speak:hover{background:color-mix(in oklch, var(--primary) 16%, var(--surface-raised))}}.gd-speak:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.gd-speak:active{transform:scale(.92)}.gd-speak--on{background:var(--primary);color:var(--primary-foreground,#fff)}.grammar-pron{border:1px solid var(--accent-border);border-radius:var(--radius-md);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.grammar-pron{background:color-mix(in oklch, var(--primary) 5%, var(--surface-sunken))}}.grammar-pron{padding:var(--space-3) var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.grammar-pron__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.grammar-pron__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.grammar-pron__item{align-items:center;gap:var(--space-3);display:flex}.grammar-pron__text{flex-direction:column;gap:2px;display:flex}.grammar-pron__badge{align-items:center;gap:var(--space-1);color:var(--primary);font-size:.8rem;font-weight:600;display:inline-flex}.grammar-pron__drill{color:var(--primary);align-items:center;gap:3px;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.grammar-pron__drill:hover{text-decoration:underline}.grammar-pron__phrase{color:var(--text-primary)}.grammar-pron__ipa{font-family:var(--font-ipa), "Andika", "Noto Sans", sans-serif;letter-spacing:.05em;word-spacing:.14em;color:var(--text-secondary);font-size:1rem;font-weight:400;line-height:1.55}.grammar-pron__es{color:var(--text-secondary);font-size:.8rem}.grammar-pron__note{color:var(--text-secondary);font-size:.82rem}.gd-quiz__kicker{letter-spacing:.06em;color:var(--text-tertiary);font-size:.72rem}.gd-quiz__pos{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:.8rem}.gd-quiz__q{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-primary);font-size:1.25rem;font-weight:480}.grammar-deck__done-goal{color:var(--text-secondary);font-size:.9rem}.grammar-deck__done-practice-error{color:var(--text-secondary);text-align:center;font-size:.8rem}.grammar-deck__related-label{letter-spacing:.06em;color:var(--text-tertiary);font-size:.72rem}@media (prefers-reduced-motion:reduce){.grammar-deck__slide--next,.grammar-deck__slide--prev,.grammar-deck__done,.grammar-deck__done-badge,.grammar-card__body>*,.gd-quiz,.grammar-card--done .grammar-card__gotit svg{animation:none}.grammar-deck__arrow:hover:not(:disabled),.grammar-deck__arrow:active:not(:disabled),.grammar-deck__dot:hover,.gd-speak:hover,.gd-quiz__option:hover:not(:disabled),.grammar-deck__done-restart:active,.grammar-deck__done-soundlab:hover,.grammar-deck__done-back:active{transform:none}}.words-lexicon{color:var(--text-primary);font-family:var(--font-sans), system-ui, sans-serif}.words-lexicon__page-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem 1.5rem;display:grid}.words-lexicon__dictionary-layout{grid-template-columns:minmax(0,1fr) minmax(17rem,21rem);align-items:start;gap:2rem;margin-top:2rem;display:grid}.words-lexicon__dictionary-main{min-width:0}.words-lexicon__dictionary-categories{grid-column:1/-1;min-width:0}.words-lexicon__dictionary-main>.words-lexicon__sechead{margin-top:0}.words-lexicon__dictionary-main>.words-lexicon__sechead p:last-child{max-width:42rem;color:var(--text-secondary);margin:.5rem 0 0;font-size:1rem;line-height:1.55}.words-lexicon__practice-aside{position:static}.words-lexicon__practice-aside .words-lexicon__today{background:var(--surface-sunken);border-radius:var(--radius-md);grid-template-columns:1fr;margin-top:0;padding:1rem}.words-lexicon__practice-aside .words-lexicon__today-cta{justify-self:stretch;min-height:2.5rem;padding:.5rem .75rem}.words-lexicon__practice-aside .words-lexicon__today h2{font-size:1.25rem;line-height:1.3}.words-lexicon__practice-aside .words-lexicon__today-note,.words-lexicon__practice-aside-hint{display:none}.words-lexicon__practice-aside-hint{color:var(--text-tertiary);margin:.75rem 0 0;font-size:.8rem}.words-lexicon__practice-aside-hint strong{color:var(--text-secondary);font-weight:600}.words-lexicon__data-alert{color:var(--text-primary);background:var(--warning-soft);border:1px solid var(--warning);justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding:.875rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.words-lexicon__data-alert{border:1px solid color-mix(in oklch, var(--warning) 35%, var(--border-subtle))}}.words-lexicon__data-alert{border-radius:var(--radius-md)}.words-lexicon__data-alert strong{font-size:.875rem;display:block}.words-lexicon__data-alert p{color:var(--text-secondary);margin:.2rem 0 0;font-size:.8rem}.words-lexicon__data-alert-action{min-height:2.5rem;color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);flex:none;padding:.5rem .875rem;font-size:.8rem;font-weight:600}.words-lexicon__data-alert-action:hover{background:var(--surface-sunken)}.words-lexicon__title{font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.02em;color:var(--text-primary);font-size:1.75rem;font-weight:600;line-height:1.1}.words-lexicon__today{background:var(--surface-raised);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem 1.5rem;margin-top:1.5rem;padding:1.25rem 1.5rem;display:grid}.words-lexicon__today-main{align-items:flex-start;min-width:0;display:flex}.words-lexicon__today-copy{min-width:0}.words-lexicon__today-kicker,.words-lexicon__sechead-kicker{color:var(--text-tertiary);font-family:var(--font-mono), monospace;letter-spacing:.06em;margin:0 0 .5rem;font-size:.8125rem;font-weight:500}.words-lexicon__today h2,.words-lexicon__sechead h2{color:var(--text-primary);letter-spacing:-.015em;margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.words-lexicon__today-copy>p:last-child{color:var(--text-secondary);margin:.5rem 0 0;font-size:1rem;line-height:1.55}.words-lexicon__today-note{color:var(--primary);margin-top:.625rem;font-size:.8rem;font-weight:600;display:inline-block}.words-lexicon__today-cta{min-height:2.75rem;color:var(--cta-fg);background:var(--cta-bg);border-radius:var(--radius-md);transition:background var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.words-lexicon__today-cta:hover{background:var(--cta-bg-hover);transform:translateY(-1px)}.words-lexicon__today-cta svg{transition:transform .18s ease-out}.words-lexicon__today-cta:hover svg{transform:translate(.2rem)}.words-lexicon__today-cta:active{transform:translateY(1px)}@media (prefers-reduced-motion:reduce){.words-lexicon__today-cta,.words-lexicon__today-cta svg{transition:none}}.words-lexicon__explore-panel{padding-top:1.5rem}.words-lexicon__explore-panel .words-lexicon__sechead{justify-content:space-between;align-items:end}.words-lexicon__explore-panel .words-lexicon__hero{margin-top:.75rem}.words-lexicon__learn-next{justify-content:space-between;align-items:center;gap:1.5rem;margin-top:3rem;display:flex}.words-lexicon__learn-next h2{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.words-lexicon__learn-next p:last-child{max-width:45rem;color:var(--text-secondary);margin:.25rem 0 0;font-size:.875rem}.words-lexicon__secondary-cta{min-height:2.75rem;color:var(--primary);background:var(--primary-soft);border-radius:var(--radius-md);flex:none;justify-content:center;align-items:center;padding:.625rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}@media (max-width:720px){.words-lexicon__dictionary-layout{grid-template-columns:1fr;gap:1.5rem}.words-lexicon__practice-aside{order:-1;position:static}.words-lexicon__data-alert,.words-lexicon__learn-next{flex-direction:column;align-items:flex-start}}.words-lexicon__route-picker{margin-top:3rem}.words-lexicon__route-picker .words-lexicon__sechead{justify-content:space-between;align-items:flex-end}.words-lexicon__route-picker .words-lexicon__sechead p:last-child{color:var(--text-secondary);margin:.25rem 0 0;font-size:.875rem}.words-lexicon__text-link{color:var(--primary-600);flex:none;font-size:.875rem;font-weight:600;text-decoration:none}.words-lexicon__text-link:hover{text-decoration:underline}.words-lexicon__lesson-row{width:100%;min-height:3.5rem;color:var(--text-primary);text-align:left;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:background var(--transition-fast), border-color var(--transition-fast);align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex;position:relative}.words-lexicon__lesson-row:hover,.words-lexicon__lesson-row:focus-visible{background:var(--surface-sunken);border-color:var(--border-strong)}.words-lexicon__category-card{transition:background var(--transition-fast), border-color var(--transition-fast)}.words-lexicon__category-card:hover,.words-lexicon__category-card:focus-visible{background:var(--surface-sunken);border-color:var(--border-strong)}.words-lexicon__lesson-row-initial{width:2rem;height:2rem;color:var(--primary);background:var(--primary-soft);border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.words-lexicon__lesson-row-copy{flex-direction:column;gap:.125rem;min-width:0;display:flex}.words-lexicon__lesson-row-title{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.words-lexicon__lesson-row-meta{color:var(--text-tertiary);font-size:.75rem}.words-lexicon__lesson-row-arrow{color:var(--text-tertiary);margin-left:auto;font-size:1rem}.words-lexicon__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);font-size:10px;font-weight:700}.words-lexicon__seg{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-full)}.words-lexicon__seg-btn{min-height:2.75rem;color:var(--text-secondary);border-radius:var(--radius-full);transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:.625rem .875rem;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.words-lexicon__seg-btn:hover{color:var(--text-primary)}.words-lexicon__seg-btn.is-active{background:var(--primary);color:var(--on-primary)}.words-lexicon__seg-count{font-variant-numeric:tabular-nums;opacity:.7;font-size:11px;font-weight:700}.words-lexicon__hero-title{font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.03em;color:var(--text-primary);padding-top:0;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:400;line-height:1.15}.words-lexicon__hero-title em{color:var(--primary-600);font-style:italic}.words-lexicon__hero-lede{color:var(--text-secondary);margin-top:.625rem;font-size:.95rem}.words-lexicon__hero{padding-bottom:0}.words-lexicon__hero+.words-lexicon__sechead{margin-top:2rem}.words-lexicon__searchwrap{max-width:100%;margin:1.5rem 0 0;position:relative}.words-lexicon__searchbox{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-height:3.5rem;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.words-lexicon__searchbox:focus-within{background:var(--surface-base);border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.words-lexicon__search-mag{width:1.5rem;height:1.5rem;color:var(--text-tertiary);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.words-lexicon__search-input{min-width:0;color:var(--text-primary);font-family:var(--font-sans), system-ui, sans-serif;background:0 0;border:none;outline:none;flex:1;font-size:1rem}.words-lexicon__search-input::placeholder{color:var(--text-placeholder)}.words-lexicon__search-kbd{font-family:var(--font-mono), monospace;color:var(--text-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;padding:.25rem .5rem;font-size:.75rem}.words-lexicon__quick{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.875rem;display:flex}.words-lexicon__quick-lbl{color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:600}.words-lexicon__qchip{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-secondary);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-full);transition:border-color var(--transition-fast), color var(--transition-fast);padding:.25rem .75rem;font-size:.9rem}.words-lexicon__qchip:hover{border-color:var(--badge-primary-border);color:var(--text-primary)}.words-lexicon__qchip.is-due{color:var(--warning-value);border-color:var(--badge-warning-border)}.words-lexicon__quick-lbl--spaced{margin-left:.5rem}.words-lexicon__res-def--translation{color:var(--text-secondary)}.words-lexicon__results{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:20;display:none;position:absolute;top:calc(100% + 10px);left:0;right:0}.words-lexicon__results.is-open{display:block}.words-lexicon__res{border-bottom:1px solid var(--border-subtle);text-align:left;width:100%;color:inherit;background:0 0;border-top:none;border-left:none;border-right:none;flex-wrap:wrap;align-items:baseline;gap:.375rem .625rem;padding:.75rem 1rem;display:flex}.words-lexicon__res:last-child{border-bottom:none}.words-lexicon__res:hover,.words-lexicon__res.is-focused{background:var(--surface-sunken)}.words-lexicon__res-word{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-primary);font-size:1.05rem}.words-lexicon__res-pos{color:var(--text-tertiary);font-size:.82rem}.words-lexicon__res-cat{color:var(--text-tertiary);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:1px 8px;font-size:11px}.words-lexicon__res-def{color:var(--text-tertiary);font-size:.82rem}.words-lexicon__nores{color:var(--text-tertiary);padding:.875rem 1rem;font-size:.9rem}.words-lexicon__worddetail{background:linear-gradient(160deg, var(--primary), var(--surface-raised));display:none}@supports (color:color-mix(in lab, red, red)){.words-lexicon__worddetail{background:linear-gradient(160deg, color-mix(in oklch, var(--primary) 12%, var(--surface-raised)), var(--surface-raised))}}.words-lexicon__worddetail{border:1px solid var(--badge-primary-border);border-radius:var(--radius-lg);margin-top:1rem;padding:1.25rem 1.5rem}.words-lexicon__wd-top{flex-wrap:wrap;align-items:baseline;gap:.625rem;display:flex}.words-lexicon__wd-btns{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.words-lexicon__worddetail.is-open{display:block}.words-lexicon__wd-w{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-primary);font-size:1.8rem}.words-lexicon__wd-pos{color:var(--primary-600);font-size:.9rem}.words-lexicon__wd-cat{color:var(--text-tertiary);font-size:11px}.words-lexicon__wd-translation{color:var(--text-primary);margin-top:.5rem;font-size:.875rem;font-weight:500}.words-lexicon__wd-def{color:var(--text-secondary);margin-top:.625rem;font-size:.95rem}.words-lexicon__strip{background:0 0;border:none;padding:0;font-size:.82rem}.words-lexicon__strip-pct{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-tertiary);tabular-nums:normal;font-size:.8rem;font-weight:700}.words-lexicon__segbar{border-radius:var(--radius-full);background:var(--border-subtle);flex:1;min-width:8rem;max-width:18rem;height:6px;position:relative;overflow:hidden}.words-lexicon__segbar-learned,.words-lexicon__segbar-progress{border-radius:var(--radius-full);height:100%;position:absolute;top:0}.words-lexicon__segbar-learned{background:var(--success);left:0}.words-lexicon__segbar-progress{background:var(--primary)}.words-lexicon__strip-summary{color:var(--text-secondary);font-size:.82rem}.words-lexicon__strip-summary b{color:var(--text-primary);font-weight:600}.words-lexicon__strip-pill{color:var(--warning-value);background:var(--badge-warning-bg);border:1px solid var(--badge-warning-border);border-radius:var(--radius-full);transition:background var(--transition-fast);font-size:.8rem;font-weight:600;text-decoration:none}.words-lexicon__strip-pill:hover{background:var(--warning-soft)}.words-lexicon__sechead{align-items:baseline;gap:.625rem;display:flex}.words-lexicon__sechead h3{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-primary);letter-spacing:-.005em;font-size:1.125rem;font-weight:600}.words-lexicon__sechead-all{color:var(--primary-600);background:0 0;border:none;font-size:12.5px;font-weight:500}.words-lexicon__sechead-all:hover{text-decoration:underline}.words-lexicon__domain-group{margin-top:1.25rem;margin-bottom:1.5rem;scroll-margin-top:6rem}.words-lexicon__domain-head{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;margin-bottom:.875rem;display:flex}.words-lexicon__domain-head:hover .words-lexicon__domain-name{color:var(--text-primary)}.words-lexicon__domain-chevron{color:var(--text-tertiary);align-items:center;margin-left:auto;font-size:1.1rem;line-height:1;display:inline-flex}.words-lexicon__domain-name{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.95rem;font-weight:600}.words-lexicon__domain-count{color:var(--text-tertiary);font-size:.8rem}.words-lexicon__continue{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.75rem;display:grid}@media (max-width:820px){.words-lexicon__continue{grid-template-columns:1fr}}.words-lexicon__cont{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:transform var(--transition-fast), border-color var(--transition-fast);color:inherit;text-align:left;cursor:pointer;align-items:flex-start;gap:.625rem;width:100%;padding:.75rem 1rem;display:flex}.words-lexicon__cont:hover{border-color:var(--badge-primary-border);transform:translateY(-2px)}.words-lexicon__cont-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.words-lexicon__cont-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.words-lexicon__cont-title{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-primary);font-size:1rem}.words-lexicon__cont-bar{background:var(--surface-sunken);border-radius:99px;height:3px;overflow:hidden}.words-lexicon__cont-bar-fill{border-radius:99px;min-width:2px;height:100%;display:block}.words-lexicon__cont-meta{color:var(--text-tertiary);font-size:.78rem}.words-lexicon__cont-tags{color:var(--text-tertiary)}.words-lexicon__explore{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}@media (max-width:820px){.words-lexicon__explore{grid-template-columns:1fr 1fr}}@media (max-width:560px){.words-lexicon__explore{grid-template-columns:1fr}}.words-lexicon__tile{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:transform var(--transition-fast), border-color var(--transition-fast);color:inherit}.words-lexicon__tile:hover{border-color:var(--badge-primary-border);transform:translateY(-3px)}.words-lexicon__tile-ghost{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-primary);font-size:6rem;position:absolute;top:-.75rem;right:8px}@supports (color:color-mix(in lab, red, red)){.words-lexicon__tile-ghost{color:color-mix(in oklch, var(--text-primary) 4%, transparent)}}.words-lexicon__tile-ghost{pointer-events:none}.words-lexicon__tile h4{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-primary);font-size:1.2rem;font-weight:500}.words-lexicon__tile-tags span{color:var(--text-secondary);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);font-size:11.5px}.words-lexicon__tile-foot{color:var(--text-tertiary);font-size:.82rem}.words-lexicon__tile-go{color:var(--primary-600)}.words-lexicon__contextbar{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:.625rem .875rem;display:flex}.words-lexicon__contextbar-stat{color:var(--text-secondary);font-size:.9rem}.words-lexicon__contextbar-skel{border-radius:var(--radius-full);background:var(--surface-sunken);animation:1.4s ease-in-out infinite words-lexicon-pulse}@keyframes words-lexicon-pulse{0%,to{opacity:1}50%{opacity:.45}}.words-lexicon__empty{color:var(--text-tertiary);font-size:.9rem}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.shimmer:after{background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--primary) 18%, transparent), transparent)}}.shimmer:after{animation:1.4s infinite shimmer}.words-lexicon__strip{margin-top:1rem}.words-lexicon__sechead{margin-top:1.75rem}.words-lexicon__sechead--spaced{margin-top:2rem}@media (max-width:720px){.words-lexicon__page-head{grid-template-columns:1fr;align-items:start;gap:.5rem}.words-lexicon__page-head .words-lexicon__topbar{justify-content:flex-start}.words-lexicon__today{grid-template-columns:1fr;gap:.875rem}.words-lexicon__today-cta{justify-self:start}}.words-lexicon__card-initial{border-radius:var(--radius-md);width:2.25rem;height:2.25rem;font-family:var(--font-sans), system-ui, sans-serif;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;line-height:1;display:flex}.lexicon-area{--lexicon-cat:var(--primary);--lexicon-cat-soft:var(--lexicon-cat)}@supports (color:color-mix(in lab, red, red)){.lexicon-area{--lexicon-cat-soft:color-mix(in oklch, var(--lexicon-cat) 18%, transparent)}}.lexicon-area:before{content:"";pointer-events:none;background:radial-gradient(100% 70% at 50% 0%, var(--lexicon-cat), transparent 70%);height:280px;position:absolute;inset:-80px 0 auto}@supports (color:color-mix(in lab, red, red)){.lexicon-area:before{background:radial-gradient(100% 70% at 50% 0%, color-mix(in oklch, var(--lexicon-cat) 22%, transparent), transparent 70%)}}.lexicon-area:before{opacity:.45;z-index:0}.lexicon-area>*{z-index:1;position:relative}.lexicon-area__head{gap:.625rem;padding:1.25rem 0 1.5rem;display:grid}.lexicon-area__head-copy{gap:.25rem;min-width:0;display:grid}.lexicon-area__prog{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;flex:0 0 220px;gap:.5rem;padding:1rem 1.25rem;display:flex}.lexicon-area__detail-layout{grid-template-columns:minmax(0,1fr) minmax(16rem,17rem);grid-template-areas:"results sidebar";align-items:start;gap:2rem;display:grid}.lexicon-area__sidebar{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;grid-area:sidebar;gap:1rem;padding:1rem;display:flex;position:sticky;top:1.5rem}.lexicon-area__results{grid-area:results;min-width:0}.lexicon-area__side-progress,.lexicon-area__side-nav{flex-direction:column;gap:.625rem;display:flex}.lexicon-area__side-progress{border-bottom:1px solid var(--border-subtle);padding-bottom:1rem}.lexicon-area__side-progress-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.lexicon-area__side-progress-head strong{font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:1.125rem}.lexicon-area__side-label{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin:0;font-size:.75rem;font-weight:500}.lexicon-area__side-progress-copy{color:var(--text-secondary);margin:0;font-size:.8125rem}.lexicon-area__side-legend{color:var(--text-secondary);gap:.375rem;font-size:.8125rem;display:grid}.lexicon-area__side-legend span{align-items:center;gap:.5rem;display:flex}.lexicon-area__side-legend i{background:var(--text-tertiary);opacity:.55;border-radius:50%;width:6px;height:6px}.lexicon-area__side-legend i.is-learned{background:var(--success);opacity:1}.lexicon-area__side-legend i.is-reviewing{background:var(--warning);opacity:1}.lexicon-area__practice-link{border-radius:var(--radius-md);background:var(--cta-bg);min-height:44px;color:var(--cta-fg);justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;padding:.625rem .875rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s,transform .2s;display:inline-flex}.lexicon-area__practice-link:hover{background:var(--cta-bg-hover);transform:translateY(-1px);box-shadow:0 4px 6px #00000012;box-shadow:0 4px 6px lab(0% 0 0/.07)}.lexicon-area__practice-link:active{transform:scale(.96)}.lexicon-area__side-nav a{border-radius:var(--radius-sm);min-height:40px;color:var(--text-secondary);align-items:center;gap:.625rem;padding:.5rem .625rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.lexicon-area__side-nav a:hover{background:var(--surface-sunken);color:var(--text-primary)}.lexicon-area__filters--sidebar{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.875rem;padding-top:1rem;display:flex}.lexicon-area__filters--sidebar .lexicon-area__toolbar-cluster,.lexicon-area__filters--sidebar .lexicon-area__toolbar-end{gap:.625rem;display:grid}.lexicon-area__filters--sidebar .lexicon-area__ftabs{gap:2px;display:grid}.lexicon-area__filters--sidebar .lexicon-area__ftab{border-radius:var(--radius-sm);justify-content:space-between;min-height:36px;padding:.5rem .625rem}.lexicon-area__filters--sidebar .lexicon-area__toolbar-divider{display:none}.lexicon-area__filters--sidebar .lexicon-area__sortgrp{grid-template-columns:1fr 1fr;padding:2px;display:grid}.lexicon-area__filters--sidebar .lexicon-area__sortopt{justify-content:center;min-height:34px}.lexicon-area__filters--sidebar .lexicon-area__find{border-radius:var(--radius-sm);min-height:40px}.lexicon-area__filters--sidebar .lexicon-area__find input{width:100%;min-width:0}.lexicon-area__filters--sidebar .lexicon-area__vtoggle{justify-self:start}.lexicon-area__results-count{color:var(--text-tertiary);margin:0 0 1rem;font-size:.875rem}@media (max-width:960px){.lexicon-area__detail-layout{grid-template-columns:1fr;grid-template-areas:"sidebar""results";gap:1.5rem}.lexicon-area__sidebar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;padding:1rem;display:grid;position:static}.lexicon-area__filters--sidebar{grid-column:1/-1}.lexicon-area__filters--sidebar .lexicon-area__toolbar-cluster,.lexicon-area__filters--sidebar .lexicon-area__toolbar-end{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}}@media (max-width:620px){.lexicon-area__sidebar,.lexicon-area__filters--sidebar .lexicon-area__toolbar-cluster,.lexicon-area__filters--sidebar .lexicon-area__toolbar-end{grid-template-columns:1fr}}.lexicon-area__prog-top{align-items:baseline;gap:.375rem;display:flex}.lexicon-area__legend{flex-direction:column;gap:.25rem;display:flex}.lexicon-area__legend-item{align-items:center;gap:.375rem;display:flex}.lexicon-area__legend-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.lexicon-area__hbtns{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.lexicon-area__dot{vertical-align:middle;width:10px;height:10px;margin-right:.5rem;display:inline-block;position:relative;top:-1px}@media (max-width:720px){.lexicon-area__prog{flex:none;width:100%}}.lexicon-area__crumb{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.04em;color:var(--text-tertiary);align-items:baseline;gap:.375rem;font-size:12px;font-weight:500;display:flex}.lexicon-area__crumb a{color:inherit;transition:color var(--transition-fast);text-decoration:none}.lexicon-area__crumb a:hover,.lexicon-area__crumb [aria-current=page]{color:var(--text-secondary)}.lexicon-area__crumb-separator{color:var(--text-tertiary)}.lexicon-area__title{font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:clamp(2rem,3.2vw,2.625rem);font-weight:700;line-height:1.2;display:block}.lexicon-area__sub{max-width:65ch;color:var(--text-tertiary);margin:0;font-size:.9375rem;line-height:1.5}.lexicon-area__prog-num{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-primary);font-size:1.7rem}.lexicon-area__prog-label{color:var(--text-tertiary);font-size:.85rem}.lexicon-area__segbar{border-radius:var(--radius-full);background:var(--surface-sunken);height:6px;position:relative;overflow:hidden}.lexicon-area__segbar-learned,.lexicon-area__segbar-review{border-radius:var(--radius-full);height:100%;position:absolute;top:0}.lexicon-area__segbar-learned{background:var(--success)}.lexicon-area__segbar-review{background:var(--warning)}.lexicon-area__legend{color:var(--text-secondary);font-size:.78rem}.lexicon-area__due{color:var(--warning-value);font-size:11px;font-weight:600}.lexicon-area__toolbar{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem .75rem;display:flex}.lexicon-area__toolbar-cluster{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.lexicon-area__toolbar-end{align-items:center;gap:.5rem;display:flex}.lexicon-area__toolbar-divider{background:var(--border-subtle);flex-shrink:0;width:1px;height:1.25rem}.lexicon-area__toolbar-divider-rule{background:var(--border-subtle)}@media (max-width:720px){.lexicon-area__toolbar-end{flex-basis:100%}}.lexicon-area__ftabs{align-items:center;gap:2px;display:flex}.lexicon-area__ftab{color:var(--text-secondary);border-radius:var(--radius-full);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;align-items:center;gap:5px;padding:5px 11px;font-size:13.5px;font-weight:600;display:inline-flex}.lexicon-area__ftab-count{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.lexicon-area__ftab.is-active .lexicon-area__ftab-count{color:var(--text-secondary)}.lexicon-area__ftab:hover{color:var(--text-primary)}.lexicon-area__ftab.is-active{background:var(--surface-sunken);color:var(--text-primary)}.lexicon-area__sortgrp{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;padding:2px;display:flex}.lexicon-area__sortopt{color:var(--text-secondary);border-radius:var(--radius-full);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;align-items:center;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.lexicon-area__sortopt.is-active{background:var(--bg-tertiary);color:var(--text-primary)}.lexicon-area__find{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-tertiary);align-items:center;gap:.4rem;padding:5px 10px;display:flex}.lexicon-area__find input{color:var(--text-primary);background:0 0;border:none;outline:none;font-size:.875rem}.lexicon-area__find input::placeholder{color:var(--text-placeholder)}.lexicon-area__vtoggle{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:10px;align-items:center;padding:2px;display:flex}.lexicon-area__vt{color:var(--text-tertiary);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px 6px;display:inline-flex}.lexicon-area__vt.is-active{background:var(--bg-tertiary);color:var(--text-primary)}.lexicon-area__lettergroup{margin-top:2rem}.lexicon-area__lettergroup:first-child{margin-top:0}.lexicon-area__letterhead{align-items:center;gap:.75rem;margin-bottom:.875rem;display:flex}.lexicon-area__letter{font-family:var(--font-sans), system-ui, sans-serif;color:var(--lexicon-cat);font-size:1.1rem;font-style:italic}.lexicon-area__letter-rule{background:var(--border-subtle);border:none;height:1px}.lexicon-area__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:14px;display:grid}.lexicon-area__grid--list{grid-template-columns:1fr}.lexicon-area__empty{color:var(--text-tertiary);font-size:.9rem}.lexicon-area__card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);box-shadow:0 1px 2px var(--text-primary);flex-direction:column;gap:.5rem;padding:.875rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.lexicon-area__card{box-shadow:0 1px 2px color-mix(in oklch, var(--text-primary) 4%, transparent)}}.lexicon-area__card-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.lexicon-area__card-foot{justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.375rem;display:flex}.lexicon-area__meter{align-items:center;gap:2px;display:flex}.lexicon-area__meter i{background:var(--surface-sunken);border-radius:2px;width:12px;height:4px;display:block}.lexicon-area__meter i.is-on{background:var(--card-state,var(--text-tertiary))}.lexicon-area__meter-label{letter-spacing:.04em;color:var(--card-state,var(--text-tertiary));opacity:0;transition:opacity var(--transition-fast);white-space:nowrap;margin-left:4px;font-size:10px;font-weight:600}.lexicon-area__card:hover .lexicon-area__meter-label{opacity:1}.lexicon-area__acts{opacity:.55;transition:opacity var(--transition-fast);align-items:center;gap:4px;display:flex}.lexicon-area__card:hover .lexicon-area__acts{opacity:1}.lexicon-area__act{border:1px solid var(--border-subtle);background:var(--surface-sunken);width:26px;height:26px;color:var(--text-secondary);transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.lexicon-area__act:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-default)}.lexicon-area__act:disabled{opacity:.45}.lexicon-area__act.is-done{background:var(--success);color:var(--on-primary);border-color:#0000}.lexicon-area__act.is-fav{color:var(--error);border-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.lexicon-area__act.is-fav{border-color:color-mix(in oklch, var(--error) 35%, transparent)}}.lexicon-area__card:hover{border-color:var(--card-state,var(--border-default));transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.lexicon-area__card:hover{border-color:color-mix(in oklch, var(--card-state,var(--border-default)) 28%, var(--border-subtle))}}.lexicon-area__card:hover{box-shadow:0 4px 14px var(--text-primary)}@supports (color:color-mix(in lab, red, red)){.lexicon-area__card:hover{box-shadow:0 4px 14px color-mix(in oklch, var(--text-primary) 6%, transparent)}}.lexicon-area__card-word{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-primary);font-size:1.18rem;font-weight:480}.lexicon-area__card-ipa{letter-spacing:.08em;word-spacing:.12em;color:var(--primary-600);font-size:1.05rem;font-weight:500;line-height:1.55}.lexicon-area__card-pos{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-tertiary);font-size:.8rem;font-style:italic}.lexicon-area__card-pos--top{flex-shrink:0;align-self:flex-start}.lexicon-area__card-def{color:var(--text-secondary);font-size:.88rem}.lexicon-area__card-trans{color:var(--text-primary);font-size:.85rem;font-weight:500}.lexicon-area__card-example{color:var(--text-tertiary);background:var(--lexicon-cat);border-radius:4px;padding:3px 8px;font-size:11px;font-style:italic}@supports (color:color-mix(in lab, red, red)){.lexicon-area__card-example{background:color-mix(in oklch, var(--lexicon-cat) 8%, transparent)}}.lexicon-area__card--list .lexicon-area__card-top{flex-direction:column;align-items:flex-start}.lexicon-area__card--list .lexicon-area__card-foot{flex-direction:column;align-items:flex-end;gap:8px}.lexicon-area__backtop{justify-content:center;margin-top:3rem;padding-bottom:2rem;display:flex}.lexicon-area__backtop button{border-radius:var(--radius-full);background:var(--text-primary);color:var(--surface-raised);transition:opacity var(--transition-fast);border:none;align-items:center;gap:.375rem;padding:8px 18px;font-size:.88rem;font-weight:600;display:inline-flex}.lexicon-area__backtop button:hover{opacity:.9}.ipa-chart{--ipa-radius:var(--radius-lg,16px);--ipa-radius-sm:var(--radius-sm,8px);--ipa-accent-text:var(--primary-700);--ipa-accent-soft:var(--primary);max-width:80rem;margin-inline:auto;position:relative;overflow-x:hidden}@supports (color:color-mix(in lab, red, red)){.ipa-chart{--ipa-accent-soft:color-mix(in oklch, var(--primary) 12%, transparent)}}.ipa-chart{--ipa-accent-border:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ipa-chart{--ipa-accent-border:color-mix(in oklch, var(--primary) 38%, var(--border-subtle))}}.ipa-chart__eyebrow{letter-spacing:.16em;color:var(--text-tertiary);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.ipa-chart__title{font-family:var(--font-sans), sans-serif;letter-spacing:-.02em;color:var(--text-primary);font-optical-sizing:auto;font-size:clamp(1.85rem,4vw,2.3rem);font-weight:420}.ipa-chart__lead{color:var(--text-secondary);font-size:.95rem}.ipa-chart__section-title{font-family:var(--font-sans), sans-serif;text-wrap:balance;color:var(--text-primary);font-size:1.5rem;font-weight:600;line-height:1.2}.ipa-chart__btn{cursor:pointer;white-space:nowrap;border-radius:var(--ipa-radius-sm);border:none;align-items:center;gap:6px;min-height:44px;padding:8px 16px;font-size:.88rem;font-weight:600;text-decoration:none;transition:filter .13s,border-color .13s,transform .13s;display:inline-flex}.ipa-chart__btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ipa-chart__btn--primary{background:var(--primary);color:var(--on-primary)}.ipa-chart__btn--primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.ipa-chart__btn:active,.ipa-chart__panel-play:active,.ipa-chart__mpcard-play:active{transform:translateY(0)}.ipa-chart__btn--ghost{background:var(--surface-sunken);color:var(--text-primary);border:1px solid var(--border-subtle)}.ipa-chart__btn--ghost:hover{border-color:var(--border-default)}.ipa-chart__progress-count{font-family:var(--font-sans), sans-serif;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.1rem}.ipa-chart__progress-bar{background:var(--surface-sunken);border-radius:999px;flex:1;min-width:80px;height:5px}.ipa-chart__progress-fill{background:var(--primary);border-radius:999px;height:100%;transition:width .4s;display:block}.ipa-chart__progress-reset{min-height:44px;font-size:inherit;color:var(--text-tertiary);background:0 0;border:none;padding-inline:8px}.ipa-chart__progress-reset:hover:not(:disabled){color:var(--text-secondary)}.ipa-chart__progress-reset:disabled{opacity:.4}.ipa-chart__progress-undo{min-height:44px;color:var(--primary);background:0 0;border:none;align-items:center;gap:4px;padding-inline:8px;font-size:.8rem;font-weight:600;display:inline-flex}.ipa-chart__tab{border:1px solid var(--border-subtle);background:var(--surface-sunken);min-height:44px;color:var(--text-secondary);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .13s,color .13s,border-color .13s;display:inline-flex}.ipa-chart__tab:hover:not(.ipa-chart__tab--on){border-color:var(--border-default);color:var(--text-primary)}.ipa-chart__tab--on{background:var(--primary);color:var(--on-primary);border-color:#0000}.ipa-chart__tab:active,.ipa-chart__progress-reset:active,.ipa-chart__progress-undo:active,.ipa-chart__panel-nav button:active,.ipa-chart__exword:active{transform:translateY(1px)}.ipa-chart__tab-count{opacity:.75;font-variant-numeric:tabular-nums;font-size:11px}.ipa-chart__kbd-hint{color:var(--text-tertiary);align-items:center;gap:4px;margin-left:auto;font-size:11px;display:none}@media (min-width:768px){.ipa-chart__kbd-hint{display:flex}}.ipa-chart__kbd{border:1px solid var(--border-subtle);background:var(--card-bg);color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;padding:1px 5px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.ipa-chart__tab:focus-visible,.ipa-chart__progress-reset:focus-visible,.ipa-chart__progress-undo:focus-visible,.ipa-chart__panel-nav button:focus-visible,.ipa-chart__panel-play:focus-visible,.ipa-chart__exword:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ipa-chart__main{gap:var(--space-6,1.5rem);grid-template-columns:minmax(0,1fr) minmax(18rem,20rem);align-items:start;display:grid}@media (max-width:880px){.ipa-chart__main{grid-template-columns:1fr}.ipa-chart__panel{position:static}.ipa-chart__panel-hero{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.ipa-chart__panel-hero header{display:contents}.ipa-chart__panel-tag{grid-area:1/1}.ipa-chart__panel-nav{grid-area:1/3}.ipa-chart__panel-hero>div{grid-column:1/-1;align-items:center;gap:12px;display:flex}.ipa-chart__panel-sym{font-size:2.4rem}.ipa-chart__panel-name{flex:1;font-size:.85rem}.ipa-chart__panel-play{margin-left:auto}.ipa-chart__panel-body{gap:12px;padding:12px 16px 16px}.ipa-chart__howto{scrollbar-width:none;flex-direction:row;gap:8px;padding-bottom:2px;overflow-x:auto}.ipa-chart__howto::-webkit-scrollbar{display:none}.ipa-chart__howto-step{background:var(--surface-sunken);border-radius:10px;flex-shrink:0;max-width:180px;padding:8px 10px;font-size:.82rem}}.ipa-chart__chartcard{background:0 0;border:0;border-radius:0;min-width:0;overflow:hidden}.ipa-chart__chartfoot{border-top:1px solid var(--border-subtle);color:var(--text-tertiary);justify-content:space-between;align-items:center;padding:8px 16px;font-size:.78rem;display:flex}.ipa-chart__vgrid--vowels{grid-template-columns:84px repeat(3,minmax(0,1fr))}.ipa-chart__ph-sym--diph{font-size:1.75rem}.ipa-chart__vgrid-ch{text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.ipa-chart__vgrid-rl{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);align-items:center;font-size:10px;font-weight:600;display:flex}.ipa-chart__ph{cursor:pointer;border-radius:var(--ipa-radius-sm);border:1px solid var(--border-subtle);background:var(--surface-sunken);flex-direction:column;justify-content:center;align-items:center;min-height:72px;padding:10px 8px 8px;transition:border-color .12s,transform .12s,background .12s,color .12s;display:flex;position:relative;overflow:hidden}.ipa-chart__ph:hover:not(.ipa-chart__ph--sel){border-color:var(--ipa-accent-border);transform:translateY(-1px)}.ipa-chart__ph:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ipa-chart__ph--explored:not(.ipa-chart__ph--sel){border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.ipa-chart__ph--explored:not(.ipa-chart__ph--sel){border-color:color-mix(in oklch, var(--success) 35%, var(--border-subtle))}}.ipa-chart__ph-sym{font-family:var(--font-ipa), "Andika", "Noto Sans", sans-serif;letter-spacing:.02em;color:var(--ipa-accent-text);font-size:1.55rem;font-weight:700}.ipa-chart__ph--sel .ipa-chart__ph-sym{color:var(--on-primary)}.ipa-chart__ph-word{letter-spacing:.06em;color:var(--text-tertiary);font-size:9.5px;font-weight:600}.ipa-chart__ph--sel .ipa-chart__ph-word{color:var(--on-primary)}@supports (color:color-mix(in lab, red, red)){.ipa-chart__ph--sel .ipa-chart__ph-word{color:color-mix(in oklch, var(--on-primary) 72%, transparent)}}.ipa-chart__gcells{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.ipa-chart__ph--tile{min-height:80px;padding:12px 10px 10px}.ipa-chart__ph--diph{min-height:auto;padding:16px 12px 12px}.ipa-chart__ph--tile .ipa-chart__ph-sym{letter-spacing:-.02em;font-size:clamp(1.35rem,2.5vw,1.55rem)}.ipa-chart__ph--tile .ipa-chart__ph-word{letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.ipa-chart__ph-dot{background:var(--success);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.ipa-chart__ph-waves span{background:var(--primary);border-radius:999px;width:3px;animation:.9s ease-in-out infinite wavePulse}.ipa-chart__ph--sel .ipa-chart__ph-waves span{background:var(--on-primary)}.ipa-chart__ggroup{flex-direction:column;gap:8px;display:flex}.ipa-chart__ggroup+.ipa-chart__ggroup{margin-top:16px}.ipa-chart__ggroup-label{letter-spacing:.1em;color:var(--ipa-accent-text);font-size:10px;font-weight:600}.ipa-chart__diph-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.ipa-chart__panel{top:var(--space-4,1rem);border-radius:var(--ipa-radius);border:1px solid var(--border-subtle);background:var(--surface-raised,var(--card-bg));position:sticky}.ipa-chart__panel-hero{border-bottom:1px solid var(--border-subtle);padding:18px 20px 16px}.ipa-chart__panel-tag{letter-spacing:.1em;color:var(--ipa-accent-text);font-size:10px;font-weight:700}.ipa-chart__panel-nav button{cursor:pointer;border:1px solid var(--border-subtle);background:var(--card-bg);width:44px;height:44px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;transition:border-color .12s;display:flex}.ipa-chart__panel-nav button:hover{border-color:var(--border-default)}.ipa-chart__panel-sym{font-family:var(--font-ipa), "Andika", "Noto Sans", sans-serif;letter-spacing:.02em;color:var(--text-primary);font-size:3.4rem;font-weight:700;line-height:1.1}.ipa-chart__panel-play{cursor:pointer;background:var(--primary);width:44px;height:44px;color:var(--on-primary);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .13s;display:flex}.ipa-chart__panel-play:hover{transform:scale(1.04)}.ipa-chart__panel-name{overflow-wrap:anywhere;min-width:0;color:var(--text-secondary);font-size:.88rem}.ipa-chart__panel-sec{text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:8px;font-size:10px;font-weight:600;display:block}.ipa-chart__howto-step{color:var(--text-primary);align-items:flex-start;gap:10px;font-size:.9rem;display:flex}.ipa-chart__howto-n{border:1px solid var(--ipa-accent-border);background:var(--ipa-accent-soft);width:20px;height:20px;color:var(--ipa-accent-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.ipa-chart__exword{cursor:pointer;min-height:44px;font-family:var(--font-sans), sans-serif;border:1px solid var(--border-subtle);background:var(--surface-sunken);color:var(--text-primary);border-radius:8px;padding:4px 10px;font-size:.9rem;transition:border-color .12s}.ipa-chart__exword:hover{border-color:var(--ipa-accent-border)}.ipa-chart__esnote{border-radius:var(--ipa-radius-sm);border:1px solid var(--warning);padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.ipa-chart__esnote{border:1px solid color-mix(in oklch, var(--warning) 35%, transparent)}}.ipa-chart__esnote{background:var(--warning-soft);color:var(--text-primary);font-size:.85rem}.ipa-chart__esnote-h{letter-spacing:.08em;color:var(--warning-value);margin-bottom:4px;font-size:10px;font-weight:700}.ipa-chart__panel-body{flex-direction:column;gap:16px;padding:16px 20px 20px;display:flex}.ipa-chart__howto{flex-direction:column;gap:8px;display:flex}.ipa-chart__exwords{flex-wrap:wrap;gap:6px;display:flex}.ipa-chart__panel-practice{cursor:pointer;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 16px;text-decoration:none;display:flex}.ipa-chart__section{border-radius:var(--ipa-radius);border:1px solid var(--border-subtle);background:var(--surface-raised);padding:20px 20px 24px}.ipa-chart__pill-warn{border:1px solid var(--warning);border-radius:999px;flex-shrink:0;align-items:center;padding:5px 12px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ipa-chart__pill-warn{border:1px solid color-mix(in oklch, var(--warning) 35%, transparent)}}.ipa-chart__pill-warn{background:var(--warning-soft);color:var(--warning-value);font-size:.75rem;font-weight:600}.ipa-chart__hardgrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.ipa-chart__hard{text-align:left;cursor:pointer;border-radius:var(--ipa-radius-sm);border:1px solid var(--border-subtle);background:var(--surface-sunken);flex-direction:column;gap:8px;padding:16px 16px 14px;transition:border-color .12s,transform .12s;display:flex}.ipa-chart__hard:hover{border-color:var(--ipa-accent-border);transform:translateY(-2px)}.ipa-chart__hard:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ipa-chart__hard-sym{font-family:var(--font-ipa), "Andika", "Noto Sans", sans-serif;color:var(--ipa-accent-text);font-size:2.2rem;font-weight:500}.ipa-chart__hard-word{font-family:var(--font-sans), sans-serif;letter-spacing:.01em;color:var(--text-primary);font-size:.95rem;font-weight:500}.ipa-chart__hard-note{color:var(--text-secondary);font-size:.875rem;line-height:1.45}.ipa-chart__mp-icon{border:1px solid var(--border-default);background:var(--surface-raised);width:40px;height:40px;color:var(--text-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ipa-chart__section#minimal-pairs{border-color:var(--border-default);background:var(--surface-raised)}.ipa-chart__mpchip{cursor:pointer;border:1px solid var(--border-subtle);background:var(--surface-raised);min-height:44px;font-family:var(--font-ipa), sans-serif;color:var(--text-secondary);border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:.95rem;line-height:1.15;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.ipa-chart__mpchip-vs{font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:.04em;color:var(--text-tertiary);font-size:.6875rem;font-weight:600}.ipa-chart__mpchip--on{background:var(--cta-bg);color:var(--cta-fg);border-color:#0000}.ipa-chart__mpchip--on .ipa-chart__mpchip-vs{color:var(--cta-fg)}@supports (color:color-mix(in lab, red, red)){.ipa-chart__mpchip--on .ipa-chart__mpchip-vs{color:color-mix(in oklch, var(--cta-fg) 65%, transparent)}}.ipa-chart__mpchip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ipa-chart__mpcards{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:14px;display:grid}@media (max-width:600px){.ipa-chart__mpcards{grid-template-columns:1fr}.ipa-chart__mpvs{display:none}}.ipa-chart__mpcard{text-align:center;cursor:pointer;border-radius:var(--ipa-radius);border:1px solid var(--border-subtle);background:var(--surface-raised);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 16px;transition:border-color .12s,transform .12s,background .12s;display:flex;position:relative}.ipa-chart__mpcard:hover{border-color:var(--border-strong);transform:translateY(-1px)}.ipa-chart__mpcard--correct{border-color:var(--success-border);background:var(--success-soft)}.ipa-chart__mpcard--wrong{border-color:var(--error-border);background:var(--error-soft)}.ipa-chart__mpcard-lab{font-family:var(--font-mono-var), "DM Mono", monospace;letter-spacing:.08em;color:var(--text-tertiary);font-size:.75rem;font-weight:500;position:absolute;top:12px;left:14px}.ipa-chart__mpcard-sym{font-family:var(--font-ipa), "Andika", "Noto Sans", sans-serif;letter-spacing:.04em;font-kerning:normal;color:var(--text-primary);font-size:clamp(1.5rem,3vw,1.9rem);font-weight:700;line-height:1.15}.ipa-chart__mpcard--correct .ipa-chart__mpcard-sym{color:var(--success-value)}.ipa-chart__mpcard--wrong .ipa-chart__mpcard-sym{color:var(--error-value)}.ipa-chart__mpcard-word{font-family:var(--font-sans), sans-serif;letter-spacing:-.01em;color:var(--text-primary);font-size:1.75rem;font-weight:500;line-height:1.2}.ipa-chart__mpcard-play{cursor:pointer;background:var(--cta-bg);width:44px;height:44px;color:var(--cta-fg);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ipa-chart__mpvs{font-family:var(--font-mono-var), "DM Mono", monospace;letter-spacing:.04em;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:.75rem;font-weight:500;display:flex}.ipa-chart__mpfoot{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.ipa-chart__mpfoot-quiz{margin-left:auto}@media (max-width:600px){.ipa-chart__mpfoot-quiz{justify-content:center;width:100%;margin-left:0}}.ipa-chart__ai{border-radius:var(--ipa-radius);border:1px solid var(--border-subtle);background:var(--surface-raised,var(--card-bg));flex-wrap:wrap;align-items:center;gap:16px;padding:20px;display:flex}.ipa-chart__ai-text b{color:var(--text-primary);font-size:1rem}.ipa-chart__ai-text p{color:var(--text-secondary);font-size:.88rem}.ipa-chart__sections{gap:var(--space-8,2rem);margin-top:var(--space-8,2rem);flex-direction:column;display:flex}.ipa-chart__progress{align-items:center;gap:var(--space-2,.5rem);margin:var(--space-8,2rem) 0 var(--space-4,1rem);color:var(--text-secondary);flex-wrap:wrap;font-size:.85rem;display:flex}.ipa-chart__tabs{align-items:center;gap:var(--space-2,.5rem);margin-bottom:var(--space-4,1rem);padding-bottom:var(--space-2,.5rem);border-bottom:1px solid var(--border-subtle);scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.ipa-chart__tabs::-webkit-scrollbar{display:none}.ipa-chart__vgrid{gap:6px;padding:4px 0 16px;display:grid}.ipa-chart__vcell{flex-direction:column;align-items:stretch;gap:4px;display:flex}.ipa-chart__consonant-groups{padding:4px 0 16px}.ipa-chart__ph-body{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.ipa-chart__ph-waves{justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;inset:0}.ipa-chart__section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.ipa-chart__hard-head{align-items:baseline;gap:8px;display:flex}.ipa-chart__mp-head{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.ipa-chart__mpchips{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;margin-bottom:16px;padding-bottom:2px;display:flex;overflow-x:auto}.ipa-chart__mpchips::-webkit-scrollbar{display:none}.ipa-chart__mpchips .ipa-chart__mpchip{flex-shrink:0}.ipa-chart__done{border-radius:var(--ipa-radius);border:1px solid var(--ipa-accent-border);background:var(--surface-raised,var(--card-bg));text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:12px;padding:28px 20px;display:flex}.ipa-chart__done-icon{background:var(--ipa-accent-soft);border:1px solid var(--ipa-accent-border);width:52px;height:52px;color:var(--ipa-accent-text);border-radius:14px;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.ipa-chart__done-title{font-family:var(--font-sans), sans-serif;color:var(--text-primary);font-size:1.35rem;font-weight:500}.ipa-chart__done-score{color:var(--text-secondary);font-size:.88rem}.ipa-chart__done-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.ipa-chart__ai-text{flex:1;min-width:0}@media (max-width:480px){.ipa-chart__vgrid{padding:10px}.ipa-chart__vgrid--vowels{grid-template-columns:56px repeat(3,minmax(0,1fr))}.ipa-chart__title{font-size:1.75rem}.ipa-chart__lead{font-size:.875rem}.ipa-chart__btn{padding:8px 13px;font-size:.83rem}.ipa-chart__progress{gap:8px;margin-bottom:12px;font-size:.8rem}.ipa-chart__tabs{margin-bottom:12px}.ipa-chart__sections{gap:16px;margin-top:16px}.ipa-chart__section{padding:16px 14px 18px}.ipa-chart__ai{gap:12px;padding:16px}.ipa-chart__hardgrid{grid-template-columns:repeat(2,1fr);gap:10px}.ipa-chart__hard{padding:14px 12px 12px}.ipa-chart__hard-sym{font-size:1.75rem}.ipa-chart__hard-note{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.ipa-chart__btn,.ipa-chart__progress-fill,.ipa-chart__tab,.ipa-chart__ph,.ipa-chart__panel-play,.ipa-chart__hard,.ipa-chart__mpcard{transition-duration:.01ms}.ipa-chart__ph-waves span{animation:none}}.ipa-chart__progress{margin-top:var(--space-4,1rem);margin-bottom:var(--space-3,.75rem)}.ipa-chart__tabs{margin-bottom:var(--space-3,.75rem);border-bottom-color:var(--border-default)}.ipa-chart__tab{border-color:var(--border-default);background:var(--surface-raised);font-family:var(--font-sans), sans-serif;letter-spacing:.02em;text-transform:uppercase;font-size:.875rem}.ipa-chart__tab--on{background:var(--cta-bg);color:var(--cta-fg)}.ipa-chart__main{gap:var(--space-5,1.25rem)}.ipa-chart__ph{border-color:var(--border-default);background:var(--surface-raised)}.ipa-chart__ph--sel{background:var(--cta-bg);border-color:var(--cta-bg)}.ipa-chart__ph--sel .ipa-chart__ph-sym,.ipa-chart__ph--sel .ipa-chart__ph-word{color:var(--cta-fg)}.ipa-chart__chartfoot{border-top-color:var(--border-default)}.ipa-chart__panel,.ipa-chart__section{border-color:var(--border-default);background:var(--surface-raised)}.ipa-chart__panel-tag,.ipa-chart__panel-sec,.ipa-chart__ggroup-label,.ipa-chart__vgrid-ch,.ipa-chart__vgrid-rl,.ipa-chart__chartfoot{font-family:var(--font-mono-var), "DM Mono", monospace;text-transform:uppercase;letter-spacing:.08em}.ipa-chart__panel-tag{color:var(--text-primary)}.ipa-chart__panel-hero{border-bottom-color:var(--border-default)}.ipa-chart__hard{border-color:var(--border-default);background:var(--surface-raised)}.ipa-chart__hard:hover,.ipa-chart__ph:hover:not(.ipa-chart__ph--sel){border-color:var(--border-strong)}.ipa-chart__mpchip,.ipa-chart__mpcard,.ipa-chart__exword,.ipa-chart__panel-nav button{border-color:var(--border-default)}.mini-lessons{--ml-radius:16px;--ml-radius-sm:11px;--ml-accent-soft:var(--primary)}@supports (color:color-mix(in lab, red, red)){.mini-lessons{--ml-accent-soft:color-mix(in oklch, var(--primary) 12%, transparent)}}.mini-lessons{--ml-accent-border:var(--primary)}@supports (color:color-mix(in lab, red, red)){.mini-lessons{--ml-accent-border:color-mix(in oklch, var(--primary) 38%, var(--border-subtle))}}.mini-lessons{--ml-cat-pronunciation:oklch(.65 .15 var(--hue));--ml-cat-pronunciation-soft:var(--ml-cat-pronunciation)}@supports (color:color-mix(in lab, red, red)){.mini-lessons{--ml-cat-pronunciation-soft:color-mix(in oklch, var(--ml-cat-pronunciation) 10%, transparent)}}.mini-lessons{--ml-cat-grammar:#2cc0b1;--ml-cat-grammar-soft:var(--ml-cat-grammar)}@supports (color:lab(0% 0 0)){.mini-lessons{--ml-cat-grammar:lab(70.1228% -41.4793 -4.22364)}}@supports (color:color-mix(in lab, red, red)){.mini-lessons{--ml-cat-grammar-soft:color-mix(in oklch, var(--ml-cat-grammar) 10%, transparent)}}.mini-lessons{--ml-cat-vocabulary:#ed914c;--ml-cat-vocabulary-soft:var(--ml-cat-vocabulary)}@supports (color:lab(0% 0 0)){.mini-lessons{--ml-cat-vocabulary:lab(69.1589% 31.8527 51.0321)}}@supports (color:color-mix(in lab, red, red)){.mini-lessons{--ml-cat-vocabulary-soft:color-mix(in oklch, var(--ml-cat-vocabulary) 10%, transparent)}}.mini-lessons{--ml-cat-listening:#3bacda;--ml-cat-listening-soft:var(--ml-cat-listening)}@supports (color:lab(0% 0 0)){.mini-lessons{--ml-cat-listening:lab(65.467% -20.997 -33.5068)}}@supports (color:color-mix(in lab, red, red)){.mini-lessons{--ml-cat-listening-soft:color-mix(in oklch, var(--ml-cat-listening) 10%, transparent)}}.mini-lessons{--ml-cat-speaking:#54b85b;--ml-cat-speaking-soft:var(--ml-cat-speaking)}@supports (color:lab(0% 0 0)){.mini-lessons{--ml-cat-speaking:lab(67.1358% -44.8964 37.3064)}}@supports (color:color-mix(in lab, red, red)){.mini-lessons{--ml-cat-speaking-soft:color-mix(in oklch, var(--ml-cat-speaking) 10%, transparent)}}.mini-lessons{--ml-cat-writing:#a170eb;--ml-cat-writing-soft:var(--ml-cat-writing)}@supports (color:lab(0% 0 0)){.mini-lessons{--ml-cat-writing:lab(56.69% 38.9598 -55.7984)}}@supports (color:color-mix(in lab, red, red)){.mini-lessons{--ml-cat-writing-soft:color-mix(in oklch, var(--ml-cat-writing) 10%, transparent)}}.mini-lessons{--ml-cat-idioms:#f14d4c;--ml-cat-idioms-soft:var(--ml-cat-idioms)}@supports (color:lab(0% 0 0)){.mini-lessons{--ml-cat-idioms:lab(57.3944% 63.124 38.0626)}}@supports (color:color-mix(in lab, red, red)){.mini-lessons{--ml-cat-idioms-soft:color-mix(in oklch, var(--ml-cat-idioms) 10%, transparent)}}.mini-lessons{--ml-cat-collocations:#4cbd88;--ml-cat-collocations-soft:var(--ml-cat-collocations)}@supports (color:lab(0% 0 0)){.mini-lessons{--ml-cat-collocations:lab(69.2408% -43.0626 16.9493)}}@supports (color:color-mix(in lab, red, red)){.mini-lessons{--ml-cat-collocations-soft:color-mix(in oklch, var(--ml-cat-collocations) 10%, transparent)}}.mini-lessons{color:var(--text-primary);background:radial-gradient(110% 50% at 50% -8%, var(--primary), transparent 58%), var(--surface-base)}@supports (color:color-mix(in lab, red, red)){.mini-lessons{background:radial-gradient(110% 50% at 50% -8%, color-mix(in oklch, var(--primary) 14%, transparent), transparent 58%), var(--surface-base)}}.mini-lessons__wrap{z-index:1;flex-direction:column;gap:24px;max-width:1120px;margin-inline:auto;padding:32px 24px 64px;display:flex;position:relative}@media (max-width:640px){.mini-lessons__wrap{gap:20px;padding:20px 16px 48px}}.mini-lessons__wrap--shell{padding-inline:0;padding-top:0}.mini-lessons__hero{flex-direction:column;gap:16px;display:flex}.mini-lessons__hero-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.mini-lessons__toolbar{align-items:center;gap:8px;padding:6px 8px 6px 10px;display:flex;overflow:hidden}.mini-lessons__filter-row{scrollbar-width:none;flex:1;align-items:center;gap:4px;padding:2px 0;display:flex;overflow-x:auto}.mini-lessons__filter-row::-webkit-scrollbar{display:none}.mini-lessons__toolbar-divider{flex-shrink:0;width:1px;height:16px;margin-inline:4px}.mini-lessons__toolbar-meta{border-left:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:6px;padding-left:4px;display:flex}.mini-lessons__chip{flex-shrink:0;min-height:28px;padding:4px 10px}@media (max-width:640px){.mini-lessons__chip{min-height:36px;padding-inline:12px}}.mini-lessons__card{flex-direction:column;gap:8px;padding:16px;display:flex}.mini-lessons__card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.mini-lessons__card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mini-lessons__pill{align-items:center;padding:3px 9px;display:inline-flex}.mini-lessons__card-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.mini-lessons__empty{text-align:center;grid-column:1/-1;padding:48px 32px}.mini-lessons--article .mini-lessons__wrap{gap:0;max-width:1180px;padding:24px 0 56px}@media (max-width:640px){.mini-lessons--article .mini-lessons__wrap{padding:16px 0 40px}}.mini-lessons--article .mini-lessons__back{margin-bottom:20px;display:inline-block}.mini-lessons__article-hero{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:16px;padding-top:8px;padding-bottom:32px;display:flex}.mini-lessons__article-badges{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:28px;display:flex}.mini-lessons__article-layout{grid-template-columns:minmax(0,1fr) minmax(220px,272px);align-items:start;gap:48px;display:grid}.mini-lessons__article-main{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--ml-radius);min-width:0;padding:8px 48px 44px}.mini-lessons--article :is([id^=lesson-section-],#lesson-examples,#lesson-exercises,#lesson-quiz){scroll-margin-top:24px}.mini-lessons--article :is([id^=lesson-section-],#lesson-examples,#lesson-exercises,#lesson-quiz):target{animation:.52s ease-out ml-anchor-focus}.mini-lessons__article-aside{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--ml-radius);flex-direction:column;gap:20px;padding:20px;display:flex;position:sticky;top:24px}.mini-lessons__aside-kicker{color:var(--text-tertiary);font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:.68rem;font-weight:700;display:block}.mini-lessons__contents-list{counter-reset:lesson-content;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.mini-lessons__contents-list li{counter-increment:lesson-content}.mini-lessons__contents-list a{border-radius:var(--radius-sm,8px);color:var(--text-secondary);grid-template-columns:20px minmax(0,1fr);gap:8px;padding:7px 8px;font-size:.84rem;line-height:1.35;text-decoration:none;transition:background-color .15s ease-out,color .15s ease-out;display:grid}.mini-lessons__contents-list a:before{content:counter(lesson-content, decimal-leading-zero);color:var(--text-tertiary);font-family:var(--font-mono), monospace;padding-top:1px;font-size:.7rem}.mini-lessons__contents-list a:hover,.mini-lessons__contents-list a:focus-visible{background:var(--surface-sunken);color:var(--text-primary)}.mini-lessons__contents-list a:focus-visible,.mini-lessons__lesson-link:focus-visible{outline:2px solid var(--focus-ring,var(--primary));outline-offset:2px}.mini-lessons__aside-divider{background:var(--border-subtle);height:1px}.mini-lessons__lesson-nav{flex-direction:column;display:flex}.mini-lessons__lesson-link{border-radius:var(--ml-radius-sm);background:var(--ml-accent-soft);color:var(--text-secondary);grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;padding:12px;font-size:.76rem;text-decoration:none;display:grid}.mini-lessons__lesson-link:hover{color:var(--text-primary)}.mini-lessons__lesson-link strong{color:var(--text-primary);grid-column:1/-1;font-size:.9rem;line-height:1.35}@media (max-width:900px){.mini-lessons__article-layout{grid-template-columns:1fr;gap:24px}.mini-lessons__article-aside{order:-1;position:static}.mini-lessons__contents-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mini-lessons__aside-divider,.mini-lessons__lesson-nav{display:none}}@media (max-width:640px){.mini-lessons__article-main{border-radius:var(--ml-radius-sm);padding:4px 20px 32px}.mini-lessons__article-aside{border-radius:var(--ml-radius-sm);padding:16px}.mini-lessons__contents-list{display:flex}}.mini-lessons__section{flex-direction:column;gap:14px;display:flex}.mini-lessons--article .mini-lessons__section{padding-top:36px}.mini-lessons--article .mini-lessons__section:first-of-type{padding-top:44px}.mini-lessons--article .mini-lessons__section:first-of-type .mini-lessons__section-title{font-size:1.6rem}.mini-lessons__section--examples{gap:14px}.mini-lessons--article .mini-lessons__section--examples{padding:36px 0 0}.mini-lessons__section--examples>.mini-lessons__section-title{margin-bottom:2px}.mini-lessons__examples{background:var(--surface-sunken);border-radius:var(--ml-radius-sm);flex-direction:column;gap:10px;padding:16px;display:flex}.mini-lessons__example{flex-direction:column;gap:4px;padding:12px 14px;display:flex}.mini-lessons--article .mini-lessons__tip{margin-top:44px}.mini-lessons__block{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.mini-lessons__quiz{flex-direction:column;gap:12px;display:flex}.mini-lessons__quiz-answer{flex-direction:column;gap:4px;padding:12px 16px;display:flex}.mini-lessons:before{content:"";pointer-events:none;z-index:0;opacity:.025;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.mini-lessons__eyebrow{letter-spacing:.16em;color:var(--text-tertiary);font-size:11px;font-weight:600}.mini-lessons__title{font-family:var(--font-sans), sans-serif;letter-spacing:-.02em;color:var(--text-primary);font-optical-sizing:auto;font-size:clamp(1.9rem,4.5vw,2.45rem);font-weight:420}.mini-lessons__title em{color:var(--primary);font-style:italic}.mini-lessons__lead{color:var(--text-secondary);font-size:.95rem}.mini-lessons__back{color:var(--text-tertiary);font-size:.85rem;font-weight:600;text-decoration:none;transition:color .12s}.mini-lessons__back:hover{color:var(--text-primary)}.mini-lessons__back:focus-visible{outline:2px solid var(--focus-ring,var(--primary));outline-offset:3px;border-radius:3px}.mini-lessons__toolbar{border-radius:var(--ml-radius-sm);border:1px solid var(--border-subtle);background:var(--surface-raised)}.mini-lessons__toolbar-divider{background:var(--border-subtle)}.mini-lessons__chip{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:4px;font-size:12px;font-weight:600;transition:background .18s cubic-bezier(.25,1,.5,1),color .18s cubic-bezier(.25,1,.5,1);display:inline-flex}.mini-lessons__chip:hover:not(.mini-lessons__chip--on){color:var(--text-primary);background:var(--surface-sunken)}.mini-lessons__chip--on{background:var(--surface-sunken);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border-default)}.mini-lessons__chip:focus-visible{outline:2px solid var(--focus-ring,var(--primary));outline-offset:2px}.mini-lessons__chip-count{color:var(--text-tertiary);background:var(--border-subtle);font-size:10px;font-weight:700}@supports (color:color-mix(in lab, red, red)){.mini-lessons__chip-count{background:color-mix(in oklch, var(--border-subtle) 50%, transparent)}}.mini-lessons__chip-count{border-radius:999px;padding:0 5px;line-height:1.6}.mini-lessons__chip--on .mini-lessons__chip-count{background:var(--border-default);color:var(--text-secondary)}.mini-lessons__count{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;transition:color .15s}.mini-lessons__toolbar-reset{color:var(--primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:11px;font-weight:600}.mini-lessons__toolbar-reset:hover{text-decoration:underline}.mini-lessons__toolbar-reset:focus-visible{outline:2px solid var(--focus-ring,var(--primary));outline-offset:2px;border-radius:3px}.mini-lessons__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.mini-lessons__card{--ml-card-accent:var(--primary);--ml-card-accent-soft:var(--ml-accent-soft);border-radius:var(--ml-radius);border:1px solid var(--border-subtle);background:var(--surface-raised);color:inherit;text-decoration:none;transition:border-color .2s cubic-bezier(.25,1,.5,1),transform .2s cubic-bezier(.25,1,.5,1),box-shadow .2s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.mini-lessons__card:focus-visible{outline:2px solid var(--focus-ring,var(--primary));outline-offset:2px}.mini-lessons__card:after{content:"";background:var(--ml-card-accent);opacity:.7;border-radius:var(--ml-radius) var(--ml-radius) 0 0;height:3px;position:absolute;inset:0 0 auto}.mini-lessons__card:hover{border-color:var(--ml-card-accent);box-shadow:0 8px 24px var(--ml-card-accent);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.mini-lessons__card:hover{box-shadow:0 8px 24px color-mix(in oklch, var(--ml-card-accent) 18%, transparent)}}.mini-lessons__card--pronunciation{--ml-card-accent:var(--ml-cat-pronunciation);--ml-card-accent-soft:var(--ml-cat-pronunciation-soft)}.mini-lessons__card--grammar{--ml-card-accent:var(--ml-cat-grammar);--ml-card-accent-soft:var(--ml-cat-grammar-soft)}.mini-lessons__card--vocabulary{--ml-card-accent:var(--ml-cat-vocabulary);--ml-card-accent-soft:var(--ml-cat-vocabulary-soft)}.mini-lessons__card--listening{--ml-card-accent:var(--ml-cat-listening);--ml-card-accent-soft:var(--ml-cat-listening-soft)}.mini-lessons__card--speaking{--ml-card-accent:var(--ml-cat-speaking);--ml-card-accent-soft:var(--ml-cat-speaking-soft)}.mini-lessons__card--writing{--ml-card-accent:var(--ml-cat-writing);--ml-card-accent-soft:var(--ml-cat-writing-soft)}.mini-lessons__card--idioms{--ml-card-accent:var(--ml-cat-idioms);--ml-card-accent-soft:var(--ml-cat-idioms-soft)}.mini-lessons__card--collocations{--ml-card-accent:var(--ml-cat-collocations);--ml-card-accent-soft:var(--ml-cat-collocations-soft)}.mini-lessons__pill{letter-spacing:.06em;background:var(--surface-sunken);color:var(--text-tertiary);border:1px solid var(--border-subtle);border-radius:999px;font-size:10px;font-weight:700}.mini-lessons__pill--level{color:var(--primary);border-color:var(--ml-accent-border);background:var(--ml-accent-soft)}.mini-lessons__pill--category{color:var(--ml-card-accent,var(--text-secondary));background:var(--ml-card-accent-soft,var(--surface-sunken));border-color:var(--ml-card-accent,var(--border-subtle))}@supports (color:color-mix(in lab, red, red)){.mini-lessons__pill--category{border-color:color-mix(in oklch, var(--ml-card-accent,var(--border-subtle)) 30%, transparent)}}.mini-lessons--article .mini-lessons__pill--category{--ml-card-accent:var(--text-secondary);--ml-card-accent-soft:var(--surface-sunken)}.mini-lessons__pill--duration{color:var(--text-tertiary)}.mini-lessons__card-duration{color:var(--text-tertiary);font-size:11px;font-weight:600}.mini-lessons__card-title{font-family:var(--font-sans), sans-serif;color:var(--text-primary);font-size:1.15rem;font-weight:480;transition:color .2s cubic-bezier(.25,1,.5,1)}.mini-lessons__card:hover .mini-lessons__card-title{color:var(--ml-card-accent)}.mini-lessons__card-body{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.88rem;display:-webkit-box;overflow:hidden}.mini-lessons__card-foot{border-top:1px solid var(--border-subtle);letter-spacing:.06em;color:var(--text-tertiary);font-size:11px;font-weight:600}.mini-lessons__card-arrow{color:var(--ml-card-accent);transition:transform .2s cubic-bezier(.25,1,.5,1)}.mini-lessons__card:hover .mini-lessons__card-arrow{transform:translate(4px)}.mini-lessons__empty{border-radius:var(--ml-radius);border:1px dashed var(--border-subtle);color:var(--text-secondary)}.mini-lessons__article-title{font-family:var(--font-sans), sans-serif;letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(1.75rem,4vw,2.2rem);font-weight:480}.mini-lessons__article-subtitle{color:var(--text-secondary);max-width:65ch;font-size:1.05rem}.mini-lessons__section-title{font-family:var(--font-sans), sans-serif;color:var(--text-primary);font-size:1.35rem;font-weight:480}.mini-lessons__section-body{color:var(--text-secondary);white-space:pre-wrap;max-width:65ch;font-size:.95rem}.mini-lessons__example{border-radius:var(--ml-radius-sm);border:1px solid var(--border-subtle);background:var(--surface-raised)}.mini-lessons__example-en{font-family:var(--font-sans), sans-serif;color:var(--text-primary);font-optical-sizing:auto;font-size:1.05rem}.mini-lessons__example-ipa{font-family:var(--font-ipa), "Andika", "Noto Sans", sans-serif;color:var(--text-secondary);letter-spacing:.05em;word-spacing:.18em;align-items:center;gap:.2em;font-size:1.1875rem;font-weight:400;line-height:1.7;display:flex}.mini-lessons__ipa-slash{color:var(--text-tertiary);font-size:.85em}.mini-lessons__example-note{color:var(--text-tertiary);font-size:.82rem;font-style:italic}.mini-lessons__tip{border-radius:var(--ml-radius-sm);border:1px solid var(--warning)}@supports (color:color-mix(in lab, red, red)){.mini-lessons__tip{border:1px solid color-mix(in oklch, var(--warning) 35%, transparent)}}.mini-lessons__tip{background:var(--warning-soft);color:var(--text-primary);align-items:flex-start;gap:12px;padding:14px 16px;font-size:.9rem;display:flex}.mini-lessons__tip-icon{width:16px;height:16px;color:var(--warning-value,var(--warning));flex-shrink:0;margin-top:2px}.mini-lessons__tip-label{letter-spacing:.08em;color:var(--warning-value);margin-bottom:2px;font-size:10px;font-weight:700;display:block}.mini-lessons__tip-body{color:var(--text-primary);margin:0;font-size:.9rem}.mini-lessons__block{border-radius:var(--ml-radius-sm);border:1px solid var(--border-subtle);background:var(--surface-sunken)}.mini-lessons__block-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.mini-lessons__list{color:var(--text-secondary);font-size:.9rem}.mini-lessons__quiz-options{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mini-lessons__quiz-option{border-radius:var(--ml-radius-sm);border:1px solid var(--border-default);background:var(--surface-raised);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;transition:background-color .15s ease-out,border-color .15s ease-out,opacity .2s ease-out;display:flex}.mini-lessons__quiz-option:hover:not([aria-disabled=true]){background:var(--primary-soft);border-color:var(--ml-accent-border);color:var(--text-primary)}.mini-lessons__quiz-option:focus-visible{outline:2px solid var(--focus-ring,var(--primary));outline-offset:2px}.mini-lessons__quiz-option--correct{background:var(--success-soft);border-color:var(--success-border);color:var(--text-primary)}.mini-lessons__quiz-option--wrong{background:var(--error-soft);border-color:var(--error-border);color:var(--text-primary)}.mini-lessons__quiz-option--dimmed{opacity:.45;pointer-events:none}.mini-lessons__quiz-score{border-radius:var(--ml-radius-sm);border:1px solid var(--border-subtle);align-items:center;gap:10px;padding:14px 16px;font-size:.95rem;font-weight:600;animation:.25s ease-out .2s both ml-score-in;display:flex}.mini-lessons__quiz-score--good{background:var(--success-soft);border-color:var(--success-border);color:var(--success-value)}.mini-lessons__quiz-score--mid{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning-value)}.mini-lessons__quiz-score--low{background:var(--error-soft);border-color:var(--error-border);color:var(--error-value)}@keyframes ml-score-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mini-lessons__exercise-item{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--ml-radius-sm);width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;align-items:flex-start;gap:10px;padding:10px 12px;font-size:.9rem;transition:background .15s ease-out,border-color .15s ease-out,opacity .15s ease-out;display:flex}.mini-lessons__exercise-item:hover:not(.mini-lessons__exercise-item--checked){background:var(--surface-raised);border-color:var(--border-default);color:var(--text-primary)}.mini-lessons__exercise-list{flex-direction:column;gap:6px;display:flex}.mini-lessons__exercise-item:focus-visible{outline:2px solid var(--focus-ring,var(--primary));outline-offset:2px;border-radius:3px}.mini-lessons__exercise-item--checked{opacity:.5}.mini-lessons__exercise-item--checked .mini-lessons__exercise-text{text-decoration:line-through}.mini-lessons__exercise-marker{border:1px solid var(--border-subtle);background:var(--surface-sunken);width:22px;height:22px;color:var(--text-tertiary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex;position:relative}.mini-lessons__exercise-number{transition:opacity .15s ease-out,transform .15s ease-out}.mini-lessons__exercise-check{opacity:0;color:var(--success-value);justify-content:center;align-items:center;transition:opacity .15s ease-out,transform .15s ease-out;display:flex;position:absolute;inset:0;transform:scale(0)}.mini-lessons__exercise-item--checked .mini-lessons__exercise-number{opacity:0;transform:scale(0)}.mini-lessons__exercise-item--checked .mini-lessons__exercise-check{opacity:1;transform:scale(1)}.mini-lessons__exercise-text{flex:1;line-height:1.5}@media (prefers-reduced-motion:reduce){.mini-lessons--article{scroll-behavior:auto}.mini-lessons--article :target{animation:none}.mini-lessons__quiz-option,.mini-lessons__quiz-score,.mini-lessons__exercise-item,.mini-lessons__exercise-number,.mini-lessons__exercise-check{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}@supports selector(:has(*)){html:has(.mini-lessons--article){scroll-behavior:smooth}}@keyframes ml-anchor-focus{0%{background-color:var(--ml-accent-soft)}to{background-color:#0000}}.mini-lessons__quiz-letter{border:1px solid var(--border-subtle);background:var(--surface-sunken);color:var(--text-tertiary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.mini-lessons__quiz-reveal{color:var(--primary);background:var(--ml-accent-soft);border:1px solid var(--ml-accent-border);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 14px;font-size:.8rem;font-weight:600;transition:background .18s cubic-bezier(.25,1,.5,1),color .18s cubic-bezier(.25,1,.5,1),border-color .18s cubic-bezier(.25,1,.5,1);display:inline-flex}.mini-lessons__quiz-reveal:hover{background:var(--primary-soft)}.mini-lessons__quiz-reveal--open{color:var(--text-secondary);background:var(--surface-sunken);border-color:var(--border-subtle)}.mini-lessons__quiz-reveal-icon{font-size:1rem;line-height:1}.mini-lessons__quiz-reveal:focus-visible{outline:2px solid var(--focus-ring,var(--primary));outline-offset:2px}.mini-lessons__quiz-answer{border-top:1px solid var(--border-subtle);color:var(--text-secondary);background:var(--success-soft);border-radius:0 0 var(--ml-radius-sm) var(--ml-radius-sm);font-size:.85rem;animation:.22s cubic-bezier(.22,1,.36,1) both ml-fade-up}.mini-lessons__quiz-answer strong{color:var(--success-value)}.mini-lessons__footer{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:52px;padding-top:28px;display:flex}.mini-lessons__btn{border-radius:var(--ml-radius-sm);background:var(--primary);color:var(--on-primary);border:1px solid #0000;align-items:center;gap:6px;padding:10px 18px;font-size:.88rem;font-weight:600;text-decoration:none;transition:filter .18s cubic-bezier(.25,1,.5,1),background .18s cubic-bezier(.25,1,.5,1),color .18s cubic-bezier(.25,1,.5,1);display:inline-flex}.mini-lessons__btn:hover{filter:brightness(1.06)}.mini-lessons__btn:focus-visible{outline:2px solid var(--focus-ring,var(--primary));outline-offset:3px}.mini-lessons__btn--ghost{background:var(--surface-raised);color:var(--text-secondary);border-color:var(--border-subtle)}.mini-lessons__btn--ghost:hover{filter:none;background:var(--surface-sunken);color:var(--text-primary)}@keyframes ml-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ml-fade-in{0%{opacity:0}to{opacity:1}}.mini-lessons__hero{animation:.5s cubic-bezier(.22,1,.36,1) both ml-fade-up}.mini-lessons__toolbar{animation:.5s cubic-bezier(.22,1,.36,1) 80ms both ml-fade-up}.mini-lessons__card{animation:.4s cubic-bezier(.22,1,.36,1) both ml-fade-up}.mini-lessons__card:first-child{animation-delay:.13s}.mini-lessons__card:nth-child(2){animation-delay:.17s}.mini-lessons__card:nth-child(3){animation-delay:.21s}.mini-lessons__card:nth-child(4){animation-delay:.25s}.mini-lessons__card:nth-child(5){animation-delay:.29s}.mini-lessons__card:nth-child(6){animation-delay:.33s}.mini-lessons__card:nth-child(7){animation-delay:.37s}.mini-lessons__card:nth-child(n+8){animation-delay:.4s}.mini-lessons__count{transition:color .15s}.mini-lessons__empty{animation:.25s cubic-bezier(.25,1,.5,1) both ml-fade-in}.mini-lessons--article .mini-lessons__article-hero{animation:.45s cubic-bezier(.22,1,.36,1) both ml-fade-up}.mini-lessons--article .mini-lessons__section{animation:.4s cubic-bezier(.22,1,.36,1) both ml-fade-up}.mini-lessons--article .mini-lessons__section:first-child{animation-delay:.1s}.mini-lessons--article .mini-lessons__section:nth-child(2){animation-delay:.15s}.mini-lessons--article .mini-lessons__section:nth-child(3){animation-delay:.2s}.mini-lessons--article .mini-lessons__section:nth-child(4){animation-delay:.24s}.mini-lessons--article .mini-lessons__section:nth-child(n+5){animation-delay:.27s}@media (prefers-reduced-motion:reduce){.mini-lessons__hero,.mini-lessons__toolbar,.mini-lessons__card,.mini-lessons__empty,.mini-lessons--article .mini-lessons__article-hero,.mini-lessons--article .mini-lessons__section{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.mini-lessons__card,.mini-lessons__card-arrow,.mini-lessons__card-title,.mini-lessons__chip,.mini-lessons__back,.mini-lessons__toolbar-reset,.mini-lessons__quiz-reveal,.mini-lessons__quiz-answer-wrap,.mini-lessons__btn{transition-duration:.01ms!important}}@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-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{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-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@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-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}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}