@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap";@layer components;@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-900:oklch(37.8% .077 168.94);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-900:oklch(41% .159 10.272);--color-rose-950:oklch(27.1% .105 12.094);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-neutral-50:oklch(98.5% 0 none);--color-neutral-100:oklch(97% 0 none);--color-neutral-200:oklch(92.2% 0 none);--color-neutral-300:oklch(87% 0 none);--color-neutral-400:oklch(70.8% 0 none);--color-neutral-500:oklch(55.6% 0 none);--color-neutral-600:oklch(43.9% 0 none);--color-neutral-700:oklch(37.1% 0 none);--color-neutral-800:oklch(26.9% 0 none);--color-neutral-900:oklch(20.5% 0 none);--color-neutral-950:oklch(14.5% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--container-6xl:72rem;--container-7xl:80rem;--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: 1.5 ;--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-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--tracking-wider:.05em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-0{top:0}.top-\[-1px\]{top:-1px}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.-z-10{z-index:-10}.z-50{z-index:50}.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}}.mx-auto{margin-inline:auto}.-mt-3{margin-top:calc(var(--spacing) * -3)}.-mt-5{margin-top:calc(var(--spacing) * -5)}.-mt-px{margin-top:-1px}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-6{margin-right:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.-ml-px{margin-left:-1px}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-12{margin-left:calc(var(--spacing) * 12)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.h-0{height:0}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.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-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-16{height:calc(var(--spacing) * 16)}.h-\[18px\]{height:18px}.h-\[56px\]{height:56px}.min-h-dvh{min-height:100dvh}.min-h-screen{min-height:100vh}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-\[18px\]{width:18px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-full{max-width:100%}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-6{min-width:calc(var(--spacing) * 6)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-not-allowed\!{cursor:not-allowed!important}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}: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-neutral-200>:not(:last-child)){border-color:var(--color-neutral-200)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-x{border-inline-style:var(--tw-border-style);border-inline-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-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-neutral-100{border-color:var(--color-neutral-100)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-300{border-color:var(--color-neutral-300)}.bg-amber-200{background-color:var(--color-amber-200)}.bg-amber-600{background-color:var(--color-amber-600)}.bg-black\/8{background-color:#00000014}@supports (color:color-mix(in lab,red,red)){.bg-black\/8{background-color:color-mix(in oklab,var(--color-black) 8%,transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-emerald-200{background-color:var(--color-emerald-200)}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-600{background-color:var(--color-neutral-600)}.bg-rose-200{background-color:var(--color-rose-200)}.bg-rose-200\!{background-color:var(--color-rose-200)!important}.bg-rose-500{background-color:var(--color-rose-500)}.bg-rose-600{background-color:var(--color-rose-600)}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/\[2\%\]{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[2\%\]{background-color:color-mix(in oklab,var(--color-white) 2%,transparent)}}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[6px\]{padding-inline:6px}.py-0{padding-block:0}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pb-0{padding-bottom:0}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-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-xs\/none{font-size:var(--text-xs);line-height:1}.text-\[13px\]{font-size:13px}.leading-3{--tw-leading:calc(var(--spacing) * 3);line-height:calc(var(--spacing) * 3)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-amber-900{color:var(--color-amber-900)}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-blue-900{color:var(--color-blue-900)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-900{color:var(--color-emerald-900)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-neutral-100{color:var(--color-neutral-100)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-500\!{color:var(--color-neutral-500)!important}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.text-neutral-950{color:var(--color-neutral-950)}.text-rose-900{color:var(--color-rose-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.decoration-neutral-400{-webkit-text-decoration-color:var(--color-neutral-400);text-decoration-color:var(--color-neutral-400)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.scheme-light-dark{color-scheme:light dark}.opacity-90{opacity:.9}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-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))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.group-hover\:text-blue-500:is(:where(.group):hover *){color:var(--color-blue-500)}}.odd\:bg-white\/2:nth-child(odd){background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.odd\:bg-white\/2:nth-child(odd){background-color:color-mix(in oklab,var(--color-white) 2%,transparent)}}.even\:bg-white:nth-child(2n){background-color:var(--color-white)}@media(hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-neutral-100:hover{background-color:var(--color-neutral-100)}.hover\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.hover\:bg-white\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/50:hover{background-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:text-gray-400:hover{color:var(--color-gray-400)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-blue-300:focus{border-color:var(--color-blue-300)}.focus\:ring:focus{--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)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\:text-gray-500:active{color:var(--color-gray-500)}.active\:text-gray-700:active{color:var(--color-gray-700)}.active\:text-gray-800:active{color:var(--color-gray-800)}@media(min-width:40rem){.sm\:mb-16{margin-bottom:calc(var(--spacing) * 16)}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-start{justify-content:flex-start}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:p-14{padding:calc(var(--spacing) * 14)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-0{padding-block:0}.sm\:pt-0{padding-top:0}.sm\:pt-16{padding-top:calc(var(--spacing) * 16)}.sm\:pb-0{padding-bottom:0}}@media(min-width:64rem){.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}.rtl\:flex-row-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media(prefers-color-scheme:dark){:where(.dark\:divide-white\/5>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){:where(.dark\:divide-white\/5>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}:where(.dark\:divide-white\/10>:not(:last-child)){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){:where(.dark\:divide-white\/10>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.dark\:border{border-style:var(--tw-border-style);border-width:1px}.dark\:border-none{--tw-border-style:none;border-style:none}.dark\:border-amber-500{border-color:var(--color-amber-500)}.dark\:border-amber-800{border-color:var(--color-amber-800)}.dark\:border-blue-600{border-color:var(--color-blue-600)}.dark\:border-blue-800{border-color:var(--color-blue-800)}.dark\:border-emerald-500{border-color:var(--color-emerald-500)}.dark\:border-emerald-600{border-color:var(--color-emerald-600)}.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:border-neutral-500{border-color:var(--color-neutral-500)}.dark\:border-neutral-700{border-color:var(--color-neutral-700)}.dark\:border-neutral-800{border-color:var(--color-neutral-800)}.dark\:border-rose-500{border-color:var(--color-rose-500)}.dark\:border-rose-900{border-color:var(--color-rose-900)}.dark\:border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/5{border-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.dark\:border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/8{border-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.dark\:border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.dark\:border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.dark\:border-white\/\[9\%\]{border-color:#ffffff17}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/\[9\%\]{border-color:color-mix(in oklab,var(--color-white) 9%,transparent)}}.dark\:bg-\[\#1a1a1a\]{background-color:#1a1a1a}.dark\:bg-amber-600{background-color:var(--color-amber-600)}.dark\:bg-amber-950{background-color:var(--color-amber-950)}.dark\:bg-blue-700{background-color:var(--color-blue-700)}.dark\:bg-blue-950{background-color:var(--color-blue-950)}.dark\:bg-emerald-600{background-color:var(--color-emerald-600)}.dark\:bg-emerald-900\/70{background-color:#004e3bb3}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-900\/70{background-color:color-mix(in oklab,var(--color-emerald-900) 70%,transparent)}}.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-neutral-400{background-color:var(--color-neutral-400)}.dark\:bg-neutral-600{background-color:var(--color-neutral-600)}.dark\:bg-neutral-700{background-color:var(--color-neutral-700)}.dark\:bg-neutral-800{background-color:var(--color-neutral-800)}.dark\:bg-neutral-900{background-color:var(--color-neutral-900)}.dark\:bg-rose-600{background-color:var(--color-rose-600)}.dark\:bg-rose-900\!{background-color:var(--color-rose-900)!important}.dark\:bg-rose-950{background-color:var(--color-rose-950)}.dark\:bg-transparent{background-color:#0000}.dark\:bg-white{background-color:var(--color-white)}.dark\:bg-white\/1{background-color:#ffffff03}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/1{background-color:color-mix(in oklab,var(--color-white) 1%,transparent)}}.dark\:bg-white\/3{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/3{background-color:color-mix(in oklab,var(--color-white) 3%,transparent)}}.dark\:bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.dark\:bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.dark\:bg-white\/\[2\%\]{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/\[2\%\]{background-color:color-mix(in oklab,var(--color-white) 2%,transparent)}}.dark\:bg-white\/\[3\%\]{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/\[3\%\]{background-color:color-mix(in oklab,var(--color-white) 3%,transparent)}}.dark\:text-amber-300{color:var(--color-amber-300)}.dark\:text-blue-300{color:var(--color-blue-300)}.dark\:text-emerald-400{color:var(--color-emerald-400)}.dark\:text-emerald-500{color:var(--color-emerald-500)}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-gray-600{color:var(--color-gray-600)}.dark\:text-neutral-100{color:var(--color-neutral-100)}.dark\:text-neutral-200{color:var(--color-neutral-200)}.dark\:text-neutral-300{color:var(--color-neutral-300)}.dark\:text-neutral-400{color:var(--color-neutral-400)}.dark\:text-neutral-500{color:var(--color-neutral-500)}.dark\:text-neutral-600{color:var(--color-neutral-600)}.dark\:text-neutral-600\!{color:var(--color-neutral-600)!important}.dark\:text-neutral-900{color:var(--color-neutral-900)}.dark\:text-rose-100{color:var(--color-rose-100)}.dark\:text-white{color:var(--color-white)}.dark\:text-white\!{color:var(--color-white)!important}}@media(hover:hover){@media(prefers-color-scheme:dark){.group-hover\:dark\:text-emerald-500:is(:where(.group):hover *){color:var(--color-emerald-500)}}}@media(prefers-color-scheme:dark){.odd\:dark\:bg-white\/4:nth-child(odd){background-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.odd\:dark\:bg-white\/4:nth-child(odd){background-color:color-mix(in oklab,var(--color-white) 4%,transparent)}}.even\:dark\:bg-white\/2:nth-child(2n){background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.even\:dark\:bg-white\/2:nth-child(2n){background-color:color-mix(in oklab,var(--color-white) 2%,transparent)}}@media(hover:hover){.dark\:hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}.dark\:hover\:bg-white\/2:hover{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/2:hover{background-color:color-mix(in oklab,var(--color-white) 2%,transparent)}}.dark\:hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.dark\:hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}}}@media(hover:hover){@media(prefers-color-scheme:dark){.hover\:dark\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.hover\:dark\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}}}@media(prefers-color-scheme:dark){@media(hover:hover){.dark\:hover\:text-emerald-500:hover{color:var(--color-emerald-500)}.dark\:hover\:text-gray-200:hover{color:var(--color-gray-200)}.dark\:hover\:text-gray-300:hover{color:var(--color-gray-300)}}}@media(hover:hover){@media(prefers-color-scheme:dark){.hover\:dark\:text-white:hover{color:var(--color-white)}}}@media(prefers-color-scheme:dark){.dark\:focus\:border-blue-700:focus{border-color:var(--color-blue-700)}.dark\:focus\:border-blue-800:focus{border-color:var(--color-blue-800)}.dark\:active\:bg-gray-700:active{background-color:var(--color-gray-700)}.dark\:active\:text-gray-300:active{color:var(--color-gray-300)}}.\[\&_svg\]\:size-2\.5 svg{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.\[\&_svg\]\:\!text-white svg{color:var(--color-white)!important}@media(hover:hover){.hover\:\[\&_svg\]\:stroke-emerald-500:hover svg{stroke:var(--color-emerald-500)}}@media(prefers-color-scheme:dark){.dark\:\[\&_svg\]\:\!text-white svg{color:var(--color-white)!important}}}:root{--ink:#26352e;--muted:#77837c;--green:#295e49;--mint:#e9f2ed;--cream:#f7f5ef;--line:#e1e5e1;--white:#fff;--red:#b74a4a}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif}button,input,select{font:inherit}.hidden{display:none!important}button{cursor:pointer}.logo{color:var(--green);letter-spacing:-.5px;font-size:20px;font-weight:700}.app{grid-template-columns:245px 1fr;min-height:100vh;display:grid}aside{border-right:1px solid var(--line);background:#eef1eb;flex-direction:column;height:100vh;padding:30px 20px;display:flex;position:sticky;top:0}nav{gap:7px;margin-top:45px;display:grid}nav button,.aside-bottom button{text-align:left;color:#637067;background:0 0;border:0;border-radius:10px;padding:13px 14px}nav button.active{color:var(--green);background:#dce9e1;font-weight:600}nav button span{float:right;background:#c9dcd0;border-radius:20px;padding:1px 8px;font-size:12px}.aside-bottom{border-top:1px solid #d7ddd8;gap:4px;margin-top:auto;padding-top:18px;display:grid}main{min-width:0}header{border-bottom:1px solid var(--line);background:#ffffffc7;justify-content:space-between;align-items:center;height:105px;padding:20px 5vw;display:flex}header h2{margin:0 0 7px;font-size:23px}header p{color:var(--muted);margin:0;font-size:13px}.header-actions{align-items:center;gap:15px;display:flex}select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;padding:10px}.avatar{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:600;display:grid}.content{width:min(980px,90%);margin:36px auto}.stats{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.stats div{border:1px solid var(--line);background:#fff;border-radius:13px;padding:19px 22px;box-shadow:0 2px 10px #274b3510}.stats small{color:var(--muted);margin-bottom:7px;display:block}.stats strong{color:var(--green);font-size:29px}.add{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:1fr auto;margin:24px 0;padding:8px;display:grid;box-shadow:0 3px 14px #274b3510}.add input,.toolbar input{background:0 0;border:0;outline:0;padding:12px}.add button,.auth-box button,dialog button[type=submit]{background:var(--green);color:#fff;border:0;border-radius:8px;padding:12px 21px;font-weight:600}.toolbar{justify-content:space-between;align-items:center;margin:8px 0 15px;display:flex}.toolbar input{border:1px solid var(--line);background:#fff;border-radius:9px;width:280px}.toolbar span{color:var(--muted);font-size:12px}.word-list{gap:10px;display:grid}.word{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:1fr auto;gap:12px;padding:18px 20px;display:grid}.termline{align-items:center;gap:10px;display:flex}.termline h3{margin:0;font-size:19px}.phonetic{color:var(--muted);font-size:13px}.sound{background:var(--mint);color:var(--green);border:0;border-radius:50%;width:32px;height:32px}.meaning{color:#546159;margin:10px 0 0;font-size:13px;line-height:1.6}.meaning em{color:var(--green);font-style:normal;font-weight:600}.example{color:#8a938e;margin:6px 0 0;font-size:12px;font-style:italic}.word-actions{align-items:center;gap:7px;display:flex}.pill{color:var(--green);background:#f3f8f5;border:1px solid #cddbd2;border-radius:20px;padding:7px 10px;font-size:12px}.delete{color:#a5aca8;background:0 0;border:0;font-size:20px}.empty{text-align:center;color:var(--muted);padding:70px 20px}.empty b{color:#acc4b6;font-size:50px}.empty h3{color:var(--ink)}#toast{z-index:20;color:#fff;opacity:0;pointer-events:none;background:#26352e;border-radius:9px;padding:12px 18px;transition:all .2s;position:fixed;top:20px;right:22px;transform:translateY(-8px)}#toast.show{opacity:1;transform:none}.auth{background:#fff;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.auth-art{background:linear-gradient(140deg,#e7efe8,#cbded2);place-items:center;padding:10%;display:grid;position:relative;overflow:hidden}.auth-art:after{content:"ABC  学  가";color:#fff4;font-size:120px;font-weight:700;position:absolute;bottom:7%;transform:rotate(-12deg)}.auth-art h1{margin:35px 0 20px;font-size:42px;line-height:1.25}.auth-art p{color:#586b60;max-width:510px;line-height:1.8}.auth-box{place-items:center;padding:30px;display:grid}.auth-box form{width:min(390px,100%)}.auth-box h2{margin-bottom:30px;font-size:28px}.auth-box label{margin:15px 0 7px;font-size:13px;font-weight:600;display:block}.auth-box input{border:1px solid var(--line);border-radius:8px;width:100%;padding:13px}.auth-box button{width:100%;margin-top:22px}.auth-box p{text-align:center;color:var(--muted);font-size:13px}.auth-box a{color:var(--green);font-weight:600}dialog{border:0;border-radius:15px;width:90%;max-width:460px;padding:0;box-shadow:0 20px 70px #1d392a45}dialog::backdrop{background:#1d392a66}dialog form{padding:28px;position:relative}dialog p{color:var(--muted);font-size:13px;line-height:1.6}dialog input{border:1px dashed #aabbb0;border-radius:10px;width:100%;margin:12px 0;padding:25px}dialog button[type=submit]{width:100%}.close{background:0 0;border:0;font-size:24px;position:absolute;top:13px;right:16px}.mobile{display:none}@media(max-width:720px){.app{display:block}aside{z-index:10;width:245px;transition:all .2s;position:fixed;transform:translate(-100%);box-shadow:8px 0 30px #0002}aside.open{transform:none}.mobile{background:0 0;border:0;font-size:22px;display:block}header{gap:12px;height:auto;padding:16px 4%}header>div:first-of-type{display:none}.content{width:92%;margin:22px auto}.stats{gap:8px}.stats div{padding:14px}.stats small{font-size:10px}.stats strong{font-size:22px}.toolbar input{width:65%}.word{grid-template-columns:1fr}.word-actions{justify-content:flex-end}.auth{display:block}.auth-art{min-height:260px;padding:30px}.auth-art h1{margin:20px 0 10px;font-size:28px}.auth-art p{font-size:13px}.auth-box{padding:35px 25px}.add button{padding:10px 13px}.add input{min-width:0}}.delete{border-radius:8px;width:34px;height:34px;padding:7px;font-size:0}.delete:hover{color:var(--red);background:#fbeeee}.delete svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.meaning-vi{color:#33443b;margin-top:3px;font-weight:500;display:block}.meaning-en{color:#89928d;margin-top:2px;font-size:12px;display:block}.confirm-dialog>div{text-align:center;padding:30px}.confirm-icon{width:52px;height:52px;color:var(--red);background:#fbeeee;border-radius:50%;place-items:center;margin:auto;display:grid}.confirm-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:25px}.confirm-dialog h2{margin:17px 0 8px}.confirm-dialog p{max-width:340px;color:var(--muted);margin:0 auto 24px;font-size:13px;line-height:1.6}.confirm-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.confirm-actions button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;padding:11px;font-weight:600}.confirm-actions #confirmAccept{background:var(--red);border-color:var(--red);color:#fff}.language-picker{position:relative}.language-current{border:1px solid var(--line);min-width:136px;color:var(--ink);background:#fff;border-radius:9px;align-items:center;gap:8px;padding:9px 10px;display:flex}.flag{border-radius:2px;flex:none;width:24px;height:16px;display:inline-flex;overflow:hidden;box-shadow:0 0 0 1px #1c2d241f}.flag svg{width:100%;height:100%;display:block}.chevron{fill:none;stroke:currentColor;stroke-width:1.8px;width:16px;height:16px;margin-left:auto;transition:all .2s}.language-picker.open .chevron{transform:rotate(180deg)}.language-menu{z-index:15;border:1px solid var(--line);background:#fff;border-radius:10px;width:175px;padding:6px;display:none;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 12px 35px #233b2d26}.language-picker.open .language-menu{display:grid}.language-menu button{color:var(--ink);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:10px;display:flex}.language-menu button:hover{background:#f0f5f2}.language-menu button.selected{background:var(--mint);color:var(--green);font-weight:600}.language-menu .check{visibility:hidden;margin-left:auto}.language-menu button.selected .check{visibility:visible}.language-current{padding:7px 10px}.flag{width:28px;height:28px;box-shadow:none;border-radius:0}.flag img{width:100%;height:100%;display:block}.termline .sound{flex:0 0 42px;place-items:center;width:42px;height:42px;margin-left:auto;display:grid}.sound svg{fill:currentColor;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.sound svg path:nth-child(2){fill:none}.sound-missing{color:#8a9991;background:#f0f2f0}.sound.loading{opacity:.55;animation:.8s infinite alternate pulse}@keyframes pulse{50%{opacity:.5}}.word.compact{cursor:pointer;padding:15px 20px;transition:border-color .18s,box-shadow .18s,transform .18s;display:block}.word.compact:hover{border-color:#bfd1c6;transform:translateY(-1px);box-shadow:0 5px 18px #274b3515}.word.compact .termline{min-height:42px}.word.compact .termline h3{font-size:18px}.word-dialog{max-width:590px}.word-detail{padding:30px;position:relative}.detail-close{color:#87918b;background:0 0;border:0;font-size:27px;position:absolute;top:12px;right:16px}.detail-head{align-items:center;padding-right:28px;display:flex}.detail-head>div{align-items:baseline;gap:10px;min-width:0;display:flex}.detail-head h2{margin:0;font-size:25px}.detail-head>div span{color:var(--muted);font-size:14px}.detail-head .sound{background:var(--mint);width:44px;height:44px;color:var(--green);border:0;border-radius:50%;flex:0 0 44px;place-items:center;margin-left:auto;display:grid}.detail-meanings{gap:18px;margin-top:25px;display:grid}.detail-definition{border-top:1px solid var(--line);padding-top:16px}.detail-definition:first-child{border-top:0;padding-top:0}.detail-definition em{color:var(--green);font-size:13px;font-style:normal;font-weight:700}.detail-definition .meaning-vi{font-size:15px;line-height:1.6}.detail-definition .meaning-en{font-size:13px;line-height:1.6}.detail-examples{color:#707c75;background:#f5f7f4;border-radius:9px;margin-top:20px;padding:15px;font-size:13px;font-style:italic;line-height:1.6}.detail-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:25px;padding-top:18px;display:flex}.detail-delete{color:var(--red);background:0 0;border:0;align-items:center;gap:7px;display:flex}.detail-delete svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:18px;height:18px}.detail-actions .pill{padding:9px 13px}.word-dialog{max-height:min(86vh,760px);overflow:auto}.dictionary-credit{color:#929b96;margin:18px 0 0;font-size:11px}.dictionary-credit a{color:var(--green)}.detail-actions>div{align-items:center;gap:8px;display:flex}.detail-refresh{color:var(--green);background:0 0;border:0;padding:8px;font-size:12px}.detail-refresh:disabled{opacity:.5}@media(max-width:520px){.detail-actions{align-items:flex-start;gap:12px}.detail-actions>div{flex-direction:column;align-items:flex-end}.word-detail{padding:25px 20px}}.word-dialog .detail-head{padding-right:0}.word-dialog .detail-actions{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.word-dialog .detail-delete{justify-self:start}.word-dialog .detail-refresh{justify-self:end}.word-dialog .detail-actions .pill{white-space:nowrap;justify-self:center}.detail-close-row{justify-content:center;margin-top:22px;display:flex}.detail-close-row button{min-width:110px;color:var(--green);background:0 0;border:0;border-radius:8px;padding:10px 18px;font-weight:600}@media(max-width:520px){.word-dialog .detail-actions{grid-template-columns:1fr 1fr}.word-dialog .detail-actions .pill{grid-area:1/1/auto/-1;justify-self:center}.word-dialog .detail-delete{grid-area:2/1}.word-dialog .detail-refresh{grid-area:2/2}.detail-close-row{margin-top:18px}}.detail-close-row button{border:1px solid var(--green);background:var(--green);color:#fff}.detail-close-row button:hover{background:#204d3b}dialog{max-height:86vh;overflow:hidden}#wordDialog{padding:0;overflow:auto}#wordDialog .word-detail{min-height:100%;padding-bottom:0}#wordDialog .detail-close-row{z-index:3;border-top:1px solid var(--line);background:#fff;margin:22px -30px 0;padding:16px 30px;position:sticky;bottom:0;box-shadow:0 -7px 18px #26352e0a}#importDialog form{flex-direction:column;max-height:86vh;padding-bottom:0;display:flex;overflow:auto}#importDialog form>.close{z-index:3;border-top:1px solid var(--line);width:100%;height:auto;color:var(--green);box-sizing:content-box;background:#fff;border-radius:0;order:20;margin:18px -28px 0;padding:16px 28px;font-size:14px;font-weight:600;position:sticky;top:auto;bottom:0;right:auto}#importDialog form>.close:hover{background:#f5f8f6}#confirmDialog{overflow:auto}#confirmDialog .confirm-actions{z-index:3;border-top:1px solid var(--line);background:#fff;margin:24px -30px -30px;padding:16px 30px 30px;position:sticky;bottom:0;box-shadow:0 -7px 18px #26352e0a}@media(max-width:520px){#wordDialog .detail-close-row{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}}#wordDialog,#importDialog,#confirmDialog{overflow:hidden}#wordDialog .word-detail,#importDialog form,#confirmDialog>div{flex-direction:column;max-height:86vh;padding:0;display:flex;overflow:hidden}.popup-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:30px;overflow-y:auto}#wordDialog .detail-close-row{flex:none;margin:0;padding:16px 30px;position:static}#importDialog form>.close{flex:none;order:initial;box-sizing:border-box;width:auto;margin:0;padding:16px 28px;position:static}#confirmDialog .confirm-actions{background:#fff;flex:none;margin:0;padding:16px 30px;position:static}@media(max-width:520px){.popup-scroll{padding:25px 20px}#wordDialog .detail-close-row{margin:0;padding:14px 20px}}#wordDialog{height:min(86vh,760px);max-height:min(86vh,760px)}#wordDialog .word-detail{height:100%;min-height:0;max-height:none}#wordDialog .detail-head{border-bottom:1px solid var(--line);background:#fff;flex:none;padding:24px 30px 18px;box-shadow:0 5px 14px #26352e08}#wordDialog .popup-scroll{flex:auto;min-height:0;padding:20px 30px}#wordDialog .detail-close-row{box-sizing:border-box;flex:none;min-height:73px}#wordDialog #detailClose{min-height:41px;display:block}@media(max-width:520px){#wordDialog{height:92vh;max-height:92vh}#wordDialog .detail-head{padding:20px}#wordDialog .popup-scroll{padding:18px 20px}#wordDialog .detail-close-row{min-height:69px;padding:14px 20px}}.detail-close-row,#importDialog form>.close{box-shadow:none;border-top:1px solid var(--line);background:#fff}.detail-close-row button,#importDialog form>.close{width:100%;min-width:0;min-height:40px;color:var(--green);text-align:center;background:#fff;border:0;border-radius:0;margin:0;font-weight:600}.detail-close-row button:hover,#importDialog form>.close:hover{color:#204d3b;background:#f7faf8}.sidebar-head{justify-content:space-between;align-items:center;display:flex}.sidebar-head button{background:var(--mint);color:var(--green);border:0;border-radius:50%;width:36px;height:36px;font-size:20px;display:none}.sidebar-backdrop{display:none}@media(max-width:720px){.sidebar-head button{place-items:center;display:grid}.sidebar-backdrop{z-index:9;opacity:0;visibility:hidden;background:#182b216b;transition:opacity .2s,visibility .2s;display:block;position:fixed;inset:0}.sidebar-backdrop.show{opacity:1;visibility:visible}body.menu-open{overflow:hidden}aside{z-index:10}}dialog{background:#fff;border-radius:15px}dialog .popup-scroll{background:#fff}#confirmDialog .popup-scroll>#confirmAccept{background:var(--red);color:#fff;border:0;border-radius:8px;width:100%;margin-top:22px;padding:12px 20px;font-weight:600;display:block}#confirmDialog .confirm-actions{border-top:1px solid var(--line);box-shadow:none;background:#fff;justify-content:center;align-items:center;padding:0;display:flex}#confirmDialog .confirm-actions #confirmCancel{width:100%;min-height:64px;color:var(--green);background:#fff;border:0;border-radius:0;font-weight:600}#confirmDialog .confirm-actions #confirmCancel:hover{background:#f7faf8}#wordDialog .detail-close-row,#importDialog form>.close,#confirmDialog .confirm-actions{flex:0 0 64px;min-height:64px}#wordDialog .detail-close-row{padding:0 30px}#wordDialog #detailClose,#importDialog form>.close{min-height:63px}#search{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7770' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E");background-position:13px;background-repeat:no-repeat;background-size:17px 17px;padding-left:40px}.sidebar-source{color:#8a958e;margin:0 14px 10px;font-size:10px;text-decoration:none;display:block}.sidebar-source:hover{color:var(--green);text-decoration:underline}.toolbar{gap:10px}.toolbar #resultLabel{margin-left:auto}.toolbar #selectAll{border:1px solid var(--line);color:var(--green);white-space:nowrap;background:#fff;border-radius:8px;padding:9px 12px;font-size:12px}.word.compact{padding-left:58px;position:relative}.word-select{z-index:2;cursor:pointer;place-items:center;display:grid;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.word-select input{opacity:0;pointer-events:none;position:absolute}.word-select span{background:#fff;border:1.5px solid #aab7af;border-radius:5px;width:20px;height:20px;display:block}.word-select input:checked+span{border-color:var(--green);background:var(--green);box-shadow:inset 0 0 0 4px #fff}.bulk-bar{color:var(--green);background:#edf5f0;border:1px solid #cbdcd2;border-radius:10px;justify-content:space-between;align-items:center;margin:0 0 14px;padding:12px 15px;font-size:13px;display:flex}.bulk-bar>div{gap:8px;display:flex}.bulk-bar button{color:var(--green);background:0 0;border:0;border-radius:7px;padding:8px 11px}.bulk-bar #bulkDelete{background:var(--red);color:#fff;align-items:center;gap:6px;display:flex}.bulk-bar svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:16px;height:16px}@media(max-width:600px){.toolbar{flex-wrap:wrap}.toolbar input{flex:1;width:auto}.toolbar #resultLabel{display:none}.bulk-bar{align-items:flex-start;gap:10px}.bulk-bar>div{flex-direction:column-reverse;align-items:flex-end}.word.compact{padding-left:52px}.word-select{left:16px}}.word.compact .termline{gap:12px}.word.compact .info-button{background:var(--mint);width:42px;height:42px;color:var(--green);border:0;border-radius:50%;flex:0 0 42px;place-items:center;margin-left:0;display:grid}.info-button span{border:1.8px solid;border-radius:50%;place-items:center;width:20px;height:20px;font-family:Georgia,serif;font-size:14px;font-weight:700;line-height:1;display:grid}.card-status{white-space:nowrap;border:1px solid #0000;border-radius:20px;margin-left:auto;padding:7px 11px;font-size:12px}.card-status.learning{color:#28739a;background:#eaf5fb;border-color:#bdd9e8}.card-status.learned{color:#287848;background:#eaf6ee;border-color:#bfdcc9}.word.compact.loading{opacity:.6}.word.compact.loading:after{content:"Đang tạo âm thanh...";color:var(--green);background:#ffffffd9;border-radius:12px;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}@media(max-width:520px){.card-status{padding:6px 8px;font-size:11px}.word.compact .info-button{flex-basis:38px;width:38px;height:38px}.word.compact .termline{gap:8px}.word.compact .phonetic{display:none}}.word.compact{padding-left:72px}.word.compact .word-select{border-right:1px solid var(--line);border-radius:12px 0 0 12px;width:56px;transition:background .15s;top:0;bottom:0;left:0;transform:none}.word.compact .word-select:hover{background:#edf5f0}.word.compact .word-select span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media(max-width:520px){.word.compact{padding-left:62px}.word.compact .word-select{width:48px}}.stats [data-stat-view]{cursor:pointer;outline:none;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}.stats [data-stat-view]:hover{border-color:#b7cbbf;transform:translateY(-1px)}.stats [data-stat-view=learning].active{background:#eaf6fc;border-color:#94c8e2;box-shadow:0 4px 15px #28739a16}.stats [data-stat-view=learned].active{background:#e9f6ed;border-color:#91c5a2;box-shadow:0 4px 15px #28784816}.topic-nav{border-top:1px solid #d7ddd8;min-height:0;margin-top:24px;padding-top:18px}.topic-nav-head{color:#7c8881;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;padding:0 10px 9px;font-size:11px;font-weight:700;display:flex}.topic-nav-head button{color:var(--green);background:#dce9e1;border:0;border-radius:7px;width:28px;height:28px;font-size:20px;line-height:1}.topic-item{border-radius:8px;grid-template-columns:1fr 32px;align-items:center;display:grid}.topic-item>button{color:#647169;background:0 0;border:0}.topic-item>[data-topic]{text-align:left;align-items:center;gap:7px;min-width:0;padding:9px 5px 9px 12px;display:flex}.topic-item>[data-topic] span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topic-item>[data-topic] small{background:#dfe7e2;border-radius:10px;margin-left:auto;padding:1px 6px}.topic-item.active>button{color:var(--green);font-weight:600}.topic-manage{height:32px;font-size:18px;border-radius:7px!important}.topic-empty{color:#9aa39e;margin:9px 12px;font-size:11px}.aside-bottom{margin-top:18px}.topic-dialog{width:min(520px,92vw);max-width:520px}.topic-manage-dialog{width:min(680px,94vw);max-width:680px}.topic-dialog>form,.topic-manage-shell{flex-direction:column;max-height:86vh;display:flex;overflow:hidden}.topic-dialog h2{margin:0 0 8px}.topic-dialog h3{margin:0 0 7px;font-size:15px}.topic-dialog p{color:var(--muted);margin:0 0 16px;font-size:12px;line-height:1.6}.topic-dialog label{margin:14px 0 7px;font-size:12px;font-weight:600;display:block}.topic-dialog input[type=text],.topic-dialog input:not([type]){border:1px solid var(--line);border-radius:8px;width:100%;padding:12px}.topic-dialog .primary-action{background:var(--green);color:#fff;border:0;border-radius:8px;width:100%;margin-top:15px;padding:12px;font-weight:600}.topic-dialog .primary-action:disabled{opacity:.5}.topic-dialog .popup-close{border:0;border-top:1px solid var(--line);width:100%;color:var(--green);background:#fff;flex:0 0 64px;font-weight:600}.topic-dialog .popup-close:hover{background:#f7faf8}.topic-import{border-bottom:1px solid var(--line);padding-bottom:24px}.topic-import input[type=file]{border:1px dashed #aabbb0;border-radius:9px;width:100%;padding:16px}.topic-vault{padding-top:24px}.topic-vault>#topicWordSearch{border:1px solid var(--line);border-radius:8px;width:100%;padding:11px}.topic-word-tools{color:var(--muted);justify-content:space-between;align-items:center;margin:10px 0;font-size:11px;display:flex}.topic-word-tools button{color:var(--green);background:0 0;border:0;font-size:11px}#topicAvailableWords{border:1px solid var(--line);border-radius:9px;max-height:250px;overflow:auto}#topicAvailableWords label{cursor:pointer;border-bottom:1px solid #edf0ed;align-items:center;gap:9px;margin:0;padding:9px 12px;display:flex}#topicAvailableWords label:last-child{border-bottom:0}#topicAvailableWords label span{font-weight:500}#topicAvailableWords label small{color:var(--muted);margin-left:auto}.danger-link{color:var(--red);background:0 0;border:0;margin-top:25px;font-size:12px}.topic-dialog{border:0;outline:0;padding:0;overflow:hidden;box-shadow:0 20px 70px #1d392a45}.topic-dialog:focus,.topic-dialog:focus-visible{outline:0}.topic-dialog>form{padding:0}.topic-dialog:not(.topic-manage-dialog){width:min(460px,92vw);max-width:460px}.topic-dialog .popup-scroll{padding:28px}.topic-dialog .popup-close{box-shadow:none;border-radius:0;margin:0}.topic-dialog::backdrop{background:#1d392a66}.app-dialog{background:#fff;border:0;border-radius:15px;outline:0;padding:0;overflow:hidden;box-shadow:0 20px 70px #1d392a45}.app-dialog:focus,.app-dialog:focus-visible{outline:0}.popup-shell{flex-direction:column;min-height:0;max-height:86vh;padding:0!important;display:flex!important;overflow:hidden!important}.popup-shell>.popup-scroll{scrollbar-gutter:stable;flex:auto;min-height:0;padding:28px;overflow-y:auto}.popup-shell>.popup-close,.popup-shell>.detail-close-row{border-top:1px solid var(--line);min-height:64px;box-shadow:none;background:#fff;flex:0 0 64px;margin:0!important;padding:0!important}.popup-shell>.popup-close,.popup-shell>.detail-close-row>button{text-align:center;width:100%!important;min-height:63px!important;color:var(--green)!important;background:#fff!important;border:0!important;border-radius:0!important;margin:0!important;padding:0 20px!important;font-size:14px!important;font-weight:600!important;position:static!important}.popup-shell>.popup-close:hover,.popup-shell>.detail-close-row>button:hover{background:#f7faf8!important}#importDialog{width:min(460px,92vw);max-width:460px}#importDialog .popup-scroll h2{margin:0 0 8px}#importDialog .popup-scroll p{margin:0 0 12px}#importDialog .popup-scroll input{margin:12px 0}#wordDialog{width:min(590px,94vw);max-width:590px;height:min(86vh,760px);max-height:min(86vh,760px)}#wordDialog .word-detail{height:100%;max-height:none}#wordDialog .detail-head{border-bottom:1px solid var(--line);box-shadow:none;background:#fff;flex:none;padding:24px 28px 18px}#wordDialog .popup-scroll{padding:22px 28px}#wordDialog .detail-meanings{margin-top:0}#wordDialog .detail-actions{margin-top:24px}@media(max-width:520px){.popup-shell{max-height:92vh}.popup-shell>.popup-scroll{padding:22px 20px}#wordDialog{height:92vh;max-height:92vh}#wordDialog .detail-head{padding:20px}#wordDialog .popup-scroll{padding:18px 20px}}#topicAvailableWords{background:#fff;max-height:300px}#topicAvailableWords label{min-height:54px;color:var(--ink);grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0;padding:10px 14px;font-size:15px;line-height:1.4;display:grid}#topicAvailableWords label input[type=checkbox]{appearance:auto;border:initial;cursor:pointer;border-radius:3px;justify-self:start;display:block;width:17px!important;height:17px!important;margin:0!important;padding:0!important}#topicAvailableWords label span{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;font-size:15px;overflow:hidden;font-weight:600!important}#topicAvailableWords label small{color:var(--muted);white-space:nowrap;text-align:right;margin:0;font-size:12px}.topic-word-tools{min-height:30px;margin:10px 0 8px;font-size:13px}.topic-word-tools button{padding:6px 8px;font-size:13px;font-weight:600}@media(max-width:520px){#topicAvailableWords label{grid-template-columns:22px minmax(0,1fr);gap:10px;padding:10px 12px}#topicAvailableWords label small{display:none}}.topic-manage-shell{height:min(86vh,780px);max-height:min(86vh,780px)}.topic-manage-head{border-bottom:1px solid var(--line);background:#fff;flex:none;height:auto;padding:24px 28px 14px;display:block}.topic-manage-head h2{margin:0 0 8px}.topic-manage-head h3{margin:0 0 5px}.topic-manage-head p{margin:0}.topic-manage-shell>.popup-scroll{scrollbar-gutter:stable;flex:auto;min-height:0;padding:26px 28px;overflow-y:auto}.topic-manage-shell>.popup-close{flex:0 0 64px;min-height:64px}.topic-manage-shell .topic-import{padding-top:0}@media(max-width:520px){.topic-manage-shell{height:92vh;max-height:92vh}.topic-manage-head{padding:20px 20px 14px}.topic-manage-shell>.popup-scroll{padding:22px 20px}}.topic-manage{place-items:center;padding:0;display:grid;font-size:0!important}.topic-manage svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.topic-manage-shell .topic-vault{padding-top:0}.topic-manage-shell .topic-import{border-top:1px solid var(--line);border-bottom:0;margin-top:24px;padding:18px 0 0}.topic-manage-shell .topic-import>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.topic-manage-shell .topic-import h3{margin:0}.topic-manage-shell .topic-import p{margin:0;font-size:11px}.topic-manage-shell #topicImportForm{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:10px;display:grid}.topic-manage-shell #topicImportForm input[type=file]{min-width:0;margin:0;padding:10px 12px}.topic-manage-shell #topicImportForm .primary-action{white-space:nowrap;width:auto;margin:0;padding:11px 18px}.topic-manage-shell .danger-link{margin-top:18px}@media(max-width:520px){.topic-manage-shell .topic-import>div{display:block}.topic-manage-shell .topic-import p{margin-top:4px}.topic-manage-shell #topicImportForm{grid-template-columns:1fr}.topic-manage-shell #topicImportForm .primary-action{width:100%}}#topicManageDialog{height:min(780px,100dvh - 24px);max-height:calc(100dvh - 24px);overflow:hidden}#topicManageDialog .topic-manage-shell{height:100%;min-height:0;max-height:none;overflow:hidden}#topicManageDialog .topic-manage-head{flex:none}#topicManageDialog .popup-scroll{flex:1 1 0;min-height:0;overflow-y:auto}#topicManageDialog .popup-close{border:0;border-top:1px solid var(--line);width:100%;min-height:64px;color:var(--green);text-align:center;background:#fff;border-radius:0;flex:0 0 64px;margin:0;font-weight:600;display:block;position:static}@media(max-width:520px){#topicManageDialog{width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);margin:auto}#topicManageDialog .topic-manage-shell{height:100%;max-height:none}}.detail-primary{margin:0 0 18px;padding:0}.detail-primary strong{color:var(--ink);font-size:18px;line-height:1.45;display:block}.detail-primary+.detail-meanings:empty{display:none}#wordDialog{overflow:hidden!important}#wordDialog>.word-detail>.detail-actions{border-top:1px solid var(--line);min-height:54px;box-shadow:none;background:#fff;flex:0 0 54px;grid-template-columns:1fr 36px 36px;align-items:center;gap:8px;margin:0;padding:8px 20px;display:grid;overflow:hidden}#wordDialog>.word-detail>.detail-actions .pill{white-space:nowrap;grid-area:1/1;justify-self:start;padding:7px 11px;font-size:11px}#wordDialog>.word-detail>.detail-actions .detail-refresh,#wordDialog>.word-detail>.detail-actions .detail-delete{border:0;border-radius:50%;place-items:center;width:36px;height:36px;margin:0;padding:0;font-size:0;display:grid}#wordDialog>.word-detail>.detail-actions .detail-refresh{background:var(--mint);color:var(--green);grid-area:1/2}#wordDialog>.word-detail>.detail-actions .detail-delete{color:var(--red);background:#fbeeee;grid-area:1/3}#wordDialog>.word-detail>.detail-actions .detail-refresh svg,#wordDialog>.word-detail>.detail-actions .detail-delete svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}#wordDialog>.word-detail>.detail-actions+.detail-close-row{flex-basis:58px;min-height:58px}#wordDialog>.word-detail>.detail-actions+.detail-close-row #detailClose{min-height:57px!important}@media(max-width:420px){#wordDialog>.word-detail>.detail-actions{gap:6px;padding:6px 12px}}#wordDialog .word-detail{height:100%!important;padding:0!important;display:block!important;position:relative!important;overflow:hidden!important}#wordDialog .detail-head{z-index:4;box-sizing:border-box;height:105px;top:0;left:0;right:0;position:absolute!important}#wordDialog .popup-scroll{z-index:1;inset:105px 0 112px;margin:0!important;position:absolute!important;overflow-y:auto!important}#wordDialog .detail-actions{z-index:5;bottom:58px;left:0;right:0;grid-template-columns:minmax(0,1fr) 36px 36px!important;height:54px!important;min-height:54px!important;margin:0!important;padding:8px 20px!important;display:grid!important;position:absolute!important}#wordDialog .detail-actions .pill{grid-area:1/1!important;justify-self:start!important}#wordDialog .detail-actions .detail-refresh{grid-area:1/2!important;justify-self:center!important}#wordDialog .detail-actions .detail-delete{grid-area:1/3!important;justify-self:center!important}#wordDialog .detail-actions .detail-refresh:before{content:"↻";color:currentColor;font-size:21px;font-weight:500;line-height:1;display:block}#wordDialog .detail-actions .detail-refresh svg{display:none!important}#wordDialog .detail-close-row{z-index:6;width:100%;bottom:0;left:0;right:0;height:58px!important;min-height:58px!important;margin:0!important;padding:0!important;position:absolute!important}@media(max-width:520px){#wordDialog .detail-head{height:85px}#wordDialog .popup-scroll{top:85px;bottom:112px}#wordDialog .detail-actions{padding:8px 14px!important}}#wordDialog .word-detail{grid-template-rows:auto minmax(0,1fr) 54px 58px!important;height:100%!important;min-height:0!important;display:grid!important;position:relative!important;overflow:hidden!important}#wordDialog .detail-head{grid-row:1;height:auto!important;min-height:0!important;position:static!important}#wordDialog .popup-scroll{grid-row:2;min-height:0!important;margin:0!important;position:static!important;overflow-y:auto!important}#wordDialog .detail-actions{grid-row:3;height:54px!important;min-height:54px!important;margin:0!important;position:static!important}#wordDialog .detail-close-row{grid-row:4;height:58px!important;min-height:58px!important;margin:0!important;position:static!important}#wordDialog .detail-close-row #detailClose{height:57px!important;min-height:57px!important}#wordDialog .word-footer-actions{border-top:1px solid var(--line);box-sizing:border-box;background:#fff;grid-row:3;justify-content:space-between;align-items:center;width:100%;height:58px;min-height:58px;padding:8px 20px;display:flex;overflow:visible}#wordDialog .word-footer-actions .pill{white-space:nowrap;flex:none;margin:0;padding:7px 11px}#wordDialog .word-footer-icons{align-items:center;gap:8px;margin-left:auto;display:flex}#wordDialog .word-footer-icons button{border:0;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;margin:0;padding:0;display:grid}#wordDialog .word-footer-icons #detailRefresh{background:var(--mint);color:var(--green)}#wordDialog .word-footer-icons #detailDelete{color:var(--red);background:#fbeeee}#wordDialog .word-footer-icons svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}#wordDialog .word-footer-icons #detailRefresh:before{content:none!important}@media(max-width:520px){#wordDialog .word-footer-actions{padding:8px 14px}}#wordDialog .word-detail{grid-template-rows:auto 58px minmax(0,1fr) 58px!important}#wordDialog .word-footer-actions{grid-row:2!important}#wordDialog .popup-scroll{grid-row:3!important}#wordDialog .detail-close-row{grid-row:4!important}.word.compact.inline-loading{pointer-events:none}.card-inline-loading{color:var(--green);white-space:nowrap;align-items:center;gap:7px;margin-left:4px;font-size:12px;font-weight:600;display:inline-flex}.card-inline-loading i{border:2px solid #c8dcd1;border-top-color:var(--green);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite cardSpin}.word.compact.inline-loading .card-status,.word.compact.inline-loading .info-button{opacity:.45}@keyframes cardSpin{to{transform:rotate(360deg)}}@media(max-width:520px){.card-inline-loading{margin-left:2px;font-size:0}.card-inline-loading i{width:17px;height:17px}}.lesson-table-head,.lesson-word-row{align-items:center;grid-template-columns:24px 34px 1fr 1.35fr 1.2fr 72px!important}.drag-handle{color:#91a098;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;width:24px;height:30px;display:grid}.drag-handle:active{cursor:grabbing}.drag-handle svg{pointer-events:none;width:17px;height:17px}.lesson-word-row.sorting,.course-lessons [data-lesson].sorting{z-index:3;opacity:.92;box-shadow:0 7px 18px #244d3630;background:#eef6f1!important}body.is-sorting{cursor:grabbing;-webkit-user-select:none;user-select:none}.course-lessons [data-lesson]{grid-template-columns:24px 30px minmax(0,1fr)!important}.course-lessons [data-lesson] .lesson-drag{grid-column:1}.course-lessons [data-lesson]>span{grid-column:2}.course-lessons [data-lesson]>div{grid-column:3}.lesson-table-head span{text-align:center}.lesson-word-row{min-height:54px;font-size:14px!important}.lesson-word-row>strong,.lesson-word-row>span{text-align:center;justify-content:center;align-self:stretch;align-items:center;font-size:14px;line-height:1.4;display:flex}.lesson-word-row>strong{font-weight:700}.lesson-word-row>.drag-handle,.lesson-word-row>.lesson-check{align-self:center}.lesson-row-actions{align-self:stretch;align-items:center;justify-content:center!important}.lesson-check{place-items:center;margin:0!important;display:grid!important}.lesson-check input{accent-color:var(--green);width:18px!important;height:18px!important;margin:0!important}.lesson-word-toolbar{align-items:center;gap:10px;margin:4px 0 12px;display:flex}.lesson-search{flex:1;min-width:160px;position:relative}.lesson-search svg{width:17px;height:17px;color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.lesson-search input{border:1px solid var(--line);background:#fff;border-radius:9px;width:100%;height:42px;padding:0 12px 0 39px}.lesson-word-toolbar>span{color:var(--muted);white-space:nowrap;font-size:12px}.lesson-word-toolbar>button{height:38px;color:var(--green);white-space:nowrap;background:#fff;border:1px solid #bfd2c6;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.lesson-word-toolbar #lessonLearnOpen{border-color:var(--green);background:var(--green);color:#fff}.lesson-word-toolbar button svg{width:16px;height:16px}.lesson-word-toolbar button:disabled{opacity:.45}.learn-choices{grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;display:grid}.learn-choices button{min-height:58px;color:var(--ink);text-align:left;background:#fff;border:1px solid #c8d3cc;border-radius:10px;align-items:center;gap:11px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.learn-choices button i{width:28px;height:28px;color:var(--green);background:#f7faf8;border:1px solid #b8c8bf;border-radius:50%;flex:0 0 28px;place-items:center;font-size:12px;font-style:normal;font-weight:700;display:grid}.learn-choices button.selected{border-color:var(--green);background:#f0f8f3;box-shadow:0 0 0 2px #2b694c20}.learn-choices button.selected i,.learn-choices button.correct i{border-color:var(--green);background:var(--green);color:#fff}.learn-choices button:hover:not(:disabled){border-color:var(--green);background:#f3f8f5}.learn-choices button.correct{color:#287848;background:#e8f5ec;border-color:#65a87c}.learn-choices button.incorrect{color:#a03e39;background:#fff0ef;border-color:#d77b76}.learn-choices+#learnNext{margin-top:16px}.learn-prompt span{color:var(--green);margin-top:12px;font-size:20px;font-weight:500;display:block}.learn-prompt .learn-main-term{color:var(--ink);font-size:34px;line-height:1.3;display:block}.learn-prompt .learn-explanation{color:var(--muted);margin-top:9px;font-size:13px;font-weight:400;line-height:1.55;display:block}.learn-audio-option{border:1px solid var(--line);cursor:pointer;background:#f7faf8;border-radius:10px;align-items:center;gap:12px;margin-top:16px;padding:13px 15px;display:flex}.learn-audio-option input{height:18px;accent-color:var(--green);flex:0 0 18px;width:18px!important;margin:0!important}.learn-audio-option span{gap:2px;display:grid}.learn-audio-option b{font-size:13px}.learn-audio-option small{color:var(--muted);font-size:11px}.learn-question-sound{width:42px;height:42px;color:var(--green);background:#e9f3ed;border:0;border-radius:50%;place-items:center;margin:0 auto 14px;display:grid}.learn-question-sound svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.learn-dialog .popup-shell{height:min(740px,100dvh - 24px);max-height:calc(100dvh - 24px)}.learn-dialog .popup-scroll:has(#learnQuiz:not(.hidden)){padding:28px 48px;display:block;overflow:hidden}.learn-dialog #learnQuiz:not(.hidden){flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.learn-dialog #learnQuiz .learn-progress-bar{flex:0 0 7px;margin-bottom:22px}.learn-dialog #learnQuiz .learn-direction{flex:none}.learn-dialog #learnQuiz .learn-prompt{flex:none;min-height:64px;margin-bottom:10px}.learn-dialog #learnQuiz .learn-feedback{flex:0 0 96px;height:96px;min-height:96px;margin-bottom:14px;overflow-y:auto}.learn-dialog #learnQuiz #learnAnswerForm,.learn-dialog #learnQuiz .learn-choices{flex:none}.learn-dialog #learnQuiz #learnNext{flex:none;margin-top:16px}@media(max-width:600px){.learn-dialog .popup-shell{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.learn-dialog .popup-scroll:has(#learnQuiz:not(.hidden)){padding:22px 18px}.learn-dialog #learnQuiz .learn-feedback{flex-basis:90px;height:90px;min-height:90px}}nav button,.aside-bottom button{align-items:center;gap:10px;display:flex}nav button>svg,.aside-bottom button>svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px;width:18px;height:18px}nav button .sidebar-label{float:none;font-size:inherit;background:0 0;border-radius:0;margin:0;padding:0}nav button #allCount{float:none;margin-left:auto}.topic-nav-head button{border-radius:8px;place-items:center;width:30px;height:30px;padding:0;font-size:0;transition:background .15s,transform .15s;display:grid}.topic-nav-head button:hover{background:#cce1d4;transform:translateY(-1px)}.topic-nav-head button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.sidebar-head button svg,#menuBtn svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.logo[role=button]{cursor:pointer}.content.home-mode{width:min(1080px,92%)}.content.home-mode>:not(#homeView){display:none!important}.home-view{display:block}.home-welcome{margin-bottom:30px}.home-welcome>span,.home-section-head>div>span{color:var(--green);letter-spacing:.09em;font-size:10px;font-weight:700}.home-welcome h2{margin:5px 0 7px;font-size:30px}.home-welcome p{color:var(--muted);margin:0;font-size:13px}.home-section{margin-top:28px}.home-section-head{justify-content:space-between;align-items:flex-end;margin-bottom:13px;display:flex}.home-section-head h3{margin:4px 0 0;font-size:19px}.home-section-head>button{background:var(--green);color:#fff;border:0;border-radius:8px;align-items:center;gap:7px;padding:10px 13px;font-weight:600;display:inline-flex}.home-section-head>button svg{width:17px;height:17px}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.home-card{border:1px solid var(--line);min-height:84px;color:var(--ink);text-align:left;background:#fff;border-radius:12px;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:15px;display:grid}.home-card:hover,.home-course-card:hover{border-color:#a9c4b4;transform:translateY(-1px);box-shadow:0 7px 20px #274b3513}.home-card>svg:first-child{background:var(--mint);width:42px;height:42px;color:var(--green);border-radius:10px;padding:10px}.home-card>svg:last-child{color:#92a098;width:18px}.home-card div{gap:5px;min-width:0;display:grid}.home-card b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.home-card span{color:var(--muted);font-size:11px}.home-course-card{border:1px solid var(--line);min-height:150px;color:var(--ink);text-align:left;background:#fff;border-radius:13px;padding:19px;transition:all .18s;display:block}.home-course-card>span{color:var(--green);letter-spacing:.08em;font-size:10px;font-weight:700}.home-course-card h4{margin:9px 0 7px;font-size:18px}.home-course-card p{color:var(--muted);margin:0;font-size:11px}.home-course-card>div{border-top:1px solid var(--line);color:#66756c;align-items:center;gap:7px;margin-top:25px;padding-top:12px;font-size:11px;display:flex}.home-course-card>div svg{width:15px;height:15px}.home-empty{color:var(--muted);text-align:center;border:1px dashed #bdc9c1;border-radius:12px;grid-column:1/-1;padding:35px;font-size:13px}@media(max-width:800px){.home-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.home-grid{grid-template-columns:1fr}.home-welcome h2{font-size:25px}}.file-dropzone{width:100%;min-height:190px;color:var(--ink);text-align:center;cursor:pointer;background:#fbfcfd;border:2px dashed #d1d9e2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:24px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.file-dropzone:hover,.file-dropzone:focus-visible,.file-dropzone.dragging{background:#f4faf6;border-color:#77a48c;outline:0;box-shadow:0 0 0 3px #4c896929}.file-dropzone>svg{width:25px;height:25px;color:var(--green);fill:none;stroke:currentColor;stroke-width:1.7px;margin-bottom:3px}.file-dropzone strong{font-size:14px;font-weight:600}.file-dropzone small{color:#98a29c;font-size:11px}.file-dropzone .file-browse{color:#59665f;background:#fff;border:1px solid #cbd4dc;border-radius:7px;margin-top:7px;padding:8px 15px;font-size:12px;font-weight:600;box-shadow:0 1px 3px #23382c0b}.file-dropzone .file-name{text-overflow:ellipsis;white-space:nowrap;color:#909a94;max-width:100%;font-size:11px;font-style:normal;overflow:hidden}.file-dropzone.has-file .file-name{color:var(--green);font-weight:600}.file-dropzone input[type=file]{opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;position:absolute!important;overflow:hidden!important}#importForm .file-dropzone{margin:12px 0 16px}.topic-manage-shell #topicImportForm,.lesson-import-dialog #lessonImportForm{grid-template-columns:1fr!important;gap:12px!important;display:grid!important}.topic-manage-shell #topicImportForm .file-dropzone,.lesson-import-dialog #lessonImportForm .file-dropzone{min-height:175px}.topic-manage-shell #topicImportForm .primary-action,.lesson-import-dialog #lessonImportForm button{width:100%!important}@media(max-width:520px){.file-dropzone{min-height:165px;padding:20px 14px}.file-dropzone strong{font-size:13px}}@media(max-width:760px){.content.course-mode{width:calc(100% - 24px);margin:20px auto}.course-view-head{gap:14px;margin-bottom:16px}.course-view-head h2{font-size:25px}.course-view-head>div:last-child{grid-template-columns:1fr 1fr;gap:8px;display:grid}.course-view-head button{width:100%;min-height:44px;padding:10px 8px;font-size:13px}.course-layout{border-radius:12px;min-height:0;display:block;overflow:visible}.course-lessons{padding:17px 14px 14px;overflow:hidden}.course-lessons #lessonList{scrollbar-width:thin;gap:8px;max-width:100%;padding-bottom:3px;display:flex;overflow-x:auto}.course-lessons [data-lesson]{padding:10px 8px;flex:0 0 180px!important;grid-template-columns:20px 30px minmax(0,1fr)!important}.lesson-content{padding:16px 13px 20px}.lesson-head{flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:16px}.lesson-head>div:first-child{width:100%;min-width:0}.lesson-head h3{overflow-wrap:anywhere;max-width:100%;font-size:21px;line-height:1.3}.lesson-head-actions{grid-template-columns:minmax(0,1fr) 42px;gap:8px;width:100%;display:grid}.lesson-head #lessonUploadOpen{width:100%;height:42px;font-size:11px}.lesson-head .lesson-delete-button{width:42px;height:42px}.lesson-word-form{gap:11px;margin-bottom:13px;padding:13px}.lesson-word-form input,.lesson-word-form button{min-height:44px}.lesson-word-toolbar{grid-template-columns:auto minmax(105px,1fr) minmax(125px,1fr);gap:8px;margin-bottom:12px;display:grid!important}.lesson-search{grid-column:1/-1;width:100%;min-width:0}.lesson-word-toolbar>span{text-align:left;align-self:center}.lesson-word-toolbar>button{width:100%;min-width:0;padding:0 8px;font-size:12px}.lesson-bulk-bar{flex-wrap:wrap;align-items:stretch}.lesson-bulk-bar>span{flex:1 0 100%}.lesson-table{background:0 0;border:0;overflow:visible}.lesson-table-head{display:none}#lessonWordList{gap:10px;display:grid}.lesson-word-row{background:#fff;border-radius:10px;gap:8px 7px;min-height:0;box-shadow:0 2px 9px #274b3510;border:1px solid var(--line)!important;grid-template-columns:24px 30px minmax(0,1fr) 72px!important;padding:12px!important;display:grid!important}.lesson-word-row>.word-drag{grid-area:1/1;align-self:center}.lesson-word-row>.lesson-check{grid-area:1/2;align-self:center}.lesson-word-row>strong{text-align:left;grid-area:1/3;align-self:center;font-size:16px;display:block}.lesson-word-row>.lesson-row-actions{grid-area:1/4;align-self:center;height:auto}.lesson-word-row>span{text-align:left;overflow-wrap:anywhere;word-break:normal;border-top:1px solid #edf0ed;grid-template-columns:82px minmax(0,1fr);align-items:start;gap:8px;padding-top:9px;font-size:13px;display:grid;grid-column:1/-1!important}.lesson-word-row>span:first-of-type{grid-row:2}.lesson-word-row>span:nth-of-type(2){grid-row:3}.lesson-word-row>span:first-of-type:before{content:"Giải thích"}.lesson-word-row>span:nth-of-type(2):before{content:"Nghĩa"}.lesson-word-row>span:before{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}}.app-data-grid-shell{background:#fff;border:1px solid #cfe2ed;border-radius:11px;width:100%;min-width:0;overflow:hidden}.app-data-grid{width:100%;min-width:0;font-family:Be Vietnam Pro,system-ui,sans-serif}.app-data-grid .tui-grid-container{border:0;font-family:inherit;font-size:14px}.app-data-grid .tui-grid-border-line,.app-data-grid .tui-grid-frozen-border,.app-data-grid .tui-grid-scrollbar-frozen-border{display:none!important}.app-data-grid .tui-grid-lside-area:after{content:"";z-index:100;pointer-events:none;background:#8faebb;width:1px;position:absolute;top:0;bottom:0;right:0}.app-data-grid .tui-grid-cell-header{text-transform:uppercase;padding:0 8px;font-size:14px;font-weight:700;color:#145f89!important;background-color:#edf8fe!important;border-color:#c7e2f1!important}.app-data-grid .tui-grid-header-area,.app-data-grid .tui-grid-lside-area .tui-grid-header-area,.app-data-grid .tui-grid-rside-area .tui-grid-header-area{background-color:#edf8fe!important}.app-data-grid .tui-grid-cell-header .tui-grid-cell-content,.app-data-grid .tui-grid-cell-header span,.app-data-grid .tui-grid-cell-header label{color:#145f89!important}.app-data-grid .tui-grid-cell{color:#26353d;background:#fff;border:1px solid #cfe2ed;min-width:30px;font-size:14px}.app-data-grid .tui-grid-cell[data-column-name=_checked]{cursor:pointer}.app-data-grid .tui-grid-cell>.tui-grid-cell-content{white-space:pre;text-overflow:ellipsis;width:100%;max-width:100%;line-height:1.35;overflow:hidden;padding:0 8px!important}.app-data-grid .tui-grid-cell-editable{background:#fbfdff}.app-data-grid .tui-grid-layer-editing.tui-grid-cell-content-editor{background:#fff;border:1px solid #209cee!important;padding:0!important}.app-data-grid .tui-grid-layer-editing input.tui-grid-content-text{box-sizing:border-box;background:#fff;border-radius:0;outline:0;margin:0;font-family:inherit;font-size:14px;line-height:1.35;display:block;border:0!important;width:100%!important;height:100%!important;padding:0 8px!important}.app-data-grid .tui-grid-layer-focus-border{border-color:#209cee}.app-data-grid .app-grid-dirty .tui-grid-cell,.app-data-grid .tui-grid-cell.app-grid-dirty{background:#fffbea}.app-data-grid .app-grid-dirty .tui-grid-cell:first-child{box-shadow:inset 3px 0 #f0b429}.app-grid-rownum{color:#168fd5;cursor:grab;-webkit-user-select:none;user-select:none;place-items:center;width:100%;height:100%;font-size:14px;font-weight:700;display:grid}.app-grid-rownum:active{cursor:grabbing}.app-data-grid .tui-grid-cell-header[data-column-name=_draggable]:after{content:"STT"}.app-data-grid .tui-grid-cell-header[data-column-name=_number]{font-size:0}.app-data-grid .tui-grid-cell-header[data-column-name=_number]:after{content:"STT";color:#145f89;font-size:14px}.topic-word-grid-shell{margin-top:0}.lesson-grid-toolbar.topic-grid-toolbar{flex-wrap:wrap;margin-top:0}.content.repository-grid-mode .stats{display:none}.course-header-actions{align-items:center;gap:8px;display:flex}.course-header-actions button{color:#fff;white-space:nowrap;background:#209cee;border:1px solid #209cee;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.course-header-actions button svg{width:15px;height:15px}.course-header-actions .course-danger{color:#c94b4b;background:#fff5f5;border-color:#efc5c5}@media(min-width:761px){.content.repository-grid-mode{width:calc(100% - 40px);max-width:none;margin:20px}main .content.course-mode{width:calc(100% - 40px);max-width:none;height:calc(100dvh - var(--app-header-height) - 40px - env(safe-area-inset-bottom));min-height:0;margin:20px;padding-bottom:0}.content.course-mode #courseView,.content.course-mode .course-layout{height:100%;min-height:0}.content.course-mode .course-lessons{min-height:0;overflow-y:auto}.content.course-mode .lesson-content{flex-direction:column;min-height:0;display:flex;overflow:hidden}.content.course-mode #lessonPanel:not(.hidden){flex-direction:column;flex:auto;min-height:0;display:flex}.content.course-mode .lesson-grid-shell{flex:auto;min-height:0}.topic-grid-toolbar #topicLearnOpen{margin-right:auto}}@media(max-width:760px){.course-header-actions{gap:5px}.course-header-actions button{width:34px;min-width:34px;height:34px;padding:0}.course-header-actions button span{display:none}}.topic-grid-toolbar #topicSyncOpen,.topic-grid-toolbar #topicGridAdd{color:#fff;background:#209cee;border-color:#209cee}.topic-grid-toolbar #topicLearnOpen,.lesson-grid-toolbar #lessonLearnOpen{color:#168fd5;background:#fff;border-color:#8fcff4}.lesson-grid-toolbar #lessonGridAdd{color:#fff;background:#209cee;border-color:#209cee}@media(min-width:761px){.lesson-grid-toolbar #lessonLearnOpen{margin-right:auto}}.topic-grid-status{color:#167fbe;white-space:nowrap;background:#eef8fd;border:1px solid #acd6ec;border-radius:999px;min-width:0;height:28px;padding:0 8px;font-size:11px}.app-data-grid .tui-grid-cell[data-column-name=audioPath]{cursor:pointer}.app-data-grid .tui-grid-cell[data-column-name=audioPath]>.tui-grid-cell-content{width:100%;height:100%;padding:0!important}.lesson-grid-audio{color:#9aa7ad;cursor:pointer;place-items:center;width:100%;height:100%;display:grid}.lesson-grid-audio.ready{color:#168fd5}.lesson-grid-audio svg{fill:currentColor;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.lesson-grid-audio svg path:nth-child(2){fill:none}.lesson-grid-audio.loading i{border:2px solid #c9d7de;border-top-color:#209cee;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite lesson-audio-spin}@keyframes lesson-audio-spin{to{transform:rotate(360deg)}}.topic-grid-status.learned{color:#278254;background:#edf9f2;border-color:#a9d9c0}.topic-grid-info{color:#168fd5;background:#eaf6fd;border:0;border-radius:50%;place-items:center;width:30px;height:30px;margin:auto;padding:0;display:grid}.topic-grid-info span{border:1.5px solid;border-radius:50%;place-items:center;width:18px;height:18px;font-family:Georgia,serif;font-size:12px;font-weight:700;display:grid}.topic-grid-info.missing{color:#a47800;background:#fff8df}.topic-grid-status.draft,.topic-grid-info.draft{visibility:hidden}@media(max-width:760px){.app-data-grid-shell{border-radius:10px}.app-data-grid .tui-grid-container,.app-data-grid .tui-grid-cell,.app-data-grid .tui-grid-cell-header,.app-data-grid .tui-grid-layer-editing input.tui-grid-content-text,#lessonWordGrid .tui-grid-container,#lessonWordGrid .tui-grid-cell,#lessonWordGrid .tui-grid-cell-header,.app-data-grid .tui-grid-cell-header[data-column-name=_number]:after{font-size:13px!important}.app-data-grid .tui-grid-cell>.tui-grid-cell-content{padding:0 8px!important}.topic-grid-status{padding:0 5px;font-size:10px}.lesson-grid-toolbar.topic-grid-toolbar{grid-template-columns:repeat(6,minmax(0,1fr))}.topic-grid-toolbar #topicSyncOpen,.topic-grid-toolbar #topicLearnOpen{grid-column:span 3}.topic-grid-toolbar #topicGridAdd,.topic-grid-toolbar #topicGridSave,.topic-grid-toolbar #topicGridDelete{grid-column:span 2}.lesson-content .lesson-grid-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-content .lesson-grid-toolbar #lessonLearnOpen{grid-column:1/-1}}#confirmDialog.confirm-dialog{width:min(420px,calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)))!important;max-width:420px!important;height:auto!important;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;margin:auto!important}#confirmDialog.confirm-dialog>.popup-shell{width:100%;max-height:inherit;height:auto!important}#confirmDialog.confirm-dialog .popup-scroll{scrollbar-gutter:auto;text-align:center;padding:28px 28px 24px;overflow-x:hidden}#confirmDialog.confirm-dialog h2{margin:16px 0 6px;font-size:18px;line-height:1.4}#confirmDialog.confirm-dialog p{max-width:330px;margin:0 auto}#confirmDialog.confirm-dialog .popup-scroll>#confirmAccept{min-height:44px;margin-top:22px;padding:10px 16px}#confirmDialog.confirm-dialog .confirm-actions{flex:0 0 56px;min-height:56px}#confirmDialog.confirm-dialog .confirm-actions #confirmCancel{min-height:55px}@media(max-width:520px){#confirmDialog.confirm-dialog{width:calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right))!important;max-width:420px!important}#confirmDialog.confirm-dialog .popup-scroll{padding:24px 20px 20px}}@media(max-width:760px){.lesson-word-toolbar{flex-wrap:wrap}.lesson-search{flex-basis:100%}.lesson-word-toolbar #lessonLearnOpen{flex:1}.lesson-word-row{gap:7px;grid-template-columns:24px 30px minmax(0,1fr) 72px!important}.word-drag{grid-area:1/1}.lesson-check{grid-area:1/2}.lesson-word-row strong,.lesson-word-row>span{grid-column:3}.lesson-row-actions{grid-area:1/4}.learn-choices{grid-template-columns:1fr}}html:has(#wordDialog[open]),body:has(#wordDialog[open]){overscroll-behavior:none;overflow:hidden!important}#wordDialog{overscroll-behavior:contain;overflow:hidden!important}#wordDialog .word-detail{grid-template-rows:auto minmax(0,1fr) 58px!important;height:100%!important;min-height:0!important;display:grid!important;overflow:hidden!important}#wordDialog .detail-head{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:16px;display:flex;grid-row:1!important;height:auto!important;padding:20px 28px!important;position:static!important}#wordDialog .detail-head>div:first-child{align-items:baseline;gap:10px;min-width:0;display:flex;overflow:hidden}#wordDialog .detail-head-actions{flex:none;margin-left:auto;align-items:center!important;gap:8px!important;display:flex!important}#wordDialog .detail-head-actions button{border:0;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;margin:0;padding:0;display:grid}#wordDialog .detail-head-actions #detailDelete{color:var(--red);background:#fbeeee}#wordDialog .detail-head-actions #detailRefresh,#wordDialog .detail-head-actions #detailSound{background:var(--mint);color:var(--green)}#wordDialog .detail-head-actions svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px;display:block}#wordDialog .popup-scroll{touch-action:pan-y;overscroll-behavior:contain!important;grid-row:2!important;min-height:0!important;margin:0!important;padding:20px 28px!important;position:static!important;overflow:hidden auto!important}#wordDialog #detailStatus{margin:0 0 20px;display:block}#wordDialog .detail-close-row{border-top:1px solid var(--line);background:#fff;width:100%;grid-row:3!important;height:58px!important;min-height:58px!important;margin:0!important;padding:0!important;position:static!important}#wordDialog .detail-close-row #detailClose{width:100%;height:57px!important;min-height:57px!important}@media(max-width:520px){#wordDialog .detail-head{gap:10px;padding:16px 18px!important}#wordDialog .detail-head h2{font-size:22px}#wordDialog .detail-head>div:first-child{gap:7px}#wordDialog .detail-head-actions{gap:5px!important}#wordDialog .detail-head-actions button{flex-basis:36px;width:36px;height:36px}#wordDialog .popup-scroll{padding:18px 20px!important}}.word.compact .info-button.info-ready{color:#287848;background:#e5f3e9;border:1px solid #c8e2d0}.word.compact .info-button.info-missing{color:#9a6b12;background:#fff4d8;border:1px solid #efdcaa}.sync-dialog{width:min(500px,92vw);max-width:500px}.sync-dialog .popup-shell{height:auto;max-height:86vh}.sync-dialog .popup-scroll{scrollbar-gutter:auto!important}.sync-dialog h2{margin:0 0 8px}.sync-dialog .popup-scroll>p:first-of-type{margin:0 0 24px}.sync-summary{justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;display:flex}.sync-summary strong{font-size:14px}.sync-summary span{color:var(--green);font-weight:700}.sync-progress{background:#e8ede9;border-radius:999px;width:100%;height:12px;overflow:hidden}.sync-progress i{border-radius:inherit;background:linear-gradient(90deg,#3f8567,#68ad8c);width:0;height:100%;transition:width .25s;display:block}.sync-counts{color:var(--muted);background:#f5f7f4;border-radius:10px;grid-template-columns:1fr 1fr;gap:9px 15px;margin:18px 0;padding:14px 16px;font-size:12px;display:grid}.sync-counts b{color:var(--ink)}.sync-current{min-height:42px;color:var(--ink)!important;margin:0 0 15px!important}.sync-actions{grid-template-columns:1fr;gap:9px;display:grid}.sync-actions button{background:var(--green);color:#fff;border:0;border-radius:8px;width:100%;padding:12px 18px;font-weight:600}.sync-actions #syncStop{color:var(--red);background:#fff1f1;border:1px solid #e9caca}.sync-dialog .popup-close{border:0;border-top:1px solid var(--line);width:100%;color:var(--green);background:#fff;flex:0 0 64px;font-weight:600}.sync-dialog .popup-close:hover{background:#f7faf8}.toolbar #topicSyncOpen{border:1px solid var(--green);background:var(--green);color:#fff;white-space:nowrap;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:600}.toolbar #topicLearnOpen{border:1px solid var(--green);color:var(--green);white-space:nowrap;background:#fff;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:700}.toolbar #topicLearnOpen:hover{background:var(--mint)}.learn-dialog{width:min(650px,94vw);max-width:650px}.learn-dialog .popup-shell{height:min(650px,90vh)}.learn-head{border-bottom:1px solid var(--line);background:#fff;flex:none;justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.learn-head h2{margin:3px 0 0;font-size:22px}.learn-kicker{color:var(--green);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.learn-head>button{width:38px;height:38px;color:var(--muted);background:#f0f3f0;border:0;border-radius:50%;font-size:25px;line-height:1}.learn-dialog .popup-scroll{align-content:center;padding:38px 48px;display:grid}.learn-dialog #learnSetup>p{text-align:center;margin:0 0 25px}.learn-modes{grid-template-columns:1fr 1fr;gap:16px;display:grid}.learn-modes button{border:1px solid var(--line);min-height:145px;color:var(--ink);text-align:left;background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;padding:25px;transition:all .18s;display:flex}.learn-modes button:hover{background:#f5faf7;border-color:#8eb4a0;transform:translateY(-2px);box-shadow:0 8px 24px #295e4915}.learn-modes b{color:var(--green);font-size:23px}.learn-modes span{font-size:13px;line-height:1.6}.learn-progress{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.learn-progress-bar{background:#e8ede9;border-radius:20px;height:7px;margin:9px 0 36px;overflow:hidden}.learn-progress-bar i{border-radius:inherit;background:var(--green);width:0;height:100%;transition:width .25s;display:block}.learn-direction{text-align:center;margin:0 0 10px!important;font-size:12px!important}.learn-prompt{min-height:76px;color:var(--ink);text-align:center;margin-bottom:30px;font-size:30px;font-weight:700;line-height:1.35}.learn-dialog form{padding:0}.learn-dialog form label{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.learn-dialog form input{background:#fff;border:1px solid #b8c5bd;border-radius:9px;margin:0 0 12px;padding:14px 16px;font-size:16px}.learn-dialog form input:focus{border-color:var(--green);outline:3px solid #78a78e2e}.learn-dialog form button,#learnNext,#learnAgain{background:var(--green);color:#fff;border:0;border-radius:9px;width:100%;padding:13px 18px;font-weight:700}.learn-feedback{border-radius:9px;margin:16px 0;padding:15px 17px;font-size:13px;line-height:1.6}.learn-feedback b{margin-bottom:3px;display:block}.learn-feedback.correct{color:#287848;background:#eaf6ee}.learn-feedback.incorrect{color:#99423d;background:#fff0ef}.learn-feedback.incorrect strong{color:#742f2b}.learn-result-icon{color:#287848;background:#e5f3e9;border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto 20px;font-size:34px;display:grid}.learn-result{text-align:center}.learn-result h2{margin:0 0 12px}.learn-result strong{color:var(--green);font-size:29px;display:block}.learn-result p{max-width:400px;margin:14px auto 25px}.learn-result #learnAgain{max-width:280px}@media(max-width:600px){.learn-dialog .popup-shell{height:94vh}.learn-head{padding:18px 20px}.learn-dialog .popup-scroll{padding:28px 20px}.learn-modes{grid-template-columns:1fr}.learn-modes button{min-height:105px;padding:20px}.learn-progress-bar{margin-bottom:28px}.learn-prompt{font-size:25px}.toolbar #topicLearnOpen,.toolbar #topicSyncOpen{flex:1}}.learn-dialog .learn-prompt{margin-bottom:12px}.learn-dialog .learn-feedback{box-sizing:border-box;min-height:76px;margin:0 0 18px;padding:14px 17px;display:block}.learn-dialog .learn-feedback.pending{visibility:hidden}.learn-dialog .learn-feedback span{display:block}.learn-answer-wrap{margin:0 0 12px;position:relative}.learn-dialog form .learn-answer-wrap input{width:100%;margin:0;padding-right:52px}.learn-answer-wrap #learnAnswerState{border-radius:50%;place-items:center;width:25px;height:25px;font-size:18px;font-weight:800;line-height:1;display:grid;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.learn-answer-wrap.correct input{background:#f5fbf7;border-color:#63a77c}.learn-answer-wrap.correct #learnAnswerState{color:#287848;background:#daf0e2}.learn-answer-wrap.incorrect input{background:#fff8f7;border-color:#d77b76}.learn-answer-wrap.incorrect #learnAnswerState{color:#b04742;background:#f8dedd}.content.course-mode{width:min(1180px,94%)}.content.course-mode>:not(#courseView){display:none!important}.course-view{display:block}.course-view-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.course-view-head h2{margin:4px 0 5px;font-size:28px}.course-view-head p{color:var(--muted);margin:0;font-size:13px}.course-kicker{color:var(--green);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.course-view-head>div:last-child{gap:9px;display:flex}.course-view-head button,.lesson-word-form button,.lesson-import button{background:var(--green);color:#fff;border:0;border-radius:8px;padding:11px 15px;font-weight:600}.course-view-head .course-danger{color:var(--red);background:#fff5f4;border:1px solid #e4caca}.course-layout{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:260px minmax(0,1fr);min-height:560px;display:grid;overflow:hidden;box-shadow:0 4px 18px #274b3510}.course-lessons{border-right:1px solid var(--line);background:#f7f9f6;padding:22px 14px}.course-lessons>h3{margin:0 9px 14px;font-size:14px}.course-lessons #lessonList{gap:6px;display:grid}.course-lessons [data-lesson]{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:30px 1fr;align-items:center;gap:9px;padding:10px;display:grid}.course-lessons [data-lesson]>span{width:28px;height:28px;color:var(--green);background:#e6ede8;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.course-lessons [data-lesson] div{min-width:0;display:grid}.course-lessons [data-lesson] b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.course-lessons [data-lesson] small{color:var(--muted);margin-top:3px;font-size:10px}.lesson-content{min-width:0;padding:26px}.course-empty{min-height:460px;color:var(--muted);text-align:center;align-content:center;place-items:center;display:grid}.course-empty h3{color:var(--ink);margin:0 0 7px}.course-empty p{margin:0}.course-empty.compact{min-height:120px}.lesson-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.lesson-head span{color:var(--green);text-transform:uppercase;font-size:10px;font-weight:700}.lesson-head h3{margin:3px 0 0;font-size:22px}.lesson-head button{color:var(--red);background:0 0;border:0;font-size:12px}.lesson-word-form{border:1px solid var(--line);background:#f8faf8;border-radius:11px;grid-template-columns:1fr 1.35fr 1.2fr auto;align-items:end;gap:10px;padding:15px;display:grid}.lesson-word-form label{gap:6px;display:grid}.lesson-word-form label span{font-size:11px;font-weight:600}.lesson-word-form input{background:#fff;border:1px solid #ccd6cf;border-radius:8px;width:100%;min-width:0;padding:11px}.lesson-import{border:1px dashed #b9c8bf;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin:18px 0;padding:14px 16px;display:flex}.lesson-import>div{display:grid}.lesson-import b{font-size:12px}.lesson-import small{color:var(--muted);margin-top:4px;font-size:10px}.lesson-import form{align-items:center;gap:8px;display:flex}.lesson-import input{max-width:230px;font-size:11px}.lesson-import button{padding:9px 12px;font-size:11px}.lesson-table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.lesson-table-head,.lesson-word-row{grid-template-columns:1fr 1.35fr 1.2fr 34px;align-items:start;gap:12px;padding:11px 14px;display:grid}.lesson-table-head{color:var(--muted);text-transform:uppercase;background:#f1f5f2;font-size:10px;font-weight:700}.lesson-word-row{border-top:1px solid #edf0ed;font-size:12px;line-height:1.55}.lesson-word-row button{width:28px;height:28px;color:var(--red);background:#fff1f0;border:0;border-radius:7px;font-size:18px}.course-dialog label{margin:14px 0 6px;font-size:12px;font-weight:600;display:block}.course-dialog input,.course-dialog textarea{border:1px solid var(--line);resize:vertical;border-radius:8px;width:100%;margin:0;padding:12px}.course-dialog button[type=submit]{margin-top:18px}.course-dialog .popup-close{border:0;border-top:1px solid var(--line);color:var(--green);background:#fff;flex:0 0 64px;font-weight:600}@media(max-width:760px){.course-view-head{flex-direction:column;align-items:flex-start}.course-view-head>div:last-child{width:100%}.course-view-head button{flex:1}.course-layout{grid-template-columns:1fr}.course-lessons{border-right:0;border-bottom:1px solid var(--line)}.course-lessons #lessonList{display:flex;overflow-x:auto}.course-lessons [data-lesson]{flex:0 0 180px}.lesson-content{padding:18px}.lesson-word-form{grid-template-columns:1fr}.lesson-import,.lesson-import form{flex-direction:column;align-items:stretch}.lesson-import input{max-width:none}.lesson-table-head{display:none}.lesson-word-row{grid-template-columns:1fr 34px;gap:7px}.lesson-word-row strong,.lesson-word-row span{grid-column:1}.lesson-word-row button{grid-area:1/2}}.course-title-block{grid-template-columns:auto 34px;justify-content:start;align-items:center;column-gap:8px;display:grid}.course-title-block .course-kicker,.course-title-block #courseViewDescription{grid-column:1/-1}.course-title-block #editCourseName{width:32px;height:32px;color:var(--green);background:#e8f1eb;border:0;border-radius:50%;place-items:center;margin:4px 0 5px;padding:0;display:grid}.course-title-block #editCourseName svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.course-nav #courseList .topic-item{width:100%;display:block}.course-nav #courseList [data-course]{text-align:left;align-items:center;width:100%;min-width:0;padding:9px 10px 9px 12px;display:flex}.course-nav #courseList [data-course] span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.course-nav #courseList [data-course] small{color:#66766d;background:#dfe9e3;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;margin-left:auto;padding:0;font-size:11px;line-height:1;display:grid}.lesson-head-actions{align-items:center;gap:8px;display:flex}.lesson-head .lesson-head-actions button{border-radius:8px;justify-content:center;align-items:center;gap:7px;height:38px;margin:0;font-weight:600;display:flex}.lesson-head #lessonUploadOpen{color:var(--green);background:#eef6f1;border:1px solid #bcd2c5;padding:0 13px;font-size:11px}.lesson-head #lessonUploadOpen svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.lesson-head .lesson-delete-button{width:38px;color:var(--red);background:#fff0ef;border:1px solid #efcaca;flex:0 0 38px;padding:0}.lesson-head .lesson-delete-button:hover{background:#f9dddd}.lesson-head .lesson-delete-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.lesson-import-dialog .popup-scroll>p{margin:0 0 20px}.lesson-import-dialog #lessonImportMount .lesson-import{border:0;margin:0;padding:0;display:block}.lesson-import-dialog .lesson-import>div{display:none}.lesson-import-dialog .lesson-import form{gap:14px;display:grid}.lesson-import-dialog .lesson-import input{background:#fafcfb;border:1px dashed #adc0b4;border-radius:9px;width:100%;max-width:none;padding:18px;font-size:12px}.lesson-import-dialog .lesson-import button{width:100%;padding:12px 16px;font-size:13px}.course-view button:not(.popup-close),.course-dialog button[type=submit],.lesson-import-dialog .lesson-import button{justify-content:center;align-items:center;gap:7px}.course-view-head button,.lesson-word-form button,.course-dialog button[type=submit],.lesson-import-dialog .lesson-import button{display:inline-flex}.course-view button svg,.course-dialog button[type=submit] svg,.lesson-import-dialog button svg{flex:none;width:17px;height:17px}.lesson-word-row button svg{width:15px;height:15px}.lesson-word-form{margin-bottom:14px}.lesson-table-head,.lesson-word-row{grid-template-columns:1fr 1.35fr 1.2fr 72px}.lesson-row-actions{justify-content:flex-end;gap:6px;display:flex}.lesson-row-actions button{flex:0 0 30px;place-items:center;width:30px;height:30px;padding:0;display:grid}.lesson-row-actions [data-delete-lesson-word]{color:var(--red);background:#fff1f0}.lesson-row-actions [data-delete-lesson-word]:hover{background:#f8dedd}@media(max-width:760px){.lesson-word-row{grid-template-columns:1fr 72px}.lesson-row-actions{grid-area:1/2}.content.course-mode{width:calc(100% - 24px);margin:20px auto}.course-view-head{gap:14px;margin-bottom:16px}.course-view-head h2{font-size:25px}.course-view-head>div:last-child{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.course-view-head button{width:100%;min-height:44px;padding:10px 8px;font-size:13px}.course-layout{border-radius:12px;min-height:0;display:block;overflow:visible}.course-lessons{padding:17px 14px 14px;overflow:hidden}.course-lessons #lessonList{gap:8px;max-width:100%;padding-bottom:3px;display:flex;overflow-x:auto}.course-lessons [data-lesson]{padding:10px 8px;flex:0 0 180px!important;grid-template-columns:20px 30px minmax(0,1fr)!important}.lesson-content{padding:16px 13px 20px}.lesson-head{flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:16px}.lesson-head>div:first-child{width:100%;min-width:0}.lesson-head h3{overflow-wrap:anywhere;max-width:100%;font-size:21px;line-height:1.3}.lesson-head-actions{grid-template-columns:minmax(0,1fr) 42px;gap:8px;width:100%;display:grid}.lesson-head #lessonUploadOpen{width:100%;height:42px}.lesson-head .lesson-delete-button{width:42px;height:42px}.lesson-word-form{grid-template-columns:1fr;gap:11px;margin-bottom:13px;padding:13px}.lesson-word-form input,.lesson-word-form button{min-height:44px}.lesson-word-toolbar{grid-template-columns:auto minmax(105px,1fr) minmax(125px,1fr);gap:8px;margin-bottom:12px;display:grid!important}.lesson-search{grid-column:1/-1;width:100%;min-width:0}.lesson-word-toolbar>span{text-align:left;align-self:center}.lesson-word-toolbar>button{width:100%;min-width:0;padding:0 8px;font-size:12px}.lesson-table{background:0 0;border:0;overflow:visible}.lesson-table-head{display:none}#lessonWordList{gap:10px;display:grid}.lesson-word-row{background:#fff;border-radius:10px;gap:8px 7px;min-height:0;border:1px solid var(--line)!important;grid-template-columns:24px 30px minmax(0,1fr) 72px!important;padding:12px!important;display:grid!important}.lesson-word-row>.word-drag{grid-area:1/1}.lesson-word-row>.lesson-check{grid-area:1/2}.lesson-word-row>strong{text-align:left;grid-area:1/3;align-self:center;font-size:16px;display:block}.lesson-word-row>.lesson-row-actions{grid-area:1/4;align-self:center;height:auto}.lesson-word-row>span{text-align:left;overflow-wrap:anywhere;border-top:1px solid #edf0ed;grid-template-columns:82px minmax(0,1fr);align-items:start;gap:8px;padding-top:9px;font-size:13px;display:grid;grid-column:1/-1!important}.lesson-word-row>span:first-of-type{grid-row:2}.lesson-word-row>span:nth-of-type(2){grid-row:3}.lesson-word-row>span:first-of-type:before{content:"Giải thích"}.lesson-word-row>span:nth-of-type(2):before{content:"Nghĩa"}.lesson-word-row>span:before{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}}@media(max-width:390px){.lesson-word-toolbar{grid-template-columns:auto 1fr}.lesson-word-toolbar #lessonLearnOpen{grid-column:1/-1}}@media(max-width:600px){.learn-dialog .popup-scroll{scrollbar-gutter:auto;scrollbar-width:none;padding-left:20px!important;padding-right:20px!important}.learn-dialog .popup-scroll::-webkit-scrollbar{display:none}}.lesson-mobile-toggle{display:none}@media(max-width:760px){.course-lessons{z-index:7;border-bottom:1px solid var(--line);background:#f7f9f6;position:sticky;top:0;padding:12px!important;overflow:visible!important}.course-lessons>h3{display:none}.lesson-mobile-toggle{width:100%;min-height:58px;color:var(--ink);text-align:left;background:#fff;border:1px solid #cbd8d0;border-radius:10px;justify-content:space-between;align-items:center;padding:9px 13px;display:flex;box-shadow:0 3px 12px #2949370d}.lesson-mobile-toggle>span{gap:4px;min-width:0;display:grid}.lesson-mobile-toggle small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:700}.lesson-mobile-toggle b{text-overflow:ellipsis;white-space:nowrap;color:var(--green);font-size:14px;overflow:hidden}.lesson-mobile-toggle>svg{flex:0 0 19px;width:19px;height:19px;transition:transform .18s}.course-lessons.mobile-open .lesson-mobile-toggle>svg{transform:rotate(180deg)}.course-lessons #lessonList{z-index:8;border:1px solid var(--line);background:#fff;border-radius:10px;max-height:min(55vh,390px);padding:7px;display:none;position:absolute;top:calc(100% - 7px);left:12px;right:12px;overflow-y:auto;box-shadow:0 16px 38px #1d392a35}.course-lessons.mobile-open #lessonList{gap:5px;display:grid}.course-lessons #lessonList [data-lesson]{border-radius:8px;width:100%;padding:10px;display:grid;flex:none!important;grid-template-columns:22px 30px minmax(0,1fr)!important}.course-lessons #lessonList [data-lesson].active{background:#deece4}}:root{--ink:#26353d;--muted:#74818a;--green:#209cee;--mint:#eaf6fd;--cream:#f5fafe;--line:#dde7ed}.logo{color:#209cee;align-items:center;gap:10px;display:inline-flex}.logo img{border-radius:9px;flex:0 0 34px;width:34px;height:34px;display:block;box-shadow:0 3px 10px #209cee25}.logo>span{white-space:nowrap}aside{background:#f3f8fc}nav button.active,.topic-item.active,.course-lessons [data-lesson].active{background:#dff2fd}nav button #allCount,.topic-item>[data-topic] small,.course-nav #courseList [data-course] small{background:#cbeafb}.topic-nav-head button,.sidebar-head button{background:#dff2fd}.topic-nav-head button:hover{background:#c8e9fb}.auth-art{background:linear-gradient(140deg,#eaf7fe,#bde6fc)}.avatar{background:#209cee}.course-title-block #editCourseName{color:#209cee;background:#e4f4fd}.course-title-block #editCourseName:hover{background:#cfeafb}.course-lessons{background:#f6fafd}.course-lessons [data-lesson]>span{color:#1688cc;background:#e4f4fd}.course-lessons [data-lesson].active{color:#1688cc;background:#ddf2fd}.lesson-head #lessonUploadOpen{color:#1688cc;background:#eff9fe;border-color:#a9d9f3}.lesson-head #lessonUploadOpen:hover{background:#ddf2fd}.lesson-word-form{background:#f7fbfe;border-color:#d5e5ee}.lesson-word-form input{border-color:#c9dce7}.lesson-search input{border-color:#d5e5ee}.lesson-word-toolbar>button{color:#1688cc;border-color:#a9d9f3}.lesson-word-toolbar #lessonLearnOpen{color:#fff;background:#209cee;border-color:#209cee}.lesson-table{border-color:#d5e5ee}.lesson-table-head{color:#677984;background:#edf6fb}.lesson-word-row{border-color:#e2ebf0}.lesson-word-row strong{color:#1688cc}.lesson-row-actions [data-edit-lesson-word]{color:#1688cc;background:#e7f5fd}.lesson-row-actions [data-edit-lesson-word]:hover{background:#d2edfc}.drag-handle{color:#8aa9ba}.lesson-bulk-bar{color:#1688cc;background:#eaf7fe;border-color:#b9dff4}.sync-progress{background:#ddeff9}.sync-progress i{background:linear-gradient(90deg,#168ed6,#54b9f2)}.sync-counts{background:#f1f8fc}.course-nav #courseList .topic-item.active [data-course] small{color:#147fbe;background:#bee6fa}.topic-item.active{background:#dff2fd}.topic-item.active>button{color:#1688cc}.topic-item>[data-topic] small{background:#d8effb}.topic-manage:hover{background:#cdeaf9}.stats [data-stat-view=all].active,.stats [data-stat-view=learning].active{background:#e8f6fe;border-color:#79c5ee;box-shadow:0 4px 15px #209cee18}.stats [data-stat-view]:hover{border-color:#9fd5f2}.stats [data-stat-view]:focus-visible{box-shadow:0 0 0 3px #209cee35}.word.compact:hover{border-color:#a7d8f2;box-shadow:0 5px 18px #209cee12}.word.compact:has(.word-select input:checked){background:#f4fafe;border-color:#68bce9}.word.compact:has(.word-select input:checked) .word-select{background:#e2f3fd;border-right-color:#8ccbef}.bulk-bar{color:#1688cc;background:#eaf7fe;border-color:#b4ddf3}.pill{background:#f1f9fe;border-color:#b6dbf0}.learn-modes button:hover{background:#f3fafe;border-color:#77c5ed;box-shadow:0 8px 24px #209cee15}.learn-progress-bar{background:#dfedf5}.learn-choices button{border-color:#c5d9e5}.learn-choices button i{color:#1688cc;background:#f4fafe;border-color:#b7d5e5}.learn-choices button:hover:not(:disabled){background:#f2fafe;border-color:#209cee}.learn-choices button.selected:not(.correct):not(.incorrect){background:#eaf7fe;border-color:#209cee;box-shadow:0 0 0 2px #209cee20}.learn-choices button.selected:not(.correct):not(.incorrect) i{color:#fff;background:#209cee;border-color:#209cee}.learn-audio-option{background:#f6fbfe;border-color:#d2e4ee}.learn-question-sound{color:#1688cc;background:#e5f4fd}.learn-question-sound:hover{background:#d3edfb}.home-card:hover,.home-course-card:hover{border-color:#99d2f0;box-shadow:0 7px 20px #209cee12}.home-vault-card{background:#f1f9fe;border-color:#a9d9f3}.file-dropzone:hover,.file-dropzone:focus-visible,.file-dropzone.dragging{background:#f2fafe;border-color:#209cee;box-shadow:0 0 0 3px #209cee20}.file-dropzone.has-file{background:#f1f9fe;border-color:#65bceb}.file-dropzone.has-file .file-name{color:#1688cc}#topicAvailableWords label:hover{background:#f2f9fd}.topic-dialog .popup-close:hover,.popup-shell>.popup-close:hover,.popup-shell>.detail-close-row>button:hover{color:#147fbe!important;background:#f3fafe!important}.lesson-mobile-toggle{border-color:#c5dde9}.lesson-mobile-toggle b{color:#1688cc}.course-lessons #lessonList [data-lesson].active{background:#dff2fd}html,body{width:100%;max-width:100%;min-height:100%;margin:0;overflow-x:hidden}html{background:var(--cream);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{overscroll-behavior-x:none;min-height:100dvh}body,#app,.app,#auth,.auth{width:100%;max-width:100%}#app,.app,#auth,.auth{min-height:100dvh}img,svg,video,canvas{max-width:100%}main,.content,.course-view,.course-layout,.lesson-content{min-width:0;max-width:100%}.app{min-height:100dvh}aside{height:100dvh;padding-top:calc(30px + env(safe-area-inset-top));padding-right:calc(20px + env(safe-area-inset-right));padding-bottom:calc(30px + env(safe-area-inset-bottom));padding-left:calc(20px + env(safe-area-inset-left))}main>header{height:calc(105px + env(safe-area-inset-top));padding-top:calc(20px + env(safe-area-inset-top));padding-right:calc(5vw + env(safe-area-inset-right));padding-left:calc(5vw + env(safe-area-inset-left))}.content{max-width:calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom)}.auth{min-height:100dvh;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}#toast{top:calc(20px + env(safe-area-inset-top));right:calc(22px + env(safe-area-inset-right));max-width:calc(100vw - 44px - env(safe-area-inset-left) - env(safe-area-inset-right))}dialog{max-width:calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.popup-shell{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.popup-shell>.popup-close,.popup-shell>.detail-close-row{min-height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)!important}@media(display-mode:standalone),(display-mode:fullscreen){html,body,#app,.app,#auth,.auth{min-height:100dvh}}@media(max-width:720px){aside{height:100dvh;padding-top:calc(22px + env(safe-area-inset-top));padding-right:calc(20px + env(safe-area-inset-right));padding-bottom:calc(22px + env(safe-area-inset-bottom));padding-left:calc(20px + env(safe-area-inset-left))}main>header{min-height:calc(72px + env(safe-area-inset-top));height:auto;padding-top:calc(16px + env(safe-area-inset-top));padding-right:calc(4% + env(safe-area-inset-right));padding-bottom:16px;padding-left:calc(4% + env(safe-area-inset-left))}.content,.content.course-mode,.content.home-mode{width:calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));max-width:none;margin-right:calc(12px + env(safe-area-inset-right));margin-left:calc(12px + env(safe-area-inset-left))}input,select,textarea{font-size:16px!important}dialog{width:calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));margin-top:calc(12px + env(safe-area-inset-top));margin-right:calc(12px + env(safe-area-inset-right));margin-bottom:calc(12px + env(safe-area-inset-bottom));margin-left:calc(12px + env(safe-area-inset-left))}.auth-art,.auth-box{width:100%;min-width:0}.auth-art>div{width:calc(100vw - 60px - env(safe-area-inset-left) - env(safe-area-inset-right));min-width:0;max-width:600px}.auth-art p{overflow-wrap:anywhere;max-width:100%}.auth-box{display:block;overflow:hidden;padding-left:0!important;padding-right:0!important}.auth-box form{min-width:0;width:calc(100% - 48px - env(safe-area-inset-left) - env(safe-area-inset-right))!important;max-width:390px!important;margin-right:calc(24px + env(safe-area-inset-right))!important;margin-left:calc(24px + env(safe-area-inset-left))!important}.auth-art>div,.auth-art h1,.auth-art p,.auth-box,.auth-box form,.auth-box input,.auth-box button{box-sizing:border-box;max-width:100%}.auth-art p{word-break:break-word;white-space:normal!important}}main{padding-top:var(--app-header-height)}main>header{z-index:9;-webkit-backdrop-filter:blur(14px);width:auto;position:fixed;top:0;left:245px;right:0}@media(max-width:720px){:root{--app-header-height: calc(72px + env(safe-area-inset-top)) }main>header{left:0}.course-lessons{top:var(--app-header-height)}}html:has(dialog[open]),body:has(dialog[open]){overscroll-behavior:none;overflow:hidden!important}dialog[open]{margin:auto!important;position:fixed!important;inset:0!important}.learn-dialog{overflow:hidden!important}.learn-dialog .popup-shell{width:100%;max-width:100%;overflow:hidden!important}.learn-dialog .popup-scroll{-ms-overflow-style:none;width:100%;scrollbar-gutter:auto!important;scrollbar-width:none!important;overflow:hidden auto!important}.learn-dialog .popup-scroll::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}@media(max-width:600px){.learn-dialog .popup-scroll{padding-left:20px!important;padding-right:20px!important}}@media(min-width:721px){.app{display:block}aside{z-index:10;overscroll-behavior:contain;width:245px;height:100dvh;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}main{width:calc(100% - 245px);min-height:100dvh;margin-left:245px}main>header{left:245px}}:root{--app-header-height: calc(74px + env(safe-area-inset-top)) }main>header{height:var(--app-header-height);padding-top:calc(12px + env(safe-area-inset-top));padding-right:calc(4vw + env(safe-area-inset-right));padding-bottom:12px;padding-left:calc(4vw + env(safe-area-inset-left))}.header-title{min-width:0}.header-kicker{color:#168fd5;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:700;display:block}.header-title-row{align-items:center;gap:7px;min-width:0;display:flex}main>header .header-title h2{color:#26353d;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:18px;font-weight:600;line-height:1.25;overflow:hidden}#editCourseName{color:#209cee;background:#e7f5fd;border:0;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;padding:0;display:grid}#editCourseName:hover{background:#d4edfb}#editCourseName svg{width:14px;height:14px}.course-view-head{justify-content:flex-end;margin-bottom:14px}@media(max-width:720px){:root{--app-header-height: calc(64px + env(safe-area-inset-top)) }main>header{min-height:var(--app-header-height);height:var(--app-header-height);padding-top:calc(10px + env(safe-area-inset-top));padding-right:calc(12px + env(safe-area-inset-right));padding-bottom:10px;padding-left:calc(12px + env(safe-area-inset-left));gap:8px}#menuBtn,#mobileHomeBtn{border:0;border-radius:8px;flex:0 0 32px;place-items:center;width:32px;height:32px;padding:0;display:grid}#mobileHomeBtn{color:#168fd5;background:#edf8fe;border:1px solid #c9e7f8}#mobileHomeBtn:hover{background:#dff2fc}#mobileHomeBtn svg{fill:none;stroke:currentColor;stroke-width:1.9px;width:18px;height:18px}main>header .header-title{flex:auto;min-width:0;display:block}main>header .header-kicker{display:none}main>header .header-title h2{font-size:14px}#editCourseName{flex-basis:26px;width:26px;height:26px}.header-actions{flex:none}.language-current{gap:5px;min-width:104px;height:36px;padding:4px 7px;font-size:12px}.language-current .flag{width:22px;height:22px}.language-current .chevron{width:13px;height:13px}.course-view-head{align-items:flex-end;margin-bottom:12px}}@media(max-width:480px){.language-current{justify-content:center;width:52px;min-width:52px}.language-current .current-label{display:none}.language-current .chevron{margin-left:0}}.learn-grade{justify-content:center;align-items:baseline;gap:5px;margin:12px 0 8px;display:flex}.learn-grade span{color:var(--muted);font-size:12px}.learn-grade b{color:#209cee;font-size:38px;line-height:1}.learn-grade small{color:var(--muted);font-size:14px}.learn-history{border-top:1px solid var(--line);text-align:left;margin-top:24px;padding-top:18px}.learn-history-head,.learn-history-item{justify-content:space-between;align-items:center;gap:14px;display:flex}.learn-history-head{color:var(--ink);margin-bottom:8px;font-size:12px}.learn-history-head span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:600}.learn-history-list{gap:7px;display:grid}.learn-history-list>p{color:var(--muted);text-align:center;background:#f5f8fa;border-radius:8px;margin:0;padding:12px;font-size:12px}.learn-history-item{background:#fafcfd;border:1px solid #e1ebf1;border-radius:9px;min-height:50px;padding:9px 12px}.learn-history-item>div{gap:3px;min-width:0;display:grid}.learn-history-item>div>b{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:12px;overflow:hidden}.learn-history-item>div>span{color:var(--muted);font-size:10px}.learn-result .learn-history-item>strong,.learn-history-item>strong{color:#209cee;flex:none;font-size:19px;line-height:1;display:block}.learn-result-history{width:100%;max-width:440px;margin-left:auto;margin-right:auto}@media(max-width:600px){.learn-grade b{font-size:34px}.learn-history{margin-top:20px}}.lesson-head{align-items:center}.lesson-head #lessonManageOpen{color:#209cee;background:#eaf7fe;border:1px solid #b9ddf3;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;min-width:42px;height:42px;min-height:42px;margin:0;padding:0;display:grid}.lesson-head #lessonManageOpen:hover{background:#d9f0fd}.lesson-head #lessonManageOpen svg{width:19px;height:19px}.lesson-manage-dialog{width:min(560px,calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)))}.lesson-manage-dialog .popup-scroll{width:100%;min-width:0;overflow-x:hidden}.lesson-manage-dialog .popup-scroll>h2{margin:0 0 5px}.lesson-manage-dialog .lesson-manage-intro{margin:0 0 22px}.lesson-manage-section{padding:0 0 24px}.lesson-manage-section+.lesson-manage-section,.lesson-manage-danger{border-top:1px solid var(--line);padding-top:24px}.lesson-manage-section h3,.lesson-manage-danger h3{margin:0 0 5px;font-size:15px}.lesson-manage-section>p,.lesson-manage-danger p{color:var(--muted);margin:0 0 14px;font-size:12px}.lesson-manage-dialog .lesson-edit-form,.lesson-manage-dialog #lessonImportForm{background:0 0;border:0;grid-template-columns:1fr;gap:12px;width:100%;min-width:0;margin:14px 0 0;padding:0;display:grid}.lesson-manage-dialog .lesson-edit-form label{gap:6px;display:grid}.lesson-manage-dialog .lesson-edit-form input{width:100%;min-height:45px;margin:0}.lesson-manage-dialog .lesson-edit-form button,.lesson-manage-dialog #lessonImportForm>button{color:#fff;background:#209cee;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:45px;margin:2px 0 0;font-weight:700;display:inline-flex}.lesson-manage-dialog .file-dropzone{width:100%;min-width:0;max-width:100%;min-height:150px;padding:18px 14px;overflow:hidden}.lesson-manage-dialog .file-dropzone .file-name{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;display:block;overflow:hidden}.lesson-manage-danger{justify-content:space-between;align-items:center;gap:16px;display:flex}.lesson-manage-danger p{margin:0}.lesson-manage-danger #deleteLesson{min-height:40px;color:var(--red);background:#fff2f1;border:1px solid #f0c2c2;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-weight:600;display:inline-flex}.lesson-manage-danger #deleteLesson svg{width:17px;height:17px}@media(max-width:760px){.lesson-head{flex-direction:row;align-items:center;gap:10px}.lesson-head>div:first-child{min-width:0}.lesson-head h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-head #lessonManageOpen{margin-left:auto}.lesson-manage-dialog .popup-scroll{padding:24px 20px}.lesson-manage-danger{flex-direction:column;align-items:stretch}.lesson-manage-danger #deleteLesson{width:100%}}.learn-dialog .popup-scroll{overflow-anchor:none}.learn-dialog #learnQuiz:not(.hidden){min-height:100%}.learn-dialog .learn-prompt{flex:none}.learn-dialog .learn-feedback{height:96px!important;min-height:96px!important;max-height:96px!important;overflow:hidden!important}.learn-dialog #learnAnswerForm,.learn-dialog #learnNext{flex:none}.learn-dialog #learnNext{margin-top:0}.course-view-head .course-title-block{grid-template-columns:minmax(0,auto) 40px}.course-view-head .course-title-block #editCourseName{border-radius:50%;flex:0 0 40px;align-self:center;place-items:center;width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px;max-height:40px;padding:0;line-height:1;display:inline-grid}#lessonImportDialog,#lessonImportDialog .popup-shell,#lessonImportDialog .popup-scroll,#lessonImportDialog #lessonImportMount,#lessonImportDialog .lesson-import,#lessonImportDialog #lessonImportForm,#lessonImportDialog .file-dropzone{box-sizing:border-box;min-width:0;max-width:100%}#lessonImportDialog{width:min(460px,calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)))}#lessonImportDialog .popup-shell{width:100%}#lessonImportDialog .popup-scroll{width:100%;overflow-x:hidden}#lessonImportDialog #lessonImportForm{width:100%;margin:0;padding:0;overflow:hidden}#lessonImportDialog .file-dropzone{width:100%;overflow:hidden}#lessonImportDialog .file-dropzone .file-name{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;max-width:100%;display:block;overflow:hidden}#lessonImportDialog #lessonImportForm>button{width:100%;max-width:100%;margin:0}@media(max-width:520px){#lessonImportDialog .popup-scroll{padding:22px 18px}#lessonImportDialog .file-dropzone{min-height:160px;padding:18px 12px}}.learn-dialog #learnQuiz #learnAnswerForm{margin:0}.learn-dialog #learnQuiz #learnNext{margin-top:0}.learn-dialog #learnQuiz #learnChoices:not(.hidden)+#learnNext{margin-top:16px}.lesson-head .lesson-head-actions #lessonWordCreateOpen{display:none}.lesson-word-create-dialog{width:min(500px,calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)))}.lesson-word-create-dialog .popup-scroll>h2{margin:0 0 6px}.lesson-word-create-dialog .popup-scroll>p{margin:0 0 20px}.lesson-word-create-dialog #lessonWordFormMount,.lesson-word-create-dialog .lesson-word-form{width:100%;min-width:0;max-width:100%}.lesson-word-create-dialog .lesson-word-form{background:0 0;border:0;grid-template-columns:1fr;gap:13px;margin:0;padding:0}.lesson-word-create-dialog .lesson-word-form input{min-height:46px}.lesson-word-create-dialog .lesson-word-form button{min-height:46px;margin-top:4px}@media(max-width:760px){.lesson-content{padding:14px 12px 20px}.lesson-head{gap:11px;margin-bottom:14px}.lesson-head h3{font-size:20px}.lesson-head-actions{grid-template-columns:minmax(0,1fr) 42px 42px}.lesson-head .lesson-head-actions #lessonWordCreateOpen{color:#fff;background:#209cee;border:0;width:100%;height:42px;padding:0 14px;display:flex}.lesson-head #lessonUploadOpen{width:42px;min-width:42px;padding:0}.lesson-head #lessonUploadOpen span,#lessonWordFormHome{display:none}.lesson-word-toolbar{margin-bottom:12px;grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;display:grid!important}.lesson-word-toolbar .lesson-search{grid-column:1/-1}.lesson-word-toolbar>span{color:var(--muted);align-self:center;padding-left:2px;font-size:12px}.lesson-word-toolbar #lessonLearnOpen{grid-column:1/-1;width:100%;height:44px;font-size:14px}.lesson-word-create-dialog .popup-scroll{padding:24px 20px;overflow-x:hidden}}.learn-modes .learn-mode-smart{background:linear-gradient(135deg,#f0faff,#e3f5fe);border-color:#9cd5f5;grid-column:1/-1;min-height:118px;padding:22px 24px;position:relative}.learn-modes .learn-mode-smart small{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#209cee;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:700;position:absolute;top:14px;right:16px}.learn-modes .learn-mode-smart b{color:#147fbe}@media(max-width:600px){.learn-modes .learn-mode-smart{min-height:112px;padding:20px}.learn-modes .learn-mode-smart b{padding-right:82px;font-size:21px}}aside{overflow:hidden!important}.sidebar-scroll{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:0;overflow:hidden auto}.sidebar-footer{background:#f3f8fc;border-top:1px solid #d7e4ec;flex:none;gap:4px;padding-top:12px;display:grid}.sidebar-footer #logout{color:#63747d;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:13px 14px;display:flex}.sidebar-footer #logout:hover{color:#1688cc;background:#e5f3fb}.sidebar-footer #logout>svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px;width:18px;height:18px}.sidebar-account{background:#f3faff;border:1px solid #cfe9f8;border-radius:11px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:11px;min-width:0;margin:10px 0 4px;padding:11px 12px;display:grid}.sidebar-account .avatar{background:#209cee;width:40px;height:40px}.sidebar-account-copy{gap:3px;min-width:0;display:grid}.sidebar-account-copy strong,.sidebar-account-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-account-copy strong{color:#1e3441;font-size:13px;font-weight:600}.sidebar-account-copy small{color:#71818b;font-size:10px}@media(max-width:720px){.header-actions{gap:8px}}.learn-dialog .popup-scroll:has(#learnSetup:not(.hidden)),.learn-dialog .popup-scroll:has(#learnResult:not(.hidden)){align-content:start}.learn-dialog #learnSetup{width:100%;min-width:0}.lesson-grid-shell{background:#fff;border:1px solid #cfe2ed;border-radius:11px;width:100%;min-width:0;overflow:hidden}#lessonWordGrid{width:100%;min-width:0;font-family:Be Vietnam Pro,system-ui,sans-serif}#lessonWordGrid .tui-grid-container{border:0;font-family:inherit;font-size:14px}#lessonWordGrid .tui-grid-border-line,#lessonWordGrid .tui-grid-frozen-border,#lessonWordGrid .tui-grid-scrollbar-frozen-border{display:none!important}#lessonWordGrid .tui-grid-lside-area:after{content:"";z-index:100;pointer-events:none;background:#8faebb;width:1px;position:absolute;top:0;bottom:0;right:0}#lessonWordGrid .tui-grid-cell-header{text-transform:uppercase;padding:0 8px;font-size:14px;font-weight:700;color:#145f89!important;background-color:#edf8fe!important;border-color:#c7e2f1!important}#lessonWordGrid .tui-grid-header-area,#lessonWordGrid .tui-grid-lside-area .tui-grid-header-area,#lessonWordGrid .tui-grid-rside-area .tui-grid-header-area{background-color:#edf8fe!important}#lessonWordGrid .tui-grid-cell-header .tui-grid-cell-content,#lessonWordGrid .tui-grid-cell-header span,#lessonWordGrid .tui-grid-cell-header label{color:#145f89!important}#lessonWordGrid .tui-grid-cell{color:#26353d;background:#fff;border:1px solid #cfe2ed}#lessonWordGrid .tui-grid-cell[data-column-name=_checked]{cursor:pointer}#lessonWordGrid .tui-grid-cell>.tui-grid-cell-content{line-height:1.35;padding:0 8px!important}#lessonWordGrid .tui-grid-cell-editable{background:#fbfdff}#lessonWordGrid .tui-grid-layer-editing.tui-grid-cell-content-editor{background:#fff;border:1px solid #209cee!important;padding:0!important}#lessonWordGrid .tui-grid-layer-editing input.tui-grid-content-text{box-sizing:border-box;background:#fff;border-radius:0;outline:0;margin:0;font-family:inherit;font-size:14px;line-height:1.35;display:block;border:0!important;width:100%!important;height:100%!important;padding:0 8px!important}#lessonWordGrid .tui-grid-layer-focus-border{border-color:#209cee}#lessonWordGrid .lesson-grid-dirty .tui-grid-cell,#lessonWordGrid .tui-grid-cell.lesson-grid-dirty{background:#fffbea}#lessonWordGrid .lesson-grid-dirty .tui-grid-cell:first-child{box-shadow:inset 3px 0 #f0b429}.lesson-grid-toolbar{justify-content:flex-end;align-items:center;gap:8px;margin:0 0 10px;display:flex}.lesson-grid-toolbar button{color:#168fd5;background:#fff;border:1px solid #a9d7f3;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:92px;height:38px;padding:0 14px;font-weight:700;display:inline-flex}.lesson-grid-toolbar button:first-child{color:#fff;background:#209cee;border-color:#209cee}.lesson-grid-toolbar button.danger{color:#c94b4b;background:#fff5f5;border-color:#efc3c3}.lesson-grid-toolbar button:disabled{opacity:.45;cursor:not-allowed}.lesson-grid-toolbar svg{width:16px;height:16px}.lesson-grid-rownum{color:#168fd5;cursor:grab;-webkit-user-select:none;user-select:none;place-items:center;width:100%;height:100%;font-size:14px;font-weight:700;display:grid}.lesson-grid-rownum:active{cursor:grabbing}#lessonWordGrid .tui-grid-cell-header[data-column-name=_draggable]:after{content:"STT"}@media(min-width:761px){.language-current{gap:6px;min-width:116px;height:36px;padding:4px 8px;font-size:13px}.language-current .flag{width:22px;height:22px}.language-current .chevron{width:14px;height:14px}.course-view-head>div:last-child{gap:7px}.course-view-head>div:last-child button{min-height:34px;padding:0 11px;font-size:12px}.course-view-head .course-title-block{grid-template-columns:minmax(0,auto) 34px}.course-view-head .course-title-block #editCourseName{flex-basis:34px;width:34px;min-width:34px;max-width:34px;height:34px;min-height:34px;max-height:34px}.lesson-head #lessonManageOpen{flex-basis:36px;width:36px;min-width:36px;height:36px;min-height:36px}.lesson-head #lessonManageOpen svg{width:17px;height:17px}.lesson-word-toolbar #lessonLearnOpen{height:34px;padding:0 10px;font-size:12px}.lesson-grid-toolbar{gap:6px;margin-bottom:8px}.lesson-grid-toolbar button{gap:5px;min-width:72px;height:32px;padding:0 9px;font-size:12px}.lesson-grid-toolbar svg{width:14px;height:14px}}@media(max-width:760px){.lesson-grid-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.lesson-grid-toolbar button{min-width:0;padding:0 8px}.lesson-grid-shell{border-radius:10px}#lessonWordGrid .tui-grid-container{font-size:14px}#lessonWordGrid .tui-grid-cell>.tui-grid-cell-content{padding:0 8px!important}}body.learn-modal-open{width:100%;left:0;right:0;top:var(--learn-page-scroll,0)!important;position:fixed!important;overflow:hidden!important}@media(max-width:600px){.learn-dialog[open]{top:calc(var(--learn-vv-top,0px) + max(env(safe-area-inset-top),6dvh))!important;bottom:auto!important;right:auto!important;left:calc(var(--learn-vv-left,0px) + 4vw)!important;width:92vw!important;max-width:92vw!important;height:min(86dvh,calc(var(--learn-vv-height,100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px))!important;max-height:min(86dvh,calc(var(--learn-vv-height,100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px))!important;margin:0!important}.learn-dialog .popup-shell{height:100%!important;max-height:100%!important}.learn-dialog.keyboard-open .popup-scroll:has(#learnQuiz:not(.hidden)){overscroll-behavior:contain;padding-top:16px!important;padding-bottom:16px!important;overflow-y:auto!important}.learn-dialog[open].keyboard-open{top:calc(var(--learn-vv-top,0px) + max(env(safe-area-inset-top),6px))!important;height:calc(var(--learn-vv-height,100dvh) - env(safe-area-inset-top) - 12px)!important;max-height:calc(var(--learn-vv-height,100dvh) - env(safe-area-inset-top) - 12px)!important}.learn-dialog.keyboard-open #learnQuiz:not(.hidden){height:auto;min-height:100%;overflow:visible}}.learn-history-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;margin-bottom:8px;overflow:hidden}.learn-history-card .learn-history-item{border-radius:0;margin-bottom:0}.learn-history-stats{opacity:.85;margin-top:2px;font-size:.8rem;display:block}.toggle-wrong-btn{color:#f87171;cursor:pointer;background:0 0;border:none;padding:0 4px;font-weight:600;text-decoration:underline}.toggle-wrong-btn:hover{color:#ef4444}.learn-history-wrong-details{background:#ef44440f;border-top:1px dashed #ef444433;padding:10px 14px;font-size:.85rem}.learn-wrong-header{color:#fca5a5;margin-bottom:6px;font-size:.8rem;font-weight:600}.learn-wrong-item{border-bottom:1px solid #ffffff0d;flex-direction:column;gap:2px;padding:6px 0;display:flex}.learn-wrong-item:last-child{border-bottom:none}.wrong-term{color:#e2e8f0}.wrong-term small{color:#94a3b8;font-weight:400}.wrong-answers{color:#cbd5e1;font-size:.8rem}.wrong-user{color:#f87171}.wrong-user em{font-style:normal;font-weight:500}.wrong-expected{color:#4ade80}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-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-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}