@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-black:#000;--color-white:#fff;--spacing:.25rem;--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--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;--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;--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}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset: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}.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}.-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-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))}.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)}.break-all{word-break:break-all}.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-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.opacity-10{opacity:.1}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.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)}.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(Lexend),local(Lexend Deca)}@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:"Lexend", var(--font-sans);--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}*{box-sizing:border-box}html,body{font-family:var(--font-sans);background:var(--neutral-50);color:var(--neutral-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}.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);-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-size:26px;font-weight:800;display:flex}.sidebar nav{gap:8px;display:grid}.sidebar a{color:#94a3b8;border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;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:1px solid var(--neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;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{box-shadow:0 0 28px var(--lp-neon-glow), 0 0 60px #0ea5e933;background:#7fff1a;transform:translateY(-1px)}.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;text-shadow:0 0 40px var(--lp-neon-glow), 0 0 80px #0ea5e926;margin-bottom:8px;font-size:clamp(36px,6vw,70px);line-height:1.1;display:block}.landing-hero h1 .neon-word{color:var(--lp-neon);text-shadow:0 0 30px var(--lp-neon-glow)}.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:0 0 40px var(--lp-neon-glow), 0 8px 24px #0006!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);text-shadow:0 0 20px var(--lp-neon-glow);font-size:36px;display:block}.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;text-shadow:0 0 30px var(--lp-neon-glow);font-size:1.15em;display:block}.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:0 0 28px var(--lp-neon-glow)!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:0 20px 40px #0006,0 0 0 1px #0ea5e926}.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:0 0 32px var(--lp-neon-glow)}.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;text-shadow:0 0 30px var(--lp-neon-glow);letter-spacing:0;margin-bottom:8px;font-size:1.2em;display:block}.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:0 0 50px var(--lp-neon-glow), 0 12px 30px #0006!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:0 12px 24px #2563eb4d!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:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}html.dark .feature-card{background:#1e293b73!important;border-color:#33415566!important;box-shadow:0 4px 6px -1px #0000001a!important}html.dark .feature-card:hover{border-color:#8b5cf64d!important;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a!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:0 12px 24px -10px #0006}.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);box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-4px)scale(1.05)}html.dark .social-icon-btn:hover{color:#0f172a;background:#38bdf8;border-color:#38bdf8;box-shadow:0 4px 12px #38bdf840}.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);box-shadow:0 6px 16px var(--primary-glow);transform:translateY(-4px)}html.dark .footer-back-to-top-btn:hover{color:#0f172a;background:#38bdf8;border-color:#38bdf8;box-shadow:0 6px 16px #38bdf840}.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-layout{grid-template-columns:minmax(0,1.94fr) minmax(300px,1fr);align-items:start;gap:28px;display:grid}.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:0 18px 32px #6366f124}.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+.student-courses-level-group{margin-top:24px}.student-courses-level-group-title{color:var(--neutral-900);font-weight:900;font-family:var(--font-display);margin-bottom:14px;font-size:18px!important}.student-courses-level-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}@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:0 12px 24px #0f172a0f}.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)}}.student-courses-level-title-wrap span{color:var(--level-accent)}@supports (color:color-mix(in lab, red, red)){.student-courses-level-title-wrap span{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}html.dark .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:0 18px 28px #0000002e}html.dark .student-courses-registered-icon{color:#93c5fd;background:linear-gradient(135deg,#3b82f638,#818cf833)}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{box-shadow:0 8px 24px #00000026}html.dark .student-courses-level-tile:hover{border-color:var(--level-accent);box-shadow:0 16px 32px #0000004d}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;background:#fff!important;transform:none!important;box-shadow:0 1px 3px #0000000d!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{color:var(--lp-neon)!important;background:#01082899!important;border-color:#ffffff4d!important;transform:translate(-3px)!important;box-shadow:0 4px 20px #00000040!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:0 0 24px var(--lp-neon-glow), 0 4px 12px #0000004d!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;background:0 0!important;border:none!important;margin-left:auto!important;padding:4px!important;transition:color .2s!important;display:flex!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,h2{font-family:var(--font-display);color:var(--neutral-900);font-weight:800}h3,h4,h5,h6{font-family:var(--font-display);color:var(--neutral-900)}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:0 4px 12px #2563eb40}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:0 6px 16px #0000000d}html.dark .secondary-button:hover{background:#ffffff26;box-shadow:0 6px 16px #0003}.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:0 6px 20px #2563eb33}.primary-button *,.secondary-button *{z-index:1;position:relative}.primary-button:before,.primary-button:after,.secondary-button:before,.secondary-button:after{content:"";pointer-events:none;z-index:0;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{background:#0000001f;width:6px;height:6px;box-shadow:-35px 8px #00000014,35px -8px #00000014,-8px -22px #0000000f,28px 22px #0000000f}.secondary-button: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{background:#fff3;box-shadow:-35px 8px #ffffff1f,35px -8px #ffffff1f,-8px -22px #ffffff14,28px 22px #ffffff14}html.dark .secondary-button:after{background:#ffffff40;box-shadow:-22px -12px #ffffff26,22px 12px #ffffff26,-12px 18px #ffffff1a,18px -18px #ffffff1a}.secondary-button:hover:before{animation:.75s ease-out forwards bubble-float-1}.secondary-button: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}.dictionary-page-glass{-webkit-backdrop-filter:blur(28px)saturate(180%)!important;background:#ffffff73!important;border:none!important;border-radius:24px!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 .dictionary-page-glass{background:#0f172a52!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;letter-spacing:.3px!important;font-family:Outfit,sans-serif!important;font-size:12.5px!important;font-weight:600!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}html.dark .dictionary-search-label{color:#ffffffb3!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}html.dark .dictionary-search-btn{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)!important;box-shadow:0 4px 12px #8b5cf64d!important}.dictionary-search-btn:hover{background:linear-gradient(135deg,#6d28d9 0%,#5b21b6 100%)!important;transform:translateY(-1px)!important;box-shadow:0 6px 20px #7c3aed66!important}html.dark .dictionary-search-btn:hover{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%)!important;box-shadow:0 6px 20px #8b5cf666!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}html.dark .dictionary-hint-mockup{color:#fff6!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}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}.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{background:var(--primary);border-radius:999px;justify-content:center;align-items:center;padding:10px 24px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;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:0 6px 16px #2563eb59}.auth-prompt-register{border:1.5px solid var(--primary);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:10px 24px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;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;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:all .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{background:#ffffff73!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{background:#0f172a8c!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{background:linear-gradient(135deg,#6d28d9 0%,#5b21b6 100%)!important;animation:.6s cubic-bezier(.25,.8,.25,1.25) forwards bubble-wobble!important;box-shadow:0 10px 25px #7c3aed73!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{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%)!important;animation:.6s cubic-bezier(.25,.8,.25,1.25) forwards bubble-wobble!important;box-shadow:0 10px 25px #8b5cf673!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{text-align:center!important;flex-direction:column!important;gap:16px!important;margin:auto -24px -24px!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){background:#059669!important;box-shadow:0 6px 16px #10b98166!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){transform:translateY(-1.5px)!important;box-shadow:0 6px 18px #10b98173!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:0 4px 10px #2563eb33}.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);border-color:#fffc!important;box-shadow:0 20px 40px -15px #00000014!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:0 12px 24px -4px #2563ebb3!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{border-color:#2563eb40!important;box-shadow:0 20px 30px -10px #2563eb2e!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{border-color:#d9770640!important;box-shadow:0 20px 30px -10px #d977062e!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{border-color:#16a34a40!important;box-shadow:0 20px 30px -10px #16a34a2e!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{border-color:#4f46e540!important;box-shadow:0 20px 30px -10px #4f46e52e!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{border-color:#e11d4840!important;box-shadow:0 20px 30px -10px #e11d482e!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;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:0 6px 14px #2563eb4d}.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;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;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;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}}.btn-filter-all:before{content:"list"}.btn-filter-due:before{content:"pending_actions"}.btn-filter-practice:before{content:"psychology"}.btn-filter-remembered:before{content:"verified"}.btn-need-practice:before{content:"close"}.btn-remembered:before{content:"check"}.btn-active-tab:before{content:"check_circle"}.btn-archived-tab:before{content:"archive"}.btn-save-class:before,.btn-save-session:before{content:"save"}.btn-join-class:before{content:"group_add"}.btn-filter-all:before,.btn-filter-due:before,.btn-filter-practice:before,.btn-filter-remembered:before,.btn-need-practice:before,.btn-remembered:before,.btn-active-tab:before,.btn-archived-tab:before,.btn-save-class:before,.btn-save-session:before,.btn-join-class:before{text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;-webkit-font-smoothing:antialiased;direction:ltr;justify-content:center;align-items:center;margin-right:8px;font-family:Material Symbols Rounded;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-flex}.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{padding-top:80px;padding-bottom:1.2rem}.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}.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:0 0 12px #7dd3fc33}.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}.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:100%!important}.launchpad-card-mascot-container{opacity:.12!important;width:120px!important}.launchpad-card-premium{min-height:auto!important;padding:20px 16px!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:all .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);border-color:#fffc!important;box-shadow:0 20px 40px -15px #00000014!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}.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{z-index:9999;background:#0f172a73;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}.global-search-modal{border-radius:var(--radius-xl);background:#fff;border:none;flex-direction:column;gap:16px;width:100%;max-width:680px;padding:24px;animation:.25s cubic-bezier(.34,1.56,.64,1) slideDown;display:flex;overflow:hidden;box-shadow:0 20px 50px #0000001f}.modal-header{color:var(--neutral-800);border-bottom:none;justify-content:space-between;align-items:center;padding-bottom:4px;display:flex}.close-modal-btn{background:var(--neutral-50);border:1px solid var(--neutral-200);cursor:pointer;width:36px;min-width:36px;height:36px;min-height:36px;color:var(--neutral-600);box-sizing:border-box;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.close-modal-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fee2e2}.global-search-trigger{box-shadow:var(--shadow-sm)}.global-search-trigger:hover{box-shadow:0 0 0 1px var(--primary-glow);border-color:var(--primary)!important;color:var(--neutral-700)!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);scrollbar-width:none;background:#f8fafc;gap:8px;padding:8px 16px;display:flex;overflow-x:auto}.widget-presets::-webkit-scrollbar{display:none}.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.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:0 6px 20px #00000014}.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)}.floating-search-pill-container.collapsed.left{border-left:none;border-top-right-radius:22px;border-bottom-right-radius:22px;transform:translate(-1px)}.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}.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}.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(130px,1fr))!important;gap:12px!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;width:100%;max-width:100%;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{background:#1e293b;border-color:#334155;box-shadow:0 4px 20px #00000040}.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:#1e293b;border-color:#1e293b}.profile-avatar-container-outer:hover{transform:scale(1.03);box-shadow:0 8px 24px #4f46e533}.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 1.6fr;align-items:start;gap:32px;display:grid}.profile-left-col,.profile-right-col{flex-direction:column;gap:32px;display:flex}.profile-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:32px;transition:transform .25s,box-shadow .25s;border:1px solid var(--neutral-200)!important}html.dark .profile-card{background:#1e293b;box-shadow:0 4px 20px #0003;border-color:#334155!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:0 6px 16px #4f46e54d}.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 .profile-card,html.dark .word-card,html.dark .saved-word-card,html.dark .launchpad-card,html.dark .daily-study-card,html.dark .profile-stat-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:#1e293b!important;border-color:#334155!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}.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;left:auto;right:0;transform:translateY(10px)}.auth-skill-popover.open{transform:translate(0)}.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);backdrop-filter:blur(16px);background:#0f172ab8!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-radius:var(--radius-md);border:1px solid var(--neutral-200);background:var(--card-bg);width:100%;color:var(--neutral-900);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{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.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:0 0 10px #ffffff40!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:0 0 20px #fff9!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;background:0 0!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:44px!important;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{transform:translateY(-1px)!important;box-shadow:0 0 25px #0ea5e999!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{background:#0284c7!important;transform:translateY(-1px)!important;box-shadow:0 6px 20px #0ea5e940!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;background:#0ea5e9!important;border-color:#0ea5e9!important;box-shadow:0 0 15px #0ea5e94d!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{transform:translateY(-1px)!important;box-shadow:0 0 20px #0ea5e980!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{transform:translateY(-1px)!important;box-shadow:0 6px 18px #0ea5e966!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{background:#0ea5e9!important;box-shadow:0 0 25px #0ea5e980!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{transform:translateY(-1px)!important;box-shadow:0 6px 18px #0ea5e966!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(25px)saturate(180%)!important;text-align:left!important;background:#01082873!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 #000000b3!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{background:#1e293b!important}.macos-browser-window.macos-window-achievements:before{background:#334155!important}html:not(.dark) .macos-browser-window.macos-window-achievements{background:#fff!important;box-shadow:0 1px 3px #0f172a08,0 30px 70px #0f172a14!important}html:not(.dark) .macos-browser-window.macos-window-achievements:before{background:var(--neutral-200,#e2e8f0)!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{background:#0284c7!important;box-shadow:0 6px 16px #0ea5e959!important}html:not(.dark) .macos-browser-window{-webkit-backdrop-filter:blur(24px)saturate(190%)!important;background:#ffffff73!important;border:1px solid #fff6!important;box-shadow:inset 0 1px #ffffffd9,0 1px 3px #0f172a08,0 30px 70px #0ea5e91a!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;background:#0ea5e9!important;border-color:#0ea5e9!important;box-shadow:0 4px 12px #0ea5e940!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{background:#0284c7!important;box-shadow:0 6px 16px #0ea5e959!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{background:#0284c7!important;box-shadow:0 6px 18px #0ea5e966!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{background:#38bdf8!important;box-shadow:0 6px 20px #0ea5e959!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;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;background:0 0!important;border:none!important;border-radius:0!important;justify-content:center!important;align-items:center!important;width:44px!important;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:0 0 10px #0ea5e966!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:0 0 10px #0ea5e933!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{background:#0284c7!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #0ea5e999!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:0 0 10px #0ea5e966!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{background:#0284c7!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #0ea5e999!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;background:0 0!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:44px!important;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{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{position:relative!important}.user-avatar-trigger-premium{cursor:pointer!important;background:#0ea5e926!important;border:1.5px solid #0ea5e966!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;transition:all .2s!important;display:flex!important;overflow:hidden!important}.user-avatar-trigger-premium:hover{border-color:#0ea5e9!important;box-shadow:0 0 12px #0ea5e94d!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;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;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;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{color:#fff!important;cursor:pointer!important;background:#3b82f6!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;font-family:Outfit,Inter,sans-serif!important;font-size:16px!important;font-weight:600!important;transition:all .2s ease-in-out!important;display:flex!important;overflow:hidden!important;box-shadow:0 2px 8px #3b82f633!important}.topbar-avatar-premium:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #3b82f659!important}.topbar-avatar-premium img{object-fit:cover!important;border-radius:50%!important;width:100%!important;height:100%!important}.topbar-avatar-wrapper{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:all .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;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{background:linear-gradient(135deg,#6366f1f2 0%,#8b5cf6f2 100%)!important;transform:translateY(-2.5px)!important;box-shadow:0 6px 20px #8b5cf673!important}.secondary-button-merged{color:#fff!important;border-radius:var(--radius-md)!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}.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:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.welcome-stat-tile-merged:hover{background:#ffffff1a!important;border-color:#ffffff29!important;transform:translateY(-2px)!important;box-shadow:0 8px 24px #0000001f!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:all .3s!important;display:flex!important;position:relative!important;box-shadow:0 4px 20px #0003!important}.welcome-tip-capsule:hover{background:#0000008c!important;transform:translateY(-1px)!important;box-shadow:0 6px 24px #0000004d!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{background:#ffffff26!important;border:1px solid #fff3!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;display:flex!important;overflow:hidden!important}.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{background:#ffffff26!important;transform:translate(-50%)translateY(-2px)!important;box-shadow:0 6px 18px #00000026!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 .tip-avatar{background:#ffffff26!important;border-color:#fff3!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,.topbar-avatar-premium{width:36px!important;height:36px!important}.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,.topbar-avatar-premium{width:32px!important;height:32px!important}.topbar-bell-wrapper .bell-badge{padding:1px 3px!important;font-size:8px!important;top:0!important;right:0!important}}.content .student-textbooks-page,.content .textbook-detail-page,.textbook-detail-page,.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{font-family:var(--font-sans);z-index:1;border-radius:var(--radius-lg);position:relative;-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#ffffff03!important;border:none!important;box-shadow:0 8px 32px #00000005!important}html.dark .content .student-textbooks-page,html.dark .content .textbook-detail-page,html.dark .textbook-detail-page,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{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px)!important;background:#0f172a03!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/background_galaxy_light.png);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/background_galaxy_dark.png)}.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-horizontal-scroll{gap:20px;padding:10px 4px 24px;display:grid;grid-template-columns:repeat(4,1fr)!important}.textbook-card-3d{border-radius:var(--radius-lg);cursor:pointer;background:#fff;border:1px solid #00000014;flex-direction:column;align-items:stretch;gap:16px;width:100%;padding:20px 18px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000005}.textbook-card-3d:hover{border-color:#00000026;transform:translateY(-4px);box-shadow:0 10px 24px #0000000d}.textbook-card-3d.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), 0 8px 24px #2563eb14;background:#fff}html.dark .textbook-card-3d{background:#0d1426a6;border-color:#ffffff14;box-shadow:0 8px 32px #0003}html.dark .textbook-card-3d:hover{background:#141e38cc;border-color:#ffffff2e;box-shadow:0 12px 36px #0000004d}html.dark .textbook-card-3d.active{background:#141e3ad9;border-color:#3b82f6;box-shadow:0 0 16px #3b82f640}html.dark .textbook-card-3d.active .action-btn-textbook{color:#60a5fa!important;background:#3b82f626!important;border:1px solid #3b82f6!important}html.dark .textbook-card-3d:not(.active) .action-btn-textbook{color:#cbd5e1!important;background:#ffffff0a!important;border:1px solid #ffffff14!important}.textbook-card-3d:not(.active) .action-btn-textbook{color:#475569!important;background:#00000008!important;border:1px solid #0000000f!important}.book-3d-cover-container{perspective:1000px;flex-shrink:0;align-self:flex-start;width:92px;height:129px;margin-top:0;margin-bottom:0;position:relative}.book-3d-cover{object-fit:cover;transform-origin:0;z-index:2;border-radius:3px 6px 6px 3px;width:100%;height:100%;transition:transform .4s;position:relative;transform:rotateY(-8deg);box-shadow:2px 4px 10px #0000001f}.textbook-card-3d:hover .book-3d-cover{transform:rotateY(-3deg)translateZ(3px)}.book-3d-spine{z-index:3;pointer-events:none;background:linear-gradient(90deg,#0003 0%,#ffffff1a 50%,#0000001a 100%);border-radius:3px 0 0 3px;width:6px;height:100%;position:absolute;top:0;left:0}.book-card-top-section{flex-direction:row;align-items:flex-start;gap:16px;width:100%;display:flex}.book-card-details-right{flex-direction:column;flex:1;min-width:0;display:flex}.book-tag-wrapper{margin-bottom:4px;display:block}.book-grade-wrapper{margin-bottom:6px;display:block}.book-card-details-right h4{color:var(--neutral-900);letter-spacing:-.2px;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:14.5px;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}html.dark .book-card-details-right h4{color:var(--neutral-50)}.book-card-bottom-section{flex-direction:column;gap:12px;width:100%;margin-top:auto;display:flex}.book-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.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{color:var(--neutral-500);margin-top:4px;margin-bottom:2px;font-size:11px;font-weight:700}html.dark .book-level-text{color:#94a3b8}.book-desc-text{color:var(--neutral-400);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:35px;margin-bottom:12px;font-size:12px;line-height:1.45;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-meta-metrics{color:var(--neutral-700);flex-direction:column;gap:5px;margin-top:auto;margin-bottom:0;font-size:11.5px;font-weight:600;display:flex}html.dark .book-meta-metrics{color:var(--neutral-300)}.book-meta-metrics .metric-item{align-items:center;gap:6px;display:flex}.book-meta-metrics .metric-item .material-symbols-rounded{color:var(--neutral-400);font-size:15px}.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:all .25s cubic-bezier(.4,0,.2,1)!important}.action-btn-textbook:hover{transform:translateY(-1px)}.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/background_galaxy_light.png) 100%/cover no-repeat;border-radius:18px;position:absolute;inset:0}html.dark .goal-galaxy-bg{opacity:.35;background:url(/mascot/background_galaxy_dark.png) 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}@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}}@media (width<=768px){.student-textbooks-page,.student-courses-page,.student-course-detail-page{padding:100px 16px 32px!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/background_galaxy_light.png) 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/background_galaxy_dark.png) 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;gap:8px!important;width:100%!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.textbooks-horizontal-scroll{grid-template-columns:1fr!important;gap:16px!important}.textbook-card-3d{text-align:left!important;flex-direction:column!important;align-items:flex-start!important;gap:16px!important;width:100%!important;padding:20px 16px!important}.book-card-top-section{align-items:flex-start!important}.book-3d-cover-container{align-self:flex-start!important;width:105px!important;height:147px!important;margin-top:0!important;margin-bottom:0!important}.book-card-details-right{text-align:left!important;align-items:flex-start!important;width:100%!important}.book-tag-wrapper,.book-grade-wrapper{text-align:left!important}.book-meta-metrics{align-items:flex-start!important}.book-card-bottom-section{align-items:flex-start!important;width:100%!important}.book-details-column{text-align:left!important;align-items:flex-start!important;width:100%!important}.book-tags-row{justify-content:flex-start!important}.book-actions-column{gap:12px!important;width:100%!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:all .3s;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 #7c3aed40!important}.review-page .study-actions .btn-remembered:hover{transform:translateY(-2px);background:var(--primary-hover,#6d28d9)!important;box-shadow:0 6px 16px #7c3aed59!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:0 8px 30px #7c3aed80}.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:0 4px 20px #a78bfa33}.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:0 8px 30px #7c3aed80}.quiz-home-btn{color:var(--text-primary,#fff);background:#ffffff12;border:1.5px solid #ffffff26}.quiz-home-btn:hover{background:#ffffff1f}.leaderboard-page{max-width:680px;min-height:100vh;margin:0 auto;padding:24px}.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:0 0 10px #f59e0b80}.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:0 8px 24px #0000000f}html.dark .leaderboard-row:hover{background:#1e293bbf;border-color:#a78bfa33;box-shadow:0 8px 24px #00000040}.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:#ffffff73!important;border:1px solid #e2e8f0cc!important;box-shadow:0 10px 30px #00000008!important}html.dark .leaderboard-widget.orbis-glass{background:#1e293b66!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:0 6px 15px #a78bfa40}.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:0 12px 40px #0000000a}html.dark .vocab-stat-card:hover{box-shadow:0 12px 40px #00000040}.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:0 8px 24px #8b5cf614}.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:0 8px 24px #f9731614}.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:0 8px 24px #10b98114}.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;text-shadow:0 0 10px #fbbf2440;font-size:38px;font-weight:900}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{color:#ffffffb3;cursor:pointer;z-index:10;background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;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:0 12px 32px #f43f5e8c}.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;background:#ffffff26!important;transform:scale(1.08)translateY(0)!important;box-shadow:0 4px 12px #ffffff0d!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}html:not(.dark) .launchpad-arrow{background:#0000000a!important}html:not(.dark) .launchpad-card-premium:hover .launchpad-arrow,html:not(.dark) .launchpad-arrow:hover{background:#00000014!important;box-shadow:0 4px 12px #00000008!important}.launchpad-card-premium.card-blue:hover .launchpad-arrow{color:#2563eb!important}.launchpad-card-premium.card-purple:hover .launchpad-arrow{color:#7c3aed!important}.launchpad-card-premium.card-pink:hover .launchpad-arrow{color:#db2777!important}.launchpad-card-premium.card-teal:hover .launchpad-arrow{color:#0d9488!important}.launchpad-card-premium.card-amber:hover .launchpad-arrow{color:#b45309!important}.launchpad-card-premium.card-red:hover .launchpad-arrow{color:#dc2626!important}.launchpad-card-premium.card-indigo:hover .launchpad-arrow{color:#4f46e5!important}.launchpad-card-premium.card-slate:hover .launchpad-arrow{color:#475569!important}.launchpad-card-premium.card-orange:hover .launchpad-arrow{color:#ea580c!important}.launchpad-card-premium.card-yellow:hover .launchpad-arrow{color:#d97706!important}.launchpad-card-premium.card-rose:hover .launchpad-arrow{color:#db2777!important}html.dark .launchpad-card-premium.card-blue:hover .launchpad-arrow{color:#60a5fa!important}html.dark .launchpad-card-premium.card-purple:hover .launchpad-arrow{color:#c084fc!important}html.dark .launchpad-card-premium.card-pink:hover .launchpad-arrow{color:#f472b6!important}html.dark .launchpad-card-premium.card-teal:hover .launchpad-arrow{color:#2dd4bf!important}html.dark .launchpad-card-premium.card-amber:hover .launchpad-arrow{color:#fbbf24!important}html.dark .launchpad-card-premium.card-red:hover .launchpad-arrow{color:#f87171!important}html.dark .launchpad-card-premium.card-indigo:hover .launchpad-arrow{color:#818cf8!important}html.dark .launchpad-card-premium.card-slate:hover .launchpad-arrow{color:#94a3b8!important}html.dark .launchpad-card-premium.card-orange:hover .launchpad-arrow{color:#fb923c!important}html.dark .launchpad-card-premium.card-yellow:hover .launchpad-arrow{color:#fbbf24!important}html.dark .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{opacity:.85!important;color:inherit!important;font-family:Inter,sans-serif!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:0 0 16px #10b98166!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{background:#ffffff26!important;transform:translateY(-2px)!important;box-shadow:0 6px 18px #00000026!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,.student-course-detail-page article,.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 .student-course-detail-page article,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,.student-course-detail-page article: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,.student-course-detail-page article: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:0 6px 16px #0f172a05;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:0 8px 20px #0000001f;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);box-shadow:0 12px 24px var(--primary-glow), 0 4px 12px #0000000d;transform:translateY(-4px)}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:0 12px 24px #8b5cf633,0 4px 12px #0003!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}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) .admin-dashboard-page.liquid-glass{border:1px solid var(--neutral-200)!important;background:#fff!important;box-shadow:0 10px 40px #0000000a,0 2px 8px #00000005!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{border-bottom:1px solid var(--neutral-200)!important;background:#f8fafc!important}.segmented-control{background:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:99px;padding:3px;display:inline-flex}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}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-rows:repeat(3,minmax(200px,240px));grid-template-columns:repeat(4,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:190px;padding:32px 28px;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{grid-area:1/1/2/3;border:1px solid #ec48994d!important}.admin-freeform-card.featured-courses{grid-area:1/3/2/4;border:1px solid #8b5cf64d!important}.admin-freeform-card.tall-users{grid-area:1/4/2/5;border:1px solid #3b82f64d!important}.admin-freeform-card.daily-quests-config{grid-area:2/1/3/2;border:1px solid #f59e0b4d!important}.admin-freeform-card.game-config{grid-area:2/2/3/4;border:1px solid #ec48994d!important}.admin-freeform-card.level-milestone-config{grid-area:2/4/3/5;border:1px solid #38bdf84d!important}.admin-freeform-card.dictionary-db{grid-area:3/1/4/2;border:1px solid #10b9814d!important}.admin-freeform-card.ai-system{grid-area:3/2/4/3;border:1px solid #ef44444d!important}.admin-freeform-card.achievements-config{grid-area:3/3/4/5;border:1px solid #fbbf244d!important}.admin-freeform-card.featured-courses:hover{border-color:#8b5cf6!important;box-shadow:0 0 20px #8b5cf673!important}.admin-freeform-card.tall-users:hover{border-color:#3b82f6!important;box-shadow:0 0 20px #3b82f673!important}.admin-freeform-card.dictionary-db:hover{border-color:#10b981!important;box-shadow:0 0 20px #10b98173!important}.admin-freeform-card.ai-system:hover{border-color:#ef4444!important;box-shadow:0 0 20px #ef444473!important}.admin-freeform-card.system-reports:hover{border-color:#ec4899!important;box-shadow:0 0 20px #ec489973!important}.admin-freeform-card.daily-quests-config:hover{border-color:#f59e0b!important;box-shadow:0 0 20px #f59e0b73!important}.admin-freeform-card.level-milestone-config:hover{border-color:#0ea5e9!important;box-shadow:0 0 20px #0ea5e973!important}.admin-freeform-card.game-config:hover{border-color:#ec4899!important;box-shadow:0 0 20px #ec489973!important}.admin-freeform-card.achievements-config:hover{border-color:#fbbf24!important;box-shadow:0 0 20px #fbbf2473!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{box-shadow:0 0 15px #3b82f633!important}html.dark .admin-freeform-card:hover{box-shadow:0 0 20px #8b5cf64d!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:24px;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:6px;width:55%;margin-top:auto;display:flex}.admin-card-title{margin:0;font-size:20px;font-weight:800;line-height:1.25;transition:color .3s}.admin-card-desc{opacity:.75;margin:0;font-size:13px;line-height:1.45;transition:color .3s}.admin-freeform-card.system-reports .admin-card-bottom-area,.admin-freeform-card.achievements-config .admin-card-bottom-area{width:65%}.admin-freeform-card.game-config .admin-card-bottom-area{width:70%}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);gap:20px}.admin-freeform-card.featured-courses,.admin-freeform-card.tall-users,.admin-freeform-card.dictionary-db,.admin-freeform-card.ai-system,.admin-freeform-card.system-reports,.admin-freeform-card.daily-quests-config,.admin-freeform-card.level-milestone-config,.admin-freeform-card.game-config{grid-area:span 1/span 1!important}.admin-freeform-card.system-reports,.admin-freeform-card.daily-quests-config{grid-column:span 2!important}}@media (width<=768px){.admin-freeform-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:16px}.admin-freeform-card{min-height:160px;padding:20px;grid-area:span 1/span 1!important}.admin-card-body{max-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;padding:24px!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:0 16px 36px -12px #00000014!important}html.dark .student-class-glass-card:hover{box-shadow:0 16px 36px -12px #00000059!important}.class-meta-section{background:#00000005!important;border:1px solid #00000008!important}html.dark .class-meta-section{background:#ffffff08!important;border-color:#ffffff0d!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)}}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}