@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,400,0,0";@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&family=Lexend:wght@300;400;500;600;700;800;900&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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-500:oklch(76.9% .188 70.08);--color-emerald-500:oklch(69.6% .17 162.48);--color-rose-500:oklch(64.5% .246 16.439);--color-slate-400:oklch(70.4% .04 256.788);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-3xl:1.875rem;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-md:12px;--blur-lg:16px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.visible\!{visibility:visible!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.-top-6{top:calc(var(--spacing) * -6)}.top-3{top:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.bottom-20{bottom:calc(var(--spacing) * 20)}.bottom-\[-10px\]{bottom:-10px}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-\[75\%\]{left:75%}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.col-1{grid-column:1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.ml-12{margin-left:calc(var(--spacing) * 12)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.aspect-square{aspect-ratio:1}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-11{height:calc(var(--spacing) * 11)}.h-\[6px\]{height:6px}.h-full{height:100%}.min-h-\[400px\]{min-height:400px}.min-h-\[520px\]{min-height:520px}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-11{width:calc(var(--spacing) * 11)}.w-\[38px\]{width:38px}.w-\[200px\]{width:200px}.w-full{width:100%}.max-w-\[266px\]{max-width:266px}.max-w-\[340px\]{max-width:340px}.max-w-\[780px\]{max-width:780px}.max-w-\[1831px\]{max-width:1831px}.min-w-\[120px\]{min-width:120px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-3{rotate:-3deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded-\[0\.75rem\]{border-radius:.75rem}.rounded-\[8px\]{border-radius:8px}.rounded-\[12px\]{border-radius:12px}.rounded-\[20px\]{border-radius:20px}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-b-\[32px\]{border-bottom-right-radius:32px;border-bottom-left-radius:32px}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-\[\#0ea5e9\]\/30{border-color:oklab(68.4687% -.0798356 -.124464/.3)}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-\[\#0ea5e9\]{background-color:#0ea5e9}.bg-\[\#0ea5e9\]\/10{background-color:oklab(68.4687% -.0798356 -.124464/.1)}.bg-\[\#0ea5e9\]\/20{background-color:oklab(68.4687% -.0798356 -.124464/.2)}.bg-\[\#27c93f\]{background-color:#27c93f}.bg-\[\#010828\]{background-color:#010828}.bg-\[\#010828\]\/20{background-color:oklab(15.359% -.00744945 -.0675244/.2)}.bg-\[\#010828\]\/25{background-color:oklab(15.359% -.00744945 -.0675244/.25)}.bg-\[\#010828\]\/30{background-color:oklab(15.359% -.00744945 -.0675244/.3)}.bg-\[\#010828\]\/40{background-color:oklab(15.359% -.00744945 -.0675244/.4)}.bg-\[\#010828\]\/60{background-color:oklab(15.359% -.00744945 -.0675244/.6)}.bg-\[\#ff5f56\]{background-color:#ff5f56}.bg-\[\#ffbd2e\]{background-color:#ffbd2e}.bg-\[rgba\(1\,8\,40\,0\.45\)\]{background-color:#01082873}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-transparent{background-color:#0000}.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-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#0ea5e9\]\/20{--tw-gradient-from:oklab(68.4687% -.0798356 -.124464/.2);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/40{--tw-gradient-from:#0006}@supports (color:color-mix(in lab, red, red)){.from-black\/40{--tw-gradient-from:color-mix(in oklab, var(--color-black) 40%, transparent)}}.from-black\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#0ea5e9\]\/5{--tw-gradient-to:oklab(68.4687% -.0798356 -.124464/.05);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.stroke-\[2\.2\]{stroke-width:2.2px}.stroke-\[2\.5\]{stroke-width:2.5px}.object-cover{object-fit:cover}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-6{padding:calc(var(--spacing) * 6)}.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-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[52px\]{padding-inline:52px}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-\[24px\]{padding-block:24px}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.text-center{text-align:center}.text-left{text-align:left}.font-\[\'Anton\'\]{font-family:Anton}.font-\[\'Condiment\'\]{font-family:Condiment}.font-mono{font-family:var(--font-mono)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[36px\]{font-size:36px}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[\#0ea5e9\]{color:#0ea5e9}.text-\[\#010828\]{color:#010828}.text-\[\#EFF4FF\]{color:#eff4ff}.text-\[\#EFF4FF\]\/40{color:oklab(96.6562% -.00101677 -.0156363/.4)}.text-\[\#EFF4FF\]\/60{color:oklab(96.6562% -.00101677 -.0156363/.6)}.text-\[\#EFF4FF\]\/80{color:oklab(96.6562% -.00101677 -.0156363/.8)}.text-\[\#FFFFFF\]{color:#fff}.text-\[\#FFFFFF\]\/80{color:oklab(100% 0 5.96046e-8/.8)}.text-amber-500{color:var(--color-amber-500)}.text-emerald-500{color:var(--color-emerald-500)}.text-rose-500{color:var(--color-rose-500)}.text-slate-400{color:var(--color-slate-400)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.opacity-10{opacity:.1}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(14\,165\,233\,0\.3\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#0ea5e94d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_12px_rgba\(14\,165\,233\,0\.5\)\]{--tw-shadow:0 0 12px var(--tw-shadow-color,#0ea5e980);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(14\,165\,233\,0\.15\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#0ea5e926);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_24px_rgba\(0\,0\,0\,0\.3\)\,inset_0_1px_1px_rgba\(255\,255\,255\,0\.15\)\]{--tw-shadow:0 4px 24px var(--tw-shadow-color,#0000004d), inset 0 1px 1px var(--tw-shadow-color,#ffffff26);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:text-\[\#0ea5e9\]:is(:where(.group):hover *){color:#0ea5e9}.group-hover\/video\:opacity-100:is(:where(.group\/video):hover *){opacity:1}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:bg-\[\#0ea5e9\]\/35:hover{background-color:oklab(68.4687% -.0798356 -.124464/.35)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:bg-white\/12:hover{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/12:hover{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:from-\[\#0ea5e9\]:hover{--tw-gradient-from:#0ea5e9;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-\[\#0ea5e9\]:hover{--tw-gradient-to:#0ea5e9;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:text-\[\#0ea5e9\]:hover{color:#0ea5e9}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow-\[0_0_25px_rgba\(14\,165\,233\,0\.4\)\]:hover{--tw-shadow:0 0 25px var(--tw-shadow-color,#0ea5e966);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_0_25px_rgba\(14\,165\,233\,0\.35\)\]:hover{--tw-shadow:0 0 25px var(--tw-shadow-color,#0ea5e959);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (width>=40rem){.sm\:absolute{position:absolute}.sm\:relative{position:relative}.sm\:inset-0{inset:calc(var(--spacing) * 0)}.sm\:inset-auto{inset:auto}.sm\:-top-10{top:calc(var(--spacing) * -10)}.sm\:right-0{right:calc(var(--spacing) * 0)}.sm\:right-8{right:calc(var(--spacing) * 8)}.sm\:bottom-4{bottom:calc(var(--spacing) * 4)}.sm\:bottom-8{bottom:calc(var(--spacing) * 8)}.sm\:bottom-\[-14px\]{bottom:-14px}.sm\:left-0{left:calc(var(--spacing) * 0)}.sm\:left-\[80\%\]{left:80%}.sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.sm\:mb-16{margin-bottom:calc(var(--spacing) * 16)}.sm\:ml-24{margin-left:calc(var(--spacing) * 24)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:h-5{height:calc(var(--spacing) * 5)}.sm\:h-6{height:calc(var(--spacing) * 6)}.sm\:h-14{height:calc(var(--spacing) * 14)}.sm\:h-\[8px\]{height:8px}.sm\:h-auto{height:auto}.sm\:min-h-0{min-height:calc(var(--spacing) * 0)}.sm\:w-5{width:calc(var(--spacing) * 5)}.sm\:w-6{width:calc(var(--spacing) * 6)}.sm\:w-14{width:calc(var(--spacing) * 14)}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:max-w-none{max-width:none}.sm\:min-w-0{min-width:calc(var(--spacing) * 0)}.sm\:flex-initial{flex:0 auto}.sm\:translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:rounded-\[1rem\]{border-radius:1rem}.sm\:bg-transparent{background-color:#0000}.sm\:p-0{padding:calc(var(--spacing) * 0)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:px-12{padding-inline:calc(var(--spacing) * 12)}.sm\:py-0{padding-block:calc(var(--spacing) * 0)}.sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.sm\:py-20{padding-block:calc(var(--spacing) * 20)}.sm\:pt-8{padding-top:calc(var(--spacing) * 8)}.sm\:pb-0{padding-bottom:calc(var(--spacing) * 0)}.sm\:text-right{text-align:right}.sm\:text-\[12px\]{font-size:12px}.sm\:text-\[13px\]{font-size:13px}.sm\:text-\[14px\]{font-size:14px}.sm\:text-\[16px\]{font-size:16px}.sm\:text-\[28px\]{font-size:28px}.sm\:text-\[32px\]{font-size:32px}.sm\:text-\[38px\]{font-size:38px}.sm\:text-\[40px\]{font-size:40px}.sm\:text-\[44px\]{font-size:44px}.sm\:text-\[48px\]{font-size:48px}.sm\:leading-\[1\]{--tw-leading:1;line-height:1}}@media (width>=48rem){.md\:-top-16{top:calc(var(--spacing) * -16)}.md\:mb-8{margin-bottom:calc(var(--spacing) * 8)}.md\:w-\[45\%\]{width:45%}.md\:flex-row{flex-direction:row}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:px-12{padding-inline:calc(var(--spacing) * 12)}.md\:px-16{padding-inline:calc(var(--spacing) * 16)}.md\:py-24{padding-block:calc(var(--spacing) * 24)}.md\:text-\[32px\]{font-size:32px}.md\:text-\[38px\]{font-size:38px}.md\:text-\[44px\]{font-size:44px}.md\:text-\[48px\]{font-size:48px}.md\:text-\[52px\]{font-size:52px}.md\:text-\[60px\]{font-size:60px}}@media (width>=64rem){.lg\:bottom-\[-18px\]{bottom:-18px}.lg\:left-\[82\%\]{left:82%}.lg\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.lg\:ml-16{margin-left:calc(var(--spacing) * 16)}.lg\:ml-32{margin-left:calc(var(--spacing) * 32)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[10px\]{height:10px}.lg\:w-\[40\%\]{width:40%}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:items-start{align-items:flex-start}.lg\:gap-0{gap:calc(var(--spacing) * 0)}.lg\:p-10{padding:calc(var(--spacing) * 10)}.lg\:px-16{padding-inline:calc(var(--spacing) * 16)}.lg\:pt-\[16vh\]{padding-top:16vh}.lg\:pr-\[20\%\]{padding-right:20%}.lg\:text-\[36px\]{font-size:36px}.lg\:text-\[60px\]{font-size:60px}.lg\:text-\[64px\]{font-size:64px}.lg\:text-\[68px\]{font-size:68px}.lg\:text-\[\#EFF4FF\]{color:#eff4ff}.lg\:opacity-10{opacity:.1}}}@font-face{font-family:Outfit;src:local(Be Vietnam Pro),local(Be VietnamPro)}@font-face{font-family:Inter;src:local(Be Vietnam Pro),local(Be VietnamPro)}.liquid-glass{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);background:#ffffff03;border:none;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff1a}.liquid-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.liquid-glass-panel{border:none!important;position:relative!important;overflow:hidden!important}.liquid-glass-panel:before{-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source;content:""!important;border-radius:inherit!important;pointer-events:none!important;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%)!important;padding:1.4px!important;position:absolute!important;inset:0!important}:root{--font-sans:"Be Vietnam Pro", system-ui, -apple-system, sans-serif;--font-display:var(--font-sans);--text-2xs:10px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:38px;--text-5xl:48px;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--primary-glow:#2563eb26;--card-bg:#fff;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--glass-bg:#ffffffbf;--glass-border:#e2e8f0cc;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--shadow-premium:0 25px 50px -12px #0f172a14;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--content-padding-x:40px;--content-padding-y:32px}@media (width<=768px){:root{--text-2xs:9px;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:17px;--text-xl:18px;--text-2xl:21px;--text-3xl:26px;--text-4xl:32px;--text-5xl:40px}}*{box-sizing:border-box}html,body{font-family:var(--font-sans);font-size:var(--text-base);background:var(--neutral-50);color:var(--neutral-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.55;overflow-x:hidden!important}.app-shell{background:#f4f6f9;grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--neutral-900);color:#fff;border-right:1px solid #ffffff0d;flex-direction:column;padding:32px 24px;display:flex}@media (width>=1025px){.sidebar{height:100vh;position:sticky;top:0}}.sidebar h1{font-family:var(--font-display);font-size:var(--text-2xl);-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-background-clip:text;align-items:center;gap:10px;margin:0 0 32px;font-weight:800;display:flex}.sidebar nav{gap:8px;display:grid}.sidebar a{color:#94a3b8;border-radius:var(--radius-md);font-weight:500;font-size:var(--text-base);align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.sidebar a:hover{color:#fff;background:#ffffff0d}.sidebar a.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #2563eb4d}.content{padding:var(--content-padding-y) var(--content-padding-x);width:100%;max-width:1600px;margin:0 auto}.content section{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff0;padding:32px}.public-shell{background:radial-gradient(at 0 0,#38bdf812 0,#0000 50%),radial-gradient(at 100% 100%,#ec48990d 0,#0000 50%),linear-gradient(#f8fafc 0%,#f1f5f9 100%);min-height:100vh;position:relative;overflow-x:hidden}.public-shell:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#6366f10a 1px,#0000 0);background-size:24px 24px;position:absolute;inset:0}html.dark .public-shell{background:radial-gradient(at 0 0,#0ea5e926 0,#0000 50%),radial-gradient(at 100% 100%,#d946ef1a 0,#0000 50%),linear-gradient(#030712 0%,#0b0f19 100%)!important}html.dark .public-shell:before{background-image:radial-gradient(circle at 1px 1px,#6366f112 1px,#0000 0)!important}:root{--lp-bg:#010828;--lp-cream:#eff4ff;--lp-neon:#0ea5e9;--lp-neon-dim:#0ea5e926;--lp-neon-glow:#0ea5e959;--lp-glass-bg:#ffffff0a;--lp-glass-border:#ffffff1a;--lp-font-heading:"Anton", sans-serif;--lp-font-accent:"Condiment", cursive;--lp-font-body:"Space Mono", monospace}.landing-container{background:var(--lp-bg);min-height:100vh;color:var(--lp-cream);position:relative;overflow-x:hidden}.landing-starfield{pointer-events:none;z-index:0;background:radial-gradient(120% 60% at 50% -10%,#0ea5e90f 0%,#0000 70%),radial-gradient(80% 80% at 80% 110%,#2563eb14 0%,#0000 60%);position:fixed;inset:0}.landing-starfield:before,.landing-starfield:after{content:"";background-image:radial-gradient(1px 1px at 10% 20%,#fff9 0%,#0000 100%),radial-gradient(1px 1px at 30%,#fff6 0%,#0000 100%),radial-gradient(1.5px 1.5px at 55% 15%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 75% 40%,#ffffff4d 0%,#0000 100%),radial-gradient(1.5px 1.5px at 85% 70%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 20% 80%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 60% 85%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 40% 65%,#ffffff80 0%,#0000 100%),radial-gradient(1.5px 1.5px at 90% 10%,#0ea5e966 0%,#0000 100%),radial-gradient(1px 1px at 5% 45%,#0ea5e94d 0%,#0000 100%);animation:120s linear infinite lp-stars-drift;position:absolute;inset:0}.landing-starfield:after{opacity:.6;background-image:radial-gradient(1px 1px at 15% 35%,#ffffff4d 0%,#0000 100%),radial-gradient(1.5px 1.5px at 45% 25%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 65% 55%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 80% 20%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 25% 90%,#fff6 0%,#0000 100%),radial-gradient(1.5px 1.5px at 70% 75%,#0ea5e959 0%,#0000 100%),radial-gradient(1px 1px at 50% 95%,#ffffff80 0%,#0000 100%);animation:90s linear infinite reverse lp-stars-drift}@keyframes lp-stars-drift{0%{transform:translateY(0)translate(0)}to{transform:translateY(-60px)translate(20px)}}.liquid-glass{-webkit-backdrop-filter:blur(20px)saturate(160%);background:#ffffff0a;border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #00000026,0 8px 32px #0006}.landing-header{z-index:1000;border-radius:16px;justify-content:space-between;align-items:center;width:calc(100% - 48px);max-width:1200px;height:64px;padding:0 28px;transition:all .4s;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.landing-header.scrolled{top:8px;box-shadow:0 16px 48px #00000080,0 0 0 1px #0ea5e914}.landing-logo{font-family:var(--lp-font-heading);letter-spacing:.04em;color:var(--lp-cream);text-transform:uppercase;align-items:center;gap:10px;font-size:24px;text-decoration:none;display:flex}.landing-logo img{width:auto;height:30px}.landing-logo .logo-dot{color:var(--lp-neon);font-family:var(--lp-font-accent);margin-left:2px;font-size:30px;line-height:1}.landing-nav-link{font-family:var(--lp-font-heading);letter-spacing:.08em;text-transform:uppercase;color:#eff4ff99;border-radius:8px;padding:8px 14px;font-size:13px;text-decoration:none;transition:all .25s;position:relative}.landing-nav-link:after{content:"";background:var(--lp-neon);border-radius:999px;width:calc(100% - 28px);height:2px;transition:transform .25s;position:absolute;bottom:4px;left:50%;transform:translate(-50%)scaleX(0)}.landing-nav-link:hover:after{transform:translate(-50%)scaleX(1)}.lp-btn-login{font-family:var(--lp-font-heading);letter-spacing:.06em;text-transform:uppercase;color:var(--lp-cream);cursor:pointer;background:0 0;border:1px solid #eff4ff2e;border-radius:8px;padding:9px 20px;font-size:13px;text-decoration:none;transition:all .25s}.lp-btn-login:hover{background:#eff4ff14;border-color:#eff4ff4d}.lp-btn-register{font-family:var(--lp-font-heading);letter-spacing:.06em;text-transform:uppercase;color:#010828;background:var(--lp-neon);border:1px solid var(--lp-neon);box-shadow:0 0 16px var(--lp-neon-glow);cursor:pointer;border-radius:8px;padding:9px 20px;font-size:13px;text-decoration:none;transition:all .25s}.lp-btn-register:hover{background:#7fff1a;transform:translateY(-1px);box-shadow:none!important}.landing-hero{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative}.landing-hero:before{content:"";pointer-events:none;background:radial-gradient(#0ea5e90f 0%,#0000 70%);width:700px;height:700px;animation:6s ease-in-out infinite lp-pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes lp-pulse-glow{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}.lp-eyebrow{font-family:var(--lp-font-body);color:var(--lp-neon);letter-spacing:.08em;text-transform:uppercase;background:#0ea5e90f;border:1px solid #0ea5e94d;border-radius:999px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 18px;font-size:12px;animation:.8s both lp-fade-up;display:inline-flex}.lp-eyebrow .material-symbols-rounded{font-size:16px}.landing-hero h1{font-family:var(--lp-font-heading);letter-spacing:.02em;text-transform:uppercase;color:var(--lp-cream);max-width:900px;margin:0 0 16px;font-size:clamp(52px,8vw,96px);line-height:1;animation:.9s .1s both lp-fade-up}.landing-hero h1 .accent-line{font-family:var(--lp-font-accent);color:var(--lp-neon);text-transform:none;letter-spacing:.01em;-webkit-text-stroke:0px;margin-bottom:8px;font-size:clamp(36px,6vw,70px);line-height:1.1;display:block;text-shadow:none!important}.landing-hero h1 .neon-word{color:var(--lp-neon);text-shadow:none!important}.lp-neon-bar{background:var(--lp-neon);width:80px;height:3px;box-shadow:0 0 14px var(--lp-neon-glow);border-radius:999px;margin:16px auto 28px;animation:.9s .2s both lp-fade-up;display:block}.hero-subtitle{font-family:var(--lp-font-body);color:#eff4ff8c;max-width:620px;margin:0 auto 48px;font-size:clamp(13px,1.5vw,16px);line-height:1.8;animation:1s .3s both lp-fade-up}.hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:80px;animation:1s .4s both lp-fade-up;display:flex}.hero-ctas .primary-button{font-family:var(--lp-font-heading)!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#010828!important;background:var(--lp-neon)!important;box-shadow:0 0 20px var(--lp-neon-glow)!important;border:none!important;border-radius:10px!important;align-items:center!important;gap:8px!important;padding:14px 32px!important;font-size:14px!important;text-decoration:none!important;transition:all .25s!important;display:inline-flex!important}.hero-ctas .primary-button:hover{box-shadow:none!important;background:#7fff1a!important;transform:translateY(-3px)!important}.hero-ctas .secondary-button{font-family:var(--lp-font-heading)!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--lp-cream)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:0 0!important;border:1px solid #eff4ff33!important;border-radius:10px!important;align-items:center!important;gap:8px!important;padding:14px 32px!important;font-size:14px!important;text-decoration:none!important;transition:all .25s!important;display:inline-flex!important}.hero-ctas .secondary-button:hover{color:var(--lp-neon)!important;border-color:#0ea5e966!important;transform:translateY(-2px)!important}.hero-stats{flex-wrap:wrap;justify-content:center;gap:48px;animation:1s .5s both lp-fade-up;display:flex}.hero-stat{text-align:center}.hero-stat-number{font-family:var(--lp-font-heading);letter-spacing:.02em;color:var(--lp-neon);font-size:36px;display:block;text-shadow:none!important}.hero-stat-label{font-family:var(--lp-font-body);color:#eff4ff73;text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:11px;display:block}.lp-scroll-hint{opacity:.4;flex-direction:column;align-items:center;gap:8px;animation:2s ease-in-out infinite lp-bounce;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.lp-scroll-hint span{font-family:var(--lp-font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--lp-cream);font-size:10px}.lp-scroll-hint .material-symbols-rounded{color:var(--lp-neon);font-size:20px}@keyframes lp-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.lp-section{z-index:2;max-width:1160px;margin:0 auto;padding:100px 24px;position:relative}.lp-section-full{z-index:2;background:#ffffff04;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:100px 24px;position:relative}.lp-section-header{text-align:center;margin-bottom:70px}.lp-section-eyebrow{font-family:var(--lp-font-body);color:var(--lp-neon);text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px;font-size:11px;display:block}.lp-section-title{font-family:var(--lp-font-heading);letter-spacing:.03em;text-transform:uppercase;color:var(--lp-cream);margin:0 0 20px;font-size:clamp(32px,5vw,56px);line-height:1.05}.lp-section-title .cursive-accent{font-family:var(--lp-font-accent);color:var(--lp-neon);text-transform:none;letter-spacing:0;font-size:1.15em;display:block;text-shadow:none!important}.lp-section-subtitle{font-family:var(--lp-font-body);color:#eff4ff73;max-width:560px;margin:0 auto;font-size:13px;line-height:1.9}.lp-neon-divider{background:var(--lp-neon);width:60px;height:2px;box-shadow:0 0 12px var(--lp-neon-glow);border-radius:999px;margin:20px auto 0}.landing-search-section{z-index:2;max-width:820px;margin:0 auto;padding:0 24px 100px;position:relative}.landing-search-card{border-radius:20px;padding:48px;transition:box-shadow .4s;position:relative;overflow:hidden}.landing-search-card:before{content:"";background:linear-gradient(90deg, transparent, var(--lp-neon), transparent);opacity:.7;height:2px;position:absolute;top:0;left:0;right:0}.landing-search-card .lp-section-eyebrow{margin-bottom:12px}.landing-search-card h3{font-family:var(--lp-font-heading);letter-spacing:.04em;text-transform:uppercase;color:var(--lp-cream);margin:0 0 10px;font-size:28px}.landing-search-card .dictionary-intro{font-family:var(--lp-font-body);color:#eff4ff73;margin:0 0 28px;font-size:12px;line-height:1.8}.landing-search-card .dictionary-search-row{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:12px;transition:border-color .25s,box-shadow .25s;display:flex;background:#ffffff0d!important;border:1px solid #0ea5e940!important;border-radius:12px!important;padding:6px 6px 6px 20px!important}.landing-search-card .dictionary-search-row input{outline:none;flex:1;box-shadow:none!important;font-family:var(--lp-font-body)!important;color:var(--lp-cream)!important;background:0 0!important;border:none!important;padding:0!important;font-size:14px!important}.landing-search-card .dictionary-search-row input::placeholder{color:#eff4ff4d!important}.landing-search-card .dictionary-search-row button{white-space:nowrap;font-family:var(--lp-font-heading)!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#010828!important;background:var(--lp-neon)!important;box-shadow:0 0 16px var(--lp-neon-glow)!important;border:none!important;border-radius:8px!important;padding:12px 24px!important;font-size:12px!important;transition:all .25s!important}.landing-search-card .dictionary-search-row button:hover{box-shadow:none!important;background:#7fff1a!important}.landing-search-card .dictionary-search-row button:disabled{opacity:.6!important;cursor:not-allowed!important}.save-word-panel{background:#0ea5e90a;border:1px solid #0ea5e926;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:20px 24px;display:flex}.save-word-panel p{font-family:var(--lp-font-body);color:#eff4ff8c;align-items:flex-start;gap:8px;margin:0;font-size:12px;line-height:1.7;display:flex}.save-word-panel .primary-button{white-space:nowrap;font-family:var(--lp-font-heading)!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#010828!important;background:var(--lp-neon)!important;box-shadow:0 0 14px var(--lp-neon-glow)!important;border:none!important;border-radius:8px!important;padding:10px 22px!important;font-size:12px!important;text-decoration:none!important}.landing-features{z-index:2;max-width:1160px;margin:0 auto;padding:100px 24px;position:relative}@media (width<=900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.features-grid{grid-template-columns:1fr}}.feature-card{cursor:default;border-radius:18px;flex-direction:column;gap:16px;padding:32px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;position:absolute;top:0;left:0;right:0}.feature-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px #00000080,0 0 0 1px #0ea5e926,inset 0 1px #ffffff26!important}@media (width<=580px){.feature-card--double{grid-column:span 1}}.feature-card--indigo{box-shadow:inset 0 0 60px #6366f10d}.feature-card--emerald{box-shadow:inset 0 0 60px #10b9810d}.feature-card--violet{box-shadow:inset 0 0 60px #8b5cf60d}.feature-card--amber{box-shadow:inset 0 0 60px #f59e0b0d}.feature-card--rose{box-shadow:inset 0 0 60px #f43f5e0d}.feature-card--cyan{box-shadow:inset 0 0 60px #06b6d40d}.feature-card:after{content:"";opacity:0;border-radius:0 0 18px 18px;width:100%;height:3px;transition:opacity .3s;position:absolute;bottom:0;left:0}.feature-card:hover:after{opacity:1}.feature-card h4{font-family:var(--lp-font-heading);letter-spacing:.04em;text-transform:uppercase;color:var(--lp-cream);margin:0;font-size:18px}.feature-card p{font-family:var(--lp-font-body);color:#eff4ff73;margin:0;font-size:12px;line-height:1.8}.bento-badge{font-family:var(--lp-font-body);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:9px;font-weight:700}.landing-steps{z-index:2;background:#ffffff05;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:100px 24px;position:relative}@media (width<=900px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.steps-grid{grid-template-columns:1fr}}.steps-grid:before{content:"";z-index:0;background:linear-gradient(90deg,#0000,#0ea5e933,#0ea5e966,#0ea5e933,#0000);width:calc(75% - 20px);height:1px;position:absolute;top:52px;left:calc(12.5% + 10px)}@media (width<=900px){.steps-grid:before{display:none}}.step-item{text-align:center;z-index:1;border-radius:18px;padding:36px 24px 32px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;position:relative}.step-item:hover{transform:translateY(-6px);box-shadow:none!important}.step-number{border:2px solid var(--lp-neon);width:52px;height:52px;color:var(--lp-neon);font-family:var(--lp-font-heading);letter-spacing:.02em;box-shadow:0 0 20px var(--lp-neon-dim), inset 0 0 16px #0ea5e90f;z-index:2;background:0 0;background:var(--lp-bg);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:22px;transition:all .3s;display:flex;position:relative}.step-item:hover .step-number{background:var(--lp-neon);color:#010828;box-shadow:none!important}.step-item h5{font-family:var(--lp-font-heading);letter-spacing:.06em;text-transform:uppercase;color:var(--lp-cream);margin:0 0 12px;font-size:17px}.step-item p{font-family:var(--lp-font-body);color:#eff4ff66;margin:0;font-size:12px;line-height:1.8}.landing-cta-section{z-index:2;max-width:960px;margin:0 auto;padding:60px 24px 120px;position:relative}.cta-box{text-align:center;border-radius:24px;padding:80px 48px;position:relative;overflow:hidden}.cta-box:before{content:"";background:linear-gradient(90deg, transparent, var(--lp-neon), transparent);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.cta-box:after{content:"";pointer-events:none;background:radial-gradient(#0ea5e91f 0%,#0000 70%);width:400px;height:200px;position:absolute;bottom:-80px;left:50%;transform:translate(-50%)}.cta-box .lp-section-title{font-size:clamp(28px,4.5vw,52px)}.cta-box .cursive-line{font-family:var(--lp-font-accent);color:var(--lp-neon);text-transform:none;letter-spacing:0;margin-bottom:8px;font-size:1.2em;display:block;text-shadow:none!important}.cta-box p{font-family:var(--lp-font-body);color:#eff4ff80;max-width:560px;margin:0 auto 40px;font-size:13px;line-height:1.9}.cta-box .primary-button{font-family:var(--lp-font-heading)!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#010828!important;background:var(--lp-neon)!important;box-shadow:0 0 30px var(--lp-neon-glow)!important;border:none!important;border-radius:12px!important;align-items:center!important;gap:10px!important;padding:16px 40px!important;font-size:14px!important;text-decoration:none!important;transition:all .25s!important;display:inline-flex!important}.cta-box .primary-button:hover{box-shadow:none!important;transform:translateY(-3px)!important}.landing-footer{z-index:10;box-sizing:border-box;background:#0000004d;border-top:1px solid #ffffff0d;flex-direction:column;gap:60px;padding:80px 40px 40px;display:flex;position:relative}@keyframes lp-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.lp-animate{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.lp-animate.visible{opacity:1;transform:translateY(0)}.lp-animate-delay-1{transition-delay:.1s}.lp-animate-delay-2{transition-delay:.2s}.lp-animate-delay-3{transition-delay:.3s}.lp-animate-delay-4{transition-delay:.4s}.lp-animate-delay-5{transition-delay:.5s}.liquid-glass .dictionary-search-row input,.liquid-glass input{color:var(--lp-cream)!important}.lp-orbit{pointer-events:none;border:1px solid #0ea5e912;border-radius:50%;animation:40s linear infinite lp-rotate-slow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lp-orbit-1{width:500px;height:500px;animation-duration:40s}.lp-orbit-2{border-color:#0ea5e90a;width:750px;height:750px;animation-duration:65s;animation-direction:reverse}.lp-orbit-3{border-color:#0ea5e906;width:1000px;height:1000px;animation-duration:90s}@keyframes lp-rotate-slow{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.landing-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:0 0 var(--radius-md) var(--radius-md);background:#ffffffb3;border-bottom:1px solid #e2e8f080;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;position:sticky;top:0}.landing-logo{font-family:var(--font-display);color:var(--neutral-900);align-items:center;gap:8px;font-size:24px;font-weight:900;text-decoration:none;display:flex}.landing-logo span.material-symbols-rounded{color:var(--primary);font-size:26px}.landing-nav{align-items:center;gap:24px;display:flex}.landing-nav-link{color:var(--neutral-600);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.landing-nav-link:hover{color:var(--primary)}.landing-auth-buttons{align-items:center;gap:12px;display:flex}.landing-hero{text-align:center;max-width:1000px;margin:0 auto;padding:100px 24px 60px;position:relative}.landing-badge{color:var(--primary);-webkit-backdrop-filter:blur(8px);background:#2563eb12;border:1px solid #2563eb26;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #2563eb0d}html.dark .landing-badge{color:#38bdf8!important;background:#0ea5e91a!important;border-color:#0ea5e933!important}.landing-hero h1{font-family:var(--font-display);color:var(--neutral-900);letter-spacing:-.03em;margin:0 0 24px;font-size:clamp(36px,6vw,54px);font-weight:900;line-height:1.15}.landing-hero h1 span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#2563eb 0%,#06b6d4 100%);-webkit-background-clip:text}.landing-hero p.hero-subtitle{color:var(--neutral-600);max-width:720px;margin:0 auto 40px;font-size:19px;line-height:1.65}.hero-ctas{justify-content:center;align-items:center;gap:18px;margin-bottom:80px;display:flex}.hero-ctas .primary-button{border-radius:999px!important;padding:14px 28px!important;font-size:16px!important;transition:transform .2s,box-shadow .2s!important;box-shadow:0 8px 20px #2563eb33!important}.hero-ctas .primary-button:hover{transform:translateY(-2px);box-shadow:none!important}.hero-ctas .secondary-button{-webkit-backdrop-filter:blur(8px);border:1px solid var(--neutral-300)!important;background:#fff9!important;border-radius:999px!important;padding:14px 28px!important;font-size:16px!important;transition:transform .2s,background-color .2s!important}.hero-ctas .secondary-button:hover{transform:translateY(-2px);background:#fffc!important}html.dark .hero-ctas .secondary-button{background:#0f172a99!important;border-color:#334155cc!important}html.dark .hero-ctas .secondary-button:hover{background:#0f172acc!important}.landing-search-section{max-width:840px;margin:0 auto 90px;padding:0 24px}.landing-search-card{-webkit-backdrop-filter:blur(16px)saturate(180%);border-radius:var(--radius-xl);text-align:left;background:#ffffffb3;border:1px solid #e2e8f0cc;padding:40px;box-shadow:0 15px 35px -10px #0000000d,0 5px 15px -5px #00000005,inset 0 1px #fff9}html.dark .landing-search-card{background:#0f172a99!important;border-color:#33415580!important;box-shadow:0 15px 35px -10px #0000004d,inset 0 1px #ffffff0d!important}.landing-search-card h3{font-family:var(--font-display);margin:0 0 12px;font-size:26px;font-weight:800}.landing-search-card .dictionary-search-row{border:1px solid var(--neutral-300);background:#fff;border-radius:999px;align-items:center;gap:12px;padding:6px 6px 6px 18px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:inset 0 2px 4px #00000005}.landing-search-card .dictionary-search-row:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb26,inset 0 2px 4px #00000005}.landing-search-card .dictionary-search-row input{flex:1;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;font-size:16px!important}.landing-search-card .dictionary-search-row button{box-shadow:none!important;border-radius:999px!important;margin:0!important;padding:12px 28px!important;font-weight:700!important}html.dark .landing-search-card .dictionary-search-row{background:#0f172acc!important;border-color:#334155cc!important}.landing-features{max-width:1140px;margin:0 auto;padding:60px 24px 90px}.section-title{text-align:center;margin-bottom:56px}.section-title h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 16px;font-size:38px;font-weight:800}.section-title p{color:var(--neutral-600);max-width:600px;margin:0 auto;font-size:17px}.features-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}@media (width<=960px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.features-grid{grid-template-columns:1fr}}.feature-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);background:#fff9;border:1px solid #e2e8f0cc;flex-direction:column;gap:18px;padding:32px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003}.feature-card:after{content:"";background:0 0;width:100%;height:4px;transition:background .3s;position:absolute;top:0;left:0}.feature-card--indigo:after{background:linear-gradient(90deg,#6366f1,#4f46e5)}.feature-card--emerald:after{background:linear-gradient(90deg,#10b981,#059669)}.feature-card--violet:after{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.feature-card--amber:after{background:linear-gradient(90deg,#f59e0b,#d97706)}.feature-card--rose:after{background:linear-gradient(90deg,#f43f5e,#e11d48)}.feature-card--cyan:after{background:linear-gradient(90deg,#06b6d4,#0891b2)}.feature-card--double{grid-column:span 2}@media (width<=640px){.feature-card--double{grid-column:span 1}}.feature-card:hover{border-color:#6366f140;transform:translateY(-6px);box-shadow:none!important}html.dark .feature-card{background:#1e293b73!important;border-color:#33415566!important;box-shadow:0 4px 6px -1px #0000001a!important}html.dark .feature-card:hover{box-shadow:none!important;border-color:#8b5cf64d!important}.feature-icon-wrapper{border-radius:var(--radius-md);justify-content:center;align-items:center;width:52px;height:52px;transition:transform .3s;display:flex}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1)rotate(5deg)}.feature-card--indigo .feature-icon-wrapper{color:#6366f1;background:#6366f114}.feature-card--emerald .feature-icon-wrapper{color:#10b981;background:#10b98114}.feature-card--violet .feature-icon-wrapper{color:#8b5cf6;background:#8b5cf614}.feature-card--amber .feature-icon-wrapper{color:#f59e0b;background:#f59e0b14}.feature-card--rose .feature-icon-wrapper{color:#f43f5e;background:#f43f5e14}.feature-card--cyan .feature-icon-wrapper{color:#06b6d4;background:#06b6d414}html.dark .feature-card--indigo .feature-icon-wrapper{color:#818cf8;background:#6366f126}html.dark .feature-card--emerald .feature-icon-wrapper{color:#34d399;background:#10b98126}html.dark .feature-card--violet .feature-icon-wrapper{color:#a78bfa;background:#8b5cf626}html.dark .feature-card--amber .feature-icon-wrapper{color:#fbbf24;background:#f59e0b26}html.dark .feature-card--rose .feature-icon-wrapper{color:#fb7185;background:#f43f5e26}html.dark .feature-card--cyan .feature-icon-wrapper{color:#22d3ee;background:#06b6d426}.feature-card h4{font-family:var(--font-display);margin:0;font-size:19px;font-weight:700}.feature-card p{color:var(--neutral-600);margin:0;font-size:14.5px;line-height:1.55}.feature-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.bento-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700}.bento-badge--emerald{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.bento-badge--violet{color:#8b5cf6;background:#8b5cf61a;border:1px solid #8b5cf633}.bento-badge--cyan{color:#06b6d4;background:#06b6d41a;border:1px solid #06b6d433}.landing-steps{color:#fff;background:#090d16;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08;padding:90px 24px;position:relative}html.dark .landing-steps{background:#020617!important}.steps-container{max-width:1000px;margin:0 auto}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;margin-top:56px;display:grid;position:relative}.step-item{text-align:center;border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff0d;padding:36px 24px;transition:transform .3s,background-color .3s,border-color .3s;position:relative}.step-item:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-5px);box-shadow:none!important}.step-number{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 24px;font-size:20px;font-weight:800;display:flex;box-shadow:0 0 20px #2563eb4d}.step-item h5{font-family:var(--font-display);color:#fff;margin:0 0 12px;font-size:19px;font-weight:700}.step-item p{color:#94a3b8;margin:0;font-size:14.5px;line-height:1.5}.landing-cta-section{max-width:940px;margin:90px auto;padding:0 24px}.cta-box{-webkit-backdrop-filter:blur(12px);color:#fff;border-radius:var(--radius-xl);text-align:center;background:linear-gradient(135deg,#1e293be6 0%,#0f172ae6 100%);border:1px solid #ffffff14;padding:70px 40px;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px #0000004d,0 0 50px -10px #6366f126}html.dark .cta-box{background:linear-gradient(135deg,#1e293b73 0%,#0f172a73 100%)!important;border-color:#ffffff0d!important;box-shadow:0 20px 40px -15px #00000080,0 0 50px -10px #8b5cf626!important}.cta-box h2{font-family:var(--font-display);color:#fff;margin:0 0 20px;font-size:38px;font-weight:800}.cta-box p{color:#cbd5e1;max-width:640px;margin:0 auto 36px;font-size:18px;line-height:1.65}.landing-footer{border-top:1px solid var(--neutral-200);padding:80px var(--content-padding-x) 40px;z-index:10;box-sizing:border-box;background:#fff;flex-direction:column;gap:60px;display:flex;position:relative}html.dark .landing-footer{background:#090d16!important;border-top-color:#ffffff0d!important}.footer-newsletter-section{border-bottom:1px solid var(--neutral-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding-bottom:40px;display:flex}html.dark .footer-newsletter-section{border-bottom-color:#ffffff0d}.newsletter-content{text-align:left;max-width:500px}.newsletter-content h3{font-family:var(--font-display);color:var(--neutral-900);align-items:center;gap:10px;margin:0 0 8px;font-size:20px;font-weight:800;display:flex}html.dark .newsletter-content h3{color:#f1f5f9}.newsletter-content h3 .material-symbols-rounded{color:var(--primary);font-size:24px}html.dark .newsletter-content h3 .material-symbols-rounded{color:#38bdf8}.newsletter-content p{color:var(--neutral-600);margin:0;font-size:14.5px;line-height:1.5}html.dark .newsletter-content p{color:#94a3b8}.newsletter-form{gap:12px;width:100%;max-width:480px;display:flex}.newsletter-form input{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);color:var(--neutral-900);outline:none;flex-grow:1;padding:12px 18px;font-size:14px;transition:all .3s}html.dark .newsletter-form input{color:#f8fafc;background:#0f172a66;border-color:#334155}.newsletter-form input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background:#fff}html.dark .newsletter-form input:focus{background:#0f172a99;border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf826}.newsletter-btn{justify-content:center!important;padding:12px 24px!important;font-size:14px!important}.footer-container{text-align:left;grid-template-columns:2fr repeat(4,1fr);gap:40px;display:grid}.footer-brand-column{flex-direction:column;gap:20px;display:flex}.footer-logo{align-self:flex-start;transition:opacity .2s}.footer-logo:hover{opacity:.85}.footer-description{color:var(--neutral-600);max-width:360px;margin:0;font-size:14px;line-height:1.6}html.dark .footer-description{color:#94a3b8}.footer-contact-info{flex-direction:column;gap:12px;display:flex}.footer-contact-item{color:var(--neutral-600);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.5;display:flex}html.dark .footer-contact-item{color:#94a3b8}.footer-contact-item .icon{color:var(--primary);justify-content:center;align-items:center;margin-top:2px;display:flex}html.dark .footer-contact-item .icon{color:#38bdf8}.footer-contact-item .icon .material-symbols-rounded{font-size:18px}.footer-badges{margin-top:4px}.bocongthuong-badge{transition:transform .25s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.bocongthuong-badge:hover{transform:scale(1.05)translateY(-2px)}.footer-socials{gap:12px;margin-top:8px;display:flex}.social-icon-btn{border:1px solid var(--neutral-200);width:38px;height:38px;color:var(--neutral-600);background:var(--neutral-50);border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}html.dark .social-icon-btn{color:#94a3b8;background:#0f172a33;border-color:#334155}.social-icon-btn:hover{border-color:var(--primary);color:#fff;background:var(--primary);transform:translateY(-4px)scale(1.05);box-shadow:none!important}html.dark .social-icon-btn:hover{color:#0f172a;background:#38bdf8;border-color:#38bdf8;box-shadow:none!important}.social-icon-btn svg{display:block}.footer-links-column{flex-direction:column;gap:18px;display:flex}.footer-links-column h5{font-family:var(--font-display);color:var(--neutral-900);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:13.5px;font-weight:800}html.dark .footer-links-column h5{color:#f1f5f9}.footer-links-column ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-links-column ul li a{color:var(--neutral-600);font-size:14px;font-weight:500;text-decoration:none;transition:all .25s;display:inline-block}html.dark .footer-links-column ul li a{color:#94a3b8}.footer-links-column ul li a:hover{color:var(--primary);transform:translate(4px)}html.dark .footer-links-column ul li a:hover{color:#38bdf8}.footer-bottom{border-top:1px solid var(--neutral-200);padding-top:32px;position:relative}html.dark .footer-bottom{border-top-color:#ffffff0d}.footer-bottom-inner{flex-wrap:wrap;align-items:center;gap:24px;display:flex;justify-content:center!important}.footer-bottom p{color:var(--neutral-500);margin:0;font-size:13.5px;text-align:center!important}html.dark .footer-bottom p{color:#64748b}.footer-payment-methods{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.payment-label{color:var(--neutral-500);font-size:13px;font-weight:500}html.dark .payment-label{color:#64748b}.payment-icons{align-items:center;gap:8px;display:flex}.payment-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;background-color:var(--neutral-100);border:1px solid var(--neutral-200);opacity:.7;border-radius:4px;width:38px;height:24px;transition:all .25s;display:inline-block}html.dark .payment-icon{opacity:.6;background-color:#1e293b80;border-color:#334155}.payment-icon:hover{opacity:1;box-shadow:var(--shadow-sm);background-color:#fff;transform:translateY(-2px)}html.dark .payment-icon:hover{background-color:#1e293bcc}.mtm-visa{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 15\"><path d=\"M0 0h24v15H0z\" fill=\"%23fff\"/><path d=\"M9.3 10.6l1-5.7H8.6L7.6 9c-.2-.7-.8-2.6-.8-2.6l-.8-.8H3.7v.3c.7.2 1.4.5 1.9.8.3.1.4.3.3.7l-1 5.2h1.8l1.1-6.1L9 10.6h1.7zM14.6 5h-1.4c-.4 0-.7.3-.9.6l-2.5 5h1.8l.4-1h2.2l.2 1H16l-1.4-5.6zm-.9 3.2l.8-2 .4 2h-1.2zm3.3.4c.1-.5.5-.8 1-1h.2c.4 0 .7.1.8.3.1.2 0 .4-.2.5-.2.1-.5.1-.8.2-.5.1-.9.4-.8 1a1 1 0 0 0 1 1h.1c.4 0 .8-.2 1-.4l-.3-1c-.2.2-.4.3-.7.3a.4.4 0 0 1-.4-.4zm4.1-3.6h-1.4c-.3 0-.5.2-.6.4l-1.8 4.2.8.8 1.9-4.9.4.5.3 4h1.7l-.9-5z\" fill=\"%231A1F71\"/></svg>")}.mtm-mastercard{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 15\"><path d=\"M0 0h24v15H0z\" fill=\"%23fff\"/><circle cx=\"10\" cy=\"7.5\" r=\"5\" fill=\"%23EB001B\" opacity=\".85\"/><circle cx=\"14\" cy=\"7.5\" r=\"5\" fill=\"%23FF5F00\" opacity=\".85\"/></svg>")}.mtm-momo{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 15\"><rect width=\"24\" height=\"15\" rx=\"3\" fill=\"%23A50064\"/><text x=\"12\" y=\"9.5\" fill=\"%23fff\" font-family=\"sans-serif\" font-size=\"6\" font-weight=\"bold\" text-anchor=\"middle\">MoMo</text></svg>")}.mtm-vnpay{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 15\"><rect width=\"24\" height=\"15\" rx=\"3\" fill=\"%23005aab\"/><text x=\"12\" y=\"9.5\" fill=\"%23fff\" font-family=\"sans-serif\" font-size=\"6\" font-weight=\"bold\" text-anchor=\"middle\">VNPAY</text></svg>")}.mtm-shopeepay{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 15\"><rect width=\"24\" height=\"15\" rx=\"3\" fill=\"%23ee4d2d\"/><text x=\"12\" y=\"9.5\" fill=\"%23fff\" font-family=\"sans-serif\" font-size=\"5\" font-weight=\"bold\" text-anchor=\"middle\">ShopeePay</text></svg>")}.footer-back-to-top-btn{bottom:30px;right:var(--content-padding-x);background:var(--neutral-100);border:1px solid var(--neutral-200);width:44px;height:44px;color:var(--neutral-600);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:50%;outline:none;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute}html.dark .footer-back-to-top-btn{color:#cbd5e1;background:#1e293b;border-color:#334155;box-shadow:0 4px 12px #0000004d}.footer-back-to-top-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-4px);box-shadow:none!important}html.dark .footer-back-to-top-btn:hover{color:#0f172a;background:#38bdf8;border-color:#38bdf8;box-shadow:none!important}.footer-back-to-top-btn .material-symbols-rounded{font-size:20px}.landing-footer.compact{padding-top:40px}@media (width<=1024px){.footer-container{grid-template-columns:1fr 1fr;gap:32px}.footer-brand-column{grid-column:span 2}.footer-newsletter-section{flex-direction:column;align-items:stretch}.newsletter-form{max-width:100%}}@media (width<=768px){.landing-footer{text-align:center}.footer-newsletter-section{text-align:center;flex-direction:column;align-items:center}.newsletter-content{text-align:center}.newsletter-content h3{justify-content:center}.newsletter-form{justify-content:center;width:100%}.footer-brand-column{text-align:center;align-items:center}.footer-logo{align-self:center}.footer-contact-item{text-align:center;justify-content:center}.footer-socials{justify-content:center}.footer-links-column{text-align:center;align-items:center}.footer-links-column ul{align-items:center}.footer-links-column ul li a:hover{transform:translateY(-2px)}.footer-bottom-inner{text-align:center;flex-direction:column;align-items:center}.footer-bottom p{text-align:center}}@media (width<=640px){.footer-bottom-inner{flex-direction:column;align-items:center;gap:16px}.footer-back-to-top-btn{bottom:24px;right:16px}}@media (width<=550px){.footer-container{grid-template-columns:1fr;gap:24px}.footer-brand-column{grid-column:span 1}.landing-footer{gap:40px;padding:60px 16px 80px}}.auth-split-container{background:#fff;width:100%;min-height:100vh;display:flex}.auth-split-left{background-color:#0b1528;flex-direction:column;flex:1.2;display:flex;position:relative;overflow:hidden}.auth-split-container{background:#fff;width:100%;height:100vh;min-height:100vh;display:flex;overflow:hidden}.auth-split-left{background-color:#0b1528;flex-direction:column;flex:1.2;height:100%;display:flex;position:relative;overflow:hidden}.auth-split-image{object-fit:cover;opacity:.85;filter:brightness(.9);width:100%;height:100%}.auth-split-overlay{background:linear-gradient(#0b152866 0%,#0b1528cc 100%);flex-direction:column;justify-content:space-between;padding:36px;display:flex;position:absolute;inset:0}.auth-logo-link{color:#fff;font-family:var(--font-display);align-items:center;gap:10px;font-size:24px;font-weight:900;text-decoration:none;display:flex}.auth-logo-link span.material-symbols-rounded{color:#60a5fa;font-size:28px}.auth-quote{color:#fffffff2;max-width:440px;margin-bottom:12px}.auth-quote h3{font-family:var(--font-display);color:#fff;margin:0 0 8px;font-size:26px;font-weight:800;line-height:1.3}.auth-quote p{color:var(--neutral-300);margin:0;font-size:15px;line-height:1.5}.auth-split-right{background:#fff;flex:1;justify-content:center;align-items:center;height:100%;padding:24px 32px;display:flex;position:relative;overflow-y:auto}.auth-theme-toggle-container{z-index:10;position:absolute;top:20px;right:24px}.auth-split-form-wrapper{flex-direction:column;gap:20px;width:100%;max-width:380px;display:flex}.auth-split-header{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.auth-split-header h2{font-family:var(--font-display);color:var(--neutral-900);margin:0;font-size:26px;font-weight:800}.auth-split-header p.dictionary-intro{color:var(--neutral-500);margin:0;font-size:14px;line-height:1.4}.auth-logo-mobile{color:var(--neutral-900);font-family:var(--font-display);align-items:center;gap:8px;margin-bottom:8px;font-size:22px;font-weight:900;text-decoration:none;display:none}.auth-logo-mobile span.material-symbols-rounded{color:var(--primary);font-size:26px}.auth-split-form{flex-direction:column;gap:12px;display:flex}.auth-split-form label{color:var(--neutral-850);flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.auth-split-form input{border-radius:var(--radius-lg);border:1px solid var(--neutral-300);background-color:var(--neutral-50);color:var(--neutral-900);margin-top:4px;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s,background-color .2s}.auth-split-form input:focus{border-color:var(--primary);background-color:#fff;outline:none;box-shadow:0 0 0 3px #2563eb26}.auth-split-form button{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.auth-split-form button:hover{box-shadow:var(--shadow-premium-hover);transform:translateY(-1px)}.auth-split-form button:disabled{background:var(--neutral-300);cursor:not-allowed;box-shadow:none;transform:none}.ellipsis-loader{flex-shrink:0;width:38px;height:12px;display:inline-block;position:relative}.ellipsis-loader span{background:currentColor;border-radius:50%;width:8px;height:8px;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute;top:0}.ellipsis-loader span:first-child{animation:.6s infinite ellipsis-loader-grow;left:0}.ellipsis-loader span:nth-child(2){animation:.6s infinite ellipsis-loader-slide;left:0}.ellipsis-loader span:nth-child(3){animation:.6s infinite ellipsis-loader-slide;left:15px}.ellipsis-loader span:nth-child(4){animation:.6s infinite ellipsis-loader-shrink;left:30px}@keyframes ellipsis-loader-grow{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes ellipsis-loader-shrink{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes ellipsis-loader-slide{0%{transform:translate(0)}to{transform:translate(15px)}}.auth-submit-loader{color:#fff}.auth-split-form button.auth-submit-loading,.auth-glass-panel button[type=submit].auth-submit-loading{justify-content:center!important;gap:0!important}.student-courses-shell{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.student-courses-hero{background:linear-gradient(90deg,#ffffffeb 0%,#ffffffb3 34%,#ffffff2e 62%,#ffffff0f 100%),url(/mascot/background_galaxy_light.png) 50%/cover no-repeat;border:1px solid #fff3;border-radius:34px;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:24px;width:calc(66% - 10px);min-height:160px;margin-bottom:26px;padding:20px 28px;display:grid;position:relative;overflow:visible;box-shadow:0 24px 60px #6366f11a}.student-courses-hero-copy{z-index:1;position:relative}.student-courses-hero-copy h1{color:#4f46e5;max-width:none;font-weight:950;line-height:1.1;font-family:var(--font-display);white-space:nowrap;margin:0;letter-spacing:-.75px!important;font-size:34px!important}.student-courses-hero-copy p{max-width:500px;color:var(--neutral-700);margin:10px 0 0;font-size:15px;font-weight:500;line-height:1.55}.student-courses-hero-art{min-height:140px;position:relative;overflow:visible}.student-courses-hero-mascot{object-fit:contain;filter:drop-shadow(0 28px 44px #6366f133);pointer-events:none;width:min(100%,280px);position:absolute;top:-78px;right:6px}.student-courses-hero-star{background:#ffffffeb;border-radius:50%;width:8px;height:8px;animation:5s ease-in-out infinite student-courses-star-float;display:block;position:absolute;box-shadow:0 0 16px #818cf88c}.student-courses-hero-star.star-one{top:22px;left:34%}.student-courses-hero-star.star-two{width:6px;height:6px;animation-delay:.7s;top:52px;right:28%}.student-courses-hero-star.star-three{width:5px;height:5px;animation-delay:1.1s;bottom:28px;left:22%}@keyframes student-courses-star-float{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}.student-courses-panel{box-shadow:none;background:0 0;border:none;border-radius:0}.student-courses-main,.student-courses-level-card,.student-courses-registered-card{padding:24px}.student-courses-sidebar{z-index:2;gap:22px;margin-top:-206px;display:grid;position:relative}.student-courses-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.student-courses-panel-head h2{color:var(--neutral-900);font-size:25px;font-weight:900;font-family:var(--font-display);margin:0}.student-courses-level-body{background:linear-gradient(#fffffff0,#ebf0ffe0);min-height:272px;position:relative;overflow:hidden;border-radius:var(--radius-lg)!important}.student-courses-level-body:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#00000061 0%,#0003 24%,#ffffff0a 58%,#fff0 100%);position:absolute;inset:0}html.dark .student-courses-level-body{background:linear-gradient(#12192ef5,#0f172af5)}html.dark .student-courses-level-body:before{background:linear-gradient(90deg,#020617a8 0%,#02061770 26%,#0f172a29 58%,#0f172a00 100%)}.student-courses-level-card{padding:0!important}.student-courses-level-card-info{z-index:2;position:absolute;top:22px;left:24px}.level-card-meta{color:#4f46e5;text-transform:uppercase;letter-spacing:.5px;font-size:13.5px;font-weight:800;font-family:var(--font-sans)}html.dark .level-card-meta{color:#ffffffb3}.student-courses-level-badge{z-index:2;min-width:auto;height:auto;box-shadow:none;-webkit-text-fill-color:transparent;font-family:var(--font-display);filter:drop-shadow(0 10px 22px #0f172a33);background:linear-gradient(135deg,#3b82f6 0%,#6366f1 48%,#8b5cf6 100%);-webkit-background-clip:text;background-clip:text;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:64px;font-weight:950;display:inline-flex;position:absolute;top:48px;left:24px}.student-courses-level-mascot{object-fit:cover;object-position:center right;z-index:0;width:100%;height:100%;position:absolute;inset:0}.student-courses-level-body-view-btn{z-index:2;color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#ffffff2e;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;gap:0;width:42px;height:42px;font-size:0;text-decoration:none;transition:all .3s cubic-bezier(.25,1,.5,1);display:inline-flex;position:absolute;bottom:24px;left:24px;overflow:hidden;box-shadow:0 10px 24px #0f172a2e}.student-courses-level-body-view-btn .material-symbols-rounded{font-size:18px}.student-courses-level-body:hover .student-courses-level-body-view-btn{color:#4f46e5;background:#ffffffeb;border-radius:999px;gap:6px;width:230px;padding:0 14px;font-size:13px;font-weight:800}.student-courses-level-body-view-btn.is-disabled{opacity:.55;pointer-events:none}.registered-head{margin-bottom:18px}.student-courses-all-link{color:var(--primary);align-items:center;gap:6px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.student-courses-all-link .material-symbols-rounded{font-size:18px}.student-courses-registered-list{gap:14px;max-height:390px;padding-right:6px;display:grid;overflow:auto}.student-courses-registered-card{flex-direction:column;display:flex}.student-courses-registered-card .loading-state,.student-courses-registered-card .error-message,.student-courses-registered-card .student-courses-empty-inline{margin-top:8px}.student-courses-registered-item{background:#ffffffb8;border-radius:22px;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:14px;padding:14px;text-decoration:none;transition:transform .24s,box-shadow .24s,border-color .24s;display:grid;box-shadow:0 12px 24px #94a3b81a}.student-courses-registered-item:hover{transform:translateY(-3px);box-shadow:none!important}.student-courses-registered-icon{color:#4f46e5;background:linear-gradient(135deg,#6366f129,#818cf847);border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.student-courses-registered-copy strong{color:var(--neutral-900);margin-bottom:6px;font-size:15px;line-height:1.3;display:block}.student-courses-registered-copy span{color:var(--neutral-600);margin-bottom:10px;font-size:13px;font-weight:700;display:block}.student-courses-registered-progress{background:#6366f11f;border-radius:999px;width:100%;height:8px;overflow:hidden}.student-courses-registered-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 100%);height:100%}.student-courses-empty-inline{font-size:13px;border:1px dashed var(--neutral-300)!important;background:0 0!important;padding:24px 18px!important}.student-courses-roadmap-head{margin-bottom:10px}.student-courses-roadmap-head h2{font-size:20px!important;font-weight:900!important}.student-courses-roadmap-head p{color:var(--neutral-600);margin:6px 0 0;font-size:14px;font-weight:500}.student-courses-level-group-title{color:var(--neutral-900);font-weight:900;font-family:var(--font-display);margin-bottom:14px;font-size:18px!important}@keyframes levelGlowPulse{0%{box-shadow:0 16px 28px #94a3b81a, 0 0 10px color-mix(in srgb, var(--level-accent) 25%, transparent)}50%{box-shadow:0 20px 32px #94a3b826, 0 0 25px color-mix(in srgb, var(--level-accent) 60%, transparent)}to{box-shadow:0 16px 28px #94a3b81a, 0 0 10px color-mix(in srgb, var(--level-accent) 25%, transparent)}}.student-courses-level-tile{background:radial-gradient(circle at top left, var(--level-accent), transparent 38%), linear-gradient(180deg, #fffffff0 0%, #f8fafcf5 100%);border:1px solid #0000000f;min-height:180px;position:relative;overflow:hidden;border-radius:var(--radius-lg)!important;padding:20px 18px!important}@supports (color:color-mix(in lab, red, red)){.student-courses-level-tile{background:radial-gradient(circle at top left, color-mix(in srgb, var(--level-accent) 4%, white), transparent 38%), linear-gradient(180deg, #fffffff0 0%, #f8fafcf5 100%)}}.student-courses-level-tile{cursor:pointer;align-items:stretch;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;box-shadow:0 4px 16px #0f172a08}.student-courses-level-tile:hover{border-color:var(--level-accent);transform:translateY(-4px);box-shadow:none!important}.student-courses-level-code{background:var(--level-accent);border-radius:99px;justify-content:center;align-items:center;min-width:44px;height:24px;padding:0 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.student-courses-level-code{background:color-mix(in srgb, var(--level-accent) 12%, transparent)}}.student-courses-level-code{border:1.2px solid var(--level-accent);color:var(--level-accent)!important}@supports (color:color-mix(in lab, red, red)){.student-courses-level-code{border:1.2px solid color-mix(in srgb, var(--level-accent) 32%, transparent)}}.student-courses-level-code{font-family:var(--font-display);text-shadow:none;letter-spacing:.2px;text-transform:uppercase;font-size:13px;font-weight:900;box-shadow:0 2px 8px #00000005}.student-courses-level-copy{z-index:2;flex-direction:column;align-items:flex-start;min-width:0;max-width:58%;display:flex;position:relative}.student-courses-level-title-wrap{gap:4px;margin-top:10px;display:grid}.student-courses-level-title-wrap h4{color:var(--neutral-900);line-height:1.2;font-family:var(--font-display);margin:0;font-size:16px!important}.student-courses-level-title-wrap span{background:var(--level-accent);border-radius:999px;align-items:center;min-height:24px;padding:0 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.student-courses-level-title-wrap span{background:color-mix(in srgb, var(--level-accent) 12%, white);color:color-mix(in srgb, var(--level-accent) 76%, #1f2937)}}.student-courses-level-title-wrap span{font-size:10.5px;font-weight:900}.student-courses-level-copy p{color:var(--neutral-600);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;flex-grow:1;max-width:280px;margin:8px 0 12px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.student-courses-level-view-btn{z-index:3;width:42px;height:42px;color:var(--neutral-700);white-space:nowrap;-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#1a244414;border-radius:50%;justify-content:center;align-items:center;gap:0;font-size:0;text-decoration:none;transition:all .3s cubic-bezier(.25,1,.5,1);display:inline-flex;position:relative;overflow:hidden}.student-courses-level-view-btn .material-symbols-rounded{font-size:18px}.student-courses-level-tile:hover .student-courses-level-view-btn{background:var(--level-accent);color:#fff;border-radius:999px;gap:6px;width:96px;padding:0 14px;font-size:13px;font-weight:800}.student-courses-level-view-btn.is-disabled{opacity:.55;cursor:pointer}.student-courses-level-art-shell{pointer-events:none;z-index:1;width:210px;position:absolute;top:-8px;bottom:-8px;right:-12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000008 4%,#0000008f 18%,#000 42%)!important;mask-image:linear-gradient(90deg,#0000 0%,#00000008 4%,#0000008f 18%,#000 42%)!important}.student-courses-level-art{object-fit:cover;object-position:center right;width:100%;height:100%;transition:transform .4s cubic-bezier(.25,1,.5,1);position:absolute;top:0;bottom:0;right:0}.student-courses-level-tile:hover .student-courses-level-art{transform:scale(1.08)}html.dark .student-courses-shell{box-shadow:none;background:0 0;border:none}html.dark .student-courses-hero{background:linear-gradient(90deg,#0b0f1edb 0%,#0b0f1e9e 34%,#0b0f1e42 62%,#0b0f1e14 100%),url(/mascot/background_galaxy_dark.png) 50%/cover no-repeat;border-color:#ffffff0f;box-shadow:0 18px 42px #00000038}html.dark .student-courses-hero-copy h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#60a5fa 0%,#818cf8 46%,#a78bfa 100%);-webkit-background-clip:text;background-clip:text}html.dark .student-courses-hero-copy p{color:#e2e8f0d6}.student-courses-panel{box-shadow:none;background:0 0;border:none}html.dark .student-courses-panel-head h2,html.dark .student-courses-roadmap-head h2,html.dark .student-courses-level-group-title,html.dark .student-courses-level-title-wrap h4,html.dark .student-courses-registered-copy strong{color:#f8fafc}html.dark .student-courses-roadmap-head p,html.dark .student-courses-level-copy p,html.dark .student-courses-registered-copy span,html.dark .student-courses-hero-copy p{color:#cbd5e1c7}html.dark .student-courses-level-body{border:1px solid #ffffff0d}html.dark .student-courses-level-body-view-btn{color:#eff6ff;background:#0f172a57;border-color:#ffffff14}html.dark .student-courses-level-body:hover .student-courses-level-body-view-btn{color:#c4b5fd;background:#0f172aeb}html.dark .student-courses-all-link{color:#60a5fa}html.dark .student-courses-registered-item{box-shadow:none;background:#131b30b8;border:1px solid #ffffff0d}html.dark .student-courses-registered-item:hover{box-shadow:none!important}html.dark .student-courses-registered-progress{background:#ffffff14}html.dark .student-courses-empty-inline{color:#cbd5e1b8;border-color:#94a3b847!important}html.dark .student-courses-level-tile{background:radial-gradient(circle at top left, var(--level-accent), transparent 36%), linear-gradient(180deg, #18203af5 0%, #12192ef5 100%);border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){html.dark .student-courses-level-tile{background:radial-gradient(circle at top left, color-mix(in srgb, var(--level-accent) 6%, #0f172a), transparent 36%), linear-gradient(180deg, #18203af5 0%, #12192ef5 100%)}}html.dark .student-courses-level-tile:hover{border-color:var(--level-accent);box-shadow:none!important}html.dark .student-courses-level-title-wrap span{background:var(--level-accent)}@supports (color:color-mix(in lab, red, red)){html.dark .student-courses-level-title-wrap span{background:color-mix(in srgb, var(--level-accent) 14%, #0f172a)}}html.dark .student-courses-level-title-wrap span{color:var(--level-accent)}@supports (color:color-mix(in lab, red, red)){html.dark .student-courses-level-title-wrap span{color:color-mix(in srgb, var(--level-accent) 72%, #e2e8f0)}}html.dark .student-courses-level-view-btn{color:#f1f5f9f5;background:#0f172a85;border:1px solid #ffffff14;box-shadow:0 10px 20px #00000029}html.dark .student-courses-level-tile:hover .student-courses-level-view-btn{color:#fff}@media (width<=1280px){.student-courses-hero{grid-template-columns:1fr;width:100%;min-height:auto;padding:32px 30px 22px}.student-courses-layout{grid-template-columns:1fr}.student-courses-sidebar{grid-template-columns:1fr 1fr;align-items:start;margin-top:0}.student-courses-roadmap-head h2{font-size:36px}}@media (width<=900px){.student-courses-shell{padding:18px}.student-courses-hero{padding:26px 22px 18px}.student-courses-hero-copy p{font-size:15px}.student-courses-hero-art{min-height:210px}.student-courses-sidebar{grid-template-columns:1fr}.student-courses-hero-mascot{width:min(100%,320px);top:-34px;right:0}.student-courses-level-row{grid-template-columns:1fr}.student-courses-level-body{min-height:240px}.student-courses-roadmap-head h2{font-size:32px}}@media (width<=640px){.student-courses-page{padding:100px 14px 28px!important}.student-courses-shell{border-radius:24px;padding:14px}.student-courses-hero{border-radius:24px;padding:22px 18px 16px}.student-courses-hero-copy h1{max-width:240px;font-size:26px!important}.student-courses-main,.student-courses-level-card,.student-courses-registered-card{padding:18px}.student-courses-level-tile{min-height:156px}.student-courses-level-copy{max-width:62%}}.auth-split-footer{text-align:center;color:var(--neutral-500);font-size:13px}.auth-split-footer p{margin:0}.auth-split-footer a{color:var(--primary);font-weight:700;text-decoration:none;transition:color .2s}.auth-split-footer a:hover{color:var(--primary-hover);text-decoration:none!important}@media (width<=960px){.auth-split-left{display:none}.auth-logo-mobile{display:flex}.auth-split-right{padding:40px 24px}.auth-split-form-wrapper{max-width:380px;margin:0 auto}}@media (width<=480px){.auth-split-right{padding:32px 20px}}.password-input-container{align-items:center;width:100%;margin-top:6px;display:flex;position:relative}.password-input-container input{width:100%;margin-top:0!important;padding-right:46px!important}.password-toggle-btn{color:var(--neutral-500)!important;cursor:pointer!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;justify-content:center!important;align-items:center!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;top:50%!important;right:14px!important;transform:translateY(-50%)!important}.password-toggle-btn:hover{color:var(--neutral-800)!important;box-shadow:none!important;background:0 0!important;transform:translateY(-50%)!important}.password-toggle-btn span.material-symbols-rounded{color:var(--neutral-500)!important;font-size:20px!important}.auth-remember-me{justify-content:space-between;align-items:center;margin-top:-8px;margin-bottom:8px;display:flex}.auth-remember-me label.checkbox-label{color:var(--neutral-600);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:500;display:flex}.auth-remember-me label.checkbox-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary);cursor:pointer;margin:0}.auth-divider{text-align:center;color:var(--neutral-400);-webkit-user-select:none;user-select:none;align-items:center;margin:8px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--neutral-200);flex:1}.auth-divider:not(:empty):before{margin-right:12px}.auth-divider:not(:empty):after{margin-left:12px}.google-auth-btn{border-radius:var(--radius-lg)!important;border:1px solid var(--neutral-300)!important;color:var(--neutral-800)!important;cursor:pointer!important;box-shadow:none!important;background:#fff!important;justify-content:center!important;align-items:center!important;gap:12px!important;width:100%!important;margin-top:0!important;padding:12px 16px!important;font-size:15px!important;font-weight:600!important;transition:border-color .2s,box-shadow .2s!important;display:flex!important}.google-auth-btn:hover{border-color:var(--neutral-400)!important;box-shadow:none!important;background:#fff!important;transform:none!important}.google-icon{flex-shrink:0;width:20px;height:20px}.auth-back-btn{z-index:20!important;color:#fff!important;-webkit-backdrop-filter:blur(8px)!important;background:#01082866!important;border:1px solid #ffffff1a!important;border-radius:20px!important;align-items:center!important;gap:8px!important;padding:8px 16px!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important;transition:all .25s!important;display:inline-flex!important;position:fixed!important;top:24px!important;left:24px!important;box-shadow:0 4px 12px #00000026!important}.auth-back-btn:hover{box-shadow:none!important;color:var(--lp-neon)!important;background:#01082899!important;border-color:#ffffff4d!important;transform:translate(-3px)!important}.auth-fullscreen-container{background-color:#010828;width:100%;min-height:100vh;position:relative;overflow:hidden}.auth-glass-panel{width:480px;height:100vh;position:fixed;top:0;right:0;-webkit-backdrop-filter:none!important;z-index:10!important;box-shadow:none!important;color:#fff!important;scrollbar-width:none!important;-ms-overflow-style:none!important;background:0 0!important;border-left:none!important;flex-direction:column!important;padding:48px!important;display:flex!important;overflow:hidden auto!important}.auth-glass-panel::-webkit-scrollbar{display:none!important}.auth-glass-panel .auth-split-form-wrapper{width:100%!important;max-width:380px!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:auto!important;padding:14px 0!important}.auth-glass-panel .auth-split-header{margin-bottom:14px!important}.auth-glass-panel h2{color:#fff!important;font-family:var(--lp-font-accent)!important;letter-spacing:.025em!important;text-transform:none!important;margin:0 0 8px!important;font-size:clamp(34px,6vw,42px)!important;font-weight:400!important;line-height:1.08!important}.auth-glass-panel .dictionary-intro{color:#ffffffb8!important;margin:0 0 12px!important;font-size:13px!important;line-height:1.5!important}.auth-glass-panel .auth-split-form{flex-direction:column!important;gap:8px!important;display:flex!important}.auth-glass-panel .auth-split-form .input-group{box-sizing:border-box!important;border:1.5px solid #ffffff59!important;border-radius:.85rem!important;width:100%!important;min-width:0!important;margin:18px 0 0!important;padding:0!important;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1)!important;position:relative!important}.auth-glass-panel .auth-split-form .input-group legend{visibility:hidden!important;white-space:nowrap!important;max-width:.01px!important;height:0!important;margin-left:10px!important;padding:0!important;line-height:0!important;transition:max-width .16s cubic-bezier(.4,0,.2,1) 30ms!important;display:block!important;overflow:hidden!important}.auth-glass-panel .auth-split-form .input-group .legend-sizer{padding:0 .3em!important;font-size:.76rem!important;font-weight:700!important;line-height:1!important;display:inline-block!important}.auth-glass-panel .auth-split-form .input-group .input{box-sizing:border-box!important;color:#ffffffe6!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;margin:0!important;padding:.75rem 1rem!important;font-size:.95rem!important;display:block!important}.auth-glass-panel .auth-split-form .input-group .input:-webkit-autofill{-webkit-text-fill-color:#ffffffe6!important;transition:background-color 5000s ease-in-out!important;box-shadow:inset 0 0 0 1000px #0000!important}.auth-glass-panel .auth-split-form .input-group .input:-webkit-autofill:hover{-webkit-text-fill-color:#ffffffe6!important;transition:background-color 5000s ease-in-out!important;box-shadow:inset 0 0 0 1000px #0000!important}.auth-glass-panel .auth-split-form .input-group .input:-webkit-autofill:focus{-webkit-text-fill-color:#ffffffe6!important;transition:background-color 5000s ease-in-out!important;box-shadow:inset 0 0 0 1000px #0000!important}.auth-glass-panel .auth-split-form .input-group .user-label{flex-direction:unset!important;color:#ffffff73!important;pointer-events:none!important;white-space:nowrap!important;background:0 0!important;gap:0!important;margin:0!important;padding:0!important;font-size:.95rem!important;font-weight:500!important;line-height:1!important;transition:transform .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),font-size .18s cubic-bezier(.4,0,.2,1)!important;display:block!important;position:absolute!important;top:0!important;left:14px!important;transform:translateY(.75rem)!important}.auth-glass-panel .auth-split-form .input-group:focus-within{border-color:var(--lp-neon)!important;box-shadow:0 0 0 2.5px #39ff1429!important}.auth-glass-panel .auth-split-form .input-group:focus-within legend{max-width:200px!important}.auth-glass-panel .auth-split-form .input-group:focus-within .user-label{color:var(--lp-neon)!important;font-size:.76rem!important;font-weight:700!important;transform:translateY(-50%)!important}.auth-glass-panel .auth-split-form .input-group:has(.input:not(:placeholder-shown)) legend{max-width:200px!important}.auth-glass-panel .auth-split-form .input-group:has(.input:not(:placeholder-shown)) .user-label{color:#ffffffa6!important;font-size:.76rem!important;font-weight:600!important;transform:translateY(-50%)!important}.auth-glass-panel .auth-split-form .input-group:has(.input:not(:placeholder-shown)):not(:focus-within){box-shadow:none!important;border-color:#fff6!important}.auth-glass-panel .auth-split-form .password-input-container{align-items:center!important;display:flex!important}.auth-glass-panel .auth-remember-me{margin:4px 0!important}.auth-glass-panel .checkbox-label{color:#fffc!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;align-items:center!important;gap:8px!important;margin:0!important;font-size:13px!important;display:flex!important}.auth-glass-panel .checkbox-label input[type=checkbox]{appearance:none!important;box-sizing:border-box!important;cursor:pointer!important;background:#ffffff0f!important;border:1.5px solid #ffffff6b!important;border-radius:6px!important;outline:none!important;flex:0 0 18px!important;place-items:center!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;margin:0!important;padding:0!important;transition:all .2s ease-in-out!important;display:inline-grid!important;position:relative!important}.auth-glass-panel .checkbox-label input[type=checkbox]:hover{background:#ffffff1a!important;border-color:#fff9!important}.auth-glass-panel .checkbox-label input[type=checkbox]:checked{background:var(--lp-neon)!important;border-color:var(--lp-neon)!important;box-shadow:0 0 10px var(--lp-neon-glow)!important}.auth-glass-panel .checkbox-label input[type=checkbox]:after{content:""!important;transform-origin:50%!important;border:2px solid #010828!important;border-width:0 2px 2px 0!important;width:5px!important;height:9px!important;transition:transform .15s cubic-bezier(.175,.885,.32,1.275)!important;position:absolute!important;transform:rotate(45deg)translate(-.5px,-1px)scale(0)!important}.auth-glass-panel .checkbox-label input[type=checkbox]:checked:after{transform:rotate(45deg)translate(-.5px,-1px)scale(1)!important}.auth-glass-panel button[type=submit]{background:var(--lp-neon)!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.05em!important;box-shadow:0 0 14px var(--lp-neon-glow)!important;padding:10px!important;font-weight:700!important;transition:all .25s!important}.auth-glass-panel button[type=submit] .material-symbols-rounded,.auth-glass-panel button[type=submit] span{color:#fff!important}.auth-glass-panel button[type=submit]:hover{box-shadow:none!important;background:#38bdf8!important;transform:translateY(-1px)!important}.auth-glass-panel .auth-divider{color:#fff6!important;margin:6px 0!important;font-size:11px!important}.auth-glass-panel .auth-divider:before,.auth-glass-panel .auth-divider:after{border-bottom:1px solid #ffffff1a!important}.auth-glass-panel .google-auth-btn,html.dark .auth-glass-panel .google-auth-btn{color:#fff!important;box-shadow:none!important;background:0 0!important;border:1px solid #ffffff40!important;padding:10px!important;font-size:13px!important;font-weight:600!important;transition:all .25s!important}.auth-glass-panel .google-auth-btn:hover,html.dark .auth-glass-panel .google-auth-btn:hover{background:#ffffff14!important;border-color:#fff6!important;transform:translateY(-1px)!important}.auth-glass-panel .auth-split-footer{text-align:center!important;margin-top:10px!important}.auth-glass-panel .auth-split-footer p,.auth-glass-panel .auth-split-footer a{color:#fff9!important;font-size:13px!important;text-decoration:none!important;transition:color .2s!important}.auth-glass-panel .auth-split-footer a{color:var(--lp-neon)!important;font-weight:700!important}.auth-glass-panel .auth-split-footer a:hover{color:#38bdf8!important;text-decoration:none!important}.auth-glass-panel .password-toggle-btn,.auth-glass-panel .password-toggle-btn span.material-symbols-rounded{color:#ffffff80!important}.auth-glass-panel .password-toggle-btn:hover span.material-symbols-rounded{color:#fff!important}.auth-glass-panel .error-message{color:#ff4a4a!important;border-radius:var(--radius-md)!important;background:#ff4a4a1a!important;border:1px solid #ff4a4a33!important;margin:8px 0!important;padding:10px 14px!important;font-size:13px!important}.auth-glass-panel.auth-loading-state{pointer-events:none!important;cursor:wait!important;opacity:.82!important;filter:saturate(.9)!important;animation:1.6s ease-in-out infinite auth-glass-pulse!important}@keyframes auth-glass-pulse{0%,to{box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff1a}50%{opacity:.74;box-shadow:0 8px 36px #6366f12e,inset 0 1px #ffffff26!important}}.auth-submit-spinner{width:18px;height:18px;border:2px solid #fff3!important;border-top-color:#fff!important;border-radius:50%!important;flex-shrink:0!important;animation:.8s linear infinite spin!important}.auth-toast-premium{cursor:pointer;z-index:9999!important;color:#fff!important;-webkit-backdrop-filter:blur(16px)!important;background:#0f172a73!important;border-radius:12px!important;align-items:center!important;gap:12px!important;max-width:380px!important;padding:16px 20px!important;transition:all .2s!important;animation:.3s cubic-bezier(.25,.8,.25,1) forwards toastSlideIn!important;display:flex!important;position:fixed!important;top:24px!important;right:24px!important;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff1a!important}.auth-toast-premium:hover{background:#0f172a8c!important;transform:translateY(-2px)!important}.auth-toast-premium.error{border:1px solid #ef444459!important}.auth-toast-premium.success{border:1px solid #10b98159!important}.auth-toast-premium.info{border:1px solid #3b82f659!important}.auth-toast-premium .toast-icon{flex-shrink:0!important;font-size:20px!important}.auth-toast-premium.error .toast-icon{color:#f87171!important}.auth-toast-premium.success .toast-icon{color:#34d399!important}.auth-toast-premium.info .toast-icon{color:#60a5fa!important}.auth-toast-premium .toast-text{font-size:14px!important;font-weight:500!important;line-height:1.4!important}.auth-toast-premium .toast-close-btn{color:#ffffff80!important;cursor:pointer!important;opacity:0!important;background:0 0!important;border:none!important;margin-left:auto!important;padding:4px!important;transition:opacity .2s,color .2s!important;display:flex!important}.auth-toast-premium:hover .toast-close-btn,.auth-toast-premium .toast-close-btn:focus-within{opacity:1!important}.auth-toast-premium .toast-close-btn:hover{color:#fff!important}.auth-toast-premium .toast-close-btn span{font-size:18px!important}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=768px){.auth-fullscreen-container{height:100svh!important;min-height:100svh!important;overflow:hidden!important}.auth-glass-panel{width:100%!important;height:100svh!important;box-shadow:none!important;background:0 0!important;border-left:none!important;padding:18px 22px!important;overflow:hidden!important}.auth-glass-panel .auth-split-form-wrapper{max-width:360px!important;padding:6px 0!important}.auth-glass-panel .auth-split-header{margin-bottom:10px!important}.auth-glass-panel h2{margin-bottom:8px!important;font-size:34px!important;line-height:1.05!important}.auth-glass-panel .dictionary-intro{margin-bottom:10px!important;line-height:1.45!important}}@media (height<=650px){.auth-glass-panel{padding:18px 24px!important;overflow:hidden!important}.auth-glass-panel .auth-split-form-wrapper{padding:4px 0!important}.auth-glass-panel h2{margin-bottom:6px!important;font-size:31px!important;line-height:1.05!important}.auth-glass-panel .dictionary-intro{margin-bottom:8px!important}.auth-glass-panel .auth-split-form{gap:6px!important}.auth-glass-panel .auth-split-form input{padding:7px 12px!important}.auth-glass-panel button[type=submit],.auth-glass-panel .google-auth-btn{padding:8px 10px!important}}h1{font-family:var(--font-display);color:var(--neutral-900);font-weight:800;font-size:var(--text-3xl)}h2{font-family:var(--font-display);color:var(--neutral-900);font-weight:800;font-size:var(--text-2xl)}h3{font-family:var(--font-display);color:var(--neutral-900);font-size:var(--text-xl)}h4{font-family:var(--font-display);color:var(--neutral-900);font-size:var(--text-lg)}h5{font-family:var(--font-display);color:var(--neutral-900);font-size:var(--text-base)}h6{font-family:var(--font-display);color:var(--neutral-900);font-size:var(--text-sm)}label{color:var(--neutral-700);gap:8px;margin:16px 0;display:grid}input,textarea,select{border:1px solid var(--neutral-300);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);background:#fff;padding:12px 14px;font-size:15px;transition:all .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}button{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}button:hover{background:var(--primary-hover);box-shadow:none!important}button:disabled{background:var(--neutral-400);cursor:wait;box-shadow:none}.secondary-button{background:var(--neutral-200);color:var(--neutral-800);border:1.5px solid var(--neutral-300);border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative}html.dark .secondary-button{color:#f1f5f9;background:#ffffff14;border-color:#ffffff1a}.secondary-button:hover{background:var(--neutral-300);transform:translateY(-2px)scale(1.02);box-shadow:none!important}html.dark .secondary-button:hover{background:#ffffff26;box-shadow:none!important}.primary-button{background:var(--primary);color:#fff;border:1.5px solid #ffffff26;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative}.primary-button:hover{background:var(--primary-hover);transform:translateY(-2px)scale(1.02);box-shadow:none!important}.primary-button *,.secondary-button *{z-index:1;position:relative}.primary-button:before,.primary-button:after,.secondary-button:before,.secondary-button:after,.quiz-back-btn:before,.quiz-back-btn:after{content:"";pointer-events:none;z-index:-1;opacity:0;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.primary-button:before{background:#ffffff59;width:6px;height:6px;box-shadow:-35px 8px #ffffff40,35px -8px #ffffff40,-8px -22px #fff3,28px 22px #fff3}.primary-button:after{background:#ffffff73;width:8px;height:8px;box-shadow:-22px -12px #ffffff59,22px 12px #ffffff59,-12px 18px #ffffff40,18px -18px #ffffff40}.primary-button:hover:before{animation:.75s ease-out forwards bubble-float-1}.primary-button:hover:after{animation:.65s ease-out forwards bubble-float-2}.secondary-button:before,.quiz-back-btn:before{background:#0000001f;width:6px;height:6px;box-shadow:-35px 8px #00000014,35px -8px #00000014,-8px -22px #0000000f,28px 22px #0000000f}.secondary-button:after,.quiz-back-btn:after{background:#00000026;width:8px;height:8px;box-shadow:-22px -12px #0000001a,22px 12px #0000001a,-12px 18px #00000014,18px -18px #00000014}html.dark .secondary-button:before,html.dark .quiz-back-btn:before{background:#fff3;box-shadow:-35px 8px #ffffff1f,35px -8px #ffffff1f,-8px -22px #ffffff14,28px 22px #ffffff14}html.dark .secondary-button:after,html.dark .quiz-back-btn:after{background:#ffffff40;box-shadow:-22px -12px #ffffff26,22px 12px #ffffff26,-12px 18px #ffffff1a,18px -18px #ffffff1a}.secondary-button:hover:before,.quiz-back-btn:hover:before{animation:.75s ease-out forwards bubble-float-1}.secondary-button:hover:after,.quiz-back-btn:hover:after{animation:.65s ease-out forwards bubble-float-2}@keyframes bubble-float-1{0%{opacity:0;transform:translate(-50%,-50%)scale(0)translateY(0)}15%{opacity:.85}85%{opacity:.85}to{opacity:0;transform:translate(-50%,-50%)scale(2.2)translateY(-25px)}}@keyframes bubble-float-2{0%{opacity:0;transform:translate(-50%,-50%)scale(0)translateY(0)}15%{opacity:.95}85%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%)scale(2)translateY(-18px)}}.dictionary-page{overflow:hidden}.content .dictionary-page-glass{-webkit-backdrop-filter:blur(16px)saturate(180%)!important;border-radius:var(--radius-md)!important;background:#ffffffbf!important;border:none!important;flex-direction:column!important;min-height:680px!important;margin-top:16px!important;padding:0!important;transition:all .4s cubic-bezier(.25,.8,.25,1)!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 30px 70px #00000014,inset 0 1px 1px #fffc!important}html.dark .content .dictionary-page-glass{background:#0f172a73!important;box-shadow:0 35px 80px #00000073,inset 0 1px 1px #ffffff0d!important}.dictionary-page-glass:before{content:""!important;border-radius:inherit!important;-webkit-mask-composite:xor!important;pointer-events:none!important;z-index:2!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;background:linear-gradient(#ffffff6b 0%,#ffffff1f 20%,#fff0 40% 60%,#ffffff1f 80%,#ffffff6b 100%)!important;padding:1.4px!important;position:absolute!important;inset:0!important;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0)!important;-webkit-mask-position:0 0,0 0!important;-webkit-mask-size:auto,auto!important;-webkit-mask-repeat:repeat,repeat!important;-webkit-mask-clip:content-box,border-box!important;-webkit-mask-origin:content-box,border-box!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;-webkit-mask-source-type:auto,auto!important;mask-mode:match-source,match-source!important}.macos-window-header-glass{z-index:3!important;background:#ffffff0a!important;border-bottom:1px solid #ffffff14!important;justify-content:space-between!important;align-items:center!important;padding:14px 24px!important;display:flex!important;position:relative!important}html.dark .macos-window-header-glass{background:#00000026!important;border-bottom-color:#ffffff0a!important}.macos-window-title-glass{color:var(--neutral-500)!important;font-size:12.5px!important;font-weight:600!important;font-family:var(--font-display)!important;letter-spacing:.3px!important;position:absolute!important;left:50%!important;transform:translate(-50%)!important}html.dark .macos-window-title-glass{color:#fff6!important}.dictionary-glass-content{flex-direction:column!important;flex:1!important;padding:32px 40px 40px!important;display:flex!important}@media (width<=768px){.dictionary-glass-content{padding:20px 24px 24px!important}}.dictionary-search{z-index:10!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;width:100%!important;max-width:640px!important;margin:0 auto!important;padding:0!important;position:relative!important}.dictionary-search-label{color:#0009!important;text-align:center!important;margin-bottom:8px!important;font-size:14px!important;font-weight:600!important;display:block!important}.dictionary-search-pill{border:1.5px solid var(--neutral-300,#cbd5e1)!important;background:#fff!important;border-radius:99px!important;align-items:center!important;margin-top:16px!important;padding:8px 8px 8px 24px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;box-shadow:0 4px 12px #0000000d!important}html.dark .dictionary-search-pill{background:#1e293b!important;border:1.5px solid #ffffff26!important;box-shadow:0 4px 12px #0003!important}.dictionary-search-pill:focus-within{transform:translateY(-1px);background:#fff!important;border-color:#7c3aed!important;box-shadow:0 0 0 3px #7c3aed26,0 4px 12px #7c3aed0d!important}html.dark .dictionary-search-pill:focus-within{background:#0f172a!important;border-color:#a78bfa!important;box-shadow:0 0 0 4px #a78bfa33,0 10px 30px #0000004d!important}.dictionary-search-pill .search-icon-left{opacity:.7;color:#7c3aed!important;align-items:center!important;margin-right:14px!important;font-size:20px!important;transition:opacity .3s!important;display:flex!important}html.dark .dictionary-search-pill .search-icon-left{color:#a78bfa!important}.dictionary-search-pill:focus-within .search-icon-left{opacity:1}.dictionary-search-pill input{box-shadow:none!important;color:#0f172a!important;font-size:16px!important;font-weight:600!important;font-family:"Outfit", var(--font-sans), sans-serif!important;background:0 0!important;border:none!important;outline:none!important;flex:1!important;padding:8px 0!important}html.dark .dictionary-search-pill input{box-shadow:none!important;color:#f8fafc!important;background:0 0!important;border:none!important}.dictionary-search-pill input:-webkit-autofill{-webkit-text-fill-color:#0f172a!important;transition:background-color 5000000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.dictionary-search-pill input:-webkit-autofill:hover{-webkit-text-fill-color:#0f172a!important;transition:background-color 5000000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.dictionary-search-pill input:-webkit-autofill:focus{-webkit-text-fill-color:#0f172a!important;transition:background-color 5000000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.dictionary-search-pill input:-webkit-autofill:active{-webkit-text-fill-color:#0f172a!important;transition:background-color 5000000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}html.dark .dictionary-search-pill input:-webkit-autofill{-webkit-text-fill-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 1000px #1e293b!important}html.dark .dictionary-search-pill input:-webkit-autofill:hover{-webkit-text-fill-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 1000px #1e293b!important}html.dark .dictionary-search-pill input:-webkit-autofill:focus{-webkit-text-fill-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 1000px #1e293b!important}html.dark .dictionary-search-pill input:-webkit-autofill:active{-webkit-text-fill-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 1000px #1e293b!important}html.dark .dictionary-search-pill:focus-within input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}html.dark .dictionary-search-pill:focus-within input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}html.dark .dictionary-search-pill:focus-within input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}html.dark .dictionary-search-pill:focus-within input:-webkit-autofill:active{-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}.dictionary-search-pill input::placeholder{color:#64748b!important;opacity:.8!important}html.dark .dictionary-search-pill input::placeholder{color:#94a3b8!important;opacity:.8!important}.suggestions-dropdown{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;z-index:50!important;background:#fffffff2!important;border:1px solid #e2e8f0cc!important;border-radius:16px!important;flex-direction:column!important;gap:4px!important;max-height:280px!important;margin:0!important;padding:8px!important;list-style:none!important;display:flex!important;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;overflow-y:auto!important;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d!important}html.dark .suggestions-dropdown{background:#1e293bf2!important;border-color:#ffffff14!important;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -10px #0000004d!important}.suggestion-item{cursor:pointer!important;color:#1e293b!important;border-radius:10px!important;align-items:center!important;gap:12px!important;padding:10px 16px!important;transition:all .2s!important;display:flex!important}html.dark .suggestion-item{color:#f1f5f9!important}.suggestion-item .suggestion-icon{color:#64748b!important;font-size:18px!important}html.dark .suggestion-item .suggestion-icon{color:#94a3b8!important}.suggestion-item .suggestion-text{letter-spacing:.01em!important;font-size:15px!important;font-weight:600!important}.suggestion-item:hover,.suggestion-item.active{color:#7c3aed!important;background:#7c3aed14!important}html.dark .suggestion-item:hover,html.dark .suggestion-item.active{color:#c084fc!important;background:#a78bfa1f!important}.suggestion-item:hover .suggestion-icon,.suggestion-item.active .suggestion-icon{color:#7c3aed!important}html.dark .suggestion-item:hover .suggestion-icon,html.dark .suggestion-item.active .suggestion-icon{color:#c084fc!important}.dictionary-search-btn{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%)!important;border:none!important;border-radius:99px!important;align-items:center!important;gap:6px!important;padding:12px 28px!important;font-size:14px!important;font-weight:700!important;transition:all .3s!important;display:inline-flex!important;box-shadow:0 4px 12px #7c3aed40!important}.dictionary-hint{color:var(--neutral-400);margin:8px 0 0;font-size:14px;line-height:1.5}.dictionary-hint-mockup{color:#00000059!important;text-align:center!important;margin-top:12px!important;font-size:12.5px!important;font-weight:500!important}@media (width<=480px){.dictionary-glass-content{padding:16px 12px!important}.dictionary-search-pill{margin-top:8px!important;padding:4px 4px 4px 14px!important}.dictionary-search-pill input{font-size:14.5px!important}.dictionary-search-btn{padding:8px 16px!important;font-size:13px!important}}.empty-state,.loading-state{border-radius:var(--radius-lg);color:var(--text-secondary);text-align:center;margin-top:20px;padding:24px;border:2px dashed var(--neutral-300)!important;-webkit-backdrop-filter:blur(12px)!important;background:#ffffff03!important;margin-bottom:24px!important}html.dark .empty-state,html.dark .loading-state{background:#0000001a!important;border:2px dashed #ffffff26!important}.empty-state strong{color:var(--text-primary);margin-top:8px;display:block}.empty-state p{margin:4px 0 12px}.dictionary-mascot-container{pointer-events:none;justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto 16px;display:flex}.dictionary-mascot-img{object-fit:contain;filter:drop-shadow(0 12px 24px #10b98140);width:100%;height:100%}.auth-prompt{flex-direction:column;align-items:center;gap:8px;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:56px 32px!important}.auth-prompt .material-symbols-rounded{color:var(--primary);opacity:.7;margin-bottom:4px;font-size:40px!important}.auth-prompt-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:8px;display:flex}.auth-prompt-login{font-size:14px;font-weight:600;font-family:var(--font-sans);background:var(--primary);border-radius:999px;justify-content:center;align-items:center;padding:10px 24px;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #2563eb40;color:#fff!important}.auth-prompt-login:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:none!important}.auth-prompt-register{font-size:14px;font-weight:600;font-family:var(--font-sans);border:1.5px solid var(--primary);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:10px 24px;text-decoration:none;transition:all .2s;display:inline-flex;color:var(--primary)!important}.auth-prompt-register:hover{border-color:var(--primary-hover);background:#2563eb0f;transform:translateY(-1px);color:var(--primary-hover)!important}.dictionary-grid-layout{flex-direction:column!important;gap:28px!important;margin-top:32px!important;margin-bottom:24px!important;display:flex!important}.dictionary-result{box-shadow:none!important;background:0 0!important;border:none!important;flex-direction:column!important;gap:0!important;margin-top:0!important;padding:0!important;display:flex!important;position:relative!important}.dictionary-result-card{box-shadow:none!important;background:0 0!important;border:none!important;border-bottom:1px solid #0000001a!important;border-radius:0!important;padding:24px 0!important;transition:border-bottom-color .3s!important}html.dark .dictionary-result-card{background:0 0!important;border-bottom:1px solid #ffffff1a!important}.dictionary-result-card:last-of-type{border-bottom:none!important}.dictionary-result-card h3{font-family:var(--font-display);margin:4px 0;font-weight:800;color:var(--text-primary)!important;letter-spacing:-.8px!important;text-shadow:0 1px 2px #fff6!important;font-size:38px!important}html.dark .dictionary-result-card h3{text-shadow:0 2px 4px #0000004d!important}.dictionary-result-card h4{margin:0 0 16px;font-weight:700;color:var(--text-primary)!important;align-items:center!important;gap:8px!important;font-size:16px!important;display:flex!important}.dictionary-result-card h4 .material-symbols-rounded{color:var(--primary)!important;font-size:20px!important}html.dark .dictionary-result-card h4 .material-symbols-rounded{color:#a78bfa!important}.dictionary-result-card ul{margin:0;padding-left:20px}.dictionary-result-card li{margin-bottom:8px;line-height:1.6;color:var(--text-secondary)!important;font-size:14.5px!important;font-weight:500!important}.dictionary-result-card>ul>li{border-bottom:1px dashed #00000014;margin-bottom:16px;padding-bottom:16px}.dictionary-result-card>ul>li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}html.dark .dictionary-result-card>ul>li{border-bottom:1px dashed #ffffff14}@media (width<=480px){.dictionary-result-card{padding:16px 0!important}.dictionary-result-card h3{font-size:28px!important}}.dictionary-result-card audio{max-width:100%;margin-top:10px;display:block}.pronunciation-block{margin-top:16px!important}.pronunciation-block h4{color:#ffffff73!important;text-transform:uppercase!important;letter-spacing:.5px!important;border:none!important;margin-bottom:8px!important;padding-left:0!important;font-size:13.5px!important;font-weight:700!important}html:not(.dark) .pronunciation-block h4{color:#64748b!important}.pronunciation-block .ipa{font-size:15px!important;font-weight:600!important}html:not(.dark) .pronunciation-block .ipa{color:#475569!important}html.dark .pronunciation-block .ipa{color:#cbd5e1!important}.pronunciation-block ul{flex-wrap:wrap!important;gap:12px!important;padding:0!important;list-style:none!important;display:flex!important}.dictionary-page-glass .pronunciation-block li,.review-page .pronunciation-block li,.pronunciation-block.compact li,.pronunciation-block li{color:#ffffffe6!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:0!important;align-items:center!important;gap:6px!important;margin-bottom:0!important;padding:4px 12px 4px 0!important;font-size:14.5px!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}html:not(.dark) .dictionary-page-glass .pronunciation-block li,html:not(.dark) .review-page .pronunciation-block li,html:not(.dark) .pronunciation-block.compact li,html:not(.dark) .pronunciation-block li{color:#1e293b!important;background:0 0!important;border:none!important;border-radius:0!important}.pronunciation-block li:hover{opacity:.8!important}.pronunciation-block li .material-symbols-rounded{color:#ffffff8c!important;order:3!important;font-size:16px!important;transition:all .2s!important}html:not(.dark) .pronunciation-block li .material-symbols-rounded{color:#64748b!important}.pronunciation-block li:hover .material-symbols-rounded{color:var(--primary)!important;transform:scale(1.15)!important}html.dark .pronunciation-block li:hover .material-symbols-rounded{color:#a78bfa!important}.ai-helper-header{justify-content:space-between!important;align-items:center!important;margin-bottom:20px!important;display:flex!important}.vocab-ai-panel-premium{-webkit-backdrop-filter:blur(16px)!important;background:#ffffffbf!important;border:1px solid #00000014!important;border-radius:20px!important;flex-direction:column!important;gap:16px!important;padding:24px!important;transition:all .3s!important;display:flex!important;box-shadow:inset 0 1px 2px #ffffffb3,0 12px 40px #0000000a!important}.vocab-ai-panel-premium.compact{box-shadow:none!important;background:0 0!important;border:none!important;gap:8px!important;margin-bottom:24px!important;padding:0!important}html.dark .vocab-ai-panel-premium{-webkit-backdrop-filter:blur(16px)!important;background:#0f172a73!important;border-color:#ffffff14!important;box-shadow:inset 0 1px 1px #ffffff0d,0 12px 40px #0003!important}html.dark .vocab-ai-panel-premium.compact{box-shadow:none!important;background:0 0!important;border-color:#0000!important;margin-bottom:24px!important}.ai-compact-controls{flex-direction:column!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.vocab-ai-panel-premium.compact .ai-compact-controls{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:16px!important}.ai-compact-quota{text-align:center!important;width:100%!important;margin-top:4px!important}.vocab-ai-panel-premium.compact .ai-compact-quota{text-align:left!important;width:auto!important;margin-top:0!important}.quota-text-line{color:#64748b!important;letter-spacing:.02em!important;font-size:12.5px!important;font-weight:600!important}.vocab-ai-panel-premium.compact .quota-text-line{font-size:13px!important}html.dark .quota-text-line{color:#94a3b8!important}.vocab-ai-panel-premium.compact .ai-helper-submit-btn{flex-shrink:0!important;width:auto!important;margin-top:0!important;padding:10px 22px!important;font-size:13.5px!important}.vocab-ai-panel-premium h4{color:var(--text-primary)!important;border:none!important;align-items:center!important;gap:8px!important;margin:0!important;padding-left:0!important;font-size:16px!important;font-weight:700!important;display:flex!important}html.dark .vocab-ai-panel-premium h4{color:#fff!important}.vocab-ai-panel-premium h4 .material-symbols-rounded{color:#fb923c!important;font-size:20px!important}.quota-badge{color:var(--text-secondary)!important;background:#0000000a!important;border:1px solid #00000014!important;border-radius:8px!important;padding:4px 10px!important;font-size:12px!important;font-weight:600!important}html.dark .quota-badge{color:#fff9!important;background:#ffffff0f!important;border:1px solid #ffffff1a!important}.ai-context-container textarea{width:100%!important;color:var(--text-primary)!important;resize:none!important;background:#ffffffb3!important;border:1px solid #0000001f!important;border-radius:12px!important;outline:none!important;min-height:80px!important;padding:14px 16px!important;font-size:14px!important;transition:all .2s!important}.ai-context-container textarea::placeholder{color:var(--neutral-400)!important}.ai-context-container textarea:focus{background:#fff!important;border-color:#7c3aed!important}html.dark .ai-context-container textarea{color:#fff!important;background:#00000040!important;border:1px solid #ffffff14!important}html.dark .ai-context-container textarea:focus{background:#00000059!important;border-color:#fff3!important}.ai-result-cards-container{flex-direction:column!important;gap:16px!important;width:100%!important;display:flex!important}.ai-sub-card{background:#fff9!important;border:1px solid #0000000d!important;border-radius:12px!important;padding:16px!important;box-shadow:0 4px 12px #00000003!important}html.dark .ai-sub-card{box-shadow:none!important;background:#00000026!important;border:1px solid #ffffff0f!important}.ai-sub-card h5{color:var(--neutral-400)!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin:0 0 6px!important;font-size:12.5px!important;font-weight:700!important}html.dark .ai-sub-card h5{color:#fff6!important}.ai-sub-card p{color:var(--text-secondary)!important;margin:0!important;font-size:13.5px!important;line-height:1.5!important}html.dark .ai-sub-card p{color:#ffffffd9!important}.ai-sub-card.border-gold{border-left:3px solid #fbbf24!important}.ai-helper-submit-btn{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%)!important;border:none!important;border-radius:99px!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;margin-top:8px!important;padding:12px 24px!important;font-size:14px!important;font-weight:700!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important;display:inline-flex!important;box-shadow:0 4px 15px #7c3aed4d!important}@keyframes bubble-wobble{0%{transform:scale(1)translateY(0)}15%{transform:scale(1.15,.85)translateY(-2px)}30%{transform:scale(.85,1.15)translateY(-4px)}45%{transform:scale(1.08,.92)translateY(-4px)}60%{transform:scale(.95,1.05)translateY(-4px)}75%{transform:scale(1.03,.97)translateY(-4px)}to{transform:scale(1.06)translateY(-4px)}}.ai-helper-submit-btn:hover{box-shadow:none!important;background:linear-gradient(135deg,#6d28d9 0%,#5b21b6 100%)!important;animation:.6s cubic-bezier(.25,.8,.25,1.25) forwards bubble-wobble!important}.ai-helper-submit-btn:active{transition:all .1s!important;animation:none!important;transform:scale(.9)translateY(0)!important}html.dark .ai-helper-submit-btn{color:#fff!important;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)!important;border:none!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important;box-shadow:0 4px 15px #8b5cf64d!important}html.dark .ai-helper-submit-btn:hover{box-shadow:none!important;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%)!important;animation:.6s cubic-bezier(.25,.8,.25,1.25) forwards bubble-wobble!important}html.dark .ai-helper-submit-btn:active{transition:all .1s!important;animation:none!important;transform:scale(.9)translateY(0)!important}.dictionary-window-footer{z-index:10!important;background:#00000008!important;border-top:1px solid #0000000f!important;justify-content:space-between!important;align-items:center!important;margin:auto -40px -40px!important;padding:16px 24px!important;display:flex!important;position:relative!important}html.dark .dictionary-window-footer{background:#00000040!important;border-top-color:#ffffff0f!important}@media (width<=768px){.dictionary-window-footer{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin:auto -24px -24px!important;padding:16px 20px!important}.footer-info{text-align:left!important;align-items:flex-start!important;gap:8px!important;width:100%!important;display:flex!important}.footer-info .material-symbols-rounded{flex-shrink:0!important;margin-top:1.5px!important}.footer-actions{border-top:1px solid #0000000f!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:4px!important;padding-top:12px!important;display:flex!important}html.dark .footer-actions{border-top-color:#ffffff0f!important}.footer-save-btn{margin-left:auto!important}}.footer-info{color:#00000080!important;align-items:center!important;gap:8px!important;font-size:13px!important;font-weight:500!important;display:flex!important}html.dark .footer-info{color:#fff6!important}.footer-info .material-symbols-rounded{font-size:18px!important}.footer-actions{align-items:center!important;gap:20px!important;display:flex!important}.footer-link{color:#0009!important;font-size:13.5px!important;font-weight:600!important;text-decoration:none!important;transition:color .2s!important}.footer-link:hover{color:var(--primary)!important}html.dark .footer-link{color:#fff9!important}html.dark .footer-link:hover{color:#fff!important}.footer-save-btn{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;border:none!important;border-radius:99px!important;align-items:center!important;gap:6px!important;padding:8px 20px!important;font-size:13.5px!important;font-weight:700!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 4px 12px #10b98140!important}.footer-save-btn:hover:not(:disabled){box-shadow:none!important;background:#059669!important}.footer-save-btn:disabled{color:#0000004d!important;cursor:not-allowed!important;box-shadow:none!important;background:#0000000d!important;border:1px solid #00000014!important}html.dark .footer-save-btn:disabled{color:#ffffff4d!important;background:#ffffff14!important;border:1px solid #ffffff1a!important}.eyebrow{color:var(--primary);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}.ipa{color:var(--text-secondary);font-size:16px;font-weight:700}.fallback-note{border-radius:var(--radius-sm);border-left:4px solid #f59e0b;margin:16px 0;padding:12px 14px;line-height:1.55;color:#fbbf24!important;background:#f59e0b14!important;border-top:none!important;border-bottom:none!important;border-right:none!important}html:not(.dark) .fallback-note{color:#b45309!important;background:#fffbeb!important;border-left-color:#d97706!important}.result-block{margin-top:24px;padding-top:20px;border-top:1px solid #0000000f!important}html.dark .result-block{border-top-color:#ffffff0a!important}.definition-meta{color:var(--neutral-400);margin:6px 0;font-size:14px}.definition-examples{margin-top:10px;background:#00000005!important;border:1px solid #0000000a!important;border-radius:12px!important;padding:14px 18px!important}html.dark .definition-examples{background:#ffffff03!important;border-color:#ffffff05!important}.definition-examples strong{margin-bottom:6px;font-size:14px;display:block;color:var(--text-primary)!important}.definition-examples ul{list-style-type:none;padding-left:0!important}.definition-examples li{color:var(--text-secondary)!important;margin-bottom:4px!important;font-size:13.5px!important}.error-message{color:#991b1b;border-radius:var(--radius-sm);background:#fef2f2;border-left:4px solid #dc2626;margin:16px 0;padding:12px 14px;line-height:1.55}.save-word-panel{background:#ffffff05!important;border:1px solid #ffffff14!important;border-radius:20px!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;margin-top:32px!important;padding:24px 28px!important;display:flex!important;box-shadow:inset 0 1px 1px #ffffff0d,0 8px 32px #0000000a!important}html.dark .save-word-panel{background:#0000001f!important;border-color:#ffffff0a!important}.save-word-panel p{color:var(--text-secondary)!important;flex-basis:auto!important;align-items:center!important;gap:8px!important;margin:0!important;font-size:13.5px!important;font-weight:500!important;display:flex!important}.save-word-panel button{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;border:none!important;border-radius:12px!important;align-items:center!important;gap:6px!important;padding:10px 20px!important;font-size:13.5px!important;font-weight:700!important;transition:all .25s!important;display:inline-flex!important;box-shadow:0 4px 14px #10b9814d!important}.save-word-panel button:hover:not(:disabled){box-shadow:none!important;transform:translateY(-1.5px)!important}.save-word-panel button:disabled{color:#10b98180!important;box-shadow:none!important;cursor:not-allowed!important;background:#10b98126!important;border:1px solid #10b98133!important}.save-word-panel a,.cta-link{color:var(--primary);font-weight:700;text-decoration:none}.saved-word-list{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;margin-top:28px;display:grid}.saved-word-card{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:left;background:#fff;flex-direction:column;gap:18px;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.saved-word-card:hover{box-shadow:var(--shadow-md);border-color:var(--neutral-300);transform:translateY(-4px)}.saved-word-card header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.saved-word-card header div{flex-direction:column;align-items:flex-start;display:flex}.saved-word-card .eyebrow{text-transform:uppercase;color:var(--neutral-500);letter-spacing:.05em;background:var(--neutral-100);border-radius:4px;margin-bottom:6px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.saved-word-card h3{color:var(--neutral-900);font-size:28px;font-weight:800;font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 8px;line-height:1.1}.saved-word-card header button.secondary-button{color:var(--neutral-400);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.saved-word-card header button.secondary-button:hover{color:#ef4444;background:#fef2f2}.saved-word-card header button.secondary-button .material-symbols-rounded{font-size:18px}.saved-word-card audio{display:none!important}.saved-word-card>p{color:var(--neutral-700);margin:0;font-size:15px;line-height:1.5}.saved-word-card .definition-meta{color:var(--neutral-400);align-items:center;gap:4px;margin:8px 0 0;font-size:12px;font-weight:500;display:inline-flex}.saved-word-card>a{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:6px;width:fit-content;margin-top:4px;padding:10px 16px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.saved-word-card>a:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:none!important}.pronunciation-block ul{flex-wrap:wrap;gap:12px 24px;margin:0;padding:0;list-style:none;display:flex}.pronunciation-block li{align-items:center;gap:8px;display:flex}.pronunciation-label{color:var(--neutral-700);text-transform:uppercase;font-size:13px;font-weight:800}.pronunciation-block audio{max-width:220px;height:30px;margin:0}.pronunciation-block.compact{margin:12px 0}.pronunciation-block.compact li{font-size:14px}.pronunciation-block.compact audio{max-width:180px;height:28px}.ai-helper-panel{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);margin-top:24px;padding:24px}.ai-helper-panel.compact{border-radius:var(--radius-md);margin-top:14px;padding:16px}.ai-helper-panel h4{font-family:var(--font-display);color:var(--neutral-900);align-items:center;gap:8px;margin:0 0 12px;font-size:18px;display:flex}.ai-helper-panel textarea{resize:vertical;background:#fff;min-height:80px;margin-top:8px}.ai-helper-panel button{background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);box-shadow:0 4px 12px #4f46e533}.ai-helper-panel button:hover{background:linear-gradient(135deg,#4338ca 0%,#2563eb 100%)}.ai-result{border:1px solid var(--neutral-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;margin-top:20px;padding:20px}.ai-result h5{font-family:var(--font-display);color:#4f46e5;margin:0 0 12px;font-size:16px}.content .dashboard-page{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.dashboard-page{flex-direction:column;gap:28px;animation:.4s ease-out fadeIn;display:flex}@keyframes mesh-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.dashboard-welcome-banner{align-items:center;margin-bottom:12px;display:flex;position:relative;overflow:hidden;color:var(--neutral-900)!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:24px 0 16px!important}.welcome-banner-overlay{z-index:1!important;pointer-events:none!important;background:linear-gradient(90deg,#020617d1 0%,#0206179e 28%,#02061747 56%,#02061714 76%,#0000 100%)!important;position:absolute!important;inset:0!important}.welcome-banner-content{z-index:1;align-items:center;gap:28px;width:100%;display:flex;position:relative}.welcome-avatar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;font-size:34px;font-weight:800;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:hidden;border:4px solid #fffffff2!important;box-shadow:0 10px 25px #0003!important}.welcome-avatar:hover{transform:scale(1.08)rotate(5deg)}.user-avatar-img-large{object-fit:cover;width:100%;height:100%}.welcome-text{flex-grow:1}.welcome-text h2{font-size:30px;font-weight:800;font-family:var(--font-display);letter-spacing:-.025em;text-shadow:0 2px 4px #0000001a;margin:4px 0 8px;color:#fff!important}.welcome-text .eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#ffffffe6;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:700;display:inline-flex}.welcome-text .eyebrow .material-symbols-rounded{font-size:16px}.welcome-quote{color:#fffffff2;text-shadow:0 1px 2px #0000000d;max-width:650px;margin:0;font-size:15px;font-style:italic;line-height:1.6}.auth-top-reminders{pointer-events:auto;align-items:center;gap:16px;display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important;margin-right:auto!important;padding:0!important}.reminder-item{align-items:center;gap:6px;font-size:13px;display:flex;color:var(--neutral-800)!important}html.dark .reminder-item{color:var(--neutral-600)!important}.reminder-item .material-symbols-rounded{font-size:18px;color:var(--primary)!important}html.dark .reminder-item .material-symbols-rounded{color:#818cf8!important}.reminder-item strong{font-weight:700;color:var(--neutral-900)!important}html.dark .reminder-item strong{color:var(--neutral-800)!important}.reminder-divider{background:var(--neutral-400);width:1px;height:14px}html.dark .reminder-divider{background:var(--neutral-300)}@media (width<=768px){.auth-top-reminders{display:none!important}}.daily-study-card-premium{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex;position:relative;overflow:hidden;border-radius:var(--radius-xl)!important;background:#ffffffc2!important;border:1px solid #ffffff80!important;transition:all .35s cubic-bezier(.25,1,.5,1)!important;box-shadow:0 10px 30px -10px #0000000a,0 1px 3px #00000005!important}.daily-study-card-premium:after{content:"";width:5px;height:100%;transition:width .3s;position:absolute;top:0;left:0;background:linear-gradient(#4f46e5,#3b82f6)!important}.daily-study-card-premium:hover{transform:translateY(-4px)scale(1.005);box-shadow:none!important;border-color:#fffc!important}.daily-study-card-premium:hover:after{width:8px}.daily-study-card-premium .card-left{flex:1}.daily-study-card-premium .status-indicator{border-radius:99px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 14px;display:inline-flex;background:#eff4ffcc!important;border:1px solid #4f46e526!important}.daily-study-card-premium .pulse-dot{border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.daily-study-card-premium .pulse-dot.due{background:#f59e0b}.daily-study-card-premium .pulse-dot.completed{background:#10b981}.daily-study-card-premium .pulse-dot.due:after{content:"";opacity:.4;border:2px solid #f59e0b;border-radius:50%;animation:2s infinite pulse-ring;position:absolute;inset:-4px}.daily-study-card-premium .pulse-dot.completed:after{content:"";opacity:.4;border:2px solid #10b981;border-radius:50%;animation:2s infinite pulse-ring;position:absolute;inset:-4px}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(2.2)}}.daily-study-card-premium .status-text{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;color:var(--primary)!important}.daily-study-card-premium h3{font-size:24px;font-weight:800;font-family:var(--font-display);margin:0 0 10px;color:var(--neutral-900)!important}.daily-study-card-premium .status-desc{margin:0;font-size:15px;line-height:1.6;color:var(--neutral-600)!important}.daily-study-card-premium .status-desc strong{font-weight:800;color:var(--neutral-900)!important}.daily-study-card-premium .card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.study-actions-premium{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.study-actions-premium .primary-button.glow-effect{animation:3s infinite button-glow;position:relative;transition:all .25s!important;box-shadow:0 8px 20px -6px #2563eb80!important}.study-actions-premium .primary-button.glow-effect:hover{transform:translateY(-2px);box-shadow:none!important}@keyframes button-glow{0%,to{box-shadow:0 8px 20px -6px #2563eb80}50%{box-shadow:0 8px 24px #2563ebbf}}.study-actions-premium .secondary-button{align-items:center;gap:8px;padding:12px 22px;font-weight:700;text-decoration:none;display:inline-flex;color:var(--neutral-800)!important;border:1px solid var(--neutral-200)!important;border-radius:var(--radius-md)!important;background:#f1f5f9cc!important;transition:all .25s cubic-bezier(.25,1,.5,1)!important}.study-actions-premium .secondary-button:hover{transform:translateY(-2px);background:var(--neutral-200)!important;border-color:var(--neutral-300)!important;box-shadow:var(--shadow-sm)!important}.study-actions-premium .text-button{border-radius:var(--radius-sm);align-items:center;gap:4px;padding:8px 12px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;color:var(--primary)!important}.study-actions-premium .text-button:hover{gap:8px;background:var(--primary-light)!important}.stats-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:8px 0;display:grid}.stat-card-premium{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:20px;padding:24px 28px;display:flex;border-radius:var(--radius-xl)!important;border:1px solid #ffffff80!important;transition:all .35s cubic-bezier(.25,1,.5,1)!important;box-shadow:0 10px 25px -10px #00000008,0 1px 3px #00000003!important}.stat-card-premium:hover{transform:translateY(-5px)scale(1.01);border-color:#fffc!important}.stat-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;border-radius:var(--radius-md)!important;transition:all .3s cubic-bezier(.25,1,.5,1)!important;box-shadow:0 8px 16px #0000000a!important}.stat-card-premium:hover .stat-icon-wrapper{transform:scale(1.08)rotate(-3deg)}.stat-icon-wrapper .material-symbols-rounded{font-size:26px}.stat-card-premium.blue{background:linear-gradient(135deg,#eff6ffbf 0%,#dbeafe99 100%)!important}.stat-card-premium.blue .stat-icon-wrapper{color:#fff!important;background:#2563eb!important;box-shadow:0 8px 20px -6px #2563eb66!important}.stat-card-premium.blue:hover{box-shadow:none!important;border-color:#2563eb40!important}.stat-card-premium.amber{background:linear-gradient(135deg,#fffbebbf 0%,#fef3c799 100%)!important}.stat-card-premium.amber .stat-icon-wrapper{color:#fff!important;background:#d97706!important;box-shadow:0 8px 20px -6px #d9770666!important}.stat-card-premium.amber:hover{box-shadow:none!important;border-color:#d9770640!important}.stat-card-premium.green{background:linear-gradient(135deg,#f0fdf4bf 0%,#dcfce799 100%)!important}.stat-card-premium.green .stat-icon-wrapper{color:#fff!important;background:#16a34a!important;box-shadow:0 8px 20px -6px #16a34a66!important}.stat-card-premium.green:hover{box-shadow:none!important;border-color:#16a34a40!important}.stat-card-premium.indigo{background:linear-gradient(135deg,#eef2ffbf 0%,#e0e7ff99 100%)!important}.stat-card-premium.indigo .stat-icon-wrapper{color:#fff!important;background:#4f46e5!important;box-shadow:0 8px 20px -6px #4f46e566!important}.stat-card-premium.indigo:hover{box-shadow:none!important;border-color:#4f46e540!important}.stat-card-premium.rose{background:linear-gradient(135deg,#fff1f2bf 0%,#fee2e299 100%)!important}.stat-card-premium.rose .stat-icon-wrapper{color:#fff!important;background:#e11d48!important;box-shadow:0 8px 20px -6px #e11d4866!important}.stat-card-premium.rose:hover{box-shadow:none!important;border-color:#e11d4840!important}.stat-meta{flex-direction:column;display:flex}.stat-meta strong{font-size:34px;font-weight:800;line-height:1.1;font-family:var(--font-display);color:var(--neutral-900)!important}.stat-meta span{margin-top:2px;font-size:13px;font-weight:700;color:var(--neutral-500)!important}.study-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.mastery-badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.mastery-new{color:#475569;background:#f1f5f9}.mastery-need_practice{color:#dc2626;background:#fee2e2}.mastery-learning{color:#d97706;background:#fef3c7}.mastery-remembered{color:#166534;background:#dcfce7}.active-filter{outline:2px solid var(--primary)}.vocabulary-page .study-actions{background:var(--neutral-100);border-radius:var(--radius-md);border:1px solid var(--neutral-200);gap:8px;margin:16px 0 24px;padding:6px 8px;display:inline-flex}.vocabulary-page .study-actions .cta-link{background:var(--primary);color:#fff;border-radius:var(--radius-sm);align-items:center;gap:6px;padding:10px 16px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #2563eb33}.vocabulary-page .study-actions .cta-link:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:none!important}.vocabulary-page .study-actions .secondary-button{color:var(--neutral-600);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;padding:10px 16px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex}.vocabulary-page .study-actions .secondary-button:hover{background:var(--neutral-200);color:var(--neutral-900)}.vocabulary-page .study-actions .secondary-button.active-filter{color:var(--primary);box-shadow:var(--shadow-sm);background:#fff;outline:none!important}.review-summary{text-align:center;gap:16px;padding:40px 20px;display:grid}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;direction:ltr;flex-shrink:0;justify-content:center;align-items:center;width:1.2em;height:1.2em;font-family:Material Symbols Rounded;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-flex;overflow:hidden}.auth-status{border-bottom:1px solid var(--neutral-200);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-top:none;border-left:none;border-right:none;border-radius:0;margin-bottom:32px;padding:16px 0;position:sticky;top:0;box-shadow:0 4px 20px -2px #0f172a05}.auth-status-inner{width:100%;max-width:1200px;padding:0 var(--content-padding-x);box-sizing:border-box;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;display:flex}.topbar-bell-btn{cursor:pointer;position:relative;box-shadow:none!important;color:var(--neutral-600)!important;background:0 0!important;border:none!important;border-radius:50%!important;outline:none!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;padding:0!important;transition:background-color .2s,color .2s!important;display:flex!important;transform:none!important}.topbar-bell-btn:hover,.topbar-bell-btn:active,.topbar-bell-btn:focus{background-color:var(--neutral-100)!important;box-shadow:none!important;color:var(--neutral-800)!important;border:none!important;outline:none!important;transform:none!important}.topbar-bell-btn:hover .material-symbols-rounded{animation:.6s bell-shake}@keyframes bell-shake{0%{transform:rotate(0)}15%{transform:rotate(10deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}75%{transform:rotate(2deg)}90%{transform:rotate(-2deg)}to{transform:rotate(0)}}.topbar-bell-btn .material-symbols-rounded{transform-origin:top;font-size:24px!important}.bell-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:99px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:4px;right:4px}.topbar-bell-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.bell-dropdown-menu{border:1px solid var(--neutral-200);border-radius:var(--radius-md);box-shadow:var(--shadow-premium);opacity:0;visibility:hidden;z-index:999;background:#fff;flex-direction:column;min-width:320px;padding:0;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:calc(100% + 12px);right:0;overflow:visible;transform:translateY(10px)}.bell-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.bell-dropdown-menu:before{content:"";z-index:1001;border-bottom:12px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:100%;right:12px}.bell-dropdown-menu:after{content:"";border-left:9px solid #0000;border-right:9px solid #0000;border-bottom:13px solid var(--neutral-200);z-index:1000;width:0;height:0;position:absolute;bottom:100%;right:11px}.bell-menu-header{border-bottom:1px solid var(--neutral-100);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.bell-menu-header h4{color:var(--neutral-900);margin:0;font-size:15px;font-weight:700}.mark-read-all{color:var(--primary);cursor:pointer;font-size:12px;font-weight:600;transition:opacity .15s}.mark-read-all:hover{opacity:.8}.bell-menu-list{scrollbar-width:thin;scrollbar-color:#0000001f transparent;flex-direction:column;max-height:280px;display:flex;overflow:hidden auto}.bell-menu-item{border-bottom:1px solid var(--neutral-100);cursor:pointer;gap:12px;padding:12px 16px;text-decoration:none;transition:background-color .2s;display:flex}.bell-menu-item:hover{background-color:var(--neutral-50)}.bell-menu-item.unread{background-color:var(--primary-light)}.bell-menu-item.unread:hover{background-color:#2563eb14}.bell-item-icon{background:var(--neutral-100);width:32px;height:32px;color:var(--neutral-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bell-item-icon span{font-size:18px}.bell-menu-item.unread .bell-item-icon{color:var(--primary);box-shadow:var(--shadow-sm);background:#fff}.bell-item-content{text-align:left;flex-direction:column;gap:2px;min-width:0;display:flex}.bell-item-text{color:var(--neutral-700);word-break:break-word;margin:0;font-size:13px;line-height:1.4}.bell-menu-footer{text-align:center;border-top:1px solid var(--neutral-100);color:var(--primary);cursor:pointer;background-color:var(--neutral-50);padding:12px 16px;font-size:13px;font-weight:600;transition:opacity .15s}.bell-menu-footer:hover{opacity:.8}.topbar-divider{background:var(--neutral-200);flex-shrink:0;width:1px;height:28px}.topbar-user-info{flex-direction:column;align-items:flex-end;gap:1px;min-width:0;display:flex}.topbar-user-name{color:var(--neutral-800);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:14px;font-weight:700;line-height:1.2;overflow:hidden}.topbar-user-role{color:var(--neutral-500);white-space:nowrap;font-size:12px;font-weight:500;line-height:1.2}.user-avatar-trigger{background:linear-gradient(135deg, var(--primary) 0%, #3b82f6 100%);color:#fff;cursor:pointer;width:40px;height:40px;box-shadow:0 0 0 2px var(--neutral-200), var(--shadow-sm);-webkit-user-select:none;user-select:none;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.user-avatar-trigger:hover{transform:none}.user-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.profile-dropdown-menu{border:1px solid var(--neutral-200);border-radius:var(--radius-md);box-shadow:var(--shadow-premium);opacity:0;visibility:hidden;z-index:999;background:#fff;flex-direction:column;gap:12px;min-width:280px;padding:16px;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:calc(100% + 15px);right:0;overflow:visible;transform:translateY(10px)}.profile-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.profile-dropdown-menu:before{content:"";z-index:1001;border-bottom:12px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:100%;right:10px}.profile-dropdown-menu:after{content:"";border-left:9px solid #0000;border-right:9px solid #0000;border-bottom:13px solid var(--neutral-200);z-index:1000;width:0;height:0;position:absolute;bottom:100%;right:9px}.profile-menu-header{border-bottom:1px solid var(--neutral-100);text-align:left;margin-bottom:4px;padding-bottom:12px}.profile-menu-header p.menu-label{color:var(--neutral-400);text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px;font-size:11px;font-weight:600}.profile-menu-header p.menu-email{color:var(--neutral-800);word-break:break-all;margin:0;font-size:14px;font-weight:700}.profile-menu-item{color:var(--neutral-700);border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.profile-menu-item:hover{background:var(--neutral-50);color:var(--neutral-900)}.profile-menu-item.logout-btn{color:#ef4444!important;background-color:#fef2f2!important;transition:background-color .2s,color .2s!important}.profile-menu-item.logout-btn:hover{color:#dc2626!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;background-color:#fee2e2!important}.mobile-nav-drawer .logout-btn{color:#ef4444!important;border-radius:var(--radius-sm)!important;cursor:pointer!important;background-color:#fef2f2!important;border:none!important;align-items:center!important;gap:8px!important;width:calc(100% - 32px)!important;margin:12px 16px!important;padding:12px 16px!important;font-family:inherit!important;font-weight:500!important;transition:background-color .2s,color .2s!important;display:flex!important}.mobile-nav-drawer .logout-btn:hover{color:#dc2626!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;background-color:#fee2e2!important}html.dark .profile-menu-item.logout-btn,html.dark .mobile-nav-drawer .logout-btn{color:#fca5a5!important;background-color:#ef444426!important}html.dark .profile-menu-item.logout-btn:hover,html.dark .mobile-nav-drawer .logout-btn:hover{color:#fee2e2!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;background-color:#ef444440!important}@media (width<=1024px){:root{--content-padding-x:24px;--content-padding-y:24px}.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #ffffff0d;border-right:none;padding:20px}.sidebar nav{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.sidebar a{text-align:center;justify-content:center;padding:10px;font-size:14px}}@media (width<=768px){.landing-hero h1{font-size:28px}.landing-hero p.hero-subtitle{font-size:16px}.hero-ctas{flex-direction:column;align-items:stretch;max-width:320px;margin:0 auto 40px}.landing-search-card{padding:24px}.dictionary-search-row{grid-template-columns:1fr}.dictionary-search-row button{width:100%}.landing-header{flex-direction:column;gap:16px;padding:16px}.landing-nav{flex-wrap:wrap;justify-content:center;gap:16px 20px}}.topbar-logo-wrapper{flex:1;justify-content:flex-start;display:flex}.topbar-nav-wrapper{flex:none;justify-content:center;display:flex}.topbar-right-wrapper{flex:1;justify-content:flex-end;align-items:center;gap:20px;display:flex}.topbar-nav{align-items:center;gap:6px;display:flex}.topbar-nav-link{color:var(--neutral-900);text-transform:uppercase;letter-spacing:.05em;opacity:1;align-items:center;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s;display:flex;background:0 0!important;border:none!important}.topbar-nav-link:hover{color:var(--neutral-900)!important;opacity:.65!important;background:0 0!important;border:none!important}.topbar-nav-link.active{font-weight:700;color:var(--neutral-900)!important;opacity:1!important;background:0 0!important;border:none!important}.topbar-nav-link .material-symbols-rounded{display:none!important}.authenticated-shell .desktop-capsule-nav{display:none}.authenticated-shell .authenticated-content{flex-direction:column;flex:1 0 auto;padding-top:80px;padding-bottom:1.2rem;display:flex}.auth-utility-cluster{z-index:62!important;pointer-events:none!important;background:0 0!important;border-bottom:1px solid #0000!important;width:100%!important;padding:18px 0!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.auth-utility-cluster.scrolled{-webkit-backdrop-filter:blur(12px)!important;background:#f8fafcb8!important;border-bottom:1px solid #e2e8f0cc!important;padding:12px 0!important;box-shadow:0 4px 20px -5px #0f172a08!important}html.dark .auth-utility-cluster.scrolled{background:#080e1cb8!important;border-bottom:1px solid #ffffff0f!important;box-shadow:0 4px 20px -5px #0000004d!important}.auth-utility-cluster__inner{pointer-events:auto!important;justify-content:flex-end!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:0 24px!important;display:flex!important}.auth-utility-sync{color:#eff4ff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a1222ad;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 14px;display:inline-flex}body.admin-modal-active .auth-bottom-dock{display:none!important}.auth-bottom-dock{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;pointer-events:none;justify-content:center;width:calc(100vw - 24px);display:flex;position:fixed;transform:translate(-50%)}.auth-bottom-dock__inner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#0a1222b8;border:none;border-radius:9999px;align-items:center;gap:6px;width:fit-content;max-width:min(660px,100%);padding:6px;display:flex;box-shadow:0 10px 26px #00000038;overflow:visible!important}.auth-bottom-dock__slot{position:relative}.auth-bottom-dock__item{appearance:none;width:46px;height:46px;box-shadow:none;color:#eff4ffc2;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:all .18s;display:inline-flex;position:relative;border-radius:50%!important}.auth-bottom-dock__item:hover{color:#fff;background:#ffffff14}.auth-bottom-dock__item.active{color:#7dd3fc;background:#7dd3fc26;box-shadow:none!important}.auth-bottom-dock__icon{background:0 0;justify-content:center;align-items:center;display:inline-flex}.auth-bottom-dock__item.active .auth-bottom-dock__icon{color:#7dd3fc}.auth-bottom-dock__item:focus,.auth-bottom-dock__item:focus-visible,.auth-bottom-dock__item:active{box-shadow:none;background:0 0;outline:none}.auth-bottom-dock__tooltip{color:#eff4ff;white-space:nowrap;opacity:0;pointer-events:none;background:#08111ff5;border:1px solid #ffffff14;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;line-height:1;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,8px);box-shadow:0 16px 28px #00000047}.auth-bottom-dock__tooltip:after{content:"";background:#08111ff5;border-bottom:1px solid #ffffff14;border-right:1px solid #ffffff14;width:9px;height:9px;position:absolute;top:100%;left:50%;transform:translate(-50%)rotate(45deg)}.auth-bottom-dock__item:hover .auth-bottom-dock__tooltip{opacity:1;transform:translate(-50%)}.auth-skill-popover{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;background:#0a1222db;border:none;border-radius:18px;gap:2px;min-width:160px;padding:6px;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%,10px);box-shadow:0 24px 46px #00000057}.auth-skill-popover.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.auth-skill-popover__item{color:#eff4ffd1;border-radius:10px;align-items:center;gap:6px;padding:7px 8px;font-size:12px;font-weight:600;text-decoration:none;transition:background-color .16s,color .16s;display:flex}.auth-skill-popover__item:hover{color:#eff4ff;background:#ffffff0f}.auth-skill-popover__item.active{color:#7dd3fc;background:#7dd3fc26}.auth-skill-popover__icon{background:0 0;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.auth-bottom-dock__slot.open .auth-bottom-dock__tooltip{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}.apps-section-header{flex-direction:column;align-items:flex-start;gap:6px;margin:28px 0 16px;display:flex}.apps-section-header .section-title{color:var(--neutral-800);font-size:22px;font-weight:800;font-family:var(--font-display);white-space:nowrap;align-items:center;gap:8px;margin:0;display:flex}.apps-section-header .section-title .material-symbols-rounded{color:var(--primary);font-size:24px}.apps-section-header .section-subtitle{color:var(--neutral-500);margin:0;font-size:14px;font-weight:500}.apps-section-header .section-divider-line{display:none}.launchpad-grid-premium{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:16px;margin-bottom:12px;display:grid}@media (width<=1200px){.launchpad-grid-premium{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.launchpad-grid-premium{grid-template-columns:1fr}.launchpad-card-content-left{max-width:calc(100% - 110px)!important}.launchpad-card-mascot-container{opacity:.9!important;width:150px!important}.launchpad-card-premium{min-height:190px!important;padding:24px 20px!important}}.launchpad-card-premium{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:inherit;text-decoration:none;position:relative;background:#ffffffbf!important;border:1px solid #ffffff80!important;border-radius:20px!important;flex-direction:row!important;align-items:stretch!important;min-height:220px!important;padding:24px!important;transition:background .35s,border-color .35s,box-shadow .35s,transform .35s cubic-bezier(.25,1,.5,1)!important;display:flex!important;overflow:hidden!important;box-shadow:0 10px 30px -10px #0000000a!important}.launchpad-card-premium:hover{transform:translateY(-5px);box-shadow:none!important;border-color:#fffc!important}.launchpad-card-content-left{z-index:2;flex-direction:column;flex-grow:1;justify-content:space-between;max-width:62%;display:flex}.launchpad-card-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.launchpad-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 10px #0000000d}.launchpad-icon-box .material-symbols-rounded{color:#fff;font-size:20px}.launchpad-card-header h4{font-size:17px;font-weight:800;font-family:var(--font-display);margin:0;color:var(--neutral-800)!important}.launchpad-description{flex-grow:1;font-size:13.5px;line-height:1.55;color:var(--neutral-500)!important;margin:0 0 16px!important}.launchpad-arrow{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;color:var(--neutral-600)!important;background:#1a244414!important;align-self:flex-start!important;transition:all .3s cubic-bezier(.25,1,.5,1)!important}.launchpad-arrow .material-symbols-rounded{font-size:18px!important}.launchpad-card-premium:hover .launchpad-arrow{transform:scale(1.08);background:var(--primary)!important;color:#fff!important}.launchpad-card-mascot-container{pointer-events:none;z-index:1;width:215px;position:absolute;top:0;bottom:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000005 5%,#0009 20%,#000 50%)!important;mask-image:linear-gradient(90deg,#0000 0%,#00000005 5%,#0009 20%,#000 50%)!important}.launchpad-card-mascot-container .launchpad-mascot-img{object-fit:cover;object-position:center right;border-radius:0 18px 18px 0;width:100%;height:100%;transition:transform .4s cubic-bezier(.25,1,.5,1);position:absolute;top:0;bottom:0;right:0}.launchpad-card-premium.card-blue .launchpad-icon-box{background:#3b82f6!important;box-shadow:0 6px 12px #3b82f640!important}.launchpad-card-premium.card-blue:hover h4{color:#3b82f6!important}.launchpad-card-premium.card-purple .launchpad-icon-box{background:#a855f7!important;box-shadow:0 6px 12px #a855f740!important}.launchpad-card-premium.card-purple:hover h4{color:#a855f7!important}.launchpad-card-premium.card-pink .launchpad-icon-box{background:#ec4899!important;box-shadow:0 6px 12px #ec489940!important}.launchpad-card-premium.card-pink:hover h4{color:#ec4899!important}.launchpad-card-premium.card-teal .launchpad-icon-box{background:#14b8a6!important;box-shadow:0 6px 12px #14b8a640!important}.launchpad-card-premium.card-teal:hover h4{color:#14b8a6!important}.launchpad-card-premium.card-amber .launchpad-icon-box{background:#f59e0b!important;box-shadow:0 6px 12px #f59e0b40!important}.launchpad-card-premium.card-amber:hover h4{color:#f59e0b!important}.launchpad-card-premium.card-red .launchpad-icon-box{background:#ef4444!important;box-shadow:0 6px 12px #ef444440!important}.launchpad-card-premium.card-red:hover h4{color:#ef4444!important}.launchpad-card-premium.card-indigo .launchpad-icon-box{background:#6366f1!important;box-shadow:0 6px 12px #6366f140!important}.launchpad-card-premium.card-indigo:hover h4{color:#6366f1!important}.launchpad-card-premium.card-slate .launchpad-icon-box{background:#64748b!important;box-shadow:0 6px 12px #64748b40!important}.launchpad-card-premium.card-slate:hover h4{color:#64748b!important}.launchpad-card-premium.card-orange .launchpad-icon-box{background:#fb923c!important;box-shadow:0 6px 12px #fb923c40!important}.launchpad-card-premium.card-orange:hover h4{color:#fb923c!important}.selected-glow{transform:translateY(-2px);box-shadow:0 0 15px #fb923c66!important}.planet-selected-glow{transform:translateY(-2px);box-shadow:0 0 15px #60a5fa66!important}.shake-red-glow{animation:.5s ease-in-out shake;border-color:#f43f5e!important;box-shadow:0 0 20px #f43f5e8c!important}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.dashboard-footer-meta{border-top:1px solid var(--neutral-200);gap:24px;margin-top:12px;padding-top:16px;display:flex}.dashboard-footer-meta .definition-meta{color:var(--neutral-500);align-items:center;gap:6px;margin:0;font-size:13.5px;font-weight:500;display:inline-flex}.dashboard-footer-meta .definition-meta .material-symbols-rounded{color:var(--neutral-400);font-size:16px}.topbar-toggle-btn{display:none!important}@media (width<=1024px){.topbar-nav-wrapper{display:none!important}.topbar-toggle-btn{cursor:pointer;margin-left:8px;box-shadow:none!important;color:var(--neutral-700)!important;background:0 0!important;border:none!important;border-radius:50%!important;outline:none!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;padding:0!important;transition:background-color .2s,color .2s!important;display:flex!important}.topbar-toggle-btn:hover,.topbar-toggle-btn:active,.topbar-toggle-btn:focus{background-color:var(--neutral-100)!important;color:var(--neutral-900)!important;box-shadow:none!important;border:none!important;outline:none!important}.topbar-toggle-btn span,.topbar-toggle-btn .material-symbols-rounded{font-size:24px!important}.auth-status{padding:16px 0!important}}@media (width<=768px){:root{--content-padding-x:16px;--content-padding-y:16px}body{font-size:14px!important;line-height:1.5!important}.auth-status{padding:12px 0!important}.topbar-user-info,.topbar-divider{display:none!important}input,textarea,select,.form-control,.search-input{font-size:16px!important}.bell-dropdown-menu{min-width:290px;right:-115px}.bell-dropdown-menu:before{right:127px!important}.bell-dropdown-menu:after{right:126px!important}.profile-dropdown-menu{min-width:280px;right:-56px;padding:16px!important}.profile-dropdown-menu:before{right:68px!important}.profile-dropdown-menu:after{right:67px!important}}.mobile-nav-drawer{z-index:10000;box-sizing:border-box;background:#fff;flex-direction:column;width:100vw;height:100vh;padding:24px;display:none;position:fixed;top:0;right:0}.mobile-nav-drawer.open{animation:.35s cubic-bezier(.16,1,.3,1) forwards slideLeftDrawer;display:flex}@keyframes slideLeftDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width>=1025px){.mobile-nav-drawer{display:none!important}}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.drawer-close-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex;box-shadow:none!important;color:var(--neutral-700)!important;background:0 0!important;border:none!important}.drawer-close-btn:hover{background-color:var(--neutral-100)!important}.drawer-close-btn span{font-size:28px}.drawer-nav{flex-direction:column;gap:16px;display:flex}.drawer-nav .topbar-nav-link{border-radius:var(--radius-md);text-align:left;box-sizing:border-box;width:100%;display:block;padding:12px 16px!important;font-size:18px!important}.global-search-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}html.dark .global-search-backdrop{background:#020617b3}.global-search-modal{width:100%;max-width:680px;box-shadow:var(--shadow-2xl);color:var(--neutral-800);background:#fff;border:1px solid #00000014;border-radius:20px;flex-direction:column;gap:20px;padding:28px;animation:.25s cubic-bezier(.34,1.56,.64,1) slideDown;display:flex;overflow:hidden}html.dark .global-search-modal{color:#f1f5f9;background:#0f172af2;border-color:#ffffff14;box-shadow:0 25px 50px -12px #00000080}.modal-header{color:var(--neutral-800);border-bottom:none;justify-content:space-between;align-items:center;padding-bottom:0;display:flex}html.dark .modal-header{color:#f1f5f9}.close-modal-btn{background:var(--neutral-50);border:1px solid var(--neutral-200);cursor:pointer;width:36px;height:36px;color:var(--neutral-600);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}html.dark .close-modal-btn{color:#94a3b8;background:#ffffff0d;border-color:#ffffff1a}.close-modal-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fee2e2}html.dark .close-modal-btn:hover{color:#ef4444;background:#ef444426;border-color:#ef444433}.modal-search-form{background:0 0;border:none;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.modal-search-input{flex:1;transition:all .25s;color:#1e293b!important;box-shadow:none!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:99px!important;outline:none!important;padding:12px 24px!important;font-size:15px!important}html.dark .modal-search-input{color:#f1f5f9!important;background:#1e293b80!important;border-color:#ffffff1a!important}.modal-search-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow)!important;background:#fff!important}html.dark .modal-search-input:focus{background:#1e293bcc!important}.modal-search-input::placeholder{color:#94a3b8}.modal-search-btn{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:99px;align-items:center;gap:6px;height:46px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.modal-search-btn:hover{opacity:.9;transform:translateY(-1px)}.modal-search-btn:disabled{opacity:.6;cursor:not-allowed}.global-search-modal .modal-body-scroll{padding-right:6px}.global-search-modal .modal-body-scroll::-webkit-scrollbar{width:6px}.global-search-modal .modal-body-scroll::-webkit-scrollbar-track{background:0 0}.global-search-modal .modal-body-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}html.dark .global-search-modal .modal-body-scroll::-webkit-scrollbar-thumb{background:#475569}.global-search-modal .dictionary-result-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}html.dark .global-search-modal .dictionary-result-card{background:#1e293b66;border-color:#ffffff0d}.global-search-modal .empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}html.dark .global-search-modal .empty-state{color:#94a3b8}.global-search-modal .empty-state span{color:#cbd5e1;font-size:40px}html.dark .global-search-modal .empty-state span{color:#475569}.global-search-modal .save-word-panel{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-top:16px;padding:14px 20px;display:flex}html.dark .global-search-modal .save-word-panel{background:#1e293b4d;border-color:#ffffff0d}.global-search-modal .save-word-panel p{color:#64748b;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}html.dark .global-search-modal .save-word-panel p{color:#94a3b8}.global-search-modal .save-word-panel button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.global-search-modal .save-word-panel button:hover{background:#1d4ed8}@media (width<=576px){.global-search-backdrop{padding:12px}.global-search-modal{border-radius:16px;gap:14px;max-height:90vh;padding:18px}.modal-header strong{font-size:15px!important}.close-modal-btn{width:32px;min-width:32px;height:32px;min-height:32px}.modal-search-form{gap:8px}.modal-search-input{padding:12px 20px!important;font-size:14px!important}.modal-search-btn{justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;border-radius:50%!important;padding:0!important}.modal-btn-text{display:none!important}.global-search-modal .dictionary-result-card{padding:14px}.global-search-modal .save-word-panel{text-align:center;flex-direction:column;align-items:stretch;gap:12px;padding:12px}.global-search-modal .save-word-panel p{justify-content:center}.global-search-modal .save-word-panel button{justify-content:center;width:100%}.vocab-ai-panel-premium.compact .ai-compact-controls{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.vocab-ai-panel-premium.compact .ai-compact-quota{text-align:center!important;width:100%!important}.vocab-ai-panel-premium.compact .ai-helper-submit-btn{justify-content:center!important;width:100%!important;padding:12px 20px!important}}.global-search-trigger{box-shadow:var(--shadow-sm)}.global-search-trigger:hover{border-color:var(--primary)!important;color:var(--neutral-700)!important;box-shadow:none!important;background:#fff!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.global-search-trigger{justify-content:center;width:40px;height:40px;border-radius:50%!important;min-width:40px!important;padding:0!important}.global-search-trigger span{display:none!important}.global-search-modal{gap:12px;max-width:95%;padding:16px}}.draggable-search-bubble{z-index:9999;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;position:fixed}.draggable-search-bubble.dragging{cursor:grabbing;transition:transform .1s,box-shadow .1s;transform:scale(1.1)}.draggable-search-bubble:hover:not(.dragging){transform:translateY(-4px)scale(1.05)}.draggable-search-bubble:active{cursor:grabbing}.bubble-inner{background:var(--primary);color:#fff;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;box-shadow:0 4px 12px #2563eb59}.bubble-inner span{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 48;font-size:28px!important}.bubble-pulse-ring{display:none}.global-search-modal .dictionary-result{box-shadow:none!important;background:0 0!important;border:none!important;margin-top:12px!important;padding:12px 0 0!important}.global-search-modal .ai-helper-panel{background:var(--neutral-50)!important;border-radius:var(--radius-md)!important;border:none!important;margin-top:12px!important;padding:16px!important}.global-search-modal .ai-result{box-shadow:none!important;background:0 0!important;border:none!important;padding:8px 0 0!important}.global-search-modal .save-word-panel{background:var(--neutral-50)!important;border-radius:var(--radius-md)!important;border:none!important;margin-top:12px!important;padding:16px!important}.draggable-ai-bubble{z-index:9999;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .25s cubic-bezier(.25,1,.5,1),box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px;background:0 0!important;border:none!important;border-radius:50%!important;outline:none!important;padding:0!important}.draggable-ai-bubble:focus,.draggable-ai-bubble:focus-visible{box-shadow:none!important;border-radius:50%!important;outline:none!important}.draggable-ai-bubble:hover{transform:scale(1.06)}.draggable-ai-bubble:active{transform:scale(.95)}.draggable-ai-bubble .bubble-inner{background:linear-gradient(135deg,#4f46e5 0%,#312e81 100%)!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important;overflow:hidden!important;box-shadow:0 4px 16px #4f46e573,inset 0 1px 1px #ffffff40!important}.draggable-ai-bubble.active .bubble-inner{background:var(--neutral-700)!important;border-radius:50%!important;box-shadow:0 4px 12px #00000026!important}.bubble-mascot-avatar{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important;padding:0!important;transition:transform .25s cubic-bezier(.25,1,.5,1)!important;transform:scale(1.15)!important}.draggable-ai-bubble:hover .bubble-mascot-avatar{transform:scale(1.25)rotate(-4deg)!important}.draggable-ai-bubble .bubble-inner span{transition:transform .25s cubic-bezier(.25,1,.5,1)}.draggable-ai-bubble.active .bubble-inner span{transform:rotate(90deg)}.ai-chat-widget{border-radius:var(--radius-xl);z-index:10001;border:1px solid var(--neutral-200);transform-origin:100% 100%;background:#fff;flex-direction:column;width:380px;max-width:calc(100vw - 48px);height:520px;max-height:calc(100vh - 140px);animation:.28s cubic-bezier(.34,1.56,.64,1) forwards widget-fade-in;display:flex;position:fixed;bottom:96px;right:24px;overflow:hidden;box-shadow:0 12px 40px #0000001f}@keyframes widget-fade-in{0%{opacity:0;transform:translateY(40px)scale(.3)}to{opacity:1;transform:translateY(0)scale(1)}}.widget-header{background:var(--primary);color:#fff;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.widget-header-title{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.widget-close-btn{color:#ffffffd9;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.widget-close-btn:hover{color:#fff;background:#ffffff26}.widget-body{background:#f8fafc;flex-direction:column;flex:1;display:flex;overflow:hidden}.widget-messages-scroll{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.widget-message-wrapper{gap:8px;max-width:85%;display:flex}.widget-message-wrapper.user{flex-direction:row-reverse;align-self:flex-end}.widget-message-wrapper.assistant{align-self:flex-start}.widget-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.widget-avatar.user{background:var(--primary-light);color:var(--primary)}.widget-avatar.assistant{color:#475569;background:#e2e8f0}.widget-message-bubble{word-break:break-word;padding:10px 14px;font-size:13.5px;line-height:1.45;border-radius:20px!important}.widget-message-wrapper.user .widget-message-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:20px!important}.widget-message-wrapper.assistant .widget-message-bubble{color:var(--neutral-800);border:1px solid var(--neutral-200);background:#fff;border-bottom-left-radius:20px!important}.widget-presets{white-space:nowrap;border-top:1px solid var(--neutral-100);background:#f8fafc;gap:8px;padding:8px 16px;display:flex;overflow-x:auto;scrollbar-width:none!important;-ms-overflow-style:none!important}.widget-presets::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.widget-presets::-webkit-scrollbar-track{background:0 0!important;display:none!important}.widget-presets::-webkit-scrollbar-thumb{background:0 0!important;display:none!important}.widget-preset-btn{border:1px solid var(--neutral-200);color:var(--neutral-700);cursor:pointer;background:#fff;border-radius:16px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:11.5px;transition:all .2s;display:flex}.widget-preset-btn:hover{background:var(--primary-light);border-color:var(--primary-light);color:var(--primary)}.widget-input-area{border-top:1px solid var(--neutral-200);background:#fff;align-items:flex-end;gap:8px;padding:12px;display:flex}.widget-input{border:1px solid var(--neutral-200);resize:none;border-radius:20px;outline:none;flex:1;max-height:80px;padding:8px 14px;font-size:13.5px;line-height:1.4;transition:border-color .2s}.widget-input:focus{border-color:var(--primary)}.widget-send-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s,transform .1s;display:flex}.widget-send-btn:hover:not(:disabled){background:var(--primary-hover)}.widget-send-btn:active:not(:disabled){transform:scale(.95)}.widget-send-btn:disabled{background:var(--neutral-200);color:var(--neutral-400);cursor:not-allowed}.typing-indicator{align-items:center;gap:4px;padding:4px 8px;display:flex}.typing-dot{background:var(--neutral-400);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typingBounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.floating-search-pill-container{z-index:9999;-webkit-user-select:none;user-select:none;touch-action:none;box-sizing:border-box;transition:width .35s cubic-bezier(.25,1,.5,1),left .35s cubic-bezier(.25,1,.5,1),right .35s cubic-bezier(.25,1,.5,1),transform .25s cubic-bezier(.25,1,.5,1),box-shadow .25s,opacity .2s,background-color .25s,border-color .25s;position:fixed}.floating-search-pill-container.dragging{transition:none!important}.floating-search-pill-container.search-open{opacity:0!important;pointer-events:none!important;transform:scale(.01)!important}.floating-search-pill-container.expanded{border:1px solid var(--neutral-200);cursor:grab;background:#fff;border-radius:22px;align-items:center;width:250px;height:44px;display:flex;box-shadow:0 4px 16px #0000000f}.floating-search-pill-container.expanded:focus-within{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow), 0 4px 16px #00000014!important}.floating-search-pill-container.expanded.dragging{cursor:grabbing;transform:scale(1.02);box-shadow:0 8px 24px #0000001a}.floating-search-pill-container.expanded:hover:not(.dragging){transform:translateY(-2px);box-shadow:none!important}.pill-content-wrapper{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 12px 0 16px;display:flex}.pill-search-trigger{color:var(--neutral-500);flex:1;align-items:center;gap:8px;font-size:13.5px;display:flex}.pill-search-trigger span.material-symbols-rounded{color:var(--neutral-400);font-size:18px}.pill-search-hotkey{background:var(--neutral-100);color:var(--neutral-600);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700}.pill-collapse-btn{box-shadow:none!important;color:var(--neutral-400)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:28px!important;min-width:28px!important;height:28px!important;margin-left:8px!important;padding:0!important;transition:background-color .25s,color .25s!important;display:flex!important}.pill-collapse-btn:hover{background:var(--neutral-50)!important;color:var(--neutral-700)!important;box-shadow:none!important}.floating-search-pill-container.collapsed{border:1px solid var(--neutral-200);background:#fff;justify-content:center;align-items:center;width:36px;height:44px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000000d}.floating-search-pill-container.collapsed.right{border-right:none;border-top-left-radius:22px;border-bottom-left-radius:22px;transform:translate(1px);left:auto!important;right:0!important}.floating-search-pill-container.collapsed.left{border-left:none;border-top-right-radius:22px;border-bottom-right-radius:22px;transform:translate(-1px);left:0!important;right:auto!important}.floating-search-pill-container.collapsed:hover{transform:translate(0);background:var(--neutral-50)!important}.pill-expand-arrow-btn{box-shadow:none!important;color:var(--neutral-500)!important;cursor:pointer!important;background:0 0!important;border:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;height:100%!important;padding:0!important;transition:color .25s!important;display:flex!important}.pill-expand-arrow-btn:hover{color:var(--neutral-800)!important;box-shadow:none!important;background:0 0!important}.pill-expand-arrow-btn span.material-symbols-rounded{font-size:20px}.pill-search-input{color:var(--neutral-800);width:100%;font-size:13.5px;box-shadow:none!important;-webkit-user-select:text!important;user-select:text!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;height:24px!important;margin:0!important;padding:0!important;line-height:24px!important}.pill-search-input:focus{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.pill-search-input::placeholder{color:var(--neutral-400)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.card-grid.large{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.card-grid.compact{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.admin-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:24px;display:grid}.animate-slide-up-fade{animation:.6s cubic-bezier(.16,1,.3,1) both slideUpFade}.animate-fade-in{animation:.35s cubic-bezier(.16,1,.3,1) both slideUpFade}.admin-card{border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--neutral-50);color:inherit;cursor:pointer;gap:16px;padding:20px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.admin-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary)!important}.ai-chat-container{grid-template-columns:1fr 2.5fr;gap:24px;display:grid}.speaking-container{grid-template-columns:1.2fr 1fr;gap:32px;display:grid}.teacher-details-columns{grid-template-columns:1fr 2fr;gap:32px;display:grid}.topbar-left{align-items:center;gap:16px;display:flex}.topbar-right{align-items:center;gap:20px;display:flex}@media (width<=768px){.content section{border-radius:var(--radius-md)!important;padding:16px!important}.class-cover-header{height:120px!important}.features-grid{grid-template-columns:1fr!important;gap:20px!important}.launchpad-grid,.launchpad-grid-premium{grid-template-columns:1fr!important;gap:16px!important}.stats-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:12px!important}.stat-card-premium{gap:14px!important}.card-grid,.card-grid.large,.card-grid.compact,.admin-grid,.ai-chat-container{grid-template-columns:1fr!important;gap:16px!important}.speaking-container{grid-template-columns:1fr!important;gap:20px!important}.teacher-details-columns{grid-template-columns:1fr!important;gap:24px!important}.speaking-practice-page{padding:16px!important}.speaking-visualizer-card{padding:20px 16px!important}.state-machine-card{padding:16px!important}.spec-info-card{padding:12px 16px!important}.saved-word-card header{flex-wrap:wrap!important;gap:12px!important}.saved-word-card{padding:16px!important}.saved-word-card h3{font-size:24px!important}.word-card{padding:16px!important}.topbar-right-wrapper{gap:12px!important}.topbar-logo img{height:26px!important}}@media (width<=576px){.auth-status-inner .topbar-left{display:none!important}.auth-status-inner{justify-content:center!important}}.content .speaking-practice-page,.content .vocabulary-page,.content .vocabulary-page-premium{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.content-wrapper{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex;overflow-x:hidden}.classes-header-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.classes-header-actions .filter-row{gap:8px;display:flex}@media (width<=576px){.classes-header-actions{flex-direction:column;align-items:stretch;gap:12px}.classes-header-actions .primary-button,.classes-header-actions .filter-row{justify-content:center}}.content .profile-page{flex-direction:column;gap:32px;animation:.5s cubic-bezier(.16,1,.3,1) slideUpFade;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-hero-banner{border-radius:var(--radius-lg);border:1px solid var(--neutral-200);box-shadow:var(--shadow-md);background:#fff;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}html.dark .profile-hero-banner{-webkit-backdrop-filter:blur(16px)saturate(180%)!important;background:#0f172a73!important;border-color:#33415580!important;box-shadow:0 35px 80px #00000073,inset 0 1px 1px #ffffff0d!important}.profile-banner-bg{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#c084fc 100%);height:120px;position:relative}.profile-banner-bg:after{content:"";background:radial-gradient(circle at 80% 20%,#ffffff26 0%,#0000 50%);position:absolute;inset:0}.profile-banner-content{z-index:2;align-items:flex-end;gap:24px;margin-top:-60px;padding:0 32px 32px;display:flex;position:relative}.profile-avatar-wrapper{flex-shrink:0;position:relative}.profile-avatar-container-outer{cursor:pointer;box-shadow:var(--shadow-lg);background:#fff;border:4px solid #fff;border-radius:50%;transition:transform .25s,box-shadow .25s;position:relative}html.dark .profile-avatar-container-outer{background:#0f172a99;border-color:#33415580}.profile-avatar-container-outer:hover{transform:scale(1.03);box-shadow:none!important}.profile-avatar-large{color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:40px;font-weight:800;display:flex;position:relative;overflow:hidden}.user-avatar-img-large{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-hover-overlay{color:#fff;opacity:0;background:#0f172a99;border-radius:50%;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.profile-avatar-container-outer:hover .avatar-hover-overlay{opacity:1}.remove-avatar-btn-overlay{cursor:pointer;box-shadow:var(--shadow-sm);position:absolute;top:0;right:0;color:#fff!important;background:#ef4444!important;border:2px solid #fff!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;transition:transform .2s,background-color .2s!important;display:flex!important}html.dark .remove-avatar-btn-overlay{border-color:#1e293b!important}.remove-avatar-btn-overlay:hover{transform:scale(1.1);background-color:#dc2626!important}.remove-avatar-btn-overlay .material-symbols-rounded{font-size:16px!important}.profile-hero-info{flex-direction:column;gap:4px;padding-bottom:8px;display:flex}.profile-name-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.profile-name-row h2{font-size:26px;font-weight:800;font-family:var(--font-display);color:var(--neutral-900);margin:0}.role-badge-premium{color:#4f46e5;text-transform:uppercase;letter-spacing:.5px;background:#4f46e514;border:1px solid #4f46e526;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}html.dark .role-badge-premium{color:#a5b4fc;background:#818cf826;border-color:#818cf84d}.profile-email-sub{color:var(--neutral-500);align-items:center;gap:6px;margin:0;font-size:14px;display:flex}.profile-email-sub .material-symbols-rounded{font-size:18px}.profile-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.profile-left-col,.profile-right-col{flex-direction:column;gap:24px;display:flex}.profile-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:24px;transition:transform .25s,box-shadow .25s;border:1px solid var(--neutral-200)!important}html.dark .profile-card{-webkit-backdrop-filter:blur(16px)saturate(180%)!important;background:#0f172a73!important;border-color:#33415580!important;box-shadow:0 35px 80px #00000073,inset 0 1px 1px #ffffff0d!important}.profile-card:hover{box-shadow:var(--shadow-md)}.card-section-header{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.card-section-icon{color:#4f46e5;background:#4f46e514;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}html.dark .card-section-icon{color:#818cf8;background:#818cf81f}.card-section-header h3{color:var(--neutral-900);margin:8px 0 0;font-size:18px;font-weight:800}.form-card-premium .card-section-header h3{margin:0}.card-section-sub{color:var(--neutral-500);margin:4px 0 0;font-size:13.5px;line-height:1.4}.profile-stats-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.profile-stat-box{border-radius:var(--radius-md);border:1px solid var(--neutral-200);background:var(--neutral-50);align-items:center;gap:16px;padding:20px;transition:transform .2s,border-color .2s;display:flex}html.dark .profile-stat-box{background:#0f172a4d;border-color:#334155}.profile-stat-box:hover{border-color:var(--neutral-300);transform:translateY(-2px)}.profile-stat-box .stat-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.profile-stat-box.box-blue .stat-icon{color:#2563eb;background:#eff6ff}html.dark .profile-stat-box.box-blue .stat-icon{color:#60a5fa;background:#2563eb26}.profile-stat-box.box-teal .stat-icon{color:#0d9488;background:#f0fdfa}html.dark .profile-stat-box.box-teal .stat-icon{color:#2dd4bf;background:#0d948826}.stat-data{flex-direction:column;display:flex}.stat-val{color:var(--neutral-900);font-size:22px;font-weight:800;line-height:1.2}.stat-lbl{color:var(--neutral-500);font-size:12px;font-weight:600}.card-divider{background:var(--neutral-200);height:1px;margin:24px 0}html.dark .card-divider{background:#334155}.user-details-list{flex-direction:column;gap:14px;display:flex}.user-detail-row{justify-content:space-between;align-items:center;font-size:14px;display:flex}.detail-lbl{color:var(--neutral-500);align-items:center;gap:8px;font-weight:600;display:flex}.detail-lbl .material-symbols-rounded{color:var(--neutral-400);font-size:18px}.detail-val{color:var(--neutral-800);font-weight:700}.detail-val.code-font{background:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:13px}html.dark .detail-val.code-font{background:#0f172a80;border-color:#334155}.status-active{color:#10b981;align-items:center;gap:6px;display:flex}.status-active:before{content:"";background:#10b981;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #10b98180}.profile-form-premium{flex-direction:column;gap:24px;margin-top:8px;display:flex}.form-group-premium{flex-direction:column;gap:8px;display:flex}.form-group-premium label{color:var(--neutral-700);font-size:13.5px;font-weight:700}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .material-symbols-rounded{color:var(--neutral-400);pointer-events:none;font-size:20px;position:absolute;left:14px}.input-with-icon input{border:1px solid var(--neutral-200);border-radius:var(--radius-md);background-color:var(--neutral-50);width:100%;color:var(--neutral-900);padding:12px 16px 12px 44px;transition:border-color .25s,box-shadow .25s,background-color .25s;font-size:15px!important}html.dark .input-with-icon input{background-color:#0f172a66;border-color:#334155}.input-with-icon input:focus{background-color:#fff;border-color:#4f46e5;outline:none;box-shadow:0 0 0 4px #4f46e51f}html.dark .input-with-icon input:focus{background-color:#0f172a;box-shadow:0 0 0 4px #6366f133}.form-grid-premium{grid-template-columns:1fr 1fr;gap:16px;display:grid}.profile-alert{border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;font-weight:600;display:flex}.profile-alert .material-symbols-rounded{flex-shrink:0;font-size:20px}.alert-error{color:#dc2626;background:#fef2f2;border:1px solid #dc262626}html.dark .alert-error{color:#fca5a5;background:#dc26261f;border-color:#dc262640}.alert-success{color:#16a34a;background:#f0fdf4;border:1px solid #16a34a26}html.dark .alert-success{color:#86efac;background:#16a34a1f;border-color:#16a34a40}.save-changes-btn-premium{cursor:pointer;justify-content:center;align-self:flex-start;align-items:center;gap:8px;width:fit-content;padding:12px 24px;display:inline-flex;box-shadow:0 4px 12px #4f46e533;color:#fff!important;border-radius:var(--radius-md)!important;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%)!important;border:none!important;font-size:14.5px!important;font-weight:700!important;transition:transform .2s,box-shadow .2s,opacity .2s!important}.save-changes-btn-premium:hover{transform:translateY(-1px);box-shadow:none!important}.save-changes-btn-premium:active{transform:translateY(0)}.save-changes-btn-premium:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=1024px){.profile-grid{grid-template-columns:1fr;gap:24px}}@media (width<=768px){.profile-hero-banner{border-radius:var(--radius-md)}.profile-banner-bg{height:100px}.profile-banner-content{flex-direction:column;align-items:flex-start;gap:16px;margin-top:-50px;padding:0 20px 24px}.profile-avatar-large{width:84px;height:84px;font-size:32px}.profile-hero-info{padding-bottom:0}.form-grid-premium{grid-template-columns:1fr}.save-changes-btn-premium{align-self:stretch;width:100%}}@media (width<=480px){.profile-stats-grid{grid-template-columns:1fr}}html.dark{--neutral-50:#0f172a;--neutral-100:#1e293b;--neutral-200:#334155;--neutral-300:#475569;--neutral-400:#64748b;--neutral-500:#94a3b8;--neutral-600:#cbd5e1;--neutral-700:#e2e8f0;--neutral-800:#f1f5f9;--neutral-900:#f8fafc;--card-bg:#1e293b;--glass-bg:#1e293bcc;--glass-border:#33415580;--primary-light:#1e293b}html.dark body{color:#e2e8f0;background-color:#0f172a}html.dark .app-shell,html.dark .public-shell,html.dark .auth-split-container,html.dark .auth-split-right{background:#0f172a!important}html.dark .auth-status,html.dark .landing-header{background:#0f172acc!important;border-bottom:1px solid #334155!important}html.dark .content section,html.dark .dictionary-result,html.dark .word-card,html.dark .saved-word-card,html.dark .launchpad-card,html.dark .daily-study-card,html.dark .profile-dropdown-menu,html.dark .bell-dropdown-menu,html.dark .mobile-nav-drawer,html.dark .landing-search-card,html.dark .feature-card,html.dark .step-item,html.dark .cta-box{color:var(--neutral-700)!important;background:#1e293b00!important;border-color:#33415500!important}html.dark .content .dashboard-page,html.dark .content .profile-page,html.dark .content .vocabulary-page,html.dark .content .vocabulary-page-premium,html.dark .content .speaking-practice-page,html.dark .content .admin-dashboard-page:not(.liquid-glass){box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}html.dark .bell-dropdown-menu:before,html.dark .profile-dropdown-menu:before{border-bottom-color:#1e293b!important}html.dark .bell-dropdown-menu:after,html.dark .profile-dropdown-menu:after{border-bottom-color:#334155!important}html.dark .topbar-divider{border-left-color:#334155!important}html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark strong,html.dark .topbar-user-name,html.dark .topbar-logo,html.dark .landing-logo{color:#f8fafc!important}html.dark p,html.dark span,html.dark li,html.dark label,html.dark .dictionary-intro,html.dark .detail-label{color:#cbd5e1!important}html.dark input,html.dark select,html.dark textarea{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}html.dark input:focus{border-color:var(--primary)!important}html.dark .google-auth-btn{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important}html.dark .google-auth-btn:hover{background:#334155!important;border-color:#475569!important}html.dark .auth-remember-me label.checkbox-label{color:#cbd5e1!important}html.dark .auth-remember-me label.checkbox-label input[type=checkbox]{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important;accent-color:#38bdf8!important}.topbar-theme-btn{cursor:pointer;box-shadow:none!important;color:var(--neutral-600)!important;background:0 0!important;border:none!important;border-radius:50%!important;outline:none!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;padding:0!important;transition:background-color .2s,color .2s!important;display:flex!important}.topbar-theme-btn:hover,.topbar-theme-btn:active,.topbar-theme-btn:focus{background-color:var(--neutral-100)!important;color:var(--neutral-800)!important;box-shadow:none!important;border:none!important;outline:none!important}html.dark .topbar-theme-btn,html.dark .topbar-theme-btn:hover,html.dark .topbar-theme-btn:active,html.dark .topbar-theme-btn:focus{color:#fbbf24!important}.topbar-theme-btn:hover .material-symbols-rounded{animation:.6s theme-shake}@keyframes theme-shake{0%{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}90%{transform:rotate(-5deg)}to{transform:rotate(0)}}.topbar-theme-btn .material-symbols-rounded{transform-origin:50%;font-size:24px!important}html.dark .floating-search-pill-container.expanded{-webkit-backdrop-filter:none!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 16px #00000040!important}html.dark .floating-search-pill-container.expanded:focus-within{border-color:#38bdf8!important;box-shadow:0 0 0 3px #38bdf826,0 4px 16px #0000004d!important}html.dark .floating-search-pill-container.collapsed{-webkit-backdrop-filter:none!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 12px #0003!important}html.dark .floating-search-pill-container.collapsed:hover{background:#334155!important;border-color:#475569!important}html.dark .pill-search-input,html.dark .pill-search-input:focus{color:#f8fafc!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;padding:0!important}html.dark .pill-search-input::placeholder{color:#64748b!important}html.dark .pill-search-trigger{color:#94a3b8!important}html.dark .pill-search-trigger span.material-symbols-rounded{color:#64748b!important}html.dark .pill-search-hotkey{color:#cbd5e1!important;background:#334155!important}html.dark .pill-collapse-btn{color:#64748b!important}html.dark .pill-collapse-btn:hover{color:#f8fafc!important;background:#ffffff0f!important}html.dark .pill-expand-arrow-btn{color:#94a3b8!important}html.dark .pill-expand-arrow-btn:hover{color:#f8fafc!important;background:0 0!important}html.dark .ai-chat-widget{background:#1e293b!important;border-color:#334155!important;box-shadow:0 12px 40px #0006!important}html.dark .widget-header{color:#f8fafc!important;background:#1e293b!important;border-bottom:1px solid #334155!important}html.dark .widget-close-btn{color:#94a3b8!important}html.dark .widget-close-btn:hover{color:#f8fafc!important;background:#ffffff0f!important}html.dark .widget-body{background:#0f172a!important}html.dark .widget-presets{background:#0f172a!important;border-top-color:#1e293b!important}html.dark .widget-preset-btn{color:#cbd5e1!important;background:#1e293b!important;border-color:#334155!important}html.dark .widget-preset-btn:hover{color:#38bdf8!important;background:#38bdf81a!important;border-color:#38bdf8!important}html.dark .widget-message-wrapper.assistant .widget-message-bubble{color:#cbd5e1!important;background:#1e293b!important;border-color:#334155!important}html.dark .widget-avatar.assistant{color:#cbd5e1!important;background:#334155!important}html.dark .widget-avatar.user{color:#38bdf8!important;background:#38bdf81a!important}html.dark .widget-input-area{background:#1e293b!important;border-top-color:#334155!important}html.dark .widget-input{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}html.dark .widget-input:focus{border-color:#38bdf8!important}html.dark .widget-send-btn{color:#38bdf8!important}html.dark .widget-send-btn:disabled{color:#475569!important}.widget-message-bubble.loading-bubble{border:1px solid var(--neutral-200);background:#fff;border-bottom-left-radius:20px!important}html.dark .widget-message-bubble.loading-bubble{background:#1e293b!important;border-color:#334155!important}html.dark .draggable-ai-bubble.active .bubble-inner{color:#cbd5e1!important;background:#334155!important;border-radius:50%!important;box-shadow:0 4px 12px #0000004d!important}@media (width<=768px){.authenticated-shell .authenticated-content{padding-bottom:4.5rem;padding-top:80px!important}.authenticated-shell .authenticated-content.content-full-bleed{padding-top:0!important;padding-bottom:0!important}.auth-bottom-dock{padding-bottom:calc(24px + env(safe-area-inset-bottom));width:calc(100vw - 16px);bottom:16px}.draggable-ai-bubble{bottom:calc(108px + env(safe-area-inset-bottom))!important;right:16px!important}.ai-chat-widget{bottom:calc(180px + env(safe-area-inset-bottom))!important;max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 220px)!important;right:16px!important}.auth-bottom-dock__inner{gap:4px;max-width:100%;padding:6px}.auth-bottom-dock__item{width:42px;height:42px;border-radius:50%!important}.auth-bottom-dock__icon{border-radius:10px;width:28px;height:28px}.auth-skill-popover{min-width:184px}.auth-utility-cluster{padding:8px 0!important}.auth-utility-cluster__inner{gap:8px!important;padding:0 12px!important}.dashboard-welcome-banner{padding:24px}.welcome-banner-content{flex-direction:column;align-items:flex-start;gap:16px}.welcome-avatar{width:64px;height:64px;font-size:24px}.welcome-text h2{font-size:24px}.daily-study-card-premium{flex-direction:column;align-items:flex-start;padding:24px}.daily-study-card-premium .card-right{align-items:flex-start;width:100%}.study-actions-premium{width:100%}.study-actions-premium a{justify-content:center;width:100%}.dashboard-footer-meta{flex-direction:column;gap:10px}}html.dark .dashboard-welcome-banner{box-shadow:none!important;background:0 0!important;border:none!important}html.dark .daily-study-card-premium,html.dark .stat-card-premium,html.dark .launchpad-card-premium{-webkit-backdrop-filter:blur(16px)!important;background:#0f172a73!important;border-color:#ffffff14!important}html.dark .daily-study-card-premium:after{background:#6366f1}html.dark .daily-study-card-premium:hover,html.dark .stat-card-premium:hover,html.dark .launchpad-card-premium:hover{background:#1e293bd9!important;border-color:#6366f14d!important}html.dark .daily-study-card-premium .status-indicator{background:#33415580!important}html.dark .daily-study-card-premium .status-text{color:var(--neutral-300)!important}html.dark .daily-study-card-premium h3,html.dark .stat-card-premium .stat-meta strong,html.dark .launchpad-card-premium h4,html.dark .apps-section-header .section-title{color:#f1f5f9!important}html.dark .daily-study-card-premium .status-desc,html.dark .stat-card-premium .stat-meta span,html.dark .launchpad-card-premium p,html.dark .dashboard-footer-meta .definition-meta{color:#94a3b8!important}html.dark .daily-study-card-premium .status-desc strong{color:#f8fafc!important}html.dark .apps-section-header .section-divider-line,html.dark .dashboard-footer-meta{background:#334155!important;border-color:#334155!important}html.dark .launchpad-card-premium.card-blue .launchpad-icon-box,html.dark .launchpad-card-premium.card-blue .launchpad-icon-premium,html.dark .stat-card-premium.blue .stat-icon-wrapper{color:#60a5fa!important;background:#2563eb38!important}html.dark .launchpad-card-premium.card-purple .launchpad-icon-box,html.dark .launchpad-card-premium.card-purple .launchpad-icon-premium,html.dark .stat-card-premium.indigo .stat-icon-wrapper{color:#c084fc!important;background:#9333ea38!important}html.dark .launchpad-card-premium.card-pink .launchpad-icon-box,html.dark .launchpad-card-premium.card-pink .launchpad-icon-premium,html.dark .stat-card-premium.rose .stat-icon-wrapper{color:#f472b6!important;background:#db277738!important}html.dark .launchpad-card-premium.card-teal .launchpad-icon-box,html.dark .launchpad-card-premium.card-teal .launchpad-icon-premium,html.dark .stat-card-premium.green .stat-icon-wrapper{color:#2dd4bf!important;background:#0d948838!important}html.dark .launchpad-card-premium.card-amber .launchpad-icon-box,html.dark .launchpad-card-premium.card-amber .launchpad-icon-premium,html.dark .stat-card-premium.amber .stat-icon-wrapper{color:#fbbf24!important;background:#d9770638!important}html.dark .launchpad-card-premium.card-red .launchpad-icon-box,html.dark .launchpad-card-premium.card-red .launchpad-icon-premium{color:#f87171!important;background:#dc262638!important}html.dark .launchpad-card-premium.card-indigo .launchpad-icon-box,html.dark .launchpad-card-premium.card-indigo .launchpad-icon-premium{color:#818cf8!important;background:#4f46e538!important}html.dark .launchpad-card-premium.card-slate .launchpad-icon-box,html.dark .launchpad-card-premium.card-slate .launchpad-icon-premium{color:#94a3b8!important;background:#47556938!important}html.dark .launchpad-card-premium.card-orange .launchpad-icon-box,html.dark .launchpad-card-premium.card-orange .launchpad-icon-premium{color:#fb923c!important;background:#fb923c38!important}html.dark .success-message{color:#34d399!important;background:#10b98126!important;border-color:#10b9814d!important}html.dark .error-message,html.dark .btn-archive-class,html.dark .btn-remove-student{color:#f87171!important;background:#ef444426!important;border-color:#ef44444d!important}html.dark .btn-archive-class:hover,html.dark .btn-remove-student:hover{color:#fca5a5!important;background:#ef444440!important}html.dark .ai-chat-box,html.dark .ai-chat-sidebar{background:#1e293b!important;border-color:#334155!important}html.dark .message-icon{color:#cbd5e1!important;background:#0f172a!important}html.dark .message-icon.bg-success{color:#34d399!important;background:#10b98133!important}html.dark .ai-helper-panel{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)!important;border-color:#334155!important}html.dark .ai-result{color:#cbd5e1!important;background:#0f172a!important;border-color:#334155!important}html.dark .ai-result h5{color:#818cf8!important}html.dark .saved-word-card{background:#1e293b!important;border-color:#334155!important}html.dark .saved-word-card:hover{background:#243147!important;border-color:#475569!important}html.dark .saved-word-card h3{color:#f8fafc!important}html.dark .saved-word-card .eyebrow{color:#94a3b8!important;background:#33415580!important}html.dark .saved-word-card>p{color:#cbd5e1!important}html.dark .saved-word-card header button.secondary-button{color:#64748b!important}html.dark .saved-word-card header button.secondary-button:hover{color:#f87171!important;background:#ef44441a!important}html.dark .saved-word-card>a{color:#60a5fa!important;background:#2563eb26!important}html.dark .saved-word-card>a:hover{color:#fff!important;background:#2563eb!important}html.dark .saved-word-card .definition-meta{color:#64748b!important}@media (width<=768px){.saved-word-list{grid-template-columns:1fr;gap:16px}.saved-word-card{padding:20px}.saved-word-card h3{font-size:24px}.vocabulary-page .study-actions{flex-direction:column;align-items:stretch;width:100%;padding:12px;display:flex}.vocabulary-page .study-actions .cta-link,.vocabulary-page .study-actions .secondary-button{justify-content:center;width:100%}}.speaking-practice-page{flex-direction:column;gap:28px;animation:.4s ease-out fadeIn;display:flex}.speaking-header{margin-bottom:8px}.speaking-header h2{color:var(--neutral-900);font-size:32px;font-weight:800;font-family:var(--font-display);margin:4px 0 0}.speaking-container{grid-template-columns:1.2fr 1fr;align-items:start;gap:28px;display:grid}.speaking-visualizer-card{border:1px solid var(--neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:32px;padding:36px;transition:border-color .3s,box-shadow .3s;display:flex}.speaking-visualizer-card:hover{box-shadow:var(--shadow-md)}.mic-indicator-wrapper{text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}.mic-circle{border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mic-circle.idle{background:var(--neutral-100);color:var(--neutral-600);border:1px solid var(--neutral-200);cursor:pointer}.mic-circle.idle:hover{background:var(--neutral-200);transform:scale(1.05)}.mic-circle.recording{color:#ef4444;background:#fee2e2;border:1px solid #fca5a5;box-shadow:0 0 0 6px #ef44441f}.mic-circle.completed{color:#10b981;background:#f0fdf4;border:1px solid #bbf7d0}.mic-circle.completed:hover{cursor:pointer;background:#dcfce7;transform:scale(1.05)}.mic-circle.uploading,.mic-circle.queued,.mic-circle.processing{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.mic-pulse-ring-1,.mic-pulse-ring-2{opacity:0;pointer-events:none;border:2px solid #ef4444;border-radius:50%;position:absolute;inset:-12px}.mic-circle.recording .mic-pulse-ring-1{animation:2s linear infinite mic-pulse}.mic-circle.recording .mic-pulse-ring-2{animation:2s linear 1s infinite mic-pulse}@keyframes mic-pulse{0%{opacity:.6;transform:scale(.85)}to{opacity:0;transform:scale(1.4)}}.mic-indicator-wrapper .status-text{color:var(--neutral-800);max-width:320px;min-height:48px;margin:0;font-size:15px;font-weight:600;line-height:1.6}.waveform-mockup{opacity:.2;justify-content:center;align-items:center;gap:5px;width:100%;max-width:240px;height:36px;margin-top:4px;transition:opacity .3s;display:flex}.waveform-mockup.recording{opacity:1}.waveform-mockup .wave-bar{background:var(--neutral-300);border-radius:2px;width:4px;height:8px;transition:background-color .3s;display:inline-block}.waveform-mockup.recording .wave-bar{background:#ef4444;animation:1s ease-in-out infinite bounce-wave}.waveform-mockup.recording .wave-bar:first-child{height:16px;animation-delay:.1s}.waveform-mockup.recording .wave-bar:nth-child(2){height:24px;animation-delay:.3s}.waveform-mockup.recording .wave-bar:nth-child(3){height:12px;animation-delay:.5s}.waveform-mockup.recording .wave-bar:nth-child(4){height:32px;animation-delay:.2s}.waveform-mockup.recording .wave-bar:nth-child(5){height:20px;animation-delay:.4s}.waveform-mockup.recording .wave-bar:nth-child(6){height:28px;animation-delay:.6s}.waveform-mockup.recording .wave-bar:nth-child(7){height:14px;animation-delay:.15s}.waveform-mockup.recording .wave-bar:nth-child(8){height:22px;animation-delay:.35s}.waveform-mockup.recording .wave-bar:nth-child(9){height:10px;animation-delay:.55s}.waveform-mockup.recording .wave-bar:nth-child(10){height:18px;animation-delay:.25s}@keyframes bounce-wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(2.6)}}.spec-info-card{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);text-align:left;padding:20px 24px}.spec-info-card h4{color:var(--neutral-800);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:14px;font-weight:800}.spec-info-card p{color:var(--neutral-600);align-items:flex-start;gap:8px;margin:0 0 10px;font-size:13.5px;line-height:1.5;display:flex}.spec-info-card p:last-child{margin-bottom:0}.spec-info-card p .material-symbols-rounded{color:var(--neutral-400);flex-shrink:0;margin-top:2px;font-size:18px}.spec-info-card strong{color:var(--neutral-800)}.state-machine-card{border:1px solid var(--neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-align:left;background:#fff;flex-direction:column;gap:16px;padding:36px;display:flex}.state-machine-card h4{color:var(--neutral-850);font-size:18px;font-weight:800;font-family:var(--font-display);margin:0}.state-machine-card .dictionary-hint{color:var(--neutral-500);margin:0 0 8px;font-size:14px}.state-steps{flex-direction:column;gap:8px;margin:8px 0 12px;display:flex}.state-step-item{border-radius:var(--radius-md);color:var(--neutral-600);background:var(--neutral-50);border:1px solid var(--neutral-100);align-items:center;gap:12px;padding:12px 18px;font-size:13.5px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.state-step-item .material-symbols-rounded{color:var(--neutral-400);font-size:18px}.state-step-item.active{background:var(--primary-light);color:var(--primary);box-shadow:var(--shadow-sm);border-color:#2563eb33;font-weight:700;transform:translate(4px)}.state-step-item.active .material-symbols-rounded{color:var(--primary)}.state-debug-note{color:var(--neutral-500);margin:0 0 8px;font-size:13.5px}.state-debug-note strong{text-transform:uppercase;letter-spacing:.05em;font-size:12px}.btn-mock-record{justify-content:center;width:100%;padding:14px 20px!important;font-size:14.5px!important}html.dark .speaking-visualizer-card,html.dark .state-machine-card{background:#1e293b!important;border-color:#334155!important}html.dark .spec-info-card,html.dark .state-step-item{color:#94a3b8!important;background:#0f172a66!important;border-color:#334155!important}html.dark .state-step-item.active{color:#60a5fa!important;background:#2563eb26!important;border-color:#2563eb4d!important}html.dark .state-step-item.active .material-symbols-rounded{color:#60a5fa!important}html.dark .mic-circle.idle{color:#94a3b8!important;background:#0f172a80!important;border-color:#334155!important}html.dark .mic-circle.idle:hover{color:#f8fafc!important;background:#334155!important}html.dark .mic-circle.completed{color:#34d399!important;background:#10b9811f!important;border-color:#10b9814d!important}html.dark .mic-circle.uploading,html.dark .mic-circle.queued,html.dark .mic-circle.processing{color:#60a5fa!important;background:#2563eb1f!important;border-color:#2563eb4d!important}html.dark .speaking-header h2,html.dark .spec-info-card h4,html.dark .state-machine-card h4,html.dark .mic-indicator-wrapper .status-text,html.dark .spec-info-card strong{color:#f1f5f9!important}html.dark .state-machine-card .dictionary-hint,html.dark .spec-info-card p,html.dark .state-debug-note{color:#94a3b8!important}@media (width<=900px){.speaking-container{grid-template-columns:1fr;gap:24px}}.session-countdown{border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.session-countdown.is-upcoming{background:var(--primary-light);color:var(--primary)}.session-countdown.is-live{color:#15803d;background:#dcfce7;animation:2s ease-in-out infinite pulse-live}.session-countdown.is-ended{background:var(--neutral-100);color:var(--neutral-600)}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.7}}.teacher-filter-bar{box-shadow:none;background:0 0;border:none;border-radius:0;grid-template-columns:1fr auto auto;gap:12px;margin-bottom:8px;padding:12px 0;display:grid}.teacher-filter-bar .search-input-wrapper{align-items:center;display:flex;position:relative}.teacher-filter-bar .search-input-wrapper input{border:1px solid var(--neutral-200);background:var(--card-bg);width:100%;color:var(--neutral-900);border-radius:99px;padding:10px 14px 10px 36px;font-size:14px;transition:all .2s}.teacher-filter-bar .search-input-wrapper input::placeholder{color:var(--neutral-500);opacity:1}.teacher-filter-bar .search-input-wrapper input:focus{border-color:var(--primary);background:var(--card-bg);outline:none;box-shadow:0 0 0 3px #7c3aed26}.teacher-filter-bar .search-input-wrapper .search-icon{color:var(--neutral-500);font-size:18px;position:absolute;left:12px}.teacher-filter-bar .filter-select{border-radius:var(--radius-md);border:1px solid var(--neutral-200);background-color:var(--card-bg);color:var(--neutral-800);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:1.15rem;outline:none;padding:10px 36px 10px 16px;font-size:14px;transition:all .2s}.teacher-filter-bar .filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.class-card-meta{color:var(--neutral-600);align-items:center;gap:16px;margin:6px 0;font-size:13px;display:flex}.class-card-meta span{align-items:center;gap:4px;display:inline-flex}.class-card-next-session{background:var(--neutral-50);border-radius:var(--radius-md);border:1px solid var(--neutral-100);justify-content:space-between;align-items:center;margin-top:6px;padding:8px 12px;display:flex}.class-card-next-session .next-session-title{color:var(--neutral-700);text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:12px;font-weight:600;overflow:hidden}.invite-toggle-container{border-top:1px solid var(--neutral-100);justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.invite-toggle-label{color:var(--neutral-700);font-size:13px;font-weight:600}.invite-toggle-label .invite-status-open{color:#15803d}.invite-toggle-label .invite-status-closed{color:#b91c1c}.members-header-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.member-search-wrapper{align-items:center;display:flex;position:relative}.member-search-wrapper input{border-radius:var(--radius-md);border:1px solid var(--neutral-200);background:var(--neutral-50);width:100%;color:var(--neutral-800);padding:10px 14px 10px 36px;font-size:13.5px;transition:all .2s}.member-search-wrapper input:focus{border-color:var(--primary);background:var(--card-bg);outline:none}.member-search-wrapper .search-icon{color:var(--neutral-400);font-size:18px;position:absolute;left:12px}.session-actions-wrapper{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px;display:grid}.btn-quick-complete{color:#15803d!important;background:#dcfce7!important;border-color:#bcf0da!important}.btn-quick-complete:hover{background:#bcf0da!important}.btn-quick-cancel{color:#991b1b!important;background:#fee2e2!important;border-color:#fecaca!important}.btn-quick-cancel:hover{background:#fecaca!important}.duration-helpers-row{gap:6px;margin-top:6px;display:flex}.btn-duration-helper{padding:4px 10px!important;font-size:11px!important}html.dark .teacher-filter-bar{background:0 0;border-color:#0000}html.dark .teacher-filter-bar .search-input-wrapper input{color:#f1f5f9;background:#0f172a;border-color:#334155}html.dark .teacher-filter-bar .search-input-wrapper input::placeholder{color:#94a3b8;opacity:1}html.dark .teacher-filter-bar .search-input-wrapper input:focus{border-color:var(--primary);background:#1e293b}html.dark .teacher-filter-bar .search-input-wrapper .search-icon{color:#94a3b8}html.dark .teacher-filter-bar .filter-select{color:#f1f5f9;background-color:#1e293b;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");border-color:#334155}html.dark .teacher-filter-bar .filter-select:focus{border-color:var(--primary)}html.dark .class-card-next-session{background:#0f172a66;border-color:#334155}html.dark .class-card-next-session .next-session-title{color:#cbd5e1}html.dark .invite-toggle-container{border-color:#334155}html.dark .invite-toggle-label{color:#cbd5e1}html.dark .member-search-wrapper input{color:#f1f5f9;background:#1e293b;border-color:#334155}html.dark .member-search-wrapper input:focus{background:#0f172a}html.dark .btn-quick-complete{color:#34d399!important;background:#10b98126!important;border-color:#10b9814d!important}html.dark .btn-quick-complete:hover{background:#10b98140!important}html.dark .btn-quick-cancel{color:#f87171!important;background:#ef444426!important;border-color:#ef44444d!important}html.dark .btn-quick-cancel:hover{background:#ef444440!important}@media (width<=600px){.teacher-filter-bar{grid-template-columns:1fr}}.guest-tip-banner{border-radius:var(--radius-lg)!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;justify-content:center!important;align-items:center!important;margin-bottom:32px!important;padding:14px 20px!important;display:flex!important;box-shadow:0 4px 12px #2563eb05!important}html.dark .guest-tip-banner{box-shadow:none!important;background:#38bdf814!important;border-color:#38bdf833!important}.guest-tip-content{font-family:var(--font-sans)!important;color:var(--primary)!important;text-align:center!important;align-items:center!important;gap:10px!important;font-size:14.5px!important;font-weight:500!important;line-height:1.5!important;display:inline-flex!important}html.dark .guest-tip-content{color:#38bdf8!important}.guest-tip-content .material-symbols-rounded{color:#f59e0b!important;font-size:18px!important}.guest-tip-link{color:var(--primary)!important;font-weight:700!important;text-decoration:underline!important;transition:opacity .2s!important}html.dark .guest-tip-link{color:#38bdf8!important}.guest-tip-link:hover{opacity:.8!important}@media (width<=1024px){input,textarea,select,.input,.form-control,.search-input{box-sizing:border-box!important;font-size:16px!important}input:focus,textarea:focus,select:focus,.input:focus{outline:none!important}}.landing-header-premium{z-index:1000!important;pointer-events:none!important;justify-content:center!important;width:100%!important;max-width:1831px!important;padding:24px 16px 0!important;transition:all .3s!important;display:flex!important;position:fixed!important;top:0!important;left:50%!important;transform:translate(-50%)!important}.landing-header-premium.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#010828b3!important;border-bottom:1px solid #0ea5e926!important;padding-top:12px!important;padding-bottom:12px!important;box-shadow:0 10px 40px #00000080!important}html:not(.dark) .landing-header-premium.scrolled{background:#eff6ffcc!important;border-bottom:1px solid #0ea5e91f!important;box-shadow:0 10px 40px #0ea5e90a!important}@media (width>=640px){.landing-header-premium{padding-top:32px!important;padding-left:32px!important;padding-right:32px!important}}@media (width>=768px){.landing-header-premium{padding-left:48px!important;padding-right:48px!important}}@media (width>=1024px){.landing-header-premium{padding-left:64px!important;padding-right:64px!important}}.landing-header-premium .header-inner{pointer-events:auto!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:64px!important;display:flex!important;position:relative!important}.brand-logo-accent{color:#fff!important;text-shadow:none!important;align-items:center!important;padding:4px 8px!important;font-family:Condiment,cursive!important;font-size:38px!important;line-height:1.4!important;text-decoration:none!important;transition:all .3s!important;display:inline-flex!important}.brand-logo-accent:hover{text-shadow:none!important;transform:scale(1.05)!important}.desktop-capsule-nav{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;z-index:10!important;background:#ffffff03!important;border:none!important;border-radius:28px!important;padding:24px 52px!important;transition:all .3s!important;display:block!important;position:absolute!important;top:0!important;left:50%!important;overflow:hidden!important;transform:translate(-50%)!important;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #00000026,0 8px 32px #0006!important}@media (width<=1024px){.desktop-capsule-nav{display:none!important}}.capsule-nav-list{align-items:center!important;gap:32px!important;margin:0!important;padding:0!important;list-style:none!important;display:flex!important}.capsule-nav-link{text-transform:uppercase!important;letter-spacing:.05em!important;color:#fff!important;font-family:Anton,sans-serif!important;font-size:13px!important;text-decoration:none!important;transition:color .2s!important}.capsule-nav-link:hover,.capsule-nav-link.active{color:#0ea5e9!important}.premium-auth-buttons{align-items:center!important;gap:16px!important;display:flex!important}.topbar-theme-btn-premium{box-shadow:none!important;color:#eff4ff!important;cursor:pointer!important;aspect-ratio:1!important;background:0 0!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;transition:all .2s!important;display:flex!important}.topbar-theme-btn-premium:hover{color:#0ea5e9!important;background:#0ea5e91f!important}.login-btn-premium{text-transform:uppercase!important;letter-spacing:.05em!important;color:#eff4ff!important;border:1px solid #eff4ff4d!important;border-radius:16px!important;padding:10px 24px!important;font-family:Anton,sans-serif!important;font-size:13px!important;text-decoration:none!important;transition:all .2s!important}.login-btn-premium:hover{background:#ffffff1a!important;border-color:#eff4ff!important;transform:translateY(-1px)!important}.register-btn-premium{text-transform:uppercase!important;letter-spacing:.05em!important;color:#010828!important;background:#0ea5e9!important;border-radius:16px!important;padding:10px 28px!important;font-family:Anton,sans-serif!important;font-size:13px!important;text-decoration:none!important;transition:all .2s!important;box-shadow:0 0 15px #0ea5e966!important}.register-btn-premium:hover{box-shadow:none!important;transform:translateY(-1px)!important}.guest-dictionary-shell{color:#eff4ff!important;background:radial-gradient(circle at 15% 15%,#0ea5e90f 0%,#0000 45%),radial-gradient(circle at 85% 75%,#2563eb1f 0%,#0000 50%),radial-gradient(circle,#8b5cf60d 0%,#0000 60%),linear-gradient(#010725 0%,#030b30 50%,#01051c 100%)!important;min-height:100vh!important;position:relative!important;overflow-x:hidden!important}.guest-dictionary-shell .cosmic-bg-overlay,.guest-dictionary-shell .landing-starfield,.guest-dictionary-shell .cosmic-texture-overlay{display:block!important}.guest-dictionary-content{box-sizing:border-box!important;width:100%!important;max-width:1200px!important;margin:0 auto!important;padding-top:190px!important;padding-left:24px!important;padding-right:24px!important}.guest-dictionary-shell .content section,.guest-dictionary-shell section.dictionary-page,.guest-dictionary-shell section.vocabulary-page,.guest-dictionary-shell section.vocabulary-page-premium,.guest-dictionary-shell section.speaking-practice-page,.guest-dictionary-shell section.ai-assistant-page,.guest-dictionary-shell section.review-page,html.dark .guest-dictionary-shell .content section,html.dark .guest-dictionary-shell section.dictionary-page,html.dark .guest-dictionary-shell section.vocabulary-page,html.dark .guest-dictionary-shell section.vocabulary-page-premium,html.dark .guest-dictionary-shell section.speaking-practice-page,html.dark .guest-dictionary-shell section.ai-assistant-page,html.dark .guest-dictionary-shell section.review-page{box-shadow:none!important;color:#eff4ff!important;background:0 0!important;border:none!important;padding:0!important}.guest-header-content{text-align:left!important;width:100%!important;margin-bottom:40px!important}.guest-header-content .eyebrow{color:#0ea5e9!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin-bottom:8px!important;font-family:Outfit,sans-serif!important;font-size:13px!important;font-weight:600!important}.guest-header-content h2{text-transform:none!important;color:#fff!important;letter-spacing:-.02em!important;margin-top:0!important;font-family:Outfit,sans-serif!important;font-size:40px!important;font-weight:700!important;line-height:1.2!important}.guest-header-content .dictionary-intro{color:#eff4ffb3!important;max-width:640px!important;margin-top:10px!important;margin-bottom:0!important;font-family:Inter,sans-serif!important;font-size:15px!important;line-height:1.6!important}.guest-dictionary-content .guest-tip-banner{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#0ea5e90a!important;border:1px solid #0ea5e926!important;border-radius:20px!important;box-shadow:0 8px 32px #0ea5e905!important}.guest-dictionary-content .guest-tip-content{color:#eff4ff!important}.guest-dictionary-content .guest-tip-content .material-symbols-rounded{color:#0ea5e9!important}.guest-dictionary-content .guest-tip-link{color:#0ea5e9!important;font-weight:700!important;text-decoration:underline!important}.guest-dictionary-content .guest-tip-link:hover{opacity:.8!important}.guest-dictionary-content .dictionary-search{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#ffffff03!important;border:none!important;border-radius:24px!important;padding:36px!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff14,0 16px 48px #00000080!important}.guest-dictionary-content .dictionary-search:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#fff6 0%,#ffffff1a 20%,#fff0 40% 60%,#ffffff1a 80%,#fff6 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.guest-dictionary-content .dictionary-search label{color:#eff4ffcc!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin-bottom:12px!important;font-family:Anton,sans-serif!important;font-size:14px!important;display:block!important}.guest-dictionary-content .dictionary-search input{color:#eff4ff!important;background:#ffffff05!important;border:1px solid #ffffff1a!important;border-radius:999px!important;padding:14px 24px!important;font-size:16px!important;transition:all .2s!important}.guest-dictionary-content .dictionary-search input:focus{background:#ffffff0a!important;border-color:#0ea5e9!important;box-shadow:0 0 20px #0ea5e94d!important}.guest-dictionary-content .dictionary-search button[type=submit]{color:#fff!important;text-transform:uppercase!important;letter-spacing:.03em!important;cursor:pointer!important;background:#0ea5e9!important;border-radius:999px!important;padding:14px 28px!important;font-family:Outfit,sans-serif!important;font-size:14px!important;font-weight:700!important;transition:all .2s!important;box-shadow:0 4px 12px #0ea5e926!important}.guest-dictionary-content .dictionary-search button[type=submit]:hover{box-shadow:none!important;background:#0284c7!important;transform:translateY(-1px)!important}.guest-dictionary-content .dictionary-hint{color:#eff4ff73!important;margin-top:12px!important}.guest-dictionary-content .empty-state{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;color:#eff4ffa6!important;background:#ffffff03!important;border:none!important;border-radius:24px!important;padding:48px 24px!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff14,0 8px 32px #0000004d!important}.guest-dictionary-content .empty-state:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#ffffff40 0%,#ffffff14 20%,#fff0 40% 60%,#ffffff14 80%,#ffffff40 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.guest-dictionary-content .empty-state strong{color:#eff4ff!important;margin-top:12px!important;font-size:18px!important}.guest-dictionary-content .empty-state p{color:#eff4ff73!important}.guest-dictionary-content .loading-state{color:#eff4ffcc!important;-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#ffffff03!important;border:none!important;border-radius:16px!important;padding:16px!important;font-style:italic!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff14,0 8px 32px #0000004d!important}.guest-dictionary-content .loading-state:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#ffffff40 0%,#ffffff14 20%,#fff0 40% 60%,#ffffff14 80%,#ffffff40 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.guest-dictionary-content .dictionary-result{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;color:#eff4ff!important;background:#ffffff03!important;border:none!important;border-radius:24px!important;padding:40px!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff14,0 24px 64px #00000080!important}.guest-dictionary-content .dictionary-result:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#fff6 0%,#ffffff1a 20%,#fff0 40% 60%,#ffffff1a 80%,#fff6 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.guest-dictionary-content .dictionary-result h3{color:#eff4ff!important;font-size:42px!important}.guest-dictionary-content .dictionary-result h4{color:#0ea5e9!important;text-transform:uppercase!important;letter-spacing:.05em!important;border-bottom:1px solid #ffffff14!important;margin-top:24px!important;padding-bottom:8px!important;font-family:Anton,sans-serif!important;font-size:16px!important}.guest-dictionary-content .dictionary-result .ipa{color:#eff4ff99!important}.guest-dictionary-content .dictionary-result .pronunciation-label{color:#0ea5e9!important}.guest-dictionary-content .dictionary-result .fallback-note{color:#fbd38d!important;background:#f59e0b14!important;border-left:4px solid #f59e0b!important}.guest-dictionary-content .save-word-panel{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#ffffff03!important;border:none!important;border-radius:20px!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:24px 32px!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff14,0 8px 32px #0000004d!important}.guest-dictionary-content .save-word-panel:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#fff6 0%,#ffffff1a 20%,#fff0 40% 60%,#ffffff1a 80%,#fff6 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.guest-dictionary-content .save-word-panel p{color:#eff4ff99!important;margin:0!important}.guest-dictionary-content .save-word-panel p .material-symbols-rounded{color:#0ea5e9!important}.guest-dictionary-content .save-word-panel button{color:#eff4ff!important;text-transform:uppercase!important;letter-spacing:.05em!important;cursor:pointer!important;background:#ffffff0a!important;border:1px solid #ffffff1a!important;border-radius:12px!important;padding:10px 20px!important;font-family:Anton,sans-serif!important;transition:all .2s!important}.guest-dictionary-content .save-word-panel button:hover:not(:disabled){color:#010828!important;box-shadow:none!important;background:#0ea5e9!important;border-color:#0ea5e9!important}.guest-dictionary-content .ai-helper-panel.compact{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;color:#eff4ff99!important;background:#ffffff03!important;border:none!important;border-radius:20px!important;justify-content:space-between!important;align-items:center!important;padding:24px 32px!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff14,0 8px 32px #0000004d!important}.guest-dictionary-content .ai-helper-panel.compact:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#fff6 0%,#ffffff1a 20%,#fff0 40% 60%,#ffffff1a 80%,#fff6 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.guest-dictionary-content .ai-helper-panel.compact p{align-items:center!important;gap:8px!important;margin:0!important;display:flex!important}.guest-dictionary-content .ai-helper-panel.compact p .material-symbols-rounded{color:#f59e0b!important}.guest-dictionary-content .ai-helper-panel.compact a{color:#010828!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#0ea5e9!important;border-radius:12px!important;padding:10px 24px!important;font-family:Anton,sans-serif!important;font-size:13px!important;text-decoration:none!important;transition:all .2s!important;box-shadow:0 0 12px #0ea5e94d!important}.guest-dictionary-content .ai-helper-panel.compact a:hover{box-shadow:none!important;transform:translateY(-1px)!important}.guest-dictionary-shell .auth-status{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#ffffff03!important;border:none!important;border-radius:20px!important;width:100%!important;max-width:960px!important;margin-bottom:32px!important;margin-left:auto!important;margin-right:auto!important;padding:20px 28px!important;display:block!important;position:relative!important;top:auto!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff14,0 8px 32px #0000004d!important}.guest-dictionary-shell .auth-status:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.guest-dictionary-shell .auth-status .auth-status-inner{color:#eff4ff!important;max-width:100%!important;padding:0!important}.guest-dictionary-shell .auth-status span{color:#eff4ff!important;font-size:15px!important;font-weight:500!important}.guest-dictionary-shell .auth-status .material-symbols-rounded{color:#0ea5e9!important;vertical-align:middle!important}.guest-dictionary-shell .auth-status .auth-status-actions .secondary-button{color:#eff4ff!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#ffffff0a!important;border:1px solid #ffffff26!important;border-radius:12px!important;padding:10px 24px!important;font-family:Anton,sans-serif!important;font-size:13px!important;transition:all .2s!important}.guest-dictionary-shell .auth-status .auth-status-actions .secondary-button:hover{background:#ffffff1f!important;border-color:#eff4ff!important}.guest-dictionary-shell .auth-status .auth-status-actions .primary-button{color:#010828!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#0ea5e9!important;border:none!important;border-radius:12px!important;padding:10px 28px!important;font-family:Anton,sans-serif!important;font-size:13px!important;transition:all .2s!important;box-shadow:0 4px 12px #0ea5e933!important}.guest-dictionary-shell .auth-status .auth-status-actions .primary-button:hover{box-shadow:none!important;transform:translateY(-1px)!important}.guest-dictionary-shell .landing-footer{color:#eff4ff!important;background:#01051c!important;border-top:1px solid #0ea5e926!important;padding:80px 48px 40px!important;box-shadow:0 -8px 32px #0ea5e903!important}.guest-dictionary-shell .landing-footer h3,.guest-dictionary-shell .landing-footer h5,.guest-dictionary-shell .landing-footer p,.guest-dictionary-shell .landing-footer a,.guest-dictionary-shell .landing-footer span{color:#eff4ffe6!important}.guest-dictionary-shell .landing-footer h3 .material-symbols-rounded,.guest-dictionary-shell .landing-footer .footer-contact-item .icon,.guest-dictionary-shell .landing-footer a:hover{color:#0ea5e9!important}.guest-dictionary-shell .landing-footer .footer-newsletter-section{border-bottom-color:#ffffff14!important}.guest-dictionary-shell .landing-footer .newsletter-form input{color:#eff4ff!important;background:#ffffff05!important;border:1px solid #ffffff1a!important;border-radius:12px!important;font-size:16px!important}.guest-dictionary-shell .landing-footer .newsletter-form input:focus{border-color:#0ea5e9!important;box-shadow:0 0 10px #0ea5e933!important}.guest-dictionary-shell .landing-footer .newsletter-form button.newsletter-btn{color:#010828!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#0ea5e9!important;border-radius:12px!important;font-family:Anton,sans-serif!important;font-size:13px!important;box-shadow:0 0 15px #0ea5e94d!important}.guest-dictionary-shell .landing-footer .newsletter-form button.newsletter-btn:hover{box-shadow:none!important;background:#0ea5e9!important}.guest-dictionary-shell .landing-footer .social-icon-btn{color:#eff4ff!important;background:#ffffff0a!important;border:1px solid #ffffff14!important}.guest-dictionary-shell .landing-footer .social-icon-btn:hover{color:#0ea5e9!important;background:#ffffff1a!important;border-color:#0ea5e9!important}.guest-toast-stack{pointer-events:none;flex-direction:column;gap:16px;width:440px;max-width:calc(100vw - 48px);display:flex;position:fixed;top:96px;right:24px;z-index:10100!important}.guest-toast-card{pointer-events:auto;flex-direction:column;gap:12px;transition:all .3s;animation:.5s cubic-bezier(.16,1,.3,1) forwards toast-slide-in;display:flex;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(25px)saturate(180%)!important;background:#010828a6!important;border-radius:16px!important;padding:16px 20px!important;box-shadow:inset 0 1px #ffffff14,0 12px 40px #00000080!important}.guest-toast-card.exiting{animation:.4s cubic-bezier(.16,1,.3,1) forwards toast-slide-out!important}.guest-toast-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.guest-toast-card.warning-card:before{background:linear-gradient(#00bfff80 0%,#00bfff26 20%,#00bfff00 40% 60%,#9333ea26 80%,#9333ea80 100%)!important}.guest-toast-card.warning-card{box-shadow:inset 0 1px #ffffff14,0 0 20px #00bfff26,0 12px 40px #00000080!important}.guest-toast-card.tip-card:before{background:linear-gradient(#0ea5e980 0%,#0ea5e926 20%,#0ea5e900 40% 60%,#0ea5e926 80%,#0ea5e980 100%)!important}.guest-toast-card.tip-card{box-shadow:inset 0 1px #ffffff14,0 0 20px #0ea5e926,0 12px 40px #00000080!important}.toast-body{align-items:flex-start;gap:12px;padding-right:24px;display:flex}.toast-icon{flex-shrink:0;margin-top:2px}.toast-icon.warning-icon{color:#00bfff!important}.toast-icon.tip-icon{color:#0ea5e9!important}.toast-text{color:#eff4ff!important;font-size:14px!important;font-weight:500!important;line-height:1.5!important}.toast-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:4px;display:flex}.toast-close-btn{position:absolute;top:12px;right:12px;color:#fff6!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:4px!important;transition:all .2s!important;display:flex!important}.toast-close-btn:hover{color:#fff!important;background:#ffffff1a!important}.toast-close-btn span{font-size:18px!important}.toast-btn-secondary{color:#eff4ff!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#ffffff0a!important;border:1px solid #ffffff26!important;border-radius:8px!important;padding:6px 16px!important;font-family:Anton,sans-serif!important;font-size:11px!important;text-decoration:none!important;transition:all .2s!important}.toast-btn-secondary:hover{background:#ffffff1f!important;border-color:#eff4ff!important}.toast-btn-primary{color:#010828!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#0ea5e9!important;border:none!important;border-radius:8px!important;padding:6px 18px!important;font-family:Anton,sans-serif!important;font-size:11px!important;text-decoration:none!important;transition:all .2s!important;box-shadow:0 4px 12px #0ea5e933!important}.toast-btn-primary:hover{box-shadow:none!important;transform:translateY(-1px)!important}.toast-tip-link{color:#0ea5e9!important;font-weight:600!important;text-decoration:underline!important;transition:opacity .2s!important}.toast-tip-link:hover{opacity:.8!important}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100px)scale(.9)}}@media (width<=576px){.guest-toast-stack{z-index:10100!important;gap:12px!important;width:auto!important;max-width:none!important;inset:96px 16px auto!important}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-100px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-100px)scale(.9)}}}.macos-browser-window{flex-direction:column;display:flex;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(16px)!important;text-align:left!important;background:#0f172a73!important;border:none!important;border-radius:16px!important;width:100%!important;max-width:960px!important;margin:32px auto 64px!important;box-shadow:inset 0 1px #ffffff1a,0 24px 70px #00000040!important}.macos-browser-window.macos-window-wide{max-width:1600px!important}.macos-browser-window.macos-window-plain .macos-window-header{background:0 0!important;border-bottom:none!important}.macos-browser-window.macos-window-plain .macos-window-content{padding-top:16px!important}.macos-browser-window.macos-window-achievements{-webkit-backdrop-filter:blur(16px)!important;background:#0f172a73!important}.macos-browser-window.macos-window-achievements:before{background:#ffffff14!important}html:not(.dark) .macos-browser-window.macos-window-achievements{-webkit-backdrop-filter:blur(16px)saturate(160%)!important;background:#ffffffbf!important;box-shadow:0 1px 3px #0f172a08,0 30px 70px #00000005!important}html:not(.dark) .macos-browser-window.macos-window-achievements:before{background:#00000014!important}.content .achievements-page{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.macos-browser-window:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:2;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#ffffff40 0%,#ffffff14 20%,#fff0 40% 60%,#ffffff14 80%,#ffffff40 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.macos-window-header{-webkit-user-select:none;user-select:none;z-index:10;grid-template-columns:80px 1fr 80px;align-items:center;height:48px;padding:0 16px;display:grid;background:#02061ab3!important;border-bottom:1px solid #ffffff14!important}.macos-window-controls{gap:8px;display:flex}.macos-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.macos-dot.red{background:#ff5f56}.macos-dot.yellow{background:#ffbd2e}.macos-dot.green{background:#27c93f}.macos-address-bar{color:#eff4ff99;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;max-width:480px;height:28px;margin:0 auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;display:flex}.macos-address-icon{color:#eff4ff66;font-size:14px!important}.macos-window-content{z-index:5;flex:1;background:0 0!important;padding:32px 40px!important}.macos-window-content .dictionary-page,.macos-window-content .vocabulary-page,.macos-window-content .vocabulary-page-premium,.macos-window-content .speaking-practice-page,.macos-window-content .ai-page{margin:0!important;padding:0!important}@media (width<=768px){.macos-window-content{padding:20px 16px!important}}.guest-dictionary-content .dictionary-search,.guest-dictionary-content .empty-state,.guest-dictionary-content .dictionary-result,.guest-dictionary-content .save-word-panel,.guest-dictionary-content .ai-helper-panel.compact,.guest-dictionary-content .speaking-visualizer-card,.guest-dictionary-content .spec-info-card,.guest-dictionary-content .state-machine-card,.guest-dictionary-content .ai-chat-sidebar,.guest-dictionary-content .ai-chat-box,html.dark .guest-dictionary-content .dictionary-search,html.dark .guest-dictionary-content .empty-state,html.dark .guest-dictionary-content .dictionary-result,html.dark .guest-dictionary-content .save-word-panel,html.dark .guest-dictionary-content .ai-helper-panel.compact,html.dark .guest-dictionary-content .speaking-visualizer-card,html.dark .guest-dictionary-content .spec-info-card,html.dark .guest-dictionary-content .state-machine-card,html.dark .guest-dictionary-content .ai-chat-sidebar,html.dark .guest-dictionary-content .ai-chat-box{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:16px 0!important}.guest-dictionary-content .dictionary-search:before,.guest-dictionary-content .empty-state:before,.guest-dictionary-content .dictionary-result:before,.guest-dictionary-content .save-word-panel:before,.guest-dictionary-content .ai-helper-panel.compact:before{content:none!important;display:none!important}.guest-dictionary-content .dictionary-search label{display:none!important}html:not(.dark) .guest-dictionary-shell{color:#1e293b!important;background-color:#fafbfc!important;background-image:radial-gradient(circle at 50% 45%,#0ea5e924 0%,#0000 55%),linear-gradient(#f0f9ff 0%,#fafbfc 100%)!important;background-size:100% 100%,100% 100%!important}html:not(.dark) .guest-dictionary-shell .landing-starfield,html:not(.dark) .guest-dictionary-shell .cosmic-bg-overlay,html:not(.dark) .guest-dictionary-shell .cosmic-texture-overlay{display:none!important}html:not(.dark) .guest-dictionary-shell .landing-footer{color:#334155!important;background:#f1f5f9!important;border-top:1px solid #0ea5e926!important;box-shadow:0 -4px 20px #0f172a08!important}html:not(.dark) .guest-dictionary-shell .landing-footer h3,html:not(.dark) .guest-dictionary-shell .landing-footer h5,html:not(.dark) .guest-dictionary-shell .landing-footer p,html:not(.dark) .guest-dictionary-shell .landing-footer a,html:not(.dark) .guest-dictionary-shell .landing-footer span{color:#334155!important}html:not(.dark) .guest-dictionary-shell .landing-footer a:hover,html:not(.dark) .guest-dictionary-shell .landing-footer h3 .material-symbols-rounded,html:not(.dark) .guest-dictionary-shell .landing-footer .footer-contact-item .icon{color:#0ea5e9!important}html:not(.dark) .guest-dictionary-shell .landing-footer .social-icon-btn{color:#334155!important;background:#0f172a0a!important;border:1px solid #0f172a14!important}html:not(.dark) .guest-dictionary-shell .landing-footer .social-icon-btn:hover{color:#0ea5e9!important;background:#0ea5e91a!important;border-color:#0ea5e9!important}html:not(.dark) .guest-header-content .eyebrow{color:#0284c7!important}html:not(.dark) .guest-header-content h2{color:#0f172a!important}html:not(.dark) .guest-header-content .dictionary-intro{color:#475569!important}html:not(.dark) .landing-header-premium .liquid-glass{-webkit-backdrop-filter:blur(24px)saturate(190%)!important;background:#ffffff73!important;border:1px solid #fff6!important;box-shadow:inset 0 1px #fffc,0 1px 2px #0f172a0d,0 12px 30px #0ea5e914!important}html:not(.dark) .landing-header-premium .liquid-glass:before{background:linear-gradient(#0f172a1f 0%,#0f172a0a 20%,#0f172a00 40% 60%,#0f172a0a 80%,#0f172a1f 100%)!important}html:not(.dark) .brand-logo-accent{-webkit-text-fill-color:transparent!important;text-shadow:none!important;background:linear-gradient(135deg,#0ea5e9 0%,#0369a1 100%)!important;-webkit-background-clip:text!important}html:not(.dark) .capsule-nav-link{color:#0f172a!important;background:0 0!important}html:not(.dark) .capsule-nav-link:hover,html:not(.dark) .capsule-nav-link.active{color:#0ea5e9!important;background:0 0!important}html:not(.dark) .topbar-theme-btn-premium{color:#475569!important;box-shadow:none!important;background:0 0!important;border:none!important}html:not(.dark) .topbar-theme-btn-premium:hover{color:#0ea5e9!important;background:#0ea5e91f!important}html:not(.dark) .login-btn-premium{color:#475569!important}html:not(.dark) .login-btn-premium:hover{color:#0284c7!important}html:not(.dark) .register-btn-premium{color:#fff!important;background:#0ea5e9!important;font-weight:700!important;box-shadow:0 4px 12px #0ea5e940!important}html:not(.dark) .register-btn-premium:hover{box-shadow:none!important;background:#0284c7!important}html:not(.dark) .macos-browser-window{-webkit-backdrop-filter:blur(16px)saturate(160%)!important;background:#ffffffbf!important;border:1px solid #fff6!important;box-shadow:inset 0 1px #ffffffd9,0 1px 3px #0f172a08,0 30px 70px #00000005!important}html:not(.dark) .macos-browser-window:before{background:linear-gradient(#0f172a1f 0%,#0f172a0a 20%,#0f172a00 40% 60%,#0f172a0a 80%,#0f172a1f 100%)!important}html:not(.dark) .macos-window-header{-webkit-backdrop-filter:blur(20px)saturate(190%)!important;background:linear-gradient(#ffffffb3 0%,#f4f5f680 100%)!important;border-bottom:1px solid #0f172a14!important}html:not(.dark) .macos-address-bar{color:#475569!important;background:#0f172a08!important;border:1px solid #0f172a0f!important}html:not(.dark) .macos-address-icon{color:#0f172a59!important}html:not(.dark) .macos-window-content{color:#1e293b!important}html:not(.dark) .guest-dictionary-content .dictionary-search input{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important}html:not(.dark) .guest-dictionary-content .dictionary-search input:focus{border-color:#0ea5e9!important;box-shadow:0 0 0 4px #0ea5e926!important}html:not(.dark) .guest-dictionary-content .dictionary-search button[type=submit]{color:#fff!important;background:#0ea5e9!important;font-weight:700!important}html:not(.dark) .guest-dictionary-content .dictionary-search button[type=submit]:hover{background:#0284c7!important}html:not(.dark) .guest-dictionary-content .dictionary-hint{color:#64748b!important}html:not(.dark) .guest-dictionary-content .empty-state strong{color:#0f172a!important}html:not(.dark) .guest-dictionary-content .empty-state p{color:#64748b!important}html:not(.dark) .guest-dictionary-content .empty-state .cta-link{color:#fff!important;background:#0ea5e9!important;font-weight:700!important;box-shadow:0 4px 12px #0ea5e940!important}html:not(.dark) .guest-dictionary-content .empty-state .cta-link:hover{background:#0284c7!important}html:not(.dark) .guest-dictionary-content .dictionary-result h3{color:#0f172a!important}html:not(.dark) .guest-dictionary-content .dictionary-result h4{color:#0284c7!important;border-bottom-color:#0f172a14!important}html:not(.dark) .guest-dictionary-content .dictionary-result,html:not(.dark) .guest-dictionary-content .pronunciation-block li{color:#334155!important}html:not(.dark) .guest-dictionary-content .pronunciation-label{color:#0284c7!important}html:not(.dark) .guest-dictionary-content .save-word-panel p{color:#475569!important}html:not(.dark) .guest-dictionary-content .save-word-panel p .material-symbols-rounded{color:#0284c7!important}html:not(.dark) .guest-dictionary-content .save-word-panel button{color:#0f172a!important;background:#0f172a0a!important;border:1px solid #0f172a14!important}html:not(.dark) .guest-dictionary-content .save-word-panel button:hover:not(:disabled){color:#fff!important;box-shadow:none!important;background:#0ea5e9!important;border-color:#0ea5e9!important}html:not(.dark) .guest-dictionary-content .ai-helper-panel.compact p{color:#475569!important}html:not(.dark) .guest-dictionary-content .ai-helper-panel.compact p .material-symbols-rounded{color:#e28743!important}html:not(.dark) .guest-dictionary-content .ai-helper-panel.compact a{color:#fff!important;background:#0ea5e9!important;font-weight:700!important;box-shadow:0 4px 12px #0ea5e940!important}html:not(.dark) .guest-dictionary-content .ai-helper-panel.compact a:hover{background:#0284c7!important}html:not(.dark) .guest-toast-card{background:#ffffffd9!important;box-shadow:inset 0 1px #ffffffe6,0 10px 30px #0f172a14!important}html:not(.dark) .guest-toast-card.warning-card:before{background:linear-gradient(#0ea5e94d 0%,#0ea5e914 20%,#0ea5e900 40% 60%,#0ea5e914 80%,#0ea5e94d 100%)!important}html:not(.dark) .guest-toast-card.tip-card:before{background:linear-gradient(#10b9814d 0%,#10b98114 20%,#10b98100 40% 60%,#10b98114 80%,#10b9814d 100%)!important}html:not(.dark) .toast-icon.warning-icon{color:#0284c7!important}html:not(.dark) .toast-icon.tip-icon{color:#10b981!important}html:not(.dark) .toast-text{color:#0f172a!important}html:not(.dark) .toast-close-btn{color:#0f172a66!important}html:not(.dark) .toast-close-btn:hover{color:#0f172a!important;background:#0f172a0d!important}html:not(.dark) .toast-btn-secondary{color:#334155!important;background:#0f172a0a!important;border:1px solid #0f172a14!important}html:not(.dark) .toast-btn-secondary:hover{background:#0f172a14!important;border-color:#0f172a!important}html:not(.dark) .toast-btn-primary{color:#fff!important;background:#0ea5e9!important;font-weight:700!important;box-shadow:0 4px 12px #0ea5e940!important}html:not(.dark) .toast-btn-primary:hover{box-shadow:none!important;background:#0284c7!important}html:not(.dark) .ai-chat-sidebar .secondary-button{color:#0369a1!important;box-shadow:none!important;background:#0ea5e90f!important;border:1px solid #0ea5e926!important;font-weight:600!important;transition:all .2s ease-in-out!important}html:not(.dark) .ai-chat-sidebar .secondary-button:hover{color:#0ea5e9!important;background:#0ea5e91f!important;border-color:#0ea5e94d!important}html.dark .ai-chat-sidebar .secondary-button{color:#38bdf8!important;box-shadow:none!important;background:#0ea5e914!important;border:1px solid #0ea5e933!important;font-weight:600!important;transition:all .2s ease-in-out!important}html.dark .ai-chat-sidebar .secondary-button:hover{color:#7dd3fc!important;background:#0ea5e929!important;border-color:#0ea5e966!important}.api-badge{color:#0284c7!important;background:#0ea5e914!important;border:1px solid #0ea5e926!important}html.dark .api-badge{color:#38bdf8!important;border-color:#0ea5e940!important}.primary-button:disabled{color:#0f172a66!important;cursor:not-allowed!important;box-shadow:none!important;background:#0ea5e940!important}html.dark .primary-button:disabled{color:#ffffff4d!important;background:#0ea5e926!important}html:not(.dark) .ai-chat-sidebar{background:#0ea5e908!important;border-color:#0ea5e914!important}html:not(.dark) .ai-chat-box{background:#ffffff80!important;border-color:#0ea5e926!important}html:not(.dark) .guest-dictionary-content .auth-prompt{box-shadow:none!important;background:0 0!important;border:none!important}html:not(.dark) .auth-prompt .material-symbols-rounded{color:#0ea5e9!important}html:not(.dark) .auth-prompt strong{color:#0f172a!important}html:not(.dark) .auth-prompt p{color:#64748b!important}html:not(.dark) .auth-prompt-login{color:#fff!important;background:#0ea5e9!important;box-shadow:0 4px 12px #0ea5e94d!important}html:not(.dark) .auth-prompt-login:hover{box-shadow:none!important;background:#0284c7!important}html:not(.dark) .auth-prompt-register{color:#0284c7!important;border-color:#0ea5e966!important}html:not(.dark) .auth-prompt-register:hover{color:#0ea5e9!important;background:#0ea5e912!important;border-color:#0ea5e9!important}html.dark .auth-prompt{box-shadow:none!important;background:0 0!important;border:none!important}html.dark .auth-prompt .material-symbols-rounded{color:#38bdf8!important}html.dark .auth-prompt strong{color:#e2e8f0!important}html.dark .auth-prompt p{color:#94a3b8cc!important}html.dark .auth-prompt-login{color:#fff!important;background:#0ea5e9!important;box-shadow:0 4px 14px #0ea5e940!important}html.dark .auth-prompt-login:hover{box-shadow:none!important;background:#38bdf8!important}html.dark .auth-prompt-register{color:#38bdf8!important;border-color:#38bdf859!important}html.dark .auth-prompt-register:hover{color:#7dd3fc!important;background:#38bdf814!important;border-color:#38bdf899!important}.vocab-tip-card{background:#0ea5e912;border:1px solid #0ea5e92e;border-radius:14px;flex-direction:column;gap:10px;margin-bottom:24px;padding:16px 20px;display:flex}.vocab-tip-row{color:var(--neutral-600);align-items:center;gap:10px;font-size:14px;line-height:1.5;display:flex}.vocab-tip-row .material-symbols-rounded{color:#0ea5e9;flex-shrink:0;font-size:18px}.vocab-empty{flex-direction:column;align-items:center;gap:8px;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:52px 32px!important}.vocab-empty .material-symbols-rounded{color:#0ea5e9;opacity:.6;margin-bottom:4px;font-size:40px}.vocab-empty strong{font-size:17px}a.vocab-empty-cta,.vocab-empty-cta{align-items:center;gap:5px;margin-top:6px;font-weight:600;display:inline-flex;color:#0ea5e9!important;box-shadow:none!important;background:0 0!important;border:1px solid #0ea5e959!important;border-radius:0!important;padding:6px 14px!important;font-size:13px!important}.vocab-empty-cta:hover{background:#0ea5e914!important;border-color:#0ea5e9!important;transform:none!important}html.dark .vocab-empty-cta{color:#38bdf8!important;border-color:#38bdf84d!important}html.dark .vocab-empty-cta:hover{background:#38bdf814!important;border-color:#38bdf899!important}html.dark .vocab-tip-card{background:#38bdf80d!important;border-color:#38bdf826!important}html.dark .vocab-tip-row{color:#94a3b8d9!important}html.dark .vocab-tip-row .material-symbols-rounded,html.dark .vocab-empty .material-symbols-rounded{color:#38bdf8!important}html.dark .vocab-empty strong{color:#e2e8f0!important}html.dark .vocab-empty p{color:#94a3b8cc!important}html:not(.dark) .vocab-tip-card{background:#0ea5e90f!important;border-color:#0ea5e929!important}html:not(.dark) .vocab-tip-row{color:#475569!important}html:not(.dark) .vocab-tip-row .material-symbols-rounded,html:not(.dark) .vocab-empty .material-symbols-rounded{color:#0ea5e9!important}html:not(.dark) .vocab-empty strong{color:#0f172a!important}html:not(.dark) .vocab-empty p{color:#64748b!important}html:not(.dark) .vocab-empty em{color:#0284c7;font-style:normal;font-weight:600}.mobile-hamburger-btn{box-shadow:none!important;background:0 0!important;border:none!important;flex-shrink:0!important;display:none!important}@media (width<=1024px){.guest-only-desktop{display:none!important}.topbar-theme-btn-premium{justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;display:flex!important}.landing-header-premium{z-index:10005!important}.landing-header-premium .header-inner{z-index:10002!important}.mobile-hamburger-btn{box-shadow:none!important;color:#eff4ff!important;cursor:pointer!important;aspect-ratio:1!important;background:0 0!important;border:none!important;border-radius:0!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;transition:all .2s!important;display:flex!important}.mobile-hamburger-btn:hover{color:#0ea5e9!important;background:0 0!important}html:not(.dark) .mobile-hamburger-btn{color:#475569!important;background:0 0!important;border:none!important}html:not(.dark) .mobile-hamburger-btn:hover{color:#0ea5e9!important;background:0 0!important}.mobile-nav-dropdown{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideRightDrawer;transform:translate(100%);-webkit-backdrop-filter:blur(25px)saturate(180%)!important;width:66.666%!important;max-width:400px!important;height:100vh!important;padding:110px 28px calc(140px + env(safe-area-inset-bottom))!important;pointer-events:auto!important;z-index:10001!important;box-sizing:border-box!important;background:#02061ab3!important;border:none!important;border-left:1px solid #0ea5e940!important;border-radius:0!important;flex-direction:column!important;gap:16px!important;margin-top:0!important;display:flex!important;position:fixed!important;inset:0 0 0 auto!important;box-shadow:-15px 0 40px #000c!important}@keyframes slideRightDrawer{to{transform:translate(0)}}html:not(.dark) .mobile-nav-dropdown{background:#fffc!important;border-left:1px solid #0ea5e940!important;box-shadow:-15px 0 40px #0ea5e914!important}.mobile-nav-item{text-transform:uppercase!important;letter-spacing:.08em!important;color:#ffffffd9!important;border-radius:12px!important;align-items:center!important;padding:14px 20px!important;font-family:Anton,sans-serif!important;font-size:18px!important;text-decoration:none!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;display:flex!important}.mobile-nav-item:hover,.mobile-nav-item.active{color:#0ea5e9!important;text-shadow:none!important;background:#0ea5e91f!important;padding-left:28px!important}html:not(.dark) .mobile-nav-item{color:#334155!important}html:not(.dark) .mobile-nav-item:hover,html:not(.dark) .mobile-nav-item.active{color:#0284c7!important;text-shadow:none!important;background:#0ea5e914!important;padding-left:28px!important}.mobile-nav-auth{border-top:1px solid #ffffff14!important;flex-direction:column!important;gap:16px!important;margin-top:auto!important;padding-top:32px!important;display:flex!important}html:not(.dark) .mobile-nav-auth{border-top:1px solid #0f172a14!important}.mobile-nav-login{color:#eff4ff!important;text-transform:uppercase!important;letter-spacing:.08em!important;text-align:center!important;box-shadow:none!important;background:0 0!important;border:1px solid #eff4ff40!important;border-radius:24px!important;padding:12px 0!important;font-family:Anton,sans-serif!important;font-size:14px!important;transition:all .2s!important;display:block!important}.mobile-nav-login:hover{background:#ffffff14!important;border-color:#eff4ff!important;transform:translateY(-2px)!important}html:not(.dark) .mobile-nav-login{color:#475569!important;border-color:#0f172a33!important}html:not(.dark) .mobile-nav-login:hover{background:#0f172a0a!important;border-color:#334155!important}.mobile-nav-register{color:#fff!important;text-transform:uppercase!important;letter-spacing:.08em!important;text-align:center!important;background:#0ea5e9!important;border:none!important;border-radius:24px!important;padding:12px 0!important;font-family:Anton,sans-serif!important;font-size:14px!important;transition:all .2s!important;display:block!important;box-shadow:0 4px 15px #0ea5e966!important}.mobile-nav-register:hover{box-shadow:none!important;background:#0284c7!important;transform:translateY(-2px)!important}html:not(.dark) .mobile-nav-register{color:#fff!important;background:#0ea5e9!important}html:not(.dark) .mobile-nav-register:hover{background:#0284c7!important}}@media (width<=768px){.macos-browser-window{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#01082873!important;border:none!important;border-radius:12px!important;width:calc(100% - 16px)!important;margin:16px auto 32px!important;box-shadow:0 12px 40px #0006!important}html:not(.dark) .macos-browser-window{background:#fffc!important;box-shadow:0 12px 40px #0ea5e914!important}.macos-browser-window:before{border-radius:inherit!important;padding:1px!important;display:block!important}.macos-window-header{background:#02061a80!important;border-bottom:1px solid #ffffff14!important;justify-content:flex-start!important;align-items:center!important;height:36px!important;padding:0 12px!important;display:flex!important}html:not(.dark) .macos-window-header{background:#f1f5f9cc!important;border-bottom:1px solid #0ea5e91a!important}.macos-window-controls{gap:6px!important;display:flex!important}.macos-dot{border-radius:50%!important;width:9px!important;height:9px!important;display:inline-block!important}.guest-header-content{margin-bottom:24px!important}.guest-header-content h2{font-size:28px!important}.guest-header-content .eyebrow{font-size:12px!important}.guest-header-content .dictionary-intro{font-size:14px!important}.guest-dictionary-content{padding-top:100px!important}.saved-word-list{grid-template-columns:1fr!important;gap:16px!important}.saved-word-card{padding:16px!important}.ai-chat-container{flex-direction:column-reverse!important;gap:16px!important;display:flex!important}.vocabulary-page .study-actions{flex-flow:wrap!important;align-items:center!important;gap:6px!important;width:100%!important;display:flex!important}}@media (width<=480px){.guest-header-content{margin-bottom:16px!important}.guest-header-content h2{font-size:24px!important}.guest-header-content .dictionary-intro{font-size:13px!important}.guest-dictionary-content{padding-left:16px!important;padding-right:16px!important}.auth-prompt-actions{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}.auth-prompt-login,.auth-prompt-register{text-align:center!important;box-sizing:border-box!important;justify-content:center!important;width:100%!important}.vocabulary-page .study-actions .cta-link,.vocabulary-page .study-actions .secondary-button{text-align:center!important;flex:45%!important;justify-content:center!important;width:auto!important;padding:8px 12px!important;font-size:13px!important}.guest-dictionary-shell .landing-footer{padding:40px 16px!important}.guest-dictionary-content .dictionary-search input,.guest-dictionary-content .dictionary-search button[type=submit]{height:48px!important;font-size:15px!important}}@media (width<=360px){.guest-header-content h2{font-size:20px!important}.guest-header-content .eyebrow{font-size:11px!important}.guest-header-content .dictionary-intro{font-size:12px!important}.guest-dictionary-content{padding-left:12px!important;padding-right:12px!important}.vocabulary-page .study-actions .cta-link,.vocabulary-page .study-actions .secondary-button{flex:100%!important}}html:not(.dark) .landing-mobile-nav,html .landing-mobile-nav{-webkit-backdrop-filter:blur(25px)saturate(180%)!important;padding:110px 28px calc(140px + env(safe-area-inset-bottom))!important;background:#02061ab3!important;border:none!important;border-left:1px solid #0ea5e940!important;box-shadow:-15px 0 40px #000c!important}html:not(.dark) .landing-mobile-nav .mobile-nav-item,html .landing-mobile-nav .mobile-nav-item{color:#ffffffd9!important;text-transform:uppercase!important;letter-spacing:.08em!important;border-radius:12px!important;align-items:center!important;padding:14px 20px!important;font-family:Anton,sans-serif!important;font-size:18px!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;display:flex!important}html:not(.dark) .landing-mobile-nav .mobile-nav-item:hover,html:not(.dark) .landing-mobile-nav .mobile-nav-item.active,html .landing-mobile-nav .mobile-nav-item:hover,html .landing-mobile-nav .mobile-nav-item.active{color:#0ea5e9!important;text-shadow:none!important;background:#0ea5e91f!important;padding-left:28px!important}html:not(.dark) .landing-mobile-nav .mobile-nav-auth,html .landing-mobile-nav .mobile-nav-auth{border-top:1px solid #ffffff14!important;flex-direction:column!important;gap:16px!important;margin-top:auto!important;padding-top:32px!important;display:flex!important}html:not(.dark) .landing-mobile-nav .mobile-nav-login,html .landing-mobile-nav .mobile-nav-login{color:#eff4ff!important;text-transform:uppercase!important;letter-spacing:.08em!important;text-align:center!important;box-shadow:none!important;background:0 0!important;border:1px solid #eff4ff40!important;border-radius:24px!important;padding:12px 0!important;font-family:Anton,sans-serif!important;font-size:14px!important;transition:all .2s!important;display:block!important}html:not(.dark) .landing-mobile-nav .mobile-nav-login:hover,html .landing-mobile-nav .mobile-nav-login:hover{background:#ffffff14!important;border-color:#eff4ff!important;transform:translateY(-2px)!important}html:not(.dark) .landing-mobile-nav .mobile-nav-register,html .landing-mobile-nav .mobile-nav-register{color:#fff!important;text-transform:uppercase!important;letter-spacing:.08em!important;text-align:center!important;background:#0ea5e9!important;border:none!important;border-radius:24px!important;padding:12px 0!important;font-family:Anton,sans-serif!important;font-size:14px!important;transition:all .2s!important;display:block!important;box-shadow:0 4px 15px #0ea5e966!important}html:not(.dark) .landing-mobile-nav .mobile-nav-register:hover,html .landing-mobile-nav .mobile-nav-register:hover{box-shadow:none!important;background:#0284c7!important;transform:translateY(-2px)!important}html:not(.dark) .landing-hamburger-btn,html .landing-hamburger-btn{color:#eff4ff!important;box-shadow:none!important;background:0 0!important;border:none!important}html:not(.dark) .landing-hamburger-btn:hover,html .landing-hamburger-btn:hover{color:#0ea5e9!important;background:0 0!important}.auth-header-premium{z-index:10000!important;pointer-events:none!important;box-sizing:border-box!important;background:0 0!important;justify-content:center!important;width:100%!important;max-width:100%!important;margin-bottom:24px!important;padding:16px 24px!important;transition:all .3s!important;display:flex!important;position:sticky!important;top:0!important;left:0!important;transform:none!important}.auth-header-premium.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#ffffffd1!important;border-bottom:1px solid #0ea5e926!important;padding-top:12px!important;padding-bottom:12px!important;box-shadow:0 10px 40px #0f172a0d!important}html.dark .auth-header-premium.scrolled{background:#010828bf!important;border-bottom:1px solid #0ea5e926!important;box-shadow:0 10px 40px #00000080!important}.auth-header-premium .header-inner{pointer-events:auto!important;justify-content:space-between!important;align-items:center!important;width:100%!important;max-width:1200px!important;height:64px!important;display:flex!important;position:relative!important}.auth-actions-stack{align-items:center!important;gap:16px!important;display:flex!important}.topbar-bell-btn-premium{box-shadow:none!important;color:#eff4ff!important;cursor:pointer!important;aspect-ratio:1!important;background:0 0!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;transition:all .2s!important;display:flex!important}html:not(.dark) .topbar-bell-btn-premium{color:#475569!important}.topbar-bell-btn-premium:hover{color:#0ea5e9!important;background:#0ea5e91f!important}.topbar-bell-wrapper{flex-shrink:0!important;position:relative!important}.topbar-bell-wrapper .bell-badge{color:#fff!important;background:#ef4444!important;border:1px solid #fff3!important;border-radius:10px!important;padding:2px 6px!important;font-size:10px!important;font-weight:700!important;position:absolute!important;top:6px!important;right:6px!important}.auth-profile-wrapper-premium{flex-shrink:0!important;position:relative!important}.user-avatar-trigger-premium{cursor:pointer!important;aspect-ratio:1!important;background:#0ea5e926!important;border:1.5px solid #0ea5e966!important;border-radius:50%!important;flex:0 0 40px!important;justify-content:center!important;align-items:center!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;transition:all .2s!important;display:flex!important;overflow:hidden!important}.user-avatar-trigger-premium:hover{box-shadow:none!important;border-color:#0ea5e9!important}.user-avatar-img-premium{object-fit:cover!important;width:100%!important;height:100%!important}.avatar-initial-premium{color:#0ea5e9!important;text-transform:uppercase!important;font-family:Anton,sans-serif!important;font-size:16px!important}html:not(.dark) .avatar-initial-premium{color:#0284c7!important}.profile-dropdown-menu,.bell-dropdown-menu{-webkit-backdrop-filter:blur(28px)saturate(180%)!important;background:#fffffff5!important;border:1px solid #fff9!important;border-radius:24px!important;padding:16px!important;top:calc(100% + 8px)!important;box-shadow:inset 0 1px 1px #ffffff80,0 8px 30px #00000014,0 24px 50px #2563eb14!important}html.dark .profile-dropdown-menu,html.dark .bell-dropdown-menu{background:#0d111cf7!important;border:1px solid #ffffff1f!important;box-shadow:inset 0 1px 1px #ffffff14,0 8px 30px #0000004d,0 24px 50px #000000a6!important}.profile-dropdown-menu:before,.bell-dropdown-menu:before,.profile-dropdown-menu:after,.bell-dropdown-menu:after{display:none!important}.profile-dropdown-header{text-align:left!important;border-bottom:1px solid #0000000f!important;margin-bottom:10px!important;padding-bottom:12px!important}html.dark .profile-dropdown-header{border-bottom:1px solid #ffffff14!important}.profile-dropdown-name{font-family:var(--font-display)!important;color:var(--neutral-800)!important;text-transform:capitalize!important;margin-bottom:2px!important;font-size:15.5px!important;font-weight:700!important}html.dark .profile-dropdown-name{color:#eff4ff!important}.profile-dropdown-email{font-family:var(--font-sans)!important;color:var(--neutral-500)!important;word-break:break-all!important;margin:0!important;font-size:12.5px!important;font-weight:500!important}html.dark .profile-dropdown-email{color:#ffffff80!important}.bell-menu-header{border-bottom:1px solid #0000000f!important;justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important;padding:0 0 12px!important;display:flex!important}html.dark .bell-menu-header{border-bottom:1px solid #ffffff14!important}.bell-menu-header h4{font-family:var(--font-display)!important;color:var(--neutral-800)!important;margin:0!important;font-size:15px!important;font-weight:700!important}html.dark .bell-menu-header h4{color:#eff4ff!important}.bell-menu-header .mark-read-all{color:var(--neutral-500)!important;cursor:pointer!important;text-transform:none!important;letter-spacing:normal!important;font-size:12px!important;font-weight:500!important;transition:all .2s!important}.bell-menu-header .mark-read-all:hover{color:#3b82f6!important;opacity:1!important}html.dark .bell-menu-header .mark-read-all{color:#ffffff80!important}html.dark .bell-menu-header .mark-read-all:hover{color:#0ea5e9!important}.profile-dropdown-links{flex-direction:column!important;gap:6px!important;display:flex!important}.profile-menu-item{font-family:var(--font-sans)!important;color:var(--neutral-700)!important;text-align:left!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:12px!important;align-items:center!important;gap:10px!important;width:100%!important;padding:10px 12px!important;font-size:13.5px!important;font-weight:500!important;text-decoration:none!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important}html.dark .profile-menu-item{color:#fffc!important}.profile-menu-item:hover{color:#3b82f6!important;background:#2563eb0f!important;transform:translate(4px)!important}html.dark .profile-menu-item:hover{color:#0ea5e9!important;background:#0ea5e91a!important}.profile-menu-item .material-symbols-rounded{font-size:18px!important;transition:transform .2s!important}.profile-menu-item:hover .material-symbols-rounded{transform:scale(1.1)!important}.profile-menu-item.logout-btn{color:#ef4444!important;background:#ef44440d!important;border:1px solid #ef444414!important;margin-top:6px!important;font-weight:600!important}.profile-menu-item.logout-btn:hover{color:#dc2626!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;background:#ef44441a!important;border-color:#ef444433!important;transform:scale(1.02)!important}html.dark .profile-menu-item.logout-btn{color:#fca5a5!important;background:#ef444414!important;border:1px solid #ef444426!important}html.dark .profile-menu-item.logout-btn:hover{color:#f87171!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;background:#ef444429!important;border-color:#ef444440!important}.bell-menu-list{scrollbar-width:thin!important;flex-direction:column!important;gap:4px!important;max-height:280px!important;display:flex!important;overflow:hidden auto!important}.bell-menu-list::-webkit-scrollbar{width:4px!important;height:0!important}.bell-menu-list::-webkit-scrollbar-track{background:0 0!important;border-radius:999px!important}.bell-menu-list::-webkit-scrollbar-thumb{transition:background .2s;background:#0000001f!important;border-radius:999px!important}.bell-menu-list::-webkit-scrollbar-thumb:hover{background:#00000038!important}html.dark .bell-menu-list{scrollbar-color:#ffffff1f transparent!important}html.dark .bell-menu-list::-webkit-scrollbar-thumb{background:#ffffff1f!important}html.dark .bell-menu-list::-webkit-scrollbar-thumb:hover{background:#ffffff38!important}.bell-menu-item{cursor:pointer!important;background:0 0!important;border:none!important;border-radius:12px!important;gap:12px!important;padding:10px 8px!important;text-decoration:none!important;transition:all .22s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.bell-menu-item:hover{background:#2563eb0d!important;transform:translate(4px)!important}html.dark .bell-menu-item:hover{background:#0ea5e914!important}.bell-menu-item.unread{background:#2563eb0a!important}html.dark .bell-menu-item.unread{background:#0ea5e90f!important}.bell-item-icon{width:32px!important;height:32px!important;color:var(--neutral-600)!important;background:#0000000a!important;border:1px solid #0000000d!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;transition:all .2s!important;display:flex!important}html.dark .bell-item-icon{color:#fff9!important;background:#ffffff0a!important;border:1px solid #ffffff0d!important}.bell-menu-item:hover .bell-item-icon{color:#3b82f6!important;background:#2563eb1f!important;border-color:#2563eb33!important;transform:scale(1.08)rotate(-4deg)!important}html.dark .bell-menu-item:hover .bell-item-icon{color:#0ea5e9!important;background:#0ea5e92e!important;border-color:#0ea5e940!important}.bell-menu-item.unread .bell-item-icon{color:#3b82f6!important;background:#2563eb1a!important;border-color:#2563eb2e!important}html.dark .bell-menu-item.unread .bell-item-icon{color:#0ea5e9!important;background:#0ea5e926!important;border-color:#0ea5e938!important}.bell-item-text{font-family:var(--font-sans)!important;color:var(--neutral-700)!important;word-break:break-word!important;margin:0 0 2px!important;font-size:13px!important;line-height:1.4!important}.bell-item-text strong{color:var(--neutral-900)!important;font-weight:700!important}html.dark .bell-item-text{color:#fffc!important}html.dark .bell-item-text strong{color:#fff!important}.bell-item-time{color:var(--neutral-400)!important;font-size:11px!important}html.dark .bell-item-time{color:#fff6!important}.bell-menu-footer{text-align:center!important;background:0 0!important;border-top:1px solid #0000000f!important;margin-top:8px!important;padding:12px 0 0!important}html.dark .bell-menu-footer{border-top:1px solid #ffffff14!important}.bell-menu-footer span{color:var(--neutral-600)!important;cursor:pointer!important;text-transform:none!important;letter-spacing:normal!important;font-size:12.5px!important;font-weight:600!important;transition:all .2s!important}html.dark .bell-menu-footer span{color:#fff9!important}.bell-menu-footer span:hover{color:#3b82f6!important;opacity:1!important;text-decoration:underline!important}html.dark .bell-menu-footer span:hover{color:#0ea5e9!important}.auth-status{display:none!important}.auth-header-premium .capsule-nav-link{justify-content:center!important;align-items:center!important;padding:8px 12px!important;display:flex!important}.topbar-divider-line{background-color:#00000026!important;flex-shrink:0!important;align-self:center!important;width:1px!important;height:18px!important;margin:0 6px!important}html.dark .topbar-divider-line{background-color:#ffffff26!important}.topbar-avatar-premium{width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;font-family:var(--font-sans);cursor:pointer;aspect-ratio:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:all .2s ease-in-out;display:flex;overflow:hidden;box-shadow:0 2px 8px #3b82f633;color:#fff!important;box-sizing:border-box!important;background:#3b82f6!important;border:none!important;padding:0!important}.topbar-avatar-premium:hover{transform:translateY(-1px);box-shadow:none!important}.topbar-avatar-premium img{object-fit:cover;border-radius:50%;width:100%;height:100%}.topbar-avatar-wrapper{flex-shrink:0!important;align-items:center!important;gap:10px!important;display:flex!important;position:relative!important}.topbar-user-profile-meta{text-align:right!important;flex-direction:column!important;align-items:flex-end!important;gap:2px!important;display:flex!important}.topbar-user-profile-meta .profile-meta-name{color:var(--neutral-900)!important;font-size:14px!important;font-weight:600!important;line-height:1.2!important}html.dark .topbar-user-profile-meta .profile-meta-name{color:var(--neutral-800)!important}.topbar-user-profile-meta .profile-meta-role{color:var(--neutral-700)!important;font-size:11px!important;font-weight:500!important;line-height:1.1!important}html.dark .topbar-user-profile-meta .profile-meta-role{color:var(--neutral-600)!important}.dropdown-study-reminders{background:#0ea5e90a!important;border-bottom:1px solid #0ea5e91f!important;flex-direction:column!important;gap:12px!important;padding:14px 16px!important;display:none!important}html.dark .dropdown-study-reminders{background:#ffffff05!important;border-bottom:1px solid #ffffff0f!important}.dropdown-reminder-item{align-items:center!important;gap:10px!important;display:flex!important}.dropdown-reminder-item .material-symbols-rounded{color:#3b82f6!important;font-size:18px!important}html.dark .dropdown-reminder-item .material-symbols-rounded{color:#818cf8!important}.dropdown-reminder-text{text-align:left!important;flex-direction:column!important;gap:2px!important;display:flex!important}.dropdown-reminder-text .label{color:var(--neutral-500)!important;font-size:11px!important;line-height:1.2!important}html.dark .dropdown-reminder-text .label{color:var(--neutral-400)!important}.dropdown-reminder-text .value{color:var(--neutral-800)!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important}html.dark .dropdown-reminder-text .value{color:var(--neutral-200)!important}@media (width<=768px){.dropdown-study-reminders{display:flex!important}}.welcome-banner-content{z-index:2!important;flex-direction:column!important;align-items:flex-start!important;gap:24px!important;width:100%!important;max-width:580px!important;position:relative!important}.welcome-text{z-index:2!important;width:100%!important;max-width:100%!important;position:relative!important}.welcome-daily-study-merged{-webkit-backdrop-filter:none!important;z-index:2!important;width:100%!important;max-width:580px!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;padding:14px 0!important;transition:background-color .3s,border-color .3s,box-shadow .3s!important;display:flex!important;position:relative!important}.welcome-daily-study-merged:before{display:none!important}.welcome-daily-study-merged:hover{box-shadow:none!important;background:0 0!important;border-color:#0000!important;transform:none!important}html.dark .welcome-daily-study-merged{background:0 0!important;border:none!important}html.dark .welcome-daily-study-merged:hover{background:0 0!important;border-color:#0000!important}.study-left-content{text-align:left!important;flex-direction:column!important;gap:2px!important;display:flex!important}.study-status-row{align-items:center!important;gap:8px!important;margin-bottom:4px!important;display:flex!important}.merged-pulse-dot{border-radius:50%!important;width:8px!important;height:8px!important;display:inline-block!important}.merged-pulse-dot.due{background-color:#ff9800!important;animation:2s infinite pulse-orange-merged!important;box-shadow:0 0 10px #ff9800!important}.merged-pulse-dot.completed{background-color:#10b981!important;animation:2s infinite pulse-green-merged!important;box-shadow:0 0 10px #10b981!important}@keyframes pulse-orange-merged{0%{transform:scale(.95);box-shadow:0 0 #ff9800b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ff980000}to{transform:scale(.95);box-shadow:0 0 #ff980000}}@keyframes pulse-green-merged{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.merged-status-text{text-transform:uppercase!important;letter-spacing:.05em!important;color:#ffffffe6!important;font-size:11px!important;font-weight:700!important}.study-info-block h3{color:#fff!important;letter-spacing:-.01em!important;margin:0 0 2px!important;font-size:16px!important;font-weight:700!important}.study-desc-text{color:#ffffffd9!important;margin:0!important;font-size:12.5px!important;line-height:1.4!important}.study-actions-block{flex-wrap:nowrap!important;flex-shrink:0!important;align-items:center!important;gap:8px!important;margin-top:0!important;display:flex!important}.primary-button-merged{color:#fff!important;border-radius:var(--radius-md)!important;white-space:nowrap!important;background:linear-gradient(135deg,#6366f1d9 0%,#8b5cf6d9 100%)!important;border:1px solid #ffffff26!important;align-items:center!important;gap:5px!important;padding:7.5px 15px!important;font-size:12.5px!important;font-weight:700!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important;box-shadow:0 4px 15px #6366f140!important}.primary-button-merged:hover{box-shadow:none!important;background:linear-gradient(135deg,#6366f1f2 0%,#8b5cf6f2 100%)!important;transform:translateY(-2.5px)!important}.secondary-button-merged{color:#fff!important;border-radius:var(--radius-md)!important;white-space:nowrap!important;background:#ffffff14!important;border:1px solid #fff3!important;align-items:center!important;gap:5px!important;padding:6.5px 12px!important;font-size:12.5px!important;font-weight:600!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important}.secondary-button-merged:hover{background:#ffffff29!important;border-color:#ffffff4d!important;transform:translateY(-2px)!important}.button-badge-count{color:#fff!important;background:#ffffff38!important;border-radius:99px!important;justify-content:center!important;align-items:center!important;min-width:14px!important;height:16px!important;margin-left:4px!important;padding:1px 6px!important;font-size:11px!important;font-weight:800!important;line-height:1!important;display:inline-flex!important}.text-button-merged{color:#ffffffe6!important;align-items:center!important;gap:4px!important;margin-left:4px!important;font-size:13px!important;font-weight:600!important;transition:all .3s!important;display:inline-flex!important}.text-button-merged:hover{color:#fff!important;transform:translate(3px)!important}.text-button-merged .material-symbols-rounded{font-size:16px!important}.welcome-mascot-container{pointer-events:none!important;z-index:0!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important;position:absolute!important;inset:0!important;overflow:hidden!important}.welcome-mascot-img,.welcome-mascot-video{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important;transition:transform .6s cubic-bezier(.34,1.56,.64,1)!important}.dashboard-welcome-banner:hover .welcome-mascot-img,.dashboard-welcome-banner:hover .welcome-mascot-video{transform:scale(1.02)!important}@media (width<=992px){.welcome-daily-study-merged,.welcome-text{max-width:100%!important}}@media (width<=768px){.welcome-daily-study-merged{padding:16px 0!important}.study-actions-block{gap:8px!important}}.launchpad-mascot-img{object-fit:cover!important;object-position:center right!important;border-radius:0 18px 18px 0!important;width:100%!important;height:100%!important;transition:transform .4s cubic-bezier(.25,1,.5,1)!important;position:absolute!important;top:0!important;bottom:0!important;right:0!important}.launchpad-card-premium:hover .launchpad-mascot-img{transform:scale(1.08)!important}.welcome-dashboard-widgets{z-index:2!important;flex-direction:column!important;align-items:flex-start!important;gap:16px!important;width:100%!important;max-width:100%!important;display:flex!important;position:relative!important}.welcome-daily-study-merged{width:100%!important;max-width:100%!important}.welcome-stats-grid-merged{z-index:2!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;width:100%!important;max-width:100%!important;display:grid!important;position:relative!important}.welcome-stat-tile-merged{-webkit-backdrop-filter:blur(10px)!important;background:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:12px!important;align-items:center!important;gap:12px!important;padding:10px 12px!important;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.welcome-stat-tile-merged:hover{box-shadow:none!important;background:#ffffff1a!important;border-color:#ffffff29!important;transform:translateY(-2px)!important}.welcome-stat-tile-merged .tile-icon{border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;display:flex!important}.welcome-stat-tile-merged.blue .tile-icon{color:#93c5fd!important;background:#3b82f63d!important;border:1px solid #3b82f659!important}.welcome-stat-tile-merged.amber .tile-icon{color:#fde047!important;background:#f59e0b3d!important;border:1px solid #f59e0b59!important}.welcome-stat-tile-merged.green .tile-icon{color:#6ee7b7!important;background:#10b9813d!important;border:1px solid #10b98159!important}.welcome-stat-tile-merged.indigo .tile-icon{color:#c7d2fe!important;background:#818cf83d!important;border:1px solid #818cf859!important}.welcome-stat-tile-merged.rose .tile-icon{color:#fda4af!important;background:#f43f5e3d!important;border:1px solid #f43f5e59!important}.welcome-stat-tile-merged.purple .tile-icon{color:#c084fc!important;background:#a855f73d!important;border:1px solid #a855f759!important}.welcome-stat-tile-merged .tile-meta{flex-direction:column!important;gap:1px!important;line-height:1.2!important;display:flex!important}.welcome-stat-tile-merged .tile-meta strong{color:#fff!important;font-size:15px!important;font-weight:800!important}.welcome-stat-tile-merged .tile-meta span{color:#ffffffbf!important;white-space:nowrap!important;font-size:10.5px!important;font-weight:600!important}html.dark .welcome-stat-tile-merged{background:#00000038!important;border-color:#ffffff0d!important}html.dark .welcome-stat-tile-merged:hover{background:#00000052!important;border-color:#ffffff1a!important}@media (width<=992px){.dashboard-welcome-banner{min-height:auto!important;padding-top:16px!important;padding-bottom:100px!important}.welcome-dashboard-widgets{flex-direction:column!important;gap:16px!important;max-width:100%!important}.welcome-daily-study-merged{max-width:100%!important}.welcome-stats-grid-merged{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;max-width:100%!important;display:grid!important}.welcome-text,.welcome-tip-capsule{max-width:100%!important}.scroll-down-indicator{display:none!important}}@media (width<=768px){.welcome-daily-study-merged{flex-direction:column!important;align-items:flex-start!important;gap:16px!important;padding:16px 0!important}.welcome-daily-study-merged .study-actions-block{justify-content:flex-start!important;width:100%!important;margin-top:4px!important}}@media (width<=480px){.welcome-stats-grid-merged{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}body{background:0 0!important}.app-shell{background:0 0!important;overflow-x:hidden!important}html.dark body{background-color:#0000!important}html.dark .app-shell{background:0 0!important}.global-space-bg{z-index:-20!important;pointer-events:none!important;width:100%!important;height:100%!important;transition:background .8s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;inset:0!important;overflow:hidden!important}.global-space-bg.light-theme{background:radial-gradient(circle at 50% 55%,#e0ecfb 0%,#f0e5fa 45%,#e5e9f0 100%)!important}.global-space-bg.dark-theme{background:radial-gradient(circle at 50% 55%,#080c1d 0%,#03050c 65%,#010205 100%)!important}.space-bg-canvas{pointer-events:none!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.space-nebula{filter:blur(120px)!important;pointer-events:none!important;mix-blend-mode:screen!important;opacity:.14!important;border-radius:50%!important;transition:all .8s cubic-bezier(.4,0,.2,1)!important;animation:32s ease-in-out infinite alternate nebula-drift!important;position:absolute!important}.global-space-bg.light-theme .space-nebula{opacity:.05!important;mix-blend-mode:multiply!important}.space-nebula-blue{background:radial-gradient(circle,#3b82f659 0%,#2563eb00 70%)!important;width:55vw!important;height:55vw!important;top:-12vw!important;right:-5vw!important}.global-space-bg.light-theme .space-nebula-blue{background:radial-gradient(circle,#3b82f61f 0%,#2563eb00 70%)!important}.space-nebula-purple{background:radial-gradient(circle,#a855f740 0%,#818cf800 75%)!important;width:65vw!important;height:65vw!important;animation-delay:-10s!important;bottom:-15vw!important;left:-12vw!important}.global-space-bg.light-theme .space-nebula-purple{background:radial-gradient(circle,#a855f71a 0%,#818cf800 75%)!important}@keyframes nebula-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(4vw,-2vw)scale(1.08)}to{transform:translate(-2vw,3vw)scale(.96)}}.global-space-video-bg{z-index:-15!important;pointer-events:none!important;width:100vw!important;height:100vh!important;transition:opacity .8s!important;position:fixed!important;inset:0!important;overflow:hidden!important}.space-video-bg-el{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important}.welcome-banner-video-bg{object-fit:cover!important;object-position:center!important;z-index:0!important;pointer-events:none!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.global-space-video-bg{opacity:.22!important}html.dark .global-space-video-bg{opacity:.85!important}.dashboard-welcome-banner{color:var(--neutral-800)!important;box-sizing:border-box!important;align-items:center!important;min-height:calc(100vh - 100px)!important;padding-bottom:64px!important;display:flex!important}.welcome-text h2{color:var(--neutral-900)!important;text-shadow:0 1px 2px #ffffff73!important}.welcome-quote{color:var(--neutral-700)!important}.welcome-daily-study-merged{box-shadow:none!important;background:0 0!important;border:none!important}.welcome-daily-study-merged h3{color:var(--neutral-900)!important}.welcome-daily-study-merged .study-desc-text{color:var(--neutral-700)!important}.welcome-daily-study-merged .study-desc-text strong{color:var(--neutral-900)!important}.welcome-stat-tile-merged{background:#ffffff6b!important;border:1px solid #0000000f!important;box-shadow:0 4px 16px #1f268708!important}.welcome-stat-tile-merged .tile-meta strong{color:var(--neutral-900)!important}.welcome-stat-tile-merged .tile-meta span{color:var(--neutral-600)!important}.secondary-button-merged{color:var(--neutral-800)!important;background:#0000000d!important;border:1px solid #0000001a!important}.secondary-button-merged:hover{background:#00000014!important;border-color:#00000026!important}html.dark .dashboard-welcome-banner{color:#fff!important}html.dark .welcome-text h2{color:#fff!important;text-shadow:0 2px 4px #0006!important}html.dark .welcome-quote{color:#ffffffd9!important}html.dark .welcome-daily-study-merged{box-shadow:none!important;background:0 0!important;border:none!important}html.dark .welcome-daily-study-merged h3{color:#fff!important}html.dark .welcome-daily-study-merged .study-desc-text{color:#ffffffd9!important}html.dark .welcome-daily-study-merged .study-desc-text strong{color:#fff!important}html.dark .welcome-stat-tile-merged{background:#00000038!important;border:1px solid #ffffff0d!important}html.dark .welcome-stat-tile-merged .tile-meta strong{color:#fff!important}html.dark .welcome-stat-tile-merged .tile-meta span{color:#ffffffbf!important}html.dark .secondary-button-merged{color:#fff!important;background:#ffffff14!important;border:1px solid #fff3!important}html.dark .secondary-button-merged:hover{background:#ffffff1f!important}.dashboard-content-section{z-index:5!important;box-shadow:none!important;background:0 0!important;border:none!important;margin-top:16px!important;padding:24px 0!important;transition:all .3s!important;position:relative!important}.dashboard-content-section>*{z-index:1;position:relative}html.dark .dashboard-content-section{box-shadow:none!important;background:0 0!important;border:none!important}@media (width<=768px){.dashboard-content-section{z-index:5!important;margin-top:54px!important;padding:16px 0!important}}.study-category-dot{color:#ffb74d!important;margin-right:6px!important;font-size:16px!important;font-weight:900!important}.study-category-text{color:#ffb74d!important;letter-spacing:1.2px!important;text-transform:uppercase!important;font-size:10px!important;font-weight:800!important}.welcome-tip-capsule{-webkit-backdrop-filter:blur(12px)!important;z-index:2!important;background:#00000073!important;border:1px solid #ffffff14!important;border-radius:30px!important;align-items:center!important;gap:10px!important;width:fit-content!important;max-width:580px!important;margin-top:8px!important;padding:6px 14px!important;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s!important;display:flex!important;position:relative!important;box-shadow:0 4px 20px #0003!important}.welcome-tip-capsule:hover{box-shadow:none!important;background:#0000008c!important;transform:translateY(-1px)!important}html.dark .welcome-tip-capsule{background:#00000073!important;border-color:#ffffff14!important}html.dark .welcome-tip-capsule:hover{background:#0000008c!important;border-color:#ffffff1a!important}.tip-avatar{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tip-avatar-img{object-fit:cover!important;width:100%!important;height:100%!important;transform:scale(1.15)!important}.tip-text{color:#fff!important;font-size:11.5px!important;font-weight:500!important;line-height:1.4!important}.tip-title{color:#ffe082!important;margin-right:4px!important;font-weight:700!important}.scroll-down-indicator{-webkit-backdrop-filter:blur(6px)!important;color:#fff!important;cursor:pointer!important;z-index:10!important;background:#ffffff0f!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;animation:2s infinite bounce-gentle!important;display:flex!important;position:absolute!important;bottom:28px!important;left:50%!important;overflow:hidden!important;transform:translate(-50%)!important;box-shadow:0 4px 12px #00000014!important}.scroll-down-indicator:before{content:""!important;border-radius:inherit!important;-webkit-mask-composite:xor!important;pointer-events:none!important;z-index:1!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%)!important;padding:1.4px!important;transition:background .3s!important;position:absolute!important;inset:0!important;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0)!important;-webkit-mask-position:0 0,0 0!important;-webkit-mask-size:auto,auto!important;-webkit-mask-repeat:repeat,repeat!important;-webkit-mask-clip:content-box,border-box!important;-webkit-mask-origin:content-box,border-box!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;-webkit-mask-source-type:auto,auto!important;mask-mode:match-source,match-source!important}.scroll-down-indicator:hover{box-shadow:none!important;background:#ffffff26!important;transform:translate(-50%)translateY(-2px)!important}.scroll-down-indicator:hover:before{background:linear-gradient(#ffffffbf 0%,#ffffff59 20%,#fff0 40% 60%,#ffffff59 80%,#ffffffbf 100%)!important}.scroll-down-indicator span{font-size:20px!important;transition:transform .3s!important}.scroll-down-indicator:hover span{transform:translateY(2px)!important}html:not(.dark) .scroll-down-indicator{color:var(--neutral-800)!important;background:#ffffff73!important;border-color:#0000001f!important;box-shadow:0 4px 12px #1f26870a!important}@keyframes bounce-gentle{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}.page-student .welcome-banner-video-bg,.dashboard-page .welcome-banner-video-bg{opacity:1!important;object-position:center top!important;width:106%!important;height:124%!important;inset:0 -3% -24%!important;transform:scale(1.08)!important}.page-student .dashboard-welcome-banner,.dashboard-page .dashboard-welcome-banner{color:#fffffff2!important;box-sizing:border-box!important;align-items:center!important;width:100vw!important;max-width:100vw!important;min-height:100vh!important;margin-top:-80px!important;margin-left:-50vw!important;margin-right:0!important;padding-top:110px!important;padding-bottom:96px!important;display:flex!important;position:relative!important;left:50%!important;right:auto!important;overflow:hidden!important}.page-student .dashboard-welcome-banner:after,.dashboard-page .dashboard-welcome-banner:after{content:""!important;filter:blur(42px)saturate(1.04)!important;opacity:.6!important;pointer-events:none!important;z-index:0!important;background:url(/mascot/mascot-daichienvutru-light.png) bottom/cover no-repeat!important;height:320px!important;display:none!important;position:absolute!important;bottom:-170px!important;left:-3%!important;right:-3%!important;transform:scale(1.1)!important;-webkit-mask-image:linear-gradient(#00000061 0%,#000000d1 28%,#0000008f 66%,#0000 100%)!important;mask-image:linear-gradient(#00000061 0%,#000000d1 28%,#0000008f 66%,#0000 100%)!important}.page-student .welcome-banner-content,.dashboard-page .welcome-banner-content{box-sizing:border-box!important;z-index:2!important;flex-direction:column!important;align-items:flex-start!important;gap:24px!important;width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:0 40px!important;position:relative!important}@media (width>=993px){.page-student .welcome-text,.dashboard-page .welcome-text,.page-student .welcome-dashboard-widgets,.dashboard-page .welcome-dashboard-widgets{z-index:5!important;width:100%!important;max-width:600px!important}}.page-student .welcome-text h2{color:#fff!important;text-shadow:0 2px 4px #0006!important}.page-student .welcome-quote{color:#ffffffd9!important}.page-student .welcome-daily-study-merged{box-shadow:none!important;background:0 0!important;border:none!important}.page-student .welcome-daily-study-merged h3{color:#fff!important}.page-student .welcome-daily-study-merged .study-desc-text{color:#ffffffd9!important}.page-student .welcome-daily-study-merged .study-desc-text strong{color:#fff!important}.page-student .welcome-stat-tile-merged{background:#00000038!important;border:1px solid #ffffff0d!important}.page-student .welcome-stat-tile-merged .tile-meta strong{color:#fff!important}.page-student .welcome-stat-tile-merged .tile-meta span{color:#ffffffbf!important}.page-student .secondary-button-merged{color:#fff!important;background:#ffffff14!important;border:1px solid #fff3!important}.page-student .secondary-button-merged:hover{background:#ffffff1f!important;border-color:#ffffff59!important}.page-student .welcome-tip-capsule{background:#00000073!important;border-color:#ffffff14!important}.page-student .welcome-tip-capsule:hover{background:#0000008c!important;border-color:#ffffff1a!important}.page-student .tip-text{color:#fff!important}.page-student .tip-title{color:#ffe082!important}.page-student .scroll-down-indicator{color:#fff!important;background:#ffffff0f!important;border:none!important;box-shadow:0 4px 12px #00000014!important}.page-student .scroll-down-indicator:hover{background:#ffffff26!important;border:none!important}.page-student .reminder-item{color:#ffffffe6!important}.page-student .auth-top-timer,.page-student .auth-utility-cluster.scrolled .auth-top-timer,html.dark .page-student .auth-top-timer,html.dark .page-student .auth-utility-cluster.scrolled .auth-top-timer{color:#fffffff5!important;background:#0f172a38!important;border-color:#ffffff1a!important}.page-student .auth-top-timer .timer-label,.page-student .auth-top-timer strong,.page-student .auth-top-timer span{color:#fff!important}.page-student .reminder-item .material-symbols-rounded{color:#818cf8!important}.page-student .reminder-item strong,.page-student .topbar-user-profile-meta .profile-meta-name{color:#fff!important}.page-student .topbar-user-profile-meta .profile-meta-role{color:#ffffffb3!important}.page-student .topbar-divider-line{background-color:#fff3!important}.page-student .topbar-theme-btn-premium{color:#ffffffe6!important}.page-student .topbar-theme-btn-premium:hover{color:#fff!important;background:#ffffff1a!important}.page-student .topbar-bell-btn-premium{color:#ffffffe6!important}.page-student .topbar-bell-btn-premium:hover{color:#fff!important;background:#ffffff1a!important}.page-student .topbar-avatar-premium{border-color:#ffffff4d!important}.auth-utility-cluster:not(.scrolled){-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border-bottom-color:#0000!important}html:not(.dark) .auth-utility-cluster.scrolled .reminder-item{color:var(--neutral-700)!important}html:not(.dark) .page-student .auth-utility-cluster.scrolled .auth-top-timer,html:not(.dark) .page-student .auth-utility-cluster.scrolled .auth-top-timer .timer-label,html:not(.dark) .page-student .auth-utility-cluster.scrolled .auth-top-timer strong,html:not(.dark) .page-student .auth-utility-cluster.scrolled .auth-top-timer span{color:#fff!important}html:not(.dark) .auth-utility-cluster.scrolled .reminder-item .material-symbols-rounded{color:var(--primary)!important}html:not(.dark) .auth-utility-cluster.scrolled .reminder-item strong{color:var(--neutral-900)!important}html:not(.dark) .auth-utility-cluster.scrolled .topbar-user-profile-meta .profile-meta-name{color:var(--neutral-800)!important}html:not(.dark) .auth-utility-cluster.scrolled .topbar-user-profile-meta .profile-meta-role{color:var(--neutral-500)!important}html:not(.dark) .auth-utility-cluster.scrolled .topbar-divider-line{background-color:#0000001f!important}html:not(.dark) .auth-utility-cluster.scrolled .topbar-theme-btn-premium,html:not(.dark) .auth-utility-cluster.scrolled .topbar-bell-btn-premium{color:var(--neutral-700)!important}html:not(.dark) .auth-utility-cluster.scrolled .topbar-theme-btn-premium:hover,html:not(.dark) .auth-utility-cluster.scrolled .topbar-bell-btn-premium:hover{color:var(--neutral-900)!important;background:#0000000d!important}html:not(.dark) .auth-utility-cluster.scrolled .topbar-avatar-premium{border-color:#00000026!important}@media (width<=768px){.bell-dropdown-menu{width:calc(100vw - 32px)!important;min-width:280px!important;max-width:320px!important;top:calc(100% + 8px)!important;right:-80px!important}.profile-dropdown-menu{width:calc(100vw - 32px)!important;min-width:270px!important;max-width:300px!important;top:calc(100% + 8px)!important;right:-12px!important}}.auth-top-left-cluster{pointer-events:auto;align-items:center;gap:16px;display:flex;margin-right:auto!important}.topbar-xp-level-desktop{display:flex!important}.topbar-xp-level-mobile{display:none!important}.auth-top-timer{-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;transition:all .3s;display:inline-flex;color:var(--neutral-800)!important}.auth-utility-cluster.scrolled .auth-top-timer{background:#0f172a0a;border-color:#0f172a0f}html.dark .auth-top-timer{background:#0003;border-color:#ffffff0a;color:var(--neutral-600)!important}html.dark .auth-utility-cluster.scrolled .auth-top-timer{background:#00000059;border-color:#ffffff0f}.auth-top-timer .material-symbols-rounded{font-size:18px;animation:2.2s ease-in-out infinite pulse-timer;color:#10b981!important}@keyframes pulse-timer{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.95)}}.auth-top-timer strong{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:.02em;text-align:center;min-width:68px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-weight:700;display:inline-block;color:var(--neutral-900)!important}html.dark .auth-top-timer strong{color:var(--neutral-800)!important}.auth-top-left-cluster .reminder-divider{margin:0;display:block}@media (width<=768px){.auth-top-left-cluster{gap:8px}.auth-top-timer{padding:6px 10px}.auth-top-timer .timer-label,.auth-top-left-cluster .reminder-divider,.topbar-user-profile-meta,.topbar-divider-line{display:none!important}.bell-dropdown-menu{right:-45px!important}.topbar-xp-level-desktop{display:none!important}.topbar-xp-level-mobile{display:inline-flex!important}.auth-utility-cluster__inner{gap:6px!important;padding:0 12px!important}.topbar-bell-btn-premium,.topbar-theme-btn-premium{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}.topbar-avatar-premium{width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px}.topbar-bell-wrapper .bell-badge{padding:1px 4px!important;font-size:9px!important;top:2px!important;right:2px!important}.auth-top-timer{gap:4px!important;padding:4px 8px!important;font-size:12px!important}.topbar-xp-level-mobile{gap:4px!important;padding:4px 8px!important;font-size:11px!important}}@media (width<=380px){.auth-utility-cluster__inner{gap:4px!important;padding:0 6px!important}.auth-top-timer{padding:4px 6px!important;font-size:11px!important}.topbar-xp-level-mobile{gap:2px!important;padding:4px 6px!important;font-size:10px!important}.topbar-bell-btn-premium,.topbar-theme-btn-premium{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}.topbar-avatar-premium{width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px}.topbar-bell-wrapper .bell-badge{padding:1px 3px!important;font-size:8px!important;top:0!important;right:0!important}}.content .student-courses-page,.student-courses-page,.content .student-course-detail-page,.student-course-detail-page,.content .teacher-workspace-page,.teacher-workspace-page,.content .teacher-classes-page,.teacher-classes-page,.content .classes-page,.classes-page,.content .student-class-detail,.student-class-detail,.content .teacher-class-detail,.teacher-class-detail,.content .leaderboard-page,.leaderboard-page{font-family:var(--font-sans);z-index:1;border-radius:var(--radius-md);position:relative;-webkit-backdrop-filter:blur(16px)saturate(160%)!important;background:#ffffffbf!important;border:none!important;box-shadow:0 8px 32px #00000005!important}html.dark .content .student-courses-page,html.dark .student-courses-page,html.dark .content .student-course-detail-page,html.dark .student-course-detail-page,html.dark .content .teacher-workspace-page,html.dark .teacher-workspace-page,html.dark .content .teacher-classes-page,html.dark .teacher-classes-page,html.dark .content .classes-page,html.dark .classes-page,html.dark .content .student-class-detail,html.dark .student-class-detail,html.dark .content .teacher-class-detail,html.dark .teacher-class-detail,html.dark .content .leaderboard-page,html.dark .leaderboard-page{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px)!important;background:#0f172a73!important;border:none!important;box-shadow:0 8px 32px #00000040!important}.textbook-split-layout,.student-course-detail-layout{grid-template-columns:320px 1fr;align-items:start;gap:32px;display:grid}@media (width<=1024px){.textbook-split-layout,.student-course-detail-layout{grid-template-columns:1fr;gap:24px}}.book-page-icon-wrapper{border-radius:var(--radius-md);background:var(--primary-light);width:46px;height:46px;color:var(--primary);box-shadow:0 4px 14px var(--primary-glow);justify-content:center;align-items:center;display:inline-flex}html.dark .book-page-icon-wrapper{color:#60a5fa;background:#2563eb26;box-shadow:0 4px 20px #2563eb40}.textbook-search-box{border:1px solid var(--neutral-200);width:320px;height:42px;box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:0 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.textbook-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);width:360px}.textbook-search-box .material-symbols-rounded{color:var(--neutral-400);font-size:20px}.textbook-search-box input{width:100%;height:38px;color:var(--neutral-800);background:0 0;border:none;outline:none;margin:0;padding:0;font-size:14px;font-weight:500;line-height:38px}.textbook-search-box input::placeholder{color:var(--neutral-400)}.textbook-search-box .search-shortcut{color:var(--neutral-400);background:var(--neutral-100);border:1px solid var(--neutral-200);-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;border-radius:6px;align-items:center;height:22px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}html.dark .textbook-search-box{background:#0a0f1e99;border-color:#ffffff14;box-shadow:inset 0 1px 1px #ffffff0d}html.dark .textbook-search-box input{color:var(--neutral-200)}html.dark .textbook-search-box .search-shortcut{color:var(--neutral-400);background:#ffffff0d;border-color:#ffffff14}.textbook-banner-premium{border-radius:var(--radius-lg);min-height:100px;box-shadow:var(--shadow-md), inset 0 1px 2px #ffffff80;z-index:1;border:1px solid #ffffffb3;justify-content:space-between;align-items:center;margin-bottom:40px;padding:16px 32px;display:flex;position:relative;overflow:visible;background:linear-gradient(135deg,#e0f2fe 0%,#f3e8ff 50%,#eff6ff 100%)!important}html.dark .textbook-banner-premium{box-shadow:var(--shadow-xl), inset 0 1px 1px #ffffff0d;border-color:#ffffff0d;background:linear-gradient(135deg,#0b0f19 0%,#1e1b4b 50%,#3b0764 100%)!important}.banner-galaxy-bg{z-index:0;pointer-events:none;border-radius:0 var(--radius-lg) var(--radius-lg) 0;background-image:url(/mascot/mascot_book/background_light.webp);background-position:100%;background-repeat:no-repeat;background-size:cover;width:68%;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(270deg,#000 45%,#0000 100%);mask-image:linear-gradient(270deg,#000 45%,#0000 100%)}html.dark .banner-galaxy-bg{background-image:url(/mascot/mascot_book/background_dark.webp)}.textbook-banner-premium:before{content:"";opacity:.6;pointer-events:none;z-index:-1;border-radius:var(--radius-lg);background-image:radial-gradient(circle at 20% 30%,#ffffff26 1px,#0000 0),radial-gradient(circle at 75% 40%,#ffffff1a 1px,#0000 0),radial-gradient(circle at 50% 80%,#ffffff1f 1.5px,#0000 0);background-size:100px 100px;position:absolute;inset:0}html.dark .textbook-banner-premium:before{background-image:radial-gradient(circle at 20% 30%,#0ea5e966 1px,#0000 0),radial-gradient(circle at 75% 40%,#a855f74d 1px,#0000 0),radial-gradient(circle at 50% 80%,#ffffff40 1.5px,#0000 0)}.banner-content-left{z-index:2;flex:1;max-width:82%;position:relative}.textbook-banner-stats{justify-content:space-around;align-items:center;width:100%;display:flex}.stat-tile{align-items:center;gap:16px;padding:8px 12px;transition:transform .25s;display:flex;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.stat-tile:hover{transform:translateY(-4px)}html.dark .stat-tile{box-shadow:none!important;background:0 0!important;border:none!important}html.dark .stat-tile:hover{background:0 0!important;border:none!important}.stat-icon-wrap{justify-content:center;align-items:center;font-size:26px;display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important;width:auto!important;height:auto!important}.stat-icon-wrap.icon-blue{color:var(--primary)!important}.stat-icon-wrap.icon-purple{color:#8b5cf6!important}.stat-icon-wrap.icon-green{color:#10b981!important}.stat-icon-wrap.icon-amber{color:#f59e0b!important}html.dark .stat-icon-wrap.icon-blue{color:#60a5fa!important}html.dark .stat-icon-wrap.icon-purple{color:#a78bfa!important}html.dark .stat-icon-wrap.icon-green{color:#34d399!important}html.dark .stat-icon-wrap.icon-amber{color:#fbbf24!important}.stat-info{flex-direction:column;gap:2px;display:flex}.stat-info strong{font-size:22px;font-weight:900;font-family:var(--font-display);color:var(--neutral-900)}html.dark .stat-info strong{color:#fff}.stat-info span{color:var(--neutral-600);font-size:13px;font-weight:600}html.dark .stat-info span{color:var(--neutral-400)}.banner-mascot-container{z-index:2;justify-content:center;align-items:center;width:140px;height:100px;display:flex;position:relative;overflow:visible}.banner-mascot-img{object-fit:contain;filter:drop-shadow(0 15px 35px #00000040);z-index:10;height:auto;animation:6s ease-in-out infinite banner-mascot-float;position:absolute;top:-50px;left:-75px;width:360px!important;max-width:none!important}@keyframes banner-mascot-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(3deg)}}.textbooks-section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.textbooks-filter-tabs{gap:8px;display:flex}.textbooks-empty-placeholder{text-align:center;border:1.5px dashed #00000014;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:75px;padding:60px 24px 36px;display:flex;position:relative;box-shadow:0 4px 20px #00000003;background:#ffffff1a!important;overflow:visible!important}html.dark .textbooks-empty-placeholder{border-color:#ffffff14;background:#0a0f1e33!important}.textbooks-empty-placeholder:before{content:"";z-index:1;pointer-events:none;filter:blur(16px);background:radial-gradient(circle,#6366f11f 0%,#6366f100 70%);width:320px;height:320px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}html.dark .textbooks-empty-placeholder:before{background:radial-gradient(circle,#6366f138 0%,#6366f100 70%)}.textbooks-empty-mascot-img{object-fit:contain;z-index:2;filter:drop-shadow(0 16px 32px #0000001f);width:270px;height:auto;margin-top:-140px;margin-bottom:12px;animation:4s ease-in-out infinite empty-mascot-float;position:relative;-webkit-mask-image:radial-gradient(circle,#000 50%,#0000 92%);mask-image:radial-gradient(circle,#000 50%,#0000 92%)}@keyframes empty-mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.empty-placeholder-text{color:var(--neutral-500);z-index:2;margin:0;font-size:13.5px;font-weight:700;position:relative}html.dark .empty-placeholder-text{color:var(--neutral-400)}.textbooks-carousel-frame{--textbook-carousel-gap:24px;--textbook-shadow-bleed:34px;--textbook-carousel-nav-offset:clamp(56px, 6vw, 96px);box-sizing:border-box;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 0 56px;position:relative;overflow:visible}.textbooks-horizontal-scroll{align-items:center;gap:var(--textbook-carousel-gap);padding:160px var(--textbook-carousel-nav-offset) 54px;scroll-snap-type:x proximity;scroll-padding-inline:var(--textbook-carousel-nav-offset);scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;margin:-70px 0 -22px;display:flex;overflow:auto hidden}.textbooks-horizontal-scroll::-webkit-scrollbar{width:0;height:0;display:none}.textbook-card-3d{--book-card-accent:96, 165, 250;--book-card-accent-deep:37, 99, 235;scroll-snap-align:start;background:radial-gradient(circle at 18% 8%, rgba(var(--book-card-accent), .46), transparent 44%), radial-gradient(circle at 86% 88%, rgba(var(--book-card-accent-deep), .28), transparent 48%), linear-gradient(135deg, #ffffff94, rgba(var(--book-card-accent), .16) 52%, #ffffff29), #ffffff2e;-webkit-backdrop-filter:blur(22px)saturate(185%);width:clamp(420px,29vw,560px);min-height:clamp(178px,12vw,236px);box-shadow:inset 0 1px 0 #ffffff9e, inset 0 -14px 28px rgba(var(--book-card-accent-deep), .1), 0 14px 34px rgba(var(--book-card-accent-deep), .14);cursor:pointer;border:1px solid #ffffff94;border-radius:28px;flex-direction:column;flex:0 0 clamp(420px,29vw,560px);align-self:center;gap:14px;padding:18px;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s;display:flex;position:relative;overflow:visible}.textbook-card-3d:hover,.textbook-card-3d:focus-visible{z-index:4;background:radial-gradient(circle at 18% 8%, rgba(var(--book-card-accent), .58), transparent 44%), radial-gradient(circle at 86% 88%, rgba(var(--book-card-accent-deep), .38), transparent 48%), linear-gradient(135deg, #ffffffa8, rgba(var(--book-card-accent), .22) 52%, #fff3), #ffffff38;box-shadow:inset 0 1px 0 #ffffffb8, inset 0 -16px 30px rgba(var(--book-card-accent-deep), .14), 0 20px 44px rgba(var(--book-card-accent-deep), .22);border-color:#ffffffc7;transform:translateY(-6px)}.textbook-card-3d:active{transform:translateY(-2px)scale(.995)}.textbook-card-3d.is-shared-source-hidden{visibility:hidden;pointer-events:none}.textbook-shared-overlay{z-index:2147482999;pointer-events:none;position:fixed;inset:0}.textbook-card-overlay-clone{pointer-events:auto}.textbook-card-3d.is-window-active{z-index:2147483000;box-sizing:border-box;scroll-snap-align:center;width:100vw;max-width:100vw;height:100dvh;min-height:100dvh;max-height:100dvh;transform:translate3d(var(--flip-left,0px), var(--flip-top,0px), 0) scale(var(--flip-scale-x,1), var(--flip-scale-y,1));transform-origin:0 0;background:radial-gradient(circle at 16% 12%, rgba(var(--book-card-accent), .5), transparent 38%), radial-gradient(circle at 82% 86%, rgba(var(--book-card-accent-deep), .42), transparent 46%), linear-gradient(135deg, #ffffffc7, rgba(var(--book-card-accent), .18) 52%, #ffffff38), #ffffffb3;box-shadow:inset 0 1px 0 #ffffffbd, inset 0 -28px 60px rgba(var(--book-card-accent-deep), .18), 0 0 0 1px #ffffff3d, 0 36px 120px rgba(var(--book-card-accent-deep), .28);cursor:default;contain:layout paint style;will-change:transform, border-radius, padding;border-color:#ffffffc7;border-radius:28px;flex-basis:auto;align-self:center;margin:0;padding:18px;transition:transform .32s cubic-bezier(.16,1,.3,1),border-radius .32s cubic-bezier(.16,1,.3,1),padding .32s cubic-bezier(.16,1,.3,1),box-shadow .32s cubic-bezier(.16,1,.3,1),background .32s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;overflow:hidden}.textbook-card-3d.is-window-active.is-flip-open{box-shadow:inset 0 1px 0 #ffffff8f, inset 0 -18px 42px rgba(var(--book-card-accent-deep), .14), 0 0 0 1px #fff3, 0 24px 72px rgba(var(--book-card-accent-deep), .22);border-radius:50px;padding:clamp(42px,6vw,86px);transform:translate(0)scale(1);overflow:visible!important}.textbook-card-overlay-clone.is-window-active.is-flip-open{box-shadow:none!important;background:0 0!important;border-color:#0000!important;border-radius:0!important}.textbook-card-3d.is-window-active.is-flip-closing{transform:translate3d(var(--flip-left,0px), var(--flip-top,0px), 0) scale(var(--flip-scale-x,1), var(--flip-scale-y,1));border-radius:28px;padding:18px}@keyframes textbookMascotDriftBack{0%{opacity:.74;transform:translate(0)scale(1)}to{opacity:.88;transform:translate(-18vw,4vh)scale(1.08)}}@keyframes textbookCoverSlideOut{0%{opacity:1;transform:translateY(-50%)scale(1)}to{opacity:0;transform:translate(-15vw,-50%)scale(.95)}}.textbook-card-3d.is-window-active.is-flip-closing .book-card-mascot-column,.textbook-card-overlay-clone.is-window-active.is-flip-closing .book-card-mascot-column{z-index:1;pointer-events:none;height:auto;position:absolute;inset:0}.textbook-card-3d.is-window-active.is-flip-closing .book-card-mascot-img,.textbook-card-overlay-clone.is-window-active.is-flip-closing .book-card-mascot-img{z-index:1;opacity:.74;filter:drop-shadow(0 18px 28px #0f172a33);width:clamp(250px,23vw,420px);animation:.32s cubic-bezier(.16,1,.3,1) both textbookMascotDriftBack;position:absolute;bottom:clamp(-58px,-3vw,-22px);right:clamp(-150px,-7vw,-78px);transform:none}.textbook-card-3d.is-window-active.is-flip-closing .book-card-cover-reveal,.textbook-card-overlay-clone.is-window-active.is-flip-closing .book-card-cover-reveal{z-index:2;transform-origin:50%;filter:drop-shadow(0 18px 28px #0f172a38);width:auto;height:min(100dvh - 40px,72vw);animation:.32s cubic-bezier(.16,1,.3,1) both textbookCoverSlideOut;display:block;position:absolute;top:50%;left:clamp(20px,5vw,96px);transform:translateY(-50%)}.textbook-card-3d.is-window-active.is-flip-closing .book-expanded-details,.textbook-card-overlay-clone.is-window-active.is-flip-closing .book-expanded-details{color:#0f172ac2;opacity:0;pointer-events:none;gap:clamp(8px,1vh,10px);width:min(100%,500px);margin-top:clamp(10px,1.3vh,16px);transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);display:grid;transform:translateY(14px)scale(.96)}.textbook-card-3d.is-window-active:hover,.textbook-card-3d.is-window-active:focus-visible,.textbook-card-3d.is-window-active:active{transform:translate3d(var(--flip-left,0px), var(--flip-top,0px), 0) scale(var(--flip-scale-x,1), var(--flip-scale-y,1))}.textbook-card-3d.is-window-active.is-flip-open:hover,.textbook-card-3d.is-window-active.is-flip-open:focus-visible,.textbook-card-3d.is-window-active.is-flip-open:active{transform:translate(0)scale(1)}.textbook-card-3d.is-window-active .book-card-hero-grid{grid-template-columns:minmax(300px,.9fr) minmax(360px,1fr);align-items:start;gap:clamp(36px,5vw,92px);inset:clamp(36px,5vh,58px) clamp(56px,7vw,132px) clamp(34px,4vh,58px)}.textbook-card-3d.is-window-active.is-flip-open .book-card-hero-grid,.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-hero-grid{pointer-events:auto}.textbook-card-3d.is-window-active .book-card-mascot-column{justify-content:center;align-items:center;height:100%}.textbook-card-3d.is-window-active .book-card-mascot-img{filter:drop-shadow(0 32px 44px #0f172a3d);width:clamp(380px,34vw,590px);transform:translate(-5vw,1vh)}.textbook-card-3d.is-window-active.is-flip-open .book-card-mascot-column{z-index:1;pointer-events:none;height:auto;position:absolute;inset:0}.textbook-card-3d.is-window-active.is-flip-open .book-card-cover-reveal{z-index:2;transform-origin:50%;opacity:1;filter:drop-shadow(0 18px 28px #0f172a38);width:auto;height:min(100dvh - 40px,72vw);animation:.42s cubic-bezier(.16,1,.3,1) .16s both textbookCoverSlideIn;display:block;position:absolute;top:50%;left:clamp(20px,5vw,96px);transform:translateY(-50%)}.textbook-card-3d.is-window-active.is-flip-open .book-card-cover-img{border-radius:18px;width:auto;max-width:none;height:100%;max-height:min(100dvh - 40px,72vw)}.textbook-card-3d.is-window-active.is-flip-open .book-card-mascot-img{z-index:1;opacity:.74;filter:drop-shadow(0 18px 28px #0f172a33);width:clamp(250px,23vw,420px);animation:.52s cubic-bezier(.16,1,.3,1) both textbookMascotDriftToCorner;position:absolute;bottom:clamp(-58px,-3vw,-22px);right:clamp(-150px,-7vw,-78px);transform:none}.textbook-card-3d.is-window-active .book-card-details-right{justify-content:flex-start;padding-top:0;transform:none}.textbook-card-3d.is-window-active.is-flip-open .book-card-details-right{z-index:6;grid-column:2;align-self:start;width:min(100%,560px);min-width:0;margin-top:0}.textbook-card-3d.is-window-active .book-tag-wrapper{margin-bottom:clamp(6px,.9vh,10px);display:block}.textbook-card-3d.is-window-active .book-card-details-right h4{font-size:clamp(52px,5.45vw,92px);line-height:.9}.textbook-card-3d.is-window-active .book-level-text{margin-top:clamp(8px,1.1vh,12px);padding:6px 12px;font-size:12px}.textbook-card-3d.is-window-active .book-desc-text{color:#0f172a9e;max-width:38ch;margin-top:clamp(8px,1.1vh,12px);font-size:clamp(13px,1vw,15px);font-weight:700;line-height:1.35;display:block}.book-expanded-details{display:none}.textbook-card-3d.is-window-active.is-flip-open .book-expanded-details{color:#0f172ac2;opacity:0;gap:clamp(8px,1vh,10px);width:min(100%,500px);margin-top:clamp(10px,1.3vh,16px);animation:.28s cubic-bezier(.16,1,.3,1) .16s both textbookDetailReveal;display:grid;transform:translateY(14px)}.book-expanded-summary{flex-wrap:wrap;gap:7px;max-width:520px;display:flex}.book-expanded-summary span,.book-expanded-feature-list span{min-height:28px;box-shadow:inset 0 1px 0 #ffffff42, 0 12px 30px rgba(var(--book-card-accent-deep), .12);-webkit-backdrop-filter:none;background:linear-gradient(135deg,#ffffff5c,#ffffff24),#ffffff2e;border:1px solid #ffffff52;border-radius:999px;align-items:center;display:inline-flex}.book-expanded-summary span{color:#0f172ab3;padding:5px 11px;font-size:11.5px;font-weight:850}.book-expanded-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.book-expanded-stat{background:radial-gradient(circle at 12% 0%, rgba(var(--book-card-accent), .22), transparent 52%), linear-gradient(135deg, #ffffff57, #ffffff21), #ffffff2e;min-width:0;box-shadow:inset 0 1px 0 #ffffff47, 0 18px 42px rgba(var(--book-card-accent-deep), .14);-webkit-backdrop-filter:none;border:1px solid #ffffff47;border-radius:16px;padding:10px 13px}.book-expanded-stat strong{color:#0f172ae6;font-family:var(--font-display);font-size:clamp(20px,1.85vw,28px);font-weight:950;line-height:1;display:block}.book-expanded-stat span{color:#0f172a94;margin-top:4px;font-size:11px;font-weight:800;display:block}.book-expanded-progress{-webkit-backdrop-filter:none;background:linear-gradient(135deg,#ffffff52,#ffffff1f),#ffffff2b;border:1px solid #ffffff42;border-radius:16px;gap:7px;padding:10px 13px;display:grid}.book-expanded-progress-row{color:#0f172ab8;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:850;display:flex}.book-expanded-progress-track{background:#0f172a1f;border-radius:999px;height:8px;position:relative;overflow:hidden}.book-expanded-progress-fill{border-radius:inherit;background:linear-gradient(90deg, rgba(var(--book-card-accent), .88), rgba(var(--book-card-accent-deep), .95));min-width:10px;box-shadow:0 0 22px rgba(var(--book-card-accent), .32);position:absolute;inset:0 auto 0 0}.book-expanded-feature-list{flex-wrap:wrap;gap:7px;display:flex}.book-expanded-feature-list span{color:#0f172ab3;gap:6px;padding:6px 10px;font-size:11.5px;font-weight:850}.book-expanded-feature-list .material-symbols-rounded{color:rgba(var(--book-card-accent-deep), .92);font-size:17px}.book-expanded-action{align-items:center;margin-top:2px;display:flex}.book-expanded-open-btn{background:linear-gradient(135deg, rgba(var(--book-card-accent), .92), rgba(var(--book-card-accent-deep), .92));color:#fff;min-height:40px;box-shadow:inset 0 1px 0 #ffffff57, 0 14px 30px rgba(var(--book-card-accent-deep), .24);cursor:pointer;border:1px solid #ffffff52;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:10px 16px;font-size:13px;font-weight:900;line-height:1;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex}.book-expanded-open-btn:hover{box-shadow:inset 0 1px 0 #fff6, 0 18px 34px rgba(var(--book-card-accent-deep), .28);transform:translateY(-1px)}.book-expanded-open-btn:active{transform:translateY(0)scale(.98)}.book-expanded-open-btn:disabled{cursor:not-allowed;opacity:.52}.book-expanded-open-btn .material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 760, "GRAD" 0, "opsz" 24;font-size:18px}.textbook-card-3d.is-flip-opening-start .book-card-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:8px;inset:-76px 22px 18px 16px}.textbook-card-3d.is-flip-opening-start .book-card-mascot-column{justify-content:flex-start;align-items:flex-start;height:clamp(220px,4vw,286px)}.textbook-card-3d.is-flip-opening-start .book-card-mascot-img{width:clamp(220px,15vw,292px);transform:translate(-38px,-48px)}.textbook-card-3d.is-flip-opening-start .book-card-details-right{justify-content:flex-start;padding-top:10px;transform:none}.textbook-card-3d.is-flip-opening-start .book-tag-wrapper{display:none}.textbook-card-3d.is-flip-opening-start .book-card-details-right h4{font-size:clamp(48px,3.35vw,72px);line-height:.92}.textbook-card-3d.is-flip-opening-start .book-level-text{margin-top:4px;padding:5px 10px;font-size:11px}.textbook-card-3d.is-flip-opening-start .book-desc-text{opacity:0;transform:translateY(6px)}.textbook-card-3d.is-flip-opening-start .book-expanded-details{display:none}@media (width<=1180px) and (width>=721px){.textbook-card-overlay-clone.is-window-active.is-flip-open{padding:clamp(34px,4vw,58px)}.textbook-card-overlay-clone.is-window-active .book-card-hero-grid{grid-template-columns:minmax(260px,.82fr) minmax(320px,1fr);gap:clamp(28px,4vw,54px);inset:clamp(28px,4vh,44px) clamp(28px,4vw,56px)}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-cover-reveal{height:min(100dvh - 88px,58vw);left:clamp(20px,3.4vw,44px)}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-cover-img{max-height:min(100dvh - 88px,58vw)}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-details-right{width:min(100%,460px)}.textbook-card-overlay-clone.is-window-active .book-card-details-right h4{font-size:clamp(42px,5.2vw,64px)}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-details{width:min(100%,430px)}}@media (width>=721px){.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-hero-grid{grid-template-columns:minmax(300px,.95fr) minmax(380px,1fr);align-items:center}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-mascot-column{pointer-events:none;grid-area:1/1;place-items:center;min-width:0;height:100%;display:grid;position:relative;inset:auto}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-cover-reveal{width:min(38vw,540px);height:auto;animation:none;position:relative;top:auto;left:auto;transform:none}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-cover-img{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:calc(100dvh - 96px)}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-mascot-img{z-index:5;opacity:.58;pointer-events:none;width:clamp(190px,16vw,300px);position:fixed;bottom:clamp(30px,4.5vh,72px);right:clamp(56px,7vw,140px);transform:none}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-details-right{grid-area:1/2;justify-self:start;width:min(100%,clamp(390px,32vw,560px))}}.textbook-card-window-close{z-index:10;color:#172033;-webkit-backdrop-filter:blur(22px)saturate(180%);cursor:pointer;opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff7a,#ffffff24),#ffffff29;border:0;border-radius:999px;place-items:center;width:46px;height:46px;transition:opacity .18s,transform .18s,box-shadow .18s,background .18s;display:grid;position:absolute;top:clamp(28px,4vw,58px);right:clamp(28px,4vw,58px);box-shadow:inset 0 1px #ffffff9e,0 16px 34px #0f172a2e}.textbook-card-3d.is-flip-open .textbook-card-window-close{opacity:1;pointer-events:auto}body.textbook-window-active .auth-bottom-dock,body.textbook-window-active .floating-search-pill-container,body.textbook-window-active .floating-utility-controls{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,visibility .16s,transform .16s;transform:translateY(12px)}.textbook-card-3d[data-grade="10"]{--book-card-accent:34, 197, 94;--book-card-accent-deep:22, 163, 74}.textbook-card-3d[data-grade="11"]{--book-card-accent:239, 68, 68;--book-card-accent-deep:220, 38, 38}.textbook-card-3d[data-grade="12"]{--book-card-accent:59, 130, 246;--book-card-accent-deep:37, 99, 235}.textbooks-carousel-nav{z-index:5;color:#172033;-webkit-backdrop-filter:blur(18px)saturate(175%)contrast(1.08);cursor:pointer;isolation:isolate;will-change:transform, opacity;background:0 0;border:0;border-radius:999px;place-items:center;width:40px;height:40px;padding:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .25s cubic-bezier(.25,1,.5,1),background-color .25s,box-shadow .25s;display:grid;position:absolute;top:auto;bottom:4px;overflow:hidden;transform:translateY(0)scale(1);box-shadow:inset 0 1px #ffffffb8,inset 0 -8px 18px #4f46e529,0 12px 22px #0f172a2e}.textbooks-carousel-nav:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:0 0;border:0;position:absolute;inset:2px}.textbooks-carousel-nav:hover{background:0 0;transform:translateY(-2px)scale(1.08);box-shadow:inset 0 1px #ffffffdb,inset 0 -10px 22px #2563eb38,0 16px 30px #2563eb3d}.textbooks-carousel-nav:active{transform:translateY(0)scale(.94);box-shadow:inset 0 6px 14px #0f172a29,inset 0 -4px 12px #ffffff38,0 8px 18px #0f172a29}.textbooks-carousel-nav:disabled,.textbooks-carousel-nav.is-disabled{opacity:0;pointer-events:none;transform:translateY(8px)scale(.85)}.textbooks-carousel-nav-left{left:auto;right:calc(var(--textbook-carousel-nav-offset) + 52px)}.textbooks-carousel-nav-right{right:var(--textbook-carousel-nav-offset)}.textbooks-carousel-nav .material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 720, "GRAD" 0, "opsz" 32;filter:drop-shadow(0 5px 9px #0f172a33);font-size:26px}html.dark .textbook-card-3d{background:radial-gradient(circle at 18% 8%, rgba(var(--book-card-accent), .38), transparent 44%), radial-gradient(circle at 86% 88%, rgba(var(--book-card-accent-deep), .3), transparent 48%), linear-gradient(135deg, #ffffff2e, rgba(var(--book-card-accent), .14) 52%, #0f172a38), #0f172a57;box-shadow:inset 0 1px 0 #fff3, inset 0 -14px 28px rgba(var(--book-card-accent-deep), .1), 0 14px 36px rgba(var(--book-card-accent-deep), .16);border-color:#ffffff3d}html.dark .textbook-card-3d.is-window-active{background:radial-gradient(circle at 16% 12%, rgba(var(--book-card-accent), .32), transparent 38%), radial-gradient(circle at 82% 86%, rgba(var(--book-card-accent-deep), .3), transparent 46%), linear-gradient(135deg, #0f172aeb, rgba(var(--book-card-accent), .18) 52%, #020617eb), #020617f5;box-shadow:inset 0 1px 0 #ffffff38, inset 0 -18px 42px rgba(var(--book-card-accent-deep), .16), 0 0 0 1px #ffffff14, 0 24px 72px #00000061;border-color:#ffffff4d}html.dark .textbook-card-3d.is-window-active .book-desc-text{color:#e2e8f0ad}html.dark .textbook-card-3d.is-window-active.is-flip-open .book-expanded-details{color:#e2e8f0c7}html.dark .book-expanded-summary span,html.dark .book-expanded-feature-list span{color:#e2e8f0c2;background:linear-gradient(135deg,#ffffff2e,#ffffff12),#0f172a47;border-color:#ffffff29;box-shadow:inset 0 1px #ffffff29,0 14px 36px #02061733}html.dark .book-expanded-stat,html.dark .book-expanded-progress{background:radial-gradient(circle at 12% 0%, rgba(var(--book-card-accent), .2), transparent 52%), linear-gradient(135deg, #ffffff29, #ffffff0e), #0f172a4d;border-color:#ffffff26;box-shadow:inset 0 1px #ffffff24,0 18px 42px #02061738}html.dark .book-expanded-stat strong{color:#f8fafcf0}html.dark .book-expanded-stat span,html.dark .book-expanded-progress-row{color:#e2e8f0a8}html.dark .book-expanded-progress-track{background:#ffffff21}html.dark .book-expanded-feature-list .material-symbols-rounded{color:rgba(var(--book-card-accent), .96)}html.dark .book-expanded-open-btn{border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff38,0 16px 34px #02061747}html.dark .textbook-card-3d:hover,html.dark .textbook-card-3d:focus-visible{background:radial-gradient(circle at 18% 8%, rgba(var(--book-card-accent), .5), transparent 44%), radial-gradient(circle at 86% 88%, rgba(var(--book-card-accent-deep), .4), transparent 48%), linear-gradient(135deg, #ffffff3d, rgba(var(--book-card-accent), .18) 52%, #0f172a2e), #0f172a6b;box-shadow:inset 0 1px 0 #ffffff47, inset 0 -16px 30px rgba(var(--book-card-accent-deep), .14), 0 22px 48px rgba(var(--book-card-accent-deep), .24);border-color:#ffffff57}html.dark .textbook-card-3d.is-window-active:hover,html.dark .textbook-card-3d.is-window-active:focus-visible,html.dark .textbook-card-3d.is-window-active:active{transform:translate3d(var(--flip-left,0px), var(--flip-top,0px), 0) scale(var(--flip-scale-x,1), var(--flip-scale-y,1));background:radial-gradient(circle at 16% 12%, rgba(var(--book-card-accent), .32), transparent 38%), radial-gradient(circle at 82% 86%, rgba(var(--book-card-accent-deep), .3), transparent 46%), linear-gradient(135deg, #0f172aeb, rgba(var(--book-card-accent), .18) 52%, #020617eb), #020617f5;box-shadow:inset 0 1px 0 #ffffff38, inset 0 -18px 42px rgba(var(--book-card-accent-deep), .16), 0 0 0 1px #ffffff14, 0 24px 72px #00000061;border-color:#ffffff4d}html.dark .textbook-card-3d.is-window-active.is-flip-open:hover,html.dark .textbook-card-3d.is-window-active.is-flip-open:focus-visible,html.dark .textbook-card-3d.is-window-active.is-flip-open:active{transform:translate(0)scale(1)}html.dark .textbooks-carousel-nav{color:#f8fafc;background:0 0;box-shadow:inset 0 1px #ffffff38,inset 0 -8px 18px #3b82f61f,0 16px 30px #00000057}html.dark .textbooks-carousel-nav:hover{background:0 0}.book-card-hero-grid{z-index:2;pointer-events:none;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:8px;transition:inset .42s cubic-bezier(.16,1,.3,1),grid-template-columns .42s cubic-bezier(.16,1,.3,1),gap .42s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;inset:-76px 22px 18px 16px}.book-card-mascot-column{z-index:2;justify-content:flex-start;align-items:flex-start;min-width:0;height:clamp(220px,4vw,286px);transition:height .42s cubic-bezier(.16,1,.3,1),align-items .42s cubic-bezier(.16,1,.3,1),justify-content .42s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.book-card-cover-reveal{display:none}.book-card-cover-img{object-fit:contain;width:100%;height:auto;display:block}.book-card-mascot-img{object-fit:contain;object-position:left top;filter:drop-shadow(0 20px 26px #0f172a2e);width:clamp(220px,15vw,292px);max-width:none;height:auto;transition:width .42s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1),filter .32s;transform:translate(-38px,-48px)}@keyframes textbookCoverSlideIn{0%{opacity:0;transform:translate(-78vw,-50%)scale(.92)}to{opacity:1;transform:translateY(-50%)scale(1)}}@keyframes textbookMascotDriftToCorner{0%{opacity:.88;transform:translate(-18vw,4vh)scale(1.08)}to{opacity:.74;transform:translate(0)scale(1)}}@keyframes textbookDetailReveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes textbookMobileCoverReveal{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.book-card-details-right{z-index:3;text-align:left;background:0 0;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:0;height:100%;padding-top:6px;transition:padding-top .42s cubic-bezier(.16,1,.3,1),justify-content .42s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.book-tag-wrapper{display:none}.book-card-details-right h4{color:#0000;background:linear-gradient(135deg, rgba(var(--book-card-accent), 1) 0%, rgba(var(--book-card-accent-deep), 1) 38%, #111827 78%, #020617 100%);text-align:left;text-shadow:0 14px 28px #0f172a57;word-break:normal;overflow-wrap:normal;-webkit-background-clip:text;background-clip:text;width:auto;max-width:100%;margin:0;font-size:clamp(26px,2.9vw,40px);font-weight:950;line-height:.96;transition:font-size .42s cubic-bezier(.16,1,.3,1),line-height .42s cubic-bezier(.16,1,.3,1),text-shadow .32s}.book-main-title{display:none}html.dark .book-card-details-right h4{color:#0000;background:linear-gradient(135deg, rgba(var(--book-card-accent), 1) 0%, rgba(var(--book-card-accent-deep), 1) 38%, #fffffff5 78%, #fff 100%);-webkit-background-clip:text;background-clip:text}.book-desc-text{display:none}.book-level-text{text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);text-shadow:0 1px 1px #00000026;border-radius:999px;align-items:center;width:fit-content;margin-top:8px;padding:4px 12px;font-size:11px;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;color:#fff!important;background:rgba(var(--book-card-accent), .12)!important;border:1px solid #ffffff29!important;font-weight:700!important;box-shadow:inset 0 1px #ffffff40,0 4px 10px #00000014!important}.book-meta-badge{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 12px;font-size:11px;display:inline-flex;font-weight:600!important}.book-meta-badge.badge-publisher{-webkit-backdrop-filter:blur(8px);text-shadow:0 1px 1px #00000026;color:#ffffffe6!important;background:#ffffff14!important;border:1px solid #ffffff29!important;box-shadow:inset 0 1px #ffffff40,0 4px 10px #00000014!important}.book-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.book-tag.tag-purple{color:#7e22ce;background:#f3e8ff}.book-tag.tag-green{color:#15803d;background:#dcfce7}.book-tag.tag-amber{color:#b45309;background:#fef3c7}.book-tag.tag-blue{color:#0369a1;background:#e0f2fe}html.dark .book-tag.tag-purple{color:#d8b4fe;background:#a855f726}html.dark .book-tag.tag-green{color:#86efac;background:#22c55e26}html.dark .book-tag.tag-amber{color:#fde047;background:#f59e0b26}html.dark .book-tag.tag-blue{color:#7dd3fc;background:#0ea5e926}.book-level-text{margin-top:8px;margin-bottom:4px}.book-desc-text{color:var(--neutral-400);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:56px;margin-bottom:14px;font-size:clamp(15px,.95vw,18px);font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}html.dark .book-desc-text{color:#64748b}.book-info-pane h4{color:var(--neutral-900);font-size:16px;font-weight:900;font-family:var(--font-display);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:42px;margin:6px 0;line-height:1.3;display:-webkit-box;overflow:hidden}.book-desc{color:var(--neutral-400);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:36px;margin:0 0 12px;font-size:13px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.book-progress-box{margin-top:auto;margin-bottom:16px}.book-progress-box .progress-label{color:var(--neutral-600);justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.book-progress-box .progress-bar-track{background:#0000000d;border-radius:99px;height:5px;overflow:hidden}html.dark .book-progress-box .progress-bar-track{background:#ffffff14}.book-progress-box .progress-bar-fill{border-radius:99px;height:100%;transition:width .6s}.action-btn-textbook{transition:none!important}.textbook-bottom-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid;box-sizing:border-box!important;width:100%!important;max-width:100%!important}@media (width<=1024px){.textbook-bottom-grid{grid-template-columns:minmax(0,1fr)!important}}.textbook-roadmap-panel{border-radius:var(--radius-lg);border:1px solid #ffffff14;padding:24px;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}.view-all-units-btn{border-radius:99px!important;padding:8px 16px!important;font-size:13px!important;font-weight:700!important}.textbook-roadmap-timeline{scrollbar-width:thin;justify-content:flex-start;gap:16px;padding-top:10px;padding-bottom:16px;display:flex;position:relative;width:100%!important;overflow:auto hidden!important}.textbook-roadmap-timeline::-webkit-scrollbar{height:6px!important}.textbook-roadmap-timeline::-webkit-scrollbar-track{background:#00000005!important;border-radius:99px!important}html.dark .textbook-roadmap-timeline::-webkit-scrollbar-track{background:#ffffff05!important}.textbook-roadmap-timeline::-webkit-scrollbar-thumb{background:#00000026!important;border-radius:99px!important}.textbook-roadmap-timeline::-webkit-scrollbar-thumb:hover{background:#0000004d!important}html.dark .textbook-roadmap-timeline::-webkit-scrollbar-thumb{background:#ffffff26!important}html.dark .textbook-roadmap-timeline::-webkit-scrollbar-thumb:hover{background:#ffffff4d!important}.timeline-step-node{cursor:pointer;flex-direction:column;flex:0 0 220px;align-items:stretch;min-width:220px;max-width:220px;display:flex;position:relative}.timeline-connector-line{display:none}.step-circle-number{z-index:2;width:28px;height:28px;font-size:12px;font-weight:800;font-family:var(--font-display);color:var(--neutral-700);background:#0000000a;border:1.5px solid #00000014;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s;display:flex;position:relative}html.dark .step-circle-number{color:var(--neutral-300);background:#ffffff0f;border-color:#ffffff14}.timeline-step-node.active .step-circle-number{box-shadow:0 2px 8px #2563eb33;background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}html.dark .timeline-step-node.active .step-circle-number{box-shadow:0 2px 8px #3b82f64d;color:#fff!important;background:#3b82f6!important;border-color:#3b82f6!important}.step-content-box{background:0 0;border:1.5px solid #00000014;border-radius:14px;flex-direction:column;align-items:stretch;gap:12px;width:100%;padding:12px 14px;transition:all .25s;display:flex}html.dark .step-content-box{border-color:#ffffff14}.timeline-step-node:hover .step-content-box{border-color:var(--primary);background:#2563eb05}html.dark .timeline-step-node:hover .step-content-box{background:#3b82f60a;border-color:#3b82f6}.timeline-step-node.active .step-content-box{box-shadow:0 0 0 1px var(--primary), 0 8px 24px #2563eb0f;border-color:var(--primary)!important;background:#2563eb08!important}html.dark .timeline-step-node.active .step-content-box{box-shadow:0 0 0 1px #3b82f6,0 8px 24px #3b82f61f;background:#3b82f60d!important;border-color:#3b82f6!important}.timeline-step-node.locked{cursor:not-allowed}.timeline-step-node.locked .step-content-box{border-color:#0000000a;background:0 0!important}html.dark .timeline-step-node.locked .step-content-box{border-color:#ffffff0a}.timeline-step-node.locked .step-circle-number{color:var(--neutral-400);background:0 0;border-color:#00000014}html.dark .timeline-step-node.locked .step-circle-number{color:#fff3;background:0 0;border-color:#ffffff1a}.timeline-step-node.locked .step-circle-number .material-symbols-rounded{font-size:13px}.step-top-row{flex-direction:row;align-items:flex-start;gap:12px;width:100%;display:flex}.step-text-details{flex-direction:column;flex:1;min-width:0;display:flex}.step-unit-tag{color:var(--neutral-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:10px;font-weight:700}.step-title-text{color:var(--neutral-800);-webkit-line-clamp:1;-webkit-box-orient:vertical;height:auto;margin:0 0 4px;font-size:12.5px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}html.dark .step-title-text{color:var(--neutral-200)}.step-words-count{color:var(--neutral-400);align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.step-words-count .material-symbols-rounded{font-size:12px}.step-progress-wrapper{background:#0000000d;border-radius:99px;width:100%;height:4px;position:relative;overflow:hidden}html.dark .step-progress-wrapper{background:#ffffff0f}.step-progress-fill{border-radius:99px;height:100%;transition:width .4s;position:absolute;top:0;left:0}.step-locked-row{color:var(--neutral-400);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.step-locked-row .material-symbols-rounded{font-size:13px}.textbook-weekly-goal-card{z-index:2;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #00000014;border-radius:18px;flex-direction:column;justify-content:space-between;height:100%;min-height:180px;padding:24px;display:flex;position:relative;box-shadow:0 8px 32px #00000008;overflow:visible!important}html.dark .textbook-weekly-goal-card{background:linear-gradient(135deg,#0d122b 0%,#151b3a 100%);border-color:#ffffff14;box-shadow:0 8px 32px #00000040}.goal-galaxy-bg{opacity:.15;z-index:1;pointer-events:none;background:url(/mascot/mascot_book/background_light.webp) 100%/cover no-repeat;border-radius:18px;position:absolute;inset:0}html.dark .goal-galaxy-bg{opacity:.35;background:url(/mascot/mascot_book/background_dark.webp) 100%/cover no-repeat}.goal-card-content{z-index:2;flex-direction:column;justify-content:space-between;gap:20px;width:60%;height:100%;display:flex;position:relative}.goal-card-header h4{color:var(--neutral-900);font-size:16px;font-weight:900;font-family:var(--font-display);margin:0 0 6px}html.dark .goal-card-header h4{color:#f8fafc}.goal-card-header p{color:var(--neutral-600);margin:0;font-size:13px;font-weight:500}html.dark .goal-card-header p{color:#94a3b8}.goal-progress-box-mini{flex-direction:column;gap:8px;display:flex}.progress-text-row{color:var(--neutral-500);justify-content:space-between;font-size:12px;font-weight:600;display:flex}html.dark .progress-text-row{color:#fff9}.progress-text-row strong{color:var(--neutral-900);font-family:var(--font-display)}html.dark .progress-text-row strong{color:#fff}.goal-bar-track{background:#0000000f;border-radius:99px;height:6px;overflow:hidden}html.dark .goal-bar-track{background:#ffffff1a}.goal-bar-fill{background:linear-gradient(90deg,#8b5cf6 0%,#6366f1 100%);border-radius:99px;height:100%;box-shadow:0 0 8px #8b5cf64d}.goal-mascot-container{pointer-events:none;z-index:3;width:140px;height:140px;position:absolute;bottom:5px;right:10px;overflow:visible!important}.weekly-goal-mascot-img{filter:drop-shadow(0 12px 24px #00000026);animation:4s ease-in-out infinite goal-mascot-float;position:absolute;bottom:-15px;right:-10px;width:135px!important;max-width:none!important;height:auto!important}@keyframes goal-mascot-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.02)}}.goal-chat-bubble-btn{color:#fff;cursor:pointer;z-index:4;background:#6366f1;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 4px 12px #6366f166}.goal-chat-bubble-btn:hover{background:#4f46e5;transform:scale(1.1)}.goal-chat-bubble-btn .material-symbols-rounded{font-size:18px}.textbooks-inner-container{padding:24px 32px 32px}.textbook-detail-inner-container{padding:32px}.textbook-index-page{background:0 0;border-radius:34px;width:min(100% - 48px,1280px);max-width:1280px;margin:16px auto 72px;padding:0;overflow:hidden}.textbook-index-page .textbook-detail-inner-container{gap:clamp(18px,2.2vw,28px);padding:clamp(20px,3vw,34px);display:grid}.textbook-index-hero{-webkit-backdrop-filter:blur(22px)saturate(150%);background:radial-gradient(circle at 18% 0,#ffffffb8,#0000 34%),linear-gradient(135deg,#ffffffa3,#ffffff42);border:1px solid #ffffff42;border-radius:30px;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);align-items:center;gap:clamp(22px,4vw,60px);min-height:310px;padding:clamp(24px,4vw,54px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff85,0 18px 56px #0f172a1a}html.dark .textbook-index-hero{background:radial-gradient(circle at 20% 0,#22c55e38,#0000 38%),linear-gradient(135deg,#0f172abd,#02061761);border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff21,0 20px 68px #0206175c}.textbook-index-hero:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff38,#0000 44%,#ffffff1f),radial-gradient(circle at 82% 26%,#3b82f633,#0000 34%);position:absolute;inset:0}.textbook-index-hero-copy{z-index:2;flex-direction:column;align-items:flex-start;min-width:0;display:flex;position:relative}.textbook-index-back-btn{min-height:38px!important;color:var(--neutral-800)!important;background:#ffffff6b!important;border:1px solid #ffffff57!important;border-radius:999px!important;align-items:center!important;gap:8px!important;margin-bottom:clamp(18px,2.2vw,28px)!important;padding:8px 14px!important;display:inline-flex!important}html.dark .textbook-index-back-btn{color:#e2e8f0e6!important;background:#0f172a7a!important;border-color:#ffffff1f!important}.textbook-index-kicker{color:#15803d;background:#22c55e29;border:1px solid #22c55e3d;border-radius:999px;align-items:center;min-height:30px;padding:6px 12px;font-size:13px;font-weight:900;display:inline-flex}html.dark .textbook-index-kicker{color:#86efac;background:#22c55e29;border-color:#86efac2e}.textbook-index-hero h1{max-width:760px;color:var(--neutral-950);font-family:var(--font-display);letter-spacing:0;margin:16px 0 14px;font-size:clamp(44px,6.4vw,92px);font-weight:950;line-height:.92}html.dark .textbook-index-hero h1{color:#f8fafc}.textbook-index-hero p{color:#334155bd;max-width:58ch;margin:0;font-size:clamp(15px,1.35vw,18px);font-weight:700;line-height:1.55}html.dark .textbook-index-hero p{color:#e2e8f0b8}.textbook-index-meta-pills{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.textbook-index-meta-pills span{color:#0f172ab8;background:#ffffff6b;border:1px solid #ffffff47;border-radius:999px;align-items:center;min-height:34px;padding:7px 12px;font-size:13px;font-weight:850;display:inline-flex}html.dark .textbook-index-meta-pills span{color:#e2e8f0d1;background:#ffffff14;border-color:#ffffff1a}.textbook-index-hero-art{z-index:1;place-items:center;min-height:300px;display:grid;position:relative}.textbook-index-cover{z-index:2;object-fit:contain;border-radius:18px;width:min(48vw,240px);max-height:330px;position:relative;transform:rotate(-2deg)translate(-26px);box-shadow:0 28px 54px #0f172a3d,0 0 0 1px #ffffff47}.textbook-index-mascot{z-index:3;filter:drop-shadow(0 24px 36px #0f172a3d);pointer-events:none;width:clamp(220px,20vw,340px);position:absolute;bottom:clamp(-52px,-4vw,-24px);right:clamp(-70px,-5vw,-24px)}.textbook-index-page .textbook-split-layout{gap:24px;margin-top:0}.textbook-index-page .sidebar-nav-btn{background:#ffffff57!important;border-color:#ffffff3d!important;border-radius:16px!important}html.dark .textbook-index-page .sidebar-nav-btn{background:#ffffff0b!important;border-color:#ffffff14!important}.textbook-index-page .sidebar-nav-btn.is-selected{background:linear-gradient(135deg,#2563eb,#16a34a)!important;border-color:#ffffff38!important}.textbook-index-page .student-vocab-word-card{background:#ffffff7a!important;border-color:#ffffff47!important;border-radius:20px!important}html.dark .textbook-index-page .student-vocab-word-card{background:#0206173d!important;border-color:#ffffff14!important}@media (width<=900px){.textbook-index-page{border-radius:28px!important;width:min(100% - 24px,720px)!important}.textbook-index-hero{grid-template-columns:1fr;min-height:auto}.textbook-index-hero-art{order:-1;min-height:230px}.textbook-index-cover{width:min(56vw,190px);max-height:270px;transform:rotate(-2deg)translate(-34px)}.textbook-index-mascot{width:clamp(170px,42vw,250px);bottom:-32px;right:2%}.textbook-index-hero h1{font-size:clamp(38px,12vw,58px)}}@media (width<=640px){.textbook-index-page{width:calc(100% - 16px)!important;margin:8px auto 88px!important}.textbook-index-page .textbook-detail-inner-container{gap:16px;padding:14px}.textbook-index-hero{border-radius:24px;padding:18px}.textbook-index-meta-pills{gap:8px}.textbook-index-meta-pills span{min-height:30px;padding:6px 9px;font-size:11px}}.textbook-index-page{width:100%;max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;overflow:visible}html.dark .textbook-index-page{background:0 0}.textbook-index-page .macos-window-header-glass{display:none!important}.textbook-index-page .textbook-detail-inner-container{gap:clamp(18px,2vw,28px);width:100%;max-width:none;padding:0 clamp(18px,2.8vw,52px) clamp(88px,8vh,120px)}.textbook-index-page .textbook-index-hero{min-height:clamp(430px,58dvh,660px);box-shadow:none;background:radial-gradient(circle at 15% 10%,#ffffffd1,#0000 22%),radial-gradient(circle at 22% 4%,#93c5fd70,#0000 38%),linear-gradient(90deg,#e0f2fe2e,#ffffff08 48%,#93c5fd29),url(/mascot/mascot_book/background_light.webp) 50%/cover no-repeat;border:0;border-radius:0 0 clamp(34px,5vw,64px) clamp(34px,5vw,64px);grid-template-columns:minmax(250px,.82fr) minmax(360px,1.18fr);align-items:center;margin:0 calc(-1*clamp(18px,2.8vw,52px));padding:clamp(88px,10vh,126px) clamp(28px,6vw,96px) clamp(34px,5vh,70px);overflow:hidden}html.dark .textbook-index-page .textbook-index-hero{background:radial-gradient(circle at 18% 8%,#a855f75c,#0000 28%),radial-gradient(circle at 8% 26%,#3b82f633,#0000 30%),linear-gradient(90deg,#0206170a,#02061761 50%,#02061794),url(/mascot/mascot_book/background_dark.webp) 50%/cover no-repeat}.textbook-index-page .textbook-index-hero:before{background:radial-gradient(circle at 26% -16%,#ffffffb8,#0000 22%),radial-gradient(circle at 78% 22%,#3b82f62e,#0000 22%),linear-gradient(#0000 66%,#0206171a)}html.dark .textbook-index-page .textbook-index-hero:before{background:radial-gradient(circle at 30% -18%,#ffffff2e,#0000 24%),radial-gradient(circle at 78% 18%,#a855f73d,#0000 26%),linear-gradient(#0000 58%,#0206176b)}.textbook-index-page .textbook-index-hero-art{grid-area:1/1;place-items:end center;min-height:clamp(340px,45dvh,520px);overflow:visible}.textbook-index-page .textbook-index-hero-copy{grid-area:1/2;justify-self:start;max-width:min(760px,54vw);padding-top:clamp(18px,4vh,54px)}.textbook-index-page .textbook-index-back-btn{z-index:8;position:absolute;top:clamp(22px,3vh,34px);left:clamp(24px,4vw,62px);margin:0!important}.textbook-index-page .textbook-index-kicker,.textbook-index-page .textbook-index-meta-pills span{-webkit-backdrop-filter:blur(18px)saturate(150%)}.textbook-index-page .textbook-index-hero h1{color:#0f172a;text-shadow:0 18px 50px #ffffff6b;max-width:760px;margin:18px 0 12px}html.dark .textbook-index-page .textbook-index-hero h1{color:#fff;text-shadow:0 20px 60px #3b82f633}.textbook-index-page .textbook-index-hero p{color:#0f172aad}html.dark .textbook-index-page .textbook-index-hero p{color:#e2e8f0c2}.textbook-index-page .textbook-index-cover{z-index:2;opacity:.94;width:min(30vw,220px);max-height:clamp(260px,42dvh,460px);transform:rotate(-7deg)translate(-8vw,3vh)}.textbook-index-page .textbook-index-mascot{z-index:4;filter:drop-shadow(0 36px 56px #0f172a42);width:clamp(300px,35vw,600px);bottom:clamp(-96px,-6vh,-42px);left:clamp(-72px,-3vw,-18px);right:auto}.textbook-index-page .textbook-banner-premium{z-index:4;margin-top:clamp(-60px,-6vh,-34px);min-height:auto!important}.textbook-index-page .textbook-banner-premium,.textbook-index-page .textbook-roadmap-panel,.textbook-index-page .textbook-weekly-goal-card,.textbook-index-page .textbook-lessons-sidebar,.textbook-index-page .textbook-words-panel{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;border-radius:0!important}.textbook-index-page .textbook-bottom-grid,.textbook-index-page .textbook-split-layout{width:100%;max-width:1500px;margin-left:auto;margin-right:auto}.textbook-index-page .textbook-banner-premium{width:min(100%,1500px);margin-left:auto;margin-right:auto}.textbook-index-page .textbook-roadmap-panel,.textbook-index-page .textbook-weekly-goal-card,.textbook-index-page .textbook-lessons-sidebar,.textbook-index-page .textbook-words-panel{overflow:hidden!important}@media (width<=980px){.textbook-index-page .textbook-index-hero{grid-template-columns:1fr;min-height:auto;padding-top:86px}.textbook-index-page .textbook-index-hero-art,.textbook-index-page .textbook-index-hero-copy{grid-area:auto/1;max-width:100%}.textbook-index-page .textbook-index-hero-art{order:-1;min-height:280px}.textbook-index-page .textbook-index-cover{width:min(42vw,180px);transform:rotate(-7deg)translate(-18vw,2vh)}.textbook-index-page .textbook-index-mascot{width:clamp(250px,62vw,380px);bottom:-54px;left:50%;transform:translate(-58%)}}@media (width<=640px){.textbook-index-page .textbook-detail-inner-container{padding:0 12px 92px}.textbook-index-page .textbook-index-hero{border-radius:0 0 30px 30px;margin:0 -12px;padding:76px 18px 30px}.textbook-index-page .textbook-index-back-btn{top:18px;left:16px}.textbook-index-page .textbook-index-hero h1{font-size:clamp(36px,13vw,56px)}.textbook-index-page .textbook-banner-premium{margin-top:-28px}}.textbook-index-page{isolation:isolate;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}.textbook-index-page .textbook-detail-inner-container{z-index:1;grid-template-rows:1fr;height:100dvh;display:grid;position:relative;overflow:hidden;padding:clamp(78px,9vh,108px) clamp(18px,2.4vw,42px) clamp(76px,7.5vh,104px)!important}.textbook-index-page .textbook-index-hero{pointer-events:none;z-index:0;display:block;position:absolute;inset:0;border-radius:0!important;min-height:0!important;margin:0!important;padding:0!important}.textbook-index-page .textbook-index-hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#02061708,#02061729 42%,#02061714),linear-gradient(#ffffff14,#ffffff05);position:absolute;inset:0}html.dark .textbook-index-page .textbook-index-hero:after{background:linear-gradient(90deg,#02061747,#0206177a 48%,#02061738),linear-gradient(#0206170a,#02061757)}.textbook-index-page .textbook-index-hero-copy,.textbook-index-page .textbook-index-hero-art,.textbook-index-page .textbook-index-kicker,.textbook-index-page .textbook-index-meta-pills,.textbook-index-page .textbook-index-cover,.textbook-index-page .textbook-index-mascot{display:none!important}.textbook-index-page .textbook-index-back-btn{pointer-events:auto;top:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 18px)!important;left:calc(env(safe-area-inset-left,0px) + 18px)!important;z-index:30!important;min-height:40px!important;margin:0!important;padding:8px 15px!important;position:fixed!important}.textbook-index-workspace{z-index:2;grid-template-columns:minmax(260px,330px) minmax(0,1fr);align-items:stretch;gap:clamp(16px,2vw,28px);height:100%;min-height:0;display:grid;position:relative}.textbook-index-aside{grid-template-rows:minmax(0,1fr) auto;gap:14px;min-height:0;display:grid}.textbook-roadmap-panel-vertical{flex-direction:column;min-height:0;display:flex;padding:18px!important}.textbook-aside-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.textbook-aside-heading h3{color:var(--neutral-950);font-family:var(--font-display);margin:0;font-size:18px;font-weight:950;line-height:1.1}html.dark .textbook-aside-heading h3{color:#f8fafc}.textbook-aside-heading span{color:#2563eb;background:#3b82f621;border-radius:999px;flex-shrink:0;align-items:center;min-height:26px;padding:5px 9px;font-size:11px;font-weight:900;display:inline-flex}html.dark .textbook-aside-heading span{color:#93c5fd;background:#60a5fa29}.textbook-aside-empty{color:var(--neutral-500);margin:0;font-size:13px;font-weight:700}.textbook-roadmap-vertical-list{scrollbar-width:thin;gap:10px;min-height:0;padding-right:4px;display:grid;overflow:hidden auto}.textbook-roadmap-vertical-item{width:100%;min-height:72px;color:var(--neutral-800);text-align:left;cursor:pointer;background:#ffffff38;border:1px solid #fff3;border-radius:18px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;padding:10px;transition:transform .18s,background .18s,border-color .18s;display:grid}html.dark .textbook-roadmap-vertical-item{color:#e2e8f0db;background:#0206172e;border-color:#ffffff14}.textbook-roadmap-vertical-item:hover:not(:disabled){background:#3b82f61f;border-color:#3b82f657;transform:translate(3px)}.textbook-roadmap-vertical-item.is-selected{background:radial-gradient(circle at 0 0,#a855f74d,#0000 46%),#3b82f62e;border-color:#a855f780;box-shadow:0 14px 34px #3b82f624}.textbook-roadmap-vertical-item:disabled{cursor:not-allowed;opacity:.52}.roadmap-step-index{color:#2563eb;background:#ffffff61;border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:950;display:inline-flex}html.dark .roadmap-step-index{color:#93c5fd;background:#ffffff14;border-color:#ffffff1a}.textbook-roadmap-vertical-item.is-done .roadmap-step-index{color:#16a34a}.roadmap-step-copy{gap:0;min-width:0;display:grid}.roadmap-step-copy strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;line-height:1.22;overflow:hidden}.roadmap-step-copy small{color:var(--neutral-500);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750;overflow:hidden}html.dark .roadmap-step-copy small{color:#cbd5e1a3}.textbook-weekly-goal-card-compact{min-height:156px!important;padding:18px!important;overflow:hidden!important}.textbook-weekly-goal-card-compact .goal-card-content{min-height:0;padding:0}.textbook-weekly-goal-card-compact .goal-card-header h4{font-size:17px;line-height:1.15}.textbook-weekly-goal-card-compact .goal-card-header p{font-size:12px}.textbook-index-workspace .textbook-words-content{min-height:0;overflow:hidden}.textbook-index-workspace .textbook-words-panel{height:100%;min-height:0;padding:clamp(18px,2vw,28px)!important;overflow:hidden auto!important}.textbook-index-workspace .textbook-words-panel>.textbook-unit-header{z-index:4;-webkit-backdrop-filter:blur(18px)saturate(150%);background:linear-gradient(#ffffffb8,#ffffff57);position:sticky;top:0;border-bottom-color:#ffffff1f!important;margin:calc(-1*clamp(18px,2vw,28px)) calc(-1*clamp(18px,2vw,28px)) 20px!important;padding:clamp(18px,2vw,28px)!important}.textbook-index-workspace .textbook-words-panel .textbook-unit-header{-webkit-backdrop-filter:blur(20px)saturate(155%);min-height:92px;background:radial-gradient(circle at 78% 0,#7c3aed24,#0000 28%),linear-gradient(#02061794,#0206172e)!important;border-bottom:1px solid #ffffff14!important;margin:calc(-1*clamp(18px,2vw,28px)) calc(-1*clamp(18px,2vw,28px)) 12px!important;padding:clamp(16px,1.8vw,24px) clamp(18px,2.2vw,30px)!important}.textbook-index-workspace .textbook-words-panel .textbook-unit-header>div:first-child{flex:420px;min-width:0}.textbook-index-workspace .textbook-words-panel .textbook-unit-header h4{color:#f8fafc!important;margin:0 0 6px!important;font-size:clamp(24px,2.45vw,38px)!important;line-height:1.02!important}.textbook-index-workspace .textbook-words-panel .textbook-unit-header p{max-width:70ch;color:#e2e8f0a8!important;margin:0!important;font-size:14px!important;font-weight:700!important;line-height:1.38!important}html.dark .textbook-index-workspace .textbook-words-panel>.textbook-unit-header{background:linear-gradient(#020617c7,#0206174d)}@media (width<=900px){.textbook-index-page{height:auto!important;min-height:100dvh!important;overflow:visible!important}.textbook-index-page .textbook-detail-inner-container{height:auto;min-height:100dvh;overflow:visible;padding:76px 14px 92px!important}.textbook-index-workspace{grid-template-columns:1fr;height:auto}.textbook-index-aside{grid-template-rows:auto auto}.textbook-roadmap-vertical-list{max-height:260px}.textbook-index-workspace .textbook-words-panel{height:auto;max-height:none}}.textbook-index-workspace .textbook-words-panel{scrollbar-width:thin;scrollbar-color:#818cf873 #ffffff0f;background:radial-gradient(circle at 90% 0,#7c3aed29,#0000 30%),#02061733!important;border-color:#ffffff1f!important;border-radius:30px!important}.textbook-index-page .textbook-words-panel:before{content:none!important;display:none!important}.textbook-index-workspace .textbook-words-panel::-webkit-scrollbar{width:8px}.textbook-index-workspace .textbook-words-panel::-webkit-scrollbar-track{background:#ffffff0a;border-radius:999px;margin:22px 0}.textbook-index-workspace .textbook-words-panel::-webkit-scrollbar-thumb{background:linear-gradient(#8b5cf6b8,#3b82f66b) padding-box padding-box;border:2px solid #0000;border-radius:999px}.textbook-index-workspace .textbook-words-panel>.textbook-unit-header{min-height:108px;align-items:center!important;gap:14px!important}.textbook-index-workspace .textbook-words-panel>.textbook-unit-header h4{color:#f8fafc!important;font-size:clamp(22px,2.15vw,34px)!important;line-height:1.02!important}.textbook-index-workspace .textbook-words-panel>.textbook-unit-header p{max-width:72ch;color:#e2e8f0b3!important;font-size:14px!important;font-weight:650!important;line-height:1.45!important}.textbook-index-workspace .btn-quiz-lesson{min-height:46px!important;padding:9px 16px!important;font-size:13px!important;box-shadow:0 12px 30px #7c3aed47!important}.textbook-word-list{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;gap:12px!important}.textbook-index-page .student-vocab-word-card.textbook-word-row{box-shadow:none!important;background:linear-gradient(90deg,#ffffff0e,#ffffff05),#02061733!important;border-color:#ffffff17!important;border-radius:22px!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;padding:16px 18px!important;display:grid!important}.textbook-index-page .student-vocab-word-card.textbook-word-row:hover{transform:translateY(-1px);background:radial-gradient(circle at 0 0,#7c3aed29,#0000 28%),#02061740!important;border-color:#818cf842!important}.textbook-word-row>div:first-child{gap:8px;min-width:0;display:grid}.textbook-word-row>div:first-child>div:first-child{gap:8px!important;margin-bottom:0!important}.textbook-word-row>div:first-child>div:first-child strong{color:#f8fafc!important;font-size:clamp(20px,1.7vw,28px)!important;line-height:1.05!important}.textbook-word-row>div:first-child>div:first-child span{color:#e2e8f0d1!important;background:#ffffff13!important;border-color:#ffffff14!important;border-radius:9px!important}.textbook-word-row>div:first-child>p{color:#e2e8f0d1!important;margin:0!important;font-size:15px!important;line-height:1.35!important}.textbook-word-row>div:first-child>div:nth-child(3){width:min(100%,660px);background:#ffffff09!important;border-left-width:3px!important;border-radius:0 14px 14px 0!important;padding:10px 13px!important}.textbook-word-row>div:first-child>div:nth-child(3) p:first-child{color:#f8fafcdb!important;font-size:13.5px!important}.textbook-word-row>div:first-child>div:nth-child(3) p:last-child{color:#cbd5e1a8!important}.textbook-save-word-btn{justify-content:center;min-width:124px;color:#e2e8f0d1!important;background:#ffffff0b!important;border-radius:14px!important;min-height:40px!important;padding:8px 12px!important}.textbook-save-word-btn span{white-space:nowrap}html:not(.dark) .textbook-index-workspace .textbook-words-panel{background:radial-gradient(circle at 90% 0,#3b82f621,#0000 30%),#ffffff57!important}html:not(.dark) .textbook-index-workspace .textbook-words-panel>.textbook-unit-header{background:linear-gradient(#ffffffbd,#ffffff47)}html:not(.dark) .textbook-index-workspace .textbook-words-panel .textbook-unit-header{background:radial-gradient(circle at 78% 0,#7c3aed1f,#0000 30%),linear-gradient(#ffffffa8,#fff3)!important;border-bottom-color:#0f172a0f!important}html:not(.dark) .textbook-index-workspace .textbook-words-panel>.textbook-unit-header h4,html:not(.dark) .textbook-index-workspace .textbook-words-panel .textbook-unit-header h4{color:#0f172a!important}html:not(.dark) .textbook-index-workspace .textbook-words-panel>.textbook-unit-header p,html:not(.dark) .textbook-word-row>div:first-child>p{color:#1e293bb8!important}html:not(.dark) .textbook-index-workspace .textbook-words-panel .textbook-unit-header p{color:#334155b8!important}html:not(.dark) .textbook-index-page .student-vocab-word-card.textbook-word-row{background:#ffffff5c!important;border-color:#ffffff42!important}html:not(.dark) .textbook-word-row>div:first-child>div:first-child strong{color:#0f172a!important}html:not(.dark) .textbook-word-row>div:first-child>div:first-child span{color:#334155c7!important;background:#ffffff7a!important}html:not(.dark) .textbook-save-word-btn{color:#1e293bc7!important;background:#ffffff70!important}@media (width<=720px){.textbook-index-page .student-vocab-word-card.textbook-word-row{grid-template-columns:1fr!important}.textbook-save-word-btn{width:100%}}.content .student-textbooks-page,.student-textbooks-page{height:100dvh;min-height:0;width:100%!important;max-width:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background-color:#0000!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.student-textbooks-page .macos-window-header-glass{display:none}.student-textbooks-page .textbooks-inner-container{box-sizing:border-box;flex-direction:column;justify-content:center;gap:0;height:100dvh;min-height:0;padding:64px clamp(18px,3vw,44px) 82px;display:flex}.textbooks-stage-shell{flex:0 min(990px,100dvh - 150px);grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:clamp(16px,1.8vw,28px);height:min(990px,100dvh - 150px);min-height:0;max-height:min(990px,100dvh - 150px);display:grid}.textbooks-stage-main{align-items:stretch;min-width:0;min-height:0;display:flex}.textbooks-stage-loading{min-height:min(620px,100dvh - 270px);color:var(--neutral-400);flex:1;place-items:center;font-style:italic;display:grid}@media (width<=1024px){.textbook-banner-premium{flex-direction:column;align-items:flex-start;gap:20px;padding:24px;overflow:visible!important}.banner-content-left{max-width:100%}.banner-mascot-container{align-self:center;width:100%;height:180px;margin-top:20px}.banner-mascot-img{width:240px!important;margin:0 auto!important;display:block!important;position:relative!important;top:0!important;left:0!important;right:0!important}.textbooks-horizontal-scroll{gap:16px;grid-template-columns:repeat(2,1fr)!important}}.content .student-textbooks-page,.student-textbooks-page{overflow-x:hidden!important}.student-textbooks-page .textbooks-inner-container{width:min(100%,1380px);margin:0 auto;padding:clamp(24px,4vw,48px)}.student-textbooks-page .textbooks-stage-shell{grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.student-textbooks-page .textbooks-horizontal-scroll{align-items:center;gap:var(--textbook-carousel-gap);padding:160px var(--textbook-carousel-nav-offset) 54px;scroll-snap-type:x proximity;scroll-padding-inline:var(--textbook-carousel-nav-offset);scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;margin:-70px 0 -22px;display:flex;overflow:auto hidden}.student-textbooks-page .textbook-card-3d{flex-basis:clamp(420px,29vw,560px);width:clamp(420px,29vw,560px);min-height:clamp(178px,12vw,236px)}.student-textbooks-page .textbooks-horizontal-scroll::-webkit-scrollbar{width:0;height:0;display:none}@media (width<=1100px){.student-textbooks-page .textbooks-carousel-frame{--textbook-carousel-nav-offset:48px;padding:0 0 56px}.student-textbooks-page .textbooks-stage-shell{grid-template-columns:1fr;align-items:stretch}.student-textbooks-page .textbooks-horizontal-scroll{flex-wrap:nowrap;display:flex}.student-textbooks-page .textbook-card-3d{flex-basis:min(calc((100% - var(--textbook-carousel-gap)) / 2), 520px);width:min(calc((100% - var(--textbook-carousel-gap)) / 2), 520px);min-height:190px}.student-textbooks-page .textbook-card-3d.is-window-active{width:100vw;height:100dvh;min-height:100dvh;transform:translate3d(var(--flip-left,0px), var(--flip-top,0px), 0) scale(var(--flip-scale-x,1), var(--flip-scale-y,1));flex-basis:auto;margin:0;position:fixed;top:0;left:0}.student-textbooks-page .textbook-card-3d.is-window-active.is-flip-open{transform:translate(0)scale(1)}.student-textbooks-page .book-card-mascot-img{width:clamp(170px,22vw,220px);transform:translate(-26px,-34px)}}@media (width<=720px){.student-textbooks-page .textbooks-carousel-frame{--textbook-carousel-gap:14px;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0;overflow:hidden}.student-textbooks-page .textbooks-inner-container{padding:20px 0 0}.student-textbooks-page .textbooks-horizontal-scroll{align-items:stretch;gap:var(--textbook-carousel-gap);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y;flex-flow:row;width:100%;margin:-8px 0 0;padding:40px 58px 88px 16px;scroll-padding-inline:16px;display:flex;overflow:auto hidden}.student-textbooks-page .textbook-card-3d{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 clamp(270px,100vw - 76px,360px);align-self:stretch;width:clamp(270px,100vw - 76px,360px);padding:18px;min-height:clamp(380px,100dvh - 250px,440px)!important}.student-textbooks-page .textbooks-carousel-nav{display:none}.student-textbooks-page .textbook-card-3d.is-window-active{width:100vw;height:100dvh;min-height:100dvh;transform:translate3d(var(--flip-left,0px), var(--flip-top,0px), 0) scale(var(--flip-scale-x,1), var(--flip-scale-y,1));flex-basis:auto;margin:0;padding:18px;position:fixed;top:0;left:0}.student-textbooks-page .textbook-card-3d.is-window-active.is-flip-open{padding:26px;transform:translate(0)scale(1)}.student-textbooks-page .textbook-card-3d.is-window-active:hover,.student-textbooks-page .textbook-card-3d.is-window-active:focus-visible,.student-textbooks-page .textbook-card-3d.is-window-active:active{transform:translate3d(var(--flip-left,0px), var(--flip-top,0px), 0) scale(var(--flip-scale-x,1), var(--flip-scale-y,1))}.student-textbooks-page .textbook-card-3d.is-window-active.is-flip-open:hover,.student-textbooks-page .textbook-card-3d.is-window-active.is-flip-open:focus-visible,.student-textbooks-page .textbook-card-3d.is-window-active.is-flip-open:active{transform:translate(0)scale(1)}.student-textbooks-page .book-card-hero-grid{grid-template-rows:minmax(0,2fr) minmax(178px,1fr);grid-template-columns:1fr;align-items:stretch;gap:14px;inset:-34px 18px 22px}.student-textbooks-page .textbook-card-3d.is-window-active .book-card-hero-grid{grid-template-rows:minmax(138px,.52fr) minmax(0,1fr);grid-template-columns:1fr;gap:0;inset:78px 22px 28px}.student-textbooks-page .textbook-card-3d.is-flip-opening-start .book-card-hero-grid{grid-template-rows:minmax(0,2fr) minmax(178px,1fr);grid-template-columns:1fr;gap:14px;inset:-34px 18px 22px}.student-textbooks-page .book-card-mascot-column{justify-content:center!important;align-items:center!important;height:270px!important;min-height:0!important;overflow:visible!important}.student-textbooks-page .textbook-card-3d.is-window-active .book-card-mascot-column{justify-content:flex-start!important;height:178px!important}.student-textbooks-page .textbook-card-3d.is-flip-opening-start .book-card-mascot-column{justify-content:center!important;align-items:center!important;height:270px!important;min-height:0!important}.student-textbooks-page .book-card-mascot-img{object-fit:contain!important;object-position:center!important;width:auto!important;max-width:100%!important;height:100%!important;transform:translateY(-10px)!important}.student-textbooks-page .textbook-card-3d.is-window-active .book-card-mascot-img{width:clamp(200px,62vw,270px)!important;height:auto!important;transform:translate(-12px,-18px)!important}.student-textbooks-page .textbook-card-3d.is-flip-opening-start .book-card-mascot-img{object-fit:contain!important;width:auto!important;max-width:100%!important;height:100%!important;transform:translateY(-10px)!important}.student-textbooks-page .book-card-details-right{justify-content:flex-start;align-items:flex-start;height:auto;padding:0 2px 4px}.student-textbooks-page .textbook-card-3d.is-window-active .book-card-details-right{justify-content:flex-start;transform:none}.student-textbooks-page .textbook-card-3d.is-flip-opening-start .book-card-details-right{transform:none}.student-textbooks-page .book-card-details-right h4{font-size:clamp(38px,12vw,58px);line-height:.9}.student-textbooks-page .textbook-card-3d.is-window-active .book-card-details-right h4{font-size:clamp(34px,11vw,48px);line-height:.96}.student-textbooks-page .textbook-card-3d.is-flip-opening-start .book-card-details-right h4{font-size:clamp(38px,12vw,58px);line-height:.9}.student-textbooks-page .book-level-text{margin-top:12px;padding:6px 12px;font-size:12px}.student-textbooks-page .book-desc-text{max-width:28ch;margin-top:12px;font-size:14px;line-height:1.45;display:block}.student-textbooks-page .textbook-card-3d.is-window-active .book-desc-text{max-width:100%;margin-top:10px;font-size:13px;line-height:1.42}.student-textbooks-page .textbook-card-3d.is-window-active .book-level-text{margin-top:10px;font-size:12px}.textbook-card-overlay-clone.is-window-active{width:100vw;height:100dvh;min-height:100dvh;transform:translate3d(var(--flip-left,0px), var(--flip-top,0px), 0) scale(var(--flip-scale-x,1), var(--flip-scale-y,1));transform-origin:0 0;margin:0;padding:18px;position:fixed;top:0;left:0}.textbook-card-overlay-clone.is-window-active.is-flip-open{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:60px 18px 16px;overflow:hidden;transform:translate(0)scale(1)}.textbook-card-overlay-clone.is-window-active.is-flip-open .textbook-card-window-close{width:42px;height:42px;top:28px;right:24px}.textbook-card-overlay-clone.is-window-active .book-card-hero-grid{grid-template-rows:minmax(138px,.52fr) minmax(0,1fr);grid-template-columns:1fr;gap:0;inset:78px 22px 28px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-hero-grid{pointer-events:auto;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:1fr;align-items:start;gap:10px;min-height:0;max-height:calc(100dvh - 68px);display:grid;position:relative;inset:auto}.textbook-card-overlay-clone.is-flip-opening-start .book-card-hero-grid,.textbook-card-overlay-clone.is-flip-closing .book-card-hero-grid{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:4px;inset:-52px 16px 10px 10px}.textbook-card-overlay-clone.is-window-active .book-card-mascot-column{justify-content:flex-start;height:178px}.textbook-card-overlay-clone.is-flip-opening-start .book-card-mascot-column,.textbook-card-overlay-clone.is-flip-closing .book-card-mascot-column{height:158px}.textbook-card-overlay-clone.is-window-active .book-card-mascot-img{width:clamp(200px,62vw,270px);transform:translate(-12px,-18px)}.textbook-card-overlay-clone.is-flip-opening-start .book-card-mascot-img,.textbook-card-overlay-clone.is-flip-closing .book-card-mascot-img{width:clamp(164px,48vw,210px);transform:translate(-24px,-28px)}.textbook-card-overlay-clone.is-window-active .book-card-details-right{justify-content:flex-start;transform:none}.textbook-card-overlay-clone.is-flip-opening-start .book-card-details-right,.textbook-card-overlay-clone.is-flip-closing .book-card-details-right{transform:none}.textbook-card-overlay-clone.is-window-active .book-card-details-right h4{z-index:7;margin:0;font-size:clamp(30px,9.4vw,40px);line-height:.92;position:relative;grid-area:1/1!important}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-main-title{z-index:7;color:#ffffffbd;font-size:14px;font-weight:850;line-height:1.2;display:block;position:relative;grid-area:2/1!important}.textbook-card-overlay-clone.is-flip-opening-start .book-card-details-right h4,.textbook-card-overlay-clone.is-flip-closing .book-card-details-right h4{font-size:clamp(26px,8vw,36px)}.textbook-card-overlay-clone.is-window-active .book-desc-text{max-width:100%;margin-top:6px;font-size:12px;line-height:1.3}.textbook-card-overlay-clone.is-window-active .book-level-text{margin-top:7px;padding:5px 10px;font-size:11px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-details{z-index:7;gap:7px;width:100%;margin-top:0;position:relative;grid-area:4/1!important}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-tag-wrapper,.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-summary,.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-feature-list,.textbook-card-overlay-clone.is-window-active.is-flip-open .book-level-text,.textbook-card-overlay-clone.is-window-active.is-flip-open .book-desc-text{display:none!important}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-summary{gap:5px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-summary span{min-height:23px;padding:4px 8px;font-size:9.8px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-stats{-webkit-backdrop-filter:blur(18px)saturate(150%);background:#ffffff12;border:1px solid #ffffff24;border-radius:16px;gap:6px;padding:7px 0;overflow:hidden}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-stat{box-shadow:none;background:0 0;border:0;border-radius:0;padding:2px 8px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-stat+.book-expanded-stat{border-left:1px solid #ffffff24}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-stat strong{font-size:18px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-stat span{margin-top:3px;font-size:9.6px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-progress{border-radius:12px;padding:8px 10px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-progress-row{font-size:10.5px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-progress-row em{color:#ffffff94;margin-right:auto;font-style:normal}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-feature-list{gap:5px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-feature-list span{min-height:23px;padding:4px 7px;font-size:9.7px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-feature-list .material-symbols-rounded{font-size:14px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-action{margin-top:2px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-open-btn{width:100%;min-height:48px;font-size:13px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-mascot-column{pointer-events:none;justify-content:center;place-items:center;gap:8px;height:auto;min-height:0;max-height:min(52dvh,480px);display:grid;position:relative;inset:auto;grid-area:3/1!important}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-cover-reveal{z-index:2;width:auto;height:auto;filter:drop-shadow(0 20px 32px #0f172a42) drop-shadow(0 0 24px rgba(var(--book-card-accent), .2));justify-self:center;animation:.34s cubic-bezier(.16,1,.3,1) .1s both textbookMobileCoverReveal;display:block;position:relative;top:auto;left:auto;transform:none}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-cover-img{border-radius:12px;width:min(88vw,460px);max-width:none;height:auto;max-height:min(52dvh,480px)}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-mascot-img{display:none}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-details-right{z-index:6;align-items:stretch;width:100%;min-width:0;height:auto;min-height:auto;padding-bottom:0;display:contents;position:relative;overflow:visible}}.student-classes-section{width:95%;max-width:1600px;margin:16px auto 0}.student-classes-content{padding:32px!important}.join-class-section{max-width:500px;margin:32px auto 0}.classes-action-bar{align-items:center;gap:12px;margin:0;display:flex}.student-classes-section .page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}@media (width<=768px){.textbook-detail-page,.student-courses-page,.student-course-detail-page,.student-classes-section{padding:100px 16px 32px!important}.leaderboard-page{padding:100px 16px 120px!important}.student-classes-section{box-sizing:border-box!important;border-radius:0!important;width:100%!important;max-width:100%!important;min-height:auto!important;margin-top:0!important}.student-classes-content{padding:16px!important}.student-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.student-filter-bar .search-input-wrapper{width:100%!important;max-width:none!important}.student-filter-bar .filter-selects-wrapper{grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%!important;display:grid!important}.student-filter-bar .filter-select{width:100%!important;min-width:0!important}.join-class-section{border-radius:24px!important;width:95%!important;max-width:500px!important;margin:100px auto 32px!important;padding:0!important}.student-classes-section .page-header{flex-direction:column!important;align-items:stretch!important;gap:16px!important;margin-bottom:24px!important}.classes-action-bar{flex-direction:row!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0!important;display:flex!important}.classes-action-bar a,.classes-action-bar button{white-space:nowrap!important;flex:1!important;justify-content:center!important;width:auto!important;padding:8px 12px!important;font-size:13px!important}.leaderboard-row{gap:10px!important;padding:10px 14px!important}.lb-streak-suffix{display:none!important}.leaderboard-podium{flex-direction:column!important;align-items:center!important;gap:12px!important;padding:16px!important}.leaderboard-podium .podium-slot{background:#fff6!important;border:1px solid #e2e8f099!important;border-radius:18px!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:100%!important;padding:12px 16px!important;box-shadow:0 4px 12px #00000008!important}html.dark .leaderboard-podium .podium-slot{background:#1e293b66!important;border-color:#ffffff0d!important}.leaderboard-podium .podium-slot[style*="opacity: 0"]{display:none!important}.leaderboard-podium .podium-slot:nth-child(2){order:1!important}.leaderboard-podium .podium-slot:first-child{order:2!important}.leaderboard-podium .podium-slot:nth-child(3){order:3!important}.leaderboard-podium .podium-crown{text-align:center!important;width:30px!important;margin-bottom:0!important;font-size:24px!important}.leaderboard-podium .podium-avatar{width:44px!important;height:44px!important;font-size:18px!important;box-shadow:0 4px 8px #0000001a!important}.leaderboard-podium .gold-av{transform:none!important}.leaderboard-podium .podium-name{text-align:left!important;flex:1!important;max-width:none!important;margin-top:0!important;font-size:14px!important}.leaderboard-podium .podium-xp{margin-right:12px!important;font-size:13px!important;font-weight:700!important}.leaderboard-podium .podium-block{width:32px!important;height:32px!important;box-shadow:none!important;background:#0000000d!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;margin-left:auto!important;padding:0!important;display:flex!important}html.dark .leaderboard-podium .podium-block{background:#ffffff0d!important}.leaderboard-podium .podium-rank{margin:0!important;padding:0!important;font-size:14px!important;font-weight:800!important;line-height:1!important}.leaderboard-title{margin-top:8px!important;font-size:24px!important}.leaderboard-subtitle{text-align:center!important;font-size:12.5px!important}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-header h2{font-size:26px!important}.page-header p{font-size:13px!important;line-height:1.4!important}.textbook-search-box{width:100%!important;height:42px!important}.textbook-banner-premium{margin-bottom:28px;background:linear-gradient(#e0f2fef2 0%,#f3e8ffcc 50%,#eff6ff00 90%),#eff6ff url(/mascot/mascot_book/background_light.webp) bottom/cover no-repeat!important;padding:16px!important;overflow:visible!important}html.dark .textbook-banner-premium{background:linear-gradient(#0b0f19f2 0%,#1e1b4bcc 50%,#3b076400 90%),#3b0764 url(/mascot/mascot_book/background_dark.webp) bottom/cover no-repeat!important}.banner-mascot-container{height:70px!important;margin-top:25px!important;margin-bottom:20px!important;overflow:visible!important}.banner-mascot-img{width:255px!important;max-width:none!important;margin:0 auto!important;display:block!important;position:relative!important;top:-30px!important}.textbook-banner-stats{grid-template-columns:repeat(2,1fr)!important;gap:12px 8px!important;width:100%!important;display:grid!important}.stat-tile{justify-content:center!important;gap:10px!important;padding:4px 8px!important}.stat-info strong{font-size:16px!important}.stat-info span{font-size:11px!important}.banner-galaxy-bg{border-radius:var(--radius-lg)!important;width:100%!important;height:100%!important;-webkit-mask-image:linear-gradient(#0000 0%,#000 60%)!important;mask-image:linear-gradient(#0000 0%,#000 60%)!important}.textbooks-section-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:18px!important}.textbooks-filter-tabs{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-ms-overflow-style:none!important;gap:8px!important;width:100%!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.textbooks-filter-tabs::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.textbooks-filter-tabs::-webkit-scrollbar-track{background:0 0!important;display:none!important}.textbooks-filter-tabs::-webkit-scrollbar-thumb{background:0 0!important;display:none!important}.textbook-roadmap-timeline{padding-bottom:10px}.weekly-goal-mascot-img{width:110px!important;bottom:-15px!important;left:auto!important;right:-10px!important}}.review-page{max-width:680px;margin:0 auto;padding:8px 4px}.review-page .dictionary-result{transition:none;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:24px 0!important}html.dark .review-page .dictionary-result{box-shadow:none!important;background:0 0!important;border:none!important}.review-page .study-actions{gap:12px;width:100%;margin-top:24px;display:flex}.review-page .study-actions button{cursor:pointer;flex:1;transition:all .2s;border-radius:99px!important;justify-content:center!important;align-items:center!important;padding:14px 20px!important;font-size:15px!important;font-weight:700!important;display:inline-flex!important}.review-page .study-actions .btn-need-practice{color:#ef4444!important;background:#ef444414!important;border:1px solid #ef444426!important}.review-page .study-actions .btn-need-practice:hover{transform:translateY(-2px);background:#ef444424!important}.review-page .study-actions .btn-remembered{background:var(--primary)!important;border:1px solid var(--primary)!important;color:#fff!important;box-shadow:0 4px 12px #2563eb40!important}.review-page .study-actions .btn-remembered:hover{transform:translateY(-2px);background:var(--primary-hover,#1d4ed8)!important;box-shadow:none!important}.review-page .btn-reveal-answer{background:var(--primary,#2563eb)!important;color:#fff!important;cursor:pointer!important;border:none!important;border-radius:99px!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;margin-top:20px!important;padding:14px 20px!important;font-size:15px!important;font-weight:700!important;transition:all .2s!important;display:flex!important;box-shadow:0 4px 12px #2563eb40!important}.review-page .btn-reveal-answer:hover{background:var(--primary-hover,#1d4ed8)!important;box-shadow:none!important;transform:translateY(-2px)!important}.review-page .review-answer-text{color:var(--neutral-800,#1e293b)!important}html.dark .review-page .review-answer-text{color:#fff!important}.review-summary h2{color:var(--neutral-800,#1e293b)!important}html.dark .review-summary h2{color:#fff!important}.review-summary p{color:var(--neutral-500,#64748b)!important}html.dark .review-summary p{color:var(--neutral-400,#94a3b8)!important}.review-summary h4{color:var(--neutral-500,#64748b)!important}html.dark .review-summary h4{color:var(--neutral-400,#94a3b8)!important}.review-summary strong{color:var(--neutral-800,#1e293b)!important}html.dark .review-summary strong{color:#fff!important}@media (width<=768px){.review-page .dictionary-result{border-radius:20px!important;padding:16px!important}.review-page h2{font-size:24px!important}}@media (width<=480px){.review-page .study-actions{flex-direction:column;gap:8px}.review-page .study-actions button{width:100%}}.quiz-page{max-width:760px;min-height:100vh;margin:0 auto;padding:24px}.quiz-page-header{flex-direction:column;align-items:center;gap:8px;margin-bottom:32px;display:flex;position:relative}.quiz-back-btn{color:var(--text-secondary,#9ca3af);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:0;left:0}.quiz-back-btn:hover{color:var(--text-primary,#fff);background:#ffffff26}.quiz-page-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;margin-top:8px;font-size:28px;font-weight:800;display:flex}.quiz-page-subtitle{color:var(--text-secondary,#9ca3af);font-size:14px}.quiz-loading{color:var(--text-secondary,#9ca3af);flex-direction:column;align-items:center;gap:16px;padding:64px;display:flex}.quiz-loading-spinner{border:3px solid #a78bfa33;border-top-color:#a78bfa;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.quiz-empty-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:64px 24px;display:flex}.quiz-empty-icon{color:var(--text-secondary,#9ca3af);font-size:48px}.quiz-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:28px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 4px 20px #7c3aed59}.quiz-cta-btn:hover{transform:translateY(-2px);box-shadow:none!important}.quiz-game-container{flex-direction:column;gap:24px;display:flex}.quiz-progress-row{align-items:center;gap:12px;display:flex}.quiz-progress-label{color:var(--text-secondary,#9ca3af);white-space:nowrap;font-size:13px;font-weight:600}.quiz-progress-track{background:#ffffff14;border-radius:8px;flex:1;height:8px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg,#7c3aed,#60a5fa);border-radius:8px;height:100%;transition:width .4s}.quiz-score-chip{color:#4ade80;background:#4ade801f;border:1px solid #4ade8040;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:700}.quiz-question-card{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:24px;padding:40px 32px;position:relative;overflow:hidden;box-shadow:0 8px 40px #0003}.quiz-question-card:before{content:"";background:radial-gradient(circle,#a78bfa26,#0000);border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}.quiz-question-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary,#9ca3af);margin-bottom:16px;font-size:12px}.quiz-word-display{-webkit-text-fill-color:transparent;letter-spacing:-1px;background:linear-gradient(135deg,#f9fafb,#c4b5fd);-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:44px;font-weight:900;line-height:1.1}.quiz-question-instruction{color:var(--text-secondary,#9ca3af);font-size:14px;font-style:italic}.quiz-options-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=500px){.quiz-options-grid{grid-template-columns:1fr}}.quiz-option-btn{color:var(--text-primary,#fff);cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1.5px solid #ffffff1f;border-radius:16px;align-items:center;gap:12px;padding:16px 20px;font-size:15px;font-weight:500;transition:all .2s;display:flex;position:relative}.quiz-option-btn:hover:not(:disabled){background:#a78bfa1a;border-color:#a78bfa66;transform:translateY(-2px);box-shadow:none!important}.quiz-option-btn.correct{background:#4ade8026;border-color:#4ade80;animation:.5s correctPulse;box-shadow:0 0 20px #4ade8040}.quiz-option-btn.wrong{background:#ef444426;border-color:#ef4444;animation:.4s wrongShake;box-shadow:0 0 20px #ef444433}.quiz-option-btn.dimmed{opacity:.4}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.quiz-option-letter{background:#ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:flex}.quiz-option-text{flex:1}.quiz-option-check{color:#4ade80;flex-shrink:0;font-size:20px}.quiz-option-check.wrong-x{color:#ef4444}.quiz-result-container{flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}.xp-popup-badge{color:#fff;z-index:9999;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:28px;padding:12px 24px;font-size:20px;font-weight:800;animation:3s forwards xpFly;position:fixed;top:20px;right:20px;box-shadow:0 8px 40px #7c3aed80}@keyframes xpFly{0%{opacity:0;transform:translateY(20px)scale(.8)}15%{opacity:1;transform:translateY(0)scale(1.1)}80%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.quiz-result-card{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:28px;width:100%;max-width:480px;padding:48px 40px;box-shadow:0 12px 60px #00000040}.quiz-result-icon{margin-bottom:12px;font-size:64px}.quiz-result-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:28px;font-weight:800}.quiz-result-score{color:#f9fafb;font-size:40px;font-weight:900}.quiz-result-score span{color:var(--text-secondary,#9ca3af);font-size:18px;font-weight:400}.quiz-result-accuracy{color:var(--text-secondary,#9ca3af);margin-bottom:24px;font-size:14px}.quiz-result-xp-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.quiz-xp-chip,.quiz-level-chip,.quiz-streak-chip{border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-flex}.quiz-xp-chip{color:#c4b5fd;background:#a78bfa33;border:1px solid #a78bfa66}.quiz-level-chip{color:#93c5fd;background:#60a5fa26;border:1px solid #60a5fa59}.quiz-streak-chip{color:#fde68a;background:#fbbf2426;border:1px solid #fbbf2459}.quiz-result-xp-bar{background:#ffffff0a;border-radius:12px;padding:12px 16px}.quiz-result-xp-label{color:var(--text-secondary,#9ca3af);justify-content:space-between;font-size:14px;display:flex}.quiz-result-xp-label strong{color:#c4b5fd;font-weight:700}.quiz-result-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.quiz-restart-btn,.quiz-home-btn{cursor:pointer;border:none;border-radius:28px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .25s;display:inline-flex}.quiz-restart-btn{color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 4px 20px #7c3aed59}.quiz-restart-btn:hover{transform:translateY(-2px);box-shadow:none!important}.quiz-home-btn{color:var(--text-primary,#fff);background:#ffffff12;border:1.5px solid #ffffff26}.quiz-home-btn:hover{background:#ffffff1f}html:not(.dark) .quiz-question-card{background:#ffffffbf!important;border:1px solid #00000014!important;box-shadow:0 8px 32px #00000005!important}html:not(.dark) .quiz-word-display{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text}html:not(.dark) .quiz-option-btn{color:var(--neutral-800)!important;background:#fff9!important;border:1.5px solid #00000014!important}html:not(.dark) .quiz-option-btn:hover:not(:disabled){background:#7c3aed14!important;border-color:#7c3aed4d!important}html:not(.dark) .quiz-option-letter{color:var(--neutral-700)!important;background:#0000000d!important}html:not(.dark) .quiz-result-card{background:#ffffffbf!important;border:1px solid #00000014!important;box-shadow:0 12px 40px #0000000a!important}html:not(.dark) .quiz-result-score{color:var(--neutral-800)!important}html:not(.dark) .quiz-result-xp-bar{background:#00000005!important}html:not(.dark) .quiz-result-xp-label strong{color:#7c3aed!important}html:not(.dark) .quiz-home-btn{color:var(--neutral-700)!important;background:#00000008!important;border:1.5px solid #00000014!important}html:not(.dark) .quiz-home-btn:hover{background:#0000000f!important}html:not(.dark) .quiz-xp-chip{color:#7c3aed!important;background:#7c3aed14!important;border:1px solid #7c3aed33!important}html:not(.dark) .quiz-level-chip{color:#2563eb!important;background:#3b82f614!important;border:1px solid #3b82f633!important}html:not(.dark) .quiz-streak-chip{color:#d97706!important;background:#f59e0b14!important;border:1px solid #f59e0b33!important}html.dark .quiz-question-card,html.dark .quiz-result-card{background:#0f172a73!important;border:1px solid #ffffff14!important}html.dark .quiz-option-btn{background:#0f172a59!important;border:1.5px solid #ffffff14!important}.leaderboard-page{max-width:680px;min-height:100vh;margin:0 auto;padding:24px 24px 120px}.leaderboard-header{flex-direction:column;align-items:center;gap:8px;margin-bottom:36px;display:flex;position:relative}.leaderboard-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;margin-top:8px;font-size:26px;font-weight:800;display:flex}.leaderboard-subtitle{color:var(--text-secondary,#9ca3af);font-size:14px}.leaderboard-content{flex-direction:column;gap:28px;display:flex}.leaderboard-podium{justify-content:center;align-items:flex-end;gap:16px;padding:32px 16px 8px;display:flex;position:relative}.podium-slot{flex-direction:column;flex:1;align-items:center;gap:8px;max-width:150px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.podium-crown{filter:drop-shadow(0 4px 6px #00000026);margin-bottom:2px;font-size:28px}.podium-avatar{color:#fff;border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;font-weight:800;display:flex;box-shadow:0 8px 16px #0003}.gold-av{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);border-color:#fcd34d}.silver-av{background:linear-gradient(135deg,#cbd5e1,#94a3b8,#64748b);border-color:#e2e8f0}.bronze-av{background:linear-gradient(135deg,#d97706,#b45309,#78350f);border-color:#f59e0b}.podium-name{color:var(--neutral-800,#fff);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:110px;margin-top:4px;font-size:14px;font-weight:700;overflow:hidden}.podium-xp{color:var(--neutral-600,#cbd5e1);font-size:12px;font-weight:600}.podium-block{border-radius:16px 16px 0 0;justify-content:center;align-items:center;width:100%;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000026}.gold-block{background:linear-gradient(#f59e0b40 0%,#f59e0b0f 100%);border:1.5px solid #f59e0b73;height:100px}.silver-block{background:linear-gradient(#94a3b82e 0%,#94a3b80a 100%);border:1.5px solid #94a3b84d;height:75px}.bronze-block{background:linear-gradient(#b453092e 0%,#b453090a 100%);border:1.5px solid #b453094d;height:55px}.podium-glow-gold:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#fbbf244d 0%,#0000 70%);width:110px;height:110px;animation:4s ease-in-out infinite alternate podiumGlow;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.podium-glow-silver:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#cbd5e133 0%,#0000 70%);width:90px;height:90px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.podium-glow-bronze:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#d9770626 0%,#0000 70%);width:80px;height:80px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.podium-rank{font-size:24px;font-weight:900;font-family:var(--font-display)}.gold-block .podium-rank{color:#f59e0b;text-shadow:none!important}.silver-block .podium-rank{color:#94a3b8}.bronze-block .podium-rank{color:#b45309}.leaderboard-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.leaderboard-row{background:#ffffff73;border:1px solid #e2e8f0cc;border-radius:18px;align-items:center;gap:16px;padding:14px 22px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #00000003}html.dark .leaderboard-row{background:#1e293b73;border-color:#ffffff0f}.leaderboard-row:hover{background:#ffffffb3;border-color:#2563eb33;transform:translateY(-2px);box-shadow:none!important}html.dark .leaderboard-row:hover{background:#1e293bbf;border-color:#a78bfa33;box-shadow:none!important}.leaderboard-row-me{background:linear-gradient(135deg,#a78bfa1f 0%,#8b5cf60d 100%)!important;border:1.5px solid #a78bfa73!important;box-shadow:0 8px 30px #8b5cf626!important}.leaderboard-row-me:hover{background:linear-gradient(135deg,#a78bfa2e 0%,#8b5cf614 100%)!important;border-color:#a78bfa99!important}.lb-rank{text-align:center;width:32px;font-size:16px;font-weight:800}.lb-rank-num{color:var(--neutral-400,#9ca3af);font-size:14px;font-weight:700}.lb-avatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:700;display:flex;box-shadow:0 2px 8px #6366f140}.lb-info{flex:1}.lb-name{color:var(--neutral-800,#fff);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}html.dark .lb-name{color:#fff}.lb-you-badge{color:#c4b5fd;background:#a78bfa33;border:1px solid #a78bfa66;border-radius:10px;padding:1.5px 7px;font-size:10px;font-weight:700}.lb-stats-row{align-items:center;gap:10px;margin-top:3px;display:flex}.lb-level{color:var(--neutral-400,#9ca3af);font-size:12px}.lb-streak{color:#f59e0b;font-size:12px;font-weight:600}.lb-xp{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.lb-xp strong{color:#a78bfa;font-size:18px;font-weight:800}.lb-xp span{color:var(--neutral-400,#9ca3af);font-size:10px}.mascot-cheer-container{justify-content:center;align-items:center;margin:16px 0;animation:4s ease-in-out infinite floatMascot;display:flex}.mascot-cheer-img{object-fit:contain;filter:drop-shadow(0 10px 20px #00000026);width:140px;height:140px}@keyframes floatMascot{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes podiumGlow{0%{opacity:.6;filter:blur(14px)}to{opacity:.9;filter:blur(20px)}}.leaderboard-widget.orbis-glass{-webkit-backdrop-filter:blur(16px);transition:all .3s;background:#ffffffbf!important;border:1px solid #e2e8f0cc!important;box-shadow:0 10px 30px #00000008!important}html.dark .leaderboard-widget.orbis-glass{background:#0f172a73!important;border-color:#ffffff0d!important;box-shadow:0 10px 30px #00000040!important}.leaderboard-widget.orbis-glass:hover{border-color:#a78bfa4d!important}.leaderboard-cta{text-align:center;background:#7c3aed14;border:1px solid #7c3aed33;border-radius:20px;padding:24px}.leaderboard-cta p{color:var(--text-secondary,#9ca3af);margin-bottom:14px;font-size:14px}.quiz-nav-link{color:var(--text-secondary,#9ca3af);border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.quiz-nav-link:hover,.quiz-nav-link.active{color:#c4b5fd;background:#a78bfa26}.unscramble-container{flex-direction:column;align-items:center;gap:20px;width:100%;margin-top:16px;display:flex}.unscramble-slots{background:#ffffff08;border:1px dashed #ffffff1f;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;min-height:48px;padding:8px 16px;display:flex}.unscramble-letters{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:10px;display:flex}.letter-badge{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1.5px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:800;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 4px 10px #00000026}.letter-badge:hover:not(.disabled){background:#a78bfa26;border-color:#a78bfa66;transform:translateY(-3px)scale(1.05);box-shadow:none!important}.letter-badge:active:not(.disabled){transform:translateY(1px)scale(.95)}.letter-badge.disabled{opacity:.3;cursor:not-allowed}.letter-badge.correct{color:#4ade80;background:#4ade8026;border-color:#4ade80}.letter-badge.wrong{color:#ef4444;background:#ef444426;border-color:#ef4444}.unscramble-hint{color:#fff6;margin-top:4px;font-size:13px;font-style:italic}.vocab-search-container{width:100%;max-width:600px;margin-bottom:24px}.vocab-search-input-wrapper{-webkit-backdrop-filter:blur(12px);background:#ffffff73;border:1px solid #fff9;border-radius:99px;align-items:center;width:100%;padding:4px 16px;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;box-shadow:0 8px 32px #00000008}html.dark .vocab-search-input-wrapper{background:#0f172a59;border:1px solid #ffffff0d;box-shadow:0 8px 32px #00000026}.vocab-search-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 8px 32px #8b5cf61a, 0 0 0 2px var(--primary)}@supports (color:color-mix(in lab, red, red)){.vocab-search-input-wrapper:focus-within{box-shadow:0 8px 32px #8b5cf61a, 0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent)}}.vocab-search-input-wrapper:focus-within{transform:translateY(-1px)}.vocab-search-input-wrapper .search-icon{color:var(--neutral-400);pointer-events:none;margin-right:8px;font-size:20px;transition:color .3s}.vocab-search-input-wrapper:focus-within .search-icon{color:var(--primary)}.vocab-search-input{color:var(--neutral-900);flex-grow:1;padding:8px 0;font-size:15px;font-weight:600;background:0 0!important;border:none!important;outline:none!important}html.dark .vocab-search-input{color:#f8fafc}.vocab-search-input::placeholder{color:var(--neutral-400);font-weight:500}.vocab-search-clear-btn{color:var(--neutral-400);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:8px;padding:4px;transition:all .2s;display:inline-flex}.vocab-search-clear-btn:hover{color:var(--neutral-900);background:#0000000d}html.dark .vocab-search-clear-btn:hover{color:#f8fafc;background:#ffffff14}.vocab-search-clear-btn .material-symbols-rounded{font-size:16px}.vocab-stats-row{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;margin-bottom:32px;display:grid}@media (width<=768px){.vocab-stats-row{grid-template-columns:1fr;gap:14px;margin-bottom:24px}}.vocab-stat-card{-webkit-backdrop-filter:blur(20px);background:#ffffff73;border:1px solid #fff9;border-radius:24px;align-items:center;gap:16px;padding:20px;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000005}html.dark .vocab-stat-card{background:#1e293b66;border:1px solid #ffffff0a;box-shadow:0 8px 32px #00000026}.vocab-stat-card:hover{transform:translateY(-4px);box-shadow:none!important}html.dark .vocab-stat-card:hover{box-shadow:none!important}.vocab-stat-icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s;display:flex}.vocab-stat-card:hover .vocab-stat-icon-wrapper{transform:scale(1.1)rotate(4deg)}.vocab-stat-card.card-purple{border-left:4px solid #8b5cf6}.vocab-stat-card.card-purple .vocab-stat-icon-wrapper{color:#8b5cf6;background:#8b5cf61f}.vocab-stat-card.card-purple:hover{border-color:#8b5cf659;box-shadow:none!important}.vocab-stat-card.card-orange{border-left:4px solid #f97316}.vocab-stat-card.card-orange .vocab-stat-icon-wrapper{color:#f97316;background:#f973161f}.vocab-stat-card.card-orange:hover{border-color:#f9731659;box-shadow:none!important}.vocab-stat-card.card-green{border-left:4px solid #10b981}.vocab-stat-card.card-green .vocab-stat-icon-wrapper{color:#10b981;background:#10b9811f}.vocab-stat-card.card-green:hover{border-color:#10b98159;box-shadow:none!important}.vocab-stat-copy{flex-direction:column;flex-grow:1;gap:2px;display:flex}.vocab-stat-label{text-transform:uppercase;letter-spacing:.75px;color:var(--neutral-400);font-size:11px;font-weight:800}.vocab-stat-value{font-size:26px;font-weight:900;font-family:var(--font-display);color:var(--neutral-900);margin:2px 0;line-height:1.1}html.dark .vocab-stat-value{color:#f8fafc}.vocab-stat-sub{color:var(--neutral-500);font-size:12px;font-weight:500}.vocab-stat-progress-bar{background:#0000000d;border-radius:99px;width:100%;height:4px;margin:6px 0;overflow:hidden}html.dark .vocab-stat-progress-bar{background:#ffffff14}.vocab-stat-progress-bar-fill{background:linear-gradient(90deg,#10b981 0%,#34d399 100%);border-radius:99px;height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1)}.kbd-shortcut-legend{-webkit-backdrop-filter:blur(20px);background:#ffffff73;border:1px solid #fff9;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:28px;padding:16px 24px;display:flex;box-shadow:0 8px 32px #00000005}html.dark .kbd-shortcut-legend{background:#1e293b73;border:1px solid #ffffff0a;box-shadow:0 8px 32px #0000001f}.kbd-shortcut-title{text-transform:uppercase;letter-spacing:.75px;color:var(--neutral-400);align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.kbd-keyboard-icon{font-size:14px!important}.kbd-keys-row{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;display:flex}@media (width<=600px){.kbd-keys-row{gap:10px 14px}}.kbd-key-item{color:var(--neutral-600);align-items:center;gap:8px;font-size:13px;font-weight:600;transition:all .2s;display:flex}html.dark .kbd-key-item{color:#94a3b8}.premium-kbd{font-family:var(--font-mono,ui-monospace, monospace);color:#334155;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#f1f5f9 100%);border:1px solid #cbd5e1;border-bottom:3px solid #94a3b8;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:800;line-height:1;transition:all 80ms;display:inline-block;box-shadow:0 2px 4px #0000000d}html.dark .premium-kbd{color:#e2e8f0;background:linear-gradient(#334155 0%,#1e293b 100%);border:1px solid #475569;border-bottom:3px solid #0f172a;box-shadow:0 2px 4px #0003}.kbd-action-text{color:var(--neutral-500);font-size:12px}.key-pressed .premium-kbd{border-bottom-width:1px;transform:translateY(2px);box-shadow:0 0 10px #7c3aed80;background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}html.dark .key-pressed .premium-kbd{box-shadow:0 0 12px #8b5cf699}.key-pressed .kbd-action-text{color:var(--primary);font-weight:700}.badge-unlock-toast-overlay{z-index:10002;pointer-events:auto;animation:.65s cubic-bezier(.175,.885,.32,1.275) forwards toastEntrance;position:fixed;bottom:96px;left:24px}.badge-unlock-toast-card{-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#ffffffbf;border:1px solid #ffd70080;border-radius:20px;align-items:center;gap:16px;width:380px;max-width:calc(100vw - 48px);padding:16px 20px;transition:transform .2s cubic-bezier(.25,1,.5,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000014,0 0 0 1px #ffd70026,inset 0 1px 2px #ffffff80}.badge-unlock-toast-card:hover{transform:translateY(-4px)scale(1.02)}html.dark .badge-unlock-toast-card{background:#1a1505cc;border:1px solid #ffd70066;box-shadow:0 12px 40px #0006,0 0 25px #d4af3726,inset 0 1px 1px #ffffff1a}.badge-unlock-toast-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#ffd70026 0%,#0000 60%);width:200%;height:200%;animation:12s linear infinite toastGlowRotation;position:absolute;top:-50%;left:-50%}.badge-unlock-toast-icon-wrapper{z-index:1;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #ffd70066;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;animation:3s ease-in-out infinite floatBadgeIcon;display:flex;position:relative;box-shadow:0 4px 12px #d4af3733}html.dark .badge-unlock-toast-icon-wrapper{background:linear-gradient(135deg,#1e1b1b 0%,#451a03 100%);border:1px solid #ffd7004d}.badge-unlock-toast-icon{font-size:32px}.badge-unlock-toast-copy{z-index:1;flex-direction:column;flex:1;gap:2px;display:flex}.badge-unlock-toast-eyebrow{letter-spacing:1.5px;color:#b45309;text-transform:uppercase;font-size:10px;font-weight:800}html.dark .badge-unlock-toast-eyebrow{color:#fbbf24}.badge-unlock-toast-title{color:var(--neutral-900);font-size:16px;font-weight:800}html.dark .badge-unlock-toast-title{color:#fff}.badge-unlock-toast-desc{color:var(--neutral-600);margin:0;font-size:12px;line-height:1.35}html.dark .badge-unlock-toast-desc{color:var(--neutral-400)}.badge-unlock-toast-close{width:24px;height:24px;color:var(--neutral-400);cursor:pointer;z-index:2;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.badge-unlock-toast-close:hover{color:var(--neutral-800);background:#0000000d}html.dark .badge-unlock-toast-close:hover{color:#fff;background:#ffffff1a}.badge-unlock-toast-particles{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.toast-particle{opacity:0;font-size:14px;animation:2s ease-out infinite flyOutParticle;position:absolute}.tp-1{animation-delay:.1s;top:20%;left:20%}.tp-2{animation-delay:.4s;top:70%;left:10%}.tp-3{animation-delay:.7s;top:15%;right:15%}.tp-4{animation-delay:1s;top:80%;right:20%}.tp-5{animation-delay:1.3s;top:45%;left:45%}@keyframes toastEntrance{0%{opacity:0;transform:translate(-100px)scale(.85)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastGlowRotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatBadgeIcon{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(2deg)}}@keyframes flyOutParticle{0%{opacity:0;transform:translate(0)scale(.5)rotate(0)}20%{opacity:1}to{transform:translate(var(--dx,20px), var(--dy,-20px)) scale(1.1) rotate(180deg);opacity:0}}.tp-1{--dx:-30px;--dy:-30px}.tp-2{--dx:-25px;--dy:30px}.tp-3{--dx:30px;--dy:-25px}.tp-4{--dx:25px;--dy:35px}.tp-5{--dx:0px;--dy:-40px}.leaderboard-content{flex-direction:column;align-items:center;gap:32px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex}.leaderboard-podium{justify-content:center;align-items:flex-end;gap:20px;width:100%;max-width:600px;margin:20px 0;display:flex}.podium-slot{flex-direction:column;flex:1;align-items:center;transition:transform .3s;display:flex;position:relative}.podium-slot:hover{transform:translateY(-5px)}.podium-avatar{color:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:8px;font-size:20px;font-weight:800;display:flex;box-shadow:0 8px 16px #00000026}.gold-av{background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);animation:3s ease-in-out infinite floatBadgeIcon;box-shadow:0 0 15px #fbbf2480}.silver-av{background:linear-gradient(135deg,#cbd5e1 0%,#64748b 100%);box-shadow:0 0 12px #94a3b866}.bronze-av{background:linear-gradient(135deg,#fed7aa 0%,#c2410c 100%);box-shadow:0 0 10px #f973164d}.podium-name{color:var(--neutral-800);text-align:center;margin-bottom:2px;font-size:13.5px;font-weight:700}html.dark .podium-name{color:#f1f5f9}.podium-xp{color:var(--primary);margin-bottom:8px;font-size:12px;font-weight:800}.podium-block{color:#fffffff2;border:1px solid #fff3;border-radius:12px 12px 0 0;justify-content:center;align-items:center;width:100%;font-weight:800;display:flex;box-shadow:0 10px 25px #0000000d}.gold-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#fbbf24d9 0%,#d97706e6 100%);height:120px}.silver-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#cbd5e1d9 0%,#64748be6 100%);height:90px}.bronze-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#fed7aad9 0%,#c2410ce6 100%);height:70px}.podium-rank{text-shadow:0 2px 4px #00000026;font-size:28px}.podium-crown{z-index:10;font-size:24px;position:absolute;top:-24px}.speaking-visualizer-card{box-shadow:var(--shadow-lg), inset 0 1px 0 #fff9;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffb3 0%,#fff6 100%);border:1px solid #fff6;flex-direction:column;align-items:center;gap:28px;padding:32px;display:flex;position:relative}html.dark .speaking-visualizer-card{background:linear-gradient(135deg,#1e293bb3 0%,#0f172a66 100%);border-color:#ffffff14}.soundwave-canvas{border-radius:var(--radius-md);width:220px;height:60px;margin-top:10px}.speaking-score-dashboard{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.speaking-gauge-container{justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative}.gauge-svg{transform:scaleX(-1)}.gauge-center-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.gauge-score{color:#d97706;font-size:38px;font-weight:900;text-shadow:none!important}html.dark .gauge-score{color:#fbbf24}.gauge-label{letter-spacing:.1em;color:var(--neutral-500);font-size:10px;font-weight:800}.speaking-breakdown{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}.breakdown-item{flex-direction:column;gap:4px;display:flex}.breakdown-header{color:var(--neutral-700);justify-content:space-between;font-size:12.5px;font-weight:600;display:flex}html.dark .breakdown-header{color:var(--neutral-300)}.breakdown-bar-bg{background:var(--neutral-100);border-radius:999px;width:100%;height:6px;overflow:hidden}html.dark .breakdown-bar-bg{background:#ffffff1a}.breakdown-bar-fill{border-radius:999px;height:100%;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.breakdown-bar-fill.gold{background:linear-gradient(90deg,#fbbf24,#d97706);box-shadow:0 0 8px #fbbf2480}.breakdown-bar-fill.indigo{background:linear-gradient(90deg,#818cf8,#4f46e5);box-shadow:0 0 8px #818cf880}.breakdown-bar-fill.emerald{background:linear-gradient(90deg,#34d399,#059669);box-shadow:0 0 8px #34d39980}.completed-encouragement{color:#059669;text-align:center;margin:0;font-size:13.5px;font-weight:700}.slide-in-premium{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards slideInPremium}@keyframes slideInPremium{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.daily-reward-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10100;background:#050816b8;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.daily-reward-modal{background:linear-gradient(145deg,#110a2e,#1a0f40,#0f1726);border:1px solid #ffffff1a;border-radius:28px;width:100%;max-width:440px;animation:.45s cubic-bezier(.34,1.56,.64,1) rewardModalIn;position:relative;overflow:hidden;box-shadow:0 32px 80px #000000a6,0 0 0 1px #ffffff0a}@keyframes rewardModalIn{0%{opacity:0;transform:scale(.7)translateY(40px)}to{opacity:1;transform:scale(1)translateY(0)}}.daily-reward-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.daily-reward-particle{background:#fff9;border-radius:50%;width:2px;height:2px;animation:3s ease-in-out infinite particleTwinkle;position:absolute}@keyframes particleTwinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.5)}}.daily-reward-content{z-index:2;text-align:center;color:#fff;flex-direction:column;align-items:center;gap:0;padding:40px 32px 36px;display:flex;position:relative}.daily-reward-close{box-sizing:border-box;color:#ffffffb3;cursor:pointer;z-index:10;background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.daily-reward-close:hover{color:#fff;background:#ffffff1f}.daily-reward-flame-wrap{width:120px;height:120px;margin-bottom:20px;position:relative}.daily-reward-flame-bg{background:radial-gradient(circle at 50% 60%,#fb923c59 0%,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite flamePulseOuter;position:absolute;inset:0}@keyframes flamePulseOuter{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.daily-reward-flame-circle{background:linear-gradient(145deg,#f97316,#ef4444);border-radius:50%;justify-content:center;align-items:center;animation:1.6s ease-in-out infinite flamePulse;display:flex;position:absolute;inset:10px;box-shadow:0 0 30px #fb923cb3,0 0 60px #f43f5e4d}@keyframes flamePulse{0%,to{transform:scale(1);box-shadow:0 0 30px #fb923cb3,0 0 60px #f43f5e4d}50%{transform:scale(1.07);box-shadow:0 0 40px #fb923ce6,0 0 80px #f43f5e80}}.daily-reward-flame-emoji{font-size:48px;line-height:1;animation:1.6s ease-in-out infinite flameWiggle;display:block}@keyframes flameWiggle{0%,to{transform:rotate(-6deg)scaleY(1)}25%{transform:rotate(5deg)scaleY(1.06)}75%{transform:rotate(-3deg)scaleY(.96)}}.daily-reward-heading{letter-spacing:2px;text-transform:uppercase;color:#ffffff8c;margin:0 0 6px;font-size:13px;font-weight:800}.daily-reward-streak-number{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fb923c,#f43f5e,#fbbf24);-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:52px;font-weight:900;line-height:1}.daily-reward-streak-label{color:#ffffffd9;margin:0 0 24px;font-size:16px;font-weight:700}.daily-reward-streak-dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;display:flex}.streak-dot{border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.streak-dot.active{background:linear-gradient(135deg,#f97316,#ef4444);border-color:#fff3;box-shadow:0 0 12px #fb923c80}.streak-dot.inactive{color:#ffffff4d;background:#ffffff0f;border-color:#ffffff1a;font-size:10px}.daily-reward-xp-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;justify-content:space-between;align-items:center;width:100%;margin-bottom:24px;padding:16px 20px;display:flex}.daily-reward-xp-left{align-items:center;gap:10px;display:flex}.daily-reward-xp-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #fbbf2466}.daily-reward-xp-label{color:#fff9;margin-bottom:2px;font-size:13px;font-weight:500;display:block}.daily-reward-xp-amount{color:#fbbf24;font-size:20px;font-weight:900}.daily-reward-xp-badge{color:#34d399;text-transform:uppercase;letter-spacing:.5px;background:#34d39926;border:1px solid #34d3994d;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.daily-reward-cta{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#fb923c,#f43f5e);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:800;transition:all .25s;display:flex;box-shadow:0 8px 24px #f43f5e66}.daily-reward-cta:hover{transform:translateY(-2px);box-shadow:none!important}.daily-reward-cta:active{transform:translateY(0)}.dark .daily-reward-modal{background:linear-gradient(145deg,#0c0720,#160d38,#0a1120)}.welcome-daily-study-merged,.page-student .welcome-daily-study-merged,.welcome-stat-tile-merged,.page-student .welcome-stat-tile-merged,.welcome-tip-capsule,.page-student .welcome-tip-capsule,.launchpad-card-premium{border:none!important;position:relative!important;overflow:hidden!important}.welcome-daily-study-merged:before,.welcome-stat-tile-merged:before,.welcome-tip-capsule:before,.launchpad-card-premium:before{content:""!important;border-radius:inherit!important;-webkit-mask-composite:xor!important;pointer-events:none!important;z-index:1!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%)!important;padding:1.4px!important;transition:background .3s!important;position:absolute!important;inset:0!important;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0)!important;-webkit-mask-position:0 0,0 0!important;-webkit-mask-size:auto,auto!important;-webkit-mask-repeat:repeat,repeat!important;-webkit-mask-clip:content-box,border-box!important;-webkit-mask-origin:content-box,border-box!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;-webkit-mask-source-type:auto,auto!important;mask-mode:match-source,match-source!important}.welcome-daily-study-merged:hover:before,.welcome-stat-tile-merged:hover:before,.welcome-tip-capsule:hover:before,.launchpad-card-premium:hover:before{background:linear-gradient(#ffffffbf 0%,#ffffff59 20%,#fff0 40% 60%,#ffffff59 80%,#ffffffbf 100%)!important}.launchpad-card-premium.card-blue .launchpad-icon-box,.launchpad-card-premium.card-purple .launchpad-icon-box,.launchpad-card-premium.card-pink .launchpad-icon-box,.launchpad-card-premium.card-teal .launchpad-icon-box,.launchpad-card-premium.card-amber .launchpad-icon-box,.launchpad-card-premium.card-red .launchpad-icon-box,.launchpad-card-premium.card-indigo .launchpad-icon-box,.launchpad-card-premium.card-slate .launchpad-icon-box,.launchpad-card-premium.card-orange .launchpad-icon-box,.launchpad-card-premium.card-yellow .launchpad-icon-box,.launchpad-card-premium.card-rose .launchpad-icon-box,html.dark .launchpad-card-premium.card-blue .launchpad-icon-box,html.dark .launchpad-card-premium.card-purple .launchpad-icon-box,html.dark .launchpad-card-premium.card-pink .launchpad-icon-box,html.dark .launchpad-card-premium.card-teal .launchpad-icon-box,html.dark .launchpad-card-premium.card-amber .launchpad-icon-box,html.dark .launchpad-card-premium.card-red .launchpad-icon-box,html.dark .launchpad-card-premium.card-indigo .launchpad-icon-box,html.dark .launchpad-card-premium.card-slate .launchpad-icon-box,html.dark .launchpad-card-premium.card-orange .launchpad-icon-box,html.dark .launchpad-card-premium.card-yellow .launchpad-icon-box,html.dark .launchpad-card-premium.card-rose .launchpad-icon-box,.launchpad-card-premium:hover .launchpad-icon-box,html.dark .launchpad-card-premium:hover .launchpad-icon-box{box-shadow:none!important;background:0 0!important;border:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important}.launchpad-card-premium .launchpad-icon-box .material-symbols-rounded{font-size:24px!important}.launchpad-card-premium.card-blue .launchpad-icon-box .material-symbols-rounded{color:#2563eb!important}.launchpad-card-premium.card-purple .launchpad-icon-box .material-symbols-rounded{color:#7c3aed!important}.launchpad-card-premium.card-pink .launchpad-icon-box .material-symbols-rounded{color:#db2777!important}.launchpad-card-premium.card-teal .launchpad-icon-box .material-symbols-rounded{color:#0d9488!important}.launchpad-card-premium.card-amber .launchpad-icon-box .material-symbols-rounded{color:#b45309!important}.launchpad-card-premium.card-red .launchpad-icon-box .material-symbols-rounded{color:#dc2626!important}.launchpad-card-premium.card-indigo .launchpad-icon-box .material-symbols-rounded{color:#4f46e5!important}.launchpad-card-premium.card-slate .launchpad-icon-box .material-symbols-rounded{color:#475569!important}.launchpad-card-premium.card-orange .launchpad-icon-box .material-symbols-rounded{color:#ea580c!important}.launchpad-card-premium.card-yellow .launchpad-icon-box .material-symbols-rounded{color:#d97706!important}.launchpad-card-premium.card-rose .launchpad-icon-box .material-symbols-rounded{color:#db2777!important}html.dark .launchpad-card-premium.card-blue .launchpad-icon-box .material-symbols-rounded{color:#60a5fa!important}html.dark .launchpad-card-premium.card-purple .launchpad-icon-box .material-symbols-rounded{color:#c084fc!important}html.dark .launchpad-card-premium.card-pink .launchpad-icon-box .material-symbols-rounded{color:#f472b6!important}html.dark .launchpad-card-premium.card-teal .launchpad-icon-box .material-symbols-rounded{color:#2dd4bf!important}html.dark .launchpad-card-premium.card-amber .launchpad-icon-box .material-symbols-rounded{color:#fbbf24!important}html.dark .launchpad-card-premium.card-red .launchpad-icon-box .material-symbols-rounded{color:#f87171!important}html.dark .launchpad-card-premium.card-indigo .launchpad-icon-box .material-symbols-rounded{color:#818cf8!important}html.dark .launchpad-card-premium.card-slate .launchpad-icon-box .material-symbols-rounded{color:#94a3b8!important}html.dark .launchpad-card-premium.card-orange .launchpad-icon-box .material-symbols-rounded{color:#fb923c!important}html.dark .launchpad-card-premium.card-yellow .launchpad-icon-box .material-symbols-rounded{color:#fbbf24!important}html.dark .launchpad-card-premium.card-rose .launchpad-icon-box .material-symbols-rounded{color:#f472b6!important}.launchpad-arrow{background:#ffffff0d!important;border:none!important;border-radius:50%!important;width:36px!important;height:36px!important;transition:all .35s cubic-bezier(.25,1,.5,1)!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 10px #00000005!important}.launchpad-arrow:before{content:""!important;-webkit-mask-composite:xor!important;pointer-events:none!important;z-index:1!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%)!important;border-radius:50%!important;padding:1.4px!important;transition:background .3s!important;position:absolute!important;inset:0!important;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0)!important;-webkit-mask-position:0 0,0 0!important;-webkit-mask-size:auto,auto!important;-webkit-mask-repeat:repeat,repeat!important;-webkit-mask-clip:content-box,border-box!important;-webkit-mask-origin:content-box,border-box!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;-webkit-mask-source-type:auto,auto!important;mask-mode:match-source,match-source!important}.launchpad-card-premium:hover .launchpad-arrow,.launchpad-arrow:hover{color:#fff!important;box-shadow:none!important;background:#ffffff26!important;transform:scale(1.08)translateY(0)!important}.launchpad-card-premium:hover .launchpad-arrow:before,.launchpad-arrow:hover:before{background:linear-gradient(#ffffffbf 0%,#ffffff59 20%,#fff0 40% 60%,#ffffff59 80%,#ffffffbf 100%)!important}.launchpad-card-premium.card-blue:hover .launchpad-arrow{color:#60a5fa!important}.launchpad-card-premium.card-purple:hover .launchpad-arrow{color:#c084fc!important}.launchpad-card-premium.card-pink:hover .launchpad-arrow{color:#f472b6!important}.launchpad-card-premium.card-teal:hover .launchpad-arrow{color:#2dd4bf!important}.launchpad-card-premium.card-amber:hover .launchpad-arrow{color:#fbbf24!important}.launchpad-card-premium.card-red:hover .launchpad-arrow{color:#f87171!important}.launchpad-card-premium.card-indigo:hover .launchpad-arrow{color:#818cf8!important}.launchpad-card-premium.card-slate:hover .launchpad-arrow{color:#94a3b8!important}.launchpad-card-premium.card-orange:hover .launchpad-arrow{color:#fb923c!important}.launchpad-card-premium.card-yellow:hover .launchpad-arrow{color:#fbbf24!important}.launchpad-card-premium.card-rose:hover .launchpad-arrow{color:#f472b6!important}.launchpad-card-mascot-container{width:230px!important;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000014 8%,#00000059 28%,#000000bf 60%,#000 90%)!important;mask-image:linear-gradient(90deg,#0000 0%,#00000014 8%,#00000059 28%,#000000bf 60%,#000 90%)!important}html:not(.dark) .launchpad-card-mascot-container{mix-blend-mode:multiply!important;filter:contrast(1.05)saturate(1.05)!important}html:not(.dark) .launchpad-card-mascot-container img,html:not(.dark) .launchpad-mascot-img{mix-blend-mode:multiply!important}@media (width<=768px){.dashboard-page .dashboard-welcome-banner{height:auto!important;min-height:auto!important;padding-top:100px!important;padding-bottom:120px!important;overflow:hidden!important}.welcome-tip-capsule{margin-top:1px!important}.welcome-stat-tile-merged{border-radius:12px!important;gap:8px!important;padding:8px 10px!important}.welcome-stat-tile-merged .tile-icon{width:28px!important;height:28px!important}.welcome-stat-tile-merged .tile-icon span{font-size:16px!important}.welcome-stat-tile-merged .tile-meta strong{font-size:13px!important}.welcome-stat-tile-merged .tile-meta span{white-space:nowrap!important;font-size:9.5px!important}}.pronunciation-label[data-accent=US],.pronunciation-label[data-accent=UK]{font-size:0!important}html:not(.dark) .pronunciation-label[data-accent=US]:before{content:"US"!important;color:#e11d48!important;font-size:14px!important;font-weight:800!important}html.dark .pronunciation-label[data-accent=US]:before{content:"US"!important;color:#fb7185!important;font-size:14px!important;font-weight:800!important}html:not(.dark) .pronunciation-label[data-accent=UK]:before{content:"UK"!important;color:#2563eb!important;font-size:14px!important;font-weight:800!important}html.dark .pronunciation-label[data-accent=UK]:before{content:"UK"!important;color:#60a5fa!important;font-size:14px!important;font-weight:800!important}.quota-badge[data-quota]{font-size:0!important}.quota-badge[data-quota]:before{content:"AI còn lại: " attr(data-quota) "/15"!important;color:inherit!important;font-size:12px!important}.pronunciation-block,.pronunciation-block.compact,.pronunciation-block ul,.pronunciation-block li,.pronunciation-block.compact li,.dictionary-page-glass .pronunciation-block,.dictionary-page-glass .pronunciation-block li,.review-page .pronunciation-block,.review-page .pronunciation-block li,.vocab-pron-block-premium,.vocab-pron-item-premium,.vocab-pron-block-premium li,html:not(.dark) .pronunciation-block,html:not(.dark) .pronunciation-block.compact,html:not(.dark) .pronunciation-block ul,html:not(.dark) .pronunciation-block li,html:not(.dark) .pronunciation-block.compact li,html:not(.dark) .dictionary-page-glass .pronunciation-block,html:not(.dark) .dictionary-page-glass .pronunciation-block li,html:not(.dark) .review-page .pronunciation-block,html:not(.dark) .review-page .pronunciation-block li,html:not(.dark) .vocab-pron-block-premium,html:not(.dark) .vocab-pron-item-premium,html:not(.dark) .vocab-pron-block-premium li{box-shadow:none!important;background:0 0!important;border:#0000!important;border-radius:0!important}.vocab-pron-item-premium{box-shadow:none!important;color:var(--primary)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:0!important;align-items:center!important;gap:6px!important;padding:4px 12px 4px 0!important;font-size:13.5px!important;font-weight:750!important;transition:opacity .2s!important;display:inline-flex!important}html.dark .vocab-pron-item-premium{color:#a78bfa!important}.vocab-pron-item-premium:hover{color:var(--primary)!important;opacity:.8!important;background:0 0!important;transform:none!important}html.dark .vocab-pron-item-premium:hover{color:#c084fc!important}.vocab-pron-item-premium span.ipa{font-family:var(--font-sans)!important;opacity:.85!important;color:inherit!important}.flashcard-3d-container{z-index:10;width:100%;height:350px}.flashcard-3d-inner{width:100%;height:100%;position:relative}.flashcard-front,.flashcard-back{text-align:center!important;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),visibility .5s cubic-bezier(.16,1,.3,1)!important;border-radius:20px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;padding:36px!important;-webkit-transition:opacity .5s cubic-bezier(.16,1,.3,1),-webkit-transform .5s cubic-bezier(.16,1,.3,1),visibility .5s cubic-bezier(.16,1,.3,1)!important;display:flex!important;position:absolute!important}.flashcard-content-center{flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;width:100%!important;display:flex!important}.flashcard-front{opacity:1;visibility:visible;pointer-events:auto;z-index:2;transform:translateY(0)scale(1);background:linear-gradient(135deg,#141428d9 0%,#0a0a19b3 100%)!important;border:1px solid #10b9814d!important;box-shadow:0 8px 32px #10b9811f!important}.is-flipped .flashcard-front{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-24px)scale(.96)!important}.flashcard-back{opacity:0;visibility:hidden;pointer-events:none;z-index:1;transform:translateY(24px)scale(.96);background:linear-gradient(135deg,#141428d9 0%,#0a0a19b3 100%)!important;border:1px solid #06b6d44d!important;box-shadow:0 8px 32px #06b6d41f!important}.is-flipped .flashcard-back{z-index:2;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)scale(1)!important}.flashcard-particles{pointer-events:none!important;z-index:0!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.flashcard-tag-front{color:#10b981!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#10b9811a!important;border-radius:999px!important;padding:4px 10px!important;font-size:11px!important;font-weight:800!important}.flashcard-word{letter-spacing:-.02em!important;text-shadow:none!important;color:#fff!important;margin:12px 0 6px!important;font-size:42px!important;font-weight:950!important}.flashcard-ipa{color:#fff9!important;margin:0!important;font-family:monospace!important;font-size:16px!important}.flashcard-hint{color:#fff6!important;align-items:center!important;gap:6px!important;margin-top:auto!important;font-size:13px!important;display:flex!important}.flashcard-tag-back{color:#06b6d4!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#06b6d41a!important;border-radius:999px!important;padding:4px 10px!important;font-size:11px!important;font-weight:800!important}.flashcard-meaning{color:#06b6d4!important;margin:14px 0 16px!important;font-size:24px!important;font-weight:800!important}.flashcard-example{color:#ffffffb3!important;background:#ffffff05!important;border:1px solid #ffffff0a!important;border-radius:12px!important;margin:0!important;padding:12px 16px!important;font-size:14px!important;font-style:italic!important;line-height:1.6!important}.flashcard-desktop-buttons{justify-content:center!important;gap:20px!important;width:100%!important;margin-top:16px!important;display:flex!important}.flashcard-mobile-note{display:none!important}.flashcard-workspace-wrapper{height:450px!important}.flashcard-3d-container{height:410px!important}@media (width<=768px){.cosmic-flashcards-page{min-height:auto!important;max-height:100vh!important;margin-top:8px!important;overflow:hidden!important}.cosmic-flashcards-page .dictionary-glass-content{padding:16px 20px 20px!important;overflow:hidden!important}.flashcard-desktop-buttons{display:none!important}.flashcard-mobile-note{width:100%!important;color:var(--text-secondary)!important;text-align:center!important;max-width:fit-content!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:#fbbf240a!important;border:1px dashed #fbbf2426!important;border-radius:99px!important;justify-content:center!important;align-items:center!important;gap:6px!important;margin:16px auto 0!important;padding:6px 12px!important;font-size:11.5px!important;font-weight:600!important;line-height:1.2!important;display:flex!important}.flashcard-workspace-wrapper{height:410px!important}.flashcard-3d-container{height:370px!important}.flashcard-front,.flashcard-back{padding:24px!important}.flashcard-word{margin:8px 0 4px!important;font-size:26px!important}.flashcard-ipa{font-size:14px!important}.flashcard-meaning{margin:8px 0 10px!important;font-size:18px!important}.flashcard-example{padding:8px 12px!important;font-size:12.5px!important}.flashcard-hint{margin-top:auto!important;font-size:12px!important}}.cosmic-flashcards-page .macos-window-header-glass,.dictionary-page-glass .macos-window-header-glass{background:0 0!important;border-bottom:none!important}html.dark .cosmic-flashcards-page .macos-window-header-glass,html.dark .dictionary-page-glass .macos-window-header-glass{background:0 0!important;border-bottom:#0000!important}.cosmic-back-button-circle{-webkit-backdrop-filter:blur(8px)!important;width:38px!important;height:38px!important;color:var(--text-primary)!important;cursor:pointer!important;background:#ffffff0f!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important;position:relative!important;box-shadow:0 4px 12px #00000014!important}.cosmic-back-button-circle:before{content:""!important;border-radius:inherit!important;-webkit-mask-composite:xor!important;pointer-events:none!important;z-index:1!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%)!important;padding:1.4px!important;transition:background .3s!important;position:absolute!important;inset:0!important;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0)!important;-webkit-mask-position:0 0,0 0!important;-webkit-mask-size:auto,auto!important;-webkit-mask-repeat:repeat,repeat!important;-webkit-mask-clip:content-box,border-box!important;-webkit-mask-origin:content-box,border-box!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;-webkit-mask-source-type:auto,auto!important;mask-mode:match-source,match-source!important}.cosmic-back-button-circle:hover{box-shadow:none!important;background:#ffffff26!important;transform:translateY(-2px)!important}html:not(.dark) .cosmic-back-button-circle{color:var(--text-primary)!important;background:#0000000d!important}html:not(.dark) .cosmic-back-button-circle:before{background:linear-gradient(#00000026 0%,#0000000d 20%,#0000 40% 60%,#0000000d 80%,#00000026 100%)!important}.cosmic-mascot-title-block{z-index:20!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;justify-content:center!important;align-items:center!important;width:85px!important;height:85px!important;margin-left:-8px!important;margin-right:-4px!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important;display:inline-flex!important;position:relative!important}.cosmic-mascot-title-block img{object-fit:contain!important;filter:drop-shadow(0 14px 28px #0006)!important;width:100%!important;height:100%!important;animation:4s ease-in-out infinite float-galaxy!important;transform:translateY(-16px)scale(1.3)!important}@keyframes float-galaxy{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(4deg)}}@media (width<=768px){.cosmic-mascot-title-block{width:70px!important;height:70px!important;margin-left:-6px!important;margin-right:-2px!important}.cosmic-mascot-title-block img{transform:translateY(-12px)scale(1.3)!important}}:root{--quiz-success-border:#10b981;--quiz-success-bg:#10b98114;--quiz-success-text:#065f46;--quiz-error-border:#ef4444;--quiz-error-bg:#ef444414;--quiz-error-text:#991b1b}html.dark{--quiz-success-border:#34d399;--quiz-success-bg:#34d39926;--quiz-success-text:#a7f3d0;--quiz-error-border:#f87171;--quiz-error-bg:#f8717126;--quiz-error-text:#fca5a5}.student-courses-registered-card,.student-courses-level-body,.student-course-detail-page nav,.textbook-lessons-sidebar,.textbook-words-panel{-webkit-backdrop-filter:blur(16px)!important;background:#ffffffbf!important;border:none!important;border-radius:20px!important;transition:all .3s!important;position:relative!important;overflow:hidden!important;box-shadow:0 10px 30px -10px #0000000a!important}.student-courses-main{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}html.dark .student-courses-registered-card,html.dark .student-courses-level-body,html.dark .student-course-detail-page nav,html.dark .textbook-lessons-sidebar,html.dark .textbook-words-panel{box-shadow:none!important;background:#0f172ab8!important}html.dark .student-courses-main{box-shadow:none!important;background:0 0!important}.student-courses-registered-card:before,.student-courses-level-body:before,.student-course-detail-page nav:before,.textbook-lessons-sidebar:before,.textbook-words-panel:before{content:""!important;border-radius:inherit!important;-webkit-mask-composite:xor!important;pointer-events:none!important;z-index:1!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%)!important;padding:1.4px!important;transition:background .3s!important;position:absolute!important;inset:0!important;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0)!important;-webkit-mask-position:0 0,0 0!important;-webkit-mask-size:auto,auto!important;-webkit-mask-repeat:repeat,repeat!important;-webkit-mask-clip:content-box,border-box!important;-webkit-mask-origin:content-box,border-box!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;-webkit-mask-source-type:auto,auto!important;mask-mode:match-source,match-source!important}.student-courses-registered-card:hover:before,.student-courses-level-body:hover:before,.student-course-detail-page nav:hover:before,.textbook-lessons-sidebar:hover:before,.textbook-words-panel:hover:before{background:linear-gradient(#ffffffbf 0%,#ffffff59 20%,#fff0 40% 60%,#ffffff59 80%,#ffffffbf 100%)!important}.student-courses-level-tile{background:radial-gradient(circle at top left, var(--level-accent), transparent 38%), linear-gradient(180deg, #ffffffbf 0%, #f8fafcbf 100%)!important;border:1px solid #0000000a!important}@supports (color:color-mix(in lab, red, red)){.student-courses-level-tile{background:radial-gradient(circle at top left, color-mix(in srgb, var(--level-accent) 8%, #ffffffbf), transparent 38%), linear-gradient(180deg, #ffffffbf 0%, #f8fafcbf 100%)!important}}.student-courses-level-tile{-webkit-backdrop-filter:blur(12px)!important}html.dark .student-courses-level-tile{background:radial-gradient(circle at top left, var(--level-accent), transparent 36%), linear-gradient(180deg, #0f172aa6 0%, #1e293ba6 100%)!important;border:1px solid #ffffff0f!important}@supports (color:color-mix(in lab, red, red)){html.dark .student-courses-level-tile{background:radial-gradient(circle at top left, color-mix(in srgb, var(--level-accent) 12%, #0f172a99), transparent 36%), linear-gradient(180deg, #0f172aa6 0%, #1e293ba6 100%)!important}}.student-vocab-word-card{flex-direction:column;gap:6px;padding:16px;transition:all .2s;display:flex;-webkit-backdrop-filter:blur(8px)!important;border-radius:var(--radius-sm)!important;background:#ffffff73!important;border:1px solid #ffffff4d!important}.student-vocab-word-card:hover{transform:translateY(-2px);box-shadow:none!important;background:#ffffffa6!important;border-color:#ffffff80!important}html.dark .student-vocab-word-card{background:#0f172a66!important;border-color:#ffffff0a!important}html.dark .student-vocab-word-card:hover{box-shadow:none!important;background:#0f172a99!important;border-color:#ffffff14!important}html.dark .mastery-new{color:#cbd5e1!important;background:#ffffff14!important}html.dark .mastery-need_practice{color:#f87171!important;background:#ef444426!important}html.dark .mastery-learning{color:#fbbf24!important;background:#f59e0b26!important}html.dark .mastery-remembered{color:#34d399!important;background:#10b98126!important}.student-courses-hero{width:100%!important;max-width:100%!important}.student-courses-sidebar{margin-top:0!important}.dashboard-page.gsap-animating,.dashboard-page.gsap-animating *{transition:none!important}.sidebar-nav-btn{text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex;color:var(--neutral-700)!important;box-shadow:none!important;background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:12px!important}html.dark .sidebar-nav-btn{color:var(--neutral-400)!important;background:#ffffff03!important;border-color:#ffffff0a!important}.sidebar-nav-btn:hover:not(:disabled){transform:translate(4px);color:var(--neutral-900)!important;background:#ffffff14!important;border-color:#ffffff29!important}html.dark .sidebar-nav-btn:hover:not(:disabled){color:var(--neutral-200)!important;background:#ffffff08!important;border-color:#ffffff14!important}.sidebar-nav-btn.is-selected{font-weight:700;background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}html.dark .sidebar-nav-btn.is-selected{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.sidebar-nav-btn:disabled{opacity:.45;cursor:not-allowed}.teacher-premium-card{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--card-bg);flex-direction:column;padding:24px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s;display:flex;position:relative;overflow:hidden}.teacher-premium-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:none!important}html.dark .teacher-premium-card{background:#1e293bb3!important;border-color:#ffffff14!important}html.dark .teacher-premium-card:hover{border-color:var(--accent-color)!important;box-shadow:none!important}.teacher-form-input,.teacher-form-select,.teacher-form-textarea,.liquid-glass .teacher-form-input,.liquid-glass .teacher-form-select,.liquid-glass .teacher-form-textarea{border-radius:var(--radius-md)!important;border:1px solid var(--neutral-300)!important;background-color:var(--card-bg)!important;width:100%!important;color:var(--neutral-900)!important;box-sizing:border-box!important;margin-top:6px!important;padding:10px 14px!important;font-family:inherit!important;font-size:14px!important;transition:border-color .2s,box-shadow .2s,background-color .2s!important}html.dark .teacher-form-input,html.dark .teacher-form-select,html.dark .teacher-form-textarea,html.dark .liquid-glass .teacher-form-input,html.dark .liquid-glass .teacher-form-select,html.dark .liquid-glass .teacher-form-textarea{color:var(--neutral-800)!important;background-color:#0f172a99!important;border-color:#ffffff1f!important}.teacher-form-select{appearance:none!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:1.25rem!important;padding-right:36px!important}html.dark .teacher-form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E")!important}.teacher-form-input:focus,.teacher-form-select:focus,.teacher-form-textarea:focus,.liquid-glass .teacher-form-input:focus,.liquid-glass .teacher-form-select:focus,.liquid-glass .teacher-form-textarea:focus{border-color:var(--primary)!important;background-color:var(--neutral-50)!important;outline:none!important;box-shadow:0 0 0 3px #7c3aed26!important}html.dark .teacher-form-input:focus,html.dark .teacher-form-select:focus,html.dark .teacher-form-textarea:focus,html.dark .liquid-glass .teacher-form-input:focus,html.dark .liquid-glass .teacher-form-select:focus,html.dark .liquid-glass .teacher-form-textarea:focus{background-color:#0f172acc!important}.teacher-form-input::placeholder,.teacher-form-textarea::placeholder,.liquid-glass .teacher-form-input::placeholder,.liquid-glass .teacher-form-textarea::placeholder{color:var(--neutral-600)!important;opacity:.95!important}html.dark .teacher-form-input::placeholder,html.dark .teacher-form-textarea::placeholder,html.dark .liquid-glass .teacher-form-input::placeholder,html.dark .liquid-glass .teacher-form-textarea::placeholder{color:var(--neutral-400)!important;opacity:.85!important}.teacher-form-input[type=date],.liquid-glass .teacher-form-input[type=date]{color:var(--neutral-900)!important}html.dark .teacher-form-input[type=date],html.dark .liquid-glass .teacher-form-input[type=date]{color:var(--neutral-800)!important}.teacher-form-panel{background:var(--neutral-50);border-radius:var(--radius-md);border:1px solid var(--neutral-200);flex-direction:column;gap:14px;padding:20px;display:flex}html.dark .teacher-form-panel{background:#1e293b73!important;border-color:#ffffff0d!important}@media (width>=1024px){.teacher-form-panel{gap:20px!important;padding:32px 36px!important}}.form-row-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=768px){.form-row-grid-2{grid-template-columns:1fr!important;gap:16px!important}}html:not(.dark) [class*=page-teacher] .global-space-bg{background:#fff!important}html:not(.dark) [class*=page-teacher] .global-space-bg .space-bg-canvas,html:not(.dark) [class*=page-teacher] .global-space-bg .space-nebula{opacity:0!important;visibility:hidden!important}html:not(.dark) .teacher-classes-page.liquid-glass,html:not(.dark) .teacher-class-form.liquid-glass,html:not(.dark) .teacher-class-detail.liquid-glass,html:not(.dark) .teacher-class-detail-loading.liquid-glass,html:not(.dark) .teacher-session-form.liquid-glass,html:not(.dark) .teacher-courses-page.liquid-glass,html:not(.dark) .teacher-course-form.liquid-glass,html:not(.dark) .teacher-course-detail.liquid-glass,html:not(.dark) .teacher-course-detail-loading.liquid-glass,html:not(.dark) .teacher-course-detail-error.liquid-glass,html:not(.dark) .leaderboard-page.liquid-glass,html:not(.dark) .admin-dashboard-page.liquid-glass{border:1px solid var(--neutral-200)!important;-webkit-backdrop-filter:blur(16px)!important;background:#ffffffbf!important;box-shadow:0 10px 40px #0000000a,0 2px 8px #00000005!important}html.dark .leaderboard-page.liquid-glass,html.dark .admin-dashboard-page.liquid-glass{-webkit-backdrop-filter:blur(16px)!important;background:#0f172a73!important;border:1px solid #ffffff14!important;box-shadow:0 10px 40px #0003!important}html:not(.dark) .teacher-classes-page .macos-window-header-glass,html:not(.dark) .teacher-class-form .macos-window-header-glass,html:not(.dark) .teacher-class-detail .macos-window-header-glass,html:not(.dark) .teacher-class-detail-loading .macos-window-header-glass,html:not(.dark) .teacher-session-form .macos-window-header-glass,html:not(.dark) .teacher-courses-page .macos-window-header-glass,html:not(.dark) .teacher-course-form .macos-window-header-glass,html:not(.dark) .teacher-course-detail .macos-window-header-glass,html:not(.dark) .teacher-course-detail-loading .macos-window-header-glass,html:not(.dark) .teacher-course-detail-error .macos-window-header-glass,html:not(.dark) .admin-dashboard-page .macos-window-header-glass,html:not(.dark) .leaderboard-page .macos-window-header-glass{background:0 0!important;border-bottom:none!important}.segmented-control{background:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:99px;padding:3px;display:inline-flex;position:relative!important}html.dark .segmented-control{background:#0f172a99;border-color:#ffffff0d}.segmented-control-slider{background:#fff;box-shadow:0 2px 8px #00000014}html.dark .segmented-control-slider{background:var(--primary);box-shadow:0 2px 8px #7c3aed40}.segmented-control-btn{color:var(--neutral-600);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:99px;padding:8px 18px;font-size:13px;font-weight:600;transition:color .2s;position:relative}.segmented-control-btn:hover{box-shadow:none!important;background:0 0!important}html.dark .segmented-control-btn{color:var(--neutral-400)}.segmented-control-btn[aria-pressed=true]{color:var(--neutral-900)}html.dark .segmented-control-btn[aria-pressed=true]{color:#fff}.admin-freeform-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(170px,1fr);gap:24px;margin-top:24px;margin-bottom:32px;display:grid}.admin-freeform-card{color:inherit;cursor:pointer;border-radius:20px;flex-direction:column;justify-content:center;min-height:170px;padding:24px 20px;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.admin-dashboard-page:not(.liquid-glass){box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}html:not(.dark) .admin-freeform-card{-webkit-backdrop-filter:blur(16px)!important;background:#ffffffbf!important;border:1px solid #00000014!important;box-shadow:0 4px 30px #00000008!important}html:not(.dark) .admin-freeform-card h3{color:var(--neutral-900)}html:not(.dark) .admin-freeform-card p{color:var(--neutral-650)}html.dark .admin-freeform-card{-webkit-backdrop-filter:blur(16px)!important;background:#0f172a73!important;border:1px solid #ffffff14!important;box-shadow:0 4px 30px #0003!important}html.dark .admin-freeform-card h3{color:#f8fafc}html.dark .admin-freeform-card p{color:#94a3b8}.admin-freeform-card.system-reports{border:1px solid #ec48994d!important}.admin-freeform-card.featured-courses{border:1px solid #8b5cf64d!important}.admin-freeform-card.tall-users{border:1px solid #3b82f64d!important}.admin-freeform-card.daily-quests-config{border:1px solid #f59e0b4d!important}.admin-freeform-card.game-config{border:1px solid #ec48994d!important}.admin-freeform-card.level-milestone-config{border:1px solid #38bdf84d!important}.admin-freeform-card.dictionary-db{border:1px solid #10b9814d!important}.admin-freeform-card.ai-system{border:1px solid #ef44444d!important}.admin-freeform-card.achievements-config{border:1px solid #fbbf244d!important}.admin-freeform-card.featured-courses:hover{box-shadow:none!important;border-color:#8b5cf6!important}.admin-freeform-card.tall-users:hover{box-shadow:none!important;border-color:#3b82f6!important}.admin-freeform-card.dictionary-db:hover{box-shadow:none!important;border-color:#10b981!important}.admin-freeform-card.ai-system:hover{box-shadow:none!important;border-color:#ef4444!important}.admin-freeform-card.system-reports:hover{box-shadow:none!important;border-color:#ec4899!important}.admin-freeform-card.daily-quests-config:hover{box-shadow:none!important;border-color:#f59e0b!important}.admin-freeform-card.level-milestone-config:hover{box-shadow:none!important;border-color:#0ea5e9!important}.admin-freeform-card.game-config:hover{box-shadow:none!important;border-color:#ec4899!important}.admin-freeform-card.achievements-config:hover{box-shadow:none!important;border-color:#fbbf24!important}.admin-freeform-card:hover{transform:translateY(-6px)scale(1.01);border-color:var(--primary)!important;background:0 0!important}html:not(.dark) .admin-freeform-card:hover,html.dark .admin-freeform-card:hover{box-shadow:none!important}.admin-card-mascot-wrapper{pointer-events:none;z-index:1;justify-content:flex-end;align-items:center;width:50%;height:100%;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}@keyframes mascotFadeInBlur{0%{opacity:0;filter:blur(12px) translateY(15px)}to{opacity:1;filter:blur(0px) translateY(0px)}}.admin-card-mascot-img{object-fit:cover;object-position:center right;transform-origin:100%;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);animation:1.2s cubic-bezier(.16,1,.3,1) both mascotFadeInBlur;scale:1.15;-webkit-mask-image:linear-gradient(90deg,#0000 0% 15%,#000 75%);mask-image:linear-gradient(90deg,#0000 0% 15%,#000 75%)}.admin-freeform-card:hover .admin-card-mascot-img{scale:1.22}.admin-freeform-card:first-child .admin-card-mascot-img{animation-delay:.1s}.admin-freeform-card:nth-child(2) .admin-card-mascot-img{animation-delay:.2s}.admin-freeform-card:nth-child(3) .admin-card-mascot-img{animation-delay:.3s}.admin-freeform-card:nth-child(4) .admin-card-mascot-img{animation-delay:.4s}html.dark .admin-card-mascot-img{mix-blend-mode:screen}html:not(.dark) .admin-card-mascot-img{mix-blend-mode:multiply}.admin-card-body{z-index:2;max-width:55%;position:relative}.badge-new-premium{text-transform:uppercase;background:var(--primary);color:#fff;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:800;box-shadow:0 0 10px #8b5cf666}.admin-card-top-row{z-index:2;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;display:flex}.admin-card-category{text-transform:uppercase;letter-spacing:.1em;opacity:.55;font-size:10px;font-weight:800;transition:color .3s}.admin-card-icon-wrapper{z-index:2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background-color .3s,color .3s,transform .3s;display:flex}.admin-freeform-card:hover .admin-card-icon-wrapper{transform:scale(1.08)}.admin-card-bottom-area{z-index:2;flex-direction:column;gap:4px;width:60%;margin-top:auto;display:flex}.admin-card-title{margin:0;font-size:18px;font-weight:800;line-height:1.25;transition:color .3s}.admin-card-desc{opacity:.75;margin:0;font-size:12.5px;line-height:1.45;transition:color .3s}html.dark .admin-freeform-card.featured-courses .admin-card-category{color:#a78bfa}html.dark .admin-freeform-card.tall-users .admin-card-category{color:#93c5fd}html.dark .admin-freeform-card.dictionary-db .admin-card-category{color:#6ee7b7}html.dark .admin-freeform-card.ai-system .admin-card-category{color:#fca5a5}html.dark .admin-freeform-card.system-reports .admin-card-category{color:#fbcfe8}html.dark .admin-freeform-card.daily-quests-config .admin-card-category{color:#fdba74}html.dark .admin-freeform-card.level-milestone-config .admin-card-category{color:#67e8f9}html.dark .admin-freeform-card.game-config .admin-card-category{color:#f5d0fe}html.dark .admin-freeform-card.achievements-config .admin-card-category{color:#fde68a}html:not(.dark) .admin-freeform-card.featured-courses .admin-card-category{color:#6d28d9}html:not(.dark) .admin-freeform-card.tall-users .admin-card-category{color:#1d4ed8}html:not(.dark) .admin-freeform-card.dictionary-db .admin-card-category{color:#047857}html:not(.dark) .admin-freeform-card.ai-system .admin-card-category{color:#b91c1c}html:not(.dark) .admin-freeform-card.system-reports .admin-card-category{color:#be185d}html:not(.dark) .admin-freeform-card.daily-quests-config .admin-card-category{color:#c2410c}html:not(.dark) .admin-freeform-card.level-milestone-config .admin-card-category{color:#0369a1}html:not(.dark) .admin-freeform-card.game-config .admin-card-category{color:#a21caf}html:not(.dark) .admin-freeform-card.achievements-config .admin-card-category{color:#b45309}.admin-freeform-card.featured-courses .admin-card-icon-wrapper{color:#8b5cf6;background:#8b5cf626}.admin-freeform-card.tall-users .admin-card-icon-wrapper{color:#3b82f6;background:#3b82f626}.admin-freeform-card.dictionary-db .admin-card-icon-wrapper{color:#10b981;background:#10b98126}.admin-freeform-card.ai-system .admin-card-icon-wrapper{color:#ef4444;background:#ef444426}.admin-freeform-card.system-reports .admin-card-icon-wrapper{color:#ec4899;background:#ec489926}.admin-freeform-card.daily-quests-config .admin-card-icon-wrapper{color:#f59e0b;background:#f59e0b26}.admin-freeform-card.level-milestone-config .admin-card-icon-wrapper{color:#0ea5e9;background:#38bdf826}.admin-freeform-card.game-config .admin-card-icon-wrapper{color:#ec4899;background:#ec489926}@media (width<=1024px){.admin-freeform-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(160px,1fr);gap:20px}.admin-freeform-card{grid-area:span 1/span 1!important}}@media (width<=768px){.admin-freeform-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:16px}.admin-freeform-card{min-height:150px;padding:20px;grid-area:span 1/span 1!important}.admin-card-bottom-area{width:60%!important}.admin-card-mascot-wrapper{width:45%!important}}.admin-table-container{border-radius:var(--radius-md);border:1px solid var(--neutral-200);background:var(--card-bg);margin-top:16px;overflow-x:auto}html.dark .admin-table-container{background:#0f172a33;border-color:#ffffff14}.admin-table-container table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.admin-table-container th{border-bottom:1px solid var(--neutral-200);padding:16px;font-weight:700}html:not(.dark) .admin-table-container th{background:var(--neutral-50);color:var(--neutral-700)}html.dark .admin-table-container th{color:#94a3b8;background:#0003;border-bottom-color:#ffffff0d}.admin-table-container tr{border-bottom:1px solid var(--neutral-100);transition:background .2s}html.dark .admin-table-container tr{border-bottom-color:#ffffff0a}html:not(.dark) .admin-table-container tr:hover{background:var(--neutral-50)}html.dark .admin-table-container tr:hover{background:#ffffff05}.admin-table-container td{padding:16px}.admin-table-course-title{font-weight:700}html:not(.dark) .admin-table-course-title{color:var(--neutral-900)}html.dark .admin-table-course-title{color:#f8fafc}.admin-table-course-desc{margin-top:2px;font-size:12px}html:not(.dark) .admin-table-course-desc{color:var(--neutral-500)}html.dark .admin-table-course-desc{color:#64748b}.admin-table-teacher-email{font-size:13px}html:not(.dark) .admin-table-teacher-email{color:var(--neutral-700)}html.dark .admin-table-teacher-email{color:#94a3b8}html.dark .level-pill-dark{color:#cbd5e1!important;background:#ffffff14!important}html.dark .fee-paid-dark{color:#f87171!important}html.dark .fee-free-dark{color:#4ade80!important}.dict-search-input{border-radius:99px;outline:none;width:100%;padding:10px 16px 10px 40px;font-size:14px;transition:all .2s}html:not(.dark) .dict-search-input{border:1.5px solid var(--neutral-300);color:#1e293b;background:#fff}html:not(.dark) .dict-search-input::placeholder{color:#64748b}html:not(.dark) .dict-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}html.dark .dict-search-input{color:#f8fafc;background:#0f172a66;border:1.5px solid #ffffff1f}html.dark .dict-search-input::placeholder{color:#64748b}html.dark .dict-search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf640}.admin-filter-select{border:1.5px solid var(--neutral-300);width:175px;color:var(--neutral-800);cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:1.25rem;border-radius:99px;outline:none;padding:8px 36px 8px 16px;font-size:13px;font-weight:600;transition:border-color .2s,box-shadow .2s}.admin-filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed26}html.dark .admin-filter-select{color:#f8fafc;background-color:#0f172a99;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");border-color:#ffffff1a}@keyframes shimmerSlide{0%{left:-100%}to{left:100%}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.student-class-glass-card{-webkit-backdrop-filter:blur(16px)!important;background:#ffffffbf!important;border:none!important;border-radius:20px!important;flex-direction:column!important;height:420px!important;min-height:420px!important;padding:0!important;transition:all .3s!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 10px 30px -10px #0000000a!important}html.dark .student-class-glass-card{box-shadow:none!important;background:#0f172ab8!important}.student-class-glass-card:before{content:""!important;border-radius:inherit!important;-webkit-mask-composite:xor!important;pointer-events:none!important;z-index:1!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%)!important;padding:1.4px!important;transition:background .3s!important;position:absolute!important;inset:0!important;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0)!important;-webkit-mask-position:0 0,0 0!important;-webkit-mask-size:auto,auto!important;-webkit-mask-repeat:repeat,repeat!important;-webkit-mask-clip:content-box,border-box!important;-webkit-mask-origin:content-box,border-box!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;-webkit-mask-source-type:auto,auto!important;mask-mode:match-source,match-source!important}.student-class-glass-card:hover:before{background:linear-gradient(#ffffffbf 0%,#ffffff59 20%,#fff0 40% 60%,#ffffff59 80%,#ffffffbf 100%)!important}.student-class-glass-card:hover{transform:translateY(-4px);box-shadow:none!important}html.dark .student-class-glass-card:hover{box-shadow:none!important}.class-meta-section{background:#00000005!important;border:1px solid #00000008!important}html.dark .class-meta-section{background:#ffffff08!important;border-color:#ffffff0d!important}@media (width<=480px){.leaderboard-podium{gap:8px!important;margin:16px 0!important}.podium-avatar{width:44px!important;height:44px!important;font-size:13px!important}.podium-name{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:90px!important;font-size:11px!important;overflow:hidden!important}.podium-xp{font-size:10px!important}.podium-block{padding-top:8px!important}.silver-block{height:60px!important}.gold-block{height:85px!important}.bronze-block{height:45px!important}}.btn-text-short{display:none}@media (width<=768px){.btn-text-long{display:none!important}.btn-text-short{display:inline!important}}.page-ai,.page-ai .content-wrapper{height:100vh!important;max-height:100vh!important;overflow:hidden!important}.page-ai .authenticated-content{flex-direction:column!important;height:calc(100vh - 80px)!important;max-height:calc(100vh - 80px)!important;padding-top:80px!important;padding-bottom:0!important;display:flex!important;overflow:hidden!important}.page-ai .vocabulary-page-premium{box-sizing:border-box!important;height:100%!important;max-height:100%!important;padding:12px!important;overflow:hidden!important}.page-ai .cosmic-codex-workspace{height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}.page-ai .ai-unified-frame{height:100%!important;min-height:0!important}.page-ai footer,.page-ai .footer{display:none!important}@media (width<=900px){.page-ai,.page-ai .content-wrapper{height:100dvh!important;max-height:100dvh!important}.page-ai .authenticated-content{height:calc(100dvh - 80px)!important;max-height:calc(100dvh - 80px)!important;padding-top:80px!important;padding-bottom:0!important}.page-ai .vocabulary-page-premium{height:100%!important;max-height:100%!important;padding:8px 8px 0!important}.page-ai .cosmic-codex-workspace{height:100%!important;max-height:100%!important;margin:0!important;padding:0!important}.page-ai .ai-unified-frame{height:calc(100dvh - 180px)!important;min-height:0!important;max-height:calc(100dvh - 180px)!important}}.teacher-classes-page .primary-button:not(.btn-icon-only):not(.segmented-control-btn),.teacher-classes-page .secondary-button:not(.btn-icon-only):not(.segmented-control-btn),.teacher-class-form .primary-button:not(.btn-icon-only),.teacher-class-form .secondary-button:not(.btn-icon-only),.teacher-class-detail .primary-button:not(.btn-icon-only):not(.tab-row *),.teacher-class-detail .secondary-button:not(.btn-icon-only):not(.tab-row *),.teacher-class-detail-loading .primary-button:not(.btn-icon-only),.teacher-class-detail-loading .secondary-button:not(.btn-icon-only),.teacher-session-form .primary-button:not(.btn-icon-only),.teacher-session-form .secondary-button:not(.btn-icon-only),.teacher-courses-page .primary-button:not(.btn-icon-only),.teacher-courses-page .secondary-button:not(.btn-icon-only),.teacher-course-form .primary-button:not(.btn-icon-only),.teacher-course-form .secondary-button:not(.btn-icon-only),.teacher-course-detail .primary-button:not(.btn-icon-only):not(.tab-row *),.teacher-course-detail .secondary-button:not(.btn-icon-only):not(.tab-row *),.teacher-course-detail-loading .primary-button:not(.btn-icon-only),.teacher-course-detail-loading .secondary-button:not(.btn-icon-only),.teacher-course-detail-error .primary-button:not(.btn-icon-only),.teacher-course-detail-error .secondary-button:not(.btn-icon-only){box-sizing:border-box!important;border-radius:20px!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:40px!important;padding:8px 20px!important;font-size:13.5px!important;line-height:1!important;display:inline-flex!important}.teacher-classes-page .primary-button.btn-icon-only,.teacher-classes-page .secondary-button.btn-icon-only,.teacher-class-form .primary-button.btn-icon-only,.teacher-class-form .secondary-button.btn-icon-only,.teacher-class-detail .primary-button.btn-icon-only,.teacher-class-detail .secondary-button.btn-icon-only,.teacher-session-form .primary-button.btn-icon-only,.teacher-session-form .secondary-button.btn-icon-only,.teacher-courses-page .primary-button.btn-icon-only,.teacher-courses-page .secondary-button.btn-icon-only,.teacher-course-form .primary-button.btn-icon-only,.teacher-course-form .secondary-button.btn-icon-only,.teacher-course-detail .primary-button.btn-icon-only,.teacher-course-detail .secondary-button.btn-icon-only{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;padding:0!important;display:inline-flex!important}.teacher-class-detail .tab-row .secondary-button,.teacher-course-detail .tab-row .secondary-button,.student-course-detail-page .tab-row .secondary-button{height:38px!important;color:var(--neutral-600)!important;background:0 0!important;border:none!important;border-radius:12px!important;padding:8px 16px!important;font-size:13.5px!important;font-weight:600!important;transition:all .2s!important}html.dark .teacher-class-detail .tab-row .secondary-button,html.dark .teacher-course-detail .tab-row .secondary-button,html.dark .student-course-detail-page .tab-row .secondary-button{color:var(--neutral-400)!important}.teacher-class-detail .tab-row .secondary-button:hover,.teacher-course-detail .tab-row .secondary-button:hover,.student-course-detail-page .tab-row .secondary-button:hover{background:var(--neutral-100)!important;color:var(--neutral-800)!important}html.dark .teacher-class-detail .tab-row .secondary-button:hover,html.dark .teacher-course-detail .tab-row .secondary-button:hover,html.dark .student-course-detail-page .tab-row .secondary-button:hover{color:#fff!important;background:#ffffff14!important}.teacher-class-detail .tab-row .secondary-button.btn-active-tab,.teacher-course-detail .tab-row .secondary-button.btn-active-tab,.student-course-detail-page .tab-row .secondary-button.btn-active-tab{background:var(--primary-light,#e0e7ff)!important;color:var(--primary,#2563eb)!important;font-weight:700!important}html.dark .teacher-class-detail .tab-row .secondary-button.btn-active-tab,html.dark .teacher-course-detail .tab-row .secondary-button.btn-active-tab,html.dark .student-course-detail-page .tab-row .secondary-button.btn-active-tab{color:#93c5fd!important;background:#2563eb33!important;font-weight:700!important}.primary-button,.secondary-button,.quiz-back-btn{isolation:isolate!important}.primary-button:before,.primary-button:after,.secondary-button:before,.secondary-button:after,.quiz-back-btn:before,.quiz-back-btn:after{z-index:-1!important}.primary-button *,.secondary-button *,.quiz-back-btn *{z-index:1!important;position:relative!important}.admin-mobile-card-list{display:none}@media (width<=768px){.admin-filters-row{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.admin-filters-left{flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important}.segmented-control-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding-bottom:4px;overflow-x:auto}.segmented-control-wrapper::-webkit-scrollbar{display:none}.segmented-control{flex-shrink:0}.admin-filter-select{width:100%;height:42px}.admin-search-wrapper{width:100%;max-width:none}.admin-search-wrapper .dict-search-input{width:100%;height:42px;padding-left:40px}.admin-desktop-table-view,.admin-table-container.admin-desktop-table-view{display:none}.admin-mobile-card-list{flex-direction:column;gap:12px;width:100%;margin-top:16px;display:flex}.admin-mobile-user-card{border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}html:not(.dark) .admin-mobile-user-card{border:1px solid var(--neutral-200);background:#fff;box-shadow:0 4px 12px #00000005}html.dark .admin-mobile-user-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293b66;border:1px solid #ffffff14;box-shadow:0 4px 20px #00000026}.admin-mobile-user-card .card-header{justify-content:space-between;align-items:center;display:flex}.admin-mobile-user-card .user-name{font-size:15px;font-weight:700}.admin-mobile-user-card .card-body{flex-direction:column;gap:8px;font-size:13px;display:flex}.admin-mobile-user-card .info-row{justify-content:space-between;align-items:center;display:flex}.admin-mobile-user-card .info-label{white-space:nowrap;flex-shrink:0;font-weight:500}html:not(.dark) .admin-mobile-user-card .info-label{color:var(--neutral-500)}html.dark .admin-mobile-user-card .info-label{color:#94a3b8}.admin-mobile-user-card .info-value{text-align:right}.admin-mobile-user-card .info-value.email{word-break:break-all;max-width:70%}.admin-mobile-user-card .card-actions{justify-content:flex-end;gap:8px;margin-top:4px;padding-top:12px;display:flex}html:not(.dark) .admin-mobile-user-card .card-actions{border-top:1px solid var(--neutral-100)}html.dark .admin-mobile-user-card .card-actions{border-top:1px solid #ffffff0d}.admin-mobile-user-card .card-actions .secondary-button{border-radius:6px!important;align-items:center!important;gap:4px!important;height:32px!important;padding:0 12px!important;font-size:12px!important;display:inline-flex!important}.admin-mobile-user-card .card-actions .secondary-button.admin-action-btn{border-radius:50%!important;justify-content:center!important;width:36px!important;height:36px!important;padding:0!important}}.admin-page-header{border-left:none!important;flex-direction:column!important;gap:2px!important;margin-bottom:24px!important;padding-left:0!important;display:flex!important}.admin-page-subtitle{text-transform:uppercase!important;color:var(--neutral-500)!important;margin:0!important;font-size:13px!important;font-style:italic!important;font-weight:400!important;line-height:1.2!important}.admin-page-title{text-transform:uppercase!important;color:var(--neutral-900)!important;margin:0!important;font-size:26px!important;font-weight:800!important;line-height:1.25!important}.admin-reports-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important;gap:16px!important;margin-bottom:28px!important;display:grid!important}.admin-reports-charts-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,450px),1fr))!important;gap:24px!important;margin-bottom:28px!important;display:grid!important}.admin-reports-details-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))!important;gap:24px!important;display:grid!important}.admin-reports-card{border:1px solid var(--neutral-200)!important;border-radius:var(--radius-md)!important;background:#fff!important;flex-direction:column!important;padding:18px!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 12px #00000008!important}html.dark .admin-reports-card{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#0f172a59!important;border:1px solid #ffffff1a!important;box-shadow:0 8px 32px #00000040!important}.admin-reports-chart-card{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;border-radius:var(--radius-lg)!important;background:#ffffff8c!important;border:1px solid #fff3!important;flex-direction:column!important;padding:24px!important;display:flex!important;box-shadow:0 4px 12px #00000008!important}html.dark .admin-reports-chart-card{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#0f172a59!important;border:1px solid #ffffff1a!important;box-shadow:0 8px 32px #00000040!important}@media (width<=1024px){.admin-reports-charts-grid,.admin-reports-details-grid{grid-template-columns:1fr!important}}@media (width<=768px){.admin-reports-metrics-grid{grid-template-columns:repeat(2,1fr)!important}.admin-page-title{font-size:18px!important;line-height:1.25!important}.admin-page-subtitle{font-size:11px!important}.admin-page-header{margin-bottom:16px!important;padding-left:10px!important}}@media (width<=480px){.admin-reports-metrics-grid{grid-template-columns:1fr!important;gap:12px!important}}.admin-dashboard-content-wrapper{padding:24px 32px 32px!important}@media (width<=768px){.admin-dashboard-content-wrapper{padding:12px 14px 16px!important}.macos-window-header-glass,html.dark .macos-window-header-glass,html:not(.dark) .admin-dashboard-page .macos-window-header-glass{background:0 0!important;border-bottom:none!important;padding:10px 14px 4px!important}.admin-reports-card{padding:10px 12px!important}.admin-reports-card span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:11px!important}.admin-reports-card div[style*="font-size: 26px"]{margin:4px 0 2px!important;font-size:18px!important}.admin-reports-card div[style*="font-size: 12px"]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:10.5px!important}.admin-reports-charts-grid,.admin-reports-details-grid{grid-template-columns:1fr!important;width:100%!important;min-width:0!important;max-width:100%!important}.admin-reports-chart-card{width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}.admin-table-container{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;display:block;overflow-x:auto}.admin-table-container table{min-width:900px}.admin-settings-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-level-formula-form{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}@media (width<=768px){.admin-settings-card{flex-direction:column!important;align-items:stretch!important}.admin-settings-card>div:last-child{margin-top:8px;justify-content:space-between!important;width:100%!important}.admin-level-formula-form{flex-direction:column!important;align-items:stretch!important}.admin-level-formula-form>div{flex:none!important;width:100%!important}.admin-level-formula-form button{justify-content:center;width:100%;height:42px}}@media (width<=480px){.admin-section-header{flex-direction:column!important;align-items:stretch!important}.admin-section-header button{justify-content:center;width:100%}}}.leaderboard-widget h3{white-space:nowrap!important;font-size:16px!important}.leaderboard-widget a{white-space:nowrap!important;flex-shrink:0!important}@media (width<=480px){.leaderboard-widget{padding:16px 12px!important}.leaderboard-widget>div:first-child{gap:8px!important}.leaderboard-widget h3{gap:4px!important;font-size:14px!important}.leaderboard-widget a{gap:2px!important;font-size:11px!important}.leaderboard-row{border-radius:12px!important;gap:8px!important;padding:8px 10px!important}.lb-rank{width:24px!important;font-size:13px!important}.lb-avatar{width:32px!important;height:32px!important;font-size:12px!important}.lb-info{min-width:0!important}.lb-name{white-space:nowrap!important;text-overflow:ellipsis!important;gap:4px!important;font-size:13px!important;overflow:hidden!important}.lb-stats-row{gap:6px!important;margin-top:2px!important}.lb-level,.lb-streak{white-space:nowrap!important;font-size:10px!important}.lb-xp strong{font-size:14px!important}.lb-xp span{font-size:8px!important}}.student-courses-page{--course-accent:#4f46e5;--course-accent-2:#0ea5e9;--course-ink:#111827;--course-muted:#64748b;--course-panel:#ffffffd1;--course-panel-strong:#fffffff0;--course-border:#94a3b838;--course-shadow:0 24px 70px #0f172a1f;border:1px solid var(--course-border)!important;width:min(1180px,100vw - 32px)!important;max-width:1180px!important;box-shadow:var(--course-shadow)!important;-webkit-backdrop-filter:blur(22px)saturate(150%)!important;background:linear-gradient(#ffffffe6,#f1f5f9c7)!important;border-radius:24px!important;margin:18px auto 72px!important;padding:0!important;overflow:hidden!important}.student-courses-page>div:last-child{padding:24px clamp(18px,3vw,36px) 36px!important}.student-courses-page .macos-window-header-glass{background:#ffffff7a!important;border-bottom:1px solid #94a3b82e!important;height:44px!important}.student-courses-hero{background:linear-gradient(90deg,#0f172ae0,#1e293b7a 48%,#0f172a2e),url(/mascot/background_galaxy_dark.png) 50%/cover no-repeat!important;border:1px solid #fff3!important;border-radius:22px!important;grid-template-columns:minmax(0,1fr) minmax(260px,380px)!important;align-items:center!important;gap:20px!important;width:100%!important;min-height:210px!important;margin:0 0 28px!important;padding:clamp(24px,4vw,42px)!important;display:grid!important;overflow:hidden!important;box-shadow:0 20px 54px #0f172a38!important}.student-courses-hero:before{content:"";z-index:1;background:linear-gradient(90deg,#38bdf8,#ffffffb8);border-radius:999px;width:58px;height:5px;position:absolute;top:24px;left:clamp(24px,4vw,42px);box-shadow:0 0 24px #38bdf88c}.student-courses-hero-copy{z-index:2!important;padding-top:22px!important;position:relative!important}.student-courses-hero-copy h1{color:#fff!important;-webkit-text-fill-color:#fff!important;letter-spacing:0!important;white-space:normal!important;text-wrap:balance!important;background:0 0!important;max-width:520px!important;margin:0!important;font-size:clamp(34px,5vw,58px)!important;line-height:.98!important}.student-courses-hero-copy p{color:#e2e8f0e6!important;max-width:500px!important;margin:16px 0 0!important;font-size:15px!important;font-weight:650!important;line-height:1.65!important}.student-courses-hero-art{min-height:176px!important;position:relative!important}.student-courses-hero-mascot{filter:drop-shadow(0 28px 46px #0ea5e940)!important;width:min(100%,310px)!important;top:auto!important;bottom:-42px!important;right:0!important}.student-courses-hero-star{background:#bfdbfef2!important;box-shadow:0 0 22px #7dd3fcb3!important}.student-courses-layout{grid-template-columns:minmax(0,1.7fr) minmax(290px,.82fr)!important;align-items:start!important;gap:24px!important;display:grid!important}.student-courses-main{gap:22px!important;padding:0!important;display:grid!important}.student-courses-roadmap-head{margin:0!important;padding:0!important}.student-courses-roadmap-head h2{color:var(--course-ink)!important;letter-spacing:0!important;margin:0!important;font-size:26px!important;line-height:1.12!important}.student-courses-roadmap-head p{max-width:600px!important;color:var(--course-muted)!important;margin:8px 0 0!important;font-size:14px!important;line-height:1.55!important}.student-courses-level-group{margin:0!important}.student-courses-level-group+.student-courses-level-group{margin-top:2px!important}.student-courses-level-group-title{color:var(--course-ink)!important;letter-spacing:0!important;align-items:center!important;gap:10px!important;margin:0 0 12px!important;font-size:16px!important;line-height:1.2!important;display:flex!important}.student-courses-level-group-title:before{content:"";background:var(--course-accent-2);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 6px #0ea5e91a}.student-courses-level-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;display:grid!important}.student-courses-level-tile{border:1px solid var(--level-accent)!important;min-height:196px!important;padding:18px!important}@supports (color:color-mix(in lab, red, red)){.student-courses-level-tile{border:1px solid color-mix(in srgb, var(--level-accent) 26%, var(--course-border))!important}}.student-courses-level-tile{background:linear-gradient(150deg, #fffffff2, #f8fafcb8 54%, var(--level-accent)), radial-gradient(circle at 88% 20%, var(--level-accent), transparent 34%)!important;border-radius:18px!important}@supports (color:color-mix(in lab, red, red)){.student-courses-level-tile{background:linear-gradient(150deg, #fffffff2, #f8fafcb8 54%, color-mix(in srgb, var(--level-accent) 10%, #ffffffbf)), radial-gradient(circle at 88% 20%, color-mix(in srgb, var(--level-accent) 20%, transparent), transparent 34%)!important}}.student-courses-level-tile{transition:transform .22s,box-shadow .22s,border-color .22s!important;transform:translateY(0)!important;box-shadow:0 14px 34px #0f172a12!important}.student-courses-level-tile:hover{border-color:var(--level-accent)!important;box-shadow:none!important;transform:translateY(-4px)!important}.student-courses-level-copy{justify-content:space-between!important;max-width:65%!important;min-height:158px!important}.student-courses-level-code{background:var(--level-accent)!important;border-radius:999px!important;min-width:46px!important;height:28px!important;padding:0 12px!important}@supports (color:color-mix(in lab, red, red)){.student-courses-level-code{background:color-mix(in srgb, var(--level-accent) 12%, #fff)!important}}.student-courses-level-code{color:var(--level-accent)!important}@supports (color:color-mix(in lab, red, red)){.student-courses-level-code{color:color-mix(in srgb, var(--level-accent) 82%, #111827)!important}}.student-courses-level-code{border-color:var(--level-accent)!important}@supports (color:color-mix(in lab, red, red)){.student-courses-level-code{border-color:color-mix(in srgb, var(--level-accent) 28%, transparent)!important}}.student-courses-level-code{font-size:12px!important}.student-courses-level-title-wrap{gap:7px!important;margin-top:12px!important}.student-courses-level-title-wrap h4{color:var(--course-ink)!important;letter-spacing:0!important;font-size:17px!important;line-height:1.18!important}.student-courses-level-title-wrap span{background:var(--level-accent)!important;width:fit-content!important;min-height:24px!important;padding:0 10px!important}@supports (color:color-mix(in lab, red, red)){.student-courses-level-title-wrap span{background:color-mix(in srgb, var(--level-accent) 11%, #f8fafc)!important}}.student-courses-level-title-wrap span{color:var(--level-accent)!important}@supports (color:color-mix(in lab, red, red)){.student-courses-level-title-wrap span{color:color-mix(in srgb, var(--level-accent) 78%, #111827)!important}}.student-courses-level-title-wrap span{font-size:11px!important}.student-courses-level-copy p{color:#475569!important;-webkit-line-clamp:3!important;margin:8px 0 14px!important;font-size:13px!important;line-height:1.48!important}.student-courses-level-view-btn{width:44px!important;height:44px!important;color:var(--course-ink)!important;box-shadow:none!important;background:#0f172a14!important;border:1px solid #0f172a14!important;border-radius:999px!important}.student-courses-level-tile:hover .student-courses-level-view-btn{background:var(--level-accent)!important;color:#fff!important;width:116px!important;padding:0 14px!important;font-size:13px!important}.student-courses-level-art-shell{width:50%!important;top:0!important;bottom:0!important;right:-22px!important;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0003 20%,#000 46%)!important;mask-image:linear-gradient(90deg,#0000 0%,#0003 20%,#000 46%)!important}.student-courses-level-art{object-position:center right!important}.student-courses-sidebar{gap:18px!important;margin-top:0!important;display:grid!important}.student-courses-level-card,.student-courses-registered-card{padding:0!important}.student-courses-level-body,.student-courses-registered-card{border:1px solid var(--course-border)!important;background:var(--course-panel)!important;border-radius:18px!important;box-shadow:0 16px 40px #0f172a14!important}.student-courses-level-body{background:linear-gradient(#0f172a24,#0f172a85),url(/mascot/background_galaxy_dark.png) 50%/cover no-repeat!important;min-height:285px!important}.student-courses-level-body:before{background:linear-gradient(90deg,#0f172aa8,#0f172a1a)!important}.student-courses-level-card-info{top:22px!important;left:22px!important}.level-card-meta{color:#ffffffc7!important;letter-spacing:0!important;font-size:12px!important}.student-courses-level-badge{color:#fff!important;-webkit-text-fill-color:#fff!important;background:0 0!important;font-size:72px!important;line-height:.95!important;top:48px!important;left:22px!important}.student-courses-level-mascot{object-position:center right!important;filter:saturate(1.04)contrast(1.03)!important}.student-courses-level-body-view-btn{color:#fff!important;background:#ffffff29!important;border-color:#ffffff3d!important;width:44px!important;height:44px!important;bottom:22px!important;left:22px!important}.student-courses-level-body:hover .student-courses-level-body-view-btn{width:215px!important;color:var(--course-accent)!important;background:#fff!important;font-size:13px!important}.student-courses-registered-card{padding:20px!important}.student-courses-registered-card .registered-head{margin:0 0 16px!important}.student-courses-registered-card h2{color:var(--course-ink)!important;letter-spacing:0!important;font-size:17px!important}.student-courses-all-link{color:var(--course-accent)!important;font-size:12px!important}.student-courses-registered-list{gap:10px!important;max-height:372px!important;padding-right:2px!important}.student-courses-registered-item{background:var(--course-panel-strong)!important;box-shadow:none!important;border:1px solid #94a3b829!important;border-radius:14px!important;grid-template-columns:38px minmax(0,1fr)!important;gap:12px!important;padding:12px!important}.student-courses-registered-item:hover{box-shadow:none!important;border-color:#4f46e552!important;transform:translateY(-2px)!important}.student-courses-registered-icon{width:38px!important;height:38px!important;color:var(--course-accent)!important;background:#4f46e51c!important;border-radius:12px!important}.student-courses-registered-copy strong{color:var(--course-ink)!important;margin:0 0 5px!important;font-size:13px!important;line-height:1.25!important}.student-courses-registered-copy span{color:#64748b!important;margin:0 0 7px!important;font-size:11px!important}.student-courses-registered-progress{background:#4f46e51f!important;height:6px!important}.student-courses-registered-progress-fill{background:linear-gradient(90deg, var(--course-accent), var(--course-accent-2))!important}.student-courses-empty-inline{color:var(--course-muted)!important;border-radius:14px!important}html.dark .student-courses-page{--course-ink:#f8fafc;--course-muted:#94a3b8;--course-panel:#0f172ab8;--course-panel-strong:#0f172ae0;--course-border:#ffffff1a;background:linear-gradient(#0f172ab8,#02061794)!important;box-shadow:0 24px 70px #0000004d!important}html.dark .student-courses-page .macos-window-header-glass{background:#0206175c!important;border-bottom-color:#ffffff14!important}html.dark .student-courses-level-tile{background:linear-gradient(150deg, #0f172ae6, #1e293bc2 54%, var(--level-accent)), radial-gradient(circle at 88% 20%, var(--level-accent), transparent 34%)!important}@supports (color:color-mix(in lab, red, red)){html.dark .student-courses-level-tile{background:linear-gradient(150deg, #0f172ae6, #1e293bc2 54%, color-mix(in srgb, var(--level-accent) 14%, #0f172abf)), radial-gradient(circle at 88% 20%, color-mix(in srgb, var(--level-accent) 25%, transparent), transparent 34%)!important}}html.dark .student-courses-level-tile{box-shadow:0 18px 36px #0003!important}html.dark .student-courses-level-title-wrap h4,html.dark .student-courses-roadmap-head h2,html.dark .student-courses-level-group-title,html.dark .student-courses-registered-card h2,html.dark .student-courses-registered-copy strong{color:var(--course-ink)!important}html.dark .student-courses-level-copy p,html.dark .student-courses-roadmap-head p,html.dark .student-courses-registered-copy span{color:var(--course-muted)!important}html.dark .student-courses-level-view-btn{color:#e2e8f0!important;background:#ffffff14!important;border-color:#ffffff1a!important}html.dark .student-courses-registered-item{background:var(--course-panel-strong)!important;border-color:#ffffff14!important}html.dark .student-courses-registered-icon{color:#c4b5fd!important;background:#6366f133!important}@media (width<=1100px){.student-courses-layout{grid-template-columns:1fr!important}.student-courses-sidebar{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important}}@media (width<=820px){.student-courses-page{border-radius:20px!important;width:min(100% - 20px,1180px)!important;margin-top:12px!important}.student-courses-hero{grid-template-columns:1fr!important;min-height:0!important;padding:28px 22px 0!important}.student-courses-hero-art{min-height:170px!important}.student-courses-hero-mascot{width:min(76vw,300px)!important;bottom:-46px!important;left:auto!important;right:0!important}.student-courses-sidebar,.student-courses-level-row{grid-template-columns:1fr!important}}@media (width<=560px){.student-courses-page{width:calc(100vw - 14px)!important;margin-bottom:42px!important}.student-courses-page>div:last-child{padding:16px 14px 24px!important}.student-courses-hero-copy h1{font-size:33px!important}.student-courses-hero-copy p{font-size:14px!important}.student-courses-level-copy{max-width:68%!important}.student-courses-level-art-shell{opacity:.88!important;width:48%!important}}.student-courses-carousel-page{--course-blueprint-bg:#9bd2f4;--course-blueprint-ink:#07111f;--course-blueprint-muted:#0f172a;width:min(1220px,100vw - 28px)!important;max-width:1220px!important;min-height:620px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(135deg,#7fc7f4 0%,#cdeafb 100%)!important;border:3px solid #0f172a!important;border-radius:0 0 24px 24px!important}.student-courses-stage{grid-template-columns:minmax(0,1fr) 142px;gap:18px;min-height:540px;display:grid}.student-courses-showcase{min-height:540px;color:var(--course-blueprint-ink);grid-template-columns:minmax(0,1fr) 132px;gap:16px;padding:44px 0 56px 38px;display:grid;position:relative;overflow:hidden}.student-courses-focus{isolation:isolate;grid-template-columns:minmax(0,.94fr) minmax(220px,.86fr);align-items:center;gap:12px;min-width:0;display:grid;position:relative}.student-courses-focus-copy{z-index:3;max-width:520px;position:relative}.student-courses-focus-meta{align-items:center;gap:12px;min-width:0;margin-bottom:24px;display:flex}.student-courses-focus-group{color:#030712;align-items:center;gap:10px;font-size:18px;font-weight:950;line-height:1;display:inline-flex;position:relative}.student-courses-focus-group:before{content:"";background:currentColor;border-radius:999px;width:7px;height:7px}.student-courses-focus-level{color:#0f172a;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:950;display:inline-flex}.student-courses-focus-status{color:#0f172a;white-space:nowrap;background:#b8ff5f;border-radius:999px;align-items:center;min-height:24px;padding:0 12px;font-size:11px;font-weight:950;display:inline-flex}.student-courses-focus h1{color:#030712;max-width:520px;font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(36px,5.3vw,64px);font-weight:950;line-height:1.08}.student-courses-focus p{color:#061320;-webkit-line-clamp:4;-webkit-box-orient:vertical;max-width:330px;margin:18px 0 0;font-size:14px;font-weight:800;line-height:1.42;display:-webkit-box;overflow:hidden}.student-courses-focus-cta{color:#030712;text-transform:uppercase;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:min(100%,154px);min-height:32px;margin-top:44px;font-size:11px;font-weight:950;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 24px #0f172a14}.student-courses-focus-cta:hover{transform:translateY(-2px);box-shadow:none!important}.student-courses-focus-cta.is-disabled{opacity:.56;pointer-events:none}.student-courses-focus-art{z-index:1;align-self:stretch;min-height:430px;position:relative}.student-courses-focus-art:before{content:"";background:radial-gradient(circle at 50% 52%, var(--level-accent), transparent 56%), radial-gradient(circle at 54% 45%, #ffffff80, transparent 46%);border-radius:999px;position:absolute;inset:50px 0 32px 10px}@supports (color:color-mix(in lab, red, red)){.student-courses-focus-art:before{background:radial-gradient(circle at 50% 52%, color-mix(in srgb, var(--level-accent) 34%, white), transparent 56%), radial-gradient(circle at 54% 45%, #ffffff80, transparent 46%)}}.student-courses-focus-art:before{filter:blur(6px);opacity:.86}.student-courses-focus-mascot{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 40px #0f172a29);width:min(112%,440px);height:100%;position:absolute;bottom:-50px;right:-24px}.student-courses-picker{z-index:4;align-self:center;justify-items:end;gap:10px;display:grid;position:relative}.student-courses-picker-value{display:none}.student-courses-picker-toggle{color:#0f172a;cursor:pointer;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.student-courses-picker-list{gap:8px;width:120px;max-height:210px;padding-right:4px;display:grid;overflow:auto}.student-courses-picker-item{color:#0f172a;cursor:pointer;text-align:left;background:#ffffffb8;border:2px solid #0000;border-radius:0;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:6px;min-height:27px;padding:3px;display:grid}.student-courses-picker-item.is-active,.student-courses-picker-item:hover{border-color:var(--level-accent);background:#fff}.student-courses-picker-item span{border:2px solid var(--level-accent);color:#0f172a;background:#fff;justify-content:center;align-items:center;height:21px;font-size:11px;font-weight:950;display:inline-flex}.student-courses-picker-item strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:9px;font-weight:950;display:block;overflow:hidden}.student-courses-picker-empty{color:#0f172a;background:#ffffffb3;padding:12px;font-size:11px;font-weight:800}.student-courses-arrow{z-index:5;color:#0f172a;cursor:pointer;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;position:absolute;box-shadow:0 8px 18px #0f172a14}.student-courses-arrow:disabled{opacity:.45;cursor:default}.student-courses-arrow-left{top:50%;left:6px;transform:translateY(-50%)}.student-courses-arrow-right{top:50%;right:142px;transform:translateY(-50%)}.student-courses-carousel-page .student-courses-sidebar{grid-template-columns:1fr!important;gap:12px!important;margin:0!important;padding:0!important;display:grid!important}.student-courses-carousel-page .student-courses-level-body,.student-courses-carousel-page .student-courses-registered-card{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:#e8f7ffa8!important;border:3px solid #63d947!important;border-radius:0!important}.student-courses-carousel-page .student-courses-level-body{place-items:center;display:grid;min-height:82px!important;padding:10px!important}.student-courses-carousel-page .student-courses-level-body:before,.student-courses-carousel-page .student-courses-registered-card:before{display:none!important}.student-courses-carousel-page .student-courses-level-card-info{z-index:2;position:static!important}.student-courses-carousel-page .level-card-meta{color:#0f172a!important;text-transform:none!important;font-size:12px!important;font-weight:950!important}.student-courses-carousel-page .student-courses-level-badge{opacity:.16;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;font-size:22px!important;position:absolute!important;top:auto!important;bottom:8px!important;left:10px!important}.student-courses-carousel-page .student-courses-level-mascot,.student-courses-carousel-page .student-courses-level-body-view-btn{display:none!important}.student-courses-carousel-page .registered-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;margin:0 0 8px!important;display:grid!important}.student-courses-carousel-page .registered-head h2{white-space:nowrap;border:3px solid #63d947;min-height:20px;margin:0;padding:2px 4px;color:#0f172a!important;font-size:10px!important;font-weight:950!important}.student-courses-carousel-page .student-courses-all-link{white-space:nowrap;border:3px solid #63d947;min-height:20px;padding:2px 4px;color:#0f172a!important;font-size:8px!important;font-weight:950!important}.student-courses-carousel-page .student-courses-registered-list{overflow:auto;gap:6px!important;max-height:190px!important;padding:0!important;display:grid!important}.student-courses-carousel-page .student-courses-registered-item{min-height:22px;box-shadow:none!important;background:#ffffffa3!important;border:3px solid #63d947!important;border-radius:0!important;padding:4px 6px!important;display:block!important}.student-courses-carousel-page .student-courses-registered-icon,.student-courses-carousel-page .student-courses-registered-progress{display:none!important}.student-courses-carousel-page .student-courses-registered-copy strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#0f172a!important;margin:0!important;font-size:10px!important;font-weight:950!important}.student-courses-carousel-page .student-courses-registered-copy span{display:none!important}html.dark .student-courses-carousel-page{background:linear-gradient(135deg,#78c8f5 0%,#c7eafe 100%)!important}html.dark .student-courses-carousel-page .student-courses-level-body,html.dark .student-courses-carousel-page .student-courses-registered-card,html.dark .student-courses-carousel-page .student-courses-registered-item{background:#e8f7ffb3!important}@media (width<=980px){.student-courses-stage{grid-template-columns:1fr}.student-courses-showcase{grid-template-columns:1fr;padding:32px 18px 28px}.student-courses-focus{grid-template-columns:1fr}.student-courses-focus-art{min-height:240px}.student-courses-focus-mascot{width:min(88vw,360px);bottom:-34px;right:0}.student-courses-picker{justify-items:stretch}.student-courses-picker-list{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));width:100%;max-height:none}.student-courses-arrow-right{right:8px}}.textbook-index-workspace .textbook-words-panel .textbook-unit-header{background:radial-gradient(circle at 82% 0,#7c3aed1a,#0000 28%),linear-gradient(#0206176b,#02061729)!important;align-items:center!important;gap:12px!important;min-height:76px!important;margin:calc(-1*clamp(18px,2vw,28px)) calc(-1*clamp(18px,2vw,28px)) 10px!important;padding:14px clamp(18px,2vw,26px)!important}.textbook-index-workspace .textbook-unit-title-block{flex:auto;gap:4px;min-width:0;display:grid}.textbook-index-workspace .textbook-unit-title-block h4{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0!important;font-size:clamp(22px,2vw,32px)!important;line-height:1.04!important}.textbook-index-workspace .textbook-unit-title-block p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:min(72ch,100%)!important;margin:0!important}.textbook-index-workspace .textbook-unit-header .btn-quiz-lesson{flex-shrink:0;min-height:40px!important;padding:8px 14px!important}html:not(.dark) .textbook-index-workspace .textbook-words-panel .textbook-unit-header{background:radial-gradient(circle at 82% 0,#7c3aed14,#0000 30%),linear-gradient(#ffffff85,#ffffff2e)!important}@media (width<=720px){.textbook-index-workspace .textbook-unit-title-block h4,.textbook-index-workspace .textbook-unit-title-block p{white-space:normal}}.textbook-detail-page.textbook-index-page{--textbook-detail-ink:#111827;--textbook-detail-muted:#53627a;--textbook-detail-line:#4b659029;--textbook-detail-glass:#ffffff94;--textbook-detail-glass-strong:#ffffffb8;--textbook-detail-accent:#7c3aed;--textbook-detail-accent-2:#2563eb}.textbook-detail-page .textbook-detail-inner-container{padding:clamp(94px,10vh,118px) clamp(28px,4vw,48px)!important}.textbook-detail-page .textbook-index-workspace{grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:clamp(28px,3vw,46px);width:min(100%,1760px);margin:0 auto}.textbook-detail-page .textbook-index-aside{border-right:1px solid #4b659024;padding-right:clamp(14px,1.8vw,26px)}.textbook-detail-page .textbook-roadmap-panel-vertical{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:clamp(8px,1.2vw,14px) 0!important}.textbook-detail-page .textbook-aside-heading{align-items:center;margin-bottom:24px}.textbook-detail-page .textbook-aside-heading h3{color:var(--textbook-detail-ink);font-size:20px}.textbook-detail-page .textbook-aside-heading span{color:var(--textbook-detail-accent);background:#ffffff8f;box-shadow:inset 0 1px #ffffffb8}.textbook-detail-page .textbook-roadmap-vertical-list{gap:14px;padding-right:0}.textbook-detail-page .textbook-roadmap-vertical-item{min-height:86px;box-shadow:none;background:0 0;border-color:#0000;border-radius:22px;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:16px}.textbook-detail-page .textbook-roadmap-vertical-item.is-selected{background:linear-gradient(135deg,#ffffffc2,#dbeafe6b),#ffffff57;border-color:#6366f138;box-shadow:0 18px 45px #4f46e51f}.textbook-detail-page .roadmap-step-index{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:0;width:44px;height:44px;font-size:16px;box-shadow:0 14px 30px #6366f138}.textbook-detail-page .textbook-roadmap-vertical-item:not(.is-selected) .roadmap-step-index{color:#64748b;background:#ffffff94;box-shadow:inset 0 1px #ffffffb3}.textbook-detail-page .roadmap-step-copy strong{color:var(--textbook-detail-ink);white-space:normal;font-size:15px}.textbook-detail-page .roadmap-step-copy small{color:var(--textbook-detail-accent-2);font-size:12px}.textbook-detail-page .textbook-weekly-goal-card-compact{background:#ffffff6b!important;border:1px solid #6366f129!important;border-radius:24px!important;min-height:178px!important;padding:24px!important;box-shadow:inset 0 1px #ffffffa8,0 18px 45px #4f46e514!important}.textbook-detail-page .textbook-words-content{overflow:visible!important}.textbook-detail-page .textbook-words-panel{scrollbar-width:thin;scrollbar-color:#7c3aed61 #fff3;height:100%;-webkit-backdrop-filter:blur(26px)saturate(165%)!important;background:radial-gradient(circle at 98% 3%,#7c3aed1a,#0000 24%),linear-gradient(135deg,#ffffffc7,#ebf6ff85 50%,#ffffff7a)!important;border:1px solid #ffffffc2!important;border-radius:38px!important;padding:clamp(34px,4vw,64px) clamp(36px,5vw,72px)!important;box-shadow:inset 0 1px #ffffffe0,0 26px 80px #47556929!important}.textbook-detail-page .textbook-words-panel .textbook-unit-header{grid-template-columns:64px minmax(0,1fr) auto;border-bottom:1px solid var(--textbook-detail-line)!important;-webkit-backdrop-filter:none!important;background:0 0!important;min-height:108px!important;margin:0 0 34px!important;padding:0 0 30px!important;display:grid!important;position:relative!important;top:auto!important}.textbook-unit-header-icon{width:64px;height:64px;color:var(--textbook-detail-accent);background:linear-gradient(135deg,#8b5cf62b,#3b82f61a);border-radius:18px;justify-content:center;align-items:center;display:inline-flex}.textbook-unit-header-icon .material-icons-round,.textbook-unit-header-icon .material-symbols-rounded{font-size:34px}.textbook-detail-page .textbook-unit-title-block h4{letter-spacing:-.02em;color:var(--textbook-detail-ink)!important;font-size:clamp(30px,3.1vw,46px)!important;line-height:1.02!important}.textbook-detail-page .textbook-unit-title-block p{color:var(--textbook-detail-muted)!important;font-size:clamp(15px,1.2vw,18px)!important;font-weight:800!important}.textbook-unit-progress-pill{color:#475569;background:#ffffff94;border:1px solid #6366f11f;border-radius:14px;align-items:center;gap:10px;width:fit-content;min-width:228px;margin-top:14px;padding:9px 14px 12px;font-size:13px;font-weight:850;display:flex;position:relative;overflow:hidden}.textbook-unit-progress-pill i{background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:999px;min-width:8px;max-width:calc(100% - 28px);height:5px;position:absolute;bottom:6px;left:14px}.textbook-detail-page .textbook-unit-header .btn-quiz-lesson{align-self:center;border-radius:999px!important;min-height:58px!important;padding:0 30px!important;font-size:16px!important;box-shadow:0 18px 40px #7c3aed47!important}.textbook-roadmap-vertical-item .textbook-unit-progress-pill-compact{border-radius:12px;gap:8px;width:min(100%,190px);min-width:0;margin-top:4px;padding:6px 10px 10px;font-size:10.5px;line-height:1}.textbook-roadmap-vertical-item .textbook-unit-progress-pill-compact i{max-width:calc(100% - 20px);height:4px;bottom:5px;left:10px}.textbook-detail-page .textbook-word-list{gap:0!important}.textbook-detail-page .student-vocab-word-card.textbook-word-row{min-height:132px;border-style:solid!important;border-width:0 0 1px!important;border-color:var(--textbook-detail-line)!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;grid-template-columns:46px minmax(0,1fr) auto!important;align-items:center!important;gap:26px!important;padding:26px 16px!important}.textbook-detail-page .student-vocab-word-card.textbook-word-row:hover{background:#ffffff2e!important;transform:none!important}.textbook-word-index{color:#4f46e5;background:linear-gradient(135deg,#8b5cf629,#3b82f61a);border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:950;display:inline-flex}.textbook-detail-page .textbook-word-row>div:first-child{gap:8px}.textbook-detail-page .textbook-word-row>div:first-child>div:first-child strong{color:var(--textbook-detail-ink)!important;font-size:clamp(22px,1.75vw,30px)!important}.textbook-detail-page .textbook-word-row>div:first-child>div:first-child span{color:#4f46e5!important;background:#7c3aed14!important;border-color:#0000!important}.textbook-detail-page .textbook-word-row>div:first-child>p{color:var(--textbook-detail-muted)!important;font-size:16px!important;font-weight:800!important}.textbook-detail-page .textbook-word-row>div:first-child>div:nth-child(3){width:min(100%,620px);background:0 0!important;border-left:3px solid #3b82f6!important;border-radius:0!important;padding:0 0 0 18px!important}.textbook-detail-page .textbook-word-row>div:first-child>div:nth-child(3) p:first-child{color:#475569b8!important;font-size:15px!important}.textbook-detail-page .textbook-save-word-btn{min-width:156px;color:#1d4ed8!important;background:#ffffff5c!important;border-color:#2563eb3d!important;border-radius:14px!important;min-height:58px!important;padding:0 20px!important;font-size:15px!important;font-weight:850!important}html.dark .textbook-detail-page .textbook-roadmap-vertical-item.is-selected,html.dark .textbook-detail-page .textbook-weekly-goal-card-compact{background:#0f172a75!important;border-color:#ffffff1f!important}html.dark .textbook-detail-page .textbook-word-index,html.dark .textbook-unit-header-icon{color:#c4b5fd;background:#7c3aed2e}@media (width<=1050px){.textbook-detail-page .textbook-index-workspace{grid-template-columns:1fr}.textbook-detail-page .textbook-index-aside{border-right:0;padding-right:0}.textbook-detail-page .textbook-words-panel .textbook-unit-header{grid-template-columns:52px minmax(0,1fr)}.textbook-detail-page .textbook-unit-header .btn-quiz-lesson{grid-column:1/-1;width:fit-content}}@media (width<=720px){.textbook-detail-page .textbook-detail-inner-container{padding:76px 14px 92px!important}.textbook-detail-page .textbook-words-panel{border-radius:26px!important;padding:22px!important}.textbook-detail-page .student-vocab-word-card.textbook-word-row{grid-template-columns:38px minmax(0,1fr)!important;gap:14px!important}.textbook-detail-page .student-vocab-word-card.textbook-word-row>div:last-child{grid-column:2}.textbook-detail-page .textbook-save-word-btn{width:100%}}.textbook-detail-page .textbook-roadmap-panel.textbook-roadmap-panel-vertical{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;outline:0!important}.textbook-detail-page .textbook-words-panel .textbook-unit-header{grid-template-columns:50px minmax(0,1fr) auto;z-index:8!important;min-height:84px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border-bottom:1px solid #4b65901f!important;margin:calc(-1*clamp(34px,4vw,64px)) calc(-1*clamp(36px,5vw,72px)) 20px!important;padding:18px clamp(36px,5vw,72px)!important;position:sticky!important;top:0!important}.textbook-detail-page .textbook-unit-header-icon{border-radius:15px;width:50px;height:50px}.textbook-detail-page .textbook-unit-title-block h4{font-size:clamp(24px,2.35vw,36px)!important}.textbook-detail-page .textbook-unit-title-block p{font-size:clamp(13px,1vw,15px)!important}.textbook-detail-page .textbook-unit-progress-pill{min-width:194px;margin-top:8px;padding:7px 12px 10px;font-size:12px}.textbook-detail-page .textbook-unit-header .btn-quiz-lesson{min-height:48px!important;padding:0 22px!important;font-size:14px!important}.textbook-detail-page .student-vocab-word-card.textbook-word-row{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border-width:0 0 1px!important;border-color:#4b659024!important}.textbook-detail-page .student-vocab-word-card.textbook-word-row:hover{background:0 0!important;border-color:#4b659033!important}.textbook-detail-page .textbook-words-panel{scrollbar-width:thin;scrollbar-color:#7c3aed47 transparent}.textbook-detail-page .textbook-words-panel::-webkit-scrollbar-track{margin:96px 0 24px;background:0 0!important}.textbook-detail-page .textbook-words-panel::-webkit-scrollbar-thumb{background:#7c3aed52;border:0;border-radius:999px}html.dark .textbook-detail-page .textbook-words-panel .textbook-unit-header{box-shadow:none!important;background:0 0!important;border-bottom-color:#ffffff1a!important}html.dark .textbook-detail-page .student-vocab-word-card.textbook-word-row,html.dark .textbook-detail-page .student-vocab-word-card.textbook-word-row:hover{background:0 0!important;border-color:#ffffff1a!important}@media (width<=720px){.textbook-detail-page .textbook-words-panel .textbook-unit-header{grid-template-columns:44px minmax(0,1fr);margin:-22px -22px 16px!important;padding:14px 18px!important}}.textbook-detail-page .textbook-words-panel{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:start;column-gap:clamp(34px,4vw,64px);padding:clamp(40px,4.4vw,66px) clamp(42px,5vw,76px)!important;display:grid!important}.textbook-detail-page .textbook-words-panel .textbook-unit-header{flex-direction:column;grid-column:1;min-height:auto!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border-bottom:0!important;border-right:1px solid #4b659024!important;justify-content:flex-start!important;align-items:flex-start!important;gap:18px!important;margin:0!important;padding:0 clamp(26px,3vw,44px) 0 0!important;display:flex!important;position:sticky!important;top:0!important}.textbook-detail-page .textbook-unit-header-icon{background:linear-gradient(135deg,#8b5cf629,#3b82f614);border-radius:22px;width:74px;height:74px;margin-bottom:18px}.textbook-detail-page .textbook-unit-header-icon .material-icons-round,.textbook-detail-page .textbook-unit-header-icon .material-symbols-rounded{font-size:38px}.textbook-detail-page .textbook-unit-title-block{gap:14px;width:100%;display:grid}.textbook-unit-kicker{color:#6d28d9;font-size:15px;font-weight:950;line-height:1}.textbook-detail-page .textbook-unit-title-block h4{letter-spacing:-.025em;white-space:normal;max-width:10ch;color:var(--textbook-detail-ink)!important;font-size:clamp(27px,2.1vw,38px)!important;line-height:1.16!important}.textbook-detail-page .textbook-unit-title-block p{white-space:normal;color:#334155d1!important;max-width:22ch!important;font-size:15px!important;font-weight:750!important;line-height:1.55!important}.textbook-detail-page .textbook-unit-progress-pill{color:#334155;background:#ffffff6b;border-color:#6366f124;flex-wrap:wrap;gap:6px 10px;width:100%;min-width:0;margin-top:20px;padding:12px 14px 18px;display:flex}.textbook-detail-page .textbook-unit-progress-pill i{background:linear-gradient(90deg,#8b5cf6,#6366f1);height:6px;bottom:8px;left:14px;right:auto}.textbook-detail-page .textbook-unit-header .btn-quiz-lesson{justify-content:center;width:100%;margin-top:18px;min-height:62px!important;padding:0 22px!important;font-size:16px!important;box-shadow:0 18px 38px #7c3aed38!important}.textbook-detail-page .textbook-words-panel>.textbook-word-list,.textbook-detail-page .textbook-words-panel>.textbook-unit-header+div{grid-column:2;min-width:0}.textbook-detail-page .textbook-word-list{padding-top:8px}.textbook-detail-page .student-vocab-word-card.textbook-word-row{min-height:132px;grid-template-columns:48px minmax(0,1fr) auto!important;gap:28px!important;padding:25px 0!important}.textbook-detail-page .textbook-word-index{background:linear-gradient(135deg,#8b5cf624,#3b82f614);width:46px;height:46px}.textbook-detail-page .textbook-save-word-btn{min-width:164px}html.dark .textbook-unit-kicker{color:#c4b5fd}html.dark .textbook-detail-page .textbook-unit-title-block p{color:#e2e8f0b8!important}html.dark .textbook-detail-page .textbook-words-panel .textbook-unit-header{border-right-color:#ffffff1c!important}@media (width<=1180px){.textbook-detail-page .textbook-words-panel{grid-template-columns:minmax(190px,250px) minmax(0,1fr);column-gap:30px}}@media (width<=860px){.textbook-detail-page .textbook-words-panel{display:block!important}.textbook-detail-page .textbook-words-panel .textbook-unit-header{border-bottom:1px solid #4b659024!important;border-right:0!important;margin:0 0 18px!important;padding:0 0 22px!important;position:relative!important}.textbook-detail-page .textbook-unit-title-block h4,.textbook-detail-page .textbook-unit-title-block p{max-width:none!important}.textbook-detail-page .textbook-unit-header .btn-quiz-lesson{width:fit-content}}.textbook-detail-page.textbook-index-page{color:var(--textbook-detail-ink);--textbook-detail-ink:#0f172a!important;--textbook-detail-muted:#334155c2!important;--textbook-detail-line:#46597d29!important}.textbook-detail-page:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#ffffffb8,#ffffff24 44%,#ffffff6b),radial-gradient(circle at 72% 18%,#ffffff80,#0000 28%);position:fixed;inset:0}.textbook-detail-page .textbook-detail-inner-container{z-index:1;position:relative;padding-top:clamp(96px,10vh,116px)!important}.textbook-detail-page .textbook-index-workspace{grid-template-columns:minmax(250px,340px) minmax(0,1fr);gap:clamp(24px,3.1vw,52px)}.textbook-detail-page .textbook-index-aside{border-right-color:#46597d2e}.textbook-detail-page .textbook-aside-heading h3,.textbook-detail-page .roadmap-step-copy strong,.textbook-detail-page .goal-card-header h4,.textbook-detail-page .textbook-weekly-goal-card-compact strong{color:#0f172a!important}.textbook-detail-page .textbook-aside-heading span{color:#6d28d9!important;background:#ffffffa8!important}.textbook-detail-page .textbook-roadmap-vertical-item{opacity:.9}.textbook-detail-page .textbook-roadmap-vertical-item.is-selected{opacity:1;background:linear-gradient(135deg,#ffffffb8,#dbeafe80),#ffffff4d!important;border-color:#6366f147!important}.textbook-detail-page .textbook-roadmap-vertical-item:disabled{opacity:.72}.textbook-detail-page .textbook-roadmap-vertical-item:disabled .roadmap-step-copy strong{color:#0f172a94!important}.textbook-detail-page .roadmap-step-copy small{color:#2563ebd6!important}.textbook-detail-page .textbook-weekly-goal-card-compact{background:linear-gradient(135deg,#ffffffa3,#edf2ff61),#ffffff47!important;border-color:#6366f12e!important}.textbook-detail-page .textbook-words-panel{scrollbar-width:none;grid-template-columns:minmax(230px,310px) minmax(0,1fr);background:radial-gradient(circle at 82% 0,#ffffff8a,#0000 25%),linear-gradient(135deg,#ffffffbd,#ecf7ff80 58%,#ffffff6b)!important;border-color:#ffffffb3!important;padding:clamp(28px,3.2vw,46px) clamp(34px,4.2vw,62px)!important;box-shadow:inset 0 1px #ffffffdb,0 22px 66px #4755691f!important}.textbook-detail-page .textbook-words-panel:hover{scrollbar-width:thin;scrollbar-color:#7c3aed38 transparent}.textbook-detail-page .textbook-words-panel::-webkit-scrollbar{width:0}.textbook-detail-page .textbook-words-panel:hover::-webkit-scrollbar{width:4px}.textbook-detail-page .textbook-words-panel::-webkit-scrollbar-thumb{background:#7c3aed38!important}.textbook-detail-page .textbook-words-panel .textbook-unit-header{border-right-color:#46597d29!important;gap:14px!important;padding-top:8px!important;padding-right:clamp(22px,2.6vw,38px)!important;top:0!important}.textbook-detail-page .textbook-unit-header-icon{color:#6d28d9;width:66px;height:66px;margin-bottom:12px;background:linear-gradient(135deg,#8b5cf621,#3b82f614)!important}.textbook-detail-page .textbook-unit-title-block{gap:11px}.textbook-detail-page .textbook-unit-title-block h4{color:#0f172a!important;font-size:clamp(27px,2vw,36px)!important}.textbook-detail-page .textbook-unit-title-block p{color:var(--textbook-detail-muted)!important}.textbook-detail-page .textbook-unit-progress-pill{margin-top:14px;color:#334155!important;background:#ffffff94!important}.textbook-detail-page .textbook-unit-header .btn-quiz-lesson{margin-top:14px;min-height:56px!important;box-shadow:0 16px 36px #7c3aed33!important}.textbook-detail-page .student-vocab-word-card.textbook-word-row{min-height:118px;border-color:#46597d24!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:clamp(18px,2.4vw,28px)!important;padding:22px 0!important}.textbook-detail-page .textbook-word-index{color:#4f46e5;width:42px;height:42px;background:linear-gradient(135deg,#8b5cf621,#3b82f614)!important}.textbook-detail-page .textbook-word-row>div:first-child>div:first-child strong{color:#0f172a!important}.textbook-detail-page .textbook-word-row>div:first-child>p{max-width:34ch;color:#334155d1!important}.textbook-detail-page .textbook-word-row>div:first-child>div:nth-child(3){width:min(100%,460px);padding-left:16px!important}.textbook-detail-page .textbook-word-row>div:first-child>div:nth-child(3) p:first-child{color:#475569c7!important}.textbook-detail-page .textbook-save-word-btn{min-width:132px;color:#1d4ed8!important;min-height:46px!important;box-shadow:none!important;background:#ffffff57!important;border-color:#2563eb3d!important;border-radius:14px!important;padding:0 16px!important}.textbook-detail-page .textbook-save-word-btn:disabled{cursor:default;opacity:1!important;color:#16a34a!important;background:#dcfce785!important;border-color:#16a34a38!important}.textbook-detail-page .textbook-save-word-btn span{font-size:13px}html.dark .textbook-detail-page.textbook-index-page{--textbook-detail-ink:#0f172a!important;--textbook-detail-muted:#334155c2!important;--textbook-detail-line:#46597d29!important}html.dark .textbook-detail-page .textbook-aside-heading h3,html.dark .textbook-detail-page .roadmap-step-copy strong,html.dark .textbook-detail-page .goal-card-header h4,html.dark .textbook-detail-page .textbook-weekly-goal-card-compact strong,html.dark .textbook-detail-page .textbook-unit-title-block h4,html.dark .textbook-detail-page .textbook-word-row>div:first-child>div:first-child strong{color:#f8fafc!important}html.dark .textbook-detail-page .textbook-word-row>div:first-child>p,html.dark .textbook-detail-page .textbook-unit-title-block p{color:#e2e8f0cc!important}html.dark .textbook-detail-page .textbook-word-row>div:first-child>div:nth-child(3) p:first-child{color:#e2e8f0c7!important}html.dark .textbook-detail-page .textbook-save-word-btn:not(:disabled){color:#bfdbfe!important;background:#ffffff1f!important}@media (width<=1180px){.textbook-detail-page .textbook-words-panel{grid-template-columns:minmax(210px,270px) minmax(0,1fr)}}.textbook-detail-page .textbook-words-panel{grid-template-columns:minmax(190px,250px) minmax(0,1fr);column-gap:clamp(28px,3.4vw,52px)}.textbook-detail-page .textbook-words-panel .textbook-unit-header{width:100%;max-width:250px;padding-right:clamp(18px,2.2vw,30px)!important}.textbook-detail-page .textbook-unit-title-block h4{max-width:9ch}@media (width<=1180px){.textbook-detail-page .textbook-words-panel{grid-template-columns:minmax(180px,230px) minmax(0,1fr)}.textbook-detail-page .textbook-words-panel .textbook-unit-header{max-width:230px}}@media (width>=721px){.textbook-detail-page .textbook-words-panel{background:radial-gradient(circle at 18% 100%,#3b82f629,#0000 34%),radial-gradient(circle at 82% 0,#a855f726,#0000 32%),linear-gradient(135deg,#0f172a61,#1e295652)!important;border-color:#ffffff38!important;padding:clamp(42px,4.6vw,72px)!important;display:block!important;box-shadow:inset 0 1px #ffffff2e,0 30px 90px #0206172e!important}.textbook-detail-page .textbook-word-list{width:min(100%,1180px);margin:0 auto}.textbook-detail-page .student-vocab-word-card.textbook-word-row{min-height:142px;grid-template-columns:52px minmax(0,1fr) 170px!important;align-items:center!important;gap:clamp(24px,3vw,44px)!important;padding:30px 0!important}.textbook-detail-page .textbook-word-index{width:46px;height:46px}.textbook-detail-page .textbook-word-row>div:first-child>p{max-width:58ch}.textbook-detail-page .textbook-word-row>div:first-child>div:nth-child(3){width:min(100%,760px);background:#0f172a24!important;border-left-width:4px!important;border-radius:0 14px 14px 0!important;padding:16px 18px!important}.textbook-detail-page .textbook-save-word-btn{justify-content:center;min-width:150px;background:#ffffff1f!important;border-color:#ffffff29!important;min-height:48px!important}}@media (width<=720px){.textbook-detail-page.textbook-index-page{width:100%!important;height:100dvh!important;min-height:100dvh!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background-color:#0000!important;border:0!important;border-radius:0!important;margin:0!important;overflow:hidden!important}.textbook-detail-page.textbook-index-page.liquid-glass:before,.textbook-detail-page:after{content:none!important;display:none!important}.textbook-detail-page .textbook-detail-inner-container{box-sizing:border-box!important;width:100vw!important;max-width:none!important;height:100dvh!important;min-height:0!important;margin:0 calc(50% - 50vw)!important;padding:76px 20px 150px!important;overflow:hidden!important}.textbook-detail-page .textbook-index-back-btn{display:none!important}.textbook-detail-page .textbook-index-workspace{grid-template-rows:auto minmax(0,1fr)!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;display:grid!important}.textbook-detail-page .textbook-index-aside{border-right:0!important;min-width:0!important;min-height:0!important;padding:0!important;display:block!important}.textbook-detail-page .textbook-roadmap-panel-vertical{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;padding:0!important}.textbook-detail-page .textbook-aside-heading{align-items:center!important;margin:6px 0 8px!important}.textbook-detail-page .textbook-aside-heading h3{font-size:18px!important}.textbook-detail-page .textbook-aside-heading span{min-height:24px!important;padding:4px 9px!important;font-size:11px!important}.textbook-detail-page .textbook-roadmap-vertical-list{scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-auto-flow:unset!important;gap:10px!important;max-height:none!important;padding:2px 2px 8px!important;display:flex!important;overflow:auto hidden!important}.textbook-detail-page .textbook-roadmap-vertical-list::-webkit-scrollbar{display:none}.textbook-detail-page .textbook-roadmap-vertical-item{scroll-snap-align:start;border-radius:18px!important;flex:0 0 min(82vw,292px)!important;grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;min-height:68px!important;padding:10px 12px!important}.textbook-detail-page .roadmap-step-index{width:38px!important;height:38px!important;font-size:14px!important}.textbook-detail-page .roadmap-step-copy strong{white-space:nowrap!important;font-size:13px!important}.textbook-detail-page .roadmap-step-copy small{font-size:11px!important}.textbook-detail-page .textbook-roadmap-vertical-item .textbook-unit-progress-pill-compact{color:#f8fafcdb!important;width:100%!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;padding:3px 0 8px!important}.textbook-detail-page .textbook-roadmap-vertical-item .textbook-unit-progress-pill-compact span{color:#f8fafcc7!important;font-size:10.5px!important;font-weight:850!important}.textbook-detail-page .textbook-roadmap-vertical-item .textbook-unit-progress-pill-compact i{box-shadow:0 0 12px #6366f161;background:linear-gradient(90deg,#8b5cf6,#3b82f6)!important;max-width:100%!important;height:3px!important;bottom:1px!important;left:0!important}.textbook-detail-page .textbook-weekly-goal-card-compact{display:none!important}.textbook-detail-page .textbook-words-content{min-height:0!important;overflow:hidden!important}.textbook-detail-page .textbook-words-panel{-webkit-overflow-scrolling:touch;height:100%!important;min-height:0!important;box-shadow:none!important;border:0!important;border-radius:24px!important;outline:0!important;grid-template-columns:none!important;padding:16px!important;display:block!important;overflow:hidden auto!important}.textbook-detail-page .textbook-words-panel .textbook-unit-header{-webkit-backdrop-filter:none!important;background:0 0!important;border-bottom:1px solid #ffffff1f!important;border-right:0!important;grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important;width:auto!important;max-width:none!important;min-height:0!important;margin:0 0 16px!important;padding:0 0 16px!important;display:grid!important;position:relative!important;top:auto!important}.textbook-detail-page .textbook-unit-header-icon{border-radius:14px!important;width:44px!important;height:44px!important;margin:0!important}.textbook-detail-page .textbook-unit-header-icon .material-icons-round,.textbook-detail-page .textbook-unit-header-icon .material-symbols-rounded{font-size:24px!important}.textbook-detail-page .textbook-unit-title-block{gap:8px!important;width:100%!important;max-width:none!important}.textbook-detail-page .textbook-unit-title-block h4{max-width:none!important;font-size:clamp(22px,7vw,30px)!important;line-height:1.08!important}.textbook-detail-page .textbook-unit-title-block p{max-width:none!important;font-size:13px!important;line-height:1.38!important}.textbook-detail-page .textbook-unit-progress-pill{width:100%!important;min-width:0!important;margin-top:10px!important;font-size:11px!important}.textbook-detail-page .textbook-unit-header .btn-quiz-lesson{grid-column:1/-1!important;width:100%!important;min-height:46px!important;margin-top:4px!important;padding:0 16px!important;font-size:13px!important}.textbook-detail-page .textbook-word-list{gap:0!important}.textbook-detail-page .student-vocab-word-card.textbook-word-row{grid-template-columns:36px minmax(0,1fr)!important;align-items:flex-start!important;gap:12px!important;min-height:0!important;padding:12px 0!important;display:grid!important}.textbook-detail-page .textbook-word-index{width:34px!important;height:34px!important;font-size:13px!important}.textbook-detail-page .student-vocab-word-card.textbook-word-row>div:last-child{grid-column:2!important;width:100%!important}.textbook-detail-page .textbook-save-word-btn{color:#e2e8f0db!important;width:100%!important;min-height:34px!important;box-shadow:none!important;background:#ffffff14!important;border-color:#ffffff1f!important;border-radius:12px!important;padding:0 14px!important;font-size:12px!important}.textbook-detail-page .textbook-save-word-btn .material-symbols-rounded{font-size:17px!important}}.student-courses-carousel-page .student-courses-showcase{background-image:linear-gradient(90deg, #ffffff29 0%, #ffffff1a 36%, #fff0 58%, #02061780 82%, #020617bd 100%), var(--course-scene-url)!important;background-position:50%,50%!important;background-repeat:no-repeat,no-repeat!important;background-size:cover,cover!important;border-radius:0 0 18px 18px!important;width:100%!important;min-height:500px!important;padding:0!important;display:block!important;position:relative!important;overflow:hidden!important}.student-courses-carousel-page .student-courses-showcase:before{content:""!important;z-index:1!important;pointer-events:none!important;-webkit-backdrop-filter:none!important;background:radial-gradient(circle at 32% 42%,#ffffff57,#0000 26%),linear-gradient(#ffffff0f,#02061714)!important;border-radius:0!important;position:absolute!important;inset:0!important}.student-courses-carousel-page .student-courses-focus:before,.student-courses-carousel-page .student-courses-focus-art,.student-courses-carousel-page .student-courses-focus-mascot{display:none!important}.student-courses-carousel-page .student-courses-focus p,.student-courses-carousel-page .student-courses-focus-group{color:#07111f!important;text-shadow:none!important}.student-courses-carousel-page .student-courses-picker{z-index:9!important;gap:8px!important;display:grid!important;position:absolute!important;top:94px!important;right:228px!important;transform:none!important}.student-courses-carousel-page .student-courses-level-body,.student-courses-carousel-page .student-courses-registered-card{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#070c183d!important;border:0!important;border-radius:18px!important}.student-courses-carousel-page .student-courses-level-body{height:118px!important;min-height:118px!important}.student-courses-carousel-page .student-courses-registered-list{height:calc(100% - 80px)!important;max-height:none!important}.student-courses-carousel-page{width:min(1180px,100vw - 32px)!important;min-height:540px!important;box-shadow:none!important;-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#02061729!important;border:1px solid #e2e8f052!important;border-radius:18px!important;overflow:hidden!important}.student-courses-carousel-page:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:5;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#ffffff7a 0%,#ffffff29 20%,#fff0 42% 58%,#ffffff24 80%,#ffffff6b 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.student-courses-carousel-page .macos-window-header-glass{background:#02061747!important;border-bottom:1px solid #ffffff14!important;height:38px!important}.student-courses-stage{grid-template-columns:minmax(0,1fr) 210px!important;gap:16px!important;min-height:500px!important;padding:0 14px 14px 0!important}.student-courses-showcase{background:linear-gradient(90deg, #09101ed1 0%, #152034ad 42%, #0c12203d 66%, #070c180a 100%), radial-gradient(circle at 72% 48%, var(--level-accent), transparent 34%), var(--course-art-url) right center / contain no-repeat, linear-gradient(135deg, #7ecdf5 0%, #dff4ff 100%)!important;border-radius:0 0 0 18px!important;min-height:500px!important;padding:0!important;display:block!important;position:relative!important;overflow:hidden!important}@supports (color:color-mix(in lab, red, red)){.student-courses-showcase{background:linear-gradient(90deg, #09101ed1 0%, #152034ad 42%, #0c12203d 66%, #070c180a 100%), radial-gradient(circle at 72% 48%, color-mix(in srgb, var(--level-accent) 28%, transparent), transparent 34%), var(--course-art-url) right center / contain no-repeat, linear-gradient(135deg, #7ecdf5 0%, #dff4ff 100%)!important}}.student-courses-showcase{color:#fff!important}.student-courses-showcase:before{content:"";z-index:0;-webkit-backdrop-filter:blur(20px)saturate(155%);background:#ffffff09;border-radius:28px;position:absolute;inset:48px 44px 44px 42px}.student-courses-showcase:after{content:"";z-index:1;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#ffffff85 0%,#ffffff29 20%,#fff0 44% 60%,#ffffff29 82%,#ffffff70 100%);border-radius:28px;padding:1.4px;position:absolute;inset:48px 44px 44px 42px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.student-courses-focus{z-index:2!important;color:#fff!important;min-height:500px!important;padding:88px 54% 54px 82px!important;display:block!important;position:relative!important}.student-courses-focus:before,.student-courses-focus-art,.student-courses-focus-mascot{display:none!important}.student-courses-focus-copy{max-width:500px!important;padding:0!important}.student-courses-focus-group{color:#ffffffdb!important}.student-courses-focus-level{color:#0f172a!important;background:#fffffff5!important}.student-courses-focus-status{color:#0f172a!important;background:#b8ff5f!important}.student-courses-focus h1{text-shadow:0 14px 34px #02061738;color:#fff!important;max-width:470px!important;font-size:clamp(42px,5vw,64px)!important;line-height:1.05!important}.student-courses-focus p{color:#ffffffd6!important;max-width:360px!important;font-size:13px!important;line-height:1.45!important}.student-courses-focus-cta{margin-top:42px!important}.student-courses-picker{grid-template-columns:1fr;z-index:6!important;justify-items:end!important;gap:10px!important;display:grid!important;position:absolute!important;top:54%!important;right:58px!important;transform:translateY(-50%)!important}.student-courses-picker-toggle{-webkit-backdrop-filter:blur(16px)!important;background:#ffffffdb!important;width:34px!important;height:34px!important;margin:0!important}.student-courses-picker-value,.student-courses-picker-item{color:#fff!important;-webkit-backdrop-filter:blur(18px)saturate(150%)!important;background:#fff3!important;border:1px solid #ffffff75!important;width:150px!important;box-shadow:0 14px 30px #0206172e!important}.student-courses-picker-value span,.student-courses-picker-item span{border-color:var(--level-accent)!important;color:#0f172a!important;background:#ffffffe6!important}.student-courses-picker-value strong,.student-courses-picker-item strong{color:#ffffffdb!important}.student-courses-picker-list{width:150px!important;max-height:230px!important;top:76px!important;right:0!important;overflow-x:hidden!important}.student-courses-carousel-page .student-courses-sidebar{gap:14px!important;padding:10px 0 0!important}.student-courses-carousel-page .student-courses-level-body,.student-courses-carousel-page .student-courses-registered-card{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#ffffff0f!important;border:0!important;border-radius:18px!important;position:relative!important;overflow:hidden!important;box-shadow:0 18px 42px #02061729!important}.student-courses-carousel-page .student-courses-level-body:before,.student-courses-carousel-page .student-courses-registered-card:before{content:""!important;border-radius:inherit!important;-webkit-mask-composite:xor!important;pointer-events:none!important;z-index:2!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;background:linear-gradient(#ffffff75 0%,#ffffff26 20%,#fff0 42% 60%,#ffffff24 82%,#ffffff6b 100%)!important;padding:1.4px!important;display:block!important;position:absolute!important;inset:0!important;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0)!important;-webkit-mask-position:0 0,0 0!important;-webkit-mask-size:auto,auto!important;-webkit-mask-repeat:repeat,repeat!important;-webkit-mask-clip:content-box,border-box!important;-webkit-mask-origin:content-box,border-box!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;-webkit-mask-source-type:auto,auto!important;mask-mode:match-source,match-source!important}.student-courses-carousel-page .student-courses-level-body{place-items:center!important;min-height:114px!important;padding:18px!important}.student-courses-carousel-page .level-card-meta{color:#ffffffd1!important}.student-courses-carousel-page .student-courses-level-badge{color:#ffffff47!important;-webkit-text-fill-color:#ffffff47!important}.student-courses-carousel-page .registered-head{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:12px!important}.student-courses-carousel-page .registered-head h2,.student-courses-carousel-page .student-courses-all-link,.student-courses-carousel-page .student-courses-registered-item{color:#ffffffe6!important;-webkit-backdrop-filter:blur(14px)saturate(150%)!important;background:#ffffff14!important;border:0!important;border-radius:12px!important}.student-courses-carousel-page .registered-head h2{justify-content:flex-start!important;min-height:32px!important;padding:0 12px!important;font-size:12px!important}.student-courses-carousel-page .student-courses-all-link{justify-content:center!important;min-height:30px!important;font-size:10px!important}.student-courses-carousel-page .student-courses-registered-list{gap:8px!important;max-height:212px!important}.student-courses-carousel-page .student-courses-registered-item{min-height:34px!important;padding:8px 10px!important}.student-courses-carousel-page .student-courses-registered-copy strong{color:#ffffffe6!important;font-size:11px!important}@media (width<=980px){.student-courses-stage{grid-template-columns:1fr!important;padding:0!important}.student-courses-showcase{border-radius:0!important}.student-courses-focus{padding:74px 28px 280px 34px!important}.student-courses-picker{top:auto!important;bottom:36px!important;right:28px!important;transform:none!important}.student-courses-carousel-page .student-courses-sidebar{padding:14px!important}}.student-courses-carousel-page>.student-courses-stage{min-height:500px!important;padding:0!important;display:block!important}.student-courses-carousel-page .student-courses-showcase{background:linear-gradient(90deg, #ffffff14 0%, #ffffff2e 27%, #ffffff08 52%, #02061794 81%, #020617c2 100%), radial-gradient(circle at 30% 42%, #ffffff9e, transparent 22%), radial-gradient(circle at 64% 48%, var(--level-accent), transparent 34%), var(--course-scene-url) center / cover no-repeat, linear-gradient(135deg, #7ecdf5 0%, #dff4ff 100%)!important;border-radius:0 0 18px 18px!important;width:100%!important;min-height:500px!important;display:block!important;position:relative!important;overflow:hidden!important}@supports (color:color-mix(in lab, red, red)){.student-courses-carousel-page .student-courses-showcase{background:linear-gradient(90deg, #ffffff14 0%, #ffffff2e 27%, #ffffff08 52%, #02061794 81%, #020617c2 100%), radial-gradient(circle at 30% 42%, #ffffff9e, transparent 22%), radial-gradient(circle at 64% 48%, color-mix(in srgb, var(--level-accent) 28%, transparent), transparent 34%), var(--course-scene-url) center / cover no-repeat, linear-gradient(135deg, #7ecdf5 0%, #dff4ff 100%)!important}}.student-courses-carousel-page .student-courses-showcase:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#ffffff42 0%,#ffffff1a 36%,#fff0 62%),linear-gradient(#ffffff14,#0206171a);position:absolute;inset:0}.student-courses-carousel-page .student-courses-showcase:after{content:"";z-index:1;background:var(--course-art-url) center bottom / contain no-repeat;filter:drop-shadow(0 28px 44px #02061742);pointer-events:none;width:min(34vw,380px);height:min(48vw,450px);position:absolute;bottom:-28px;right:190px}.student-courses-carousel-page .student-courses-focus{z-index:3!important;color:#030712!important;min-height:500px!important;padding:72px 470px 58px 76px!important;display:block!important;position:relative!important}.student-courses-carousel-page .student-courses-focus-copy{max-width:500px!important;padding:0!important}.student-courses-carousel-page .student-courses-focus-group{color:#030712!important;text-shadow:none!important}.student-courses-carousel-page .student-courses-focus h1{color:#030712!important;max-width:520px!important;text-shadow:none!important;font-size:clamp(42px,5.1vw,64px)!important;line-height:1.08!important}.student-courses-carousel-page .student-courses-focus p{color:#07111f!important;max-width:360px!important;font-size:13px!important;font-weight:850!important}.student-courses-carousel-page .student-courses-focus-cta{color:#030712!important;width:184px!important;min-height:38px!important;margin-top:44px!important}.student-courses-carousel-page .student-courses-picker{z-index:8!important;position:absolute!important;top:94px!important;right:230px!important;transform:none!important}.student-courses-carousel-page .student-courses-picker-value{display:grid!important}.student-courses-carousel-page .student-courses-picker-toggle{justify-self:end!important;margin:0 0 8px!important}.student-courses-carousel-page .student-courses-picker-list{position:absolute!important;top:76px!important;right:0!important}.student-courses-carousel-page .student-courses-sidebar{z-index:7!important;grid-template-rows:118px minmax(0,1fr)!important;gap:14px!important;width:178px!important;padding:0!important;display:grid!important;position:absolute!important;top:40px!important;bottom:24px!important;right:24px!important}.student-courses-carousel-page .student-courses-level-body,.student-courses-carousel-page .student-courses-registered-card,.student-courses-carousel-page .registered-head h2,.student-courses-carousel-page .student-courses-all-link,.student-courses-carousel-page .student-courses-registered-item{color:#ffffffeb!important;-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#070c1838!important}.student-courses-carousel-page .student-courses-level-body,.student-courses-carousel-page .student-courses-registered-card{border:0!important;border-radius:18px!important}.student-courses-carousel-page .student-courses-level-body{height:118px!important;min-height:118px!important;padding:18px!important}.student-courses-carousel-page .student-courses-registered-card{height:100%!important;min-height:0!important;padding:12px!important}.student-courses-carousel-page .student-courses-registered-list{height:calc(100% - 80px)!important;max-height:none!important;overflow:auto!important}.student-courses-carousel-page .student-courses-arrow-left{left:22px!important}.student-courses-carousel-page .student-courses-arrow-right{right:212px!important}@media (width<=980px){.student-courses-carousel-page .student-courses-showcase:after{opacity:.85;width:min(70vw,360px);right:20px}.student-courses-carousel-page .student-courses-focus{padding:70px 32px 330px!important}.student-courses-carousel-page .student-courses-picker{top:auto!important;bottom:260px!important;right:24px!important}.student-courses-carousel-page .student-courses-sidebar{grid-template-rows:auto auto!important;width:auto!important;padding:0 24px 24px!important;position:relative!important;inset:auto!important}}@media (width<=560px){.student-courses-carousel-page{width:calc(100vw - 12px)!important;min-height:0!important}.student-courses-focus-meta{flex-wrap:wrap;margin-bottom:18px}.student-courses-focus h1{font-size:34px}.student-courses-focus p{max-width:none}.student-courses-focus-cta{margin-top:28px}}.student-courses-carousel-page{background:radial-gradient(circle at 64% 28%,#ffffff85,#0000 24%),linear-gradient(135deg,#82cdf8 0%,#bde9ff 58%,#e4f6ff 100%)!important;border:2px solid #0f172a!important;width:min(1180px,100vw - 32px)!important;min-height:560px!important}.student-courses-carousel-page>div:last-child{padding:12px 14px!important}.student-courses-stage{grid-template-columns:minmax(0,1fr) 188px;gap:18px;min-height:500px}.student-courses-showcase{grid-template-columns:minmax(0,1fr) 154px;gap:14px;min-height:500px;padding:44px 0 44px 38px;overflow:visible}.student-courses-focus{grid-template-columns:minmax(0,.9fr) minmax(280px,.8fr);gap:8px}.student-courses-focus:before{content:"";z-index:0;background:linear-gradient(90deg, #ffffff38, #ffffff0a), radial-gradient(circle at 78% 44%, var(--level-accent), transparent 36%);border-radius:30px;position:absolute;inset:4px 20px 0 0}@supports (color:color-mix(in lab, red, red)){.student-courses-focus:before{background:linear-gradient(90deg, #ffffff38, #ffffff0a), radial-gradient(circle at 78% 44%, color-mix(in srgb, var(--level-accent) 18%, transparent), transparent 36%)}}.student-courses-focus:before{opacity:.72;pointer-events:none}.student-courses-focus-copy{padding:30px 0 20px 18px}.student-courses-focus-meta{margin-bottom:26px}.student-courses-focus-group{font-size:20px}.student-courses-focus-level{width:42px;height:42px}.student-courses-focus h1{color:#050b16;max-width:520px;font-size:clamp(40px,4.45vw,58px);line-height:1.12}.student-courses-focus p{color:#07111f;max-width:340px;font-size:13px;font-weight:850}.student-courses-focus-cta{min-height:34px;margin-top:42px}.student-courses-focus-art{z-index:1;align-self:center;min-height:428px}.student-courses-focus-art:before{background:radial-gradient(circle at 54% 46%, #ffffffa3, transparent 38%), radial-gradient(circle at 58% 50%, var(--level-accent), transparent 58%);border-radius:48px;inset:18px -22px 22px -42px}@supports (color:color-mix(in lab, red, red)){.student-courses-focus-art:before{background:radial-gradient(circle at 54% 46%, #ffffffa3, transparent 38%), radial-gradient(circle at 58% 50%, color-mix(in srgb, var(--level-accent) 22%, white), transparent 58%)}}.student-courses-focus-art:before{filter:blur(10px)}.student-courses-focus-mascot{object-fit:contain;object-position:center bottom;border-radius:0;width:min(122%,500px);height:108%;bottom:-38px;right:-18px}.student-courses-picker{align-self:center;justify-items:stretch}.student-courses-picker-toggle{justify-self:end;margin-right:10px}.student-courses-picker-value{border:2px solid var(--level-accent);grid-template-columns:34px minmax(0,1fr);align-items:center;gap:6px;width:150px;min-height:32px;padding:3px;display:grid}@supports (color:color-mix(in lab, red, red)){.student-courses-picker-value{border:2px solid color-mix(in srgb, var(--level-accent) 58%, #fff)}}.student-courses-picker-value{color:#0f172a;cursor:pointer;text-align:left;background:#fff;border-radius:0;box-shadow:0 8px 18px #0f172a14}.student-courses-picker-value span{border:2px solid var(--level-accent);color:#0f172a;background:#fff;justify-content:center;align-items:center;height:24px;font-size:11px;font-weight:950;display:inline-flex}.student-courses-picker-value strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:10px;font-weight:950;display:block;overflow:hidden}.student-courses-picker-list{z-index:10;gap:8px;width:150px;max-height:252px;padding:0 6px 0 0;display:none;position:absolute;top:74px;right:0}.student-courses-picker.is-open .student-courses-picker-list{display:grid}.student-courses-picker.is-open .student-courses-picker-toggle .material-symbols-rounded{transform:rotate(180deg)}.student-courses-picker-item{background:#ffffffd1;grid-template-columns:34px minmax(0,1fr);min-height:30px}.student-courses-picker-item span{height:23px}.student-courses-picker-item strong{font-size:10px}.student-courses-arrow-left{left:8px}.student-courses-arrow-right{right:168px}.student-courses-carousel-page .student-courses-sidebar{min-width:0;gap:12px!important}.student-courses-carousel-page .student-courses-level-body,.student-courses-carousel-page .student-courses-registered-card{background:#e2f5ffb3!important;border:3px solid #63d947!important}.student-courses-carousel-page .student-courses-level-body{min-height:104px!important}.student-courses-carousel-page .student-courses-level-card-info{text-align:center;max-width:100%}.student-courses-carousel-page .level-card-meta{white-space:normal;line-height:1.25;display:block}.student-courses-carousel-page .student-courses-level-badge{opacity:.18;font-size:34px!important;bottom:10px!important;left:12px!important}.student-courses-carousel-page .student-courses-registered-card{min-height:300px;padding:10px!important}.student-courses-carousel-page .registered-head{grid-template-columns:1fr;align-items:stretch}.student-courses-carousel-page .registered-head h2,.student-courses-carousel-page .student-courses-all-link{text-overflow:ellipsis;justify-content:center;align-items:center;min-height:24px;display:flex;overflow:hidden}.student-courses-carousel-page .registered-head h2{font-size:11px!important}.student-courses-carousel-page .student-courses-all-link{font-size:9px!important}.student-courses-carousel-page .student-courses-registered-list{overflow-x:hidden;max-height:218px!important}.student-courses-carousel-page .student-courses-registered-item{min-height:28px}.student-courses-carousel-page .student-courses-registered-copy strong{display:block;font-size:10.5px!important}@media (width<=1100px){.student-courses-stage{grid-template-columns:minmax(0,1fr) 172px}.student-courses-showcase{grid-template-columns:minmax(0,1fr) 140px;padding-left:28px}.student-courses-focus{grid-template-columns:minmax(0,1fr) minmax(220px,.7fr)}.student-courses-focus h1{font-size:clamp(36px,4vw,48px)}.student-courses-picker-list{width:136px}.student-courses-arrow-right{right:150px}}@media (width<=980px){.student-courses-stage{grid-template-columns:1fr}.student-courses-showcase{grid-template-columns:1fr;overflow:hidden}.student-courses-focus{grid-template-columns:1fr}.student-courses-focus-copy{padding-left:0}.student-courses-focus-art{min-height:260px}.student-courses-picker-list{width:100%}.student-courses-arrow-right{right:8px}}.textbook-shared-overlay{z-index:2147482999;pointer-events:none;-webkit-backdrop-filter:blur();background:#02061700;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.textbook-shared-overlay[aria-hidden=false]{pointer-events:auto}.textbook-card-overlay-clone{z-index:2147483000;box-sizing:border-box;contain:none;transform-origin:0 0;-webkit-backdrop-filter:blur(24px)saturate(185%);background:#ffffffb3;border:1px solid #ffffff3d;flex-direction:column;padding:44px 48px;display:flex;position:fixed;overflow:visible;box-shadow:inset 0 1px #ffffffbd,inset 0 -28px 60px #2563eb2e,0 36px 120px #2563eb47}.textbook-card-overlay-clone.is-closing{overflow:hidden!important}html.dark .textbook-card-overlay-clone{background:radial-gradient(circle at 16% 12%,#60a5fa52,#0000 38%),radial-gradient(circle at 82% 86%,#2563eb38,#0000 46%),linear-gradient(135deg,#0f172ac7,#60a5fa1a 52%,#0f172a3d),#0f172ac7;border-color:#ffffff29;box-shadow:inset 0 1px #ffffff24,inset 0 -28px 60px #2563eb26,0 0 0 1px #ffffff0a,0 36px 120px #2563eb3d}.textbook-card-window-close{z-index:10;color:#172033;-webkit-backdrop-filter:blur(22px)saturate(180%);cursor:pointer;background:linear-gradient(135deg,#ffffff7a,#ffffff24),#ffffff29;border:0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,background .2s;display:flex;position:absolute;top:24px;right:24px;box-shadow:inset 0 1px #ffffff9e,0 16px 34px #0f172a2e;pointer-events:auto!important}html.dark .textbook-card-window-close{color:#fff;background:linear-gradient(135deg,#ffffff1f,#ffffff0a),#ffffff14;box-shadow:inset 0 1px #ffffff1f,0 16px 34px #0000004d}.textbook-card-window-close:hover{background:linear-gradient(135deg,#fff9,#ffffff2e),#ffffff38;transform:translateY(-2px)scale(1.06)}.textbook-card-window-close:active{transform:scale(.96)}.textbook-card-window-close .material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 760, "GRAD" 0, "opsz" 28;font-size:24px}.book-card-modal-grid{box-sizing:border-box;grid-template-columns:4.5fr 5.5fr;align-items:center;gap:clamp(32px,4vw,80px);width:100%;height:100%;display:grid;position:relative}.book-card-modal-left{text-align:left;z-index:5;flex-direction:column;order:2;justify-content:center;align-items:flex-start;width:100%;min-width:0;display:flex}.book-card-modal-left .book-tag-wrapper{align-items:center;gap:8px;margin-bottom:12px;flex-wrap:nowrap!important;display:flex!important}.book-card-modal-left .book-tag-wrapper .book-level-text{border-radius:999px;margin:0;padding:6px 12px;font-size:11px;display:inline-block}.book-card-modal-left h4{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:clamp(32px,3.5vw,44px);font-weight:850;line-height:1.05}html.dark .book-card-modal-left h4{color:#fff}.book-card-modal-left .book-main-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:13px;font-weight:600}html.dark .book-card-modal-left .book-main-title{color:#94a3b8}.book-card-modal-left .book-desc-text{color:#475569;margin-top:12px;font-size:14px;line-height:1.5}html.dark .book-card-modal-left .book-desc-text{color:#cbd5e1}.book-card-modal-left .book-expanded-details{flex-direction:column;gap:16px;width:100%;margin-top:24px;display:flex!important}.book-card-modal-left .book-expanded-stats{background:#ffffff73;border:1px solid #fff9;border-radius:16px;gap:32px;padding:14px 24px;display:flex;box-shadow:0 8px 32px #0f172a0a}html.dark .book-card-modal-left .book-expanded-stats{background:#0f172a59;border-color:#ffffff0f;box-shadow:0 8px 32px #0003}.book-card-modal-left .book-expanded-stat{flex-direction:column;display:flex}.book-card-modal-left .book-expanded-stat strong{color:#0f172a;font-size:24px;font-weight:850;line-height:1}html.dark .book-card-modal-left .book-expanded-stat strong{color:#fff}.book-card-modal-left .book-expanded-stat span{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-top:4px;font-size:11px;font-weight:600}.book-card-modal-left .book-expanded-progress{flex-direction:column;gap:6px;width:100%;display:flex}.book-card-modal-left .book-expanded-progress-row{color:#334155;justify-content:space-between;font-size:12px;font-weight:700;display:flex}html.dark .book-card-modal-left .book-expanded-progress-row{color:#cbd5e1}.book-card-modal-left .book-expanded-progress-track{background:#e2e8f0cc;border-radius:999px;width:100%;height:8px;overflow:hidden}html.dark .book-card-modal-left .book-expanded-progress-track{background:#33415599}.book-card-modal-left .book-expanded-progress-fill{background:linear-gradient(90deg,#3b82f6 0%,#1d4ed8 100%);border-radius:999px;height:100%}.book-card-modal-left .book-expanded-features-inline{flex-wrap:wrap;gap:16px;margin-top:4px;display:flex}.book-card-modal-left .book-expanded-features-inline span{color:#475569;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}html.dark .book-card-modal-left .book-expanded-features-inline span{color:#94a3b8}.book-card-modal-left .book-expanded-features-inline span .material-symbols-rounded{color:#10b981;font-size:16px}.book-card-modal-left .book-expanded-action{margin-top:6px}.book-card-modal-left .book-expanded-open-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:0;border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 20px #2563eb33}.book-card-modal-left .book-expanded-open-btn:hover{transform:translateY(-2px);box-shadow:none!important}.book-card-modal-right{z-index:2;order:1;justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex;position:relative}.book-card-modal-cover{z-index:2;border-radius:20px;flex-shrink:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:-10px 15px 30px #0f172a40,inset 0 1px #ffffff4d}.book-card-modal-cover:hover{transform:scale(1.08)rotate(0)translateY(-8px);box-shadow:-15px 25px 45px #0f172a59,inset 0 1px #fff6}.book-card-modal-cover-img{object-fit:cover;width:clamp(200px,16vw,240px);height:clamp(270px,21.5vw,320px)}.book-card-modal-mascot-wrapper{z-index:10;pointer-events:none;position:absolute;bottom:-55px;left:-60px}.book-card-modal-mascot-img{object-fit:contain;pointer-events:none;width:clamp(300px,25vw,370px);height:auto;animation:4s ease-in-out infinite floatMascotModal}@keyframes floatMascotModal{0%,to{filter:drop-shadow(-15px 20px 16px #02061766) drop-shadow(0 8px 10px rgba(var(--book-card-accent-deep), .15));transform:scale(1)translate(0)rotate(-3deg)}50%{filter:drop-shadow(-20px 28px 24px #02061773) drop-shadow(0 12px 14px rgba(var(--book-card-accent-deep), .25));transform:scale(1.02)translateY(-10px)rotate(1deg)}}@media (width<=720px){.book-card-modal-grid{flex-direction:column!important;align-items:stretch!important;gap:16px!important;width:100%!important;height:100%!important;padding-right:4px!important;display:flex!important;overflow-y:auto!important}.book-card-modal-grid::-webkit-scrollbar{width:4px}.book-card-modal-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.book-card-modal-left{flex-direction:column!important;order:2!important;justify-content:flex-start!important;align-items:stretch!important;width:100%!important;height:auto!important;padding-bottom:0!important;display:flex!important}.book-card-modal-left h4{color:#0f172a!important;letter-spacing:-.3px!important;margin:4px 0 8px!important;font-size:clamp(20px,5.5vw,25px)!important;font-weight:800!important;line-height:1.2!important}html.dark .book-card-modal-left h4{color:#fff!important}.book-card-modal-left .book-main-title{color:#64748b!important;margin-bottom:8px!important;font-size:12px!important}html.dark .book-card-modal-left .book-main-title{color:#94a3b8!important}.book-card-modal-left .book-desc-text{color:#475569!important;margin-bottom:12px!important;font-size:13px!important;line-height:1.45!important}html.dark .book-card-modal-left .book-desc-text{color:#cbd5e1!important}.book-card-modal-left .book-tag-wrapper{flex-wrap:wrap!important;align-items:center!important;gap:8px 6px!important;max-width:calc(100% - 46px)!important;margin-bottom:8px!important;display:flex!important}.book-card-modal-left .book-tag-wrapper .book-tag,.book-card-modal-left .book-tag-wrapper .book-meta-badge,.book-card-modal-left .book-tag-wrapper .book-level-text{white-space:nowrap!important;padding:4px 10px!important;font-size:10px!important}.book-card-modal-left .book-expanded-details{-webkit-backdrop-filter:blur(12px)!important;background:#ffffff47!important;border:1px solid #ffffff73!important;border-radius:12px!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:none!important;margin-top:12px!important;margin-bottom:16px!important;padding:12px 14px!important;display:flex!important;box-shadow:0 8px 24px #0f172a08!important}html.dark .book-card-modal-left .book-expanded-details{background:#0f172a3d!important;border-color:#ffffff0f!important}.book-card-modal-left .book-expanded-stats{width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;border-bottom:1px solid #0f172a0f!important;border-radius:0!important;gap:24px!important;margin:0!important;padding:0 0 10px!important;display:flex!important}html.dark .book-card-modal-left .book-expanded-stats{border-bottom-color:#ffffff14!important}.book-card-modal-left .book-expanded-stat{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;margin:0!important;padding:0!important;display:flex!important}.book-card-modal-left .book-expanded-stat strong{color:#0f172a!important;font-size:22px!important;font-weight:800!important;line-height:1.1!important}html.dark .book-card-modal-left .book-expanded-stat strong{color:#fff!important}.book-card-modal-left .book-expanded-stat span{text-transform:uppercase!important;color:#64748b!important;margin-top:1px!important;font-size:10px!important;font-weight:600!important}html.dark .book-card-modal-left .book-expanded-stat span{color:#94a3b8!important}.book-card-modal-left .book-expanded-progress{width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;gap:4px!important;margin:0!important;padding:0!important;display:flex!important}.book-card-modal-left .book-expanded-features-inline{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:16px!important;font-size:12px!important;display:flex!important}.book-card-modal-left .book-expanded-open-btn{padding:10px 20px!important;font-size:14px!important}.book-card-modal-right{display:none!important}.book-card-modal-cover{z-index:2!important;border:1px solid #ffffff26!important;border-radius:8px!important;flex-shrink:0!important;width:90px!important;height:120px!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important;box-shadow:0 10px 24px #0f172a33!important}.book-card-modal-cover .book-card-modal-cover-img{object-fit:cover!important;border-radius:8px!important;width:100%!important;height:100%!important}.book-card-modal-mascot-wrapper{z-index:1!important;order:1!important;justify-content:center!important;align-items:center!important;margin:0!important;display:flex!important;position:relative!important;bottom:auto!important;left:auto!important;transform:none!important}.book-card-modal-mascot-img{object-fit:contain!important;filter:drop-shadow(0 10px 20px #0f172a29)!important;flex-shrink:0!important;width:100px!important;height:120px!important;animation:none!important;position:relative!important;transform:none!important}.textbook-card-window-close{width:38px;height:38px;top:16px;right:16px;z-index:100!important}}@media (width>=721px) and (width<=1024px){.book-card-modal-grid{grid-template-columns:4.3fr 5.7fr!important;gap:24px!important}.book-card-modal-right{justify-content:flex-end!important}.book-card-modal-cover-img{width:180px!important;height:240px!important}.book-card-modal-mascot-wrapper{bottom:-45px!important;left:-50px!important}.book-card-modal-mascot-img{width:clamp(220px,18vw,260px)!important}.book-card-modal-left h4{font-size:28px!important}.book-card-modal-left .book-expanded-details{gap:12px!important;margin-top:18px!important}.book-card-modal-left .book-expanded-stats{gap:20px!important;padding:12px 18px!important}.textbook-card-window-close{width:40px!important;height:40px!important;top:20px!important;right:20px!important}}.book-card-hero-grid.no-cover{grid-template-columns:.8fr 1.2fr!important;align-items:center!important;gap:12px!important;inset:16px 22px 16px 20px!important}.book-card-hero-grid.no-cover .book-card-mascot-column{justify-content:center!important;align-items:center!important;height:100%!important}.book-card-hero-grid.no-cover .book-card-mascot-img{margin:0 auto;filter:drop-shadow(0 16px 24px #0f172a33)!important;width:clamp(140px,12vw,170px)!important;transform:translate(0)!important}.book-card-hero-grid.no-cover .book-card-details-right{flex-direction:column;justify-content:center;display:flex}.student-textbooks-page .book-desc-text{-webkit-line-clamp:2!important;text-overflow:ellipsis!important;color:#64748b!important;-webkit-box-orient:vertical!important;max-height:2.8em!important;margin-top:0!important;margin-bottom:0!important;font-size:13px!important;font-weight:400!important;line-height:1.4!important;display:-webkit-box!important;overflow:hidden!important}html.dark .student-textbooks-page .book-desc-text{color:#94a3b8!important}.student-textbooks-page .textbook-card-3d .book-card-details-right h4{margin:4px 0!important;font-size:clamp(18px,1.8vw,22px)!important;line-height:1.1!important}@media (width>=721px){.student-textbooks-page .book-card-hero-grid{grid-template-columns:36% 64%!important;align-content:center!important;align-items:center!important;gap:12px!important;height:100%!important;inset:0 20px 0 16px!important}.student-textbooks-page .book-card-mascot-column{justify-content:center!important;align-items:center!important;height:100%!important;max-height:100%!important;display:flex!important}.student-textbooks-page .book-card-mascot-img{filter:drop-shadow(0 22px 32px #0f172a3d)!important;pointer-events:none!important;width:clamp(200px,14vw,240px)!important;transform:translate(-38px,-44px)!important}.student-textbooks-page .book-card-hero-grid.no-cover .book-card-mascot-img{width:clamp(200px,14vw,240px)!important;transform:translate(-38px,-44px)!important}.student-textbooks-page .book-card-details-right{z-index:5!important;flex-direction:column!important;justify-content:center!important;height:100%!important;max-height:100%!important;padding-top:0!important;padding-bottom:0!important;padding-left:8px!important;display:flex!important}.student-textbooks-page .book-card-details-right h4{-webkit-line-clamp:2!important;text-overflow:ellipsis!important;color:#0f172a!important;-webkit-box-orient:vertical!important;margin:0 0 4px!important;font-size:clamp(18px,1.6vw,22px)!important;line-height:1.2!important;display:-webkit-box!important;overflow:hidden!important}html.dark .student-textbooks-page .book-card-details-right h4{color:#fff!important}.student-textbooks-page .book-card-details-right .book-tag-wrapper{margin-bottom:0!important;display:none!important}.student-textbooks-page .book-card-details-right .book-level-text{width:fit-content!important;margin-top:0!important;margin-bottom:6px!important;padding:3px 10px!important;font-size:11px!important;display:inline-block!important}.student-textbooks-page .textbook-card-3d{flex-basis:clamp(350px,24vw,420px)!important;width:clamp(350px,24vw,420px)!important;min-height:190px!important}.student-textbooks-page .textbooks-horizontal-scroll{gap:64px!important}.book-card-modal-left h4{color:#0f172a!important;letter-spacing:-.5px!important;margin:8px 0 10px!important;font-size:clamp(24px,2vw,30px)!important;font-weight:800!important;line-height:1.2!important}html.dark .book-card-modal-left h4{color:#fff!important}.book-card-modal-left .book-main-title{color:#64748b!important;margin-bottom:12px!important;font-size:14px!important;font-weight:500!important}html.dark .book-card-modal-left .book-main-title{color:#94a3b8!important}.book-card-modal-left .book-tag-wrapper{gap:8px!important;margin-bottom:16px!important}.book-card-modal-right{flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:24px!important;width:100%!important;height:100%!important;display:flex!important}.book-card-modal-cover{z-index:2!important;border:1px solid #ffffff2e!important;flex-shrink:0!important;margin:0!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important;box-shadow:0 16px 36px #0f172a42!important}html.dark .book-card-modal-cover{border-color:#ffffff1f!important}.book-card-modal-cover:hover{transform:scale(1.04)!important}.book-card-modal-mascot-img{filter:drop-shadow(0 18px 32px #0f172a38)!important;z-index:1!important;flex-shrink:0!important;width:clamp(160px,13vw,210px)!important;height:auto!important;margin:0!important;position:relative!important;transform:none!important}.book-card-modal-left .book-expanded-details{-webkit-backdrop-filter:blur(12px)!important;background:#ffffff47!important;border:1px solid #ffffff73!important;border-radius:16px!important;flex-direction:column!important;gap:14px!important;width:100%!important;max-width:380px!important;margin-top:24px!important;margin-bottom:20px!important;padding:16px 20px!important;display:flex!important;box-shadow:0 10px 30px #0f172a0a,inset 0 1px #fff9!important}html.dark .book-card-modal-left .book-expanded-details{background:#0f172a3d!important;border-color:#ffffff0f!important;box-shadow:0 10px 30px #00000029,inset 0 1px #ffffff14!important}.book-card-modal-left .book-expanded-stats{width:100%!important;max-width:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-bottom:1px solid #0f172a0f!important;border-radius:0!important;gap:32px!important;margin:0!important;padding:0 0 12px!important;display:flex!important}html.dark .book-card-modal-left .book-expanded-stats{border-bottom-color:#ffffff14!important}.book-card-modal-left .book-expanded-stat{min-width:0!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;margin:0!important;padding:0!important;display:flex!important}.book-card-modal-left .book-expanded-stat strong{color:#0f172a!important;font-size:26px!important;font-weight:800!important;line-height:1.1!important}html.dark .book-card-modal-left .book-expanded-stat strong{color:#fff!important}.book-card-modal-left .book-expanded-stat span{text-transform:uppercase!important;letter-spacing:.5px!important;color:#64748b!important;margin-top:2px!important;font-size:11px!important;font-weight:600!important}html.dark .book-card-modal-left .book-expanded-stat span{color:#94a3b8!important}.book-card-modal-left .book-expanded-progress{width:100%!important;max-width:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;gap:6px!important;margin:0!important;padding:0!important;display:flex!important}.textbook-window-active .student-textbooks-page .textbooks-horizontal-scroll{scroll-snap-type:none!important;overflow-x:hidden!important}.textbook-card-overlay-clone{will-change:transform, left, top, width, height, padding, opacity, border-radius!important}.book-card-modal-cover{will-change:transform, opacity, scale!important}.book-card-modal-mascot-img{will-change:transform, opacity!important}}.dictionary-glass-content .guest-header-content{text-align:left!important;margin-bottom:20px!important;padding-left:4px!important}.dictionary-glass-content .guest-header-content h2{clip:auto!important;white-space:normal!important;width:auto!important;height:auto!important;font-family:var(--font-sans)!important;color:var(--neutral-800,#1e293b)!important;letter-spacing:-.015em!important;border:0!important;margin:0!important;font-size:22px!important;font-weight:700!important;line-height:1.25!important;display:block!important;position:static!important;overflow:visible!important}html.dark .dictionary-glass-content .guest-header-content h2{color:#fff!important}.dictionary-glass-content .guest-header-content .dictionary-intro{font-family:var(--font-sans)!important;color:var(--neutral-600,#475569)!important;max-width:580px!important;margin:6px 0 0!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important;display:block!important}html.dark .dictionary-glass-content .guest-header-content .dictionary-intro{color:var(--neutral-400,#94a3b8)!important}.content .dictionary-page-glass{min-height:500px!important}.dictionary-search-label{color:var(--neutral-600,#475569)!important;text-align:left!important;padding-left:12px!important;font-size:13px!important;font-weight:500!important}html.dark .dictionary-search-label{color:#ffffffb3!important}.dictionary-search-form{align-items:center;gap:12px;width:100%;display:flex;margin-top:8px!important}.dictionary-search-input{flex:1;border:1.5px solid var(--neutral-300,#cbd5e1)!important;color:var(--neutral-800,#1e293b)!important;box-shadow:none!important;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") 18px/20px no-repeat!important;border-radius:99px!important;outline:none!important;padding:12px 24px 12px 48px!important;font-size:15px!important;transition:all .25s!important}html.dark .dictionary-search-input{color:#fff!important;background:#ffffff08 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") 18px/20px no-repeat!important;border-color:#ffffff1f!important}.dictionary-search-input:hover{border-color:var(--neutral-400,#94a3b8)!important}html.dark .dictionary-search-input:hover{background-color:#1e293bb3!important;border-color:#ffffff40!important}.dictionary-search-input:focus{border-color:var(--primary,#2563eb)!important;box-shadow:0 0 0 3px var(--primary-glow)!important;background-color:#fff!important}html.dark .dictionary-search-input:focus{background-color:#0003!important;border-color:#3b82f6!important}.dictionary-search-input::placeholder{color:var(--neutral-400,#94a3b8)!important}html.dark .dictionary-search-input::placeholder{color:#ffffff4d!important}.dictionary-search-btn{background:var(--primary,#2563eb)!important;color:#fff!important;cursor:pointer!important;white-space:nowrap!important;border:none!important;border-radius:99px!important;align-items:center!important;gap:6px!important;height:48px!important;padding:12px 28px!important;font-size:14px!important;font-weight:700!important;transition:all .2s!important;display:flex!important;box-shadow:0 2px 6px #2563eb26!important}html.dark .dictionary-search-btn{background:#3b82f6!important;box-shadow:0 2px 6px #3b82f633!important}.dictionary-search-btn:hover{box-shadow:none!important;background:#1d4ed8!important;transform:translateY(-1px)scale(1.02)!important}html.dark .dictionary-search-btn:hover{box-shadow:none!important;background:#2563eb!important}.dictionary-search-btn:active{transform:translateY(0)scale(.97)!important;box-shadow:0 2px 4px #2563eb1a!important}html.dark .dictionary-search-btn:active{box-shadow:0 2px 4px #3b82f61a!important}@media (width<=576px){.dictionary-search-form{gap:8px!important}.dictionary-search-input{background-position:12px!important;background-size:16px!important;padding:8px 14px 8px 38px!important;font-size:14px!important}.dictionary-search-btn{border-radius:50%!important;justify-content:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important}.dict-btn-text{display:none!important}}.dictionary-hint-mockup{text-align:left!important;color:var(--neutral-500,#64748b)!important;margin-top:8px!important;padding-left:16px!important;font-size:11.5px!important}html.dark .dictionary-hint-mockup{color:#fff6!important}.dictionary-glass-content .empty-state{border:1px solid var(--neutral-200,#e2e8f0)!important;-webkit-backdrop-filter:blur(20px)!important;background:#fffc!important;border-radius:20px!important;margin-top:24px!important;padding:32px 24px!important;box-shadow:inset 0 1px 1px #ffffff80,0 10px 30px #0000000d!important}html.dark .dictionary-glass-content .empty-state{background:#ffffff05!important;border:1px solid #ffffff14!important;box-shadow:inset 0 1px 1px #ffffff0a,0 10px 30px #00000026!important}.dictionary-glass-content .empty-state .dictionary-mascot-container{width:110px!important;height:110px!important;margin-bottom:12px!important}.dictionary-glass-content .empty-state strong{color:var(--neutral-800,#1e293b)!important;margin-top:8px!important;font-size:16px!important;font-weight:600!important}html.dark .dictionary-glass-content .empty-state strong{color:#fff!important}.student-classes-content .primary-button{transition:all .25s cubic-bezier(.4,0,.2,1)!important}.student-classes-content .primary-button:hover{box-shadow:none!important;transform:translateY(-2px)scale(1.02)!important}html.dark .student-classes-content .primary-button:hover{box-shadow:none!important}.student-classes-content .secondary-button{transition:all .25s cubic-bezier(.4,0,.2,1)!important}.student-classes-content .secondary-button:hover{box-shadow:none!important;transform:translateY(-2px)scale(1.02)!important}html.dark .student-classes-content .secondary-button:hover{box-shadow:none!important;background:#ffffff1f!important}.dictionary-glass-content .empty-state p{color:#ffffff73!important;margin:4px 0 0!important;font-size:13px!important;line-height:1.5!important}@media (width<=768px){html body .admin-page-header{text-align:left!important;align-items:flex-start!important}html body .admin-page-title,html body .admin-page-subtitle{margin-left:0;padding-left:0;text-align:left!important}html body .tcl-header-left{text-align:left;justify-content:flex-start;align-items:center}}html:not(.dark) .launchpad-card-premium.card-blue{background:linear-gradient(135deg,#eff6ffe6,#dbeafe99)!important;border:1px solid #3b82f638!important;box-shadow:0 10px 25px -10px #3b82f614,0 1px 3px #00000003!important}html:not(.dark) .launchpad-card-premium.card-blue:hover{box-shadow:none!important;background:linear-gradient(135deg,#eff6ff,#dbeafecc)!important;border-color:#3b82f673!important}html:not(.dark) .launchpad-card-premium.card-purple{background:linear-gradient(135deg,#faf5ffe6,#f3e8ff99)!important;border:1px solid #a855f738!important;box-shadow:0 10px 25px -10px #a855f714,0 1px 3px #00000003!important}html:not(.dark) .launchpad-card-premium.card-purple:hover{box-shadow:none!important;background:linear-gradient(135deg,#faf5ff,#f3e8ffcc)!important;border-color:#a855f773!important}html:not(.dark) .launchpad-card-premium.card-pink,html:not(.dark) .launchpad-card-premium.card-rose{background:linear-gradient(135deg,#fdf4f5e6,#fce7eb99)!important;border:1px solid #ec489938!important;box-shadow:0 10px 25px -10px #ec489914,0 1px 3px #00000003!important}html:not(.dark) .launchpad-card-premium.card-pink:hover,html:not(.dark) .launchpad-card-premium.card-rose:hover{box-shadow:none!important;background:linear-gradient(135deg,#fdf4f5,#fce7ebcc)!important;border-color:#ec489973!important}html:not(.dark) .launchpad-card-premium.card-teal,html:not(.dark) .launchpad-card-premium.card-cyan{background:linear-gradient(135deg,#f0fdfae6,#ccfbf199)!important;border:1px solid #14b8a638!important;box-shadow:0 10px 25px -10px #14b8a614,0 1px 3px #00000003!important}html:not(.dark) .launchpad-card-premium.card-teal:hover,html:not(.dark) .launchpad-card-premium.card-cyan:hover{box-shadow:none!important;background:linear-gradient(135deg,#f0fdfa,#ccfbf1cc)!important;border-color:#14b8a673!important}html:not(.dark) .launchpad-card-premium.card-amber,html:not(.dark) .launchpad-card-premium.card-yellow,html:not(.dark) .launchpad-card-premium.card-orange{background:linear-gradient(135deg,#fffbebe6,#fef3c799)!important;border:1px solid #f59e0b38!important;box-shadow:0 10px 25px -10px #f59e0b14,0 1px 3px #00000003!important}html:not(.dark) .launchpad-card-premium.card-amber:hover,html:not(.dark) .launchpad-card-premium.card-yellow:hover,html:not(.dark) .launchpad-card-premium.card-orange:hover{box-shadow:none!important;background:linear-gradient(135deg,#fffbeb,#fef3c7cc)!important;border-color:#f59e0b73!important}html:not(.dark) .launchpad-card-premium.card-red{background:linear-gradient(135deg,#fef2f2e6,#fee2e299)!important;border:1px solid #ef444438!important;box-shadow:0 10px 25px -10px #ef444414,0 1px 3px #00000003!important}html:not(.dark) .launchpad-card-premium.card-red:hover{box-shadow:none!important;background:linear-gradient(135deg,#fef2f2,#fee2e2cc)!important;border-color:#ef444473!important}html:not(.dark) .launchpad-card-premium.card-indigo{background:linear-gradient(135deg,#eef2ffe6,#e0e7ff99)!important;border:1px solid #4f46e538!important;box-shadow:0 10px 25px -10px #4f46e514,0 1px 3px #00000003!important}html:not(.dark) .launchpad-card-premium.card-indigo:hover{box-shadow:none!important;background:linear-gradient(135deg,#eef2ff,#e0e7ffcc)!important;border-color:#4f46e573!important}html:not(.dark) .launchpad-card-premium.card-slate{background:linear-gradient(135deg,#f8fafce6,#f1f5f999)!important;border:1px solid #64748b38!important;box-shadow:0 10px 25px -10px #64748b14,0 1px 3px #00000003!important}html:not(.dark) .launchpad-card-premium.card-slate:hover{box-shadow:none!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9cc)!important;border-color:#64748b73!important}html:not(.dark) .daily-study-card-premium{background:linear-gradient(135deg,#fffffff2,#f1f5f9b3)!important;border:1px solid #4f46e526!important;box-shadow:0 10px 30px -10px #4f46e50f,0 1px 3px #00000003!important}html:not(.dark) .daily-study-card-premium:hover{box-shadow:none!important;background:linear-gradient(135deg,#fffffffa,#f1f5f9d9)!important;border-color:#4f46e559!important}html:not(.dark) .stat-card-premium.blue{background:linear-gradient(135deg,#eff6ffd9,#dbeafe8c)!important;border:1px solid #3b82f62e!important}html:not(.dark) .stat-card-premium.blue:hover{border-color:#3b82f666!important}html:not(.dark) .stat-card-premium.indigo{background:linear-gradient(135deg,#eef2ffd9,#e0e7ff8c)!important;border:1px solid #4f46e52e!important}html:not(.dark) .stat-card-premium.indigo:hover{border-color:#4f46e566!important}html:not(.dark) .stat-card-premium.rose{background:linear-gradient(135deg,#fdf4f5d9,#fce7eb8c)!important;border:1px solid #f43f5e2e!important}html:not(.dark) .stat-card-premium.rose:hover{border-color:#f43f5e66!important}html:not(.dark) .stat-card-premium.green{background:linear-gradient(135deg,#f0fdfad9,#ccfbf18c)!important;border:1px solid #14b8a62e!important}html:not(.dark) .stat-card-premium.green:hover{border-color:#14b8a666!important}html:not(.dark) .stat-card-premium.amber{background:linear-gradient(135deg,#fffbebd9,#fef3c78c)!important;border:1px solid #f59e0b2e!important}html:not(.dark) .stat-card-premium.amber:hover{border-color:#f59e0b66!important}html:not(.dark) .launchpad-arrow{background:#0000000a!important}html:not(.dark) .launchpad-card-premium:hover .launchpad-arrow,html:not(.dark) .launchpad-arrow:hover{box-shadow:none!important;background:#00000014!important}html:not(.dark) .launchpad-card-premium.card-blue:hover .launchpad-arrow{color:#2563eb!important}html:not(.dark) .launchpad-card-premium.card-purple:hover .launchpad-arrow{color:#7c3aed!important}html:not(.dark) .launchpad-card-premium.card-pink:hover .launchpad-arrow,html:not(.dark) .launchpad-card-premium.card-rose:hover .launchpad-arrow{color:#db2777!important}html:not(.dark) .launchpad-card-premium.card-teal:hover .launchpad-arrow,html:not(.dark) .launchpad-card-premium.card-cyan:hover .launchpad-arrow{color:#0d9488!important}html:not(.dark) .launchpad-card-premium.card-amber:hover .launchpad-arrow,html:not(.dark) .launchpad-card-premium.card-yellow:hover .launchpad-arrow,html:not(.dark) .launchpad-card-premium.card-orange:hover .launchpad-arrow{color:#b45309!important}html:not(.dark) .launchpad-card-premium.card-red:hover .launchpad-arrow{color:#dc2626!important}html:not(.dark) .launchpad-card-premium.card-indigo:hover .launchpad-arrow{color:#4f46e5!important}html:not(.dark) .launchpad-card-premium.card-slate:hover .launchpad-arrow{color:#475569!important}.app-shell.full-width{grid-template-columns:1fr!important}.invisible-test-container{opacity:0;width:0;height:0;position:absolute;overflow:hidden}.auth-bottom-dock__item,.auth-bottom-dock__item:hover,.auth-bottom-dock__item:focus,.auth-bottom-dock__item:focus-visible,.auth-bottom-dock__item:active,.auth-bottom-dock__item.active,.auth-bottom-dock__item.active:hover,.auth-bottom-dock__slot:hover,.dock-item,.dock-item:hover,.dock-item.active,.dock-btn,.dock-btn:hover,.profile-menu-item,.profile-menu-item:hover,.profile-menu-item.logout-btn,.profile-menu-item.logout-btn:hover,.mobile-nav-drawer .logout-btn,.mobile-nav-drawer .logout-btn:hover,.topbar-nav-link,.topbar-nav-link:hover,.topbar-btn,.topbar-btn:hover,.detail-tabs-bar button,.detail-tabs-bar button:hover,.detail-tabs-bar button.active,.admin-tab,.admin-tab:hover,.admin-tab.active,.manager-tab,.manager-tab:hover,.manager-tab.active,.dashboard-tab,.dashboard-tab:hover,.dashboard-tab.active,.nav-tab,.nav-tab:hover,.nav-tab.active,.sub-tab,.sub-tab:hover,.sub-tab.active{box-shadow:none!important;text-shadow:none!important;-webkit-filter:none!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.review-page{max-width:680px;margin:16px auto 0}.vocab-card-actions{gap:10px;margin-top:4px;display:flex}.vocab-card-review-link-flex{flex:1;margin:0}.vocab-card-date-margin{margin:8px 0 0}.ai-helper-input-wrapper{flex-direction:column;gap:4px;width:100%;display:flex}.ai-helper-input-wrapper.compact{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ai-hint-hidden{display:none}.ai-helper-error{color:#ef4444;margin:4px 0 0;font-size:12px}.ai-result-hidden{display:none}.ai-helper-error-bottom{color:#ef4444;margin:4px 0 0;font-size:12.2px}.review-glass-content-loading{justify-content:center;align-items:center;min-height:300px;display:flex}.review-glass-content-error{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.review-loading-text{width:100%;margin:0}.review-empty-state{margin:40px 0}.review-empty-title{margin-top:12px;display:block}.review-empty-actions{margin-top:20px}.review-summary-container{text-align:center;width:100%;max-width:640px;margin:0 auto;padding:16px 0}.review-mascot-wrapper{margin-bottom:24px;position:relative}.review-mascot-img{width:120px;height:auto;margin:0 auto;animation:3s ease-in-out infinite float;display:block}.xp-badge-animated{color:#fff;background:linear-gradient(135deg,#fbbf24,#d97706);border-radius:20px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:700;animation:2s infinite pulse;display:inline-flex;position:absolute;bottom:-10px;left:55%;transform:translate(-50%);box-shadow:0 4px 14px #d9770666}.review-summary-title{font-size:26px;font-weight:900;font-family:var(--font-display);margin:0 0 8px}.review-summary-subtitle{margin:0 0 32px;font-size:15px}.review-summary-results-block{text-align:left;margin-bottom:32px}.review-summary-heading{text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:14px;font-weight:700}.review-summary-track{background:var(--neutral-100);border-radius:8px;height:16px;margin-bottom:8px;display:flex;overflow:hidden}.review-summary-bar-remembered{background:#10b981;transition:width .4s}.review-summary-bar-practice{background:#ef4444;transition:width .4s}.review-summary-legend-row{justify-content:space-between;font-size:13px;font-weight:600;display:flex}.review-summary-legend-item{align-items:center;gap:4px;display:inline-flex}.review-summary-legend-item.remembered{color:#10b981}.review-summary-legend-item.practice{color:#ef4444}.review-summary-legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.review-summary-legend-dot.remembered{background:#10b981}.review-summary-legend-dot.practice{background:#ef4444}.review-overall-block{text-align:left;border-top:1px solid #0000000f;margin-bottom:32px;padding-top:24px}.review-overall-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--neutral-500);margin:0 0 12px;font-size:14px;font-weight:700}.review-overall-track{background:var(--neutral-100);border-radius:8px;height:16px;margin-bottom:12px;display:flex;overflow:hidden}.review-overall-bar-remembered{background:#10b981}.review-overall-bar-learning{background:#f59e0b}.review-overall-bar-practice{background:#ef4444}.review-overall-bar-new{background:#64748b}.review-overall-grid{grid-template-columns:repeat(2,1fr);gap:10px 16px;font-size:12px;font-weight:600;display:grid}.review-overall-grid-item{align-items:center;gap:6px;display:flex}.review-overall-grid-dot{border-radius:2px;width:10px;height:10px;display:inline-block}.review-overall-grid-dot.remembered{background:#10b981}.review-overall-grid-dot.learning{background:#f59e0b}.review-overall-grid-dot.practice{background:#ef4444}.review-overall-grid-dot.new{background:#64748b}.review-overall-grid-label{color:var(--neutral-500)}.review-overall-grid-value{color:var(--neutral-800);margin-left:auto}.review-badge-due{color:var(--primary);background:#7c3aed0f;border:1px solid #7c3aed26;border-radius:10px;align-items:center;gap:6px;margin-bottom:24px;padding:12px 18px;font-size:14px;font-weight:600;display:inline-flex}.review-badge-icon-animated{animation:1s infinite bounce}.review-badge-done{color:#10b981;background:#10b9810f;border:1px solid #10b98126;border-radius:10px;align-items:center;gap:6px;margin-bottom:24px;padding:12px 18px;font-size:14px;font-weight:600;display:inline-flex}.review-actions-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.review-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.review-header-eyebrow{margin:0}.review-header-title{margin:4px 0 0}.review-autoplay-btn{border:1px solid var(--neutral-200);color:var(--neutral-400);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.review-autoplay-btn.active{color:var(--primary);border-color:#7c3aed33}.review-autoplay-icon{font-size:18px}.review-progress-track{background:var(--neutral-150,#e2e8f0);border-radius:3px;height:6px;margin-top:12px;margin-bottom:24px;overflow:hidden}.review-progress-bar{background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:3px;height:100%;transition:width .3s}.review-card-layout{flex-direction:column;flex:1;display:flex}.review-part-of-speech{text-transform:uppercase}.review-card-subtitle{color:var(--text-secondary);margin-bottom:16px}.review-hint-box{background:var(--neutral-50,#00000005);border:1px solid var(--neutral-150,#0000000f);color:var(--neutral-700);text-align:left;border-radius:12px;margin:16px 0;padding:14px 18px;font-size:15px;line-height:1.6}.review-hint-label{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-style:normal;font-weight:700;display:block}.review-hint-text{font-style:italic}.review-hint-translation{color:var(--neutral-500);margin:6px 0 0;font-size:13px;font-weight:500}.review-kbd-hint{opacity:.7;margin-left:4px;font-size:12px}.review-answer-block{border-top:1px solid var(--neutral-200);margin-top:24px;padding-top:20px}.review-answer-heading{color:var(--neutral-500);margin:0 0 8px;font-size:15px}.review-answer-text{margin:0 0 24px;font-size:18px;font-weight:700}.review-kbd-hint-inline{opacity:.7;margin-left:4px;font-size:11px}.review-footer-sticky{margin-top:auto}.review-progress-text{color:var(--text-secondary);font-size:13.5px;font-weight:700}.review-mode-select-container{text-align:center;flex-direction:column;gap:12px;max-width:680px;margin:0 auto;padding:20px 40px 30px;display:flex}.mode-select-title{letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:32px;font-weight:900}html:not(.dark) .mode-select-title{background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.mode-select-subtitle{color:#94a3b8;margin-bottom:24px;font-size:16px}html:not(.dark) .mode-select-subtitle{color:#64748b}.mode-select-grid{flex-direction:column;gap:20px;display:flex}.mode-select-card{text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border:1px solid #fff6;border-radius:24px;align-items:center;gap:24px;width:100%;padding:24px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 30px #00000008}.mode-select-card:hover{border-color:var(--primary);background:#fffffff2;transform:translateY(-4px)scale(1.01);box-shadow:none!important}html.dark .mode-select-card{color:#f1f5f9;background:#1e293b59;border:1px solid #ffffff14;box-shadow:0 4px 30px #0003}html.dark .mode-select-card:hover{background:#1e293bb3;border-color:#a855f7;box-shadow:none!important}.mode-icon-container{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:26px;display:flex}.bg-pink-10{color:#fda4af;background:#f43f5e26}.bg-blue-10{color:#93c5fd;background:#3b82f626}.bg-purple-10{color:#d8b4fe;background:#a855f726}.mode-select-card h3{color:#1e293b;margin:0 0 6px;font-size:18px;font-weight:800}.mode-select-card p{color:#475569;opacity:.95;margin:0;font-size:13.5px;line-height:1.5}html.dark .mode-select-card h3{color:#fff}html.dark .mode-select-card p{color:#cbd5e1;opacity:.9}.review-choices-grid{grid-template-columns:1fr;gap:12px;margin-top:24px;display:grid}.btn-choice{text-align:left;cursor:pointer;background:#fff9;border:1px solid #00000014;border-radius:14px;width:100%;padding:16px 20px;font-size:15px;font-weight:700;transition:all .2s;color:#0f172a!important}html.dark .btn-choice{background:#ffffff08;border-color:#ffffff14;color:#e2e8f0!important}.btn-choice:hover:not(:disabled){border-color:var(--primary);background:#ffffffe6}html.dark .btn-choice:hover:not(:disabled){background:#ffffff14}.btn-choice.correct{color:#10b981!important;background:#10b98126!important;border-color:#10b981!important}.btn-choice.incorrect{color:#ef4444!important;background:#ef444426!important;border-color:#ef4444!important}.review-spelling-container{flex-direction:column;gap:16px;width:100%;margin-top:24px;display:flex}.review-spelling-input{text-align:center;background:#fff9;border:1.5px solid #0000001a;border-radius:14px;width:100%;padding:16px 20px;font-size:17px;font-weight:700;transition:border-color .2s,box-shadow .2s}html.dark .review-spelling-input{color:#f8fafc;background:#0003;border-color:#ffffff14}.review-spelling-input:focus{border-color:var(--primary);outline:none}.review-spelling-input.correct{border-color:#10b981!important;box-shadow:0 0 0 3px #10b98133!important}.review-spelling-input.incorrect{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444433!important}.btn-check-spelling{width:100%;padding:16px;font-weight:800}@media (width<=768px){.review-mode-select-container{padding:24px 16px 90px}.mode-select-title{font-size:24px}.mode-select-subtitle{margin-bottom:20px;font-size:14px}.mode-select-grid{gap:12px}.mode-select-card{border-radius:18px;gap:16px;padding:14px 16px}.mode-icon-container{border-radius:12px;width:44px;height:44px;font-size:22px}.mode-select-card h3{margin-bottom:2px;font-size:15px}.mode-select-card p{font-size:12px;line-height:1.4}}.review-empty-success-icon{margin:0 auto 16px;display:block;color:#10b981!important;filter:none!important;font-size:64px!important}.dict-eyebrow{text-transform:uppercase}.dict-card-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.dict-card-title{margin:0}.dict-audio-hidden{display:none}.dict-search-wrapper{width:100%;position:relative}.dict-hint-hidden{display:none}.dict-page-container{max-width:680px;margin:16px auto 24px}.dict-spacer{height:96px}
