@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,400,0,0";@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&family=Lexend:wght@300;400;500;600;700;800;900&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-500:oklch(76.9% .188 70.08);--color-emerald-500:oklch(69.6% .17 162.48);--color-rose-500:oklch(64.5% .246 16.439);--color-slate-400:oklch(70.4% .04 256.788);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-3xl:1.875rem;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-md:12px;--blur-lg:16px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.-top-6{top:calc(var(--spacing) * -6)}.top-3{top:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.bottom-20{bottom:calc(var(--spacing) * 20)}.bottom-\[-10px\]{bottom:-10px}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-\[75\%\]{left:75%}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.col-1{grid-column:1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.ml-12{margin-left:calc(var(--spacing) * 12)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.aspect-square{aspect-ratio:1}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-11{height:calc(var(--spacing) * 11)}.h-\[6px\]{height:6px}.h-full{height:100%}.min-h-\[400px\]{min-height:400px}.min-h-\[520px\]{min-height:520px}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-11{width:calc(var(--spacing) * 11)}.w-\[38px\]{width:38px}.w-\[200px\]{width:200px}.w-full{width:100%}.max-w-\[266px\]{max-width:266px}.max-w-\[340px\]{max-width:340px}.max-w-\[780px\]{max-width:780px}.max-w-\[1831px\]{max-width:1831px}.min-w-\[120px\]{min-width:120px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-3{rotate:-3deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded-\[0\.75rem\]{border-radius:.75rem}.rounded-\[8px\]{border-radius:8px}.rounded-\[12px\]{border-radius:12px}.rounded-\[20px\]{border-radius:20px}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-b-\[32px\]{border-bottom-right-radius:32px;border-bottom-left-radius:32px}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-\[\#0ea5e9\]\/30{border-color:oklab(68.4687% -.0798356 -.124464/.3)}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-\[\#0ea5e9\]{background-color:#0ea5e9}.bg-\[\#0ea5e9\]\/10{background-color:oklab(68.4687% -.0798356 -.124464/.1)}.bg-\[\#0ea5e9\]\/20{background-color:oklab(68.4687% -.0798356 -.124464/.2)}.bg-\[\#27c93f\]{background-color:#27c93f}.bg-\[\#010828\]{background-color:#010828}.bg-\[\#010828\]\/20{background-color:oklab(15.359% -.00744945 -.0675244/.2)}.bg-\[\#010828\]\/25{background-color:oklab(15.359% -.00744945 -.0675244/.25)}.bg-\[\#010828\]\/30{background-color:oklab(15.359% -.00744945 -.0675244/.3)}.bg-\[\#010828\]\/40{background-color:oklab(15.359% -.00744945 -.0675244/.4)}.bg-\[\#010828\]\/60{background-color:oklab(15.359% -.00744945 -.0675244/.6)}.bg-\[\#ff5f56\]{background-color:#ff5f56}.bg-\[\#ffbd2e\]{background-color:#ffbd2e}.bg-\[rgba\(1\,8\,40\,0\.45\)\]{background-color:#01082873}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-transparent{background-color:#0000}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#0ea5e9\]\/20{--tw-gradient-from:oklab(68.4687% -.0798356 -.124464/.2);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/40{--tw-gradient-from:#0006}@supports (color:color-mix(in lab, red, red)){.from-black\/40{--tw-gradient-from:color-mix(in oklab, var(--color-black) 40%, transparent)}}.from-black\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#0ea5e9\]\/5{--tw-gradient-to:oklab(68.4687% -.0798356 -.124464/.05);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.stroke-\[2\.2\]{stroke-width:2.2px}.stroke-\[2\.5\]{stroke-width:2.5px}.object-cover{object-fit:cover}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[52px\]{padding-inline:52px}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-\[24px\]{padding-block:24px}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.text-center{text-align:center}.text-left{text-align:left}.font-\[\'Anton\'\]{font-family:Anton}.font-\[\'Condiment\'\]{font-family:Condiment}.font-mono{font-family:var(--font-mono)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[36px\]{font-size:36px}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[\#0ea5e9\]{color:#0ea5e9}.text-\[\#010828\]{color:#010828}.text-\[\#EFF4FF\]{color:#eff4ff}.text-\[\#EFF4FF\]\/40{color:oklab(96.6562% -.00101677 -.0156363/.4)}.text-\[\#EFF4FF\]\/60{color:oklab(96.6562% -.00101677 -.0156363/.6)}.text-\[\#EFF4FF\]\/80{color:oklab(96.6562% -.00101677 -.0156363/.8)}.text-\[\#FFFFFF\]{color:#fff}.text-\[\#FFFFFF\]\/80{color:oklab(100% 0 5.96046e-8/.8)}.text-amber-500{color:var(--color-amber-500)}.text-emerald-500{color:var(--color-emerald-500)}.text-rose-500{color:var(--color-rose-500)}.text-slate-400{color:var(--color-slate-400)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.opacity-10{opacity:.1}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(14\,165\,233\,0\.3\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#0ea5e94d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_12px_rgba\(14\,165\,233\,0\.5\)\]{--tw-shadow:0 0 12px var(--tw-shadow-color,#0ea5e980);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(14\,165\,233\,0\.15\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#0ea5e926);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_24px_rgba\(0\,0\,0\,0\.3\)\,inset_0_1px_1px_rgba\(255\,255\,255\,0\.15\)\]{--tw-shadow:0 4px 24px var(--tw-shadow-color,#0000004d), inset 0 1px 1px var(--tw-shadow-color,#ffffff26);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:text-\[\#0ea5e9\]:is(:where(.group):hover *){color:#0ea5e9}.group-hover\/video\:opacity-100:is(:where(.group\/video):hover *){opacity:1}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:bg-\[\#0ea5e9\]\/35:hover{background-color:oklab(68.4687% -.0798356 -.124464/.35)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:bg-white\/12:hover{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/12:hover{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:from-\[\#0ea5e9\]:hover{--tw-gradient-from:#0ea5e9;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-\[\#0ea5e9\]:hover{--tw-gradient-to:#0ea5e9;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:text-\[\#0ea5e9\]:hover{color:#0ea5e9}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow-\[0_0_25px_rgba\(14\,165\,233\,0\.4\)\]:hover{--tw-shadow:0 0 25px var(--tw-shadow-color,#0ea5e966);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_0_25px_rgba\(14\,165\,233\,0\.35\)\]:hover{--tw-shadow:0 0 25px var(--tw-shadow-color,#0ea5e959);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (width>=40rem){.sm\:absolute{position:absolute}.sm\:relative{position:relative}.sm\:inset-0{inset:calc(var(--spacing) * 0)}.sm\:inset-auto{inset:auto}.sm\:-top-10{top:calc(var(--spacing) * -10)}.sm\:right-0{right:calc(var(--spacing) * 0)}.sm\:right-8{right:calc(var(--spacing) * 8)}.sm\:bottom-4{bottom:calc(var(--spacing) * 4)}.sm\:bottom-8{bottom:calc(var(--spacing) * 8)}.sm\:bottom-\[-14px\]{bottom:-14px}.sm\:left-0{left:calc(var(--spacing) * 0)}.sm\:left-\[80\%\]{left:80%}.sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.sm\:mb-16{margin-bottom:calc(var(--spacing) * 16)}.sm\:ml-24{margin-left:calc(var(--spacing) * 24)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:h-5{height:calc(var(--spacing) * 5)}.sm\:h-6{height:calc(var(--spacing) * 6)}.sm\:h-14{height:calc(var(--spacing) * 14)}.sm\:h-\[8px\]{height:8px}.sm\:h-auto{height:auto}.sm\:min-h-0{min-height:calc(var(--spacing) * 0)}.sm\:w-5{width:calc(var(--spacing) * 5)}.sm\:w-6{width:calc(var(--spacing) * 6)}.sm\:w-14{width:calc(var(--spacing) * 14)}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:max-w-none{max-width:none}.sm\:min-w-0{min-width:calc(var(--spacing) * 0)}.sm\:flex-initial{flex:0 auto}.sm\:translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:rounded-\[1rem\]{border-radius:1rem}.sm\:bg-transparent{background-color:#0000}.sm\:p-0{padding:calc(var(--spacing) * 0)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:px-12{padding-inline:calc(var(--spacing) * 12)}.sm\:py-0{padding-block:calc(var(--spacing) * 0)}.sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.sm\:py-20{padding-block:calc(var(--spacing) * 20)}.sm\:pt-8{padding-top:calc(var(--spacing) * 8)}.sm\:pb-0{padding-bottom:calc(var(--spacing) * 0)}.sm\:text-right{text-align:right}.sm\:text-\[12px\]{font-size:12px}.sm\:text-\[13px\]{font-size:13px}.sm\:text-\[14px\]{font-size:14px}.sm\:text-\[16px\]{font-size:16px}.sm\:text-\[28px\]{font-size:28px}.sm\:text-\[32px\]{font-size:32px}.sm\:text-\[38px\]{font-size:38px}.sm\:text-\[40px\]{font-size:40px}.sm\:text-\[44px\]{font-size:44px}.sm\:text-\[48px\]{font-size:48px}.sm\:leading-\[1\]{--tw-leading:1;line-height:1}}@media (width>=48rem){.md\:-top-16{top:calc(var(--spacing) * -16)}.md\:mb-8{margin-bottom:calc(var(--spacing) * 8)}.md\:w-\[45\%\]{width:45%}.md\:flex-row{flex-direction:row}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:px-12{padding-inline:calc(var(--spacing) * 12)}.md\:px-16{padding-inline:calc(var(--spacing) * 16)}.md\:py-24{padding-block:calc(var(--spacing) * 24)}.md\:text-\[32px\]{font-size:32px}.md\:text-\[38px\]{font-size:38px}.md\:text-\[44px\]{font-size:44px}.md\:text-\[48px\]{font-size:48px}.md\:text-\[52px\]{font-size:52px}.md\:text-\[60px\]{font-size:60px}}@media (width>=64rem){.lg\:bottom-\[-18px\]{bottom:-18px}.lg\:left-\[82\%\]{left:82%}.lg\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.lg\:ml-16{margin-left:calc(var(--spacing) * 16)}.lg\:ml-32{margin-left:calc(var(--spacing) * 32)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[10px\]{height:10px}.lg\:w-\[40\%\]{width:40%}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:items-start{align-items:flex-start}.lg\:gap-0{gap:calc(var(--spacing) * 0)}.lg\:p-10{padding:calc(var(--spacing) * 10)}.lg\:px-16{padding-inline:calc(var(--spacing) * 16)}.lg\:pt-\[16vh\]{padding-top:16vh}.lg\:pr-\[20\%\]{padding-right:20%}.lg\:text-\[36px\]{font-size:36px}.lg\:text-\[60px\]{font-size:60px}.lg\:text-\[64px\]{font-size:64px}.lg\:text-\[68px\]{font-size:68px}.lg\:text-\[\#EFF4FF\]{color:#eff4ff}.lg\:opacity-10{opacity:.1}}}@font-face{font-family:Outfit;src:local(Be Vietnam Pro),local(Be VietnamPro)}@font-face{font-family:Inter;src:local(Be Vietnam Pro),local(Be VietnamPro)}.liquid-glass{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);background:#ffffff03;border:none;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff1a}.liquid-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.liquid-glass-panel{border:none!important;position:relative!important;overflow:hidden!important}.liquid-glass-panel:before{-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source;content:""!important;border-radius:inherit!important;pointer-events:none!important;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%)!important;padding:1.4px!important;position:absolute!important;inset:0!important}:root{--font-sans:"Be Vietnam Pro", system-ui, -apple-system, sans-serif;--font-display:var(--font-sans);--text-2xs:10px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:38px;--text-5xl:48px;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--primary-glow:#2563eb26;--card-bg:#fff;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--glass-bg:#ffffffbf;--glass-border:#e2e8f0cc;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--shadow-premium:0 25px 50px -12px #0f172a14;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--content-padding-x:40px;--content-padding-y:32px}@media (width<=768px){:root{--text-2xs:9px;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:17px;--text-xl:18px;--text-2xl:21px;--text-3xl:26px;--text-4xl:32px;--text-5xl:40px}}*{box-sizing:border-box}html,body{font-family:var(--font-sans);font-size:var(--text-base);background:var(--neutral-50);color:var(--neutral-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.55;overflow-x:hidden!important}.app-shell{background:#f4f6f9;grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--neutral-900);color:#fff;border-right:1px solid #ffffff0d;flex-direction:column;padding:32px 24px;display:flex}@media (width>=1025px){.sidebar{height:100vh;position:sticky;top:0}}.sidebar h1{font-family:var(--font-display);font-size:var(--text-2xl);-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-background-clip:text;align-items:center;gap:10px;margin:0 0 32px;font-weight:800;display:flex}.sidebar nav{gap:8px;display:grid}.sidebar a{color:#94a3b8;border-radius:var(--radius-md);font-weight:500;font-size:var(--text-base);align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.sidebar a:hover{color:#fff;background:#ffffff0d}.sidebar a.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #2563eb4d}.content{padding:var(--content-padding-y) var(--content-padding-x);width:100%;max-width:1600px;margin:0 auto}.content section{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff0;padding:32px}.public-shell{background:radial-gradient(at 0 0,#38bdf812 0,#0000 50%),radial-gradient(at 100% 100%,#ec48990d 0,#0000 50%),linear-gradient(#f8fafc 0%,#f1f5f9 100%);min-height:100vh;position:relative;overflow-x:hidden}.public-shell:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#6366f10a 1px,#0000 0);background-size:24px 24px;position:absolute;inset:0}html.dark .public-shell{background:radial-gradient(at 0 0,#0ea5e926 0,#0000 50%),radial-gradient(at 100% 100%,#d946ef1a 0,#0000 50%),linear-gradient(#030712 0%,#0b0f19 100%)!important}html.dark .public-shell:before{background-image:radial-gradient(circle at 1px 1px,#6366f112 1px,#0000 0)!important}:root{--lp-bg:#010828;--lp-cream:#eff4ff;--lp-neon:#0ea5e9;--lp-neon-dim:#0ea5e926;--lp-neon-glow:#0ea5e959;--lp-glass-bg:#ffffff0a;--lp-glass-border:#ffffff1a;--lp-font-heading:"Anton", sans-serif;--lp-font-accent:"Condiment", cursive;--lp-font-body:"Space Mono", monospace}.landing-container{background:var(--lp-bg);min-height:100vh;color:var(--lp-cream);position:relative;overflow-x:hidden}.landing-starfield{pointer-events:none;z-index:0;background:radial-gradient(120% 60% at 50% -10%,#0ea5e90f 0%,#0000 70%),radial-gradient(80% 80% at 80% 110%,#2563eb14 0%,#0000 60%);position:fixed;inset:0}.landing-starfield:before,.landing-starfield:after{content:"";background-image:radial-gradient(1px 1px at 10% 20%,#fff9 0%,#0000 100%),radial-gradient(1px 1px at 30%,#fff6 0%,#0000 100%),radial-gradient(1.5px 1.5px at 55% 15%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 75% 40%,#ffffff4d 0%,#0000 100%),radial-gradient(1.5px 1.5px at 85% 70%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 20% 80%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 60% 85%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 40% 65%,#ffffff80 0%,#0000 100%),radial-gradient(1.5px 1.5px at 90% 10%,#0ea5e966 0%,#0000 100%),radial-gradient(1px 1px at 5% 45%,#0ea5e94d 0%,#0000 100%);animation:120s linear infinite lp-stars-drift;position:absolute;inset:0}.landing-starfield:after{opacity:.6;background-image:radial-gradient(1px 1px at 15% 35%,#ffffff4d 0%,#0000 100%),radial-gradient(1.5px 1.5px at 45% 25%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 65% 55%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 80% 20%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 25% 90%,#fff6 0%,#0000 100%),radial-gradient(1.5px 1.5px at 70% 75%,#0ea5e959 0%,#0000 100%),radial-gradient(1px 1px at 50% 95%,#ffffff80 0%,#0000 100%);animation:90s linear infinite reverse lp-stars-drift}@keyframes lp-stars-drift{0%{transform:translateY(0)translate(0)}to{transform:translateY(-60px)translate(20px)}}.liquid-glass{-webkit-backdrop-filter:blur(20px)saturate(160%);background:#ffffff0a;border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #00000026,0 8px 32px #0006}.landing-header{z-index:1000;border-radius:16px;justify-content:space-between;align-items:center;width:calc(100% - 48px);max-width:1200px;height:64px;padding:0 28px;transition:all .4s;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.landing-header.scrolled{top:8px;box-shadow:0 16px 48px #00000080,0 0 0 1px #0ea5e914}.landing-logo{font-family:var(--lp-font-heading);letter-spacing:.04em;color:var(--lp-cream);text-transform:uppercase;align-items:center;gap:10px;font-size:24px;text-decoration:none;display:flex}.landing-logo img{width:auto;height:30px}.landing-logo .logo-dot{color:var(--lp-neon);font-family:var(--lp-font-accent);margin-left:2px;font-size:30px;line-height:1}.landing-nav-link{font-family:var(--lp-font-heading);letter-spacing:.08em;text-transform:uppercase;color:#eff4ff99;border-radius:8px;padding:8px 14px;font-size:13px;text-decoration:none;transition:all .25s;position:relative}.landing-nav-link:after{content:"";background:var(--lp-neon);border-radius:999px;width:calc(100% - 28px);height:2px;transition:transform .25s;position:absolute;bottom:4px;left:50%;transform:translate(-50%)scaleX(0)}.landing-nav-link:hover:after{transform:translate(-50%)scaleX(1)}.lp-btn-login{font-family:var(--lp-font-heading);letter-spacing:.06em;text-transform:uppercase;color:var(--lp-cream);cursor:pointer;background:0 0;border:1px solid #eff4ff2e;border-radius:8px;padding:9px 20px;font-size:13px;text-decoration:none;transition:all .25s}.lp-btn-login:hover{background:#eff4ff14;border-color:#eff4ff4d}.lp-btn-register{font-family:var(--lp-font-heading);letter-spacing:.06em;text-transform:uppercase;color:#010828;background:var(--lp-neon);border:1px solid var(--lp-neon);box-shadow:0 0 16px var(--lp-neon-glow);cursor:pointer;border-radius:8px;padding:9px 20px;font-size:13px;text-decoration:none;transition:all .25s}.lp-btn-register:hover{background:#7fff1a;transform:translateY(-1px);box-shadow:none!important}.landing-hero{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative}.landing-hero:before{content:"";pointer-events:none;background:radial-gradient(#0ea5e90f 0%,#0000 70%);width:700px;height:700px;animation:6s ease-in-out infinite lp-pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes lp-pulse-glow{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}.lp-eyebrow{font-family:var(--lp-font-body);color:var(--lp-neon);letter-spacing:.08em;text-transform:uppercase;background:#0ea5e90f;border:1px solid #0ea5e94d;border-radius:999px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 18px;font-size:12px;animation:.8s both lp-fade-up;display:inline-flex}.lp-eyebrow .material-symbols-rounded{font-size:16px}.landing-hero h1{font-family:var(--lp-font-heading);letter-spacing:.02em;text-transform:uppercase;color:var(--lp-cream);max-width:900px;margin:0 0 16px;font-size:clamp(52px,8vw,96px);line-height:1;animation:.9s .1s both lp-fade-up}.landing-hero h1 .accent-line{font-family:var(--lp-font-accent);color:var(--lp-neon);text-transform:none;letter-spacing:.01em;-webkit-text-stroke:0px;margin-bottom:8px;font-size:clamp(36px,6vw,70px);line-height:1.1;display:block;text-shadow:none!important}.landing-hero h1 .neon-word{color:var(--lp-neon);text-shadow:none!important}.lp-neon-bar{background:var(--lp-neon);width:80px;height:3px;box-shadow:0 0 14px var(--lp-neon-glow);border-radius:999px;margin:16px auto 28px;animation:.9s .2s both lp-fade-up;display:block}.hero-subtitle{font-family:var(--lp-font-body);color:#eff4ff8c;max-width:620px;margin:0 auto 48px;font-size:clamp(13px,1.5vw,16px);line-height:1.8;animation:1s .3s both lp-fade-up}.hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:80px;animation:1s .4s both lp-fade-up;display:flex}.hero-ctas .primary-button{font-family:var(--lp-font-heading)!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#010828!important;background:var(--lp-neon)!important;box-shadow:0 0 20px var(--lp-neon-glow)!important;border:none!important;border-radius:10px!important;align-items:center!important;gap:8px!important;padding:14px 32px!important;font-size:14px!important;text-decoration:none!important;transition:all .25s!important;display:inline-flex!important}.hero-ctas .primary-button:hover{box-shadow:none!important;background:#7fff1a!important;transform:translateY(-3px)!important}.hero-ctas .secondary-button{font-family:var(--lp-font-heading)!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--lp-cream)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:0 0!important;border:1px solid #eff4ff33!important;border-radius:10px!important;align-items:center!important;gap:8px!important;padding:14px 32px!important;font-size:14px!important;text-decoration:none!important;transition:all .25s!important;display:inline-flex!important}.hero-ctas .secondary-button:hover{color:var(--lp-neon)!important;border-color:#0ea5e966!important;transform:translateY(-2px)!important}.hero-stats{flex-wrap:wrap;justify-content:center;gap:48px;animation:1s .5s both lp-fade-up;display:flex}.hero-stat{text-align:center}.hero-stat-number{font-family:var(--lp-font-heading);letter-spacing:.02em;color:var(--lp-neon);font-size:36px;display:block;text-shadow:none!important}.hero-stat-label{font-family:var(--lp-font-body);color:#eff4ff73;text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:11px;display:block}.lp-scroll-hint{opacity:.4;flex-direction:column;align-items:center;gap:8px;animation:2s ease-in-out infinite lp-bounce;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.lp-scroll-hint span{font-family:var(--lp-font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--lp-cream);font-size:10px}.lp-scroll-hint .material-symbols-rounded{color:var(--lp-neon);font-size:20px}@keyframes lp-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.lp-section{z-index:2;max-width:1160px;margin:0 auto;padding:100px 24px;position:relative}.lp-section-full{z-index:2;background:#ffffff04;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:100px 24px;position:relative}.lp-section-header{text-align:center;margin-bottom:70px}.lp-section-eyebrow{font-family:var(--lp-font-body);color:var(--lp-neon);text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px;font-size:11px;display:block}.lp-section-title{font-family:var(--lp-font-heading);letter-spacing:.03em;text-transform:uppercase;color:var(--lp-cream);margin:0 0 20px;font-size:clamp(32px,5vw,56px);line-height:1.05}.lp-section-title .cursive-accent{font-family:var(--lp-font-accent);color:var(--lp-neon);text-transform:none;letter-spacing:0;font-size:1.15em;display:block;text-shadow:none!important}.lp-section-subtitle{font-family:var(--lp-font-body);color:#eff4ff73;max-width:560px;margin:0 auto;font-size:13px;line-height:1.9}.lp-neon-divider{background:var(--lp-neon);width:60px;height:2px;box-shadow:0 0 12px var(--lp-neon-glow);border-radius:999px;margin:20px auto 0}.landing-search-section{z-index:2;max-width:820px;margin:0 auto;padding:0 24px 100px;position:relative}.landing-search-card{border-radius:20px;padding:48px;transition:box-shadow .4s;position:relative;overflow:hidden}.landing-search-card:before{content:"";background:linear-gradient(90deg, transparent, var(--lp-neon), transparent);opacity:.7;height:2px;position:absolute;top:0;left:0;right:0}.landing-search-card .lp-section-eyebrow{margin-bottom:12px}.landing-search-card h3{font-family:var(--lp-font-heading);letter-spacing:.04em;text-transform:uppercase;color:var(--lp-cream);margin:0 0 10px;font-size:28px}.landing-search-card .dictionary-intro{font-family:var(--lp-font-body);color:#eff4ff73;margin:0 0 28px;font-size:12px;line-height:1.8}.landing-search-card .dictionary-search-row{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:12px;transition:border-color .25s,box-shadow .25s;display:flex;background:#ffffff0d!important;border:1px solid #0ea5e940!important;border-radius:12px!important;padding:6px 6px 6px 20px!important}.landing-search-card .dictionary-search-row input{outline:none;flex:1;box-shadow:none!important;font-family:var(--lp-font-body)!important;color:var(--lp-cream)!important;background:0 0!important;border:none!important;padding:0!important;font-size:14px!important}.landing-search-card .dictionary-search-row input::placeholder{color:#eff4ff4d!important}.landing-search-card .dictionary-search-row button{white-space:nowrap;font-family:var(--lp-font-heading)!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#010828!important;background:var(--lp-neon)!important;box-shadow:0 0 16px var(--lp-neon-glow)!important;border:none!important;border-radius:8px!important;padding:12px 24px!important;font-size:12px!important;transition:all .25s!important}.landing-search-card .dictionary-search-row button:hover{box-shadow:none!important;background:#7fff1a!important}.landing-search-card .dictionary-search-row button:disabled{opacity:.6!important;cursor:not-allowed!important}.save-word-panel{background:#0ea5e90a;border:1px solid #0ea5e926;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:20px 24px;display:flex}.save-word-panel p{font-family:var(--lp-font-body);color:#eff4ff8c;align-items:flex-start;gap:8px;margin:0;font-size:12px;line-height:1.7;display:flex}.save-word-panel .primary-button{white-space:nowrap;font-family:var(--lp-font-heading)!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#010828!important;background:var(--lp-neon)!important;box-shadow:0 0 14px var(--lp-neon-glow)!important;border:none!important;border-radius:8px!important;padding:10px 22px!important;font-size:12px!important;text-decoration:none!important}.landing-features{z-index:2;max-width:1160px;margin:0 auto;padding:100px 24px;position:relative}@media (width<=900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.features-grid{grid-template-columns:1fr}}.feature-card{cursor:default;border-radius:18px;flex-direction:column;gap:16px;padding:32px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;position:absolute;top:0;left:0;right:0}.feature-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px #00000080,0 0 0 1px #0ea5e926,inset 0 1px #ffffff26!important}@media (width<=580px){.feature-card--double{grid-column:span 1}}.feature-card--indigo{box-shadow:inset 0 0 60px #6366f10d}.feature-card--emerald{box-shadow:inset 0 0 60px #10b9810d}.feature-card--violet{box-shadow:inset 0 0 60px #8b5cf60d}.feature-card--amber{box-shadow:inset 0 0 60px #f59e0b0d}.feature-card--rose{box-shadow:inset 0 0 60px #f43f5e0d}.feature-card--cyan{box-shadow:inset 0 0 60px #06b6d40d}.feature-card:after{content:"";opacity:0;border-radius:0 0 18px 18px;width:100%;height:3px;transition:opacity .3s;position:absolute;bottom:0;left:0}.feature-card:hover:after{opacity:1}.feature-card h4{font-family:var(--lp-font-heading);letter-spacing:.04em;text-transform:uppercase;color:var(--lp-cream);margin:0;font-size:18px}.feature-card p{font-family:var(--lp-font-body);color:#eff4ff73;margin:0;font-size:12px;line-height:1.8}.bento-badge{font-family:var(--lp-font-body);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:9px;font-weight:700}.landing-steps{z-index:2;background:#ffffff05;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:100px 24px;position:relative}@media (width<=900px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.steps-grid{grid-template-columns:1fr}}.steps-grid:before{content:"";z-index:0;background:linear-gradient(90deg,#0000,#0ea5e933,#0ea5e966,#0ea5e933,#0000);width:calc(75% - 20px);height:1px;position:absolute;top:52px;left:calc(12.5% + 10px)}@media (width<=900px){.steps-grid:before{display:none}}.step-item{text-align:center;z-index:1;border-radius:18px;padding:36px 24px 32px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;position:relative}.step-item:hover{transform:translateY(-6px);box-shadow:none!important}.step-number{border:2px solid var(--lp-neon);width:52px;height:52px;color:var(--lp-neon);font-family:var(--lp-font-heading);letter-spacing:.02em;box-shadow:0 0 20px var(--lp-neon-dim), inset 0 0 16px #0ea5e90f;z-index:2;background:0 0;background:var(--lp-bg);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:22px;transition:all .3s;display:flex;position:relative}.step-item:hover .step-number{background:var(--lp-neon);color:#010828;box-shadow:none!important}.step-item h5{font-family:var(--lp-font-heading);letter-spacing:.06em;text-transform:uppercase;color:var(--lp-cream);margin:0 0 12px;font-size:17px}.step-item p{font-family:var(--lp-font-body);color:#eff4ff66;margin:0;font-size:12px;line-height:1.8}.landing-cta-section{z-index:2;max-width:960px;margin:0 auto;padding:60px 24px 120px;position:relative}.cta-box{text-align:center;border-radius:24px;padding:80px 48px;position:relative;overflow:hidden}.cta-box:before{content:"";background:linear-gradient(90deg, transparent, var(--lp-neon), transparent);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.cta-box:after{content:"";pointer-events:none;background:radial-gradient(#0ea5e91f 0%,#0000 70%);width:400px;height:200px;position:absolute;bottom:-80px;left:50%;transform:translate(-50%)}.cta-box .lp-section-title{font-size:clamp(28px,4.5vw,52px)}.cta-box .cursive-line{font-family:var(--lp-font-accent);color:var(--lp-neon);text-transform:none;letter-spacing:0;margin-bottom:8px;font-size:1.2em;display:block;text-shadow:none!important}.cta-box p{font-family:var(--lp-font-body);color:#eff4ff80;max-width:560px;margin:0 auto 40px;font-size:13px;line-height:1.9}.cta-box .primary-button{font-family:var(--lp-font-heading)!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#010828!important;background:var(--lp-neon)!important;box-shadow:0 0 30px var(--lp-neon-glow)!important;border:none!important;border-radius:12px!important;align-items:center!important;gap:10px!important;padding:16px 40px!important;font-size:14px!important;text-decoration:none!important;transition:all .25s!important;display:inline-flex!important}.cta-box .primary-button:hover{box-shadow:none!important;transform:translateY(-3px)!important}.landing-footer{z-index:10;box-sizing:border-box;background:#0000004d;border-top:1px solid #ffffff0d;flex-direction:column;gap:60px;padding:80px 40px 40px;display:flex;position:relative}@keyframes lp-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.lp-animate{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.lp-animate.visible{opacity:1;transform:translateY(0)}.lp-animate-delay-1{transition-delay:.1s}.lp-animate-delay-2{transition-delay:.2s}.lp-animate-delay-3{transition-delay:.3s}.lp-animate-delay-4{transition-delay:.4s}.lp-animate-delay-5{transition-delay:.5s}.liquid-glass .dictionary-search-row input,.liquid-glass input{color:var(--lp-cream)!important}.lp-orbit{pointer-events:none;border:1px solid #0ea5e912;border-radius:50%;animation:40s linear infinite lp-rotate-slow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lp-orbit-1{width:500px;height:500px;animation-duration:40s}.lp-orbit-2{border-color:#0ea5e90a;width:750px;height:750px;animation-duration:65s;animation-direction:reverse}.lp-orbit-3{border-color:#0ea5e906;width:1000px;height:1000px;animation-duration:90s}@keyframes lp-rotate-slow{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.landing-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:0 0 var(--radius-md) var(--radius-md);background:#ffffffb3;border-bottom:1px solid #e2e8f080;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;position:sticky;top:0}.landing-logo{font-family:var(--font-display);color:var(--neutral-900);align-items:center;gap:8px;font-size:24px;font-weight:900;text-decoration:none;display:flex}.landing-logo span.material-symbols-rounded{color:var(--primary);font-size:26px}.landing-nav{align-items:center;gap:24px;display:flex}.landing-nav-link{color:var(--neutral-600);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.landing-nav-link:hover{color:var(--primary)}.landing-auth-buttons{align-items:center;gap:12px;display:flex}.landing-hero{text-align:center;max-width:1000px;margin:0 auto;padding:100px 24px 60px;position:relative}.landing-badge{color:var(--primary);-webkit-backdrop-filter:blur(8px);background:#2563eb12;border:1px solid #2563eb26;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #2563eb0d}html.dark .landing-badge{color:#38bdf8!important;background:#0ea5e91a!important;border-color:#0ea5e933!important}.landing-hero h1{font-family:var(--font-display);color:var(--neutral-900);letter-spacing:-.03em;margin:0 0 24px;font-size:clamp(36px,6vw,54px);font-weight:900;line-height:1.15}.landing-hero h1 span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#2563eb 0%,#06b6d4 100%);-webkit-background-clip:text}.landing-hero p.hero-subtitle{color:var(--neutral-600);max-width:720px;margin:0 auto 40px;font-size:19px;line-height:1.65}.hero-ctas{justify-content:center;align-items:center;gap:18px;margin-bottom:80px;display:flex}.hero-ctas .primary-button{border-radius:999px!important;padding:14px 28px!important;font-size:16px!important;transition:transform .2s,box-shadow .2s!important;box-shadow:0 8px 20px #2563eb33!important}.hero-ctas .primary-button:hover{transform:translateY(-2px);box-shadow:none!important}.hero-ctas .secondary-button{-webkit-backdrop-filter:blur(8px);border:1px solid var(--neutral-300)!important;background:#fff9!important;border-radius:999px!important;padding:14px 28px!important;font-size:16px!important;transition:transform .2s,background-color .2s!important}.hero-ctas .secondary-button:hover{transform:translateY(-2px);background:#fffc!important}html.dark .hero-ctas .secondary-button{background:#0f172a99!important;border-color:#334155cc!important}html.dark .hero-ctas .secondary-button:hover{background:#0f172acc!important}.landing-search-section{max-width:840px;margin:0 auto 90px;padding:0 24px}.landing-search-card{-webkit-backdrop-filter:blur(16px)saturate(180%);border-radius:var(--radius-xl);text-align:left;background:#ffffffb3;border:1px solid #e2e8f0cc;padding:40px;box-shadow:0 15px 35px -10px #0000000d,0 5px 15px -5px #00000005,inset 0 1px #fff9}html.dark .landing-search-card{background:#0f172a99!important;border-color:#33415580!important;box-shadow:0 15px 35px -10px #0000004d,inset 0 1px #ffffff0d!important}.landing-search-card h3{font-family:var(--font-display);margin:0 0 12px;font-size:26px;font-weight:800}.landing-search-card .dictionary-search-row{border:1px solid var(--neutral-300);background:#fff;border-radius:999px;align-items:center;gap:12px;padding:6px 6px 6px 18px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:inset 0 2px 4px #00000005}.landing-search-card .dictionary-search-row:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb26,inset 0 2px 4px #00000005}.landing-search-card .dictionary-search-row input{flex:1;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;font-size:16px!important}.landing-search-card .dictionary-search-row button{box-shadow:none!important;border-radius:999px!important;margin:0!important;padding:12px 28px!important;font-weight:700!important}html.dark .landing-search-card .dictionary-search-row{background:#0f172acc!important;border-color:#334155cc!important}.landing-features{max-width:1140px;margin:0 auto;padding:60px 24px 90px}.section-title{text-align:center;margin-bottom:56px}.section-title h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 16px;font-size:38px;font-weight:800}.section-title p{color:var(--neutral-600);max-width:600px;margin:0 auto;font-size:17px}.features-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}@media (width<=960px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.features-grid{grid-template-columns:1fr}}.feature-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);background:#fff9;border:1px solid #e2e8f0cc;flex-direction:column;gap:18px;padding:32px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003}.feature-card:after{content:"";background:0 0;width:100%;height:4px;transition:background .3s;position:absolute;top:0;left:0}.feature-card--indigo:after{background:linear-gradient(90deg,#6366f1,#4f46e5)}.feature-card--emerald:after{background:linear-gradient(90deg,#10b981,#059669)}.feature-card--violet:after{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.feature-card--amber:after{background:linear-gradient(90deg,#f59e0b,#d97706)}.feature-card--rose:after{background:linear-gradient(90deg,#f43f5e,#e11d48)}.feature-card--cyan:after{background:linear-gradient(90deg,#06b6d4,#0891b2)}.feature-card--double{grid-column:span 2}@media (width<=640px){.feature-card--double{grid-column:span 1}}.feature-card:hover{border-color:#6366f140;transform:translateY(-6px);box-shadow:none!important}html.dark .feature-card{background:#1e293b73!important;border-color:#33415566!important;box-shadow:0 4px 6px -1px #0000001a!important}html.dark .feature-card:hover{box-shadow:none!important;border-color:#8b5cf64d!important}.feature-icon-wrapper{border-radius:var(--radius-md);justify-content:center;align-items:center;width:52px;height:52px;transition:transform .3s;display:flex}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1)rotate(5deg)}.feature-card--indigo .feature-icon-wrapper{color:#6366f1;background:#6366f114}.feature-card--emerald .feature-icon-wrapper{color:#10b981;background:#10b98114}.feature-card--violet .feature-icon-wrapper{color:#8b5cf6;background:#8b5cf614}.feature-card--amber .feature-icon-wrapper{color:#f59e0b;background:#f59e0b14}.feature-card--rose .feature-icon-wrapper{color:#f43f5e;background:#f43f5e14}.feature-card--cyan .feature-icon-wrapper{color:#06b6d4;background:#06b6d414}html.dark .feature-card--indigo .feature-icon-wrapper{color:#818cf8;background:#6366f126}html.dark .feature-card--emerald .feature-icon-wrapper{color:#34d399;background:#10b98126}html.dark .feature-card--violet .feature-icon-wrapper{color:#a78bfa;background:#8b5cf626}html.dark .feature-card--amber .feature-icon-wrapper{color:#fbbf24;background:#f59e0b26}html.dark .feature-card--rose .feature-icon-wrapper{color:#fb7185;background:#f43f5e26}html.dark .feature-card--cyan .feature-icon-wrapper{color:#22d3ee;background:#06b6d426}.feature-card h4{font-family:var(--font-display);margin:0;font-size:19px;font-weight:700}.feature-card p{color:var(--neutral-600);margin:0;font-size:14.5px;line-height:1.55}.feature-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.bento-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700}.bento-badge--emerald{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.bento-badge--violet{color:#8b5cf6;background:#8b5cf61a;border:1px solid #8b5cf633}.bento-badge--cyan{color:#06b6d4;background:#06b6d41a;border:1px solid #06b6d433}.landing-steps{color:#fff;background:#090d16;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08;padding:90px 24px;position:relative}html.dark .landing-steps{background:#020617!important}.steps-container{max-width:1000px;margin:0 auto}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;margin-top:56px;display:grid;position:relative}.step-item{text-align:center;border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff0d;padding:36px 24px;transition:transform .3s,background-color .3s,border-color .3s;position:relative}.step-item:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-5px);box-shadow:none!important}.step-number{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 24px;font-size:20px;font-weight:800;display:flex;box-shadow:0 0 20px #2563eb4d}.step-item h5{font-family:var(--font-display);color:#fff;margin:0 0 12px;font-size:19px;font-weight:700}.step-item p{color:#94a3b8;margin:0;font-size:14.5px;line-height:1.5}.landing-cta-section{max-width:940px;margin:90px auto;padding:0 24px}.cta-box{-webkit-backdrop-filter:blur(12px);color:#fff;border-radius:var(--radius-xl);text-align:center;background:linear-gradient(135deg,#1e293be6 0%,#0f172ae6 100%);border:1px solid #ffffff14;padding:70px 40px;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px #0000004d,0 0 50px -10px #6366f126}html.dark .cta-box{background:linear-gradient(135deg,#1e293b73 0%,#0f172a73 100%)!important;border-color:#ffffff0d!important;box-shadow:0 20px 40px -15px #00000080,0 0 50px -10px #8b5cf626!important}.cta-box h2{font-family:var(--font-display);color:#fff;margin:0 0 20px;font-size:38px;font-weight:800}.cta-box p{color:#cbd5e1;max-width:640px;margin:0 auto 36px;font-size:18px;line-height:1.65}.landing-footer{border-top:1px solid var(--neutral-200);padding:80px var(--content-padding-x) 40px;z-index:10;box-sizing:border-box;background:#fff;flex-direction:column;gap:60px;display:flex;position:relative}html.dark .landing-footer{background:#090d16!important;border-top-color:#ffffff0d!important}.footer-newsletter-section{border-bottom:1px solid var(--neutral-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding-bottom:40px;display:flex}html.dark .footer-newsletter-section{border-bottom-color:#ffffff0d}.newsletter-content{text-align:left;max-width:500px}.newsletter-content h3{font-family:var(--font-display);color:var(--neutral-900);align-items:center;gap:10px;margin:0 0 8px;font-size:20px;font-weight:800;display:flex}html.dark .newsletter-content h3{color:#f1f5f9}.newsletter-content h3 .material-symbols-rounded{color:var(--primary);font-size:24px}html.dark .newsletter-content h3 .material-symbols-rounded{color:#38bdf8}.newsletter-content p{color:var(--neutral-600);margin:0;font-size:14.5px;line-height:1.5}html.dark .newsletter-content p{color:#94a3b8}.newsletter-form{gap:12px;width:100%;max-width:480px;display:flex}.newsletter-form input{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);color:var(--neutral-900);outline:none;flex-grow:1;padding:12px 18px;font-size:14px;transition:all .3s}html.dark .newsletter-form input{color:#f8fafc;background:#0f172a66;border-color:#334155}.newsletter-form input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background:#fff}html.dark .newsletter-form input:focus{background:#0f172a99;border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf826}.newsletter-btn{justify-content:center!important;padding:12px 24px!important;font-size:14px!important}.footer-container{text-align:left;grid-template-columns:2fr repeat(4,1fr);gap:40px;display:grid}.footer-brand-column{flex-direction:column;gap:20px;display:flex}.footer-logo{align-self:flex-start;transition:opacity .2s}.footer-logo:hover{opacity:.85}.footer-description{color:var(--neutral-600);max-width:360px;margin:0;font-size:14px;line-height:1.6}html.dark .footer-description{color:#94a3b8}.footer-contact-info{flex-direction:column;gap:12px;display:flex}.footer-contact-item{color:var(--neutral-600);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.5;display:flex}html.dark .footer-contact-item{color:#94a3b8}.footer-contact-item .icon{color:var(--primary);justify-content:center;align-items:center;margin-top:2px;display:flex}html.dark .footer-contact-item .icon{color:#38bdf8}.footer-contact-item .icon .material-symbols-rounded{font-size:18px}.footer-badges{margin-top:4px}.bocongthuong-badge{transition:transform .25s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.bocongthuong-badge:hover{transform:scale(1.05)translateY(-2px)}.footer-socials{gap:12px;margin-top:8px;display:flex}.social-icon-btn{border:1px solid var(--neutral-200);width:38px;height:38px;color:var(--neutral-600);background:var(--neutral-50);border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}html.dark .social-icon-btn{color:#94a3b8;background:#0f172a33;border-color:#334155}.social-icon-btn:hover{border-color:var(--primary);color:#fff;background:var(--primary);transform:translateY(-4px)scale(1.05);box-shadow:none!important}html.dark .social-icon-btn:hover{color:#0f172a;background:#38bdf8;border-color:#38bdf8;box-shadow:none!important}.social-icon-btn svg{display:block}.footer-links-column{flex-direction:column;gap:18px;display:flex}.footer-links-column h5{font-family:var(--font-display);color:var(--neutral-900);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:13.5px;font-weight:800}html.dark .footer-links-column h5{color:#f1f5f9}.footer-links-column ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-links-column ul li a{color:var(--neutral-600);font-size:14px;font-weight:500;text-decoration:none;transition:all .25s;display:inline-block}html.dark .footer-links-column ul li a{color:#94a3b8}.footer-links-column ul li a:hover{color:var(--primary);transform:translate(4px)}html.dark .footer-links-column ul li a:hover{color:#38bdf8}.footer-bottom{border-top:1px solid var(--neutral-200);padding-top:32px;position:relative}html.dark .footer-bottom{border-top-color:#ffffff0d}.footer-bottom-inner{flex-wrap:wrap;align-items:center;gap:24px;display:flex;justify-content:center!important}.footer-bottom p{color:var(--neutral-500);margin:0;font-size:13.5px;text-align:center!important}html.dark .footer-bottom p{color:#64748b}.footer-payment-methods{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.payment-label{color:var(--neutral-500);font-size:13px;font-weight:500}html.dark .payment-label{color:#64748b}.payment-icons{align-items:center;gap:8px;display:flex}.payment-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;background-color:var(--neutral-100);border:1px solid var(--neutral-200);opacity:.7;border-radius:4px;width:38px;height:24px;transition:all .25s;display:inline-block}html.dark .payment-icon{opacity:.6;background-color:#1e293b80;border-color:#334155}.payment-icon:hover{opacity:1;box-shadow:var(--shadow-sm);background-color:#fff;transform:translateY(-2px)}html.dark .payment-icon:hover{background-color:#1e293bcc}.mtm-visa{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 15\"><path d=\"M0 0h24v15H0z\" fill=\"%23fff\"/><path d=\"M9.3 10.6l1-5.7H8.6L7.6 9c-.2-.7-.8-2.6-.8-2.6l-.8-.8H3.7v.3c.7.2 1.4.5 1.9.8.3.1.4.3.3.7l-1 5.2h1.8l1.1-6.1L9 10.6h1.7zM14.6 5h-1.4c-.4 0-.7.3-.9.6l-2.5 5h1.8l.4-1h2.2l.2 1H16l-1.4-5.6zm-.9 3.2l.8-2 .4 2h-1.2zm3.3.4c.1-.5.5-.8 1-1h.2c.4 0 .7.1.8.3.1.2 0 .4-.2.5-.2.1-.5.1-.8.2-.5.1-.9.4-.8 1a1 1 0 0 0 1 1h.1c.4 0 .8-.2 1-.4l-.3-1c-.2.2-.4.3-.7.3a.4.4 0 0 1-.4-.4zm4.1-3.6h-1.4c-.3 0-.5.2-.6.4l-1.8 4.2.8.8 1.9-4.9.4.5.3 4h1.7l-.9-5z\" fill=\"%231A1F71\"/></svg>")}.mtm-mastercard{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 15\"><path d=\"M0 0h24v15H0z\" fill=\"%23fff\"/><circle cx=\"10\" cy=\"7.5\" r=\"5\" fill=\"%23EB001B\" opacity=\".85\"/><circle cx=\"14\" cy=\"7.5\" r=\"5\" fill=\"%23FF5F00\" opacity=\".85\"/></svg>")}.mtm-momo{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 15\"><rect width=\"24\" height=\"15\" rx=\"3\" fill=\"%23A50064\"/><text x=\"12\" y=\"9.5\" fill=\"%23fff\" font-family=\"sans-serif\" font-size=\"6\" font-weight=\"bold\" text-anchor=\"middle\">MoMo</text></svg>")}.mtm-vnpay{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 15\"><rect width=\"24\" height=\"15\" rx=\"3\" fill=\"%23005aab\"/><text x=\"12\" y=\"9.5\" fill=\"%23fff\" font-family=\"sans-serif\" font-size=\"6\" font-weight=\"bold\" text-anchor=\"middle\">VNPAY</text></svg>")}.mtm-shopeepay{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 15\"><rect width=\"24\" height=\"15\" rx=\"3\" fill=\"%23ee4d2d\"/><text x=\"12\" y=\"9.5\" fill=\"%23fff\" font-family=\"sans-serif\" font-size=\"5\" font-weight=\"bold\" text-anchor=\"middle\">ShopeePay</text></svg>")}.footer-back-to-top-btn{bottom:30px;right:var(--content-padding-x);background:var(--neutral-100);border:1px solid var(--neutral-200);width:44px;height:44px;color:var(--neutral-600);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:50%;outline:none;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute}html.dark .footer-back-to-top-btn{color:#cbd5e1;background:#1e293b;border-color:#334155;box-shadow:0 4px 12px #0000004d}.footer-back-to-top-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-4px);box-shadow:none!important}html.dark .footer-back-to-top-btn:hover{color:#0f172a;background:#38bdf8;border-color:#38bdf8;box-shadow:none!important}.footer-back-to-top-btn .material-symbols-rounded{font-size:20px}.landing-footer.compact{padding-top:40px}@media (width<=1024px){.footer-container{grid-template-columns:1fr 1fr;gap:32px}.footer-brand-column{grid-column:span 2}.footer-newsletter-section{flex-direction:column;align-items:stretch}.newsletter-form{max-width:100%}}@media (width<=768px){.landing-footer{text-align:center}.footer-newsletter-section{text-align:center;flex-direction:column;align-items:center}.newsletter-content{text-align:center}.newsletter-content h3{justify-content:center}.newsletter-form{justify-content:center;width:100%}.footer-brand-column{text-align:center;align-items:center}.footer-logo{align-self:center}.footer-contact-item{text-align:center;justify-content:center}.footer-socials{justify-content:center}.footer-links-column{text-align:center;align-items:center}.footer-links-column ul{align-items:center}.footer-links-column ul li a:hover{transform:translateY(-2px)}.footer-bottom-inner{text-align:center;flex-direction:column;align-items:center}.footer-bottom p{text-align:center}}@media (width<=640px){.footer-bottom-inner{flex-direction:column;align-items:center;gap:16px}.footer-back-to-top-btn{bottom:24px;right:16px}}@media (width<=550px){.footer-container{grid-template-columns:1fr;gap:24px}.footer-brand-column{grid-column:span 1}.landing-footer{gap:40px;padding:60px 16px 80px}}.auth-split-container{background:#fff;width:100%;min-height:100vh;display:flex}.auth-split-left{background-color:#0b1528;flex-direction:column;flex:1.2;display:flex;position:relative;overflow:hidden}.auth-split-container{background:#fff;width:100%;height:100vh;min-height:100vh;display:flex;overflow:hidden}.auth-split-left{background-color:#0b1528;flex-direction:column;flex:1.2;height:100%;display:flex;position:relative;overflow:hidden}.auth-split-image{object-fit:cover;opacity:.85;filter:brightness(.9);width:100%;height:100%}.auth-split-overlay{background:linear-gradient(#0b152866 0%,#0b1528cc 100%);flex-direction:column;justify-content:space-between;padding:36px;display:flex;position:absolute;inset:0}.auth-logo-link{color:#fff;font-family:var(--font-display);align-items:center;gap:10px;font-size:24px;font-weight:900;text-decoration:none;display:flex}.auth-logo-link span.material-symbols-rounded{color:#60a5fa;font-size:28px}.auth-quote{color:#fffffff2;max-width:440px;margin-bottom:12px}.auth-quote h3{font-family:var(--font-display);color:#fff;margin:0 0 8px;font-size:26px;font-weight:800;line-height:1.3}.auth-quote p{color:var(--neutral-300);margin:0;font-size:15px;line-height:1.5}.auth-split-right{background:#fff;flex:1;justify-content:center;align-items:center;height:100%;padding:24px 32px;display:flex;position:relative;overflow-y:auto}.auth-theme-toggle-container{z-index:10;position:absolute;top:20px;right:24px}.auth-split-form-wrapper{flex-direction:column;gap:20px;width:100%;max-width:380px;display:flex}.auth-split-header{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.auth-split-header h2{font-family:var(--font-display);color:var(--neutral-900);margin:0;font-size:26px;font-weight:800}.auth-split-header p.dictionary-intro{color:var(--neutral-500);margin:0;font-size:14px;line-height:1.4}.auth-logo-mobile{color:var(--neutral-900);font-family:var(--font-display);align-items:center;gap:8px;margin-bottom:8px;font-size:22px;font-weight:900;text-decoration:none;display:none}.auth-logo-mobile span.material-symbols-rounded{color:var(--primary);font-size:26px}.auth-split-form{flex-direction:column;gap:12px;display:flex}.auth-split-form label{color:var(--neutral-850);flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.auth-split-form input{border-radius:var(--radius-lg);border:1px solid var(--neutral-300);background-color:var(--neutral-50);color:var(--neutral-900);margin-top:4px;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s,background-color .2s}.auth-split-form input:focus{border-color:var(--primary);background-color:#fff;outline:none;box-shadow:0 0 0 3px #2563eb26}.auth-split-form button{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.auth-split-form button:hover{box-shadow:var(--shadow-premium-hover);transform:translateY(-1px)}.auth-split-form button:disabled{background:var(--neutral-300);cursor:not-allowed;box-shadow:none;transform:none}.ellipsis-loader{flex-shrink:0;width:38px;height:12px;display:inline-block;position:relative}.ellipsis-loader span{background:currentColor;border-radius:50%;width:8px;height:8px;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute;top:0}.ellipsis-loader span:first-child{animation:.6s infinite ellipsis-loader-grow;left:0}.ellipsis-loader span:nth-child(2){animation:.6s infinite ellipsis-loader-slide;left:0}.ellipsis-loader span:nth-child(3){animation:.6s infinite ellipsis-loader-slide;left:15px}.ellipsis-loader span:nth-child(4){animation:.6s infinite ellipsis-loader-shrink;left:30px}@keyframes ellipsis-loader-grow{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes ellipsis-loader-shrink{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes ellipsis-loader-slide{0%{transform:translate(0)}to{transform:translate(15px)}}.auth-submit-loader{color:#fff}.auth-split-form button.auth-submit-loading,.auth-glass-panel button[type=submit].auth-submit-loading{justify-content:center!important;gap:0!important}.student-courses-shell{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.student-courses-hero{background:linear-gradient(90deg,#ffffffeb 0%,#ffffffb3 34%,#ffffff2e 62%,#ffffff0f 100%),url(/mascot/background_galaxy_light.png) 50%/cover no-repeat;border:1px solid #fff3;border-radius:34px;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:24px;width:calc(66% - 10px);min-height:160px;margin-bottom:26px;padding:20px 28px;display:grid;position:relative;overflow:visible;box-shadow:0 24px 60px #6366f11a}.student-courses-hero-copy{z-index:1;position:relative}.student-courses-hero-copy h1{color:#4f46e5;max-width:none;font-weight:950;line-height:1.1;font-family:var(--font-display);white-space:nowrap;margin:0;letter-spacing:-.75px!important;font-size:34px!important}.student-courses-hero-copy p{max-width:500px;color:var(--neutral-700);margin:10px 0 0;font-size:15px;font-weight:500;line-height:1.55}.student-courses-hero-art{min-height:140px;position:relative;overflow:visible}.student-courses-hero-mascot{object-fit:contain;filter:drop-shadow(0 28px 44px #6366f133);pointer-events:none;width:min(100%,280px);position:absolute;top:-78px;right:6px}.student-courses-hero-star{background:#ffffffeb;border-radius:50%;width:8px;height:8px;animation:5s ease-in-out infinite student-courses-star-float;display:block;position:absolute;box-shadow:0 0 16px #818cf88c}.student-courses-hero-star.star-one{top:22px;left:34%}.student-courses-hero-star.star-two{width:6px;height:6px;animation-delay:.7s;top:52px;right:28%}.student-courses-hero-star.star-three{width:5px;height:5px;animation-delay:1.1s;bottom:28px;left:22%}@keyframes student-courses-star-float{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}.student-courses-panel{box-shadow:none;background:0 0;border:none;border-radius:0}.student-courses-main,.student-courses-level-card,.student-courses-registered-card{padding:24px}.student-courses-sidebar{z-index:2;gap:22px;margin-top:-206px;display:grid;position:relative}.student-courses-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.student-courses-panel-head h2{color:var(--neutral-900);font-size:25px;font-weight:900;font-family:var(--font-display);margin:0}.student-courses-level-body{background:linear-gradient(#fffffff0,#ebf0ffe0);min-height:272px;position:relative;overflow:hidden;border-radius:var(--radius-lg)!important}.student-courses-level-body:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#00000061 0%,#0003 24%,#ffffff0a 58%,#fff0 100%);position:absolute;inset:0}html.dark .student-courses-level-body{background:linear-gradient(#12192ef5,#0f172af5)}html.dark .student-courses-level-body:before{background:linear-gradient(90deg,#020617a8 0%,#02061770 26%,#0f172a29 58%,#0f172a00 100%)}.student-courses-level-card{padding:0!important}.student-courses-level-card-info{z-index:2;position:absolute;top:22px;left:24px}.level-card-meta{color:#4f46e5;text-transform:uppercase;letter-spacing:.5px;font-size:13.5px;font-weight:800;font-family:var(--font-sans)}html.dark .level-card-meta{color:#ffffffb3}.student-courses-level-badge{z-index:2;min-width:auto;height:auto;box-shadow:none;-webkit-text-fill-color:transparent;font-family:var(--font-display);filter:drop-shadow(0 10px 22px #0f172a33);background:linear-gradient(135deg,#3b82f6 0%,#6366f1 48%,#8b5cf6 100%);-webkit-background-clip:text;background-clip:text;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:64px;font-weight:950;display:inline-flex;position:absolute;top:48px;left:24px}.student-courses-level-mascot{object-fit:cover;object-position:center right;z-index:0;width:100%;height:100%;position:absolute;inset:0}.student-courses-level-body-view-btn{z-index:2;color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#ffffff2e;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;gap:0;width:42px;height:42px;font-size:0;text-decoration:none;transition:all .3s cubic-bezier(.25,1,.5,1);display:inline-flex;position:absolute;bottom:24px;left:24px;overflow:hidden;box-shadow:0 10px 24px #0f172a2e}.student-courses-level-body-view-btn .material-symbols-rounded{font-size:18px}.student-courses-level-body:hover .student-courses-level-body-view-btn{color:#4f46e5;background:#ffffffeb;border-radius:999px;gap:6px;width:230px;padding:0 14px;font-size:13px;font-weight:800}.student-courses-level-body-view-btn.is-disabled{opacity:.55;pointer-events:none}.registered-head{margin-bottom:18px}.student-courses-all-link{color:var(--primary);align-items:center;gap:6px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.student-courses-all-link .material-symbols-rounded{font-size:18px}.student-courses-registered-list{gap:14px;max-height:390px;padding-right:6px;display:grid;overflow:auto}.student-courses-registered-card{flex-direction:column;display:flex}.student-courses-registered-card .loading-state,.student-courses-registered-card .error-message,.student-courses-registered-card .student-courses-empty-inline{margin-top:8px}.student-courses-registered-item{background:#ffffffb8;border-radius:22px;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:14px;padding:14px;text-decoration:none;transition:transform .24s,box-shadow .24s,border-color .24s;display:grid;box-shadow:0 12px 24px #94a3b81a}.student-courses-registered-item:hover{transform:translateY(-3px);box-shadow:none!important}.student-courses-registered-icon{color:#4f46e5;background:linear-gradient(135deg,#6366f129,#818cf847);border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.student-courses-registered-copy strong{color:var(--neutral-900);margin-bottom:6px;font-size:15px;line-height:1.3;display:block}.student-courses-registered-copy span{color:var(--neutral-600);margin-bottom:10px;font-size:13px;font-weight:700;display:block}.student-courses-registered-progress{background:#6366f11f;border-radius:999px;width:100%;height:8px;overflow:hidden}.student-courses-registered-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 100%);height:100%}.student-courses-empty-inline{font-size:13px;border:1px dashed var(--neutral-300)!important;background:0 0!important;padding:24px 18px!important}.student-courses-roadmap-head{margin-bottom:10px}.student-courses-roadmap-head h2{font-size:20px!important;font-weight:900!important}.student-courses-roadmap-head p{color:var(--neutral-600);margin:6px 0 0;font-size:14px;font-weight:500}.student-courses-level-group-title{color:var(--neutral-900);font-weight:900;font-family:var(--font-display);margin-bottom:14px;font-size:18px!important}@keyframes levelGlowPulse{0%{box-shadow:0 16px 28px #94a3b81a, 0 0 10px color-mix(in srgb, var(--level-accent) 25%, transparent)}50%{box-shadow:0 20px 32px #94a3b826, 0 0 25px color-mix(in srgb, var(--level-accent) 60%, transparent)}to{box-shadow:0 16px 28px #94a3b81a, 0 0 10px color-mix(in srgb, var(--level-accent) 25%, transparent)}}.student-courses-level-tile{background:radial-gradient(circle at top left, var(--level-accent), transparent 38%), linear-gradient(180deg, #fffffff0 0%, #f8fafcf5 100%);border:1px solid #0000000f;min-height:180px;position:relative;overflow:hidden;border-radius:var(--radius-lg)!important;padding:20px 18px!important}@supports (color:color-mix(in lab, red, red)){.student-courses-level-tile{background:radial-gradient(circle at top left, color-mix(in srgb, var(--level-accent) 4%, white), transparent 38%), linear-gradient(180deg, #fffffff0 0%, #f8fafcf5 100%)}}.student-courses-level-tile{cursor:pointer;align-items:stretch;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;box-shadow:0 4px 16px #0f172a08}.student-courses-level-tile:hover{border-color:var(--level-accent);transform:translateY(-4px);box-shadow:none!important}.student-courses-level-code{background:var(--level-accent);border-radius:99px;justify-content:center;align-items:center;min-width:44px;height:24px;padding:0 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.student-courses-level-code{background:color-mix(in srgb, var(--level-accent) 12%, transparent)}}.student-courses-level-code{border:1.2px solid var(--level-accent);color:var(--level-accent)!important}@supports (color:color-mix(in lab, red, red)){.student-courses-level-code{border:1.2px solid color-mix(in srgb, var(--level-accent) 32%, transparent)}}.student-courses-level-code{font-family:var(--font-display);text-shadow:none;letter-spacing:.2px;text-transform:uppercase;font-size:13px;font-weight:900;box-shadow:0 2px 8px #00000005}.student-courses-level-copy{z-index:2;flex-direction:column;align-items:flex-start;min-width:0;max-width:58%;display:flex;position:relative}.student-courses-level-title-wrap{gap:4px;margin-top:10px;display:grid}.student-courses-level-title-wrap h4{color:var(--neutral-900);line-height:1.2;font-family:var(--font-display);margin:0;font-size:16px!important}.student-courses-level-title-wrap span{background:var(--level-accent);border-radius:999px;align-items:center;min-height:24px;padding:0 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.student-courses-level-title-wrap span{background:color-mix(in srgb, var(--level-accent) 12%, white);color:color-mix(in srgb, var(--level-accent) 76%, #1f2937)}}.student-courses-level-title-wrap span{font-size:10.5px;font-weight:900}.student-courses-level-copy p{color:var(--neutral-600);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;flex-grow:1;max-width:280px;margin:8px 0 12px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.student-courses-level-view-btn{z-index:3;width:42px;height:42px;color:var(--neutral-700);white-space:nowrap;-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#1a244414;border-radius:50%;justify-content:center;align-items:center;gap:0;font-size:0;text-decoration:none;transition:all .3s cubic-bezier(.25,1,.5,1);display:inline-flex;position:relative;overflow:hidden}.student-courses-level-view-btn .material-symbols-rounded{font-size:18px}.student-courses-level-tile:hover .student-courses-level-view-btn{background:var(--level-accent);color:#fff;border-radius:999px;gap:6px;width:96px;padding:0 14px;font-size:13px;font-weight:800}.student-courses-level-view-btn.is-disabled{opacity:.55;cursor:pointer}.student-courses-level-art-shell{pointer-events:none;z-index:1;width:210px;position:absolute;top:-8px;bottom:-8px;right:-12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000008 4%,#0000008f 18%,#000 42%)!important;mask-image:linear-gradient(90deg,#0000 0%,#00000008 4%,#0000008f 18%,#000 42%)!important}.student-courses-level-art{object-fit:cover;object-position:center right;width:100%;height:100%;transition:transform .4s cubic-bezier(.25,1,.5,1);position:absolute;top:0;bottom:0;right:0}.student-courses-level-tile:hover .student-courses-level-art{transform:scale(1.08)}html.dark .student-courses-shell{box-shadow:none;background:0 0;border:none}html.dark .student-courses-hero{background:linear-gradient(90deg,#0b0f1edb 0%,#0b0f1e9e 34%,#0b0f1e42 62%,#0b0f1e14 100%),url(/mascot/background_galaxy_dark.png) 50%/cover no-repeat;border-color:#ffffff0f;box-shadow:0 18px 42px #00000038}html.dark .student-courses-hero-copy h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#60a5fa 0%,#818cf8 46%,#a78bfa 100%);-webkit-background-clip:text;background-clip:text}html.dark .student-courses-hero-copy p{color:#e2e8f0d6}.student-courses-panel{box-shadow:none;background:0 0;border:none}html.dark .student-courses-panel-head h2,html.dark .student-courses-roadmap-head h2,html.dark .student-courses-level-group-title,html.dark .student-courses-level-title-wrap h4,html.dark .student-courses-registered-copy strong{color:#f8fafc}html.dark .student-courses-roadmap-head p,html.dark .student-courses-level-copy p,html.dark .student-courses-registered-copy span,html.dark .student-courses-hero-copy p{color:#cbd5e1c7}html.dark .student-courses-level-body{border:1px solid #ffffff0d}html.dark .student-courses-level-body-view-btn{color:#eff6ff;background:#0f172a57;border-color:#ffffff14}html.dark .student-courses-level-body:hover .student-courses-level-body-view-btn{color:#c4b5fd;background:#0f172aeb}html.dark .student-courses-all-link{color:#60a5fa}html.dark .student-courses-registered-item{box-shadow:none;background:#131b30b8;border:1px solid #ffffff0d}html.dark .student-courses-registered-item:hover{box-shadow:none!important}html.dark .student-courses-registered-progress{background:#ffffff14}html.dark .student-courses-empty-inline{color:#cbd5e1b8;border-color:#94a3b847!important}html.dark .student-courses-level-tile{background:radial-gradient(circle at top left, var(--level-accent), transparent 36%), linear-gradient(180deg, #18203af5 0%, #12192ef5 100%);border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){html.dark .student-courses-level-tile{background:radial-gradient(circle at top left, color-mix(in srgb, var(--level-accent) 6%, #0f172a), transparent 36%), linear-gradient(180deg, #18203af5 0%, #12192ef5 100%)}}html.dark .student-courses-level-tile:hover{border-color:var(--level-accent);box-shadow:none!important}html.dark .student-courses-level-title-wrap span{background:var(--level-accent)}@supports (color:color-mix(in lab, red, red)){html.dark .student-courses-level-title-wrap span{background:color-mix(in srgb, var(--level-accent) 14%, #0f172a)}}html.dark .student-courses-level-title-wrap span{color:var(--level-accent)}@supports (color:color-mix(in lab, red, red)){html.dark .student-courses-level-title-wrap span{color:color-mix(in srgb, var(--level-accent) 72%, #e2e8f0)}}html.dark .student-courses-level-view-btn{color:#f1f5f9f5;background:#0f172a85;border:1px solid #ffffff14;box-shadow:0 10px 20px #00000029}html.dark .student-courses-level-tile:hover .student-courses-level-view-btn{color:#fff}@media (width<=1280px){.student-courses-hero{grid-template-columns:1fr;width:100%;min-height:auto;padding:32px 30px 22px}.student-courses-layout{grid-template-columns:1fr}.student-courses-sidebar{grid-template-columns:1fr 1fr;align-items:start;margin-top:0}.student-courses-roadmap-head h2{font-size:36px}}@media (width<=900px){.student-courses-shell{padding:18px}.student-courses-hero{padding:26px 22px 18px}.student-courses-hero-copy p{font-size:15px}.student-courses-hero-art{min-height:210px}.student-courses-sidebar{grid-template-columns:1fr}.student-courses-hero-mascot{width:min(100%,320px);top:-34px;right:0}.student-courses-level-row{grid-template-columns:1fr}.student-courses-level-body{min-height:240px}.student-courses-roadmap-head h2{font-size:32px}}@media (width<=640px){.student-courses-page{padding:100px 14px 28px!important}.student-courses-shell{border-radius:24px;padding:14px}.student-courses-hero{border-radius:24px;padding:22px 18px 16px}.student-courses-hero-copy h1{max-width:240px;font-size:26px!important}.student-courses-main,.student-courses-level-card,.student-courses-registered-card{padding:18px}.student-courses-level-tile{min-height:156px}.student-courses-level-copy{max-width:62%}}.auth-split-footer{text-align:center;color:var(--neutral-500);font-size:13px}.auth-split-footer p{margin:0}.auth-split-footer a{color:var(--primary);font-weight:700;text-decoration:none;transition:color .2s}.auth-split-footer a:hover{color:var(--primary-hover);text-decoration:none!important}@media (width<=960px){.auth-split-left{display:none}.auth-logo-mobile{display:flex}.auth-split-right{padding:40px 24px}.auth-split-form-wrapper{max-width:380px;margin:0 auto}}@media (width<=480px){.auth-split-right{padding:32px 20px}}.password-input-container{align-items:center;width:100%;margin-top:6px;display:flex;position:relative}.password-input-container input{width:100%;margin-top:0!important;padding-right:46px!important}.password-toggle-btn{color:var(--neutral-500)!important;cursor:pointer!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;justify-content:center!important;align-items:center!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;top:50%!important;right:14px!important;transform:translateY(-50%)!important}.password-toggle-btn:hover{color:var(--neutral-800)!important;box-shadow:none!important;background:0 0!important;transform:translateY(-50%)!important}.password-toggle-btn span.material-symbols-rounded{color:var(--neutral-500)!important;font-size:20px!important}.auth-remember-me{justify-content:space-between;align-items:center;margin-top:-8px;margin-bottom:8px;display:flex}.auth-remember-me label.checkbox-label{color:var(--neutral-600);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:500;display:flex}.auth-remember-me label.checkbox-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary);cursor:pointer;margin:0}.auth-divider{text-align:center;color:var(--neutral-400);-webkit-user-select:none;user-select:none;align-items:center;margin:8px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--neutral-200);flex:1}.auth-divider:not(:empty):before{margin-right:12px}.auth-divider:not(:empty):after{margin-left:12px}.google-auth-btn{border-radius:var(--radius-lg)!important;border:1px solid var(--neutral-300)!important;color:var(--neutral-800)!important;cursor:pointer!important;box-shadow:none!important;background:#fff!important;justify-content:center!important;align-items:center!important;gap:12px!important;width:100%!important;margin-top:0!important;padding:12px 16px!important;font-size:15px!important;font-weight:600!important;transition:border-color .2s,box-shadow .2s!important;display:flex!important}.google-auth-btn:hover{border-color:var(--neutral-400)!important;box-shadow:none!important;background:#fff!important;transform:none!important}.google-icon{flex-shrink:0;width:20px;height:20px}.auth-back-btn{z-index:20!important;color:#fff!important;-webkit-backdrop-filter:blur(8px)!important;background:#01082866!important;border:1px solid #ffffff1a!important;border-radius:20px!important;align-items:center!important;gap:8px!important;padding:8px 16px!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important;transition:all .25s!important;display:inline-flex!important;position:fixed!important;top:24px!important;left:24px!important;box-shadow:0 4px 12px #00000026!important}.auth-back-btn:hover{box-shadow:none!important;color:var(--lp-neon)!important;background:#01082899!important;border-color:#ffffff4d!important;transform:translate(-3px)!important}.auth-fullscreen-container{background-color:#010828;width:100%;min-height:100vh;position:relative;overflow:hidden}.auth-glass-panel{width:480px;height:100vh;position:fixed;top:0;right:0;-webkit-backdrop-filter:none!important;z-index:10!important;box-shadow:none!important;color:#fff!important;scrollbar-width:none!important;-ms-overflow-style:none!important;background:0 0!important;border-left:none!important;flex-direction:column!important;padding:48px!important;display:flex!important;overflow:hidden auto!important}.auth-glass-panel::-webkit-scrollbar{display:none!important}.auth-glass-panel .auth-split-form-wrapper{width:100%!important;max-width:380px!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:auto!important;padding:14px 0!important}.auth-glass-panel .auth-split-header{margin-bottom:14px!important}.auth-glass-panel h2{color:#fff!important;font-family:var(--lp-font-accent)!important;letter-spacing:.025em!important;text-transform:none!important;margin:0 0 8px!important;font-size:clamp(34px,6vw,42px)!important;font-weight:400!important;line-height:1.08!important}.auth-glass-panel .dictionary-intro{color:#ffffffb8!important;margin:0 0 12px!important;font-size:13px!important;line-height:1.5!important}.auth-glass-panel .auth-split-form{flex-direction:column!important;gap:8px!important;display:flex!important}.auth-glass-panel .auth-split-form .input-group{box-sizing:border-box!important;border:1.5px solid #ffffff59!important;border-radius:.85rem!important;width:100%!important;min-width:0!important;margin:18px 0 0!important;padding:0!important;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1)!important;position:relative!important}.auth-glass-panel .auth-split-form .input-group legend{visibility:hidden!important;white-space:nowrap!important;max-width:.01px!important;height:0!important;margin-left:10px!important;padding:0!important;line-height:0!important;transition:max-width .16s cubic-bezier(.4,0,.2,1) 30ms!important;display:block!important;overflow:hidden!important}.auth-glass-panel .auth-split-form .input-group .legend-sizer{padding:0 .3em!important;font-size:.76rem!important;font-weight:700!important;line-height:1!important;display:inline-block!important}.auth-glass-panel .auth-split-form .input-group .input{box-sizing:border-box!important;color:#ffffffe6!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;margin:0!important;padding:.75rem 1rem!important;font-size:.95rem!important;display:block!important}.auth-glass-panel .auth-split-form .input-group .input:-webkit-autofill{-webkit-text-fill-color:#ffffffe6!important;transition:background-color 5000s ease-in-out!important;box-shadow:inset 0 0 0 1000px #0000!important}.auth-glass-panel .auth-split-form .input-group .input:-webkit-autofill:hover{-webkit-text-fill-color:#ffffffe6!important;transition:background-color 5000s ease-in-out!important;box-shadow:inset 0 0 0 1000px #0000!important}.auth-glass-panel .auth-split-form .input-group .input:-webkit-autofill:focus{-webkit-text-fill-color:#ffffffe6!important;transition:background-color 5000s ease-in-out!important;box-shadow:inset 0 0 0 1000px #0000!important}.auth-glass-panel .auth-split-form .input-group .user-label{flex-direction:unset!important;color:#ffffff73!important;pointer-events:none!important;white-space:nowrap!important;background:0 0!important;gap:0!important;margin:0!important;padding:0!important;font-size:.95rem!important;font-weight:500!important;line-height:1!important;transition:transform .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),font-size .18s cubic-bezier(.4,0,.2,1)!important;display:block!important;position:absolute!important;top:0!important;left:14px!important;transform:translateY(.75rem)!important}.auth-glass-panel .auth-split-form .input-group:focus-within{border-color:var(--lp-neon)!important;box-shadow:0 0 0 2.5px #39ff1429!important}.auth-glass-panel .auth-split-form .input-group:focus-within legend{max-width:200px!important}.auth-glass-panel .auth-split-form .input-group:focus-within .user-label{color:var(--lp-neon)!important;font-size:.76rem!important;font-weight:700!important;transform:translateY(-50%)!important}.auth-glass-panel .auth-split-form .input-group:has(.input:not(:placeholder-shown)) legend{max-width:200px!important}.auth-glass-panel .auth-split-form .input-group:has(.input:not(:placeholder-shown)) .user-label{color:#ffffffa6!important;font-size:.76rem!important;font-weight:600!important;transform:translateY(-50%)!important}.auth-glass-panel .auth-split-form .input-group:has(.input:not(:placeholder-shown)):not(:focus-within){box-shadow:none!important;border-color:#fff6!important}.auth-glass-panel .auth-split-form .password-input-container{align-items:center!important;display:flex!important}.auth-glass-panel .auth-remember-me{margin:4px 0!important}.auth-glass-panel .checkbox-label{color:#fffc!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;align-items:center!important;gap:8px!important;margin:0!important;font-size:13px!important;display:flex!important}.auth-glass-panel .checkbox-label input[type=checkbox]{appearance:none!important;box-sizing:border-box!important;cursor:pointer!important;background:#ffffff0f!important;border:1.5px solid #ffffff6b!important;border-radius:6px!important;outline:none!important;flex:0 0 18px!important;place-items:center!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;margin:0!important;padding:0!important;transition:all .2s ease-in-out!important;display:inline-grid!important;position:relative!important}.auth-glass-panel .checkbox-label input[type=checkbox]:hover{background:#ffffff1a!important;border-color:#fff9!important}.auth-glass-panel .checkbox-label input[type=checkbox]:checked{background:var(--lp-neon)!important;border-color:var(--lp-neon)!important;box-shadow:0 0 10px var(--lp-neon-glow)!important}.auth-glass-panel .checkbox-label input[type=checkbox]:after{content:""!important;transform-origin:50%!important;border:2px solid #010828!important;border-width:0 2px 2px 0!important;width:5px!important;height:9px!important;transition:transform .15s cubic-bezier(.175,.885,.32,1.275)!important;position:absolute!important;transform:rotate(45deg)translate(-.5px,-1px)scale(0)!important}.auth-glass-panel .checkbox-label input[type=checkbox]:checked:after{transform:rotate(45deg)translate(-.5px,-1px)scale(1)!important}.auth-glass-panel button[type=submit]{background:var(--lp-neon)!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.05em!important;box-shadow:0 0 14px var(--lp-neon-glow)!important;padding:10px!important;font-weight:700!important;transition:all .25s!important}.auth-glass-panel button[type=submit] .material-symbols-rounded,.auth-glass-panel button[type=submit] span{color:#fff!important}.auth-glass-panel button[type=submit]:hover{box-shadow:none!important;background:#38bdf8!important;transform:translateY(-1px)!important}.auth-glass-panel .auth-divider{color:#fff6!important;margin:6px 0!important;font-size:11px!important}.auth-glass-panel .auth-divider:before,.auth-glass-panel .auth-divider:after{border-bottom:1px solid #ffffff1a!important}.auth-glass-panel .google-auth-btn,html.dark .auth-glass-panel .google-auth-btn{color:#fff!important;box-shadow:none!important;background:0 0!important;border:1px solid #ffffff40!important;padding:10px!important;font-size:13px!important;font-weight:600!important;transition:all .25s!important}.auth-glass-panel .google-auth-btn:hover,html.dark .auth-glass-panel .google-auth-btn:hover{background:#ffffff14!important;border-color:#fff6!important;transform:translateY(-1px)!important}.auth-glass-panel .auth-split-footer{text-align:center!important;margin-top:10px!important}.auth-glass-panel .auth-split-footer p,.auth-glass-panel .auth-split-footer a{color:#fff9!important;font-size:13px!important;text-decoration:none!important;transition:color .2s!important}.auth-glass-panel .auth-split-footer a{color:var(--lp-neon)!important;font-weight:700!important}.auth-glass-panel .auth-split-footer a:hover{color:#38bdf8!important;text-decoration:none!important}.auth-glass-panel .password-toggle-btn,.auth-glass-panel .password-toggle-btn span.material-symbols-rounded{color:#ffffff80!important}.auth-glass-panel .password-toggle-btn:hover span.material-symbols-rounded{color:#fff!important}.auth-glass-panel .error-message{color:#ff4a4a!important;border-radius:var(--radius-md)!important;background:#ff4a4a1a!important;border:1px solid #ff4a4a33!important;margin:8px 0!important;padding:10px 14px!important;font-size:13px!important}.auth-glass-panel.auth-loading-state{pointer-events:none!important;cursor:wait!important;opacity:.82!important;filter:saturate(.9)!important;animation:1.6s ease-in-out infinite auth-glass-pulse!important}@keyframes auth-glass-pulse{0%,to{box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff1a}50%{opacity:.74;box-shadow:0 8px 36px #6366f12e,inset 0 1px #ffffff26!important}}.auth-submit-spinner{width:18px;height:18px;border:2px solid #fff3!important;border-top-color:#fff!important;border-radius:50%!important;flex-shrink:0!important;animation:.8s linear infinite spin!important}.auth-toast-premium{cursor:pointer;z-index:9999!important;color:#fff!important;-webkit-backdrop-filter:blur(16px)!important;background:#0f172a73!important;border-radius:12px!important;align-items:center!important;gap:12px!important;max-width:380px!important;padding:16px 20px!important;transition:all .2s!important;animation:.3s cubic-bezier(.25,.8,.25,1) forwards toastSlideIn!important;display:flex!important;position:fixed!important;top:24px!important;right:24px!important;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff1a!important}.auth-toast-premium:hover{background:#0f172a8c!important;transform:translateY(-2px)!important}.auth-toast-premium.error{border:1px solid #ef444459!important}.auth-toast-premium.success{border:1px solid #10b98159!important}.auth-toast-premium.info{border:1px solid #3b82f659!important}.auth-toast-premium .toast-icon{flex-shrink:0!important;font-size:20px!important}.auth-toast-premium.error .toast-icon{color:#f87171!important}.auth-toast-premium.success .toast-icon{color:#34d399!important}.auth-toast-premium.info .toast-icon{color:#60a5fa!important}.auth-toast-premium .toast-text{font-size:14px!important;font-weight:500!important;line-height:1.4!important}.auth-toast-premium .toast-close-btn{color:#ffffff80!important;cursor:pointer!important;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{font-family:var(--font-display);color:var(--neutral-900);font-weight:800;font-size:var(--text-3xl)}h2{font-family:var(--font-display);color:var(--neutral-900);font-weight:800;font-size:var(--text-2xl)}h3{font-family:var(--font-display);color:var(--neutral-900);font-size:var(--text-xl)}h4{font-family:var(--font-display);color:var(--neutral-900);font-size:var(--text-lg)}h5{font-family:var(--font-display);color:var(--neutral-900);font-size:var(--text-base)}h6{font-family:var(--font-display);color:var(--neutral-900);font-size:var(--text-sm)}label{color:var(--neutral-700);gap:8px;margin:16px 0;display:grid}input,textarea,select{border:1px solid var(--neutral-300);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);background:#fff;padding:12px 14px;font-size:15px;transition:all .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}button{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}button:hover{background:var(--primary-hover);box-shadow:none!important}button:disabled{background:var(--neutral-400);cursor:wait;box-shadow:none}.secondary-button{background:var(--neutral-200);color:var(--neutral-800);border:1.5px solid var(--neutral-300);border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative}html.dark .secondary-button{color:#f1f5f9;background:#ffffff14;border-color:#ffffff1a}.secondary-button:hover{background:var(--neutral-300);transform:translateY(-2px)scale(1.02);box-shadow:none!important}html.dark .secondary-button:hover{background:#ffffff26;box-shadow:none!important}.primary-button{background:var(--primary);color:#fff;border:1.5px solid #ffffff26;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative}.primary-button:hover{background:var(--primary-hover);transform:translateY(-2px)scale(1.02);box-shadow:none!important}.primary-button *,.secondary-button *{z-index:1;position:relative}.primary-button:before,.primary-button:after,.secondary-button:before,.secondary-button:after,.quiz-back-btn:before,.quiz-back-btn:after{content:"";pointer-events:none;z-index:-1;opacity:0;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.primary-button:before{background:#ffffff59;width:6px;height:6px;box-shadow:-35px 8px #ffffff40,35px -8px #ffffff40,-8px -22px #fff3,28px 22px #fff3}.primary-button:after{background:#ffffff73;width:8px;height:8px;box-shadow:-22px -12px #ffffff59,22px 12px #ffffff59,-12px 18px #ffffff40,18px -18px #ffffff40}.primary-button:hover:before{animation:.75s ease-out forwards bubble-float-1}.primary-button:hover:after{animation:.65s ease-out forwards bubble-float-2}.secondary-button:before,.quiz-back-btn:before{background:#0000001f;width:6px;height:6px;box-shadow:-35px 8px #00000014,35px -8px #00000014,-8px -22px #0000000f,28px 22px #0000000f}.secondary-button:after,.quiz-back-btn:after{background:#00000026;width:8px;height:8px;box-shadow:-22px -12px #0000001a,22px 12px #0000001a,-12px 18px #00000014,18px -18px #00000014}html.dark .secondary-button:before,html.dark .quiz-back-btn:before{background:#fff3;box-shadow:-35px 8px #ffffff1f,35px -8px #ffffff1f,-8px -22px #ffffff14,28px 22px #ffffff14}html.dark .secondary-button:after,html.dark .quiz-back-btn:after{background:#ffffff40;box-shadow:-22px -12px #ffffff26,22px 12px #ffffff26,-12px 18px #ffffff1a,18px -18px #ffffff1a}.secondary-button:hover:before,.quiz-back-btn:hover:before{animation:.75s ease-out forwards bubble-float-1}.secondary-button:hover:after,.quiz-back-btn:hover:after{animation:.65s ease-out forwards bubble-float-2}@keyframes bubble-float-1{0%{opacity:0;transform:translate(-50%,-50%)scale(0)translateY(0)}15%{opacity:.85}85%{opacity:.85}to{opacity:0;transform:translate(-50%,-50%)scale(2.2)translateY(-25px)}}@keyframes bubble-float-2{0%{opacity:0;transform:translate(-50%,-50%)scale(0)translateY(0)}15%{opacity:.95}85%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%)scale(2)translateY(-18px)}}.dictionary-page{overflow:hidden}.content .dictionary-page-glass{-webkit-backdrop-filter:blur(16px)saturate(180%)!important;border-radius:var(--radius-md)!important;background:#ffffffbf!important;border:none!important;flex-direction:column!important;min-height:680px!important;margin-top:16px!important;padding:0!important;transition:all .4s cubic-bezier(.25,.8,.25,1)!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 30px 70px #00000014,inset 0 1px 1px #fffc!important}html.dark .content .dictionary-page-glass{background:#0f172a73!important;box-shadow:0 35px 80px #00000073,inset 0 1px 1px #ffffff0d!important}.dictionary-page-glass:before{content:""!important;border-radius:inherit!important;-webkit-mask-composite:xor!important;pointer-events:none!important;z-index:2!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;background:linear-gradient(#ffffff6b 0%,#ffffff1f 20%,#fff0 40% 60%,#ffffff1f 80%,#ffffff6b 100%)!important;padding:1.4px!important;position:absolute!important;inset:0!important;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0)!important;-webkit-mask-position:0 0,0 0!important;-webkit-mask-size:auto,auto!important;-webkit-mask-repeat:repeat,repeat!important;-webkit-mask-clip:content-box,border-box!important;-webkit-mask-origin:content-box,border-box!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;-webkit-mask-source-type:auto,auto!important;mask-mode:match-source,match-source!important}.macos-window-header-glass{z-index:3!important;background:#ffffff0a!important;border-bottom:1px solid #ffffff14!important;justify-content:space-between!important;align-items:center!important;padding:14px 24px!important;display:flex!important;position:relative!important}html.dark .macos-window-header-glass{background:#00000026!important;border-bottom-color:#ffffff0a!important}.macos-window-title-glass{color:var(--neutral-500)!important;font-size:12.5px!important;font-weight:600!important;font-family:var(--font-display)!important;letter-spacing:.3px!important;position:absolute!important;left:50%!important;transform:translate(-50%)!important}html.dark .macos-window-title-glass{color:#fff6!important}.dictionary-glass-content{flex-direction:column!important;flex:1!important;padding:32px 40px 40px!important;display:flex!important}@media (width<=768px){.dictionary-glass-content{padding:20px 24px 24px!important}}.dictionary-search{z-index:10!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;width:100%!important;max-width:640px!important;margin:0 auto!important;padding:0!important;position:relative!important}.dictionary-search-label{color:#0009!important;text-align:center!important;margin-bottom:8px!important;font-size:14px!important;font-weight:600!important;display:block!important}.dictionary-search-pill{border:1.5px solid var(--neutral-300,#cbd5e1)!important;background:#fff!important;border-radius:99px!important;align-items:center!important;margin-top:16px!important;padding:8px 8px 8px 24px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;box-shadow:0 4px 12px #0000000d!important}html.dark .dictionary-search-pill{background:#1e293b!important;border:1.5px solid #ffffff26!important;box-shadow:0 4px 12px #0003!important}.dictionary-search-pill:focus-within{transform:translateY(-1px);background:#fff!important;border-color:#7c3aed!important;box-shadow:0 0 0 3px #7c3aed26,0 4px 12px #7c3aed0d!important}html.dark .dictionary-search-pill:focus-within{background:#0f172a!important;border-color:#a78bfa!important;box-shadow:0 0 0 4px #a78bfa33,0 10px 30px #0000004d!important}.dictionary-search-pill .search-icon-left{opacity:.7;color:#7c3aed!important;align-items:center!important;margin-right:14px!important;font-size:20px!important;transition:opacity .3s!important;display:flex!important}html.dark .dictionary-search-pill .search-icon-left{color:#a78bfa!important}.dictionary-search-pill:focus-within .search-icon-left{opacity:1}.dictionary-search-pill input{box-shadow:none!important;color:#0f172a!important;font-size:16px!important;font-weight:600!important;font-family:"Outfit", var(--font-sans), sans-serif!important;background:0 0!important;border:none!important;outline:none!important;flex:1!important;padding:8px 0!important}html.dark .dictionary-search-pill input{box-shadow:none!important;color:#f8fafc!important;background:0 0!important;border:none!important}.dictionary-search-pill input:-webkit-autofill{-webkit-text-fill-color:#0f172a!important;transition:background-color 5000000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.dictionary-search-pill input:-webkit-autofill:hover{-webkit-text-fill-color:#0f172a!important;transition:background-color 5000000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.dictionary-search-pill input:-webkit-autofill:focus{-webkit-text-fill-color:#0f172a!important;transition:background-color 5000000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.dictionary-search-pill input:-webkit-autofill:active{-webkit-text-fill-color:#0f172a!important;transition:background-color 5000000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}html.dark .dictionary-search-pill input:-webkit-autofill{-webkit-text-fill-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 1000px #1e293b!important}html.dark .dictionary-search-pill input:-webkit-autofill:hover{-webkit-text-fill-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 1000px #1e293b!important}html.dark .dictionary-search-pill input:-webkit-autofill:focus{-webkit-text-fill-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 1000px #1e293b!important}html.dark .dictionary-search-pill input:-webkit-autofill:active{-webkit-text-fill-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 1000px #1e293b!important}html.dark .dictionary-search-pill:focus-within input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}html.dark .dictionary-search-pill:focus-within input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}html.dark .dictionary-search-pill:focus-within input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}html.dark .dictionary-search-pill:focus-within input:-webkit-autofill:active{-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}.dictionary-search-pill input::placeholder{color:#64748b!important;opacity:.8!important}html.dark .dictionary-search-pill input::placeholder{color:#94a3b8!important;opacity:.8!important}.suggestions-dropdown{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;z-index:50!important;background:#fffffff2!important;border:1px solid #e2e8f0cc!important;border-radius:16px!important;flex-direction:column!important;gap:4px!important;max-height:280px!important;margin:0!important;padding:8px!important;list-style:none!important;display:flex!important;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;overflow-y:auto!important;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d!important}html.dark .suggestions-dropdown{background:#1e293bf2!important;border-color:#ffffff14!important;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -10px #0000004d!important}.suggestion-item{cursor:pointer!important;color:#1e293b!important;border-radius:10px!important;align-items:center!important;gap:12px!important;padding:10px 16px!important;transition:all .2s!important;display:flex!important}html.dark .suggestion-item{color:#f1f5f9!important}.suggestion-item .suggestion-icon{color:#64748b!important;font-size:18px!important}html.dark .suggestion-item .suggestion-icon{color:#94a3b8!important}.suggestion-item .suggestion-text{letter-spacing:.01em!important;font-size:15px!important;font-weight:600!important}.suggestion-item:hover,.suggestion-item.active{color:#7c3aed!important;background:#7c3aed14!important}html.dark .suggestion-item:hover,html.dark .suggestion-item.active{color:#c084fc!important;background:#a78bfa1f!important}.suggestion-item:hover .suggestion-icon,.suggestion-item.active .suggestion-icon{color:#7c3aed!important}html.dark .suggestion-item:hover .suggestion-icon,html.dark .suggestion-item.active .suggestion-icon{color:#c084fc!important}.dictionary-search-btn{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%)!important;border:none!important;border-radius:99px!important;align-items:center!important;gap:6px!important;padding:12px 28px!important;font-size:14px!important;font-weight:700!important;transition:all .3s!important;display:inline-flex!important;box-shadow:0 4px 12px #7c3aed40!important}.dictionary-hint{color:var(--neutral-400);margin:8px 0 0;font-size:14px;line-height:1.5}.dictionary-hint-mockup{color:#00000059!important;text-align:center!important;margin-top:12px!important;font-size:12.5px!important;font-weight:500!important}@media (width<=480px){.dictionary-glass-content{padding:16px 12px!important}.dictionary-search-pill{margin-top:8px!important;padding:4px 4px 4px 14px!important}.dictionary-search-pill input{font-size:14.5px!important}.dictionary-search-btn{padding:8px 16px!important;font-size:13px!important}}.empty-state,.loading-state{border-radius:var(--radius-lg);color:var(--text-secondary);text-align:center;margin-top:20px;padding:24px;border:2px dashed var(--neutral-300)!important;-webkit-backdrop-filter:blur(12px)!important;background:#ffffff03!important;margin-bottom:24px!important}html.dark .empty-state,html.dark .loading-state{background:#0000001a!important;border:2px dashed #ffffff26!important}.empty-state strong{color:var(--text-primary);margin-top:8px;display:block}.empty-state p{margin:4px 0 12px}.dictionary-mascot-container{pointer-events:none;justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto 16px;display:flex}.dictionary-mascot-img{object-fit:contain;filter:drop-shadow(0 12px 24px #10b98140);width:100%;height:100%}.auth-prompt{flex-direction:column;align-items:center;gap:8px;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:56px 32px!important}.auth-prompt .material-symbols-rounded{color:var(--primary);opacity:.7;margin-bottom:4px;font-size:40px!important}.auth-prompt-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:8px;display:flex}.auth-prompt-login{font-size:14px;font-weight:600;font-family:var(--font-sans);background:var(--primary);border-radius:999px;justify-content:center;align-items:center;padding:10px 24px;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #2563eb40;color:#fff!important}.auth-prompt-login:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:none!important}.auth-prompt-register{font-size:14px;font-weight:600;font-family:var(--font-sans);border:1.5px solid var(--primary);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:10px 24px;text-decoration:none;transition:all .2s;display:inline-flex;color:var(--primary)!important}.auth-prompt-register:hover{border-color:var(--primary-hover);background:#2563eb0f;transform:translateY(-1px);color:var(--primary-hover)!important}.dictionary-grid-layout{flex-direction:column!important;gap:28px!important;margin-top:32px!important;margin-bottom:24px!important;display:flex!important}.dictionary-result{box-shadow:none!important;background:0 0!important;border:none!important;flex-direction:column!important;gap:0!important;margin-top:0!important;padding:0!important;display:flex!important;position:relative!important}.dictionary-result-card{box-shadow:none!important;background:0 0!important;border:none!important;border-bottom:1px solid #0000001a!important;border-radius:0!important;padding:24px 0!important;transition:border-bottom-color .3s!important}html.dark .dictionary-result-card{background:0 0!important;border-bottom:1px solid #ffffff1a!important}.dictionary-result-card:last-of-type{border-bottom:none!important}.dictionary-result-card h3{font-family:var(--font-display);margin:4px 0;font-weight:800;color:var(--text-primary)!important;letter-spacing:-.8px!important;text-shadow:0 1px 2px #fff6!important;font-size:38px!important}html.dark .dictionary-result-card h3{text-shadow:0 2px 4px #0000004d!important}.dictionary-result-card h4{margin:0 0 16px;font-weight:700;color:var(--text-primary)!important;align-items:center!important;gap:8px!important;font-size:16px!important;display:flex!important}.dictionary-result-card h4 .material-symbols-rounded{color:var(--primary)!important;font-size:20px!important}html.dark .dictionary-result-card h4 .material-symbols-rounded{color:#a78bfa!important}.dictionary-result-card ul{margin:0;padding-left:20px}.dictionary-result-card li{margin-bottom:8px;line-height:1.6;color:var(--text-secondary)!important;font-size:14.5px!important;font-weight:500!important}.dictionary-result-card>ul>li{border-bottom:1px dashed #00000014;margin-bottom:16px;padding-bottom:16px}.dictionary-result-card>ul>li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}html.dark .dictionary-result-card>ul>li{border-bottom:1px dashed #ffffff14}@media (width<=480px){.dictionary-result-card{padding:16px 0!important}.dictionary-result-card h3{font-size:28px!important}}.dictionary-result-card audio{max-width:100%;margin-top:10px;display:block}.pronunciation-block{margin-top:16px!important}.pronunciation-block h4{color:#ffffff73!important;text-transform:uppercase!important;letter-spacing:.5px!important;border:none!important;margin-bottom:8px!important;padding-left:0!important;font-size:13.5px!important;font-weight:700!important}html:not(.dark) .pronunciation-block h4{color:#64748b!important}.pronunciation-block .ipa{font-size:15px!important;font-weight:600!important}html:not(.dark) .pronunciation-block .ipa{color:#475569!important}html.dark .pronunciation-block .ipa{color:#cbd5e1!important}.pronunciation-block ul{flex-wrap:wrap!important;gap:12px!important;padding:0!important;list-style:none!important;display:flex!important}.dictionary-page-glass .pronunciation-block li,.review-page .pronunciation-block li,.pronunciation-block.compact li,.pronunciation-block li{color:#ffffffe6!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:0!important;align-items:center!important;gap:6px!important;margin-bottom:0!important;padding:4px 12px 4px 0!important;font-size:14.5px!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}html:not(.dark) .dictionary-page-glass .pronunciation-block li,html:not(.dark) .review-page .pronunciation-block li,html:not(.dark) .pronunciation-block.compact li,html:not(.dark) .pronunciation-block li{color:#1e293b!important;background:0 0!important;border:none!important;border-radius:0!important}.pronunciation-block li:hover{opacity:.8!important}.pronunciation-block li .material-symbols-rounded{color:#ffffff8c!important;order:3!important;font-size:16px!important;transition:all .2s!important}html:not(.dark) .pronunciation-block li .material-symbols-rounded{color:#64748b!important}.pronunciation-block li:hover .material-symbols-rounded{color:var(--primary)!important;transform:scale(1.15)!important}html.dark .pronunciation-block li:hover .material-symbols-rounded{color:#a78bfa!important}.ai-helper-header{justify-content:space-between!important;align-items:center!important;margin-bottom:20px!important;display:flex!important}.vocab-ai-panel-premium{-webkit-backdrop-filter:blur(16px)!important;background:#ffffffbf!important;border:1px solid #00000014!important;border-radius:20px!important;flex-direction:column!important;gap:16px!important;padding:24px!important;transition:all .3s!important;display:flex!important;box-shadow:inset 0 1px 2px #ffffffb3,0 12px 40px #0000000a!important}.vocab-ai-panel-premium.compact{box-shadow:none!important;background:0 0!important;border:none!important;gap:8px!important;margin-bottom:24px!important;padding:0!important}html.dark .vocab-ai-panel-premium{-webkit-backdrop-filter:blur(16px)!important;background:#0f172a73!important;border-color:#ffffff14!important;box-shadow:inset 0 1px 1px #ffffff0d,0 12px 40px #0003!important}html.dark .vocab-ai-panel-premium.compact{box-shadow:none!important;background:0 0!important;border-color:#0000!important;margin-bottom:24px!important}.ai-compact-controls{flex-direction:column!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.vocab-ai-panel-premium.compact .ai-compact-controls{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:16px!important}.ai-compact-quota{text-align:center!important;width:100%!important;margin-top:4px!important}.vocab-ai-panel-premium.compact .ai-compact-quota{text-align:left!important;width:auto!important;margin-top:0!important}.quota-text-line{color:#64748b!important;letter-spacing:.02em!important;font-size:12.5px!important;font-weight:600!important}.vocab-ai-panel-premium.compact .quota-text-line{font-size:13px!important}html.dark .quota-text-line{color:#94a3b8!important}.vocab-ai-panel-premium.compact .ai-helper-submit-btn{flex-shrink:0!important;width:auto!important;margin-top:0!important;padding:10px 22px!important;font-size:13.5px!important}.vocab-ai-panel-premium h4{color:var(--text-primary)!important;border:none!important;align-items:center!important;gap:8px!important;margin:0!important;padding-left:0!important;font-size:16px!important;font-weight:700!important;display:flex!important}html.dark .vocab-ai-panel-premium h4{color:#fff!important}.vocab-ai-panel-premium h4 .material-symbols-rounded{color:#fb923c!important;font-size:20px!important}.quota-badge{color:var(--text-secondary)!important;background:#0000000a!important;border:1px solid #00000014!important;border-radius:8px!important;padding:4px 10px!important;font-size:12px!important;font-weight:600!important}html.dark .quota-badge{color:#fff9!important;background:#ffffff0f!important;border:1px solid #ffffff1a!important}.ai-context-container textarea{width:100%!important;color:var(--text-primary)!important;resize:none!important;background:#ffffffb3!important;border:1px solid #0000001f!important;border-radius:12px!important;outline:none!important;min-height:80px!important;padding:14px 16px!important;font-size:14px!important;transition:all .2s!important}.ai-context-container textarea::placeholder{color:var(--neutral-400)!important}.ai-context-container textarea:focus{background:#fff!important;border-color:#7c3aed!important}html.dark .ai-context-container textarea{color:#fff!important;background:#00000040!important;border:1px solid #ffffff14!important}html.dark .ai-context-container textarea:focus{background:#00000059!important;border-color:#fff3!important}.ai-result-cards-container{flex-direction:column!important;gap:16px!important;width:100%!important;display:flex!important}.ai-sub-card{background:#fff9!important;border:1px solid #0000000d!important;border-radius:12px!important;padding:16px!important;box-shadow:0 4px 12px #00000003!important}html.dark .ai-sub-card{box-shadow:none!important;background:#00000026!important;border:1px solid #ffffff0f!important}.ai-sub-card h5{color:var(--neutral-400)!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin:0 0 6px!important;font-size:12.5px!important;font-weight:700!important}html.dark .ai-sub-card h5{color:#fff6!important}.ai-sub-card p{color:var(--text-secondary)!important;margin:0!important;font-size:13.5px!important;line-height:1.5!important}html.dark .ai-sub-card p{color:#ffffffd9!important}.ai-sub-card.border-gold{border-left:3px solid #fbbf24!important}.ai-helper-submit-btn{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%)!important;border:none!important;border-radius:99px!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;margin-top:8px!important;padding:12px 24px!important;font-size:14px!important;font-weight:700!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important;display:inline-flex!important;box-shadow:0 4px 15px #7c3aed4d!important}@keyframes bubble-wobble{0%{transform:scale(1)translateY(0)}15%{transform:scale(1.15,.85)translateY(-2px)}30%{transform:scale(.85,1.15)translateY(-4px)}45%{transform:scale(1.08,.92)translateY(-4px)}60%{transform:scale(.95,1.05)translateY(-4px)}75%{transform:scale(1.03,.97)translateY(-4px)}to{transform:scale(1.06)translateY(-4px)}}.ai-helper-submit-btn:hover{box-shadow:none!important;background:linear-gradient(135deg,#6d28d9 0%,#5b21b6 100%)!important;animation:.6s cubic-bezier(.25,.8,.25,1.25) forwards bubble-wobble!important}.ai-helper-submit-btn:active{transition:all .1s!important;animation:none!important;transform:scale(.9)translateY(0)!important}html.dark .ai-helper-submit-btn{color:#fff!important;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)!important;border:none!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important;box-shadow:0 4px 15px #8b5cf64d!important}html.dark .ai-helper-submit-btn:hover{box-shadow:none!important;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%)!important;animation:.6s cubic-bezier(.25,.8,.25,1.25) forwards bubble-wobble!important}html.dark .ai-helper-submit-btn:active{transition:all .1s!important;animation:none!important;transform:scale(.9)translateY(0)!important}.dictionary-window-footer{z-index:10!important;background:#00000008!important;border-top:1px solid #0000000f!important;justify-content:space-between!important;align-items:center!important;margin:auto -40px -40px!important;padding:16px 24px!important;display:flex!important;position:relative!important}html.dark .dictionary-window-footer{background:#00000040!important;border-top-color:#ffffff0f!important}@media (width<=768px){.dictionary-window-footer{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin:auto -24px -24px!important;padding:16px 20px!important}.footer-info{text-align:left!important;align-items:flex-start!important;gap:8px!important;width:100%!important;display:flex!important}.footer-info .material-symbols-rounded{flex-shrink:0!important;margin-top:1.5px!important}.footer-actions{border-top:1px solid #0000000f!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:4px!important;padding-top:12px!important;display:flex!important}html.dark .footer-actions{border-top-color:#ffffff0f!important}.footer-save-btn{margin-left:auto!important}}.footer-info{color:#00000080!important;align-items:center!important;gap:8px!important;font-size:13px!important;font-weight:500!important;display:flex!important}html.dark .footer-info{color:#fff6!important}.footer-info .material-symbols-rounded{font-size:18px!important}.footer-actions{align-items:center!important;gap:20px!important;display:flex!important}.footer-link{color:#0009!important;font-size:13.5px!important;font-weight:600!important;text-decoration:none!important;transition:color .2s!important}.footer-link:hover{color:var(--primary)!important}html.dark .footer-link{color:#fff9!important}html.dark .footer-link:hover{color:#fff!important}.footer-save-btn{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;border:none!important;border-radius:99px!important;align-items:center!important;gap:6px!important;padding:8px 20px!important;font-size:13.5px!important;font-weight:700!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 4px 12px #10b98140!important}.footer-save-btn:hover:not(:disabled){box-shadow:none!important;background:#059669!important}.footer-save-btn:disabled{color:#0000004d!important;cursor:not-allowed!important;box-shadow:none!important;background:#0000000d!important;border:1px solid #00000014!important}html.dark .footer-save-btn:disabled{color:#ffffff4d!important;background:#ffffff14!important;border:1px solid #ffffff1a!important}.eyebrow{color:var(--primary);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}.ipa{color:var(--text-secondary);font-size:16px;font-weight:700}.fallback-note{border-radius:var(--radius-sm);border-left:4px solid #f59e0b;margin:16px 0;padding:12px 14px;line-height:1.55;color:#fbbf24!important;background:#f59e0b14!important;border-top:none!important;border-bottom:none!important;border-right:none!important}html:not(.dark) .fallback-note{color:#b45309!important;background:#fffbeb!important;border-left-color:#d97706!important}.result-block{margin-top:24px;padding-top:20px;border-top:1px solid #0000000f!important}html.dark .result-block{border-top-color:#ffffff0a!important}.definition-meta{color:var(--neutral-400);margin:6px 0;font-size:14px}.definition-examples{margin-top:10px;background:#00000005!important;border:1px solid #0000000a!important;border-radius:12px!important;padding:14px 18px!important}html.dark .definition-examples{background:#ffffff03!important;border-color:#ffffff05!important}.definition-examples strong{margin-bottom:6px;font-size:14px;display:block;color:var(--text-primary)!important}.definition-examples ul{list-style-type:none;padding-left:0!important}.definition-examples li{color:var(--text-secondary)!important;margin-bottom:4px!important;font-size:13.5px!important}.error-message{color:#991b1b;border-radius:var(--radius-sm);background:#fef2f2;border-left:4px solid #dc2626;margin:16px 0;padding:12px 14px;line-height:1.55}.save-word-panel{background:#ffffff05!important;border:1px solid #ffffff14!important;border-radius:20px!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;margin-top:32px!important;padding:24px 28px!important;display:flex!important;box-shadow:inset 0 1px 1px #ffffff0d,0 8px 32px #0000000a!important}html.dark .save-word-panel{background:#0000001f!important;border-color:#ffffff0a!important}.save-word-panel p{color:var(--text-secondary)!important;flex-basis:auto!important;align-items:center!important;gap:8px!important;margin:0!important;font-size:13.5px!important;font-weight:500!important;display:flex!important}.save-word-panel button{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;border:none!important;border-radius:12px!important;align-items:center!important;gap:6px!important;padding:10px 20px!important;font-size:13.5px!important;font-weight:700!important;transition:all .25s!important;display:inline-flex!important;box-shadow:0 4px 14px #10b9814d!important}.save-word-panel button:hover:not(:disabled){box-shadow:none!important;transform:translateY(-1.5px)!important}.save-word-panel button:disabled{color:#10b98180!important;box-shadow:none!important;cursor:not-allowed!important;background:#10b98126!important;border:1px solid #10b98133!important}.save-word-panel a,.cta-link{color:var(--primary);font-weight:700;text-decoration:none}.saved-word-list{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;margin-top:28px;display:grid}.saved-word-card{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:left;background:#fff;flex-direction:column;gap:18px;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.saved-word-card:hover{box-shadow:var(--shadow-md);border-color:var(--neutral-300);transform:translateY(-4px)}.saved-word-card header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.saved-word-card header div{flex-direction:column;align-items:flex-start;display:flex}.saved-word-card .eyebrow{text-transform:uppercase;color:var(--neutral-500);letter-spacing:.05em;background:var(--neutral-100);border-radius:4px;margin-bottom:6px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.saved-word-card h3{color:var(--neutral-900);font-size:28px;font-weight:800;font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 8px;line-height:1.1}.saved-word-card header button.secondary-button{color:var(--neutral-400);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.saved-word-card header button.secondary-button:hover{color:#ef4444;background:#fef2f2}.saved-word-card header button.secondary-button .material-symbols-rounded{font-size:18px}.saved-word-card audio{display:none!important}.saved-word-card>p{color:var(--neutral-700);margin:0;font-size:15px;line-height:1.5}.saved-word-card .definition-meta{color:var(--neutral-400);align-items:center;gap:4px;margin:8px 0 0;font-size:12px;font-weight:500;display:inline-flex}.saved-word-card>a{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:6px;width:fit-content;margin-top:4px;padding:10px 16px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.saved-word-card>a:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:none!important}.pronunciation-block ul{flex-wrap:wrap;gap:12px 24px;margin:0;padding:0;list-style:none;display:flex}.pronunciation-block li{align-items:center;gap:8px;display:flex}.pronunciation-label{color:var(--neutral-700);text-transform:uppercase;font-size:13px;font-weight:800}.pronunciation-block audio{max-width:220px;height:30px;margin:0}.pronunciation-block.compact{margin:12px 0}.pronunciation-block.compact li{font-size:14px}.pronunciation-block.compact audio{max-width:180px;height:28px}.ai-helper-panel{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);margin-top:24px;padding:24px}.ai-helper-panel.compact{border-radius:var(--radius-md);margin-top:14px;padding:16px}.ai-helper-panel h4{font-family:var(--font-display);color:var(--neutral-900);align-items:center;gap:8px;margin:0 0 12px;font-size:18px;display:flex}.ai-helper-panel textarea{resize:vertical;background:#fff;min-height:80px;margin-top:8px}.ai-helper-panel button{background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);box-shadow:0 4px 12px #4f46e533}.ai-helper-panel button:hover{background:linear-gradient(135deg,#4338ca 0%,#2563eb 100%)}.ai-result{border:1px solid var(--neutral-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;margin-top:20px;padding:20px}.ai-result h5{font-family:var(--font-display);color:#4f46e5;margin:0 0 12px;font-size:16px}.content .dashboard-page{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.dashboard-page{flex-direction:column;gap:28px;animation:.4s ease-out fadeIn;display:flex}@keyframes mesh-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.dashboard-welcome-banner{align-items:center;margin-bottom:12px;display:flex;position:relative;overflow:hidden;color:var(--neutral-900)!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:24px 0 16px!important}.welcome-banner-overlay{z-index:1!important;pointer-events:none!important;background:linear-gradient(90deg,#020617d1 0%,#0206179e 28%,#02061747 56%,#02061714 76%,#0000 100%)!important;position:absolute!important;inset:0!important}.welcome-banner-content{z-index:1;align-items:center;gap:28px;width:100%;display:flex;position:relative}.welcome-avatar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;font-size:34px;font-weight:800;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:hidden;border:4px solid #fffffff2!important;box-shadow:0 10px 25px #0003!important}.welcome-avatar:hover{transform:scale(1.08)rotate(5deg)}.user-avatar-img-large{object-fit:cover;width:100%;height:100%}.welcome-text{flex-grow:1}.welcome-text h2{font-size:30px;font-weight:800;font-family:var(--font-display);letter-spacing:-.025em;text-shadow:0 2px 4px #0000001a;margin:4px 0 8px;color:#fff!important}.welcome-text .eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#ffffffe6;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:700;display:inline-flex}.welcome-text .eyebrow .material-symbols-rounded{font-size:16px}.welcome-quote{color:#fffffff2;text-shadow:0 1px 2px #0000000d;max-width:650px;margin:0;font-size:15px;font-style:italic;line-height:1.6}.auth-top-reminders{pointer-events:auto;align-items:center;gap:16px;display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important;margin-right:auto!important;padding:0!important}.reminder-item{align-items:center;gap:6px;font-size:13px;display:flex;color:var(--neutral-800)!important}html.dark .reminder-item{color:var(--neutral-600)!important}.reminder-item .material-symbols-rounded{font-size:18px;color:var(--primary)!important}html.dark .reminder-item .material-symbols-rounded{color:#818cf8!important}.reminder-item strong{font-weight:700;color:var(--neutral-900)!important}html.dark .reminder-item strong{color:var(--neutral-800)!important}.reminder-divider{background:var(--neutral-400);width:1px;height:14px}html.dark .reminder-divider{background:var(--neutral-300)}@media (width<=768px){.auth-top-reminders{display:none!important}}.daily-study-card-premium{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex;position:relative;overflow:hidden;border-radius:var(--radius-xl)!important;background:#ffffffc2!important;border:1px solid #ffffff80!important;transition:all .35s cubic-bezier(.25,1,.5,1)!important;box-shadow:0 10px 30px -10px #0000000a,0 1px 3px #00000005!important}.daily-study-card-premium:after{content:"";width:5px;height:100%;transition:width .3s;position:absolute;top:0;left:0;background:linear-gradient(#4f46e5,#3b82f6)!important}.daily-study-card-premium:hover{transform:translateY(-4px)scale(1.005);box-shadow:none!important;border-color:#fffc!important}.daily-study-card-premium:hover:after{width:8px}.daily-study-card-premium .card-left{flex:1}.daily-study-card-premium .status-indicator{border-radius:99px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 14px;display:inline-flex;background:#eff4ffcc!important;border:1px solid #4f46e526!important}.daily-study-card-premium .pulse-dot{border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.daily-study-card-premium .pulse-dot.due{background:#f59e0b}.daily-study-card-premium .pulse-dot.completed{background:#10b981}.daily-study-card-premium .pulse-dot.due:after{content:"";opacity:.4;border:2px solid #f59e0b;border-radius:50%;animation:2s infinite pulse-ring;position:absolute;inset:-4px}.daily-study-card-premium .pulse-dot.completed:after{content:"";opacity:.4;border:2px solid #10b981;border-radius:50%;animation:2s infinite pulse-ring;position:absolute;inset:-4px}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.95)}to{opacity:0;transform:scale(1.6)}}.daily-study-card-premium .status-text{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;color:var(--primary)!important}.daily-study-card-premium h3{font-size:24px;font-weight:800;font-family:var(--font-display);margin:0 0 10px;color:var(--neutral-900)!important}.daily-study-card-premium .status-desc{margin:0;font-size:15px;line-height:1.6;color:var(--neutral-600)!important}.daily-study-card-premium .status-desc strong{font-weight:800;color:var(--neutral-900)!important}.daily-study-card-premium .card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.study-actions-premium{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.study-actions-premium .primary-button.glow-effect{animation:3s infinite button-glow;position:relative;transition:all .25s!important;box-shadow:0 8px 20px -6px #2563eb80!important}.study-actions-premium .primary-button.glow-effect:hover{transform:translateY(-2px);box-shadow:none!important}@keyframes button-glow{0%,to{box-shadow:0 8px 20px -6px #2563eb80}50%{box-shadow:0 8px 24px #2563ebbf}}.study-actions-premium .secondary-button{align-items:center;gap:8px;padding:12px 22px;font-weight:700;text-decoration:none;display:inline-flex;color:var(--neutral-800)!important;border:1px solid var(--neutral-200)!important;border-radius:var(--radius-md)!important;background:#f1f5f9cc!important;transition:all .25s cubic-bezier(.25,1,.5,1)!important}.study-actions-premium .secondary-button:hover{transform:translateY(-2px);background:var(--neutral-200)!important;border-color:var(--neutral-300)!important;box-shadow:var(--shadow-sm)!important}.study-actions-premium .text-button{border-radius:var(--radius-sm);align-items:center;gap:4px;padding:8px 12px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;color:var(--primary)!important}.study-actions-premium .text-button:hover{gap:8px;background:var(--primary-light)!important}.stats-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:8px 0;display:grid}.stat-card-premium{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:20px;padding:24px 28px;display:flex;border-radius:var(--radius-xl)!important;border:1px solid #ffffff80!important;transition:all .35s cubic-bezier(.25,1,.5,1)!important;box-shadow:0 10px 25px -10px #00000008,0 1px 3px #00000003!important}.stat-card-premium:hover{transform:translateY(-5px)scale(1.01);border-color:#fffc!important}.stat-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;border-radius:var(--radius-md)!important;transition:all .3s cubic-bezier(.25,1,.5,1)!important;box-shadow:0 8px 16px #0000000a!important}.stat-card-premium:hover .stat-icon-wrapper{transform:scale(1.08)rotate(-3deg)}.stat-icon-wrapper .material-symbols-rounded{font-size:26px}.stat-card-premium.blue{background:linear-gradient(135deg,#eff6ffbf 0%,#dbeafe99 100%)!important}.stat-card-premium.blue .stat-icon-wrapper{color:#fff!important;background:#2563eb!important;box-shadow:0 8px 20px -6px #2563eb66!important}.stat-card-premium.blue:hover{box-shadow:none!important;border-color:#2563eb40!important}.stat-card-premium.amber{background:linear-gradient(135deg,#fffbebbf 0%,#fef3c799 100%)!important}.stat-card-premium.amber .stat-icon-wrapper{color:#fff!important;background:#d97706!important;box-shadow:0 8px 20px -6px #d9770666!important}.stat-card-premium.amber:hover{box-shadow:none!important;border-color:#d9770640!important}.stat-card-premium.green{background:linear-gradient(135deg,#f0fdf4bf 0%,#dcfce799 100%)!important}.stat-card-premium.green .stat-icon-wrapper{color:#fff!important;background:#16a34a!important;box-shadow:0 8px 20px -6px #16a34a66!important}.stat-card-premium.green:hover{box-shadow:none!important;border-color:#16a34a40!important}.stat-card-premium.indigo{background:linear-gradient(135deg,#eef2ffbf 0%,#e0e7ff99 100%)!important}.stat-card-premium.indigo .stat-icon-wrapper{color:#fff!important;background:#4f46e5!important;box-shadow:0 8px 20px -6px #4f46e566!important}.stat-card-premium.indigo:hover{box-shadow:none!important;border-color:#4f46e540!important}.stat-card-premium.rose{background:linear-gradient(135deg,#fff1f2bf 0%,#fee2e299 100%)!important}.stat-card-premium.rose .stat-icon-wrapper{color:#fff!important;background:#e11d48!important;box-shadow:0 8px 20px -6px #e11d4866!important}.stat-card-premium.rose:hover{box-shadow:none!important;border-color:#e11d4840!important}.stat-meta{flex-direction:column;display:flex}.stat-meta strong{font-size:34px;font-weight:800;line-height:1.1;font-family:var(--font-display);color:var(--neutral-900)!important}.stat-meta span{margin-top:2px;font-size:13px;font-weight:700;color:var(--neutral-500)!important}.study-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.mastery-badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.mastery-new{color:#475569;background:#f1f5f9}.mastery-need_practice{color:#dc2626;background:#fee2e2}.mastery-learning{color:#d97706;background:#fef3c7}.mastery-remembered{color:#166534;background:#dcfce7}.active-filter{outline:2px solid var(--primary)}.vocabulary-page .study-actions{background:var(--neutral-100);border-radius:var(--radius-md);border:1px solid var(--neutral-200);gap:8px;margin:16px 0 24px;padding:6px 8px;display:inline-flex}.vocabulary-page .study-actions .cta-link{background:var(--primary);color:#fff;border-radius:var(--radius-sm);align-items:center;gap:6px;padding:10px 16px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #2563eb33}.vocabulary-page .study-actions .cta-link:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:none!important}.vocabulary-page .study-actions .secondary-button{color:var(--neutral-600);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;padding:10px 16px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex}.vocabulary-page .study-actions .secondary-button:hover{background:var(--neutral-200);color:var(--neutral-900)}.vocabulary-page .study-actions .secondary-button.active-filter{color:var(--primary);box-shadow:var(--shadow-sm);background:#fff;outline:none!important}.review-summary{text-align:center;gap:16px;padding:40px 20px;display:grid}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;direction:ltr;flex-shrink:0;justify-content:center;align-items:center;width:1.2em;height:1.2em;font-family:Material Symbols Rounded;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-flex;overflow:hidden}.auth-status{border-bottom:1px solid var(--neutral-200);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-top:none;border-left:none;border-right:none;border-radius:0;margin-bottom:32px;padding:16px 0;position:sticky;top:0;box-shadow:0 4px 20px -2px #0f172a05}.auth-status-inner{width:100%;max-width:1200px;padding:0 var(--content-padding-x);box-sizing:border-box;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;display:flex}.topbar-bell-btn{cursor:pointer;position:relative;box-shadow:none!important;color:var(--neutral-600)!important;background:0 0!important;border:none!important;border-radius:50%!important;outline:none!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;padding:0!important;transition:background-color .2s,color .2s!important;display:flex!important;transform:none!important}.topbar-bell-btn:hover,.topbar-bell-btn:active,.topbar-bell-btn:focus{background-color:var(--neutral-100)!important;box-shadow:none!important;color:var(--neutral-800)!important;border:none!important;outline:none!important;transform:none!important}.topbar-bell-btn:hover .material-symbols-rounded{animation:.6s bell-shake}@keyframes bell-shake{0%{transform:rotate(0)}15%{transform:rotate(10deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}75%{transform:rotate(2deg)}90%{transform:rotate(-2deg)}to{transform:rotate(0)}}.topbar-bell-btn .material-symbols-rounded{transform-origin:top;font-size:24px!important}.bell-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:99px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:4px;right:4px}.topbar-bell-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.bell-dropdown-menu{border:1px solid var(--neutral-200);border-radius:var(--radius-md);box-shadow:var(--shadow-premium);opacity:0;visibility:hidden;z-index:999;background:#fff;flex-direction:column;min-width:320px;padding:0;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:calc(100% + 12px);right:0;overflow:visible;transform:translateY(10px)}.bell-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.bell-dropdown-menu:before{content:"";z-index:1001;border-bottom:12px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:100%;right:12px}.bell-dropdown-menu:after{content:"";border-left:9px solid #0000;border-right:9px solid #0000;border-bottom:13px solid var(--neutral-200);z-index:1000;width:0;height:0;position:absolute;bottom:100%;right:11px}.bell-menu-header{border-bottom:1px solid var(--neutral-100);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.bell-menu-header h4{color:var(--neutral-900);margin:0;font-size:15px;font-weight:700}.mark-read-all{color:var(--primary);cursor:pointer;font-size:12px;font-weight:600;transition:opacity .15s}.mark-read-all:hover{opacity:.8}.bell-menu-list{scrollbar-width:thin;scrollbar-color:#0000001f transparent;flex-direction:column;max-height:280px;display:flex;overflow:hidden auto}.bell-menu-item{border-bottom:1px solid var(--neutral-100);cursor:pointer;gap:12px;padding:12px 16px;text-decoration:none;transition:background-color .2s;display:flex}.bell-menu-item:hover{background-color:var(--neutral-50)}.bell-menu-item.unread{background-color:var(--primary-light)}.bell-menu-item.unread:hover{background-color:#2563eb14}.bell-item-icon{background:var(--neutral-100);width:32px;height:32px;color:var(--neutral-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bell-item-icon span{font-size:18px}.bell-menu-item.unread .bell-item-icon{color:var(--primary);box-shadow:var(--shadow-sm);background:#fff}.bell-item-content{text-align:left;flex-direction:column;gap:2px;min-width:0;display:flex}.bell-item-text{color:var(--neutral-700);word-break:break-word;margin:0;font-size:13px;line-height:1.4}.bell-menu-footer{text-align:center;border-top:1px solid var(--neutral-100);color:var(--primary);cursor:pointer;background-color:var(--neutral-50);padding:12px 16px;font-size:13px;font-weight:600;transition:opacity .15s}.bell-menu-footer:hover{opacity:.8}.topbar-divider{background:var(--neutral-200);flex-shrink:0;width:1px;height:28px}.topbar-user-info{flex-direction:column;align-items:flex-end;gap:1px;min-width:0;display:flex}.topbar-user-name{color:var(--neutral-800);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:14px;font-weight:700;line-height:1.2;overflow:hidden}.topbar-user-role{color:var(--neutral-500);white-space:nowrap;font-size:12px;font-weight:500;line-height:1.2}.user-avatar-trigger{background:linear-gradient(135deg, var(--primary) 0%, #3b82f6 100%);color:#fff;cursor:pointer;width:40px;height:40px;box-shadow:0 0 0 2px var(--neutral-200), var(--shadow-sm);-webkit-user-select:none;user-select:none;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.user-avatar-trigger:hover{transform:none}.user-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.profile-dropdown-menu{border:1px solid var(--neutral-200);border-radius:var(--radius-md);box-shadow:var(--shadow-premium);opacity:0;visibility:hidden;z-index:999;background:#fff;flex-direction:column;gap:12px;min-width:280px;padding:16px;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:calc(100% + 15px);right:0;overflow:visible;transform:translateY(10px)}.profile-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.profile-dropdown-menu:before{content:"";z-index:1001;border-bottom:12px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:100%;right:10px}.profile-dropdown-menu:after{content:"";border-left:9px solid #0000;border-right:9px solid #0000;border-bottom:13px solid var(--neutral-200);z-index:1000;width:0;height:0;position:absolute;bottom:100%;right:9px}.profile-menu-header{border-bottom:1px solid var(--neutral-100);text-align:left;margin-bottom:4px;padding-bottom:12px}.profile-menu-header p.menu-label{color:var(--neutral-400);text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px;font-size:11px;font-weight:600}.profile-menu-header p.menu-email{color:var(--neutral-800);word-break:break-all;margin:0;font-size:14px;font-weight:700}.profile-menu-item{color:var(--neutral-700);border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.profile-menu-item:hover{background:var(--neutral-50);color:var(--neutral-900)}.profile-menu-item.logout-btn{color:#ef4444!important;background-color:#fef2f2!important;transition:background-color .2s,color .2s!important}.profile-menu-item.logout-btn:hover{color:#dc2626!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;background-color:#fee2e2!important}.mobile-nav-drawer .logout-btn{color:#ef4444!important;border-radius:var(--radius-sm)!important;cursor:pointer!important;background-color:#fef2f2!important;border:none!important;align-items:center!important;gap:8px!important;width:calc(100% - 32px)!important;margin:12px 16px!important;padding:12px 16px!important;font-family:inherit!important;font-weight:500!important;transition:background-color .2s,color .2s!important;display:flex!important}.mobile-nav-drawer .logout-btn:hover{color:#dc2626!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;background-color:#fee2e2!important}html.dark .profile-menu-item.logout-btn,html.dark .mobile-nav-drawer .logout-btn{color:#fca5a5!important;background-color:#ef444426!important}html.dark .profile-menu-item.logout-btn:hover,html.dark .mobile-nav-drawer .logout-btn:hover{color:#fee2e2!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;background-color:#ef444440!important}@media (width<=1024px){:root{--content-padding-x:24px;--content-padding-y:24px}.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #ffffff0d;border-right:none;padding:20px}.sidebar nav{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.sidebar a{text-align:center;justify-content:center;padding:10px;font-size:14px}}@media (width<=768px){.landing-hero h1{font-size:28px}.landing-hero p.hero-subtitle{font-size:16px}.hero-ctas{flex-direction:column;align-items:stretch;max-width:320px;margin:0 auto 40px}.landing-search-card{padding:24px}.dictionary-search-row{grid-template-columns:1fr}.dictionary-search-row button{width:100%}.landing-header{flex-direction:column;gap:16px;padding:16px}.landing-nav{flex-wrap:wrap;justify-content:center;gap:16px 20px}}.topbar-logo-wrapper{flex:1;justify-content:flex-start;display:flex}.topbar-nav-wrapper{flex:none;justify-content:center;display:flex}.topbar-right-wrapper{flex:1;justify-content:flex-end;align-items:center;gap:20px;display:flex}.topbar-nav{align-items:center;gap:6px;display:flex}.topbar-nav-link{color:var(--neutral-900);text-transform:uppercase;letter-spacing:.05em;opacity:1;align-items:center;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s;display:flex;background:0 0!important;border:none!important}.topbar-nav-link:hover{color:var(--neutral-900)!important;opacity:.65!important;background:0 0!important;border:none!important}.topbar-nav-link.active{font-weight:700;color:var(--neutral-900)!important;opacity:1!important;background:0 0!important;border:none!important}.topbar-nav-link .material-symbols-rounded{display:none!important}.authenticated-shell .desktop-capsule-nav{display:none}.authenticated-shell .authenticated-content{flex-direction:column;flex:1 0 auto;padding-top:80px;padding-bottom:1.2rem;display:flex}.auth-utility-cluster{z-index:62!important;pointer-events:none!important;background:0 0!important;border-bottom:1px solid #0000!important;width:100%!important;padding:18px 0!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.auth-utility-cluster.scrolled{-webkit-backdrop-filter:blur(12px)!important;background:#f8fafcb8!important;border-bottom:1px solid #e2e8f0cc!important;padding:12px 0!important;box-shadow:0 4px 20px -5px #0f172a08!important}html.dark .auth-utility-cluster.scrolled{background:#080e1cb8!important;border-bottom:1px solid #ffffff0f!important;box-shadow:0 4px 20px -5px #0000004d!important}.auth-utility-cluster__inner{pointer-events:auto!important;justify-content:flex-end!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:0 24px!important;display:flex!important}.auth-utility-sync{color:#eff4ff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a1222ad;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 14px;display:inline-flex}.auth-bottom-dock{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;pointer-events:none;justify-content:center;width:calc(100vw - 24px);display:flex;position:fixed;transform:translate(-50%)}.auth-bottom-dock__inner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#0a1222b8;border:none;border-radius:9999px;align-items:center;gap:6px;width:fit-content;max-width:min(660px,100%);padding:6px;display:flex;box-shadow:0 10px 26px #00000038;overflow:visible!important}.auth-bottom-dock__slot{position:relative}.auth-bottom-dock__item{appearance:none;width:46px;height:46px;box-shadow:none;color:#eff4ffc2;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:all .18s;display:inline-flex;position:relative;border-radius:50%!important}.auth-bottom-dock__item:hover{color:#fff;background:#ffffff14}.auth-bottom-dock__item.active{color:#7dd3fc;background:#7dd3fc26;box-shadow:none!important}.auth-bottom-dock__icon{background:0 0;justify-content:center;align-items:center;display:inline-flex}.auth-bottom-dock__item.active .auth-bottom-dock__icon{color:#7dd3fc}.auth-bottom-dock__item:focus,.auth-bottom-dock__item:focus-visible,.auth-bottom-dock__item:active{box-shadow:none;background:0 0;outline:none}.auth-bottom-dock__tooltip{color:#eff4ff;white-space:nowrap;opacity:0;pointer-events:none;background:#08111ff5;border:1px solid #ffffff14;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;line-height:1;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,8px);box-shadow:0 16px 28px #00000047}.auth-bottom-dock__tooltip:after{content:"";background:#08111ff5;border-bottom:1px solid #ffffff14;border-right:1px solid #ffffff14;width:9px;height:9px;position:absolute;top:100%;left:50%;transform:translate(-50%)rotate(45deg)}.auth-bottom-dock__item:hover .auth-bottom-dock__tooltip{opacity:1;transform:translate(-50%)}.auth-skill-popover{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;background:#0a1222db;border:none;border-radius:18px;gap:2px;min-width:160px;padding:6px;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%,10px);box-shadow:0 24px 46px #00000057}.auth-skill-popover.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.auth-skill-popover__item{color:#eff4ffd1;border-radius:10px;align-items:center;gap:6px;padding:7px 8px;font-size:12px;font-weight:600;text-decoration:none;transition:background-color .16s,color .16s;display:flex}.auth-skill-popover__item:hover{color:#eff4ff;background:#ffffff0f}.auth-skill-popover__item.active{color:#7dd3fc;background:#7dd3fc26}.auth-skill-popover__icon{background:0 0;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.auth-bottom-dock__slot.open .auth-bottom-dock__tooltip{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}.apps-section-header{flex-direction:column;align-items:flex-start;gap:6px;margin:28px 0 16px;display:flex}.apps-section-header .section-title{color:var(--neutral-800);font-size:22px;font-weight:800;font-family:var(--font-display);white-space:nowrap;align-items:center;gap:8px;margin:0;display:flex}.apps-section-header .section-title .material-symbols-rounded{color:var(--primary);font-size:24px}.apps-section-header .section-subtitle{color:var(--neutral-500);margin:0;font-size:14px;font-weight:500}.apps-section-header .section-divider-line{display:none}.launchpad-grid-premium{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:16px;margin-bottom:12px;display:grid}@media (width<=1200px){.launchpad-grid-premium{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.launchpad-grid-premium{grid-template-columns:1fr}.launchpad-card-content-left{max-width:calc(100% - 110px)!important}.launchpad-card-mascot-container{opacity:.9!important;width:150px!important}.launchpad-card-premium{min-height:190px!important;padding:24px 20px!important}}.launchpad-card-premium{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:inherit;text-decoration:none;position:relative;background:#ffffffbf!important;border:1px solid #ffffff80!important;border-radius:20px!important;flex-direction:row!important;align-items:stretch!important;min-height:220px!important;padding:24px!important;transition:background .35s,border-color .35s,box-shadow .35s,transform .35s cubic-bezier(.25,1,.5,1)!important;display:flex!important;overflow:hidden!important;box-shadow:0 10px 30px -10px #0000000a!important}.launchpad-card-premium:hover{transform:translateY(-5px);box-shadow:none!important;border-color:#fffc!important}.launchpad-card-content-left{z-index:2;flex-direction:column;flex-grow:1;justify-content:space-between;max-width:62%;display:flex}.launchpad-card-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.launchpad-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 10px #0000000d}.launchpad-icon-box .material-symbols-rounded{color:#fff;font-size:20px}.launchpad-card-header h4{font-size:17px;font-weight:800;font-family:var(--font-display);margin:0;color:var(--neutral-800)!important}.launchpad-description{flex-grow:1;font-size:13.5px;line-height:1.55;color:var(--neutral-500)!important;margin:0 0 16px!important}.launchpad-arrow{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;color:var(--neutral-600)!important;background:#1a244414!important;align-self:flex-start!important;transition:all .3s cubic-bezier(.25,1,.5,1)!important}.launchpad-arrow .material-symbols-rounded{font-size:18px!important}.launchpad-card-premium:hover .launchpad-arrow{transform:scale(1.08);background:var(--primary)!important;color:#fff!important}.launchpad-card-mascot-container{pointer-events:none;z-index:1;width:215px;position:absolute;top:0;bottom:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000005 5%,#0009 20%,#000 50%)!important;mask-image:linear-gradient(90deg,#0000 0%,#00000005 5%,#0009 20%,#000 50%)!important}.launchpad-card-mascot-container .launchpad-mascot-img{object-fit:cover;object-position:center right;border-radius:0 18px 18px 0;width:100%;height:100%;transition:transform .4s cubic-bezier(.25,1,.5,1);position:absolute;top:0;bottom:0;right:0}.launchpad-card-premium.card-blue .launchpad-icon-box{background:#3b82f6!important;box-shadow:0 6px 12px #3b82f640!important}.launchpad-card-premium.card-blue:hover h4{color:#3b82f6!important}.launchpad-card-premium.card-purple .launchpad-icon-box{background:#a855f7!important;box-shadow:0 6px 12px #a855f740!important}.launchpad-card-premium.card-purple:hover h4{color:#a855f7!important}.launchpad-card-premium.card-pink .launchpad-icon-box{background:#ec4899!important;box-shadow:0 6px 12px #ec489940!important}.launchpad-card-premium.card-pink:hover h4{color:#ec4899!important}.launchpad-card-premium.card-teal .launchpad-icon-box{background:#14b8a6!important;box-shadow:0 6px 12px #14b8a640!important}.launchpad-card-premium.card-teal:hover h4{color:#14b8a6!important}.launchpad-card-premium.card-amber .launchpad-icon-box{background:#f59e0b!important;box-shadow:0 6px 12px #f59e0b40!important}.launchpad-card-premium.card-amber:hover h4{color:#f59e0b!important}.launchpad-card-premium.card-red .launchpad-icon-box{background:#ef4444!important;box-shadow:0 6px 12px #ef444440!important}.launchpad-card-premium.card-red:hover h4{color:#ef4444!important}.launchpad-card-premium.card-indigo .launchpad-icon-box{background:#6366f1!important;box-shadow:0 6px 12px #6366f140!important}.launchpad-card-premium.card-indigo:hover h4{color:#6366f1!important}.launchpad-card-premium.card-slate .launchpad-icon-box{background:#64748b!important;box-shadow:0 6px 12px #64748b40!important}.launchpad-card-premium.card-slate:hover h4{color:#64748b!important}.launchpad-card-premium.card-orange .launchpad-icon-box{background:#fb923c!important;box-shadow:0 6px 12px #fb923c40!important}.launchpad-card-premium.card-orange:hover h4{color:#fb923c!important}.selected-glow{transform:translateY(-2px);box-shadow:0 0 15px #fb923c66!important}.planet-selected-glow{transform:translateY(-2px);box-shadow:0 0 15px #60a5fa66!important}.shake-red-glow{animation:.5s ease-in-out shake;border-color:#f43f5e!important;box-shadow:0 0 20px #f43f5e8c!important}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.dashboard-footer-meta{border-top:1px solid var(--neutral-200);gap:24px;margin-top:12px;padding-top:16px;display:flex}.dashboard-footer-meta .definition-meta{color:var(--neutral-500);align-items:center;gap:6px;margin:0;font-size:13.5px;font-weight:500;display:inline-flex}.dashboard-footer-meta .definition-meta .material-symbols-rounded{color:var(--neutral-400);font-size:16px}.topbar-toggle-btn{display:none!important}@media (width<=1024px){.topbar-nav-wrapper{display:none!important}.topbar-toggle-btn{cursor:pointer;margin-left:8px;box-shadow:none!important;color:var(--neutral-700)!important;background:0 0!important;border:none!important;border-radius:50%!important;outline:none!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;padding:0!important;transition:background-color .2s,color .2s!important;display:flex!important}.topbar-toggle-btn:hover,.topbar-toggle-btn:active,.topbar-toggle-btn:focus{background-color:var(--neutral-100)!important;color:var(--neutral-900)!important;box-shadow:none!important;border:none!important;outline:none!important}.topbar-toggle-btn span,.topbar-toggle-btn .material-symbols-rounded{font-size:24px!important}.auth-status{padding:16px 0!important}}@media (width<=768px){:root{--content-padding-x:16px;--content-padding-y:16px}body{font-size:14px!important;line-height:1.5!important}.auth-status{padding:12px 0!important}.topbar-user-info,.topbar-divider{display:none!important}input,textarea,select,.form-control,.search-input{font-size:16px!important}.bell-dropdown-menu{min-width:290px;right:-115px}.bell-dropdown-menu:before{right:127px!important}.bell-dropdown-menu:after{right:126px!important}.profile-dropdown-menu{min-width:280px;right:-56px;padding:16px!important}.profile-dropdown-menu:before{right:68px!important}.profile-dropdown-menu:after{right:67px!important}}.mobile-nav-drawer{z-index:10000;box-sizing:border-box;background:#fff;flex-direction:column;width:100vw;height:100vh;padding:24px;display:none;position:fixed;top:0;right:0}.mobile-nav-drawer.open{animation:.35s cubic-bezier(.16,1,.3,1) forwards slideLeftDrawer;display:flex}@keyframes slideLeftDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width>=1025px){.mobile-nav-drawer{display:none!important}}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.drawer-close-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex;box-shadow:none!important;color:var(--neutral-700)!important;background:0 0!important;border:none!important}.drawer-close-btn:hover{background-color:var(--neutral-100)!important}.drawer-close-btn span{font-size:28px}.drawer-nav{flex-direction:column;gap:16px;display:flex}.drawer-nav .topbar-nav-link{border-radius:var(--radius-md);text-align:left;box-sizing:border-box;width:100%;display:block;padding:12px 16px!important;font-size:18px!important}.global-search-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}html.dark .global-search-backdrop{background:#020617b3}.global-search-modal{width:100%;max-width:680px;box-shadow:var(--shadow-2xl);color:var(--neutral-800);background:#fff;border:1px solid #00000014;border-radius:20px;flex-direction:column;gap:20px;padding:28px;animation:.25s cubic-bezier(.34,1.56,.64,1) slideDown;display:flex;overflow:hidden}html.dark .global-search-modal{color:#f1f5f9;background:#0f172af2;border-color:#ffffff14;box-shadow:0 25px 50px -12px #00000080}.modal-header{color:var(--neutral-800);border-bottom:none;justify-content:space-between;align-items:center;padding-bottom:0;display:flex}html.dark .modal-header{color:#f1f5f9}.close-modal-btn{background:var(--neutral-50);border:1px solid var(--neutral-200);cursor:pointer;width:36px;height:36px;color:var(--neutral-600);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}html.dark .close-modal-btn{color:#94a3b8;background:#ffffff0d;border-color:#ffffff1a}.close-modal-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fee2e2}html.dark .close-modal-btn:hover{color:#ef4444;background:#ef444426;border-color:#ef444433}.modal-search-form{background:0 0;border:none;align-items:center;gap:12px;width:100%;margin:0;padding:0;display:flex}.modal-search-input{flex:1;transition:all .25s;color:#1e293b!important;box-shadow:none!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:99px!important;outline:none!important;padding:12px 24px!important;font-size:15px!important}html.dark .modal-search-input{color:#f1f5f9!important;background:#1e293b80!important;border-color:#ffffff1a!important}.modal-search-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow)!important;background:#fff!important}html.dark .modal-search-input:focus{background:#1e293bcc!important}.modal-search-input::placeholder{color:#94a3b8}.modal-search-btn{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:99px;align-items:center;gap:6px;height:46px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.modal-search-btn:hover{opacity:.9;transform:translateY(-1px)}.modal-search-btn:disabled{opacity:.6;cursor:not-allowed}.global-search-modal .modal-body-scroll{padding-right:6px}.global-search-modal .modal-body-scroll::-webkit-scrollbar{width:6px}.global-search-modal .modal-body-scroll::-webkit-scrollbar-track{background:0 0}.global-search-modal .modal-body-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}html.dark .global-search-modal .modal-body-scroll::-webkit-scrollbar-thumb{background:#475569}.global-search-modal .dictionary-result-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}html.dark .global-search-modal .dictionary-result-card{background:#1e293b66;border-color:#ffffff0d}.global-search-modal .empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}html.dark .global-search-modal .empty-state{color:#94a3b8}.global-search-modal .empty-state span{color:#cbd5e1;font-size:40px}html.dark .global-search-modal .empty-state span{color:#475569}.global-search-modal .save-word-panel{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-top:16px;padding:14px 20px;display:flex}html.dark .global-search-modal .save-word-panel{background:#1e293b4d;border-color:#ffffff0d}.global-search-modal .save-word-panel p{color:#64748b;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}html.dark .global-search-modal .save-word-panel p{color:#94a3b8}.global-search-modal .save-word-panel button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.global-search-modal .save-word-panel button:hover{background:#1d4ed8}@media (width<=576px){.global-search-backdrop{padding:12px}.global-search-modal{border-radius:16px;gap:14px;max-height:90vh;padding:18px}.modal-header strong{font-size:15px!important}.close-modal-btn{width:32px;min-width:32px;height:32px;min-height:32px}.modal-search-form{gap:8px}.modal-search-input{padding:12px 20px!important;font-size:14px!important}.modal-search-btn{justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;border-radius:50%!important;padding:0!important}.modal-btn-text{display:none!important}.global-search-modal .dictionary-result-card{padding:14px}.global-search-modal .save-word-panel{text-align:center;flex-direction:column;align-items:stretch;gap:12px;padding:12px}.global-search-modal .save-word-panel p{justify-content:center}.global-search-modal .save-word-panel button{justify-content:center;width:100%}.vocab-ai-panel-premium.compact .ai-compact-controls{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.vocab-ai-panel-premium.compact .ai-compact-quota{text-align:center!important;width:100%!important}.vocab-ai-panel-premium.compact .ai-helper-submit-btn{justify-content:center!important;width:100%!important;padding:12px 20px!important}}.global-search-trigger{box-shadow:var(--shadow-sm)}.global-search-trigger:hover{border-color:var(--primary)!important;color:var(--neutral-700)!important;box-shadow:none!important;background:#fff!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.global-search-trigger{justify-content:center;width:40px;height:40px;border-radius:50%!important;min-width:40px!important;padding:0!important}.global-search-trigger span{display:none!important}.global-search-modal{gap:12px;max-width:95%;padding:16px}}.draggable-search-bubble{z-index:9999;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;position:fixed}.draggable-search-bubble.dragging{cursor:grabbing;transition:transform .1s,box-shadow .1s;transform:scale(1.1)}.draggable-search-bubble:hover:not(.dragging){transform:translateY(-4px)scale(1.05)}.draggable-search-bubble:active{cursor:grabbing}.bubble-inner{background:var(--primary);color:#fff;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;box-shadow:0 4px 12px #2563eb59}.bubble-inner span{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 48;font-size:28px!important}.bubble-pulse-ring{display:none}.global-search-modal .dictionary-result{box-shadow:none!important;background:0 0!important;border:none!important;margin-top:12px!important;padding:12px 0 0!important}.global-search-modal .ai-helper-panel{background:var(--neutral-50)!important;border-radius:var(--radius-md)!important;border:none!important;margin-top:12px!important;padding:16px!important}.global-search-modal .ai-result{box-shadow:none!important;background:0 0!important;border:none!important;padding:8px 0 0!important}.global-search-modal .save-word-panel{background:var(--neutral-50)!important;border-radius:var(--radius-md)!important;border:none!important;margin-top:12px!important;padding:16px!important}.draggable-ai-bubble{z-index:9999;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .25s cubic-bezier(.25,1,.5,1),box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px;background:0 0!important;border:none!important;border-radius:50%!important;outline:none!important;padding:0!important}.draggable-ai-bubble:focus,.draggable-ai-bubble:focus-visible{box-shadow:none!important;border-radius:50%!important;outline:none!important}.draggable-ai-bubble:hover{transform:scale(1.06)}.draggable-ai-bubble:active{transform:scale(.95)}.draggable-ai-bubble .bubble-inner{background:linear-gradient(135deg,#4f46e5 0%,#312e81 100%)!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important;overflow:hidden!important;box-shadow:0 4px 16px #4f46e573,inset 0 1px 1px #ffffff40!important}.draggable-ai-bubble.active .bubble-inner{background:var(--neutral-700)!important;border-radius:50%!important;box-shadow:0 4px 12px #00000026!important}.bubble-mascot-avatar{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important;padding:0!important;transition:transform .25s cubic-bezier(.25,1,.5,1)!important;transform:scale(1.15)!important}.draggable-ai-bubble:hover .bubble-mascot-avatar{transform:scale(1.25)rotate(-4deg)!important}.draggable-ai-bubble .bubble-inner span{transition:transform .25s cubic-bezier(.25,1,.5,1)}.draggable-ai-bubble.active .bubble-inner span{transform:rotate(90deg)}.ai-chat-widget{border-radius:var(--radius-xl);z-index:10001;border:1px solid var(--neutral-200);transform-origin:100% 100%;background:#fff;flex-direction:column;width:380px;max-width:calc(100vw - 48px);height:520px;max-height:calc(100vh - 140px);animation:.28s cubic-bezier(.34,1.56,.64,1) forwards widget-fade-in;display:flex;position:fixed;bottom:96px;right:24px;overflow:hidden;box-shadow:0 12px 40px #0000001f}@keyframes widget-fade-in{0%{opacity:0;transform:translateY(40px)scale(.3)}to{opacity:1;transform:translateY(0)scale(1)}}.widget-header{background:var(--primary);color:#fff;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.widget-header-title{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.widget-close-btn{color:#ffffffd9;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.widget-close-btn:hover{color:#fff;background:#ffffff26}.widget-body{background:#f8fafc;flex-direction:column;flex:1;display:flex;overflow:hidden}.widget-messages-scroll{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.widget-message-wrapper{gap:8px;max-width:85%;display:flex}.widget-message-wrapper.user{flex-direction:row-reverse;align-self:flex-end}.widget-message-wrapper.assistant{align-self:flex-start}.widget-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.widget-avatar.user{background:var(--primary-light);color:var(--primary)}.widget-avatar.assistant{color:#475569;background:#e2e8f0}.widget-message-bubble{word-break:break-word;padding:10px 14px;font-size:13.5px;line-height:1.45;border-radius:20px!important}.widget-message-wrapper.user .widget-message-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:20px!important}.widget-message-wrapper.assistant .widget-message-bubble{color:var(--neutral-800);border:1px solid var(--neutral-200);background:#fff;border-bottom-left-radius:20px!important}.widget-presets{white-space:nowrap;border-top:1px solid var(--neutral-100);background:#f8fafc;gap:8px;padding:8px 16px;display:flex;overflow-x:auto;scrollbar-width:none!important;-ms-overflow-style:none!important}.widget-presets::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.widget-presets::-webkit-scrollbar-track{background:0 0!important;display:none!important}.widget-presets::-webkit-scrollbar-thumb{background:0 0!important;display:none!important}.widget-preset-btn{border:1px solid var(--neutral-200);color:var(--neutral-700);cursor:pointer;background:#fff;border-radius:16px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:11.5px;transition:all .2s;display:flex}.widget-preset-btn:hover{background:var(--primary-light);border-color:var(--primary-light);color:var(--primary)}.widget-input-area{border-top:1px solid var(--neutral-200);background:#fff;align-items:flex-end;gap:8px;padding:12px;display:flex}.widget-input{border:1px solid var(--neutral-200);resize:none;border-radius:20px;outline:none;flex:1;max-height:80px;padding:8px 14px;font-size:13.5px;line-height:1.4;transition:border-color .2s}.widget-input:focus{border-color:var(--primary)}.widget-send-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s,transform .1s;display:flex}.widget-send-btn:hover:not(:disabled){background:var(--primary-hover)}.widget-send-btn:active:not(:disabled){transform:scale(.95)}.widget-send-btn:disabled{background:var(--neutral-200);color:var(--neutral-400);cursor:not-allowed}.typing-indicator{align-items:center;gap:4px;padding:4px 8px;display:flex}.typing-dot{background:var(--neutral-400);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typingBounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.floating-search-pill-container{z-index:9999;-webkit-user-select:none;user-select:none;touch-action:none;box-sizing:border-box;transition:width .35s cubic-bezier(.25,1,.5,1),left .35s cubic-bezier(.25,1,.5,1),right .35s cubic-bezier(.25,1,.5,1),transform .25s cubic-bezier(.25,1,.5,1),box-shadow .25s,opacity .2s,background-color .25s,border-color .25s;position:fixed}.floating-search-pill-container.dragging{transition:none!important}.floating-search-pill-container.search-open{opacity:0!important;pointer-events:none!important;transform:scale(.01)!important}.floating-search-pill-container.expanded{border:1px solid var(--neutral-200);cursor:grab;background:#fff;border-radius:22px;align-items:center;width:250px;height:44px;display:flex;box-shadow:0 4px 16px #0000000f}.floating-search-pill-container.expanded:focus-within{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow), 0 4px 16px #00000014!important}.floating-search-pill-container.expanded.dragging{cursor:grabbing;transform:scale(1.02);box-shadow:0 8px 24px #0000001a}.floating-search-pill-container.expanded:hover:not(.dragging){transform:translateY(-2px);box-shadow:none!important}.pill-content-wrapper{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 12px 0 16px;display:flex}.pill-search-trigger{color:var(--neutral-500);flex:1;align-items:center;gap:8px;font-size:13.5px;display:flex}.pill-search-trigger span.material-symbols-rounded{color:var(--neutral-400);font-size:18px}.pill-search-hotkey{background:var(--neutral-100);color:var(--neutral-600);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700}.pill-collapse-btn{box-shadow:none!important;color:var(--neutral-400)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:28px!important;min-width:28px!important;height:28px!important;margin-left:8px!important;padding:0!important;transition:background-color .25s,color .25s!important;display:flex!important}.pill-collapse-btn:hover{background:var(--neutral-50)!important;color:var(--neutral-700)!important;box-shadow:none!important}.floating-search-pill-container.collapsed{border:1px solid var(--neutral-200);background:#fff;justify-content:center;align-items:center;width:36px;height:44px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000000d}.floating-search-pill-container.collapsed.right{border-right:none;border-top-left-radius:22px;border-bottom-left-radius:22px;transform:translate(1px);left:auto!important;right:0!important}.floating-search-pill-container.collapsed.left{border-left:none;border-top-right-radius:22px;border-bottom-right-radius:22px;transform:translate(-1px);left:0!important;right:auto!important}.floating-search-pill-container.collapsed:hover{transform:translate(0);background:var(--neutral-50)!important}.pill-expand-arrow-btn{box-shadow:none!important;color:var(--neutral-500)!important;cursor:pointer!important;background:0 0!important;border:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;height:100%!important;padding:0!important;transition:color .25s!important;display:flex!important}.pill-expand-arrow-btn:hover{color:var(--neutral-800)!important;box-shadow:none!important;background:0 0!important}.pill-expand-arrow-btn span.material-symbols-rounded{font-size:20px}.pill-search-input{color:var(--neutral-800);width:100%;font-size:13.5px;box-shadow:none!important;-webkit-user-select:text!important;user-select:text!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;height:24px!important;margin:0!important;padding:0!important;line-height:24px!important}.pill-search-input:focus{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.pill-search-input::placeholder{color:var(--neutral-400)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.card-grid.large{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.card-grid.compact{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.admin-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:24px;display:grid}.animate-slide-up-fade{animation:.6s cubic-bezier(.16,1,.3,1) both slideUpFade}.animate-fade-in{animation:.35s cubic-bezier(.16,1,.3,1) both slideUpFade}.admin-card{border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--neutral-50);color:inherit;cursor:pointer;gap:16px;padding:20px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.admin-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary)!important}.ai-chat-container{grid-template-columns:1fr 2.5fr;gap:24px;display:grid}.speaking-container{grid-template-columns:1.2fr 1fr;gap:32px;display:grid}.teacher-details-columns{grid-template-columns:1fr 2fr;gap:32px;display:grid}.topbar-left{align-items:center;gap:16px;display:flex}.topbar-right{align-items:center;gap:20px;display:flex}@media (width<=768px){.content section{border-radius:var(--radius-md)!important;padding:16px!important}.class-cover-header{height:120px!important}.features-grid{grid-template-columns:1fr!important;gap:20px!important}.launchpad-grid,.launchpad-grid-premium{grid-template-columns:1fr!important;gap:16px!important}.stats-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:12px!important}.stat-card-premium{gap:14px!important}.card-grid,.card-grid.large,.card-grid.compact,.admin-grid,.ai-chat-container{grid-template-columns:1fr!important;gap:16px!important}.speaking-container{grid-template-columns:1fr!important;gap:20px!important}.teacher-details-columns{grid-template-columns:1fr!important;gap:24px!important}.speaking-practice-page{padding:16px!important}.speaking-visualizer-card{padding:20px 16px!important}.state-machine-card{padding:16px!important}.spec-info-card{padding:12px 16px!important}.saved-word-card header{flex-wrap:wrap!important;gap:12px!important}.saved-word-card{padding:16px!important}.saved-word-card h3{font-size:24px!important}.word-card{padding:16px!important}.topbar-right-wrapper{gap:12px!important}.topbar-logo img{height:26px!important}}@media (width<=576px){.auth-status-inner .topbar-left{display:none!important}.auth-status-inner{justify-content:center!important}}.content .speaking-practice-page,.content .vocabulary-page,.content .vocabulary-page-premium{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.content-wrapper{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex;overflow-x:hidden}.classes-header-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.classes-header-actions .filter-row{gap:8px;display:flex}@media (width<=576px){.classes-header-actions{flex-direction:column;align-items:stretch;gap:12px}.classes-header-actions .primary-button,.classes-header-actions .filter-row{justify-content:center}}.content .profile-page{flex-direction:column;gap:32px;animation:.5s cubic-bezier(.16,1,.3,1) slideUpFade;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-hero-banner{border-radius:var(--radius-lg);border:1px solid var(--neutral-200);box-shadow:var(--shadow-md);background:#fff;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}html.dark .profile-hero-banner{-webkit-backdrop-filter:blur(16px)saturate(180%)!important;background:#0f172a73!important;border-color:#33415580!important;box-shadow:0 35px 80px #00000073,inset 0 1px 1px #ffffff0d!important}.profile-banner-bg{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#c084fc 100%);height:120px;position:relative}.profile-banner-bg:after{content:"";background:radial-gradient(circle at 80% 20%,#ffffff26 0%,#0000 50%);position:absolute;inset:0}.profile-banner-content{z-index:2;align-items:flex-end;gap:24px;margin-top:-60px;padding:0 32px 32px;display:flex;position:relative}.profile-avatar-wrapper{flex-shrink:0;position:relative}.profile-avatar-container-outer{cursor:pointer;box-shadow:var(--shadow-lg);background:#fff;border:4px solid #fff;border-radius:50%;transition:transform .25s,box-shadow .25s;position:relative}html.dark .profile-avatar-container-outer{background:#0f172a99;border-color:#33415580}.profile-avatar-container-outer:hover{transform:scale(1.03);box-shadow:none!important}.profile-avatar-large{color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:40px;font-weight:800;display:flex;position:relative;overflow:hidden}.user-avatar-img-large{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-hover-overlay{color:#fff;opacity:0;background:#0f172a99;border-radius:50%;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.profile-avatar-container-outer:hover .avatar-hover-overlay{opacity:1}.remove-avatar-btn-overlay{cursor:pointer;box-shadow:var(--shadow-sm);position:absolute;top:0;right:0;color:#fff!important;background:#ef4444!important;border:2px solid #fff!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;transition:transform .2s,background-color .2s!important;display:flex!important}html.dark .remove-avatar-btn-overlay{border-color:#1e293b!important}.remove-avatar-btn-overlay:hover{transform:scale(1.1);background-color:#dc2626!important}.remove-avatar-btn-overlay .material-symbols-rounded{font-size:16px!important}.profile-hero-info{flex-direction:column;gap:4px;padding-bottom:8px;display:flex}.profile-name-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.profile-name-row h2{font-size:26px;font-weight:800;font-family:var(--font-display);color:var(--neutral-900);margin:0}.role-badge-premium{color:#4f46e5;text-transform:uppercase;letter-spacing:.5px;background:#4f46e514;border:1px solid #4f46e526;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}html.dark .role-badge-premium{color:#a5b4fc;background:#818cf826;border-color:#818cf84d}.profile-email-sub{color:var(--neutral-500);align-items:center;gap:6px;margin:0;font-size:14px;display:flex}.profile-email-sub .material-symbols-rounded{font-size:18px}.profile-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.profile-left-col,.profile-right-col{flex-direction:column;gap:24px;display:flex}.profile-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:24px;transition:transform .25s,box-shadow .25s;border:1px solid var(--neutral-200)!important}html.dark .profile-card{-webkit-backdrop-filter:blur(16px)saturate(180%)!important;background:#0f172a73!important;border-color:#33415580!important;box-shadow:0 35px 80px #00000073,inset 0 1px 1px #ffffff0d!important}.profile-card:hover{box-shadow:var(--shadow-md)}.card-section-header{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.card-section-icon{color:#4f46e5;background:#4f46e514;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}html.dark .card-section-icon{color:#818cf8;background:#818cf81f}.card-section-header h3{color:var(--neutral-900);margin:8px 0 0;font-size:18px;font-weight:800}.form-card-premium .card-section-header h3{margin:0}.card-section-sub{color:var(--neutral-500);margin:4px 0 0;font-size:13.5px;line-height:1.4}.profile-stats-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.profile-stat-box{border-radius:var(--radius-md);border:1px solid var(--neutral-200);background:var(--neutral-50);align-items:center;gap:16px;padding:20px;transition:transform .2s,border-color .2s;display:flex}html.dark .profile-stat-box{background:#0f172a4d;border-color:#334155}.profile-stat-box:hover{border-color:var(--neutral-300);transform:translateY(-2px)}.profile-stat-box .stat-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.profile-stat-box.box-blue .stat-icon{color:#2563eb;background:#eff6ff}html.dark .profile-stat-box.box-blue .stat-icon{color:#60a5fa;background:#2563eb26}.profile-stat-box.box-teal .stat-icon{color:#0d9488;background:#f0fdfa}html.dark .profile-stat-box.box-teal .stat-icon{color:#2dd4bf;background:#0d948826}.stat-data{flex-direction:column;display:flex}.stat-val{color:var(--neutral-900);font-size:22px;font-weight:800;line-height:1.2}.stat-lbl{color:var(--neutral-500);font-size:12px;font-weight:600}.card-divider{background:var(--neutral-200);height:1px;margin:24px 0}html.dark .card-divider{background:#334155}.user-details-list{flex-direction:column;gap:14px;display:flex}.user-detail-row{justify-content:space-between;align-items:center;font-size:14px;display:flex}.detail-lbl{color:var(--neutral-500);align-items:center;gap:8px;font-weight:600;display:flex}.detail-lbl .material-symbols-rounded{color:var(--neutral-400);font-size:18px}.detail-val{color:var(--neutral-800);font-weight:700}.detail-val.code-font{background:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:13px}html.dark .detail-val.code-font{background:#0f172a80;border-color:#334155}.status-active{color:#10b981;align-items:center;gap:6px;display:flex}.status-active:before{content:"";background:#10b981;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #10b98180}.profile-form-premium{flex-direction:column;gap:24px;margin-top:8px;display:flex}.form-group-premium{flex-direction:column;gap:8px;display:flex}.form-group-premium label{color:var(--neutral-700);font-size:13.5px;font-weight:700}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .material-symbols-rounded{color:var(--neutral-400);pointer-events:none;font-size:20px;position:absolute;left:14px}.input-with-icon input{border:1px solid var(--neutral-200);border-radius:var(--radius-md);background-color:var(--neutral-50);width:100%;color:var(--neutral-900);padding:12px 16px 12px 44px;transition:border-color .25s,box-shadow .25s,background-color .25s;font-size:15px!important}html.dark .input-with-icon input{background-color:#0f172a66;border-color:#334155}.input-with-icon input:focus{background-color:#fff;border-color:#4f46e5;outline:none;box-shadow:0 0 0 4px #4f46e51f}html.dark .input-with-icon input:focus{background-color:#0f172a;box-shadow:0 0 0 4px #6366f133}.form-grid-premium{grid-template-columns:1fr 1fr;gap:16px;display:grid}.profile-alert{border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;font-weight:600;display:flex}.profile-alert .material-symbols-rounded{flex-shrink:0;font-size:20px}.alert-error{color:#dc2626;background:#fef2f2;border:1px solid #dc262626}html.dark .alert-error{color:#fca5a5;background:#dc26261f;border-color:#dc262640}.alert-success{color:#16a34a;background:#f0fdf4;border:1px solid #16a34a26}html.dark .alert-success{color:#86efac;background:#16a34a1f;border-color:#16a34a40}.save-changes-btn-premium{cursor:pointer;justify-content:center;align-self:flex-start;align-items:center;gap:8px;width:fit-content;padding:12px 24px;display:inline-flex;box-shadow:0 4px 12px #4f46e533;color:#fff!important;border-radius:var(--radius-md)!important;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%)!important;border:none!important;font-size:14.5px!important;font-weight:700!important;transition:transform .2s,box-shadow .2s,opacity .2s!important}.save-changes-btn-premium:hover{transform:translateY(-1px);box-shadow:none!important}.save-changes-btn-premium:active{transform:translateY(0)}.save-changes-btn-premium:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=1024px){.profile-grid{grid-template-columns:1fr;gap:24px}}@media (width<=768px){.profile-hero-banner{border-radius:var(--radius-md)}.profile-banner-bg{height:100px}.profile-banner-content{flex-direction:column;align-items:flex-start;gap:16px;margin-top:-50px;padding:0 20px 24px}.profile-avatar-large{width:84px;height:84px;font-size:32px}.profile-hero-info{padding-bottom:0}.form-grid-premium{grid-template-columns:1fr}.save-changes-btn-premium{align-self:stretch;width:100%}}@media (width<=480px){.profile-stats-grid{grid-template-columns:1fr}}html.dark{--neutral-50:#0f172a;--neutral-100:#1e293b;--neutral-200:#334155;--neutral-300:#475569;--neutral-400:#64748b;--neutral-500:#94a3b8;--neutral-600:#cbd5e1;--neutral-700:#e2e8f0;--neutral-800:#f1f5f9;--neutral-900:#f8fafc;--card-bg:#1e293b;--glass-bg:#1e293bcc;--glass-border:#33415580;--primary-light:#1e293b}html.dark body{color:#e2e8f0;background-color:#0f172a}html.dark .app-shell,html.dark .public-shell,html.dark .auth-split-container,html.dark .auth-split-right{background:#0f172a!important}html.dark .auth-status,html.dark .landing-header{background:#0f172acc!important;border-bottom:1px solid #334155!important}html.dark .content section,html.dark .dictionary-result,html.dark .word-card,html.dark .saved-word-card,html.dark .launchpad-card,html.dark .daily-study-card,html.dark .profile-dropdown-menu,html.dark .bell-dropdown-menu,html.dark .mobile-nav-drawer,html.dark .landing-search-card,html.dark .feature-card,html.dark .step-item,html.dark .cta-box{color:var(--neutral-700)!important;background:#1e293b00!important;border-color:#33415500!important}html.dark .content .dashboard-page,html.dark .content .profile-page,html.dark .content .vocabulary-page,html.dark .content .vocabulary-page-premium,html.dark .content .speaking-practice-page,html.dark .content .admin-dashboard-page:not(.liquid-glass){box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}html.dark .bell-dropdown-menu:before,html.dark .profile-dropdown-menu:before{border-bottom-color:#1e293b!important}html.dark .bell-dropdown-menu:after,html.dark .profile-dropdown-menu:after{border-bottom-color:#334155!important}html.dark .topbar-divider{border-left-color:#334155!important}html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark strong,html.dark .topbar-user-name,html.dark .topbar-logo,html.dark .landing-logo{color:#f8fafc!important}html.dark p,html.dark span,html.dark li,html.dark label,html.dark .dictionary-intro,html.dark .detail-label{color:#cbd5e1!important}html.dark input,html.dark select,html.dark textarea{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}html.dark input:focus{border-color:var(--primary)!important}html.dark .google-auth-btn{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important}html.dark .google-auth-btn:hover{background:#334155!important;border-color:#475569!important}html.dark .auth-remember-me label.checkbox-label{color:#cbd5e1!important}html.dark .auth-remember-me label.checkbox-label input[type=checkbox]{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important;accent-color:#38bdf8!important}.topbar-theme-btn{cursor:pointer;box-shadow:none!important;color:var(--neutral-600)!important;background:0 0!important;border:none!important;border-radius:50%!important;outline:none!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;padding:0!important;transition:background-color .2s,color .2s!important;display:flex!important}.topbar-theme-btn:hover,.topbar-theme-btn:active,.topbar-theme-btn:focus{background-color:var(--neutral-100)!important;color:var(--neutral-800)!important;box-shadow:none!important;border:none!important;outline:none!important}html.dark .topbar-theme-btn,html.dark .topbar-theme-btn:hover,html.dark .topbar-theme-btn:active,html.dark .topbar-theme-btn:focus{color:#fbbf24!important}.topbar-theme-btn:hover .material-symbols-rounded{animation:.6s theme-shake}@keyframes theme-shake{0%{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}90%{transform:rotate(-5deg)}to{transform:rotate(0)}}.topbar-theme-btn .material-symbols-rounded{transform-origin:50%;font-size:24px!important}html.dark .floating-search-pill-container.expanded{-webkit-backdrop-filter:none!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 16px #00000040!important}html.dark .floating-search-pill-container.expanded:focus-within{border-color:#38bdf8!important;box-shadow:0 0 0 3px #38bdf826,0 4px 16px #0000004d!important}html.dark .floating-search-pill-container.collapsed{-webkit-backdrop-filter:none!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 12px #0003!important}html.dark .floating-search-pill-container.collapsed:hover{background:#334155!important;border-color:#475569!important}html.dark .pill-search-input,html.dark .pill-search-input:focus{color:#f8fafc!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;padding:0!important}html.dark .pill-search-input::placeholder{color:#64748b!important}html.dark .pill-search-trigger{color:#94a3b8!important}html.dark .pill-search-trigger span.material-symbols-rounded{color:#64748b!important}html.dark .pill-search-hotkey{color:#cbd5e1!important;background:#334155!important}html.dark .pill-collapse-btn{color:#64748b!important}html.dark .pill-collapse-btn:hover{color:#f8fafc!important;background:#ffffff0f!important}html.dark .pill-expand-arrow-btn{color:#94a3b8!important}html.dark .pill-expand-arrow-btn:hover{color:#f8fafc!important;background:0 0!important}html.dark .ai-chat-widget{background:#1e293b!important;border-color:#334155!important;box-shadow:0 12px 40px #0006!important}html.dark .widget-header{color:#f8fafc!important;background:#1e293b!important;border-bottom:1px solid #334155!important}html.dark .widget-close-btn{color:#94a3b8!important}html.dark .widget-close-btn:hover{color:#f8fafc!important;background:#ffffff0f!important}html.dark .widget-body{background:#0f172a!important}html.dark .widget-presets{background:#0f172a!important;border-top-color:#1e293b!important}html.dark .widget-preset-btn{color:#cbd5e1!important;background:#1e293b!important;border-color:#334155!important}html.dark .widget-preset-btn:hover{color:#38bdf8!important;background:#38bdf81a!important;border-color:#38bdf8!important}html.dark .widget-message-wrapper.assistant .widget-message-bubble{color:#cbd5e1!important;background:#1e293b!important;border-color:#334155!important}html.dark .widget-avatar.assistant{color:#cbd5e1!important;background:#334155!important}html.dark .widget-avatar.user{color:#38bdf8!important;background:#38bdf81a!important}html.dark .widget-input-area{background:#1e293b!important;border-top-color:#334155!important}html.dark .widget-input{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}html.dark .widget-input:focus{border-color:#38bdf8!important}html.dark .widget-send-btn{color:#38bdf8!important}html.dark .widget-send-btn:disabled{color:#475569!important}.widget-message-bubble.loading-bubble{border:1px solid var(--neutral-200);background:#fff;border-bottom-left-radius:20px!important}html.dark .widget-message-bubble.loading-bubble{background:#1e293b!important;border-color:#334155!important}html.dark .draggable-ai-bubble.active .bubble-inner{color:#cbd5e1!important;background:#334155!important;border-radius:50%!important;box-shadow:0 4px 12px #0000004d!important}@media (width<=768px){.authenticated-shell .authenticated-content{padding-bottom:4.5rem;padding-top:80px!important}.authenticated-shell .authenticated-content.content-full-bleed{padding-top:0!important;padding-bottom:0!important}.auth-bottom-dock{padding-bottom:calc(24px + env(safe-area-inset-bottom));width:calc(100vw - 16px);bottom:16px}.draggable-ai-bubble{bottom:calc(108px + env(safe-area-inset-bottom))!important;right:16px!important}.ai-chat-widget{bottom:calc(180px + env(safe-area-inset-bottom))!important;max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 220px)!important;right:16px!important}.auth-bottom-dock__inner{gap:4px;max-width:100%;padding:6px}.auth-bottom-dock__item{width:42px;height:42px;border-radius:50%!important}.auth-bottom-dock__icon{border-radius:10px;width:28px;height:28px}.auth-skill-popover{min-width:184px}.auth-utility-cluster{padding:8px 0!important}.auth-utility-cluster__inner{gap:8px!important;padding:0 12px!important}.dashboard-welcome-banner{padding:24px}.welcome-banner-content{flex-direction:column;align-items:flex-start;gap:16px}.welcome-avatar{width:64px;height:64px;font-size:24px}.welcome-text h2{font-size:24px}.daily-study-card-premium{flex-direction:column;align-items:flex-start;padding:24px}.daily-study-card-premium .card-right{align-items:flex-start;width:100%}.study-actions-premium{width:100%}.study-actions-premium a{justify-content:center;width:100%}.dashboard-footer-meta{flex-direction:column;gap:10px}}html.dark .dashboard-welcome-banner{box-shadow:none!important;background:0 0!important;border:none!important}html.dark .daily-study-card-premium,html.dark .stat-card-premium,html.dark .launchpad-card-premium{-webkit-backdrop-filter:blur(16px)!important;background:#0f172a73!important;border-color:#ffffff14!important}html.dark .daily-study-card-premium:after{background:#6366f1}html.dark .daily-study-card-premium:hover,html.dark .stat-card-premium:hover,html.dark .launchpad-card-premium:hover{background:#1e293bd9!important;border-color:#6366f14d!important}html.dark .daily-study-card-premium .status-indicator{background:#33415580!important}html.dark .daily-study-card-premium .status-text{color:var(--neutral-300)!important}html.dark .daily-study-card-premium h3,html.dark .stat-card-premium .stat-meta strong,html.dark .launchpad-card-premium h4,html.dark .apps-section-header .section-title{color:#f1f5f9!important}html.dark .daily-study-card-premium .status-desc,html.dark .stat-card-premium .stat-meta span,html.dark .launchpad-card-premium p,html.dark .dashboard-footer-meta .definition-meta{color:#94a3b8!important}html.dark .daily-study-card-premium .status-desc strong{color:#f8fafc!important}html.dark .apps-section-header .section-divider-line,html.dark .dashboard-footer-meta{background:#334155!important;border-color:#334155!important}html.dark .launchpad-card-premium.card-blue .launchpad-icon-box,html.dark .launchpad-card-premium.card-blue .launchpad-icon-premium,html.dark .stat-card-premium.blue .stat-icon-wrapper{color:#60a5fa!important;background:#2563eb38!important}html.dark .launchpad-card-premium.card-purple .launchpad-icon-box,html.dark .launchpad-card-premium.card-purple .launchpad-icon-premium,html.dark .stat-card-premium.indigo .stat-icon-wrapper{color:#c084fc!important;background:#9333ea38!important}html.dark .launchpad-card-premium.card-pink .launchpad-icon-box,html.dark .launchpad-card-premium.card-pink .launchpad-icon-premium,html.dark .stat-card-premium.rose .stat-icon-wrapper{color:#f472b6!important;background:#db277738!important}html.dark .launchpad-card-premium.card-teal .launchpad-icon-box,html.dark .launchpad-card-premium.card-teal .launchpad-icon-premium,html.dark .stat-card-premium.green .stat-icon-wrapper{color:#2dd4bf!important;background:#0d948838!important}html.dark .launchpad-card-premium.card-amber .launchpad-icon-box,html.dark .launchpad-card-premium.card-amber .launchpad-icon-premium,html.dark .stat-card-premium.amber .stat-icon-wrapper{color:#fbbf24!important;background:#d9770638!important}html.dark .launchpad-card-premium.card-red .launchpad-icon-box,html.dark .launchpad-card-premium.card-red .launchpad-icon-premium{color:#f87171!important;background:#dc262638!important}html.dark .launchpad-card-premium.card-indigo .launchpad-icon-box,html.dark .launchpad-card-premium.card-indigo .launchpad-icon-premium{color:#818cf8!important;background:#4f46e538!important}html.dark .launchpad-card-premium.card-slate .launchpad-icon-box,html.dark .launchpad-card-premium.card-slate .launchpad-icon-premium{color:#94a3b8!important;background:#47556938!important}html.dark .launchpad-card-premium.card-orange .launchpad-icon-box,html.dark .launchpad-card-premium.card-orange .launchpad-icon-premium{color:#fb923c!important;background:#fb923c38!important}html.dark .success-message{color:#34d399!important;background:#10b98126!important;border-color:#10b9814d!important}html.dark .error-message,html.dark .btn-archive-class,html.dark .btn-remove-student{color:#f87171!important;background:#ef444426!important;border-color:#ef44444d!important}html.dark .btn-archive-class:hover,html.dark .btn-remove-student:hover{color:#fca5a5!important;background:#ef444440!important}html.dark .ai-chat-box,html.dark .ai-chat-sidebar{background:#1e293b!important;border-color:#334155!important}html.dark .message-icon{color:#cbd5e1!important;background:#0f172a!important}html.dark .message-icon.bg-success{color:#34d399!important;background:#10b98133!important}html.dark .ai-helper-panel{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)!important;border-color:#334155!important}html.dark .ai-result{color:#cbd5e1!important;background:#0f172a!important;border-color:#334155!important}html.dark .ai-result h5{color:#818cf8!important}html.dark .saved-word-card{background:#1e293b!important;border-color:#334155!important}html.dark .saved-word-card:hover{background:#243147!important;border-color:#475569!important}html.dark .saved-word-card h3{color:#f8fafc!important}html.dark .saved-word-card .eyebrow{color:#94a3b8!important;background:#33415580!important}html.dark .saved-word-card>p{color:#cbd5e1!important}html.dark .saved-word-card header button.secondary-button{color:#64748b!important}html.dark .saved-word-card header button.secondary-button:hover{color:#f87171!important;background:#ef44441a!important}html.dark .saved-word-card>a{color:#60a5fa!important;background:#2563eb26!important}html.dark .saved-word-card>a:hover{color:#fff!important;background:#2563eb!important}html.dark .saved-word-card .definition-meta{color:#64748b!important}@media (width<=768px){.saved-word-list{grid-template-columns:1fr;gap:16px}.saved-word-card{padding:20px}.saved-word-card h3{font-size:24px}.vocabulary-page .study-actions{flex-direction:column;align-items:stretch;width:100%;padding:12px;display:flex}.vocabulary-page .study-actions .cta-link,.vocabulary-page .study-actions .secondary-button{justify-content:center;width:100%}}.speaking-practice-page{flex-direction:column;gap:28px;animation:.4s ease-out fadeIn;display:flex}.speaking-header{margin-bottom:8px}.speaking-header h2{color:var(--neutral-900);font-size:32px;font-weight:800;font-family:var(--font-display);margin:4px 0 0}.speaking-visualizer-card{border:1px solid var(--neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:32px;padding:36px;transition:border-color .3s,box-shadow .3s;display:flex}.speaking-visualizer-card:hover{box-shadow:var(--shadow-md)}.mic-indicator-wrapper{text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}.mic-circle{border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mic-circle.idle{background:var(--neutral-100);color:var(--neutral-600);border:1px solid var(--neutral-200);cursor:pointer}.mic-circle.idle:hover{background:var(--neutral-200);transform:scale(1.05)}.mic-circle.recording{color:#ef4444;background:#fee2e2;border:1px solid #fca5a5;box-shadow:0 0 0 6px #ef44441f}.mic-circle.completed{color:#10b981;background:#f0fdf4;border:1px solid #bbf7d0}.mic-circle.completed:hover{cursor:pointer;background:#dcfce7;transform:scale(1.05)}.mic-circle.uploading,.mic-circle.queued,.mic-circle.processing{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.mic-pulse-ring-1,.mic-pulse-ring-2{opacity:0;pointer-events:none;border:2px solid #ef4444;border-radius:50%;position:absolute;inset:-12px}.mic-circle.recording .mic-pulse-ring-1{animation:2s linear infinite mic-pulse}.mic-circle.recording .mic-pulse-ring-2{animation:2s linear 1s infinite mic-pulse}@keyframes mic-pulse{0%{opacity:.6;transform:scale(.85)}to{opacity:0;transform:scale(1.4)}}.mic-indicator-wrapper .status-text{color:var(--neutral-800);max-width:320px;min-height:48px;margin:0;font-size:15px;font-weight:600;line-height:1.6}.waveform-mockup{opacity:.2;justify-content:center;align-items:center;gap:5px;width:100%;max-width:240px;height:36px;margin-top:4px;transition:opacity .3s;display:flex}.waveform-mockup.recording{opacity:1}.waveform-mockup .wave-bar{background:var(--neutral-300);border-radius:2px;width:4px;height:8px;transition:background-color .3s;display:inline-block}.waveform-mockup.recording .wave-bar{background:#ef4444;animation:1s ease-in-out infinite bounce-wave}.waveform-mockup.recording .wave-bar:first-child{height:16px;animation-delay:.1s}.waveform-mockup.recording .wave-bar:nth-child(2){height:24px;animation-delay:.3s}.waveform-mockup.recording .wave-bar:nth-child(3){height:12px;animation-delay:.5s}.waveform-mockup.recording .wave-bar:nth-child(4){height:32px;animation-delay:.2s}.waveform-mockup.recording .wave-bar:nth-child(5){height:20px;animation-delay:.4s}.waveform-mockup.recording .wave-bar:nth-child(6){height:28px;animation-delay:.6s}.waveform-mockup.recording .wave-bar:nth-child(7){height:14px;animation-delay:.15s}.waveform-mockup.recording .wave-bar:nth-child(8){height:22px;animation-delay:.35s}.waveform-mockup.recording .wave-bar:nth-child(9){height:10px;animation-delay:.55s}.waveform-mockup.recording .wave-bar:nth-child(10){height:18px;animation-delay:.25s}@keyframes bounce-wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(2.6)}}.spec-info-card{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);text-align:left;padding:20px 24px}.spec-info-card h4{color:var(--neutral-800);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:14px;font-weight:800}.spec-info-card p{color:var(--neutral-600);align-items:flex-start;gap:8px;margin:0 0 10px;font-size:13.5px;line-height:1.5;display:flex}.spec-info-card p:last-child{margin-bottom:0}.spec-info-card p .material-symbols-rounded{color:var(--neutral-400);flex-shrink:0;margin-top:2px;font-size:18px}.spec-info-card strong{color:var(--neutral-800)}.state-machine-card{border:1px solid var(--neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-align:left;background:#fff;flex-direction:column;gap:16px;padding:36px;display:flex}.state-machine-card h4{color:var(--neutral-850);font-size:18px;font-weight:800;font-family:var(--font-display);margin:0}.state-machine-card .dictionary-hint{color:var(--neutral-500);margin:0 0 8px;font-size:14px}.state-steps{flex-direction:column;gap:8px;margin:8px 0 12px;display:flex}.state-step-item{border-radius:var(--radius-md);color:var(--neutral-600);background:var(--neutral-50);border:1px solid var(--neutral-100);align-items:center;gap:12px;padding:12px 18px;font-size:13.5px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.state-step-item .material-symbols-rounded{color:var(--neutral-400);font-size:18px}.state-step-item.active{background:var(--primary-light);color:var(--primary);box-shadow:var(--shadow-sm);border-color:#2563eb33;font-weight:700;transform:translate(4px)}.state-step-item.active .material-symbols-rounded{color:var(--primary)}.state-debug-note{color:var(--neutral-500);margin:0 0 8px;font-size:13.5px}.state-debug-note strong{text-transform:uppercase;letter-spacing:.05em;font-size:12px}.btn-mock-record{justify-content:center;width:100%;padding:14px 20px!important;font-size:14.5px!important}html.dark .speaking-visualizer-card,html.dark .state-machine-card{background:#1e293b!important;border-color:#334155!important}html.dark .spec-info-card,html.dark .state-step-item{color:#94a3b8!important;background:#0f172a66!important;border-color:#334155!important}html.dark .state-step-item.active{color:#60a5fa!important;background:#2563eb26!important;border-color:#2563eb4d!important}html.dark .state-step-item.active .material-symbols-rounded{color:#60a5fa!important}html.dark .mic-circle.idle{color:#94a3b8!important;background:#0f172a80!important;border-color:#334155!important}html.dark .mic-circle.idle:hover{color:#f8fafc!important;background:#334155!important}html.dark .mic-circle.completed{color:#34d399!important;background:#10b9811f!important;border-color:#10b9814d!important}html.dark .mic-circle.uploading,html.dark .mic-circle.queued,html.dark .mic-circle.processing{color:#60a5fa!important;background:#2563eb1f!important;border-color:#2563eb4d!important}html.dark .speaking-header h2,html.dark .spec-info-card h4,html.dark .state-machine-card h4,html.dark .mic-indicator-wrapper .status-text,html.dark .spec-info-card strong{color:#f1f5f9!important}html.dark .state-machine-card .dictionary-hint,html.dark .spec-info-card p,html.dark .state-debug-note{color:#94a3b8!important}@media (width<=900px){.speaking-container{grid-template-columns:1fr;gap:24px}}.session-countdown{border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.session-countdown.is-upcoming{background:var(--primary-light);color:var(--primary)}.session-countdown.is-live{color:#15803d;background:#dcfce7;animation:2s ease-in-out infinite pulse-live}.session-countdown.is-ended{background:var(--neutral-100);color:var(--neutral-600)}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.7}}.teacher-filter-bar{box-shadow:none;background:0 0;border:none;border-radius:0;grid-template-columns:1fr auto auto;gap:12px;margin-bottom:8px;padding:12px 0;display:grid}.teacher-filter-bar .search-input-wrapper{align-items:center;display:flex;position:relative}.teacher-filter-bar .search-input-wrapper input{border:1px solid var(--neutral-200);background:var(--card-bg);width:100%;color:var(--neutral-900);border-radius:99px;padding:10px 14px 10px 36px;font-size:14px;transition:all .2s}.teacher-filter-bar .search-input-wrapper input::placeholder{color:var(--neutral-500);opacity:1}.teacher-filter-bar .search-input-wrapper input:focus{border-color:var(--primary);background:var(--card-bg);outline:none;box-shadow:0 0 0 3px #7c3aed26}.teacher-filter-bar .search-input-wrapper .search-icon{color:var(--neutral-500);font-size:18px;position:absolute;left:12px}.teacher-filter-bar .filter-select{border-radius:var(--radius-md);border:1px solid var(--neutral-200);background-color:var(--card-bg);color:var(--neutral-800);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:1.15rem;outline:none;padding:10px 36px 10px 16px;font-size:14px;transition:all .2s}.teacher-filter-bar .filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.class-card-meta{color:var(--neutral-600);align-items:center;gap:16px;margin:6px 0;font-size:13px;display:flex}.class-card-meta span{align-items:center;gap:4px;display:inline-flex}.class-card-next-session{background:var(--neutral-50);border-radius:var(--radius-md);border:1px solid var(--neutral-100);justify-content:space-between;align-items:center;margin-top:6px;padding:8px 12px;display:flex}.class-card-next-session .next-session-title{color:var(--neutral-700);text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:12px;font-weight:600;overflow:hidden}.invite-toggle-container{border-top:1px solid var(--neutral-100);justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.invite-toggle-label{color:var(--neutral-700);font-size:13px;font-weight:600}.invite-toggle-label .invite-status-open{color:#15803d}.invite-toggle-label .invite-status-closed{color:#b91c1c}.members-header-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.member-search-wrapper{align-items:center;display:flex;position:relative}.member-search-wrapper input{border-radius:var(--radius-md);border:1px solid var(--neutral-200);background:var(--neutral-50);width:100%;color:var(--neutral-800);padding:10px 14px 10px 36px;font-size:13.5px;transition:all .2s}.member-search-wrapper input:focus{border-color:var(--primary);background:var(--card-bg);outline:none}.member-search-wrapper .search-icon{color:var(--neutral-400);font-size:18px;position:absolute;left:12px}.session-actions-wrapper{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px;display:grid}.btn-quick-complete{color:#15803d!important;background:#dcfce7!important;border-color:#bcf0da!important}.btn-quick-complete:hover{background:#bcf0da!important}.btn-quick-cancel{color:#991b1b!important;background:#fee2e2!important;border-color:#fecaca!important}.btn-quick-cancel:hover{background:#fecaca!important}.duration-helpers-row{gap:6px;margin-top:6px;display:flex}.btn-duration-helper{padding:4px 10px!important;font-size:11px!important}html.dark .teacher-filter-bar{background:0 0;border-color:#0000}html.dark .teacher-filter-bar .search-input-wrapper input{color:#f1f5f9;background:#0f172a;border-color:#334155}html.dark .teacher-filter-bar .search-input-wrapper input::placeholder{color:#94a3b8;opacity:1}html.dark .teacher-filter-bar .search-input-wrapper input:focus{border-color:var(--primary);background:#1e293b}html.dark .teacher-filter-bar .search-input-wrapper .search-icon{color:#94a3b8}html.dark .teacher-filter-bar .filter-select{color:#f1f5f9;background-color:#1e293b;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");border-color:#334155}html.dark .teacher-filter-bar .filter-select:focus{border-color:var(--primary)}html.dark .class-card-next-session{background:#0f172a66;border-color:#334155}html.dark .class-card-next-session .next-session-title{color:#cbd5e1}html.dark .invite-toggle-container{border-color:#334155}html.dark .invite-toggle-label{color:#cbd5e1}html.dark .member-search-wrapper input{color:#f1f5f9;background:#1e293b;border-color:#334155}html.dark .member-search-wrapper input:focus{background:#0f172a}html.dark .btn-quick-complete{color:#34d399!important;background:#10b98126!important;border-color:#10b9814d!important}html.dark .btn-quick-complete:hover{background:#10b98140!important}html.dark .btn-quick-cancel{color:#f87171!important;background:#ef444426!important;border-color:#ef44444d!important}html.dark .btn-quick-cancel:hover{background:#ef444440!important}@media (width<=600px){.teacher-filter-bar{grid-template-columns:1fr}}.guest-tip-banner{border-radius:var(--radius-lg)!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;justify-content:center!important;align-items:center!important;margin-bottom:32px!important;padding:14px 20px!important;display:flex!important;box-shadow:0 4px 12px #2563eb05!important}html.dark .guest-tip-banner{box-shadow:none!important;background:#38bdf814!important;border-color:#38bdf833!important}.guest-tip-content{font-family:var(--font-sans)!important;color:var(--primary)!important;text-align:center!important;align-items:center!important;gap:10px!important;font-size:14.5px!important;font-weight:500!important;line-height:1.5!important;display:inline-flex!important}html.dark .guest-tip-content{color:#38bdf8!important}.guest-tip-content .material-symbols-rounded{color:#f59e0b!important;font-size:18px!important}.guest-tip-link{color:var(--primary)!important;font-weight:700!important;text-decoration:underline!important;transition:opacity .2s!important}html.dark .guest-tip-link{color:#38bdf8!important}.guest-tip-link:hover{opacity:.8!important}@media (width<=1024px){input,textarea,select,.input,.form-control,.search-input{box-sizing:border-box!important;font-size:16px!important}input:focus,textarea:focus,select:focus,.input:focus{outline:none!important}}.landing-header-premium{z-index:1000!important;pointer-events:none!important;justify-content:center!important;width:100%!important;max-width:1831px!important;padding:24px 16px 0!important;transition:all .3s!important;display:flex!important;position:fixed!important;top:0!important;left:50%!important;transform:translate(-50%)!important}.landing-header-premium.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#010828b3!important;border-bottom:1px solid #0ea5e926!important;padding-top:12px!important;padding-bottom:12px!important;box-shadow:0 10px 40px #00000080!important}html:not(.dark) .landing-header-premium.scrolled{background:#eff6ffcc!important;border-bottom:1px solid #0ea5e91f!important;box-shadow:0 10px 40px #0ea5e90a!important}@media (width>=640px){.landing-header-premium{padding-top:32px!important;padding-left:32px!important;padding-right:32px!important}}@media (width>=768px){.landing-header-premium{padding-left:48px!important;padding-right:48px!important}}@media (width>=1024px){.landing-header-premium{padding-left:64px!important;padding-right:64px!important}}.landing-header-premium .header-inner{pointer-events:auto!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:64px!important;display:flex!important;position:relative!important}.brand-logo-accent{color:#fff!important;text-shadow:none!important;align-items:center!important;padding:4px 8px!important;font-family:Condiment,cursive!important;font-size:38px!important;line-height:1.4!important;text-decoration:none!important;transition:all .3s!important;display:inline-flex!important}.brand-logo-accent:hover{text-shadow:none!important;transform:scale(1.05)!important}.desktop-capsule-nav{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;z-index:10!important;background:#ffffff03!important;border:none!important;border-radius:28px!important;padding:24px 52px!important;transition:all .3s!important;display:block!important;position:absolute!important;top:0!important;left:50%!important;overflow:hidden!important;transform:translate(-50%)!important;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #00000026,0 8px 32px #0006!important}@media (width<=1024px){.desktop-capsule-nav{display:none!important}}.capsule-nav-list{align-items:center!important;gap:32px!important;margin:0!important;padding:0!important;list-style:none!important;display:flex!important}.capsule-nav-link{text-transform:uppercase!important;letter-spacing:.05em!important;color:#fff!important;font-family:Anton,sans-serif!important;font-size:13px!important;text-decoration:none!important;transition:color .2s!important}.capsule-nav-link:hover,.capsule-nav-link.active{color:#0ea5e9!important}.premium-auth-buttons{align-items:center!important;gap:16px!important;display:flex!important}.topbar-theme-btn-premium{box-shadow:none!important;color:#eff4ff!important;cursor:pointer!important;aspect-ratio:1!important;background:0 0!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;transition:all .2s!important;display:flex!important}.topbar-theme-btn-premium:hover{color:#0ea5e9!important;background:#0ea5e91f!important}.login-btn-premium{text-transform:uppercase!important;letter-spacing:.05em!important;color:#eff4ff!important;border:1px solid #eff4ff4d!important;border-radius:16px!important;padding:10px 24px!important;font-family:Anton,sans-serif!important;font-size:13px!important;text-decoration:none!important;transition:all .2s!important}.login-btn-premium:hover{background:#ffffff1a!important;border-color:#eff4ff!important;transform:translateY(-1px)!important}.register-btn-premium{text-transform:uppercase!important;letter-spacing:.05em!important;color:#010828!important;background:#0ea5e9!important;border-radius:16px!important;padding:10px 28px!important;font-family:Anton,sans-serif!important;font-size:13px!important;text-decoration:none!important;transition:all .2s!important;box-shadow:0 0 15px #0ea5e966!important}.register-btn-premium:hover{box-shadow:none!important;transform:translateY(-1px)!important}.guest-dictionary-shell{color:#eff4ff!important;background:radial-gradient(circle at 15% 15%,#0ea5e90f 0%,#0000 45%),radial-gradient(circle at 85% 75%,#2563eb1f 0%,#0000 50%),radial-gradient(circle,#8b5cf60d 0%,#0000 60%),linear-gradient(#010725 0%,#030b30 50%,#01051c 100%)!important;min-height:100vh!important;position:relative!important;overflow-x:hidden!important}.guest-dictionary-shell .cosmic-bg-overlay,.guest-dictionary-shell .landing-starfield,.guest-dictionary-shell .cosmic-texture-overlay{display:block!important}.guest-dictionary-content{box-sizing:border-box!important;width:100%!important;max-width:1200px!important;margin:0 auto!important;padding-top:190px!important;padding-left:24px!important;padding-right:24px!important}.guest-dictionary-shell .content section,.guest-dictionary-shell section.dictionary-page,.guest-dictionary-shell section.vocabulary-page,.guest-dictionary-shell section.vocabulary-page-premium,.guest-dictionary-shell section.speaking-practice-page,.guest-dictionary-shell section.ai-assistant-page,.guest-dictionary-shell section.review-page,html.dark .guest-dictionary-shell .content section,html.dark .guest-dictionary-shell section.dictionary-page,html.dark .guest-dictionary-shell section.vocabulary-page,html.dark .guest-dictionary-shell section.vocabulary-page-premium,html.dark .guest-dictionary-shell section.speaking-practice-page,html.dark .guest-dictionary-shell section.ai-assistant-page,html.dark .guest-dictionary-shell section.review-page{box-shadow:none!important;color:#eff4ff!important;background:0 0!important;border:none!important;padding:0!important}.guest-header-content{text-align:left!important;width:100%!important;margin-bottom:40px!important}.guest-header-content .eyebrow{color:#0ea5e9!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin-bottom:8px!important;font-family:Outfit,sans-serif!important;font-size:13px!important;font-weight:600!important}.guest-header-content h2{text-transform:none!important;color:#fff!important;letter-spacing:-.02em!important;margin-top:0!important;font-family:Outfit,sans-serif!important;font-size:40px!important;font-weight:700!important;line-height:1.2!important}.guest-header-content .dictionary-intro{color:#eff4ffb3!important;max-width:640px!important;margin-top:10px!important;margin-bottom:0!important;font-family:Inter,sans-serif!important;font-size:15px!important;line-height:1.6!important}.guest-dictionary-content .guest-tip-banner{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#0ea5e90a!important;border:1px solid #0ea5e926!important;border-radius:20px!important;box-shadow:0 8px 32px #0ea5e905!important}.guest-dictionary-content .guest-tip-content{color:#eff4ff!important}.guest-dictionary-content .guest-tip-content .material-symbols-rounded{color:#0ea5e9!important}.guest-dictionary-content .guest-tip-link{color:#0ea5e9!important;font-weight:700!important;text-decoration:underline!important}.guest-dictionary-content .guest-tip-link:hover{opacity:.8!important}.guest-dictionary-content .dictionary-search{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#ffffff03!important;border:none!important;border-radius:24px!important;padding:36px!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff14,0 16px 48px #00000080!important}.guest-dictionary-content .dictionary-search:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#fff6 0%,#ffffff1a 20%,#fff0 40% 60%,#ffffff1a 80%,#fff6 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.guest-dictionary-content .dictionary-search label{color:#eff4ffcc!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin-bottom:12px!important;font-family:Anton,sans-serif!important;font-size:14px!important;display:block!important}.guest-dictionary-content .dictionary-search input{color:#eff4ff!important;background:#ffffff05!important;border:1px solid #ffffff1a!important;border-radius:999px!important;padding:14px 24px!important;font-size:16px!important;transition:all .2s!important}.guest-dictionary-content .dictionary-search input:focus{background:#ffffff0a!important;border-color:#0ea5e9!important;box-shadow:0 0 20px #0ea5e94d!important}.guest-dictionary-content .dictionary-search button[type=submit]{color:#fff!important;text-transform:uppercase!important;letter-spacing:.03em!important;cursor:pointer!important;background:#0ea5e9!important;border-radius:999px!important;padding:14px 28px!important;font-family:Outfit,sans-serif!important;font-size:14px!important;font-weight:700!important;transition:all .2s!important;box-shadow:0 4px 12px #0ea5e926!important}.guest-dictionary-content .dictionary-search button[type=submit]:hover{box-shadow:none!important;background:#0284c7!important;transform:translateY(-1px)!important}.guest-dictionary-content .dictionary-hint{color:#eff4ff73!important;margin-top:12px!important}.guest-dictionary-content .empty-state{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;color:#eff4ffa6!important;background:#ffffff03!important;border:none!important;border-radius:24px!important;padding:48px 24px!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff14,0 8px 32px #0000004d!important}.guest-dictionary-content .empty-state:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#ffffff40 0%,#ffffff14 20%,#fff0 40% 60%,#ffffff14 80%,#ffffff40 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.guest-dictionary-content .empty-state strong{color:#eff4ff!important;margin-top:12px!important;font-size:18px!important}.guest-dictionary-content .empty-state p{color:#eff4ff73!important}.guest-dictionary-content .loading-state{color:#eff4ffcc!important;-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#ffffff03!important;border:none!important;border-radius:16px!important;padding:16px!important;font-style:italic!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff14,0 8px 32px #0000004d!important}.guest-dictionary-content .loading-state:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#ffffff40 0%,#ffffff14 20%,#fff0 40% 60%,#ffffff14 80%,#ffffff40 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.guest-dictionary-content .dictionary-result{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;color:#eff4ff!important;background:#ffffff03!important;border:none!important;border-radius:24px!important;padding:40px!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff14,0 24px 64px #00000080!important}.guest-dictionary-content .dictionary-result:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#fff6 0%,#ffffff1a 20%,#fff0 40% 60%,#ffffff1a 80%,#fff6 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.guest-dictionary-content .dictionary-result h3{color:#eff4ff!important;font-size:42px!important}.guest-dictionary-content .dictionary-result h4{color:#0ea5e9!important;text-transform:uppercase!important;letter-spacing:.05em!important;border-bottom:1px solid #ffffff14!important;margin-top:24px!important;padding-bottom:8px!important;font-family:Anton,sans-serif!important;font-size:16px!important}.guest-dictionary-content .dictionary-result .ipa{color:#eff4ff99!important}.guest-dictionary-content .dictionary-result .pronunciation-label{color:#0ea5e9!important}.guest-dictionary-content .dictionary-result .fallback-note{color:#fbd38d!important;background:#f59e0b14!important;border-left:4px solid #f59e0b!important}.guest-dictionary-content .save-word-panel{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#ffffff03!important;border:none!important;border-radius:20px!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:24px 32px!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff14,0 8px 32px #0000004d!important}.guest-dictionary-content .save-word-panel:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#fff6 0%,#ffffff1a 20%,#fff0 40% 60%,#ffffff1a 80%,#fff6 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.guest-dictionary-content .save-word-panel p{color:#eff4ff99!important;margin:0!important}.guest-dictionary-content .save-word-panel p .material-symbols-rounded{color:#0ea5e9!important}.guest-dictionary-content .save-word-panel button{color:#eff4ff!important;text-transform:uppercase!important;letter-spacing:.05em!important;cursor:pointer!important;background:#ffffff0a!important;border:1px solid #ffffff1a!important;border-radius:12px!important;padding:10px 20px!important;font-family:Anton,sans-serif!important;transition:all .2s!important}.guest-dictionary-content .save-word-panel button:hover:not(:disabled){color:#010828!important;box-shadow:none!important;background:#0ea5e9!important;border-color:#0ea5e9!important}.guest-dictionary-content .ai-helper-panel.compact{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;color:#eff4ff99!important;background:#ffffff03!important;border:none!important;border-radius:20px!important;justify-content:space-between!important;align-items:center!important;padding:24px 32px!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff14,0 8px 32px #0000004d!important}.guest-dictionary-content .ai-helper-panel.compact:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#fff6 0%,#ffffff1a 20%,#fff0 40% 60%,#ffffff1a 80%,#fff6 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.guest-dictionary-content .ai-helper-panel.compact p{align-items:center!important;gap:8px!important;margin:0!important;display:flex!important}.guest-dictionary-content .ai-helper-panel.compact p .material-symbols-rounded{color:#f59e0b!important}.guest-dictionary-content .ai-helper-panel.compact a{color:#010828!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#0ea5e9!important;border-radius:12px!important;padding:10px 24px!important;font-family:Anton,sans-serif!important;font-size:13px!important;text-decoration:none!important;transition:all .2s!important;box-shadow:0 0 12px #0ea5e94d!important}.guest-dictionary-content .ai-helper-panel.compact a:hover{box-shadow:none!important;transform:translateY(-1px)!important}.guest-dictionary-shell .auth-status{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#ffffff03!important;border:none!important;border-radius:20px!important;width:100%!important;max-width:960px!important;margin-bottom:32px!important;margin-left:auto!important;margin-right:auto!important;padding:20px 28px!important;display:block!important;position:relative!important;top:auto!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff14,0 8px 32px #0000004d!important}.guest-dictionary-shell .auth-status:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.guest-dictionary-shell .auth-status .auth-status-inner{color:#eff4ff!important;max-width:100%!important;padding:0!important}.guest-dictionary-shell .auth-status span{color:#eff4ff!important;font-size:15px!important;font-weight:500!important}.guest-dictionary-shell .auth-status .material-symbols-rounded{color:#0ea5e9!important;vertical-align:middle!important}.guest-dictionary-shell .auth-status .auth-status-actions .secondary-button{color:#eff4ff!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#ffffff0a!important;border:1px solid #ffffff26!important;border-radius:12px!important;padding:10px 24px!important;font-family:Anton,sans-serif!important;font-size:13px!important;transition:all .2s!important}.guest-dictionary-shell .auth-status .auth-status-actions .secondary-button:hover{background:#ffffff1f!important;border-color:#eff4ff!important}.guest-dictionary-shell .auth-status .auth-status-actions .primary-button{color:#010828!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#0ea5e9!important;border:none!important;border-radius:12px!important;padding:10px 28px!important;font-family:Anton,sans-serif!important;font-size:13px!important;transition:all .2s!important;box-shadow:0 4px 12px #0ea5e933!important}.guest-dictionary-shell .auth-status .auth-status-actions .primary-button:hover{box-shadow:none!important;transform:translateY(-1px)!important}.guest-dictionary-shell .landing-footer{color:#eff4ff!important;background:#01051c!important;border-top:1px solid #0ea5e926!important;padding:80px 48px 40px!important;box-shadow:0 -8px 32px #0ea5e903!important}.guest-dictionary-shell .landing-footer h3,.guest-dictionary-shell .landing-footer h5,.guest-dictionary-shell .landing-footer p,.guest-dictionary-shell .landing-footer a,.guest-dictionary-shell .landing-footer span{color:#eff4ffe6!important}.guest-dictionary-shell .landing-footer h3 .material-symbols-rounded,.guest-dictionary-shell .landing-footer .footer-contact-item .icon,.guest-dictionary-shell .landing-footer a:hover{color:#0ea5e9!important}.guest-dictionary-shell .landing-footer .footer-newsletter-section{border-bottom-color:#ffffff14!important}.guest-dictionary-shell .landing-footer .newsletter-form input{color:#eff4ff!important;background:#ffffff05!important;border:1px solid #ffffff1a!important;border-radius:12px!important;font-size:16px!important}.guest-dictionary-shell .landing-footer .newsletter-form input:focus{border-color:#0ea5e9!important;box-shadow:0 0 10px #0ea5e933!important}.guest-dictionary-shell .landing-footer .newsletter-form button.newsletter-btn{color:#010828!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#0ea5e9!important;border-radius:12px!important;font-family:Anton,sans-serif!important;font-size:13px!important;box-shadow:0 0 15px #0ea5e94d!important}.guest-dictionary-shell .landing-footer .newsletter-form button.newsletter-btn:hover{box-shadow:none!important;background:#0ea5e9!important}.guest-dictionary-shell .landing-footer .social-icon-btn{color:#eff4ff!important;background:#ffffff0a!important;border:1px solid #ffffff14!important}.guest-dictionary-shell .landing-footer .social-icon-btn:hover{color:#0ea5e9!important;background:#ffffff1a!important;border-color:#0ea5e9!important}.guest-toast-stack{pointer-events:none;flex-direction:column;gap:16px;width:440px;max-width:calc(100vw - 48px);display:flex;position:fixed;top:96px;right:24px;z-index:10100!important}.guest-toast-card{pointer-events:auto;flex-direction:column;gap:12px;transition:all .3s;animation:.5s cubic-bezier(.16,1,.3,1) forwards toast-slide-in;display:flex;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(25px)saturate(180%)!important;background:#010828a6!important;border-radius:16px!important;padding:16px 20px!important;box-shadow:inset 0 1px #ffffff14,0 12px 40px #00000080!important}.guest-toast-card.exiting{animation:.4s cubic-bezier(.16,1,.3,1) forwards toast-slide-out!important}.guest-toast-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.guest-toast-card.warning-card:before{background:linear-gradient(#00bfff80 0%,#00bfff26 20%,#00bfff00 40% 60%,#9333ea26 80%,#9333ea80 100%)!important}.guest-toast-card.warning-card{box-shadow:inset 0 1px #ffffff14,0 0 20px #00bfff26,0 12px 40px #00000080!important}.guest-toast-card.tip-card:before{background:linear-gradient(#0ea5e980 0%,#0ea5e926 20%,#0ea5e900 40% 60%,#0ea5e926 80%,#0ea5e980 100%)!important}.guest-toast-card.tip-card{box-shadow:inset 0 1px #ffffff14,0 0 20px #0ea5e926,0 12px 40px #00000080!important}.toast-body{align-items:flex-start;gap:12px;padding-right:24px;display:flex}.toast-icon{flex-shrink:0;margin-top:2px}.toast-icon.warning-icon{color:#00bfff!important}.toast-icon.tip-icon{color:#0ea5e9!important}.toast-text{color:#eff4ff!important;font-size:14px!important;font-weight:500!important;line-height:1.5!important}.toast-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:4px;display:flex}.toast-close-btn{position:absolute;top:12px;right:12px;color:#fff6!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:4px!important;transition:all .2s!important;display:flex!important}.toast-close-btn:hover{color:#fff!important;background:#ffffff1a!important}.toast-close-btn span{font-size:18px!important}.toast-btn-secondary{color:#eff4ff!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#ffffff0a!important;border:1px solid #ffffff26!important;border-radius:8px!important;padding:6px 16px!important;font-family:Anton,sans-serif!important;font-size:11px!important;text-decoration:none!important;transition:all .2s!important}.toast-btn-secondary:hover{background:#ffffff1f!important;border-color:#eff4ff!important}.toast-btn-primary{color:#010828!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#0ea5e9!important;border:none!important;border-radius:8px!important;padding:6px 18px!important;font-family:Anton,sans-serif!important;font-size:11px!important;text-decoration:none!important;transition:all .2s!important;box-shadow:0 4px 12px #0ea5e933!important}.toast-btn-primary:hover{box-shadow:none!important;transform:translateY(-1px)!important}.toast-tip-link{color:#0ea5e9!important;font-weight:600!important;text-decoration:underline!important;transition:opacity .2s!important}.toast-tip-link:hover{opacity:.8!important}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100px)scale(.9)}}@media (width<=576px){.guest-toast-stack{z-index:10100!important;gap:12px!important;width:auto!important;max-width:none!important;inset:96px 16px auto!important}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-100px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-100px)scale(.9)}}}.macos-browser-window{flex-direction:column;display:flex;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(16px)!important;text-align:left!important;background:#0f172a73!important;border:none!important;border-radius:16px!important;width:100%!important;max-width:960px!important;margin:32px auto 64px!important;box-shadow:inset 0 1px #ffffff1a,0 24px 70px #00000040!important}.macos-browser-window.macos-window-wide{max-width:1600px!important}.macos-browser-window.macos-window-plain .macos-window-header{background:0 0!important;border-bottom:none!important}.macos-browser-window.macos-window-plain .macos-window-content{padding-top:16px!important}.macos-browser-window.macos-window-achievements{-webkit-backdrop-filter:blur(16px)!important;background:#0f172a73!important}.macos-browser-window.macos-window-achievements:before{background:#ffffff14!important}html:not(.dark) .macos-browser-window.macos-window-achievements{-webkit-backdrop-filter:blur(16px)saturate(160%)!important;background:#ffffffbf!important;box-shadow:0 1px 3px #0f172a08,0 30px 70px #00000005!important}html:not(.dark) .macos-browser-window.macos-window-achievements:before{background:#00000014!important}.content .achievements-page{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.macos-browser-window:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:2;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#ffffff40 0%,#ffffff14 20%,#fff0 40% 60%,#ffffff14 80%,#ffffff40 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.macos-window-header{-webkit-user-select:none;user-select:none;z-index:10;grid-template-columns:80px 1fr 80px;align-items:center;height:48px;padding:0 16px;display:grid;background:#02061ab3!important;border-bottom:1px solid #ffffff14!important}.macos-window-controls{gap:8px;display:flex}.macos-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.macos-dot.red{background:#ff5f56}.macos-dot.yellow{background:#ffbd2e}.macos-dot.green{background:#27c93f}.macos-address-bar{color:#eff4ff99;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;max-width:480px;height:28px;margin:0 auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;display:flex}.macos-address-icon{color:#eff4ff66;font-size:14px!important}.macos-window-content{z-index:5;flex:1;background:0 0!important;padding:32px 40px!important}.macos-window-content .dictionary-page,.macos-window-content .vocabulary-page,.macos-window-content .vocabulary-page-premium,.macos-window-content .speaking-practice-page,.macos-window-content .ai-page{margin:0!important;padding:0!important}@media (width<=768px){.macos-window-content{padding:20px 16px!important}}.guest-dictionary-content .dictionary-search,.guest-dictionary-content .empty-state,.guest-dictionary-content .dictionary-result,.guest-dictionary-content .save-word-panel,.guest-dictionary-content .ai-helper-panel.compact,.guest-dictionary-content .speaking-visualizer-card,.guest-dictionary-content .spec-info-card,.guest-dictionary-content .state-machine-card,.guest-dictionary-content .ai-chat-sidebar,.guest-dictionary-content .ai-chat-box,html.dark .guest-dictionary-content .dictionary-search,html.dark .guest-dictionary-content .empty-state,html.dark .guest-dictionary-content .dictionary-result,html.dark .guest-dictionary-content .save-word-panel,html.dark .guest-dictionary-content .ai-helper-panel.compact,html.dark .guest-dictionary-content .speaking-visualizer-card,html.dark .guest-dictionary-content .spec-info-card,html.dark .guest-dictionary-content .state-machine-card,html.dark .guest-dictionary-content .ai-chat-sidebar,html.dark .guest-dictionary-content .ai-chat-box{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:16px 0!important}.guest-dictionary-content .dictionary-search:before,.guest-dictionary-content .empty-state:before,.guest-dictionary-content .dictionary-result:before,.guest-dictionary-content .save-word-panel:before,.guest-dictionary-content .ai-helper-panel.compact:before{content:none!important;display:none!important}.guest-dictionary-content .dictionary-search label{display:none!important}html:not(.dark) .guest-dictionary-shell{color:#1e293b!important;background-color:#fafbfc!important;background-image:radial-gradient(circle at 50% 45%,#0ea5e924 0%,#0000 55%),linear-gradient(#f0f9ff 0%,#fafbfc 100%)!important;background-size:100% 100%,100% 100%!important}html:not(.dark) .guest-dictionary-shell .landing-starfield,html:not(.dark) .guest-dictionary-shell .cosmic-bg-overlay,html:not(.dark) .guest-dictionary-shell .cosmic-texture-overlay{display:none!important}html:not(.dark) .guest-dictionary-shell .landing-footer{color:#334155!important;background:#f1f5f9!important;border-top:1px solid #0ea5e926!important;box-shadow:0 -4px 20px #0f172a08!important}html:not(.dark) .guest-dictionary-shell .landing-footer h3,html:not(.dark) .guest-dictionary-shell .landing-footer h5,html:not(.dark) .guest-dictionary-shell .landing-footer p,html:not(.dark) .guest-dictionary-shell .landing-footer a,html:not(.dark) .guest-dictionary-shell .landing-footer span{color:#334155!important}html:not(.dark) .guest-dictionary-shell .landing-footer a:hover,html:not(.dark) .guest-dictionary-shell .landing-footer h3 .material-symbols-rounded,html:not(.dark) .guest-dictionary-shell .landing-footer .footer-contact-item .icon{color:#0ea5e9!important}html:not(.dark) .guest-dictionary-shell .landing-footer .social-icon-btn{color:#334155!important;background:#0f172a0a!important;border:1px solid #0f172a14!important}html:not(.dark) .guest-dictionary-shell .landing-footer .social-icon-btn:hover{color:#0ea5e9!important;background:#0ea5e91a!important;border-color:#0ea5e9!important}html:not(.dark) .guest-header-content .eyebrow{color:#0284c7!important}html:not(.dark) .guest-header-content h2{color:#0f172a!important}html:not(.dark) .guest-header-content .dictionary-intro{color:#475569!important}html:not(.dark) .landing-header-premium .liquid-glass{-webkit-backdrop-filter:blur(24px)saturate(190%)!important;background:#ffffff73!important;border:1px solid #fff6!important;box-shadow:inset 0 1px #fffc,0 1px 2px #0f172a0d,0 12px 30px #0ea5e914!important}html:not(.dark) .landing-header-premium .liquid-glass:before{background:linear-gradient(#0f172a1f 0%,#0f172a0a 20%,#0f172a00 40% 60%,#0f172a0a 80%,#0f172a1f 100%)!important}html:not(.dark) .brand-logo-accent{-webkit-text-fill-color:transparent!important;text-shadow:none!important;background:linear-gradient(135deg,#0ea5e9 0%,#0369a1 100%)!important;-webkit-background-clip:text!important}html:not(.dark) .capsule-nav-link{color:#0f172a!important;background:0 0!important}html:not(.dark) .capsule-nav-link:hover,html:not(.dark) .capsule-nav-link.active{color:#0ea5e9!important;background:0 0!important}html:not(.dark) .topbar-theme-btn-premium{color:#475569!important;box-shadow:none!important;background:0 0!important;border:none!important}html:not(.dark) .topbar-theme-btn-premium:hover{color:#0ea5e9!important;background:#0ea5e91f!important}html:not(.dark) .login-btn-premium{color:#475569!important}html:not(.dark) .login-btn-premium:hover{color:#0284c7!important}html:not(.dark) .register-btn-premium{color:#fff!important;background:#0ea5e9!important;font-weight:700!important;box-shadow:0 4px 12px #0ea5e940!important}html:not(.dark) .register-btn-premium:hover{box-shadow:none!important;background:#0284c7!important}html:not(.dark) .macos-browser-window{-webkit-backdrop-filter:blur(16px)saturate(160%)!important;background:#ffffffbf!important;border:1px solid #fff6!important;box-shadow:inset 0 1px #ffffffd9,0 1px 3px #0f172a08,0 30px 70px #00000005!important}html:not(.dark) .macos-browser-window:before{background:linear-gradient(#0f172a1f 0%,#0f172a0a 20%,#0f172a00 40% 60%,#0f172a0a 80%,#0f172a1f 100%)!important}html:not(.dark) .macos-window-header{-webkit-backdrop-filter:blur(20px)saturate(190%)!important;background:linear-gradient(#ffffffb3 0%,#f4f5f680 100%)!important;border-bottom:1px solid #0f172a14!important}html:not(.dark) .macos-address-bar{color:#475569!important;background:#0f172a08!important;border:1px solid #0f172a0f!important}html:not(.dark) .macos-address-icon{color:#0f172a59!important}html:not(.dark) .macos-window-content{color:#1e293b!important}html:not(.dark) .guest-dictionary-content .dictionary-search input{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important}html:not(.dark) .guest-dictionary-content .dictionary-search input:focus{border-color:#0ea5e9!important;box-shadow:0 0 0 4px #0ea5e926!important}html:not(.dark) .guest-dictionary-content .dictionary-search button[type=submit]{color:#fff!important;background:#0ea5e9!important;font-weight:700!important}html:not(.dark) .guest-dictionary-content .dictionary-search button[type=submit]:hover{background:#0284c7!important}html:not(.dark) .guest-dictionary-content .dictionary-hint{color:#64748b!important}html:not(.dark) .guest-dictionary-content .empty-state strong{color:#0f172a!important}html:not(.dark) .guest-dictionary-content .empty-state p{color:#64748b!important}html:not(.dark) .guest-dictionary-content .empty-state .cta-link{color:#fff!important;background:#0ea5e9!important;font-weight:700!important;box-shadow:0 4px 12px #0ea5e940!important}html:not(.dark) .guest-dictionary-content .empty-state .cta-link:hover{background:#0284c7!important}html:not(.dark) .guest-dictionary-content .dictionary-result h3{color:#0f172a!important}html:not(.dark) .guest-dictionary-content .dictionary-result h4{color:#0284c7!important;border-bottom-color:#0f172a14!important}html:not(.dark) .guest-dictionary-content .dictionary-result,html:not(.dark) .guest-dictionary-content .pronunciation-block li{color:#334155!important}html:not(.dark) .guest-dictionary-content .pronunciation-label{color:#0284c7!important}html:not(.dark) .guest-dictionary-content .save-word-panel p{color:#475569!important}html:not(.dark) .guest-dictionary-content .save-word-panel p .material-symbols-rounded{color:#0284c7!important}html:not(.dark) .guest-dictionary-content .save-word-panel button{color:#0f172a!important;background:#0f172a0a!important;border:1px solid #0f172a14!important}html:not(.dark) .guest-dictionary-content .save-word-panel button:hover:not(:disabled){color:#fff!important;box-shadow:none!important;background:#0ea5e9!important;border-color:#0ea5e9!important}html:not(.dark) .guest-dictionary-content .ai-helper-panel.compact p{color:#475569!important}html:not(.dark) .guest-dictionary-content .ai-helper-panel.compact p .material-symbols-rounded{color:#e28743!important}html:not(.dark) .guest-dictionary-content .ai-helper-panel.compact a{color:#fff!important;background:#0ea5e9!important;font-weight:700!important;box-shadow:0 4px 12px #0ea5e940!important}html:not(.dark) .guest-dictionary-content .ai-helper-panel.compact a:hover{background:#0284c7!important}html:not(.dark) .guest-toast-card{background:#ffffffd9!important;box-shadow:inset 0 1px #ffffffe6,0 10px 30px #0f172a14!important}html:not(.dark) .guest-toast-card.warning-card:before{background:linear-gradient(#0ea5e94d 0%,#0ea5e914 20%,#0ea5e900 40% 60%,#0ea5e914 80%,#0ea5e94d 100%)!important}html:not(.dark) .guest-toast-card.tip-card:before{background:linear-gradient(#10b9814d 0%,#10b98114 20%,#10b98100 40% 60%,#10b98114 80%,#10b9814d 100%)!important}html:not(.dark) .toast-icon.warning-icon{color:#0284c7!important}html:not(.dark) .toast-icon.tip-icon{color:#10b981!important}html:not(.dark) .toast-text{color:#0f172a!important}html:not(.dark) .toast-close-btn{color:#0f172a66!important}html:not(.dark) .toast-close-btn:hover{color:#0f172a!important;background:#0f172a0d!important}html:not(.dark) .toast-btn-secondary{color:#334155!important;background:#0f172a0a!important;border:1px solid #0f172a14!important}html:not(.dark) .toast-btn-secondary:hover{background:#0f172a14!important;border-color:#0f172a!important}html:not(.dark) .toast-btn-primary{color:#fff!important;background:#0ea5e9!important;font-weight:700!important;box-shadow:0 4px 12px #0ea5e940!important}html:not(.dark) .toast-btn-primary:hover{box-shadow:none!important;background:#0284c7!important}html:not(.dark) .ai-chat-sidebar .secondary-button{color:#0369a1!important;box-shadow:none!important;background:#0ea5e90f!important;border:1px solid #0ea5e926!important;font-weight:600!important;transition:all .2s ease-in-out!important}html:not(.dark) .ai-chat-sidebar .secondary-button:hover{color:#0ea5e9!important;background:#0ea5e91f!important;border-color:#0ea5e94d!important}html.dark .ai-chat-sidebar .secondary-button{color:#38bdf8!important;box-shadow:none!important;background:#0ea5e914!important;border:1px solid #0ea5e933!important;font-weight:600!important;transition:all .2s ease-in-out!important}html.dark .ai-chat-sidebar .secondary-button:hover{color:#7dd3fc!important;background:#0ea5e929!important;border-color:#0ea5e966!important}.api-badge{color:#0284c7!important;background:#0ea5e914!important;border:1px solid #0ea5e926!important}html.dark .api-badge{color:#38bdf8!important;border-color:#0ea5e940!important}.primary-button:disabled{color:#0f172a66!important;cursor:not-allowed!important;box-shadow:none!important;background:#0ea5e940!important}html.dark .primary-button:disabled{color:#ffffff4d!important;background:#0ea5e926!important}html:not(.dark) .ai-chat-sidebar{background:#0ea5e908!important;border-color:#0ea5e914!important}html:not(.dark) .ai-chat-box{background:#ffffff80!important;border-color:#0ea5e926!important}html:not(.dark) .guest-dictionary-content .auth-prompt{box-shadow:none!important;background:0 0!important;border:none!important}html:not(.dark) .auth-prompt .material-symbols-rounded{color:#0ea5e9!important}html:not(.dark) .auth-prompt strong{color:#0f172a!important}html:not(.dark) .auth-prompt p{color:#64748b!important}html:not(.dark) .auth-prompt-login{color:#fff!important;background:#0ea5e9!important;box-shadow:0 4px 12px #0ea5e94d!important}html:not(.dark) .auth-prompt-login:hover{box-shadow:none!important;background:#0284c7!important}html:not(.dark) .auth-prompt-register{color:#0284c7!important;border-color:#0ea5e966!important}html:not(.dark) .auth-prompt-register:hover{color:#0ea5e9!important;background:#0ea5e912!important;border-color:#0ea5e9!important}html.dark .auth-prompt{box-shadow:none!important;background:0 0!important;border:none!important}html.dark .auth-prompt .material-symbols-rounded{color:#38bdf8!important}html.dark .auth-prompt strong{color:#e2e8f0!important}html.dark .auth-prompt p{color:#94a3b8cc!important}html.dark .auth-prompt-login{color:#fff!important;background:#0ea5e9!important;box-shadow:0 4px 14px #0ea5e940!important}html.dark .auth-prompt-login:hover{box-shadow:none!important;background:#38bdf8!important}html.dark .auth-prompt-register{color:#38bdf8!important;border-color:#38bdf859!important}html.dark .auth-prompt-register:hover{color:#7dd3fc!important;background:#38bdf814!important;border-color:#38bdf899!important}.vocab-tip-card{background:#0ea5e912;border:1px solid #0ea5e92e;border-radius:14px;flex-direction:column;gap:10px;margin-bottom:24px;padding:16px 20px;display:flex}.vocab-tip-row{color:var(--neutral-600);align-items:center;gap:10px;font-size:14px;line-height:1.5;display:flex}.vocab-tip-row .material-symbols-rounded{color:#0ea5e9;flex-shrink:0;font-size:18px}.vocab-empty{flex-direction:column;align-items:center;gap:8px;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:52px 32px!important}.vocab-empty .material-symbols-rounded{color:#0ea5e9;opacity:.6;margin-bottom:4px;font-size:40px}.vocab-empty strong{font-size:17px}a.vocab-empty-cta,.vocab-empty-cta{align-items:center;gap:5px;margin-top:6px;font-weight:600;display:inline-flex;color:#0ea5e9!important;box-shadow:none!important;background:0 0!important;border:1px solid #0ea5e959!important;border-radius:0!important;padding:6px 14px!important;font-size:13px!important}.vocab-empty-cta:hover{background:#0ea5e914!important;border-color:#0ea5e9!important;transform:none!important}html.dark .vocab-empty-cta{color:#38bdf8!important;border-color:#38bdf84d!important}html.dark .vocab-empty-cta:hover{background:#38bdf814!important;border-color:#38bdf899!important}html.dark .vocab-tip-card{background:#38bdf80d!important;border-color:#38bdf826!important}html.dark .vocab-tip-row{color:#94a3b8d9!important}html.dark .vocab-tip-row .material-symbols-rounded,html.dark .vocab-empty .material-symbols-rounded{color:#38bdf8!important}html.dark .vocab-empty strong{color:#e2e8f0!important}html.dark .vocab-empty p{color:#94a3b8cc!important}html:not(.dark) .vocab-tip-card{background:#0ea5e90f!important;border-color:#0ea5e929!important}html:not(.dark) .vocab-tip-row{color:#475569!important}html:not(.dark) .vocab-tip-row .material-symbols-rounded,html:not(.dark) .vocab-empty .material-symbols-rounded{color:#0ea5e9!important}html:not(.dark) .vocab-empty strong{color:#0f172a!important}html:not(.dark) .vocab-empty p{color:#64748b!important}html:not(.dark) .vocab-empty em{color:#0284c7;font-style:normal;font-weight:600}.mobile-hamburger-btn{box-shadow:none!important;background:0 0!important;border:none!important;flex-shrink:0!important;display:none!important}@media (width<=1024px){.guest-only-desktop{display:none!important}.topbar-theme-btn-premium{justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;display:flex!important}.landing-header-premium{z-index:10005!important}.landing-header-premium .header-inner{z-index:10002!important}.mobile-hamburger-btn{box-shadow:none!important;color:#eff4ff!important;cursor:pointer!important;aspect-ratio:1!important;background:0 0!important;border:none!important;border-radius:0!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;transition:all .2s!important;display:flex!important}.mobile-hamburger-btn:hover{color:#0ea5e9!important;background:0 0!important}html:not(.dark) .mobile-hamburger-btn{color:#475569!important;background:0 0!important;border:none!important}html:not(.dark) .mobile-hamburger-btn:hover{color:#0ea5e9!important;background:0 0!important}.mobile-nav-dropdown{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideRightDrawer;transform:translate(100%);-webkit-backdrop-filter:blur(25px)saturate(180%)!important;width:66.666%!important;max-width:400px!important;height:100vh!important;padding:110px 28px calc(140px + env(safe-area-inset-bottom))!important;pointer-events:auto!important;z-index:10001!important;box-sizing:border-box!important;background:#02061ab3!important;border:none!important;border-left:1px solid #0ea5e940!important;border-radius:0!important;flex-direction:column!important;gap:16px!important;margin-top:0!important;display:flex!important;position:fixed!important;inset:0 0 0 auto!important;box-shadow:-15px 0 40px #000c!important}@keyframes slideRightDrawer{to{transform:translate(0)}}html:not(.dark) .mobile-nav-dropdown{background:#fffc!important;border-left:1px solid #0ea5e940!important;box-shadow:-15px 0 40px #0ea5e914!important}.mobile-nav-item{text-transform:uppercase!important;letter-spacing:.08em!important;color:#ffffffd9!important;border-radius:12px!important;align-items:center!important;padding:14px 20px!important;font-family:Anton,sans-serif!important;font-size:18px!important;text-decoration:none!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;display:flex!important}.mobile-nav-item:hover,.mobile-nav-item.active{color:#0ea5e9!important;text-shadow:none!important;background:#0ea5e91f!important;padding-left:28px!important}html:not(.dark) .mobile-nav-item{color:#334155!important}html:not(.dark) .mobile-nav-item:hover,html:not(.dark) .mobile-nav-item.active{color:#0284c7!important;text-shadow:none!important;background:#0ea5e914!important;padding-left:28px!important}.mobile-nav-auth{border-top:1px solid #ffffff14!important;flex-direction:column!important;gap:16px!important;margin-top:auto!important;padding-top:32px!important;display:flex!important}html:not(.dark) .mobile-nav-auth{border-top:1px solid #0f172a14!important}.mobile-nav-login{color:#eff4ff!important;text-transform:uppercase!important;letter-spacing:.08em!important;text-align:center!important;box-shadow:none!important;background:0 0!important;border:1px solid #eff4ff40!important;border-radius:24px!important;padding:12px 0!important;font-family:Anton,sans-serif!important;font-size:14px!important;transition:all .2s!important;display:block!important}.mobile-nav-login:hover{background:#ffffff14!important;border-color:#eff4ff!important;transform:translateY(-2px)!important}html:not(.dark) .mobile-nav-login{color:#475569!important;border-color:#0f172a33!important}html:not(.dark) .mobile-nav-login:hover{background:#0f172a0a!important;border-color:#334155!important}.mobile-nav-register{color:#fff!important;text-transform:uppercase!important;letter-spacing:.08em!important;text-align:center!important;background:#0ea5e9!important;border:none!important;border-radius:24px!important;padding:12px 0!important;font-family:Anton,sans-serif!important;font-size:14px!important;transition:all .2s!important;display:block!important;box-shadow:0 4px 15px #0ea5e966!important}.mobile-nav-register:hover{box-shadow:none!important;background:#0284c7!important;transform:translateY(-2px)!important}html:not(.dark) .mobile-nav-register{color:#fff!important;background:#0ea5e9!important}html:not(.dark) .mobile-nav-register:hover{background:#0284c7!important}}@media (width<=768px){.macos-browser-window{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#01082873!important;border:none!important;border-radius:12px!important;width:calc(100% - 16px)!important;margin:16px auto 32px!important;box-shadow:0 12px 40px #0006!important}html:not(.dark) .macos-browser-window{background:#fffc!important;box-shadow:0 12px 40px #0ea5e914!important}.macos-browser-window:before{border-radius:inherit!important;padding:1px!important;display:block!important}.macos-window-header{background:#02061a80!important;border-bottom:1px solid #ffffff14!important;justify-content:flex-start!important;align-items:center!important;height:36px!important;padding:0 12px!important;display:flex!important}html:not(.dark) .macos-window-header{background:#f1f5f9cc!important;border-bottom:1px solid #0ea5e91a!important}.macos-window-controls{gap:6px!important;display:flex!important}.macos-dot{border-radius:50%!important;width:9px!important;height:9px!important;display:inline-block!important}.guest-header-content{margin-bottom:24px!important}.guest-header-content h2{font-size:28px!important}.guest-header-content .eyebrow{font-size:12px!important}.guest-header-content .dictionary-intro{font-size:14px!important}.guest-dictionary-content{padding-top:100px!important}.saved-word-list{grid-template-columns:1fr!important;gap:16px!important}.saved-word-card{padding:16px!important}.ai-chat-container{flex-direction:column-reverse!important;gap:16px!important;display:flex!important}.vocabulary-page .study-actions{flex-flow:wrap!important;align-items:center!important;gap:6px!important;width:100%!important;display:flex!important}}@media (width<=480px){.guest-header-content{margin-bottom:16px!important}.guest-header-content h2{font-size:24px!important}.guest-header-content .dictionary-intro{font-size:13px!important}.guest-dictionary-content{padding-left:16px!important;padding-right:16px!important}.auth-prompt-actions{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}.auth-prompt-login,.auth-prompt-register{text-align:center!important;box-sizing:border-box!important;justify-content:center!important;width:100%!important}.vocabulary-page .study-actions .cta-link,.vocabulary-page .study-actions .secondary-button{text-align:center!important;flex:45%!important;justify-content:center!important;width:auto!important;padding:8px 12px!important;font-size:13px!important}.guest-dictionary-shell .landing-footer{padding:40px 16px!important}.guest-dictionary-content .dictionary-search input,.guest-dictionary-content .dictionary-search button[type=submit]{height:48px!important;font-size:15px!important}}@media (width<=360px){.guest-header-content h2{font-size:20px!important}.guest-header-content .eyebrow{font-size:11px!important}.guest-header-content .dictionary-intro{font-size:12px!important}.guest-dictionary-content{padding-left:12px!important;padding-right:12px!important}.vocabulary-page .study-actions .cta-link,.vocabulary-page .study-actions .secondary-button{flex:100%!important}}html:not(.dark) .landing-mobile-nav,html .landing-mobile-nav{-webkit-backdrop-filter:blur(25px)saturate(180%)!important;padding:110px 28px calc(140px + env(safe-area-inset-bottom))!important;background:#02061ab3!important;border:none!important;border-left:1px solid #0ea5e940!important;box-shadow:-15px 0 40px #000c!important}html:not(.dark) .landing-mobile-nav .mobile-nav-item,html .landing-mobile-nav .mobile-nav-item{color:#ffffffd9!important;text-transform:uppercase!important;letter-spacing:.08em!important;border-radius:12px!important;align-items:center!important;padding:14px 20px!important;font-family:Anton,sans-serif!important;font-size:18px!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;display:flex!important}html:not(.dark) .landing-mobile-nav .mobile-nav-item:hover,html:not(.dark) .landing-mobile-nav .mobile-nav-item.active,html .landing-mobile-nav .mobile-nav-item:hover,html .landing-mobile-nav .mobile-nav-item.active{color:#0ea5e9!important;text-shadow:none!important;background:#0ea5e91f!important;padding-left:28px!important}html:not(.dark) .landing-mobile-nav .mobile-nav-auth,html .landing-mobile-nav .mobile-nav-auth{border-top:1px solid #ffffff14!important;flex-direction:column!important;gap:16px!important;margin-top:auto!important;padding-top:32px!important;display:flex!important}html:not(.dark) .landing-mobile-nav .mobile-nav-login,html .landing-mobile-nav .mobile-nav-login{color:#eff4ff!important;text-transform:uppercase!important;letter-spacing:.08em!important;text-align:center!important;box-shadow:none!important;background:0 0!important;border:1px solid #eff4ff40!important;border-radius:24px!important;padding:12px 0!important;font-family:Anton,sans-serif!important;font-size:14px!important;transition:all .2s!important;display:block!important}html:not(.dark) .landing-mobile-nav .mobile-nav-login:hover,html .landing-mobile-nav .mobile-nav-login:hover{background:#ffffff14!important;border-color:#eff4ff!important;transform:translateY(-2px)!important}html:not(.dark) .landing-mobile-nav .mobile-nav-register,html .landing-mobile-nav .mobile-nav-register{color:#fff!important;text-transform:uppercase!important;letter-spacing:.08em!important;text-align:center!important;background:#0ea5e9!important;border:none!important;border-radius:24px!important;padding:12px 0!important;font-family:Anton,sans-serif!important;font-size:14px!important;transition:all .2s!important;display:block!important;box-shadow:0 4px 15px #0ea5e966!important}html:not(.dark) .landing-mobile-nav .mobile-nav-register:hover,html .landing-mobile-nav .mobile-nav-register:hover{box-shadow:none!important;background:#0284c7!important;transform:translateY(-2px)!important}html:not(.dark) .landing-hamburger-btn,html .landing-hamburger-btn{color:#eff4ff!important;box-shadow:none!important;background:0 0!important;border:none!important}html:not(.dark) .landing-hamburger-btn:hover,html .landing-hamburger-btn:hover{color:#0ea5e9!important;background:0 0!important}.auth-header-premium{z-index:10000!important;pointer-events:none!important;box-sizing:border-box!important;background:0 0!important;justify-content:center!important;width:100%!important;max-width:100%!important;margin-bottom:24px!important;padding:16px 24px!important;transition:all .3s!important;display:flex!important;position:sticky!important;top:0!important;left:0!important;transform:none!important}.auth-header-premium.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#ffffffd1!important;border-bottom:1px solid #0ea5e926!important;padding-top:12px!important;padding-bottom:12px!important;box-shadow:0 10px 40px #0f172a0d!important}html.dark .auth-header-premium.scrolled{background:#010828bf!important;border-bottom:1px solid #0ea5e926!important;box-shadow:0 10px 40px #00000080!important}.auth-header-premium .header-inner{pointer-events:auto!important;justify-content:space-between!important;align-items:center!important;width:100%!important;max-width:1200px!important;height:64px!important;display:flex!important;position:relative!important}.auth-actions-stack{align-items:center!important;gap:16px!important;display:flex!important}.topbar-bell-btn-premium{box-shadow:none!important;color:#eff4ff!important;cursor:pointer!important;aspect-ratio:1!important;background:0 0!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;transition:all .2s!important;display:flex!important}html:not(.dark) .topbar-bell-btn-premium{color:#475569!important}.topbar-bell-btn-premium:hover{color:#0ea5e9!important;background:#0ea5e91f!important}.topbar-bell-wrapper{flex-shrink:0!important;position:relative!important}.topbar-bell-wrapper .bell-badge{color:#fff!important;background:#ef4444!important;border:1px solid #fff3!important;border-radius:10px!important;padding:2px 6px!important;font-size:10px!important;font-weight:700!important;position:absolute!important;top:6px!important;right:6px!important}.auth-profile-wrapper-premium{flex-shrink:0!important;position:relative!important}.user-avatar-trigger-premium{cursor:pointer!important;aspect-ratio:1!important;background:#0ea5e926!important;border:1.5px solid #0ea5e966!important;border-radius:50%!important;flex:0 0 40px!important;justify-content:center!important;align-items:center!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;transition:all .2s!important;display:flex!important;overflow:hidden!important}.user-avatar-trigger-premium:hover{box-shadow:none!important;border-color:#0ea5e9!important}.user-avatar-img-premium{object-fit:cover!important;width:100%!important;height:100%!important}.avatar-initial-premium{color:#0ea5e9!important;text-transform:uppercase!important;font-family:Anton,sans-serif!important;font-size:16px!important}html:not(.dark) .avatar-initial-premium{color:#0284c7!important}.profile-dropdown-menu,.bell-dropdown-menu{-webkit-backdrop-filter:blur(28px)saturate(180%)!important;background:#fffffff5!important;border:1px solid #fff9!important;border-radius:24px!important;padding:16px!important;top:calc(100% + 8px)!important;box-shadow:inset 0 1px 1px #ffffff80,0 8px 30px #00000014,0 24px 50px #2563eb14!important}html.dark .profile-dropdown-menu,html.dark .bell-dropdown-menu{background:#0d111cf7!important;border:1px solid #ffffff1f!important;box-shadow:inset 0 1px 1px #ffffff14,0 8px 30px #0000004d,0 24px 50px #000000a6!important}.profile-dropdown-menu:before,.bell-dropdown-menu:before,.profile-dropdown-menu:after,.bell-dropdown-menu:after{display:none!important}.profile-dropdown-header{text-align:left!important;border-bottom:1px solid #0000000f!important;margin-bottom:10px!important;padding-bottom:12px!important}html.dark .profile-dropdown-header{border-bottom:1px solid #ffffff14!important}.profile-dropdown-name{font-family:var(--font-display)!important;color:var(--neutral-800)!important;text-transform:capitalize!important;margin-bottom:2px!important;font-size:15.5px!important;font-weight:700!important}html.dark .profile-dropdown-name{color:#eff4ff!important}.profile-dropdown-email{font-family:var(--font-sans)!important;color:var(--neutral-500)!important;word-break:break-all!important;margin:0!important;font-size:12.5px!important;font-weight:500!important}html.dark .profile-dropdown-email{color:#ffffff80!important}.bell-menu-header{border-bottom:1px solid #0000000f!important;justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important;padding:0 0 12px!important;display:flex!important}html.dark .bell-menu-header{border-bottom:1px solid #ffffff14!important}.bell-menu-header h4{font-family:var(--font-display)!important;color:var(--neutral-800)!important;margin:0!important;font-size:15px!important;font-weight:700!important}html.dark .bell-menu-header h4{color:#eff4ff!important}.bell-menu-header .mark-read-all{color:var(--neutral-500)!important;cursor:pointer!important;text-transform:none!important;letter-spacing:normal!important;font-size:12px!important;font-weight:500!important;transition:all .2s!important}.bell-menu-header .mark-read-all:hover{color:#3b82f6!important;opacity:1!important}html.dark .bell-menu-header .mark-read-all{color:#ffffff80!important}html.dark .bell-menu-header .mark-read-all:hover{color:#0ea5e9!important}.profile-dropdown-links{flex-direction:column!important;gap:6px!important;display:flex!important}.profile-menu-item{font-family:var(--font-sans)!important;color:var(--neutral-700)!important;text-align:left!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:12px!important;align-items:center!important;gap:10px!important;width:100%!important;padding:10px 12px!important;font-size:13.5px!important;font-weight:500!important;text-decoration:none!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important}html.dark .profile-menu-item{color:#fffc!important}.profile-menu-item:hover{color:#3b82f6!important;background:#2563eb0f!important;transform:translate(4px)!important}html.dark .profile-menu-item:hover{color:#0ea5e9!important;background:#0ea5e91a!important}.profile-menu-item .material-symbols-rounded{font-size:18px!important;transition:transform .2s!important}.profile-menu-item:hover .material-symbols-rounded{transform:scale(1.1)!important}.profile-menu-item.logout-btn{color:#ef4444!important;background:#ef44440d!important;border:1px solid #ef444414!important;margin-top:6px!important;font-weight:600!important}.profile-menu-item.logout-btn:hover{color:#dc2626!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;background:#ef44441a!important;border-color:#ef444433!important;transform:scale(1.02)!important}html.dark .profile-menu-item.logout-btn{color:#fca5a5!important;background:#ef444414!important;border:1px solid #ef444426!important}html.dark .profile-menu-item.logout-btn:hover{color:#f87171!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;background:#ef444429!important;border-color:#ef444440!important}.bell-menu-list{scrollbar-width:thin!important;flex-direction:column!important;gap:4px!important;max-height:280px!important;display:flex!important;overflow:hidden auto!important}.bell-menu-list::-webkit-scrollbar{width:4px!important;height:0!important}.bell-menu-list::-webkit-scrollbar-track{background:0 0!important;border-radius:999px!important}.bell-menu-list::-webkit-scrollbar-thumb{transition:background .2s;background:#0000001f!important;border-radius:999px!important}.bell-menu-list::-webkit-scrollbar-thumb:hover{background:#00000038!important}html.dark .bell-menu-list{scrollbar-color:#ffffff1f transparent!important}html.dark .bell-menu-list::-webkit-scrollbar-thumb{background:#ffffff1f!important}html.dark .bell-menu-list::-webkit-scrollbar-thumb:hover{background:#ffffff38!important}.bell-menu-item{cursor:pointer!important;background:0 0!important;border:none!important;border-radius:12px!important;gap:12px!important;padding:10px 8px!important;text-decoration:none!important;transition:all .22s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.bell-menu-item:hover{background:#2563eb0d!important;transform:translate(4px)!important}html.dark .bell-menu-item:hover{background:#0ea5e914!important}.bell-menu-item.unread{background:#2563eb0a!important}html.dark .bell-menu-item.unread{background:#0ea5e90f!important}.bell-item-icon{width:32px!important;height:32px!important;color:var(--neutral-600)!important;background:#0000000a!important;border:1px solid #0000000d!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;transition:all .2s!important;display:flex!important}html.dark .bell-item-icon{color:#fff9!important;background:#ffffff0a!important;border:1px solid #ffffff0d!important}.bell-menu-item:hover .bell-item-icon{color:#3b82f6!important;background:#2563eb1f!important;border-color:#2563eb33!important;transform:scale(1.08)rotate(-4deg)!important}html.dark .bell-menu-item:hover .bell-item-icon{color:#0ea5e9!important;background:#0ea5e92e!important;border-color:#0ea5e940!important}.bell-menu-item.unread .bell-item-icon{color:#3b82f6!important;background:#2563eb1a!important;border-color:#2563eb2e!important}html.dark .bell-menu-item.unread .bell-item-icon{color:#0ea5e9!important;background:#0ea5e926!important;border-color:#0ea5e938!important}.bell-item-text{font-family:var(--font-sans)!important;color:var(--neutral-700)!important;word-break:break-word!important;margin:0 0 2px!important;font-size:13px!important;line-height:1.4!important}.bell-item-text strong{color:var(--neutral-900)!important;font-weight:700!important}html.dark .bell-item-text{color:#fffc!important}html.dark .bell-item-text strong{color:#fff!important}.bell-item-time{color:var(--neutral-400)!important;font-size:11px!important}html.dark .bell-item-time{color:#fff6!important}.bell-menu-footer{text-align:center!important;background:0 0!important;border-top:1px solid #0000000f!important;margin-top:8px!important;padding:12px 0 0!important}html.dark .bell-menu-footer{border-top:1px solid #ffffff14!important}.bell-menu-footer span{color:var(--neutral-600)!important;cursor:pointer!important;text-transform:none!important;letter-spacing:normal!important;font-size:12.5px!important;font-weight:600!important;transition:all .2s!important}html.dark .bell-menu-footer span{color:#fff9!important}.bell-menu-footer span:hover{color:#3b82f6!important;opacity:1!important;text-decoration:underline!important}html.dark .bell-menu-footer span:hover{color:#0ea5e9!important}.auth-status{display:none!important}.auth-header-premium .capsule-nav-link{justify-content:center!important;align-items:center!important;padding:8px 12px!important;display:flex!important}.topbar-divider-line{background-color:#00000026!important;flex-shrink:0!important;align-self:center!important;width:1px!important;height:18px!important;margin:0 6px!important}html.dark .topbar-divider-line{background-color:#ffffff26!important}.topbar-avatar-premium{width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;font-family:var(--font-sans);cursor:pointer;aspect-ratio:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:all .2s ease-in-out;display:flex;overflow:hidden;box-shadow:0 2px 8px #3b82f633;color:#fff!important;box-sizing:border-box!important;background:#3b82f6!important;border:none!important;padding:0!important}.topbar-avatar-premium:hover{transform:translateY(-1px);box-shadow:none!important}.topbar-avatar-premium img{object-fit:cover;border-radius:50%;width:100%;height:100%}.topbar-avatar-wrapper{flex-shrink:0!important;align-items:center!important;gap:10px!important;display:flex!important;position:relative!important}.topbar-user-profile-meta{text-align:right!important;flex-direction:column!important;align-items:flex-end!important;gap:2px!important;display:flex!important}.topbar-user-profile-meta .profile-meta-name{color:var(--neutral-900)!important;font-size:14px!important;font-weight:600!important;line-height:1.2!important}html.dark .topbar-user-profile-meta .profile-meta-name{color:var(--neutral-800)!important}.topbar-user-profile-meta .profile-meta-role{color:var(--neutral-700)!important;font-size:11px!important;font-weight:500!important;line-height:1.1!important}html.dark .topbar-user-profile-meta .profile-meta-role{color:var(--neutral-600)!important}.dropdown-study-reminders{background:#0ea5e90a!important;border-bottom:1px solid #0ea5e91f!important;flex-direction:column!important;gap:12px!important;padding:14px 16px!important;display:none!important}html.dark .dropdown-study-reminders{background:#ffffff05!important;border-bottom:1px solid #ffffff0f!important}.dropdown-reminder-item{align-items:center!important;gap:10px!important;display:flex!important}.dropdown-reminder-item .material-symbols-rounded{color:#3b82f6!important;font-size:18px!important}html.dark .dropdown-reminder-item .material-symbols-rounded{color:#818cf8!important}.dropdown-reminder-text{text-align:left!important;flex-direction:column!important;gap:2px!important;display:flex!important}.dropdown-reminder-text .label{color:var(--neutral-500)!important;font-size:11px!important;line-height:1.2!important}html.dark .dropdown-reminder-text .label{color:var(--neutral-400)!important}.dropdown-reminder-text .value{color:var(--neutral-800)!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important}html.dark .dropdown-reminder-text .value{color:var(--neutral-200)!important}@media (width<=768px){.dropdown-study-reminders{display:flex!important}}.welcome-banner-content{z-index:2!important;flex-direction:column!important;align-items:flex-start!important;gap:24px!important;width:100%!important;max-width:580px!important;position:relative!important}.welcome-text{z-index:2!important;width:100%!important;max-width:100%!important;position:relative!important}.welcome-daily-study-merged{-webkit-backdrop-filter:none!important;z-index:2!important;width:100%!important;max-width:580px!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;padding:14px 0!important;transition:background-color .3s,border-color .3s,box-shadow .3s!important;display:flex!important;position:relative!important}.welcome-daily-study-merged:before{display:none!important}.welcome-daily-study-merged:hover{box-shadow:none!important;background:0 0!important;border-color:#0000!important;transform:none!important}html.dark .welcome-daily-study-merged{background:0 0!important;border:none!important}html.dark .welcome-daily-study-merged:hover{background:0 0!important;border-color:#0000!important}.study-left-content{text-align:left!important;flex-direction:column!important;gap:2px!important;display:flex!important}.study-status-row{align-items:center!important;gap:8px!important;margin-bottom:4px!important;display:flex!important}.merged-pulse-dot{border-radius:50%!important;width:8px!important;height:8px!important;display:inline-block!important}.merged-pulse-dot.due{background-color:#ff9800!important;animation:2s infinite pulse-orange-merged!important;box-shadow:0 0 10px #ff9800!important}.merged-pulse-dot.completed{background-color:#10b981!important;animation:2s infinite pulse-green-merged!important;box-shadow:0 0 10px #10b981!important}@keyframes pulse-orange-merged{0%{transform:scale(.95);box-shadow:0 0 #ff9800b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ff980000}to{transform:scale(.95);box-shadow:0 0 #ff980000}}@keyframes pulse-green-merged{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.merged-status-text{text-transform:uppercase!important;letter-spacing:.05em!important;color:#ffffffe6!important;font-size:11px!important;font-weight:700!important}.study-info-block h3{color:#fff!important;letter-spacing:-.01em!important;margin:0 0 2px!important;font-size:16px!important;font-weight:700!important}.study-desc-text{color:#ffffffd9!important;margin:0!important;font-size:12.5px!important;line-height:1.4!important}.study-actions-block{flex-wrap:nowrap!important;flex-shrink:0!important;align-items:center!important;gap:8px!important;margin-top:0!important;display:flex!important}.primary-button-merged{color:#fff!important;border-radius:var(--radius-md)!important;white-space:nowrap!important;background:linear-gradient(135deg,#6366f1d9 0%,#8b5cf6d9 100%)!important;border:1px solid #ffffff26!important;align-items:center!important;gap:5px!important;padding:7.5px 15px!important;font-size:12.5px!important;font-weight:700!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important;box-shadow:0 4px 15px #6366f140!important}.primary-button-merged:hover{box-shadow:none!important;background:linear-gradient(135deg,#6366f1f2 0%,#8b5cf6f2 100%)!important;transform:translateY(-2.5px)!important}.secondary-button-merged{color:#fff!important;border-radius:var(--radius-md)!important;white-space:nowrap!important;background:#ffffff14!important;border:1px solid #fff3!important;align-items:center!important;gap:5px!important;padding:6.5px 12px!important;font-size:12.5px!important;font-weight:600!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important}.secondary-button-merged:hover{background:#ffffff29!important;border-color:#ffffff4d!important;transform:translateY(-2px)!important}.button-badge-count{color:#fff!important;background:#ffffff38!important;border-radius:99px!important;justify-content:center!important;align-items:center!important;min-width:14px!important;height:16px!important;margin-left:4px!important;padding:1px 6px!important;font-size:11px!important;font-weight:800!important;line-height:1!important;display:inline-flex!important}.text-button-merged{color:#ffffffe6!important;align-items:center!important;gap:4px!important;margin-left:4px!important;font-size:13px!important;font-weight:600!important;transition:all .3s!important;display:inline-flex!important}.text-button-merged:hover{color:#fff!important;transform:translate(3px)!important}.text-button-merged .material-symbols-rounded{font-size:16px!important}.welcome-mascot-container{pointer-events:none!important;z-index:0!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important;position:absolute!important;inset:0!important;overflow:hidden!important}.welcome-mascot-img,.welcome-mascot-video{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important;transition:transform .6s cubic-bezier(.34,1.56,.64,1)!important}.dashboard-welcome-banner:hover .welcome-mascot-img,.dashboard-welcome-banner:hover .welcome-mascot-video{transform:scale(1.02)!important}@media (width<=992px){.welcome-daily-study-merged,.welcome-text{max-width:100%!important}}@media (width<=768px){.welcome-daily-study-merged{padding:16px 0!important}.study-actions-block{gap:8px!important}}.launchpad-mascot-img{object-fit:cover!important;object-position:center right!important;border-radius:0 18px 18px 0!important;width:100%!important;height:100%!important;transition:transform .4s cubic-bezier(.25,1,.5,1)!important;position:absolute!important;top:0!important;bottom:0!important;right:0!important}.launchpad-card-premium:hover .launchpad-mascot-img{transform:scale(1.08)!important}.welcome-dashboard-widgets{z-index:2!important;flex-direction:column!important;align-items:flex-start!important;gap:16px!important;width:100%!important;max-width:100%!important;display:flex!important;position:relative!important}.welcome-daily-study-merged{width:100%!important;max-width:100%!important}.welcome-stats-grid-merged{z-index:2!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;width:100%!important;max-width:100%!important;display:grid!important;position:relative!important}.welcome-stat-tile-merged{-webkit-backdrop-filter:blur(10px)!important;background:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:12px!important;align-items:center!important;gap:12px!important;padding:10px 12px!important;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.welcome-stat-tile-merged:hover{box-shadow:none!important;background:#ffffff1a!important;border-color:#ffffff29!important;transform:translateY(-2px)!important}.welcome-stat-tile-merged .tile-icon{border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;display:flex!important}.welcome-stat-tile-merged.blue .tile-icon{color:#93c5fd!important;background:#3b82f63d!important;border:1px solid #3b82f659!important}.welcome-stat-tile-merged.amber .tile-icon{color:#fde047!important;background:#f59e0b3d!important;border:1px solid #f59e0b59!important}.welcome-stat-tile-merged.green .tile-icon{color:#6ee7b7!important;background:#10b9813d!important;border:1px solid #10b98159!important}.welcome-stat-tile-merged.indigo .tile-icon{color:#c7d2fe!important;background:#818cf83d!important;border:1px solid #818cf859!important}.welcome-stat-tile-merged.rose .tile-icon{color:#fda4af!important;background:#f43f5e3d!important;border:1px solid #f43f5e59!important}.welcome-stat-tile-merged.purple .tile-icon{color:#c084fc!important;background:#a855f73d!important;border:1px solid #a855f759!important}.welcome-stat-tile-merged .tile-meta{flex-direction:column!important;gap:1px!important;line-height:1.2!important;display:flex!important}.welcome-stat-tile-merged .tile-meta strong{color:#fff!important;font-size:15px!important;font-weight:800!important}.welcome-stat-tile-merged .tile-meta span{color:#ffffffbf!important;white-space:nowrap!important;font-size:10.5px!important;font-weight:600!important}html.dark .welcome-stat-tile-merged{background:#00000038!important;border-color:#ffffff0d!important}html.dark .welcome-stat-tile-merged:hover{background:#00000052!important;border-color:#ffffff1a!important}@media (width<=992px){.dashboard-welcome-banner{min-height:auto!important;padding-top:16px!important;padding-bottom:100px!important}.welcome-dashboard-widgets{flex-direction:column!important;gap:16px!important;max-width:100%!important}.welcome-daily-study-merged{max-width:100%!important}.welcome-stats-grid-merged{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;max-width:100%!important;display:grid!important}.welcome-text,.welcome-tip-capsule{max-width:100%!important}.scroll-down-indicator{display:none!important}}@media (width<=768px){.welcome-daily-study-merged{flex-direction:column!important;align-items:flex-start!important;gap:16px!important;padding:16px 0!important}.welcome-daily-study-merged .study-actions-block{justify-content:flex-start!important;width:100%!important;margin-top:4px!important}}@media (width<=480px){.welcome-stats-grid-merged{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}body{background:0 0!important}.app-shell{background:0 0!important;overflow-x:hidden!important}html.dark body{background-color:#0000!important}html.dark .app-shell{background:0 0!important}.global-space-bg{z-index:-20!important;pointer-events:none!important;width:100%!important;height:100%!important;transition:background .8s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;inset:0!important;overflow:hidden!important}.global-space-bg.light-theme{background:radial-gradient(circle at 50% 55%,#e0ecfb 0%,#f0e5fa 45%,#e5e9f0 100%)!important}.global-space-bg.dark-theme{background:radial-gradient(circle at 50% 55%,#080c1d 0%,#03050c 65%,#010205 100%)!important}.space-bg-canvas{pointer-events:none!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.space-nebula{filter:blur(120px)!important;pointer-events:none!important;mix-blend-mode:screen!important;opacity:.14!important;border-radius:50%!important;transition:all .8s cubic-bezier(.4,0,.2,1)!important;animation:32s ease-in-out infinite alternate nebula-drift!important;position:absolute!important}.global-space-bg.light-theme .space-nebula{opacity:.05!important;mix-blend-mode:multiply!important}.space-nebula-blue{background:radial-gradient(circle,#3b82f659 0%,#2563eb00 70%)!important;width:55vw!important;height:55vw!important;top:-12vw!important;right:-5vw!important}.global-space-bg.light-theme .space-nebula-blue{background:radial-gradient(circle,#3b82f61f 0%,#2563eb00 70%)!important}.space-nebula-purple{background:radial-gradient(circle,#a855f740 0%,#818cf800 75%)!important;width:65vw!important;height:65vw!important;animation-delay:-10s!important;bottom:-15vw!important;left:-12vw!important}.global-space-bg.light-theme .space-nebula-purple{background:radial-gradient(circle,#a855f71a 0%,#818cf800 75%)!important}@keyframes nebula-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(4vw,-2vw)scale(1.08)}to{transform:translate(-2vw,3vw)scale(.96)}}.global-space-video-bg{z-index:-15!important;pointer-events:none!important;width:100vw!important;height:100vh!important;transition:opacity .8s!important;position:fixed!important;inset:0!important;overflow:hidden!important}.space-video-bg-el{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important}.welcome-banner-video-bg{object-fit:cover!important;object-position:center!important;z-index:0!important;pointer-events:none!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.global-space-video-bg{opacity:.22!important}html.dark .global-space-video-bg{opacity:.85!important}.dashboard-welcome-banner{color:var(--neutral-800)!important;box-sizing:border-box!important;align-items:center!important;min-height:calc(100vh - 100px)!important;padding-bottom:64px!important;display:flex!important}.welcome-text h2{color:var(--neutral-900)!important;text-shadow:0 1px 2px #ffffff73!important}.welcome-quote{color:var(--neutral-700)!important}.welcome-daily-study-merged{box-shadow:none!important;background:0 0!important;border:none!important}.welcome-daily-study-merged h3{color:var(--neutral-900)!important}.welcome-daily-study-merged .study-desc-text{color:var(--neutral-700)!important}.welcome-daily-study-merged .study-desc-text strong{color:var(--neutral-900)!important}.welcome-stat-tile-merged{background:#ffffff6b!important;border:1px solid #0000000f!important;box-shadow:0 4px 16px #1f268708!important}.welcome-stat-tile-merged .tile-meta strong{color:var(--neutral-900)!important}.welcome-stat-tile-merged .tile-meta span{color:var(--neutral-600)!important}.secondary-button-merged{color:var(--neutral-800)!important;background:#0000000d!important;border:1px solid #0000001a!important}.secondary-button-merged:hover{background:#00000014!important;border-color:#00000026!important}html.dark .dashboard-welcome-banner{color:#fff!important}html.dark .welcome-text h2{color:#fff!important;text-shadow:0 2px 4px #0006!important}html.dark .welcome-quote{color:#ffffffd9!important}html.dark .welcome-daily-study-merged{box-shadow:none!important;background:0 0!important;border:none!important}html.dark .welcome-daily-study-merged h3{color:#fff!important}html.dark .welcome-daily-study-merged .study-desc-text{color:#ffffffd9!important}html.dark .welcome-daily-study-merged .study-desc-text strong{color:#fff!important}html.dark .welcome-stat-tile-merged{background:#00000038!important;border:1px solid #ffffff0d!important}html.dark .welcome-stat-tile-merged .tile-meta strong{color:#fff!important}html.dark .welcome-stat-tile-merged .tile-meta span{color:#ffffffbf!important}html.dark .secondary-button-merged{color:#fff!important;background:#ffffff14!important;border:1px solid #fff3!important}html.dark .secondary-button-merged:hover{background:#ffffff1f!important}.dashboard-content-section{z-index:5!important;box-shadow:none!important;background:0 0!important;border:none!important;margin-top:16px!important;padding:24px 0!important;transition:all .3s!important;position:relative!important}.dashboard-content-section>*{z-index:1;position:relative}html.dark .dashboard-content-section{box-shadow:none!important;background:0 0!important;border:none!important}@media (width<=768px){.dashboard-content-section{z-index:5!important;margin-top:54px!important;padding:16px 0!important}}.study-category-dot{color:#ffb74d!important;margin-right:6px!important;font-size:16px!important;font-weight:900!important}.study-category-text{color:#ffb74d!important;letter-spacing:1.2px!important;text-transform:uppercase!important;font-size:10px!important;font-weight:800!important}.welcome-tip-capsule{-webkit-backdrop-filter:blur(12px)!important;z-index:2!important;background:#00000073!important;border:1px solid #ffffff14!important;border-radius:30px!important;align-items:center!important;gap:10px!important;width:fit-content!important;max-width:580px!important;margin-top:8px!important;padding:6px 14px!important;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s!important;display:flex!important;position:relative!important;box-shadow:0 4px 20px #0003!important}.welcome-tip-capsule:hover{box-shadow:none!important;background:#0000008c!important;transform:translateY(-1px)!important}html.dark .welcome-tip-capsule{background:#00000073!important;border-color:#ffffff14!important}html.dark .welcome-tip-capsule:hover{background:#0000008c!important;border-color:#ffffff1a!important}.tip-avatar{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{box-shadow:none!important;background:#ffffff26!important;transform:translate(-50%)translateY(-2px)!important}.scroll-down-indicator:hover:before{background:linear-gradient(#ffffffbf 0%,#ffffff59 20%,#fff0 40% 60%,#ffffff59 80%,#ffffffbf 100%)!important}.scroll-down-indicator span{font-size:20px!important;transition:transform .3s!important}.scroll-down-indicator:hover span{transform:translateY(2px)!important}html:not(.dark) .scroll-down-indicator{color:var(--neutral-800)!important;background:#ffffff73!important;border-color:#0000001f!important;box-shadow:0 4px 12px #1f26870a!important}@keyframes bounce-gentle{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}.page-student .welcome-banner-video-bg,.dashboard-page .welcome-banner-video-bg{opacity:1!important;object-position:center top!important;width:106%!important;height:124%!important;inset:0 -3% -24%!important;transform:scale(1.08)!important}.page-student .dashboard-welcome-banner,.dashboard-page .dashboard-welcome-banner{color:#fffffff2!important;box-sizing:border-box!important;align-items:center!important;width:100vw!important;max-width:100vw!important;min-height:100vh!important;margin-top:-80px!important;margin-left:-50vw!important;margin-right:0!important;padding-top:110px!important;padding-bottom:96px!important;display:flex!important;position:relative!important;left:50%!important;right:auto!important;overflow:hidden!important}.page-student .dashboard-welcome-banner:after,.dashboard-page .dashboard-welcome-banner:after{content:""!important;filter:blur(42px)saturate(1.04)!important;opacity:.6!important;pointer-events:none!important;z-index:0!important;background:url(/mascot/mascot-daichienvutru-light.png) bottom/cover no-repeat!important;height:320px!important;display:none!important;position:absolute!important;bottom:-170px!important;left:-3%!important;right:-3%!important;transform:scale(1.1)!important;-webkit-mask-image:linear-gradient(#00000061 0%,#000000d1 28%,#0000008f 66%,#0000 100%)!important;mask-image:linear-gradient(#00000061 0%,#000000d1 28%,#0000008f 66%,#0000 100%)!important}.page-student .welcome-banner-content,.dashboard-page .welcome-banner-content{box-sizing:border-box!important;z-index:2!important;flex-direction:column!important;align-items:flex-start!important;gap:24px!important;width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:0 40px!important;position:relative!important}@media (width>=993px){.page-student .welcome-text,.dashboard-page .welcome-text,.page-student .welcome-dashboard-widgets,.dashboard-page .welcome-dashboard-widgets{z-index:5!important;width:100%!important;max-width:600px!important}}.page-student .welcome-text h2{color:#fff!important;text-shadow:0 2px 4px #0006!important}.page-student .welcome-quote{color:#ffffffd9!important}.page-student .welcome-daily-study-merged{box-shadow:none!important;background:0 0!important;border:none!important}.page-student .welcome-daily-study-merged h3{color:#fff!important}.page-student .welcome-daily-study-merged .study-desc-text{color:#ffffffd9!important}.page-student .welcome-daily-study-merged .study-desc-text strong{color:#fff!important}.page-student .welcome-stat-tile-merged{background:#00000038!important;border:1px solid #ffffff0d!important}.page-student .welcome-stat-tile-merged .tile-meta strong{color:#fff!important}.page-student .welcome-stat-tile-merged .tile-meta span{color:#ffffffbf!important}.page-student .secondary-button-merged{color:#fff!important;background:#ffffff14!important;border:1px solid #fff3!important}.page-student .secondary-button-merged:hover{background:#ffffff1f!important;border-color:#ffffff59!important}.page-student .welcome-tip-capsule{background:#00000073!important;border-color:#ffffff14!important}.page-student .welcome-tip-capsule:hover{background:#0000008c!important;border-color:#ffffff1a!important}.page-student .tip-text{color:#fff!important}.page-student .tip-title{color:#ffe082!important}.page-student .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{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}.topbar-avatar-premium{width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px}.topbar-bell-wrapper .bell-badge{padding:1px 4px!important;font-size:9px!important;top:2px!important;right:2px!important}.auth-top-timer{gap:4px!important;padding:4px 8px!important;font-size:12px!important}.topbar-xp-level-mobile{gap:4px!important;padding:4px 8px!important;font-size:11px!important}}@media (width<=380px){.auth-utility-cluster__inner{gap:4px!important;padding:0 6px!important}.auth-top-timer{padding:4px 6px!important;font-size:11px!important}.topbar-xp-level-mobile{gap:2px!important;padding:4px 6px!important;font-size:10px!important}.topbar-bell-btn-premium,.topbar-theme-btn-premium{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}.topbar-avatar-premium{width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px}.topbar-bell-wrapper .bell-badge{padding:1px 3px!important;font-size:8px!important;top:0!important;right:0!important}}.content .student-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,.content .leaderboard-page,.leaderboard-page{font-family:var(--font-sans);z-index:1;border-radius:var(--radius-md);position:relative;-webkit-backdrop-filter:blur(16px)saturate(160%)!important;background:#ffffffbf!important;border:none!important;box-shadow:0 8px 32px #00000005!important}html.dark .content .student-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,html.dark .content .leaderboard-page,html.dark .leaderboard-page{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px)!important;background:#0f172a73!important;border:none!important;box-shadow:0 8px 32px #00000040!important}.textbook-split-layout,.student-course-detail-layout{grid-template-columns:320px 1fr;align-items:start;gap:32px;display:grid}@media (width<=1024px){.textbook-split-layout,.student-course-detail-layout{grid-template-columns:1fr;gap:24px}}.book-page-icon-wrapper{border-radius:var(--radius-md);background:var(--primary-light);width:46px;height:46px;color:var(--primary);box-shadow:0 4px 14px var(--primary-glow);justify-content:center;align-items:center;display:inline-flex}html.dark .book-page-icon-wrapper{color:#60a5fa;background:#2563eb26;box-shadow:0 4px 20px #2563eb40}.textbook-search-box{border:1px solid var(--neutral-200);width:320px;height:42px;box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:0 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.textbook-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);width:360px}.textbook-search-box .material-symbols-rounded{color:var(--neutral-400);font-size:20px}.textbook-search-box input{width:100%;height:38px;color:var(--neutral-800);background:0 0;border:none;outline:none;margin:0;padding:0;font-size:14px;font-weight:500;line-height:38px}.textbook-search-box input::placeholder{color:var(--neutral-400)}.textbook-search-box .search-shortcut{color:var(--neutral-400);background:var(--neutral-100);border:1px solid var(--neutral-200);-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;border-radius:6px;align-items:center;height:22px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}html.dark .textbook-search-box{background:#0a0f1e99;border-color:#ffffff14;box-shadow:inset 0 1px 1px #ffffff0d}html.dark .textbook-search-box input{color:var(--neutral-200)}html.dark .textbook-search-box .search-shortcut{color:var(--neutral-400);background:#ffffff0d;border-color:#ffffff14}.textbook-banner-premium{border-radius:var(--radius-lg);min-height:100px;box-shadow:var(--shadow-md), inset 0 1px 2px #ffffff80;z-index:1;border:1px solid #ffffffb3;justify-content:space-between;align-items:center;margin-bottom:40px;padding:16px 32px;display:flex;position:relative;overflow:visible;background:linear-gradient(135deg,#e0f2fe 0%,#f3e8ff 50%,#eff6ff 100%)!important}html.dark .textbook-banner-premium{box-shadow:var(--shadow-xl), inset 0 1px 1px #ffffff0d;border-color:#ffffff0d;background:linear-gradient(135deg,#0b0f19 0%,#1e1b4b 50%,#3b0764 100%)!important}.banner-galaxy-bg{z-index:0;pointer-events:none;border-radius:0 var(--radius-lg) var(--radius-lg) 0;background-image:url(/mascot/mascot_book/background_light.webp);background-position:100%;background-repeat:no-repeat;background-size:cover;width:68%;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(270deg,#000 45%,#0000 100%);mask-image:linear-gradient(270deg,#000 45%,#0000 100%)}html.dark .banner-galaxy-bg{background-image:url(/mascot/mascot_book/background_dark.webp)}.textbook-banner-premium:before{content:"";opacity:.6;pointer-events:none;z-index:-1;border-radius:var(--radius-lg);background-image:radial-gradient(circle at 20% 30%,#ffffff26 1px,#0000 0),radial-gradient(circle at 75% 40%,#ffffff1a 1px,#0000 0),radial-gradient(circle at 50% 80%,#ffffff1f 1.5px,#0000 0);background-size:100px 100px;position:absolute;inset:0}html.dark .textbook-banner-premium:before{background-image:radial-gradient(circle at 20% 30%,#0ea5e966 1px,#0000 0),radial-gradient(circle at 75% 40%,#a855f74d 1px,#0000 0),radial-gradient(circle at 50% 80%,#ffffff40 1.5px,#0000 0)}.banner-content-left{z-index:2;flex:1;max-width:82%;position:relative}.textbook-banner-stats{justify-content:space-around;align-items:center;width:100%;display:flex}.stat-tile{align-items:center;gap:16px;padding:8px 12px;transition:transform .25s;display:flex;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.stat-tile:hover{transform:translateY(-4px)}html.dark .stat-tile{box-shadow:none!important;background:0 0!important;border:none!important}html.dark .stat-tile:hover{background:0 0!important;border:none!important}.stat-icon-wrap{justify-content:center;align-items:center;font-size:26px;display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important;width:auto!important;height:auto!important}.stat-icon-wrap.icon-blue{color:var(--primary)!important}.stat-icon-wrap.icon-purple{color:#8b5cf6!important}.stat-icon-wrap.icon-green{color:#10b981!important}.stat-icon-wrap.icon-amber{color:#f59e0b!important}html.dark .stat-icon-wrap.icon-blue{color:#60a5fa!important}html.dark .stat-icon-wrap.icon-purple{color:#a78bfa!important}html.dark .stat-icon-wrap.icon-green{color:#34d399!important}html.dark .stat-icon-wrap.icon-amber{color:#fbbf24!important}.stat-info{flex-direction:column;gap:2px;display:flex}.stat-info strong{font-size:22px;font-weight:900;font-family:var(--font-display);color:var(--neutral-900)}html.dark .stat-info strong{color:#fff}.stat-info span{color:var(--neutral-600);font-size:13px;font-weight:600}html.dark .stat-info span{color:var(--neutral-400)}.banner-mascot-container{z-index:2;justify-content:center;align-items:center;width:140px;height:100px;display:flex;position:relative;overflow:visible}.banner-mascot-img{object-fit:contain;filter:drop-shadow(0 15px 35px #00000040);z-index:10;height:auto;animation:6s ease-in-out infinite banner-mascot-float;position:absolute;top:-50px;left:-75px;width:360px!important;max-width:none!important}@keyframes banner-mascot-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(3deg)}}.textbooks-section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.textbooks-filter-tabs{gap:8px;display:flex}.textbooks-empty-placeholder{text-align:center;border:1.5px dashed #00000014;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:75px;padding:60px 24px 36px;display:flex;position:relative;box-shadow:0 4px 20px #00000003;background:#ffffff1a!important;overflow:visible!important}html.dark .textbooks-empty-placeholder{border-color:#ffffff14;background:#0a0f1e33!important}.textbooks-empty-placeholder:before{content:"";z-index:1;pointer-events:none;filter:blur(16px);background:radial-gradient(circle,#6366f11f 0%,#6366f100 70%);width:320px;height:320px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}html.dark .textbooks-empty-placeholder:before{background:radial-gradient(circle,#6366f138 0%,#6366f100 70%)}.textbooks-empty-mascot-img{object-fit:contain;z-index:2;filter:drop-shadow(0 16px 32px #0000001f);width:270px;height:auto;margin-top:-140px;margin-bottom:12px;animation:4s ease-in-out infinite empty-mascot-float;position:relative;-webkit-mask-image:radial-gradient(circle,#000 50%,#0000 92%);mask-image:radial-gradient(circle,#000 50%,#0000 92%)}@keyframes empty-mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.empty-placeholder-text{color:var(--neutral-500);z-index:2;margin:0;font-size:13.5px;font-weight:700;position:relative}html.dark .empty-placeholder-text{color:var(--neutral-400)}.textbooks-carousel-frame{--textbook-carousel-gap:24px;--textbook-shadow-bleed:34px;--textbook-carousel-nav-offset:clamp(56px, 6vw, 96px);box-sizing:border-box;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 0 56px;position:relative;overflow:visible}.textbooks-horizontal-scroll{align-items:center;gap:var(--textbook-carousel-gap);padding:160px var(--textbook-carousel-nav-offset) 54px;scroll-snap-type:x proximity;scroll-padding-inline:var(--textbook-carousel-nav-offset);scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;margin:-70px 0 -22px;display:flex;overflow:auto hidden}.textbooks-horizontal-scroll::-webkit-scrollbar{width:0;height:0;display:none}.textbook-card-3d{--book-card-accent:96, 165, 250;--book-card-accent-deep:37, 99, 235;scroll-snap-align:start;background:radial-gradient(circle at 18% 8%, rgba(var(--book-card-accent), .46), transparent 44%), radial-gradient(circle at 86% 88%, rgba(var(--book-card-accent-deep), .28), transparent 48%), linear-gradient(135deg, #ffffff94, rgba(var(--book-card-accent), .16) 52%, #ffffff29), #ffffff2e;-webkit-backdrop-filter:blur(22px)saturate(185%);width:clamp(420px,29vw,560px);min-height:clamp(178px,12vw,236px);box-shadow:inset 0 1px 0 #ffffff9e, inset 0 -14px 28px rgba(var(--book-card-accent-deep), .1), 0 14px 34px rgba(var(--book-card-accent-deep), .14);cursor:pointer;border:1px solid #ffffff94;border-radius:28px;flex-direction:column;flex:0 0 clamp(420px,29vw,560px);align-self:center;gap:14px;padding:18px;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s;display:flex;position:relative;overflow:visible}.textbook-card-3d:hover,.textbook-card-3d:focus-visible{z-index:4;background:radial-gradient(circle at 18% 8%, rgba(var(--book-card-accent), .58), transparent 44%), radial-gradient(circle at 86% 88%, rgba(var(--book-card-accent-deep), .38), transparent 48%), linear-gradient(135deg, #ffffffa8, rgba(var(--book-card-accent), .22) 52%, #fff3), #ffffff38;box-shadow:inset 0 1px 0 #ffffffb8, inset 0 -16px 30px rgba(var(--book-card-accent-deep), .14), 0 20px 44px rgba(var(--book-card-accent-deep), .22);border-color:#ffffffc7;transform:translateY(-6px)}.textbook-card-3d:active{transform:translateY(-2px)scale(.995)}.textbook-card-3d.is-shared-source-hidden{visibility:hidden;pointer-events:none}.textbook-shared-overlay{z-index:2147482999;pointer-events:none;position:fixed;inset:0}.textbook-card-overlay-clone{pointer-events:auto}.textbook-card-3d.is-window-active{z-index:2147483000;box-sizing:border-box;scroll-snap-align:center;width:100vw;max-width:100vw;height:100dvh;min-height:100dvh;max-height:100dvh;transform:translate3d(var(--flip-left,0px), var(--flip-top,0px), 0) scale(var(--flip-scale-x,1), var(--flip-scale-y,1));transform-origin:0 0;background:radial-gradient(circle at 16% 12%, rgba(var(--book-card-accent), .5), transparent 38%), radial-gradient(circle at 82% 86%, rgba(var(--book-card-accent-deep), .42), transparent 46%), linear-gradient(135deg, #ffffffc7, rgba(var(--book-card-accent), .18) 52%, #ffffff38), #ffffffb3;box-shadow:inset 0 1px 0 #ffffffbd, inset 0 -28px 60px rgba(var(--book-card-accent-deep), .18), 0 0 0 1px #ffffff3d, 0 36px 120px rgba(var(--book-card-accent-deep), .28);cursor:default;contain:layout paint style;will-change:transform, border-radius, padding;border-color:#ffffffc7;border-radius:28px;flex-basis:auto;align-self:center;margin:0;padding:18px;transition:transform .32s cubic-bezier(.16,1,.3,1),border-radius .32s cubic-bezier(.16,1,.3,1),padding .32s cubic-bezier(.16,1,.3,1),box-shadow .32s cubic-bezier(.16,1,.3,1),background .32s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;overflow:hidden}.textbook-card-3d.is-window-active.is-flip-open{box-shadow:inset 0 1px 0 #ffffff8f, inset 0 -18px 42px rgba(var(--book-card-accent-deep), .14), 0 0 0 1px #fff3, 0 24px 72px rgba(var(--book-card-accent-deep), .22);border-radius:50px;padding:clamp(42px,6vw,86px);transform:translate(0)scale(1);overflow:visible!important}.textbook-card-overlay-clone.is-window-active.is-flip-open{box-shadow:none!important;background:0 0!important;border-color:#0000!important;border-radius:0!important}.textbook-card-3d.is-window-active.is-flip-closing{transform:translate3d(var(--flip-left,0px), var(--flip-top,0px), 0) scale(var(--flip-scale-x,1), var(--flip-scale-y,1));border-radius:28px;padding:18px}@keyframes textbookMascotDriftBack{0%{opacity:.74;transform:translate(0)scale(1)}to{opacity:.88;transform:translate(-18vw,4vh)scale(1.08)}}@keyframes textbookCoverSlideOut{0%{opacity:1;transform:translateY(-50%)scale(1)}to{opacity:0;transform:translate(-15vw,-50%)scale(.95)}}.textbook-card-3d.is-window-active.is-flip-closing .book-card-mascot-column,.textbook-card-overlay-clone.is-window-active.is-flip-closing .book-card-mascot-column{z-index:1;pointer-events:none;height:auto;position:absolute;inset:0}.textbook-card-3d.is-window-active.is-flip-closing .book-card-mascot-img,.textbook-card-overlay-clone.is-window-active.is-flip-closing .book-card-mascot-img{z-index:1;opacity:.74;filter:drop-shadow(0 18px 28px #0f172a33);width:clamp(250px,23vw,420px);animation:.32s cubic-bezier(.16,1,.3,1) both textbookMascotDriftBack;position:absolute;bottom:clamp(-58px,-3vw,-22px);right:clamp(-150px,-7vw,-78px);transform:none}.textbook-card-3d.is-window-active.is-flip-closing .book-card-cover-reveal,.textbook-card-overlay-clone.is-window-active.is-flip-closing .book-card-cover-reveal{z-index:2;transform-origin:50%;filter:drop-shadow(0 18px 28px #0f172a38);width:auto;height:min(100dvh - 40px,72vw);animation:.32s cubic-bezier(.16,1,.3,1) both textbookCoverSlideOut;display:block;position:absolute;top:50%;left:clamp(20px,5vw,96px);transform:translateY(-50%)}.textbook-card-3d.is-window-active.is-flip-closing .book-expanded-details,.textbook-card-overlay-clone.is-window-active.is-flip-closing .book-expanded-details{color:#0f172ac2;opacity:0;pointer-events:none;gap:clamp(8px,1vh,10px);width:min(100%,500px);margin-top:clamp(10px,1.3vh,16px);transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);display:grid;transform:translateY(14px)scale(.96)}.textbook-card-3d.is-window-active:hover,.textbook-card-3d.is-window-active:focus-visible,.textbook-card-3d.is-window-active:active{transform:translate3d(var(--flip-left,0px), var(--flip-top,0px), 0) scale(var(--flip-scale-x,1), var(--flip-scale-y,1))}.textbook-card-3d.is-window-active.is-flip-open:hover,.textbook-card-3d.is-window-active.is-flip-open:focus-visible,.textbook-card-3d.is-window-active.is-flip-open:active{transform:translate(0)scale(1)}.textbook-card-3d.is-window-active .book-card-hero-grid{grid-template-columns:minmax(300px,.9fr) minmax(360px,1fr);align-items:start;gap:clamp(36px,5vw,92px);inset:clamp(36px,5vh,58px) clamp(56px,7vw,132px) clamp(34px,4vh,58px)}.textbook-card-3d.is-window-active.is-flip-open .book-card-hero-grid,.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-hero-grid{pointer-events:auto}.textbook-card-3d.is-window-active .book-card-mascot-column{justify-content:center;align-items:center;height:100%}.textbook-card-3d.is-window-active .book-card-mascot-img{filter:drop-shadow(0 32px 44px #0f172a3d);width:clamp(380px,34vw,590px);transform:translate(-5vw,1vh)}.textbook-card-3d.is-window-active.is-flip-open .book-card-mascot-column{z-index:1;pointer-events:none;height:auto;position:absolute;inset:0}.textbook-card-3d.is-window-active.is-flip-open .book-card-cover-reveal{z-index:2;transform-origin:50%;opacity:1;filter:drop-shadow(0 18px 28px #0f172a38);width:auto;height:min(100dvh - 40px,72vw);animation:.42s cubic-bezier(.16,1,.3,1) .16s both textbookCoverSlideIn;display:block;position:absolute;top:50%;left:clamp(20px,5vw,96px);transform:translateY(-50%)}.textbook-card-3d.is-window-active.is-flip-open .book-card-cover-img{border-radius:18px;width:auto;max-width:none;height:100%;max-height:min(100dvh - 40px,72vw)}.textbook-card-3d.is-window-active.is-flip-open .book-card-mascot-img{z-index:1;opacity:.74;filter:drop-shadow(0 18px 28px #0f172a33);width:clamp(250px,23vw,420px);animation:.52s cubic-bezier(.16,1,.3,1) both textbookMascotDriftToCorner;position:absolute;bottom:clamp(-58px,-3vw,-22px);right:clamp(-150px,-7vw,-78px);transform:none}.textbook-card-3d.is-window-active .book-card-details-right{justify-content:flex-start;padding-top:0;transform:none}.textbook-card-3d.is-window-active.is-flip-open .book-card-details-right{z-index:6;grid-column:2;align-self:start;width:min(100%,560px);min-width:0;margin-top:0}.textbook-card-3d.is-window-active .book-tag-wrapper{margin-bottom:clamp(6px,.9vh,10px);display:block}.textbook-card-3d.is-window-active .book-card-details-right h4{font-size:clamp(52px,5.45vw,92px);line-height:.9}.textbook-card-3d.is-window-active .book-level-text{margin-top:clamp(8px,1.1vh,12px);padding:6px 12px;font-size:12px}.textbook-card-3d.is-window-active .book-desc-text{color:#0f172a9e;max-width:38ch;margin-top:clamp(8px,1.1vh,12px);font-size:clamp(13px,1vw,15px);font-weight:700;line-height:1.35;display:block}.book-expanded-details{display:none}.textbook-card-3d.is-window-active.is-flip-open .book-expanded-details{color:#0f172ac2;opacity:0;gap:clamp(8px,1vh,10px);width:min(100%,500px);margin-top:clamp(10px,1.3vh,16px);animation:.28s cubic-bezier(.16,1,.3,1) .16s both textbookDetailReveal;display:grid;transform:translateY(14px)}.book-expanded-summary{flex-wrap:wrap;gap:7px;max-width:520px;display:flex}.book-expanded-summary span,.book-expanded-feature-list span{min-height:28px;box-shadow:inset 0 1px 0 #ffffff42, 0 12px 30px rgba(var(--book-card-accent-deep), .12);-webkit-backdrop-filter:none;background:linear-gradient(135deg,#ffffff5c,#ffffff24),#ffffff2e;border:1px solid #ffffff52;border-radius:999px;align-items:center;display:inline-flex}.book-expanded-summary span{color:#0f172ab3;padding:5px 11px;font-size:11.5px;font-weight:850}.book-expanded-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.book-expanded-stat{background:radial-gradient(circle at 12% 0%, rgba(var(--book-card-accent), .22), transparent 52%), linear-gradient(135deg, #ffffff57, #ffffff21), #ffffff2e;min-width:0;box-shadow:inset 0 1px 0 #ffffff47, 0 18px 42px rgba(var(--book-card-accent-deep), .14);-webkit-backdrop-filter:none;border:1px solid #ffffff47;border-radius:16px;padding:10px 13px}.book-expanded-stat strong{color:#0f172ae6;font-family:var(--font-display);font-size:clamp(20px,1.85vw,28px);font-weight:950;line-height:1;display:block}.book-expanded-stat span{color:#0f172a94;margin-top:4px;font-size:11px;font-weight:800;display:block}.book-expanded-progress{-webkit-backdrop-filter:none;background:linear-gradient(135deg,#ffffff52,#ffffff1f),#ffffff2b;border:1px solid #ffffff42;border-radius:16px;gap:7px;padding:10px 13px;display:grid}.book-expanded-progress-row{color:#0f172ab8;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:850;display:flex}.book-expanded-progress-track{background:#0f172a1f;border-radius:999px;height:8px;position:relative;overflow:hidden}.book-expanded-progress-fill{border-radius:inherit;background:linear-gradient(90deg, rgba(var(--book-card-accent), .88), rgba(var(--book-card-accent-deep), .95));min-width:10px;box-shadow:0 0 22px rgba(var(--book-card-accent), .32);position:absolute;inset:0 auto 0 0}.book-expanded-feature-list{flex-wrap:wrap;gap:7px;display:flex}.book-expanded-feature-list span{color:#0f172ab3;gap:6px;padding:6px 10px;font-size:11.5px;font-weight:850}.book-expanded-feature-list .material-symbols-rounded{color:rgba(var(--book-card-accent-deep), .92);font-size:17px}.book-expanded-action{align-items:center;margin-top:2px;display:flex}.book-expanded-open-btn{background:linear-gradient(135deg, rgba(var(--book-card-accent), .92), rgba(var(--book-card-accent-deep), .92));color:#fff;min-height:40px;box-shadow:inset 0 1px 0 #ffffff57, 0 14px 30px rgba(var(--book-card-accent-deep), .24);cursor:pointer;border:1px solid #ffffff52;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:10px 16px;font-size:13px;font-weight:900;line-height:1;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex}.book-expanded-open-btn:hover{box-shadow:inset 0 1px 0 #fff6, 0 18px 34px rgba(var(--book-card-accent-deep), .28);transform:translateY(-1px)}.book-expanded-open-btn:active{transform:translateY(0)scale(.98)}.book-expanded-open-btn:disabled{cursor:not-allowed;opacity:.52}.book-expanded-open-btn .material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 760, "GRAD" 0, "opsz" 24;font-size:18px}.textbook-card-3d.is-flip-opening-start .book-card-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:8px;inset:-76px 22px 18px 16px}.textbook-card-3d.is-flip-opening-start .book-card-mascot-column{justify-content:flex-start;align-items:flex-start;height:clamp(220px,4vw,286px)}.textbook-card-3d.is-flip-opening-start .book-card-mascot-img{width:clamp(220px,15vw,292px);transform:translate(-38px,-48px)}.textbook-card-3d.is-flip-opening-start .book-card-details-right{justify-content:flex-start;padding-top:10px;transform:none}.textbook-card-3d.is-flip-opening-start .book-tag-wrapper{display:none}.textbook-card-3d.is-flip-opening-start .book-card-details-right h4{font-size:clamp(48px,3.35vw,72px);line-height:.92}.textbook-card-3d.is-flip-opening-start .book-level-text{margin-top:4px;padding:5px 10px;font-size:11px}.textbook-card-3d.is-flip-opening-start .book-desc-text{opacity:0;transform:translateY(6px)}.textbook-card-3d.is-flip-opening-start .book-expanded-details{display:none}@media (width<=1180px) and (width>=721px){.textbook-card-overlay-clone.is-window-active.is-flip-open{padding:clamp(34px,4vw,58px)}.textbook-card-overlay-clone.is-window-active .book-card-hero-grid{grid-template-columns:minmax(260px,.82fr) minmax(320px,1fr);gap:clamp(28px,4vw,54px);inset:clamp(28px,4vh,44px) clamp(28px,4vw,56px)}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-cover-reveal{height:min(100dvh - 88px,58vw);left:clamp(20px,3.4vw,44px)}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-cover-img{max-height:min(100dvh - 88px,58vw)}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-details-right{width:min(100%,460px)}.textbook-card-overlay-clone.is-window-active .book-card-details-right h4{font-size:clamp(42px,5.2vw,64px)}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-details{width:min(100%,430px)}}@media (width>=721px){.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-hero-grid{grid-template-columns:minmax(300px,.95fr) minmax(380px,1fr);align-items:center}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-mascot-column{pointer-events:none;grid-area:1/1;place-items:center;min-width:0;height:100%;display:grid;position:relative;inset:auto}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-cover-reveal{width:min(38vw,540px);height:auto;animation:none;position:relative;top:auto;left:auto;transform:none}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-cover-img{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:calc(100dvh - 96px)}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-mascot-img{z-index:5;opacity:.58;pointer-events:none;width:clamp(190px,16vw,300px);position:fixed;bottom:clamp(30px,4.5vh,72px);right:clamp(56px,7vw,140px);transform:none}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-details-right{grid-area:1/2;justify-self:start;width:min(100%,clamp(390px,32vw,560px))}}.textbook-card-window-close{z-index:10;color:#172033;-webkit-backdrop-filter:blur(22px)saturate(180%);cursor:pointer;opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff7a,#ffffff24),#ffffff29;border:0;border-radius:999px;place-items:center;width:46px;height:46px;transition:opacity .18s,transform .18s,box-shadow .18s,background .18s;display:grid;position:absolute;top:clamp(28px,4vw,58px);right:clamp(28px,4vw,58px);box-shadow:inset 0 1px #ffffff9e,0 16px 34px #0f172a2e}.textbook-card-3d.is-flip-open .textbook-card-window-close{opacity:1;pointer-events:auto}body.textbook-window-active .auth-bottom-dock,body.textbook-window-active .floating-search-pill-container,body.textbook-window-active .floating-utility-controls{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,visibility .16s,transform .16s;transform:translateY(12px)}.textbook-card-3d[data-grade="10"]{--book-card-accent:34, 197, 94;--book-card-accent-deep:22, 163, 74}.textbook-card-3d[data-grade="11"]{--book-card-accent:239, 68, 68;--book-card-accent-deep:220, 38, 38}.textbook-card-3d[data-grade="12"]{--book-card-accent:59, 130, 246;--book-card-accent-deep:37, 99, 235}.textbooks-carousel-nav{z-index:5;color:#172033;-webkit-backdrop-filter:blur(18px)saturate(175%)contrast(1.08);cursor:pointer;isolation:isolate;will-change:transform, opacity;background:0 0;border:0;border-radius:999px;place-items:center;width:40px;height:40px;padding:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .25s cubic-bezier(.25,1,.5,1),background-color .25s,box-shadow .25s;display:grid;position:absolute;top:auto;bottom:4px;overflow:hidden;transform:translateY(0)scale(1);box-shadow:inset 0 1px #ffffffb8,inset 0 -8px 18px #4f46e529,0 12px 22px #0f172a2e}.textbooks-carousel-nav:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:0 0;border:0;position:absolute;inset:2px}.textbooks-carousel-nav:hover{background:0 0;transform:translateY(-2px)scale(1.08);box-shadow:inset 0 1px #ffffffdb,inset 0 -10px 22px #2563eb38,0 16px 30px #2563eb3d}.textbooks-carousel-nav:active{transform:translateY(0)scale(.94);box-shadow:inset 0 6px 14px #0f172a29,inset 0 -4px 12px #ffffff38,0 8px 18px #0f172a29}.textbooks-carousel-nav:disabled,.textbooks-carousel-nav.is-disabled{opacity:0;pointer-events:none;transform:translateY(8px)scale(.85)}.textbooks-carousel-nav-left{left:auto;right:calc(var(--textbook-carousel-nav-offset) + 52px)}.textbooks-carousel-nav-right{right:var(--textbook-carousel-nav-offset)}.textbooks-carousel-nav .material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 720, "GRAD" 0, "opsz" 32;filter:drop-shadow(0 5px 9px #0f172a33);font-size:26px}html.dark .textbook-card-3d{background:radial-gradient(circle at 18% 8%, rgba(var(--book-card-accent), .38), transparent 44%), radial-gradient(circle at 86% 88%, rgba(var(--book-card-accent-deep), .3), transparent 48%), linear-gradient(135deg, #ffffff2e, rgba(var(--book-card-accent), .14) 52%, #0f172a38), #0f172a57;box-shadow:inset 0 1px 0 #fff3, inset 0 -14px 28px rgba(var(--book-card-accent-deep), .1), 0 14px 36px rgba(var(--book-card-accent-deep), .16);border-color:#ffffff3d}html.dark .textbook-card-3d.is-window-active{background:radial-gradient(circle at 16% 12%, rgba(var(--book-card-accent), .32), transparent 38%), radial-gradient(circle at 82% 86%, rgba(var(--book-card-accent-deep), .3), transparent 46%), linear-gradient(135deg, #0f172aeb, rgba(var(--book-card-accent), .18) 52%, #020617eb), #020617f5;box-shadow:inset 0 1px 0 #ffffff38, inset 0 -18px 42px rgba(var(--book-card-accent-deep), .16), 0 0 0 1px #ffffff14, 0 24px 72px #00000061;border-color:#ffffff4d}html.dark .textbook-card-3d.is-window-active .book-desc-text{color:#e2e8f0ad}html.dark .textbook-card-3d.is-window-active.is-flip-open .book-expanded-details{color:#e2e8f0c7}html.dark .book-expanded-summary span,html.dark .book-expanded-feature-list span{color:#e2e8f0c2;background:linear-gradient(135deg,#ffffff2e,#ffffff12),#0f172a47;border-color:#ffffff29;box-shadow:inset 0 1px #ffffff29,0 14px 36px #02061733}html.dark .book-expanded-stat,html.dark .book-expanded-progress{background:radial-gradient(circle at 12% 0%, rgba(var(--book-card-accent), .2), transparent 52%), linear-gradient(135deg, #ffffff29, #ffffff0e), #0f172a4d;border-color:#ffffff26;box-shadow:inset 0 1px #ffffff24,0 18px 42px #02061738}html.dark .book-expanded-stat strong{color:#f8fafcf0}html.dark .book-expanded-stat span,html.dark .book-expanded-progress-row{color:#e2e8f0a8}html.dark .book-expanded-progress-track{background:#ffffff21}html.dark .book-expanded-feature-list .material-symbols-rounded{color:rgba(var(--book-card-accent), .96)}html.dark .book-expanded-open-btn{border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff38,0 16px 34px #02061747}html.dark .textbook-card-3d:hover,html.dark .textbook-card-3d:focus-visible{background:radial-gradient(circle at 18% 8%, rgba(var(--book-card-accent), .5), transparent 44%), radial-gradient(circle at 86% 88%, rgba(var(--book-card-accent-deep), .4), transparent 48%), linear-gradient(135deg, #ffffff3d, rgba(var(--book-card-accent), .18) 52%, #0f172a2e), #0f172a6b;box-shadow:inset 0 1px 0 #ffffff47, inset 0 -16px 30px rgba(var(--book-card-accent-deep), .14), 0 22px 48px rgba(var(--book-card-accent-deep), .24);border-color:#ffffff57}html.dark .textbook-card-3d.is-window-active:hover,html.dark .textbook-card-3d.is-window-active:focus-visible,html.dark .textbook-card-3d.is-window-active:active{transform:translate3d(var(--flip-left,0px), var(--flip-top,0px), 0) scale(var(--flip-scale-x,1), var(--flip-scale-y,1));background:radial-gradient(circle at 16% 12%, rgba(var(--book-card-accent), .32), transparent 38%), radial-gradient(circle at 82% 86%, rgba(var(--book-card-accent-deep), .3), transparent 46%), linear-gradient(135deg, #0f172aeb, rgba(var(--book-card-accent), .18) 52%, #020617eb), #020617f5;box-shadow:inset 0 1px 0 #ffffff38, inset 0 -18px 42px rgba(var(--book-card-accent-deep), .16), 0 0 0 1px #ffffff14, 0 24px 72px #00000061;border-color:#ffffff4d}html.dark .textbook-card-3d.is-window-active.is-flip-open:hover,html.dark .textbook-card-3d.is-window-active.is-flip-open:focus-visible,html.dark .textbook-card-3d.is-window-active.is-flip-open:active{transform:translate(0)scale(1)}html.dark .textbooks-carousel-nav{color:#f8fafc;background:0 0;box-shadow:inset 0 1px #ffffff38,inset 0 -8px 18px #3b82f61f,0 16px 30px #00000057}html.dark .textbooks-carousel-nav:hover{background:0 0}.book-card-hero-grid{z-index:2;pointer-events:none;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:8px;transition:inset .42s cubic-bezier(.16,1,.3,1),grid-template-columns .42s cubic-bezier(.16,1,.3,1),gap .42s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;inset:-76px 22px 18px 16px}.book-card-mascot-column{z-index:2;justify-content:flex-start;align-items:flex-start;min-width:0;height:clamp(220px,4vw,286px);transition:height .42s cubic-bezier(.16,1,.3,1),align-items .42s cubic-bezier(.16,1,.3,1),justify-content .42s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.book-card-cover-reveal{display:none}.book-card-cover-img{object-fit:contain;width:100%;height:auto;display:block}.book-card-mascot-img{object-fit:contain;object-position:left top;filter:drop-shadow(0 20px 26px #0f172a2e);width:clamp(220px,15vw,292px);max-width:none;height:auto;transition:width .42s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1),filter .32s;transform:translate(-38px,-48px)}@keyframes textbookCoverSlideIn{0%{opacity:0;transform:translate(-78vw,-50%)scale(.92)}to{opacity:1;transform:translateY(-50%)scale(1)}}@keyframes textbookMascotDriftToCorner{0%{opacity:.88;transform:translate(-18vw,4vh)scale(1.08)}to{opacity:.74;transform:translate(0)scale(1)}}@keyframes textbookDetailReveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes textbookMobileCoverReveal{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.book-card-details-right{z-index:3;text-align:left;background:0 0;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:0;height:100%;padding-top:6px;transition:padding-top .42s cubic-bezier(.16,1,.3,1),justify-content .42s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.book-tag-wrapper{display:none}.book-card-details-right h4{color:#0000;background:linear-gradient(135deg, rgba(var(--book-card-accent), 1) 0%, rgba(var(--book-card-accent-deep), 1) 38%, #111827 78%, #020617 100%);text-align:left;text-shadow:0 14px 28px #0f172a57;word-break:normal;overflow-wrap:normal;-webkit-background-clip:text;background-clip:text;width:auto;max-width:100%;margin:0;font-size:clamp(26px,2.9vw,40px);font-weight:950;line-height:.96;transition:font-size .42s cubic-bezier(.16,1,.3,1),line-height .42s cubic-bezier(.16,1,.3,1),text-shadow .32s}.book-main-title{display:none}html.dark .book-card-details-right h4{color:#0000;background:linear-gradient(135deg, rgba(var(--book-card-accent), 1) 0%, rgba(var(--book-card-accent-deep), 1) 38%, #fffffff5 78%, #fff 100%);-webkit-background-clip:text;background-clip:text}.book-desc-text{display:none}.book-level-text{text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);text-shadow:0 1px 1px #00000026;border-radius:999px;align-items:center;width:fit-content;margin-top:8px;padding:4px 12px;font-size:11px;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;color:#fff!important;background:rgba(var(--book-card-accent), .12)!important;border:1px solid #ffffff29!important;font-weight:700!important;box-shadow:inset 0 1px #ffffff40,0 4px 10px #00000014!important}.book-meta-badge{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 12px;font-size:11px;display:inline-flex;font-weight:600!important}.book-meta-badge.badge-publisher{-webkit-backdrop-filter:blur(8px);text-shadow:0 1px 1px #00000026;color:#ffffffe6!important;background:#ffffff14!important;border:1px solid #ffffff29!important;box-shadow:inset 0 1px #ffffff40,0 4px 10px #00000014!important}.book-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.book-tag.tag-purple{color:#7e22ce;background:#f3e8ff}.book-tag.tag-green{color:#15803d;background:#dcfce7}.book-tag.tag-amber{color:#b45309;background:#fef3c7}.book-tag.tag-blue{color:#0369a1;background:#e0f2fe}html.dark .book-tag.tag-purple{color:#d8b4fe;background:#a855f726}html.dark .book-tag.tag-green{color:#86efac;background:#22c55e26}html.dark .book-tag.tag-amber{color:#fde047;background:#f59e0b26}html.dark .book-tag.tag-blue{color:#7dd3fc;background:#0ea5e926}.book-level-text{margin-top:8px;margin-bottom:4px}.book-desc-text{color:var(--neutral-400);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:56px;margin-bottom:14px;font-size:clamp(15px,.95vw,18px);font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}html.dark .book-desc-text{color:#64748b}.book-info-pane h4{color:var(--neutral-900);font-size:16px;font-weight:900;font-family:var(--font-display);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:42px;margin:6px 0;line-height:1.3;display:-webkit-box;overflow:hidden}.book-desc{color:var(--neutral-400);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:36px;margin:0 0 12px;font-size:13px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.book-progress-box{margin-top:auto;margin-bottom:16px}.book-progress-box .progress-label{color:var(--neutral-600);justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.book-progress-box .progress-bar-track{background:#0000000d;border-radius:99px;height:5px;overflow:hidden}html.dark .book-progress-box .progress-bar-track{background:#ffffff14}.book-progress-box .progress-bar-fill{border-radius:99px;height:100%;transition:width .6s}.action-btn-textbook{transition:none!important}.textbook-bottom-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid;box-sizing:border-box!important;width:100%!important;max-width:100%!important}@media (width<=1024px){.textbook-bottom-grid{grid-template-columns:minmax(0,1fr)!important}}.textbook-roadmap-panel{border-radius:var(--radius-lg);border:1px solid #ffffff14;padding:24px;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}.view-all-units-btn{border-radius:99px!important;padding:8px 16px!important;font-size:13px!important;font-weight:700!important}.textbook-roadmap-timeline{scrollbar-width:thin;justify-content:flex-start;gap:16px;padding-top:10px;padding-bottom:16px;display:flex;position:relative;width:100%!important;overflow:auto hidden!important}.textbook-roadmap-timeline::-webkit-scrollbar{height:6px!important}.textbook-roadmap-timeline::-webkit-scrollbar-track{background:#00000005!important;border-radius:99px!important}html.dark .textbook-roadmap-timeline::-webkit-scrollbar-track{background:#ffffff05!important}.textbook-roadmap-timeline::-webkit-scrollbar-thumb{background:#00000026!important;border-radius:99px!important}.textbook-roadmap-timeline::-webkit-scrollbar-thumb:hover{background:#0000004d!important}html.dark .textbook-roadmap-timeline::-webkit-scrollbar-thumb{background:#ffffff26!important}html.dark .textbook-roadmap-timeline::-webkit-scrollbar-thumb:hover{background:#ffffff4d!important}.timeline-step-node{cursor:pointer;flex-direction:column;flex:0 0 220px;align-items:stretch;min-width:220px;max-width:220px;display:flex;position:relative}.timeline-connector-line{display:none}.step-circle-number{z-index:2;width:28px;height:28px;font-size:12px;font-weight:800;font-family:var(--font-display);color:var(--neutral-700);background:#0000000a;border:1.5px solid #00000014;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s;display:flex;position:relative}html.dark .step-circle-number{color:var(--neutral-300);background:#ffffff0f;border-color:#ffffff14}.timeline-step-node.active .step-circle-number{box-shadow:0 2px 8px #2563eb33;background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}html.dark .timeline-step-node.active .step-circle-number{box-shadow:0 2px 8px #3b82f64d;color:#fff!important;background:#3b82f6!important;border-color:#3b82f6!important}.step-content-box{background:0 0;border:1.5px solid #00000014;border-radius:14px;flex-direction:column;align-items:stretch;gap:12px;width:100%;padding:12px 14px;transition:all .25s;display:flex}html.dark .step-content-box{border-color:#ffffff14}.timeline-step-node:hover .step-content-box{border-color:var(--primary);background:#2563eb05}html.dark .timeline-step-node:hover .step-content-box{background:#3b82f60a;border-color:#3b82f6}.timeline-step-node.active .step-content-box{box-shadow:0 0 0 1px var(--primary), 0 8px 24px #2563eb0f;border-color:var(--primary)!important;background:#2563eb08!important}html.dark .timeline-step-node.active .step-content-box{box-shadow:0 0 0 1px #3b82f6,0 8px 24px #3b82f61f;background:#3b82f60d!important;border-color:#3b82f6!important}.timeline-step-node.locked{cursor:not-allowed}.timeline-step-node.locked .step-content-box{border-color:#0000000a;background:0 0!important}html.dark .timeline-step-node.locked .step-content-box{border-color:#ffffff0a}.timeline-step-node.locked .step-circle-number{color:var(--neutral-400);background:0 0;border-color:#00000014}html.dark .timeline-step-node.locked .step-circle-number{color:#fff3;background:0 0;border-color:#ffffff1a}.timeline-step-node.locked .step-circle-number .material-symbols-rounded{font-size:13px}.step-top-row{flex-direction:row;align-items:flex-start;gap:12px;width:100%;display:flex}.step-text-details{flex-direction:column;flex:1;min-width:0;display:flex}.step-unit-tag{color:var(--neutral-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:10px;font-weight:700}.step-title-text{color:var(--neutral-800);-webkit-line-clamp:1;-webkit-box-orient:vertical;height:auto;margin:0 0 4px;font-size:12.5px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}html.dark .step-title-text{color:var(--neutral-200)}.step-words-count{color:var(--neutral-400);align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.step-words-count .material-symbols-rounded{font-size:12px}.step-progress-wrapper{background:#0000000d;border-radius:99px;width:100%;height:4px;position:relative;overflow:hidden}html.dark .step-progress-wrapper{background:#ffffff0f}.step-progress-fill{border-radius:99px;height:100%;transition:width .4s;position:absolute;top:0;left:0}.step-locked-row{color:var(--neutral-400);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.step-locked-row .material-symbols-rounded{font-size:13px}.textbook-weekly-goal-card{z-index:2;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #00000014;border-radius:18px;flex-direction:column;justify-content:space-between;height:100%;min-height:180px;padding:24px;display:flex;position:relative;box-shadow:0 8px 32px #00000008;overflow:visible!important}html.dark .textbook-weekly-goal-card{background:linear-gradient(135deg,#0d122b 0%,#151b3a 100%);border-color:#ffffff14;box-shadow:0 8px 32px #00000040}.goal-galaxy-bg{opacity:.15;z-index:1;pointer-events:none;background:url(/mascot/mascot_book/background_light.webp) 100%/cover no-repeat;border-radius:18px;position:absolute;inset:0}html.dark .goal-galaxy-bg{opacity:.35;background:url(/mascot/mascot_book/background_dark.webp) 100%/cover no-repeat}.goal-card-content{z-index:2;flex-direction:column;justify-content:space-between;gap:20px;width:60%;height:100%;display:flex;position:relative}.goal-card-header h4{color:var(--neutral-900);font-size:16px;font-weight:900;font-family:var(--font-display);margin:0 0 6px}html.dark .goal-card-header h4{color:#f8fafc}.goal-card-header p{color:var(--neutral-600);margin:0;font-size:13px;font-weight:500}html.dark .goal-card-header p{color:#94a3b8}.goal-progress-box-mini{flex-direction:column;gap:8px;display:flex}.progress-text-row{color:var(--neutral-500);justify-content:space-between;font-size:12px;font-weight:600;display:flex}html.dark .progress-text-row{color:#fff9}.progress-text-row strong{color:var(--neutral-900);font-family:var(--font-display)}html.dark .progress-text-row strong{color:#fff}.goal-bar-track{background:#0000000f;border-radius:99px;height:6px;overflow:hidden}html.dark .goal-bar-track{background:#ffffff1a}.goal-bar-fill{background:linear-gradient(90deg,#8b5cf6 0%,#6366f1 100%);border-radius:99px;height:100%;box-shadow:0 0 8px #8b5cf64d}.goal-mascot-container{pointer-events:none;z-index:3;width:140px;height:140px;position:absolute;bottom:5px;right:10px;overflow:visible!important}.weekly-goal-mascot-img{filter:drop-shadow(0 12px 24px #00000026);animation:4s ease-in-out infinite goal-mascot-float;position:absolute;bottom:-15px;right:-10px;width:135px!important;max-width:none!important;height:auto!important}@keyframes goal-mascot-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.02)}}.goal-chat-bubble-btn{color:#fff;cursor:pointer;z-index:4;background:#6366f1;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 4px 12px #6366f166}.goal-chat-bubble-btn:hover{background:#4f46e5;transform:scale(1.1)}.goal-chat-bubble-btn .material-symbols-rounded{font-size:18px}.textbooks-inner-container{padding:24px 32px 32px}.textbook-detail-inner-container{padding:32px}.textbook-index-page{background:linear-gradient(135deg,#ffffffbd,#e0f2fe75),url(/mascot/mascot_book/background_light.webp) 50%/cover no-repeat!important;border:1px solid #ffffff47!important;border-radius:34px!important;width:min(100% - 48px,1280px)!important;max-width:1280px!important;margin:16px auto 72px!important;padding:0!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff94,0 30px 90px #3b82f62e!important}html.dark .textbook-index-page{background:linear-gradient(135deg,#020617d1,#082f4970),url(/mascot/mascot_book/background_dark.webp) 50%/cover no-repeat!important;border-color:#ffffff29!important;box-shadow:inset 0 1px #ffffff1f,0 30px 100px #0206176b!important}.textbook-index-page .textbook-detail-inner-container{gap:clamp(18px,2.2vw,28px);padding:clamp(20px,3vw,34px);display:grid}.textbook-index-hero{-webkit-backdrop-filter:blur(22px)saturate(150%);background:radial-gradient(circle at 18% 0,#ffffffb8,#0000 34%),linear-gradient(135deg,#ffffffa3,#ffffff42);border:1px solid #ffffff42;border-radius:30px;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);align-items:center;gap:clamp(22px,4vw,60px);min-height:310px;padding:clamp(24px,4vw,54px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff85,0 18px 56px #0f172a1a}html.dark .textbook-index-hero{background:radial-gradient(circle at 20% 0,#22c55e38,#0000 38%),linear-gradient(135deg,#0f172abd,#02061761);border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff21,0 20px 68px #0206175c}.textbook-index-hero:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff38,#0000 44%,#ffffff1f),radial-gradient(circle at 82% 26%,#3b82f633,#0000 34%);position:absolute;inset:0}.textbook-index-hero-copy{z-index:2;flex-direction:column;align-items:flex-start;min-width:0;display:flex;position:relative}.textbook-index-back-btn{min-height:38px!important;color:var(--neutral-800)!important;background:#ffffff6b!important;border:1px solid #ffffff57!important;border-radius:999px!important;align-items:center!important;gap:8px!important;margin-bottom:clamp(18px,2.2vw,28px)!important;padding:8px 14px!important;display:inline-flex!important}html.dark .textbook-index-back-btn{color:#e2e8f0e6!important;background:#0f172a7a!important;border-color:#ffffff1f!important}.textbook-index-kicker{color:#15803d;background:#22c55e29;border:1px solid #22c55e3d;border-radius:999px;align-items:center;min-height:30px;padding:6px 12px;font-size:13px;font-weight:900;display:inline-flex}html.dark .textbook-index-kicker{color:#86efac;background:#22c55e29;border-color:#86efac2e}.textbook-index-hero h1{max-width:760px;color:var(--neutral-950);font-family:var(--font-display);letter-spacing:0;margin:16px 0 14px;font-size:clamp(44px,6.4vw,92px);font-weight:950;line-height:.92}html.dark .textbook-index-hero h1{color:#f8fafc}.textbook-index-hero p{color:#334155bd;max-width:58ch;margin:0;font-size:clamp(15px,1.35vw,18px);font-weight:700;line-height:1.55}html.dark .textbook-index-hero p{color:#e2e8f0b8}.textbook-index-meta-pills{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.textbook-index-meta-pills span{color:#0f172ab8;background:#ffffff6b;border:1px solid #ffffff47;border-radius:999px;align-items:center;min-height:34px;padding:7px 12px;font-size:13px;font-weight:850;display:inline-flex}html.dark .textbook-index-meta-pills span{color:#e2e8f0d1;background:#ffffff14;border-color:#ffffff1a}.textbook-index-hero-art{z-index:1;place-items:center;min-height:300px;display:grid;position:relative}.textbook-index-cover{z-index:2;object-fit:contain;border-radius:18px;width:min(48vw,240px);max-height:330px;position:relative;transform:rotate(-2deg)translate(-26px);box-shadow:0 28px 54px #0f172a3d,0 0 0 1px #ffffff47}.textbook-index-mascot{z-index:3;filter:drop-shadow(0 24px 36px #0f172a3d);pointer-events:none;width:clamp(220px,20vw,340px);position:absolute;bottom:clamp(-52px,-4vw,-24px);right:clamp(-70px,-5vw,-24px)}.textbook-index-page .textbook-split-layout{gap:24px;margin-top:0}.textbook-index-page .sidebar-nav-btn{background:#ffffff57!important;border-color:#ffffff3d!important;border-radius:16px!important}html.dark .textbook-index-page .sidebar-nav-btn{background:#ffffff0b!important;border-color:#ffffff14!important}.textbook-index-page .sidebar-nav-btn.is-selected{background:linear-gradient(135deg,#2563eb,#16a34a)!important;border-color:#ffffff38!important}.textbook-index-page .student-vocab-word-card{background:#ffffff7a!important;border-color:#ffffff47!important;border-radius:20px!important}html.dark .textbook-index-page .student-vocab-word-card{background:#0206173d!important;border-color:#ffffff14!important}@media (width<=900px){.textbook-index-page{border-radius:28px!important;width:min(100% - 24px,720px)!important}.textbook-index-hero{grid-template-columns:1fr;min-height:auto}.textbook-index-hero-art{order:-1;min-height:230px}.textbook-index-cover{width:min(56vw,190px);max-height:270px;transform:rotate(-2deg)translate(-34px)}.textbook-index-mascot{width:clamp(170px,42vw,250px);bottom:-32px;right:2%}.textbook-index-hero h1{font-size:clamp(38px,12vw,58px)}}@media (width<=640px){.textbook-index-page{width:calc(100% - 16px)!important;margin:8px auto 88px!important}.textbook-index-page .textbook-detail-inner-container{gap:16px;padding:14px}.textbook-index-hero{border-radius:24px;padding:18px}.textbook-index-meta-pills{gap:8px}.textbook-index-meta-pills span{min-height:30px;padding:6px 9px;font-size:11px}}.textbook-index-page{width:100%!important;max-width:none!important;min-height:100dvh!important;box-shadow:none!important;background:linear-gradient(#eff6ff14,#e0f2fe6b),url(/mascot/mascot_book/background_light.webp) 50%/cover no-repeat fixed!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;overflow:visible!important}html.dark .textbook-index-page{background:radial-gradient(circle at 28% 0,#581c8752,#0000 34%),radial-gradient(circle at 76% 18%,#2563eb33,#0000 30%),linear-gradient(#02061724,#020617bd),url(/mascot/mascot_book/background_dark.webp) 50%/cover no-repeat fixed!important}.textbook-index-page .macos-window-header-glass{display:none!important}.textbook-index-page .textbook-detail-inner-container{gap:clamp(18px,2vw,28px);width:100%;max-width:none;padding:0 clamp(18px,2.8vw,52px) clamp(88px,8vh,120px)}.textbook-index-page .textbook-index-hero{min-height:clamp(430px,58dvh,660px);box-shadow:none;background:radial-gradient(circle at 15% 10%,#ffffffd1,#0000 22%),radial-gradient(circle at 22% 4%,#93c5fd70,#0000 38%),linear-gradient(90deg,#e0f2fe2e,#ffffff08 48%,#93c5fd29),url(/mascot/mascot_book/background_light.webp) 50%/cover no-repeat;border:0;border-radius:0 0 clamp(34px,5vw,64px) clamp(34px,5vw,64px);grid-template-columns:minmax(250px,.82fr) minmax(360px,1.18fr);align-items:center;margin:0 calc(-1*clamp(18px,2.8vw,52px));padding:clamp(88px,10vh,126px) clamp(28px,6vw,96px) clamp(34px,5vh,70px);overflow:hidden}html.dark .textbook-index-page .textbook-index-hero{background:radial-gradient(circle at 18% 8%,#a855f75c,#0000 28%),radial-gradient(circle at 8% 26%,#3b82f633,#0000 30%),linear-gradient(90deg,#0206170a,#02061761 50%,#02061794),url(/mascot/mascot_book/background_dark.webp) 50%/cover no-repeat}.textbook-index-page .textbook-index-hero:before{background:radial-gradient(circle at 26% -16%,#ffffffb8,#0000 22%),radial-gradient(circle at 78% 22%,#3b82f62e,#0000 22%),linear-gradient(#0000 66%,#0206171a)}html.dark .textbook-index-page .textbook-index-hero:before{background:radial-gradient(circle at 30% -18%,#ffffff2e,#0000 24%),radial-gradient(circle at 78% 18%,#a855f73d,#0000 26%),linear-gradient(#0000 58%,#0206176b)}.textbook-index-page .textbook-index-hero-art{grid-area:1/1;place-items:end center;min-height:clamp(340px,45dvh,520px);overflow:visible}.textbook-index-page .textbook-index-hero-copy{grid-area:1/2;justify-self:start;max-width:min(760px,54vw);padding-top:clamp(18px,4vh,54px)}.textbook-index-page .textbook-index-back-btn{z-index:8;position:absolute;top:clamp(22px,3vh,34px);left:clamp(24px,4vw,62px);margin:0!important}.textbook-index-page .textbook-index-kicker,.textbook-index-page .textbook-index-meta-pills span{-webkit-backdrop-filter:blur(18px)saturate(150%)}.textbook-index-page .textbook-index-hero h1{color:#0f172a;text-shadow:0 18px 50px #ffffff6b;max-width:760px;margin:18px 0 12px}html.dark .textbook-index-page .textbook-index-hero h1{color:#fff;text-shadow:0 20px 60px #3b82f633}.textbook-index-page .textbook-index-hero p{color:#0f172aad}html.dark .textbook-index-page .textbook-index-hero p{color:#e2e8f0c2}.textbook-index-page .textbook-index-cover{z-index:2;opacity:.94;width:min(30vw,220px);max-height:clamp(260px,42dvh,460px);transform:rotate(-7deg)translate(-8vw,3vh)}.textbook-index-page .textbook-index-mascot{z-index:4;filter:drop-shadow(0 36px 56px #0f172a42);width:clamp(300px,35vw,600px);bottom:clamp(-96px,-6vh,-42px);left:clamp(-72px,-3vw,-18px);right:auto}.textbook-index-page .textbook-banner-premium{z-index:4;margin-top:clamp(-60px,-6vh,-34px);min-height:auto!important}.textbook-index-page .textbook-banner-premium,.textbook-index-page .textbook-roadmap-panel,.textbook-index-page .textbook-weekly-goal-card,.textbook-index-page .textbook-lessons-sidebar,.textbook-index-page .textbook-words-panel{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;border-radius:0!important}.textbook-index-page .textbook-bottom-grid,.textbook-index-page .textbook-split-layout{width:100%;max-width:1500px;margin-left:auto;margin-right:auto}.textbook-index-page .textbook-banner-premium{width:min(100%,1500px);margin-left:auto;margin-right:auto}.textbook-index-page .textbook-roadmap-panel,.textbook-index-page .textbook-weekly-goal-card,.textbook-index-page .textbook-lessons-sidebar,.textbook-index-page .textbook-words-panel{overflow:hidden!important}@media (width<=980px){.textbook-index-page .textbook-index-hero{grid-template-columns:1fr;min-height:auto;padding-top:86px}.textbook-index-page .textbook-index-hero-art,.textbook-index-page .textbook-index-hero-copy{grid-area:auto/1;max-width:100%}.textbook-index-page .textbook-index-hero-art{order:-1;min-height:280px}.textbook-index-page .textbook-index-cover{width:min(42vw,180px);transform:rotate(-7deg)translate(-18vw,2vh)}.textbook-index-page .textbook-index-mascot{width:clamp(250px,62vw,380px);bottom:-54px;left:50%;transform:translate(-58%)}}@media (width<=640px){.textbook-index-page .textbook-detail-inner-container{padding:0 12px 92px}.textbook-index-page .textbook-index-hero{border-radius:0 0 30px 30px;margin:0 -12px;padding:76px 18px 30px}.textbook-index-page .textbook-index-back-btn{top:18px;left:16px}.textbook-index-page .textbook-index-hero h1{font-size:clamp(36px,13vw,56px)}.textbook-index-page .textbook-banner-premium{margin-top:-28px}}.textbook-index-page{isolation:isolate;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}.textbook-index-page .textbook-detail-inner-container{z-index:1;grid-template-rows:1fr;height:100dvh;display:grid;position:relative;overflow:hidden;padding:clamp(78px,9vh,108px) clamp(18px,2.4vw,42px) clamp(76px,7.5vh,104px)!important}.textbook-index-page .textbook-index-hero{pointer-events:none;z-index:0;display:block;position:absolute;inset:0;border-radius:0!important;min-height:0!important;margin:0!important;padding:0!important}.textbook-index-page .textbook-index-hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#02061708,#02061729 42%,#02061714),linear-gradient(#ffffff14,#ffffff05);position:absolute;inset:0}html.dark .textbook-index-page .textbook-index-hero:after{background:linear-gradient(90deg,#02061747,#0206177a 48%,#02061738),linear-gradient(#0206170a,#02061757)}.textbook-index-page .textbook-index-hero-copy,.textbook-index-page .textbook-index-hero-art,.textbook-index-page .textbook-index-kicker,.textbook-index-page .textbook-index-meta-pills,.textbook-index-page .textbook-index-cover,.textbook-index-page .textbook-index-mascot{display:none!important}.textbook-index-page .textbook-index-back-btn{pointer-events:auto;top:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 18px)!important;left:calc(env(safe-area-inset-left,0px) + 18px)!important;z-index:30!important;min-height:40px!important;margin:0!important;padding:8px 15px!important;position:fixed!important}.textbook-index-workspace{z-index:2;grid-template-columns:minmax(260px,330px) minmax(0,1fr);align-items:stretch;gap:clamp(16px,2vw,28px);height:100%;min-height:0;display:grid;position:relative}.textbook-index-aside{grid-template-rows:minmax(0,1fr) auto;gap:14px;min-height:0;display:grid}.textbook-roadmap-panel-vertical{flex-direction:column;min-height:0;display:flex;padding:18px!important}.textbook-aside-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.textbook-aside-heading h3{color:var(--neutral-950);font-family:var(--font-display);margin:0;font-size:18px;font-weight:950;line-height:1.1}html.dark .textbook-aside-heading h3{color:#f8fafc}.textbook-aside-heading span{color:#2563eb;background:#3b82f621;border-radius:999px;flex-shrink:0;align-items:center;min-height:26px;padding:5px 9px;font-size:11px;font-weight:900;display:inline-flex}html.dark .textbook-aside-heading span{color:#93c5fd;background:#60a5fa29}.textbook-aside-empty{color:var(--neutral-500);margin:0;font-size:13px;font-weight:700}.textbook-roadmap-vertical-list{scrollbar-width:thin;gap:10px;min-height:0;padding-right:4px;display:grid;overflow:hidden auto}.textbook-roadmap-vertical-item{width:100%;min-height:72px;color:var(--neutral-800);text-align:left;cursor:pointer;background:#ffffff38;border:1px solid #fff3;border-radius:18px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;padding:10px;transition:transform .18s,background .18s,border-color .18s;display:grid}html.dark .textbook-roadmap-vertical-item{color:#e2e8f0db;background:#0206172e;border-color:#ffffff14}.textbook-roadmap-vertical-item:hover:not(:disabled){background:#3b82f61f;border-color:#3b82f657;transform:translate(3px)}.textbook-roadmap-vertical-item.is-selected{background:radial-gradient(circle at 0 0,#a855f74d,#0000 46%),#3b82f62e;border-color:#a855f780;box-shadow:0 14px 34px #3b82f624}.textbook-roadmap-vertical-item:disabled{cursor:not-allowed;opacity:.52}.roadmap-step-index{color:#2563eb;background:#ffffff61;border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:950;display:inline-flex}html.dark .roadmap-step-index{color:#93c5fd;background:#ffffff14;border-color:#ffffff1a}.textbook-roadmap-vertical-item.is-done .roadmap-step-index{color:#16a34a}.roadmap-step-copy{gap:0;min-width:0;display:grid}.roadmap-step-copy strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;line-height:1.22;overflow:hidden}.roadmap-step-copy small{color:var(--neutral-500);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750;overflow:hidden}html.dark .roadmap-step-copy small{color:#cbd5e1a3}.textbook-weekly-goal-card-compact{min-height:156px!important;padding:18px!important;overflow:hidden!important}.textbook-weekly-goal-card-compact .goal-card-content{min-height:0;padding:0}.textbook-weekly-goal-card-compact .goal-card-header h4{font-size:17px;line-height:1.15}.textbook-weekly-goal-card-compact .goal-card-header p{font-size:12px}.textbook-index-workspace .textbook-words-content{min-height:0;overflow:hidden}.textbook-index-workspace .textbook-words-panel{height:100%;min-height:0;padding:clamp(18px,2vw,28px)!important;overflow:hidden auto!important}.textbook-index-workspace .textbook-words-panel>.textbook-unit-header{z-index:4;-webkit-backdrop-filter:blur(18px)saturate(150%);background:linear-gradient(#ffffffb8,#ffffff57);position:sticky;top:0;border-bottom-color:#ffffff1f!important;margin:calc(-1*clamp(18px,2vw,28px)) calc(-1*clamp(18px,2vw,28px)) 20px!important;padding:clamp(18px,2vw,28px)!important}.textbook-index-workspace .textbook-words-panel .textbook-unit-header{-webkit-backdrop-filter:blur(20px)saturate(155%);min-height:92px;background:radial-gradient(circle at 78% 0,#7c3aed24,#0000 28%),linear-gradient(#02061794,#0206172e)!important;border-bottom:1px solid #ffffff14!important;margin:calc(-1*clamp(18px,2vw,28px)) calc(-1*clamp(18px,2vw,28px)) 12px!important;padding:clamp(16px,1.8vw,24px) clamp(18px,2.2vw,30px)!important}.textbook-index-workspace .textbook-words-panel .textbook-unit-header>div:first-child{flex:420px;min-width:0}.textbook-index-workspace .textbook-words-panel .textbook-unit-header h4{color:#f8fafc!important;margin:0 0 6px!important;font-size:clamp(24px,2.45vw,38px)!important;line-height:1.02!important}.textbook-index-workspace .textbook-words-panel .textbook-unit-header p{max-width:70ch;color:#e2e8f0a8!important;margin:0!important;font-size:14px!important;font-weight:700!important;line-height:1.38!important}html.dark .textbook-index-workspace .textbook-words-panel>.textbook-unit-header{background:linear-gradient(#020617c7,#0206174d)}@media (width<=900px){.textbook-index-page{height:auto!important;min-height:100dvh!important;overflow:visible!important}.textbook-index-page .textbook-detail-inner-container{height:auto;min-height:100dvh;overflow:visible;padding:76px 14px 92px!important}.textbook-index-workspace{grid-template-columns:1fr;height:auto}.textbook-index-aside{grid-template-rows:auto auto}.textbook-roadmap-vertical-list{max-height:260px}.textbook-index-workspace .textbook-words-panel{height:auto;max-height:none}}.textbook-index-workspace .textbook-words-panel{scrollbar-width:thin;scrollbar-color:#818cf873 #ffffff0f;background:radial-gradient(circle at 90% 0,#7c3aed29,#0000 30%),#02061733!important;border-color:#ffffff1f!important;border-radius:30px!important}.textbook-index-page .textbook-words-panel:before{content:none!important;display:none!important}.textbook-index-workspace .textbook-words-panel::-webkit-scrollbar{width:8px}.textbook-index-workspace .textbook-words-panel::-webkit-scrollbar-track{background:#ffffff0a;border-radius:999px;margin:22px 0}.textbook-index-workspace .textbook-words-panel::-webkit-scrollbar-thumb{background:linear-gradient(#8b5cf6b8,#3b82f66b) padding-box padding-box;border:2px solid #0000;border-radius:999px}.textbook-index-workspace .textbook-words-panel>.textbook-unit-header{min-height:108px;align-items:center!important;gap:14px!important}.textbook-index-workspace .textbook-words-panel>.textbook-unit-header h4{color:#f8fafc!important;font-size:clamp(22px,2.15vw,34px)!important;line-height:1.02!important}.textbook-index-workspace .textbook-words-panel>.textbook-unit-header p{max-width:72ch;color:#e2e8f0b3!important;font-size:14px!important;font-weight:650!important;line-height:1.45!important}.textbook-index-workspace .btn-quiz-lesson{min-height:46px!important;padding:9px 16px!important;font-size:13px!important;box-shadow:0 12px 30px #7c3aed47!important}.textbook-word-list{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;gap:12px!important}.textbook-index-page .student-vocab-word-card.textbook-word-row{box-shadow:none!important;background:linear-gradient(90deg,#ffffff0e,#ffffff05),#02061733!important;border-color:#ffffff17!important;border-radius:22px!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;padding:16px 18px!important;display:grid!important}.textbook-index-page .student-vocab-word-card.textbook-word-row:hover{transform:translateY(-1px);background:radial-gradient(circle at 0 0,#7c3aed29,#0000 28%),#02061740!important;border-color:#818cf842!important}.textbook-word-row>div:first-child{gap:8px;min-width:0;display:grid}.textbook-word-row>div:first-child>div:first-child{gap:8px!important;margin-bottom:0!important}.textbook-word-row>div:first-child>div:first-child strong{color:#f8fafc!important;font-size:clamp(20px,1.7vw,28px)!important;line-height:1.05!important}.textbook-word-row>div:first-child>div:first-child span{color:#e2e8f0d1!important;background:#ffffff13!important;border-color:#ffffff14!important;border-radius:9px!important}.textbook-word-row>div:first-child>p{color:#e2e8f0d1!important;margin:0!important;font-size:15px!important;line-height:1.35!important}.textbook-word-row>div:first-child>div:nth-child(3){width:min(100%,660px);background:#ffffff09!important;border-left-width:3px!important;border-radius:0 14px 14px 0!important;padding:10px 13px!important}.textbook-word-row>div:first-child>div:nth-child(3) p:first-child{color:#f8fafcdb!important;font-size:13.5px!important}.textbook-word-row>div:first-child>div:nth-child(3) p:last-child{color:#cbd5e1a8!important}.textbook-save-word-btn{justify-content:center;min-width:124px;color:#e2e8f0d1!important;background:#ffffff0b!important;border-radius:14px!important;min-height:40px!important;padding:8px 12px!important}.textbook-save-word-btn span{white-space:nowrap}html:not(.dark) .textbook-index-workspace .textbook-words-panel{background:radial-gradient(circle at 90% 0,#3b82f621,#0000 30%),#ffffff57!important}html:not(.dark) .textbook-index-workspace .textbook-words-panel>.textbook-unit-header{background:linear-gradient(#ffffffbd,#ffffff47)}html:not(.dark) .textbook-index-workspace .textbook-words-panel .textbook-unit-header{background:radial-gradient(circle at 78% 0,#7c3aed1f,#0000 30%),linear-gradient(#ffffffa8,#fff3)!important;border-bottom-color:#0f172a0f!important}html:not(.dark) .textbook-index-workspace .textbook-words-panel>.textbook-unit-header h4,html:not(.dark) .textbook-index-workspace .textbook-words-panel .textbook-unit-header h4{color:#0f172a!important}html:not(.dark) .textbook-index-workspace .textbook-words-panel>.textbook-unit-header p,html:not(.dark) .textbook-word-row>div:first-child>p{color:#1e293bb8!important}html:not(.dark) .textbook-index-workspace .textbook-words-panel .textbook-unit-header p{color:#334155b8!important}html:not(.dark) .textbook-index-page .student-vocab-word-card.textbook-word-row{background:#ffffff5c!important;border-color:#ffffff42!important}html:not(.dark) .textbook-word-row>div:first-child>div:first-child strong{color:#0f172a!important}html:not(.dark) .textbook-word-row>div:first-child>div:first-child span{color:#334155c7!important;background:#ffffff7a!important}html:not(.dark) .textbook-save-word-btn{color:#1e293bc7!important;background:#ffffff70!important}@media (width<=720px){.textbook-index-page .student-vocab-word-card.textbook-word-row{grid-template-columns:1fr!important}.textbook-save-word-btn{width:100%}}.content .student-textbooks-page,.student-textbooks-page{height:100dvh;min-height:0;width:100%!important;max-width:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background-color:#0000!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.student-textbooks-page .macos-window-header-glass{display:none}.student-textbooks-page .textbooks-inner-container{box-sizing:border-box;flex-direction:column;justify-content:center;gap:0;height:100dvh;min-height:0;padding:64px clamp(18px,3vw,44px) 82px;display:flex}.textbooks-stage-shell{flex:0 min(990px,100dvh - 150px);grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:clamp(16px,1.8vw,28px);height:min(990px,100dvh - 150px);min-height:0;max-height:min(990px,100dvh - 150px);display:grid}.textbooks-stage-main{align-items:stretch;min-width:0;min-height:0;display:flex}.textbooks-stage-loading{min-height:min(620px,100dvh - 270px);color:var(--neutral-400);flex:1;place-items:center;font-style:italic;display:grid}@media (width<=1024px){.textbook-banner-premium{flex-direction:column;align-items:flex-start;gap:20px;padding:24px;overflow:visible!important}.banner-content-left{max-width:100%}.banner-mascot-container{align-self:center;width:100%;height:180px;margin-top:20px}.banner-mascot-img{width:240px!important;margin:0 auto!important;display:block!important;position:relative!important;top:0!important;left:0!important;right:0!important}.textbooks-horizontal-scroll{gap:16px;grid-template-columns:repeat(2,1fr)!important}}.content .student-textbooks-page,.student-textbooks-page{overflow-x:hidden!important}.authenticated-shell .content.authenticated-content.content-full-bleed{background:linear-gradient(#f8fafcc7,#f8fafc57),url(/mascot/mascot_book/background_light.webp) 50%/cover no-repeat fixed!important}html.dark .authenticated-shell .content.authenticated-content.content-full-bleed{background:linear-gradient(#02061780,#020617b8),url(/mascot/mascot_book/background_dark.webp) 50%/cover no-repeat fixed!important}.student-textbooks-page .textbooks-inner-container{width:min(100%,1380px);margin:0 auto;padding:clamp(24px,4vw,48px)}.student-textbooks-page .textbooks-stage-shell{grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.student-textbooks-page .textbooks-horizontal-scroll{align-items:center;gap:var(--textbook-carousel-gap);padding:160px var(--textbook-carousel-nav-offset) 54px;scroll-snap-type:x proximity;scroll-padding-inline:var(--textbook-carousel-nav-offset);scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;margin:-70px 0 -22px;display:flex;overflow:auto hidden}.student-textbooks-page .textbook-card-3d{flex-basis:clamp(420px,29vw,560px);width:clamp(420px,29vw,560px);min-height:clamp(178px,12vw,236px)}.student-textbooks-page .textbooks-horizontal-scroll::-webkit-scrollbar{width:0;height:0;display:none}@media (width<=1100px){.student-textbooks-page .textbooks-carousel-frame{--textbook-carousel-nav-offset:48px;padding:0 0 56px}.student-textbooks-page .textbooks-stage-shell{grid-template-columns:1fr;align-items:stretch}.student-textbooks-page .textbooks-horizontal-scroll{flex-wrap:nowrap;display:flex}.student-textbooks-page .textbook-card-3d{flex-basis:min(calc((100% - var(--textbook-carousel-gap)) / 2), 520px);width:min(calc((100% - var(--textbook-carousel-gap)) / 2), 520px);min-height:190px}.student-textbooks-page .textbook-card-3d.is-window-active{width:100vw;height:100dvh;min-height:100dvh;transform:translate3d(var(--flip-left,0px), var(--flip-top,0px), 0) scale(var(--flip-scale-x,1), var(--flip-scale-y,1));flex-basis:auto;margin:0;position:fixed;top:0;left:0}.student-textbooks-page .textbook-card-3d.is-window-active.is-flip-open{transform:translate(0)scale(1)}.student-textbooks-page .book-card-mascot-img{width:clamp(170px,22vw,220px);transform:translate(-26px,-34px)}}@media (width<=720px){.student-textbooks-page .textbooks-carousel-frame{--textbook-carousel-gap:14px;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0;overflow:hidden}.student-textbooks-page .textbooks-inner-container{padding:20px 0 0}.student-textbooks-page .textbooks-horizontal-scroll{align-items:stretch;gap:var(--textbook-carousel-gap);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y;flex-flow:row;width:100%;margin:-8px 0 0;padding:40px 58px 88px 16px;scroll-padding-inline:16px;display:flex;overflow:auto hidden}.student-textbooks-page .textbook-card-3d{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 clamp(270px,100vw - 76px,360px);align-self:stretch;width:clamp(270px,100vw - 76px,360px);padding:18px;min-height:clamp(380px,100dvh - 250px,440px)!important}.student-textbooks-page .textbooks-carousel-nav{display:none}.student-textbooks-page .textbook-card-3d.is-window-active{width:100vw;height:100dvh;min-height:100dvh;transform:translate3d(var(--flip-left,0px), var(--flip-top,0px), 0) scale(var(--flip-scale-x,1), var(--flip-scale-y,1));flex-basis:auto;margin:0;padding:18px;position:fixed;top:0;left:0}.student-textbooks-page .textbook-card-3d.is-window-active.is-flip-open{padding:26px;transform:translate(0)scale(1)}.student-textbooks-page .textbook-card-3d.is-window-active:hover,.student-textbooks-page .textbook-card-3d.is-window-active:focus-visible,.student-textbooks-page .textbook-card-3d.is-window-active:active{transform:translate3d(var(--flip-left,0px), var(--flip-top,0px), 0) scale(var(--flip-scale-x,1), var(--flip-scale-y,1))}.student-textbooks-page .textbook-card-3d.is-window-active.is-flip-open:hover,.student-textbooks-page .textbook-card-3d.is-window-active.is-flip-open:focus-visible,.student-textbooks-page .textbook-card-3d.is-window-active.is-flip-open:active{transform:translate(0)scale(1)}.student-textbooks-page .book-card-hero-grid{grid-template-rows:minmax(0,2fr) minmax(178px,1fr);grid-template-columns:1fr;align-items:stretch;gap:14px;inset:-34px 18px 22px}.student-textbooks-page .textbook-card-3d.is-window-active .book-card-hero-grid{grid-template-rows:minmax(138px,.52fr) minmax(0,1fr);grid-template-columns:1fr;gap:0;inset:78px 22px 28px}.student-textbooks-page .textbook-card-3d.is-flip-opening-start .book-card-hero-grid{grid-template-rows:minmax(0,2fr) minmax(178px,1fr);grid-template-columns:1fr;gap:14px;inset:-34px 18px 22px}.student-textbooks-page .book-card-mascot-column{justify-content:center!important;align-items:center!important;height:270px!important;min-height:0!important;overflow:visible!important}.student-textbooks-page .textbook-card-3d.is-window-active .book-card-mascot-column{justify-content:flex-start!important;height:178px!important}.student-textbooks-page .textbook-card-3d.is-flip-opening-start .book-card-mascot-column{justify-content:center!important;align-items:center!important;height:270px!important;min-height:0!important}.student-textbooks-page .book-card-mascot-img{object-fit:contain!important;object-position:center!important;width:auto!important;max-width:100%!important;height:100%!important;transform:translateY(-10px)!important}.student-textbooks-page .textbook-card-3d.is-window-active .book-card-mascot-img{width:clamp(200px,62vw,270px)!important;height:auto!important;transform:translate(-12px,-18px)!important}.student-textbooks-page .textbook-card-3d.is-flip-opening-start .book-card-mascot-img{object-fit:contain!important;width:auto!important;max-width:100%!important;height:100%!important;transform:translateY(-10px)!important}.student-textbooks-page .book-card-details-right{justify-content:flex-start;align-items:flex-start;height:auto;padding:0 2px 4px}.student-textbooks-page .textbook-card-3d.is-window-active .book-card-details-right{justify-content:flex-start;transform:none}.student-textbooks-page .textbook-card-3d.is-flip-opening-start .book-card-details-right{transform:none}.student-textbooks-page .book-card-details-right h4{font-size:clamp(38px,12vw,58px);line-height:.9}.student-textbooks-page .textbook-card-3d.is-window-active .book-card-details-right h4{font-size:clamp(34px,11vw,48px);line-height:.96}.student-textbooks-page .textbook-card-3d.is-flip-opening-start .book-card-details-right h4{font-size:clamp(38px,12vw,58px);line-height:.9}.student-textbooks-page .book-level-text{margin-top:12px;padding:6px 12px;font-size:12px}.student-textbooks-page .book-desc-text{max-width:28ch;margin-top:12px;font-size:14px;line-height:1.45;display:block}.student-textbooks-page .textbook-card-3d.is-window-active .book-desc-text{max-width:100%;margin-top:10px;font-size:13px;line-height:1.42}.student-textbooks-page .textbook-card-3d.is-window-active .book-level-text{margin-top:10px;font-size:12px}.textbook-card-overlay-clone.is-window-active{width:100vw;height:100dvh;min-height:100dvh;transform:translate3d(var(--flip-left,0px), var(--flip-top,0px), 0) scale(var(--flip-scale-x,1), var(--flip-scale-y,1));transform-origin:0 0;margin:0;padding:18px;position:fixed;top:0;left:0}.textbook-card-overlay-clone.is-window-active.is-flip-open{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:60px 18px 16px;overflow:hidden;transform:translate(0)scale(1)}.textbook-card-overlay-clone.is-window-active.is-flip-open .textbook-card-window-close{width:42px;height:42px;top:28px;right:24px}.textbook-card-overlay-clone.is-window-active .book-card-hero-grid{grid-template-rows:minmax(138px,.52fr) minmax(0,1fr);grid-template-columns:1fr;gap:0;inset:78px 22px 28px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-hero-grid{pointer-events:auto;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:1fr;align-items:start;gap:10px;min-height:0;max-height:calc(100dvh - 68px);display:grid;position:relative;inset:auto}.textbook-card-overlay-clone.is-flip-opening-start .book-card-hero-grid,.textbook-card-overlay-clone.is-flip-closing .book-card-hero-grid{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:4px;inset:-52px 16px 10px 10px}.textbook-card-overlay-clone.is-window-active .book-card-mascot-column{justify-content:flex-start;height:178px}.textbook-card-overlay-clone.is-flip-opening-start .book-card-mascot-column,.textbook-card-overlay-clone.is-flip-closing .book-card-mascot-column{height:158px}.textbook-card-overlay-clone.is-window-active .book-card-mascot-img{width:clamp(200px,62vw,270px);transform:translate(-12px,-18px)}.textbook-card-overlay-clone.is-flip-opening-start .book-card-mascot-img,.textbook-card-overlay-clone.is-flip-closing .book-card-mascot-img{width:clamp(164px,48vw,210px);transform:translate(-24px,-28px)}.textbook-card-overlay-clone.is-window-active .book-card-details-right{justify-content:flex-start;transform:none}.textbook-card-overlay-clone.is-flip-opening-start .book-card-details-right,.textbook-card-overlay-clone.is-flip-closing .book-card-details-right{transform:none}.textbook-card-overlay-clone.is-window-active .book-card-details-right h4{z-index:7;margin:0;font-size:clamp(30px,9.4vw,40px);line-height:.92;position:relative;grid-area:1/1!important}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-main-title{z-index:7;color:#ffffffbd;font-size:14px;font-weight:850;line-height:1.2;display:block;position:relative;grid-area:2/1!important}.textbook-card-overlay-clone.is-flip-opening-start .book-card-details-right h4,.textbook-card-overlay-clone.is-flip-closing .book-card-details-right h4{font-size:clamp(26px,8vw,36px)}.textbook-card-overlay-clone.is-window-active .book-desc-text{max-width:100%;margin-top:6px;font-size:12px;line-height:1.3}.textbook-card-overlay-clone.is-window-active .book-level-text{margin-top:7px;padding:5px 10px;font-size:11px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-details{z-index:7;gap:7px;width:100%;margin-top:0;position:relative;grid-area:4/1!important}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-tag-wrapper,.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-summary,.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-feature-list,.textbook-card-overlay-clone.is-window-active.is-flip-open .book-level-text,.textbook-card-overlay-clone.is-window-active.is-flip-open .book-desc-text{display:none!important}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-summary{gap:5px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-summary span{min-height:23px;padding:4px 8px;font-size:9.8px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-stats{-webkit-backdrop-filter:blur(18px)saturate(150%);background:#ffffff12;border:1px solid #ffffff24;border-radius:16px;gap:6px;padding:7px 0;overflow:hidden}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-stat{box-shadow:none;background:0 0;border:0;border-radius:0;padding:2px 8px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-stat+.book-expanded-stat{border-left:1px solid #ffffff24}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-stat strong{font-size:18px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-stat span{margin-top:3px;font-size:9.6px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-progress{border-radius:12px;padding:8px 10px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-progress-row{font-size:10.5px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-progress-row em{color:#ffffff94;margin-right:auto;font-style:normal}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-feature-list{gap:5px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-feature-list span{min-height:23px;padding:4px 7px;font-size:9.7px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-feature-list .material-symbols-rounded{font-size:14px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-action{margin-top:2px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-expanded-open-btn{width:100%;min-height:48px;font-size:13px}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-mascot-column{pointer-events:none;justify-content:center;place-items:center;gap:8px;height:auto;min-height:0;max-height:min(52dvh,480px);display:grid;position:relative;inset:auto;grid-area:3/1!important}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-cover-reveal{z-index:2;width:auto;height:auto;filter:drop-shadow(0 20px 32px #0f172a42) drop-shadow(0 0 24px rgba(var(--book-card-accent), .2));justify-self:center;animation:.34s cubic-bezier(.16,1,.3,1) .1s both textbookMobileCoverReveal;display:block;position:relative;top:auto;left:auto;transform:none}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-cover-img{border-radius:12px;width:min(88vw,460px);max-width:none;height:auto;max-height:min(52dvh,480px)}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-mascot-img{display:none}.textbook-card-overlay-clone.is-window-active.is-flip-open .book-card-details-right{z-index:6;align-items:stretch;width:100%;min-width:0;height:auto;min-height:auto;padding-bottom:0;display:contents;position:relative;overflow:visible}}.student-classes-section{width:95%;max-width:1600px;margin:16px auto 0}.student-classes-content{padding:32px!important}.join-class-section{max-width:500px;margin:32px auto 0}.classes-action-bar{align-items:center;gap:12px;margin:0;display:flex}.student-classes-section .page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}@media (width<=768px){.textbook-detail-page,.student-courses-page,.student-course-detail-page,.student-classes-section{padding:100px 16px 32px!important}.leaderboard-page{padding:100px 16px 120px!important}.student-classes-section{box-sizing:border-box!important;border-radius:0!important;width:100%!important;max-width:100%!important;min-height:auto!important;margin-top:0!important}.student-classes-content{padding:16px!important}.student-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.student-filter-bar .search-input-wrapper{width:100%!important;max-width:none!important}.student-filter-bar .filter-selects-wrapper{grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%!important;display:grid!important}.student-filter-bar .filter-select{width:100%!important;min-width:0!important}.join-class-section{border-radius:24px!important;width:95%!important;max-width:500px!important;margin:100px auto 32px!important;padding:0!important}.student-classes-section .page-header{flex-direction:column!important;align-items:stretch!important;gap:16px!important;margin-bottom:24px!important}.classes-action-bar{flex-direction:row!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0!important;display:flex!important}.classes-action-bar a,.classes-action-bar button{white-space:nowrap!important;flex:1!important;justify-content:center!important;width:auto!important;padding:8px 12px!important;font-size:13px!important}.leaderboard-row{gap:10px!important;padding:10px 14px!important}.lb-streak-suffix{display:none!important}.leaderboard-podium{flex-direction:column!important;align-items:center!important;gap:12px!important;padding:16px!important}.leaderboard-podium .podium-slot{background:#fff6!important;border:1px solid #e2e8f099!important;border-radius:18px!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:100%!important;padding:12px 16px!important;box-shadow:0 4px 12px #00000008!important}html.dark .leaderboard-podium .podium-slot{background:#1e293b66!important;border-color:#ffffff0d!important}.leaderboard-podium .podium-slot[style*="opacity: 0"]{display:none!important}.leaderboard-podium .podium-slot:nth-child(2){order:1!important}.leaderboard-podium .podium-slot:first-child{order:2!important}.leaderboard-podium .podium-slot:nth-child(3){order:3!important}.leaderboard-podium .podium-crown{text-align:center!important;width:30px!important;margin-bottom:0!important;font-size:24px!important}.leaderboard-podium .podium-avatar{width:44px!important;height:44px!important;font-size:18px!important;box-shadow:0 4px 8px #0000001a!important}.leaderboard-podium .gold-av{transform:none!important}.leaderboard-podium .podium-name{text-align:left!important;flex:1!important;max-width:none!important;margin-top:0!important;font-size:14px!important}.leaderboard-podium .podium-xp{margin-right:12px!important;font-size:13px!important;font-weight:700!important}.leaderboard-podium .podium-block{width:32px!important;height:32px!important;box-shadow:none!important;background:#0000000d!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;margin-left:auto!important;padding:0!important;display:flex!important}html.dark .leaderboard-podium .podium-block{background:#ffffff0d!important}.leaderboard-podium .podium-rank{margin:0!important;padding:0!important;font-size:14px!important;font-weight:800!important;line-height:1!important}.leaderboard-title{margin-top:8px!important;font-size:24px!important}.leaderboard-subtitle{text-align:center!important;font-size:12.5px!important}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-header h2{font-size:26px!important}.page-header p{font-size:13px!important;line-height:1.4!important}.textbook-search-box{width:100%!important;height:42px!important}.textbook-banner-premium{margin-bottom:28px;background:linear-gradient(#e0f2fef2 0%,#f3e8ffcc 50%,#eff6ff00 90%),#eff6ff url(/mascot/mascot_book/background_light.webp) bottom/cover no-repeat!important;padding:16px!important;overflow:visible!important}html.dark .textbook-banner-premium{background:linear-gradient(#0b0f19f2 0%,#1e1b4bcc 50%,#3b076400 90%),#3b0764 url(/mascot/mascot_book/background_dark.webp) bottom/cover no-repeat!important}.banner-mascot-container{height:70px!important;margin-top:25px!important;margin-bottom:20px!important;overflow:visible!important}.banner-mascot-img{width:255px!important;max-width:none!important;margin:0 auto!important;display:block!important;position:relative!important;top:-30px!important}.textbook-banner-stats{grid-template-columns:repeat(2,1fr)!important;gap:12px 8px!important;width:100%!important;display:grid!important}.stat-tile{justify-content:center!important;gap:10px!important;padding:4px 8px!important}.stat-info strong{font-size:16px!important}.stat-info span{font-size:11px!important}.banner-galaxy-bg{border-radius:var(--radius-lg)!important;width:100%!important;height:100%!important;-webkit-mask-image:linear-gradient(#0000 0%,#000 60%)!important;mask-image:linear-gradient(#0000 0%,#000 60%)!important}.textbooks-section-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:18px!important}.textbooks-filter-tabs{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-ms-overflow-style:none!important;gap:8px!important;width:100%!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.textbooks-filter-tabs::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.textbooks-filter-tabs::-webkit-scrollbar-track{background:0 0!important;display:none!important}.textbooks-filter-tabs::-webkit-scrollbar-thumb{background:0 0!important;display:none!important}.textbook-roadmap-timeline{padding-bottom:10px}.weekly-goal-mascot-img{width:110px!important;bottom:-15px!important;left:auto!important;right:-10px!important}}.review-page{max-width:680px;margin:0 auto;padding:8px 4px}.review-page .dictionary-result{transition:none;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:24px 0!important}html.dark .review-page .dictionary-result{box-shadow:none!important;background:0 0!important;border:none!important}.review-page .study-actions{gap:12px;width:100%;margin-top:24px;display:flex}.review-page .study-actions button{cursor:pointer;flex:1;transition:all .2s;border-radius:99px!important;justify-content:center!important;align-items:center!important;padding:14px 20px!important;font-size:15px!important;font-weight:700!important;display:inline-flex!important}.review-page .study-actions .btn-need-practice{color:#ef4444!important;background:#ef444414!important;border:1px solid #ef444426!important}.review-page .study-actions .btn-need-practice:hover{transform:translateY(-2px);background:#ef444424!important}.review-page .study-actions .btn-remembered{background:var(--primary)!important;border:1px solid var(--primary)!important;color:#fff!important;box-shadow:0 4px 12px #2563eb40!important}.review-page .study-actions .btn-remembered:hover{transform:translateY(-2px);background:var(--primary-hover,#1d4ed8)!important;box-shadow:none!important}.review-page .btn-reveal-answer{background:var(--primary,#2563eb)!important;color:#fff!important;cursor:pointer!important;border:none!important;border-radius:99px!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;margin-top:20px!important;padding:14px 20px!important;font-size:15px!important;font-weight:700!important;transition:all .2s!important;display:flex!important;box-shadow:0 4px 12px #2563eb40!important}.review-page .btn-reveal-answer:hover{background:var(--primary-hover,#1d4ed8)!important;box-shadow:none!important;transform:translateY(-2px)!important}.review-page .review-answer-text{color:var(--neutral-800,#1e293b)!important}html.dark .review-page .review-answer-text{color:#fff!important}.review-summary h2{color:var(--neutral-800,#1e293b)!important}html.dark .review-summary h2{color:#fff!important}.review-summary p{color:var(--neutral-500,#64748b)!important}html.dark .review-summary p{color:var(--neutral-400,#94a3b8)!important}.review-summary h4{color:var(--neutral-500,#64748b)!important}html.dark .review-summary h4{color:var(--neutral-400,#94a3b8)!important}.review-summary strong{color:var(--neutral-800,#1e293b)!important}html.dark .review-summary strong{color:#fff!important}@media (width<=768px){.review-page .dictionary-result{border-radius:20px!important;padding:16px!important}.review-page h2{font-size:24px!important}}@media (width<=480px){.review-page .study-actions{flex-direction:column;gap:8px}.review-page .study-actions button{width:100%}}.quiz-page{max-width:760px;min-height:100vh;margin:0 auto;padding:24px}.quiz-page-header{flex-direction:column;align-items:center;gap:8px;margin-bottom:32px;display:flex;position:relative}.quiz-back-btn{color:var(--text-secondary,#9ca3af);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:0;left:0}.quiz-back-btn:hover{color:var(--text-primary,#fff);background:#ffffff26}.quiz-page-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;margin-top:8px;font-size:28px;font-weight:800;display:flex}.quiz-page-subtitle{color:var(--text-secondary,#9ca3af);font-size:14px}.quiz-loading{color:var(--text-secondary,#9ca3af);flex-direction:column;align-items:center;gap:16px;padding:64px;display:flex}.quiz-loading-spinner{border:3px solid #a78bfa33;border-top-color:#a78bfa;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-empty-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:64px 24px;display:flex}.quiz-empty-icon{color:var(--text-secondary,#9ca3af);font-size:48px}.quiz-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:28px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 4px 20px #7c3aed59}.quiz-cta-btn:hover{transform:translateY(-2px);box-shadow:none!important}.quiz-game-container{flex-direction:column;gap:24px;display:flex}.quiz-progress-row{align-items:center;gap:12px;display:flex}.quiz-progress-label{color:var(--text-secondary,#9ca3af);white-space:nowrap;font-size:13px;font-weight:600}.quiz-progress-track{background:#ffffff14;border-radius:8px;flex:1;height:8px;overflow:hidden}.quiz-score-chip{color:#4ade80;background:#4ade801f;border:1px solid #4ade8040;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:700}.quiz-question-card{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:24px;padding:40px 32px;position:relative;overflow:hidden;box-shadow:0 8px 40px #0003}.quiz-question-card:before{content:"";background:radial-gradient(circle,#a78bfa26,#0000);border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}.quiz-question-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary,#9ca3af);margin-bottom:16px;font-size:12px}.quiz-word-display{-webkit-text-fill-color:transparent;letter-spacing:-1px;background:linear-gradient(135deg,#f9fafb,#c4b5fd);-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:44px;font-weight:900;line-height:1.1}.quiz-question-instruction{color:var(--text-secondary,#9ca3af);font-size:14px;font-style:italic}.quiz-options-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=500px){.quiz-options-grid{grid-template-columns:1fr}}.quiz-option-btn{color:var(--text-primary,#fff);cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1.5px solid #ffffff1f;border-radius:16px;align-items:center;gap:12px;padding:16px 20px;font-size:15px;font-weight:500;transition:all .2s;display:flex;position:relative}.quiz-option-btn:hover:not(:disabled){background:#a78bfa1a;border-color:#a78bfa66;transform:translateY(-2px);box-shadow:none!important}.quiz-option-btn.correct{background:#4ade8026;border-color:#4ade80;animation:.5s correctPulse;box-shadow:0 0 20px #4ade8040}.quiz-option-btn.wrong{background:#ef444426;border-color:#ef4444;animation:.4s wrongShake;box-shadow:0 0 20px #ef444433}.quiz-option-btn.dimmed{opacity:.4}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.quiz-option-letter{background:#ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:flex}.quiz-option-text{flex:1}.quiz-option-check{color:#4ade80;flex-shrink:0;font-size:20px}.quiz-option-check.wrong-x{color:#ef4444}.quiz-result-container{flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}.xp-popup-badge{color:#fff;z-index:9999;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:28px;padding:12px 24px;font-size:20px;font-weight:800;animation:3s forwards xpFly;position:fixed;top:20px;right:20px;box-shadow:0 8px 40px #7c3aed80}@keyframes xpFly{0%{opacity:0;transform:translateY(20px)scale(.8)}15%{opacity:1;transform:translateY(0)scale(1.1)}80%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.quiz-result-card{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:28px;width:100%;max-width:480px;padding:48px 40px;box-shadow:0 12px 60px #00000040}.quiz-result-icon{margin-bottom:12px;font-size:64px}.quiz-result-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:28px;font-weight:800}.quiz-result-score{color:#f9fafb;font-size:40px;font-weight:900}.quiz-result-score span{color:var(--text-secondary,#9ca3af);font-size:18px;font-weight:400}.quiz-result-accuracy{color:var(--text-secondary,#9ca3af);margin-bottom:24px;font-size:14px}.quiz-result-xp-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.quiz-xp-chip,.quiz-level-chip,.quiz-streak-chip{border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-flex}.quiz-xp-chip{color:#c4b5fd;background:#a78bfa33;border:1px solid #a78bfa66}.quiz-level-chip{color:#93c5fd;background:#60a5fa26;border:1px solid #60a5fa59}.quiz-streak-chip{color:#fde68a;background:#fbbf2426;border:1px solid #fbbf2459}.quiz-result-xp-bar{background:#ffffff0a;border-radius:12px;padding:12px 16px}.quiz-result-xp-label{color:var(--text-secondary,#9ca3af);justify-content:space-between;font-size:14px;display:flex}.quiz-result-xp-label strong{color:#c4b5fd;font-weight:700}.quiz-result-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.quiz-restart-btn,.quiz-home-btn{cursor:pointer;border:none;border-radius:28px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .25s;display:inline-flex}.quiz-restart-btn{color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 4px 20px #7c3aed59}.quiz-restart-btn:hover{transform:translateY(-2px);box-shadow:none!important}.quiz-home-btn{color:var(--text-primary,#fff);background:#ffffff12;border:1.5px solid #ffffff26}.quiz-home-btn:hover{background:#ffffff1f}html:not(.dark) .quiz-question-card{background:#ffffffbf!important;border:1px solid #00000014!important;box-shadow:0 8px 32px #00000005!important}html:not(.dark) .quiz-word-display{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text}html:not(.dark) .quiz-option-btn{color:var(--neutral-800)!important;background:#fff9!important;border:1.5px solid #00000014!important}html:not(.dark) .quiz-option-btn:hover:not(:disabled){background:#7c3aed14!important;border-color:#7c3aed4d!important}html:not(.dark) .quiz-option-letter{color:var(--neutral-700)!important;background:#0000000d!important}html:not(.dark) .quiz-result-card{background:#ffffffbf!important;border:1px solid #00000014!important;box-shadow:0 12px 40px #0000000a!important}html:not(.dark) .quiz-result-score{color:var(--neutral-800)!important}html:not(.dark) .quiz-result-xp-bar{background:#00000005!important}html:not(.dark) .quiz-result-xp-label strong{color:#7c3aed!important}html:not(.dark) .quiz-home-btn{color:var(--neutral-700)!important;background:#00000008!important;border:1.5px solid #00000014!important}html:not(.dark) .quiz-home-btn:hover{background:#0000000f!important}html:not(.dark) .quiz-xp-chip{color:#7c3aed!important;background:#7c3aed14!important;border:1px solid #7c3aed33!important}html:not(.dark) .quiz-level-chip{color:#2563eb!important;background:#3b82f614!important;border:1px solid #3b82f633!important}html:not(.dark) .quiz-streak-chip{color:#d97706!important;background:#f59e0b14!important;border:1px solid #f59e0b33!important}html.dark .quiz-question-card,html.dark .quiz-result-card{background:#0f172a73!important;border:1px solid #ffffff14!important}html.dark .quiz-option-btn{background:#0f172a59!important;border:1.5px solid #ffffff14!important}.leaderboard-page{max-width:680px;min-height:100vh;margin:0 auto;padding:24px 24px 120px}.leaderboard-header{flex-direction:column;align-items:center;gap:8px;margin-bottom:36px;display:flex;position:relative}.leaderboard-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;margin-top:8px;font-size:26px;font-weight:800;display:flex}.leaderboard-subtitle{color:var(--text-secondary,#9ca3af);font-size:14px}.leaderboard-content{flex-direction:column;gap:28px;display:flex}.leaderboard-podium{justify-content:center;align-items:flex-end;gap:16px;padding:32px 16px 8px;display:flex;position:relative}.podium-slot{flex-direction:column;flex:1;align-items:center;gap:8px;max-width:150px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.podium-crown{filter:drop-shadow(0 4px 6px #00000026);margin-bottom:2px;font-size:28px}.gold-av{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);border-color:#fcd34d}.silver-av{background:linear-gradient(135deg,#cbd5e1,#94a3b8,#64748b);border-color:#e2e8f0}.bronze-av{background:linear-gradient(135deg,#d97706,#b45309,#78350f);border-color:#f59e0b}.podium-name{color:var(--neutral-800,#fff);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:110px;margin-top:4px;font-size:14px;font-weight:700;overflow:hidden}.podium-xp{color:var(--neutral-600,#cbd5e1);font-size:12px;font-weight:600}.podium-block{border-radius:16px 16px 0 0;justify-content:center;align-items:center;width:100%;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000026}.gold-block{background:linear-gradient(#f59e0b40 0%,#f59e0b0f 100%);border:1.5px solid #f59e0b73;height:100px}.silver-block{background:linear-gradient(#94a3b82e 0%,#94a3b80a 100%);border:1.5px solid #94a3b84d;height:75px}.bronze-block{background:linear-gradient(#b453092e 0%,#b453090a 100%);border:1.5px solid #b453094d;height:55px}.podium-glow-gold:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#fbbf244d 0%,#0000 70%);width:110px;height:110px;animation:4s ease-in-out infinite alternate podiumGlow;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.podium-glow-silver:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#cbd5e133 0%,#0000 70%);width:90px;height:90px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.podium-glow-bronze:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#d9770626 0%,#0000 70%);width:80px;height:80px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.podium-rank{font-size:24px;font-weight:900;font-family:var(--font-display)}.gold-block .podium-rank{color:#f59e0b;text-shadow:none!important}.silver-block .podium-rank{color:#94a3b8}.bronze-block .podium-rank{color:#b45309}.leaderboard-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.leaderboard-row{background:#ffffff73;border:1px solid #e2e8f0cc;border-radius:18px;align-items:center;gap:16px;padding:14px 22px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #00000003}html.dark .leaderboard-row{background:#1e293b73;border-color:#ffffff0f}.leaderboard-row:hover{background:#ffffffb3;border-color:#2563eb33;transform:translateY(-2px);box-shadow:none!important}html.dark .leaderboard-row:hover{background:#1e293bbf;border-color:#a78bfa33;box-shadow:none!important}.leaderboard-row-me{background:linear-gradient(135deg,#a78bfa1f 0%,#8b5cf60d 100%)!important;border:1.5px solid #a78bfa73!important;box-shadow:0 8px 30px #8b5cf626!important}.leaderboard-row-me:hover{background:linear-gradient(135deg,#a78bfa2e 0%,#8b5cf614 100%)!important;border-color:#a78bfa99!important}.lb-rank{text-align:center;width:32px;font-size:16px;font-weight:800}.lb-rank-num{color:var(--neutral-400,#9ca3af);font-size:14px;font-weight:700}.lb-avatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:700;display:flex;box-shadow:0 2px 8px #6366f140}.lb-info{flex:1}.lb-name{color:var(--neutral-800,#fff);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}html.dark .lb-name{color:#fff}.lb-you-badge{color:#c4b5fd;background:#a78bfa33;border:1px solid #a78bfa66;border-radius:10px;padding:1.5px 7px;font-size:10px;font-weight:700}.lb-stats-row{align-items:center;gap:10px;margin-top:3px;display:flex}.lb-level{color:var(--neutral-400,#9ca3af);font-size:12px}.lb-streak{color:#f59e0b;font-size:12px;font-weight:600}.lb-xp{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.lb-xp strong{color:#a78bfa;font-size:18px;font-weight:800}.lb-xp span{color:var(--neutral-400,#9ca3af);font-size:10px}.mascot-cheer-container{justify-content:center;align-items:center;margin:16px 0;animation:4s ease-in-out infinite floatMascot;display:flex}.mascot-cheer-img{object-fit:contain;filter:drop-shadow(0 10px 20px #00000026);width:140px;height:140px}@keyframes floatMascot{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes podiumGlow{0%{opacity:.6;filter:blur(14px)}to{opacity:.9;filter:blur(20px)}}.leaderboard-widget.orbis-glass{-webkit-backdrop-filter:blur(16px);transition:all .3s;background:#ffffffbf!important;border:1px solid #e2e8f0cc!important;box-shadow:0 10px 30px #00000008!important}html.dark .leaderboard-widget.orbis-glass{background:#0f172a73!important;border-color:#ffffff0d!important;box-shadow:0 10px 30px #00000040!important}.leaderboard-widget.orbis-glass:hover{border-color:#a78bfa4d!important}.leaderboard-cta{text-align:center;background:#7c3aed14;border:1px solid #7c3aed33;border-radius:20px;padding:24px}.leaderboard-cta p{color:var(--text-secondary,#9ca3af);margin-bottom:14px;font-size:14px}.quiz-nav-link{color:var(--text-secondary,#9ca3af);border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.quiz-nav-link:hover,.quiz-nav-link.active{color:#c4b5fd;background:#a78bfa26}.unscramble-container{flex-direction:column;align-items:center;gap:20px;width:100%;margin-top:16px;display:flex}.unscramble-slots{background:#ffffff08;border:1px dashed #ffffff1f;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;min-height:48px;padding:8px 16px;display:flex}.unscramble-letters{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:10px;display:flex}.letter-badge{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1.5px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:800;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 4px 10px #00000026}.letter-badge:hover:not(.disabled){background:#a78bfa26;border-color:#a78bfa66;transform:translateY(-3px)scale(1.05);box-shadow:none!important}.letter-badge:active:not(.disabled){transform:translateY(1px)scale(.95)}.letter-badge.disabled{opacity:.3;cursor:not-allowed}.letter-badge.correct{color:#4ade80;background:#4ade8026;border-color:#4ade80}.letter-badge.wrong{color:#ef4444;background:#ef444426;border-color:#ef4444}.unscramble-hint{color:#fff6;margin-top:4px;font-size:13px;font-style:italic}.vocab-search-container{width:100%;max-width:600px;margin-bottom:24px}.vocab-search-input-wrapper{-webkit-backdrop-filter:blur(12px);background:#ffffff73;border:1px solid #fff9;border-radius:99px;align-items:center;width:100%;padding:4px 16px;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;box-shadow:0 8px 32px #00000008}html.dark .vocab-search-input-wrapper{background:#0f172a59;border:1px solid #ffffff0d;box-shadow:0 8px 32px #00000026}.vocab-search-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 8px 32px #8b5cf61a, 0 0 0 2px var(--primary)}@supports (color:color-mix(in lab, red, red)){.vocab-search-input-wrapper:focus-within{box-shadow:0 8px 32px #8b5cf61a, 0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent)}}.vocab-search-input-wrapper:focus-within{transform:translateY(-1px)}.vocab-search-input-wrapper .search-icon{color:var(--neutral-400);pointer-events:none;margin-right:8px;font-size:20px;transition:color .3s}.vocab-search-input-wrapper:focus-within .search-icon{color:var(--primary)}.vocab-search-input{color:var(--neutral-900);flex-grow:1;padding:8px 0;font-size:15px;font-weight:600;background:0 0!important;border:none!important;outline:none!important}html.dark .vocab-search-input{color:#f8fafc}.vocab-search-input::placeholder{color:var(--neutral-400);font-weight:500}.vocab-search-clear-btn{color:var(--neutral-400);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:8px;padding:4px;transition:all .2s;display:inline-flex}.vocab-search-clear-btn:hover{color:var(--neutral-900);background:#0000000d}html.dark .vocab-search-clear-btn:hover{color:#f8fafc;background:#ffffff14}.vocab-search-clear-btn .material-symbols-rounded{font-size:16px}.vocab-stats-row{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;margin-bottom:32px;display:grid}@media (width<=768px){.vocab-stats-row{grid-template-columns:1fr;gap:14px;margin-bottom:24px}}.vocab-stat-card{-webkit-backdrop-filter:blur(20px);background:#ffffff73;border:1px solid #fff9;border-radius:24px;align-items:center;gap:16px;padding:20px;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000005}html.dark .vocab-stat-card{background:#1e293b66;border:1px solid #ffffff0a;box-shadow:0 8px 32px #00000026}.vocab-stat-card:hover{transform:translateY(-4px);box-shadow:none!important}html.dark .vocab-stat-card:hover{box-shadow:none!important}.vocab-stat-icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s;display:flex}.vocab-stat-card:hover .vocab-stat-icon-wrapper{transform:scale(1.1)rotate(4deg)}.vocab-stat-card.card-purple{border-left:4px solid #8b5cf6}.vocab-stat-card.card-purple .vocab-stat-icon-wrapper{color:#8b5cf6;background:#8b5cf61f}.vocab-stat-card.card-purple:hover{border-color:#8b5cf659;box-shadow:none!important}.vocab-stat-card.card-orange{border-left:4px solid #f97316}.vocab-stat-card.card-orange .vocab-stat-icon-wrapper{color:#f97316;background:#f973161f}.vocab-stat-card.card-orange:hover{border-color:#f9731659;box-shadow:none!important}.vocab-stat-card.card-green{border-left:4px solid #10b981}.vocab-stat-card.card-green .vocab-stat-icon-wrapper{color:#10b981;background:#10b9811f}.vocab-stat-card.card-green:hover{border-color:#10b98159;box-shadow:none!important}.vocab-stat-copy{flex-direction:column;flex-grow:1;gap:2px;display:flex}.vocab-stat-label{text-transform:uppercase;letter-spacing:.75px;color:var(--neutral-400);font-size:11px;font-weight:800}.vocab-stat-value{font-size:26px;font-weight:900;font-family:var(--font-display);color:var(--neutral-900);margin:2px 0;line-height:1.1}html.dark .vocab-stat-value{color:#f8fafc}.vocab-stat-sub{color:var(--neutral-500);font-size:12px;font-weight:500}.vocab-stat-progress-bar{background:#0000000d;border-radius:99px;width:100%;height:4px;margin:6px 0;overflow:hidden}html.dark .vocab-stat-progress-bar{background:#ffffff14}.vocab-stat-progress-bar-fill{background:linear-gradient(90deg,#10b981 0%,#34d399 100%);border-radius:99px;height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1)}.kbd-shortcut-legend{-webkit-backdrop-filter:blur(20px);background:#ffffff73;border:1px solid #fff9;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:28px;padding:16px 24px;display:flex;box-shadow:0 8px 32px #00000005}html.dark .kbd-shortcut-legend{background:#1e293b73;border:1px solid #ffffff0a;box-shadow:0 8px 32px #0000001f}.kbd-shortcut-title{text-transform:uppercase;letter-spacing:.75px;color:var(--neutral-400);align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.kbd-keyboard-icon{font-size:14px!important}.kbd-keys-row{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;display:flex}@media (width<=600px){.kbd-keys-row{gap:10px 14px}}.kbd-key-item{color:var(--neutral-600);align-items:center;gap:8px;font-size:13px;font-weight:600;transition:all .2s;display:flex}html.dark .kbd-key-item{color:#94a3b8}.premium-kbd{font-family:var(--font-mono,ui-monospace, monospace);color:#334155;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#f1f5f9 100%);border:1px solid #cbd5e1;border-bottom:3px solid #94a3b8;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:800;line-height:1;transition:all 80ms;display:inline-block;box-shadow:0 2px 4px #0000000d}html.dark .premium-kbd{color:#e2e8f0;background:linear-gradient(#334155 0%,#1e293b 100%);border:1px solid #475569;border-bottom:3px solid #0f172a;box-shadow:0 2px 4px #0003}.kbd-action-text{color:var(--neutral-500);font-size:12px}.key-pressed .premium-kbd{border-bottom-width:1px;transform:translateY(2px);box-shadow:0 0 10px #7c3aed80;background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}html.dark .key-pressed .premium-kbd{box-shadow:0 0 12px #8b5cf699}.key-pressed .kbd-action-text{color:var(--primary);font-weight:700}.badge-unlock-toast-overlay{z-index:10002;pointer-events:auto;animation:.65s cubic-bezier(.175,.885,.32,1.275) forwards toastEntrance;position:fixed;bottom:96px;left:24px}.badge-unlock-toast-card{-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#ffffffbf;border:1px solid #ffd70080;border-radius:20px;align-items:center;gap:16px;width:380px;max-width:calc(100vw - 48px);padding:16px 20px;transition:transform .2s cubic-bezier(.25,1,.5,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000014,0 0 0 1px #ffd70026,inset 0 1px 2px #ffffff80}.badge-unlock-toast-card:hover{transform:translateY(-4px)scale(1.02)}html.dark .badge-unlock-toast-card{background:#1a1505cc;border:1px solid #ffd70066;box-shadow:0 12px 40px #0006,0 0 25px #d4af3726,inset 0 1px 1px #ffffff1a}.badge-unlock-toast-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#ffd70026 0%,#0000 60%);width:200%;height:200%;animation:12s linear infinite toastGlowRotation;position:absolute;top:-50%;left:-50%}.badge-unlock-toast-icon-wrapper{z-index:1;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #ffd70066;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;animation:3s ease-in-out infinite floatBadgeIcon;display:flex;position:relative;box-shadow:0 4px 12px #d4af3733}html.dark .badge-unlock-toast-icon-wrapper{background:linear-gradient(135deg,#1e1b1b 0%,#451a03 100%);border:1px solid #ffd7004d}.badge-unlock-toast-icon{font-size:32px}.badge-unlock-toast-copy{z-index:1;flex-direction:column;flex:1;gap:2px;display:flex}.badge-unlock-toast-eyebrow{letter-spacing:1.5px;color:#b45309;text-transform:uppercase;font-size:10px;font-weight:800}html.dark .badge-unlock-toast-eyebrow{color:#fbbf24}.badge-unlock-toast-title{color:var(--neutral-900);font-size:16px;font-weight:800}html.dark .badge-unlock-toast-title{color:#fff}.badge-unlock-toast-desc{color:var(--neutral-600);margin:0;font-size:12px;line-height:1.35}html.dark .badge-unlock-toast-desc{color:var(--neutral-400)}.badge-unlock-toast-close{width:24px;height:24px;color:var(--neutral-400);cursor:pointer;z-index:2;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.badge-unlock-toast-close:hover{color:var(--neutral-800);background:#0000000d}html.dark .badge-unlock-toast-close:hover{color:#fff;background:#ffffff1a}.badge-unlock-toast-particles{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.toast-particle{opacity:0;font-size:14px;animation:2s ease-out infinite flyOutParticle;position:absolute}.tp-1{animation-delay:.1s;top:20%;left:20%}.tp-2{animation-delay:.4s;top:70%;left:10%}.tp-3{animation-delay:.7s;top:15%;right:15%}.tp-4{animation-delay:1s;top:80%;right:20%}.tp-5{animation-delay:1.3s;top:45%;left:45%}@keyframes toastEntrance{0%{opacity:0;transform:translate(-100px)scale(.85)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastGlowRotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatBadgeIcon{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(2deg)}}@keyframes flyOutParticle{0%{opacity:0;transform:translate(0)scale(.5)rotate(0)}20%{opacity:1}to{transform:translate(var(--dx,20px), var(--dy,-20px)) scale(1.1) rotate(180deg);opacity:0}}.tp-1{--dx:-30px;--dy:-30px}.tp-2{--dx:-25px;--dy:30px}.tp-3{--dx:30px;--dy:-25px}.tp-4{--dx:25px;--dy:35px}.tp-5{--dx:0px;--dy:-40px}.leaderboard-content{flex-direction:column;align-items:center;gap:32px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex}.leaderboard-podium{justify-content:center;align-items:flex-end;gap:20px;width:100%;max-width:600px;margin:20px 0;display:flex}.podium-slot{flex-direction:column;flex:1;align-items:center;transition:transform .3s;display:flex;position:relative}.podium-slot:hover{transform:translateY(-5px)}.podium-avatar{color:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:8px;font-size:20px;font-weight:800;display:flex;box-shadow:0 8px 16px #00000026}.gold-av{background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);animation:3s ease-in-out infinite floatBadgeIcon;box-shadow:0 0 15px #fbbf2480}.silver-av{background:linear-gradient(135deg,#cbd5e1 0%,#64748b 100%);box-shadow:0 0 12px #94a3b866}.bronze-av{background:linear-gradient(135deg,#fed7aa 0%,#c2410c 100%);box-shadow:0 0 10px #f973164d}.podium-name{color:var(--neutral-800);text-align:center;margin-bottom:2px;font-size:13.5px;font-weight:700}html.dark .podium-name{color:#f1f5f9}.podium-xp{color:var(--primary);margin-bottom:8px;font-size:12px;font-weight:800}.podium-block{color:#fffffff2;border:1px solid #fff3;border-radius:12px 12px 0 0;justify-content:center;align-items:center;width:100%;font-weight:800;display:flex;box-shadow:0 10px 25px #0000000d}.gold-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#fbbf24d9 0%,#d97706e6 100%);height:120px}.silver-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#cbd5e1d9 0%,#64748be6 100%);height:90px}.bronze-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#fed7aad9 0%,#c2410ce6 100%);height:70px}.podium-rank{text-shadow:0 2px 4px #00000026;font-size:28px}.podium-crown{z-index:10;font-size:24px;position:absolute;top:-24px}.speaking-visualizer-card{box-shadow:var(--shadow-lg), inset 0 1px 0 #fff9;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffb3 0%,#fff6 100%);border:1px solid #fff6;flex-direction:column;align-items:center;gap:28px;padding:32px;display:flex;position:relative}html.dark .speaking-visualizer-card{background:linear-gradient(135deg,#1e293bb3 0%,#0f172a66 100%);border-color:#ffffff14}.soundwave-canvas{border-radius:var(--radius-md);width:220px;height:60px;margin-top:10px}.speaking-score-dashboard{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.speaking-gauge-container{justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative}.gauge-svg{transform:scaleX(-1)}.gauge-center-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.gauge-score{color:#d97706;font-size:38px;font-weight:900;text-shadow:none!important}html.dark .gauge-score{color:#fbbf24}.gauge-label{letter-spacing:.1em;color:var(--neutral-500);font-size:10px;font-weight:800}.speaking-breakdown{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}.breakdown-item{flex-direction:column;gap:4px;display:flex}.breakdown-header{color:var(--neutral-700);justify-content:space-between;font-size:12.5px;font-weight:600;display:flex}html.dark .breakdown-header{color:var(--neutral-300)}.breakdown-bar-bg{background:var(--neutral-100);border-radius:999px;width:100%;height:6px;overflow:hidden}html.dark .breakdown-bar-bg{background:#ffffff1a}.breakdown-bar-fill{border-radius:999px;height:100%;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.breakdown-bar-fill.gold{background:linear-gradient(90deg,#fbbf24,#d97706);box-shadow:0 0 8px #fbbf2480}.breakdown-bar-fill.indigo{background:linear-gradient(90deg,#818cf8,#4f46e5);box-shadow:0 0 8px #818cf880}.breakdown-bar-fill.emerald{background:linear-gradient(90deg,#34d399,#059669);box-shadow:0 0 8px #34d39980}.completed-encouragement{color:#059669;text-align:center;margin:0;font-size:13.5px;font-weight:700}@keyframes slideInPremium{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.daily-reward-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10100;background:#050816b8;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.daily-reward-modal{background:linear-gradient(145deg,#110a2e,#1a0f40,#0f1726);border:1px solid #ffffff1a;border-radius:28px;width:100%;max-width:440px;animation:.45s cubic-bezier(.34,1.56,.64,1) rewardModalIn;position:relative;overflow:hidden;box-shadow:0 32px 80px #000000a6,0 0 0 1px #ffffff0a}@keyframes rewardModalIn{0%{opacity:0;transform:scale(.7)translateY(40px)}to{opacity:1;transform:scale(1)translateY(0)}}.daily-reward-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.daily-reward-particle{background:#fff9;border-radius:50%;width:2px;height:2px;animation:3s ease-in-out infinite particleTwinkle;position:absolute}@keyframes particleTwinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.5)}}.daily-reward-content{z-index:2;text-align:center;color:#fff;flex-direction:column;align-items:center;gap:0;padding:40px 32px 36px;display:flex;position:relative}.daily-reward-close{box-sizing:border-box;color:#ffffffb3;cursor:pointer;z-index:10;background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.daily-reward-close:hover{color:#fff;background:#ffffff1f}.daily-reward-flame-wrap{width:120px;height:120px;margin-bottom:20px;position:relative}.daily-reward-flame-bg{background:radial-gradient(circle at 50% 60%,#fb923c59 0%,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite flamePulseOuter;position:absolute;inset:0}@keyframes flamePulseOuter{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.daily-reward-flame-circle{background:linear-gradient(145deg,#f97316,#ef4444);border-radius:50%;justify-content:center;align-items:center;animation:1.6s ease-in-out infinite flamePulse;display:flex;position:absolute;inset:10px;box-shadow:0 0 30px #fb923cb3,0 0 60px #f43f5e4d}@keyframes flamePulse{0%,to{transform:scale(1);box-shadow:0 0 30px #fb923cb3,0 0 60px #f43f5e4d}50%{transform:scale(1.07);box-shadow:0 0 40px #fb923ce6,0 0 80px #f43f5e80}}.daily-reward-flame-emoji{font-size:48px;line-height:1;animation:1.6s ease-in-out infinite flameWiggle;display:block}@keyframes flameWiggle{0%,to{transform:rotate(-6deg)scaleY(1)}25%{transform:rotate(5deg)scaleY(1.06)}75%{transform:rotate(-3deg)scaleY(.96)}}.daily-reward-heading{letter-spacing:2px;text-transform:uppercase;color:#ffffff8c;margin:0 0 6px;font-size:13px;font-weight:800}.daily-reward-streak-number{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fb923c,#f43f5e,#fbbf24);-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:52px;font-weight:900;line-height:1}.daily-reward-streak-label{color:#ffffffd9;margin:0 0 24px;font-size:16px;font-weight:700}.daily-reward-streak-dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;display:flex}.streak-dot{border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.streak-dot.active{background:linear-gradient(135deg,#f97316,#ef4444);border-color:#fff3;box-shadow:0 0 12px #fb923c80}.streak-dot.inactive{color:#ffffff4d;background:#ffffff0f;border-color:#ffffff1a;font-size:10px}.daily-reward-xp-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;justify-content:space-between;align-items:center;width:100%;margin-bottom:24px;padding:16px 20px;display:flex}.daily-reward-xp-left{align-items:center;gap:10px;display:flex}.daily-reward-xp-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #fbbf2466}.daily-reward-xp-label{color:#fff9;margin-bottom:2px;font-size:13px;font-weight:500;display:block}.daily-reward-xp-amount{color:#fbbf24;font-size:20px;font-weight:900}.daily-reward-xp-badge{color:#34d399;text-transform:uppercase;letter-spacing:.5px;background:#34d39926;border:1px solid #34d3994d;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.daily-reward-cta{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#fb923c,#f43f5e);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:800;transition:all .25s;display:flex;box-shadow:0 8px 24px #f43f5e66}.daily-reward-cta:hover{transform:translateY(-2px);box-shadow:none!important}.daily-reward-cta:active{transform:translateY(0)}.dark .daily-reward-modal{background:linear-gradient(145deg,#0c0720,#160d38,#0a1120)}.welcome-daily-study-merged,.page-student .welcome-daily-study-merged,.welcome-stat-tile-merged,.page-student .welcome-stat-tile-merged,.welcome-tip-capsule,.page-student .welcome-tip-capsule,.launchpad-card-premium{border:none!important;position:relative!important;overflow:hidden!important}.welcome-daily-study-merged:before,.welcome-stat-tile-merged:before,.welcome-tip-capsule:before,.launchpad-card-premium:before{content:""!important;border-radius:inherit!important;-webkit-mask-composite:xor!important;pointer-events:none!important;z-index:1!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%)!important;padding:1.4px!important;transition:background .3s!important;position:absolute!important;inset:0!important;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0)!important;-webkit-mask-position:0 0,0 0!important;-webkit-mask-size:auto,auto!important;-webkit-mask-repeat:repeat,repeat!important;-webkit-mask-clip:content-box,border-box!important;-webkit-mask-origin:content-box,border-box!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;-webkit-mask-source-type:auto,auto!important;mask-mode:match-source,match-source!important}.welcome-daily-study-merged:hover:before,.welcome-stat-tile-merged:hover:before,.welcome-tip-capsule:hover:before,.launchpad-card-premium:hover:before{background:linear-gradient(#ffffffbf 0%,#ffffff59 20%,#fff0 40% 60%,#ffffff59 80%,#ffffffbf 100%)!important}.launchpad-card-premium.card-blue .launchpad-icon-box,.launchpad-card-premium.card-purple .launchpad-icon-box,.launchpad-card-premium.card-pink .launchpad-icon-box,.launchpad-card-premium.card-teal .launchpad-icon-box,.launchpad-card-premium.card-amber .launchpad-icon-box,.launchpad-card-premium.card-red .launchpad-icon-box,.launchpad-card-premium.card-indigo .launchpad-icon-box,.launchpad-card-premium.card-slate .launchpad-icon-box,.launchpad-card-premium.card-orange .launchpad-icon-box,.launchpad-card-premium.card-yellow .launchpad-icon-box,.launchpad-card-premium.card-rose .launchpad-icon-box,html.dark .launchpad-card-premium.card-blue .launchpad-icon-box,html.dark .launchpad-card-premium.card-purple .launchpad-icon-box,html.dark .launchpad-card-premium.card-pink .launchpad-icon-box,html.dark .launchpad-card-premium.card-teal .launchpad-icon-box,html.dark .launchpad-card-premium.card-amber .launchpad-icon-box,html.dark .launchpad-card-premium.card-red .launchpad-icon-box,html.dark .launchpad-card-premium.card-indigo .launchpad-icon-box,html.dark .launchpad-card-premium.card-slate .launchpad-icon-box,html.dark .launchpad-card-premium.card-orange .launchpad-icon-box,html.dark .launchpad-card-premium.card-yellow .launchpad-icon-box,html.dark .launchpad-card-premium.card-rose .launchpad-icon-box,.launchpad-card-premium:hover .launchpad-icon-box,html.dark .launchpad-card-premium:hover .launchpad-icon-box{box-shadow:none!important;background:0 0!important;border:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important}.launchpad-card-premium .launchpad-icon-box .material-symbols-rounded{font-size:24px!important}.launchpad-card-premium.card-blue .launchpad-icon-box .material-symbols-rounded{color:#2563eb!important}.launchpad-card-premium.card-purple .launchpad-icon-box .material-symbols-rounded{color:#7c3aed!important}.launchpad-card-premium.card-pink .launchpad-icon-box .material-symbols-rounded{color:#db2777!important}.launchpad-card-premium.card-teal .launchpad-icon-box .material-symbols-rounded{color:#0d9488!important}.launchpad-card-premium.card-amber .launchpad-icon-box .material-symbols-rounded{color:#b45309!important}.launchpad-card-premium.card-red .launchpad-icon-box .material-symbols-rounded{color:#dc2626!important}.launchpad-card-premium.card-indigo .launchpad-icon-box .material-symbols-rounded{color:#4f46e5!important}.launchpad-card-premium.card-slate .launchpad-icon-box .material-symbols-rounded{color:#475569!important}.launchpad-card-premium.card-orange .launchpad-icon-box .material-symbols-rounded{color:#ea580c!important}.launchpad-card-premium.card-yellow .launchpad-icon-box .material-symbols-rounded{color:#d97706!important}.launchpad-card-premium.card-rose .launchpad-icon-box .material-symbols-rounded{color:#db2777!important}html.dark .launchpad-card-premium.card-blue .launchpad-icon-box .material-symbols-rounded{color:#60a5fa!important}html.dark .launchpad-card-premium.card-purple .launchpad-icon-box .material-symbols-rounded{color:#c084fc!important}html.dark .launchpad-card-premium.card-pink .launchpad-icon-box .material-symbols-rounded{color:#f472b6!important}html.dark .launchpad-card-premium.card-teal .launchpad-icon-box .material-symbols-rounded{color:#2dd4bf!important}html.dark .launchpad-card-premium.card-amber .launchpad-icon-box .material-symbols-rounded{color:#fbbf24!important}html.dark .launchpad-card-premium.card-red .launchpad-icon-box .material-symbols-rounded{color:#f87171!important}html.dark .launchpad-card-premium.card-indigo .launchpad-icon-box .material-symbols-rounded{color:#818cf8!important}html.dark .launchpad-card-premium.card-slate .launchpad-icon-box .material-symbols-rounded{color:#94a3b8!important}html.dark .launchpad-card-premium.card-orange .launchpad-icon-box .material-symbols-rounded{color:#fb923c!important}html.dark .launchpad-card-premium.card-yellow .launchpad-icon-box .material-symbols-rounded{color:#fbbf24!important}html.dark .launchpad-card-premium.card-rose .launchpad-icon-box .material-symbols-rounded{color:#f472b6!important}.launchpad-arrow{background:#ffffff0d!important;border:none!important;border-radius:50%!important;width:36px!important;height:36px!important;transition:all .35s cubic-bezier(.25,1,.5,1)!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 10px #00000005!important}.launchpad-arrow:before{content:""!important;-webkit-mask-composite:xor!important;pointer-events:none!important;z-index:1!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%)!important;border-radius:50%!important;padding:1.4px!important;transition:background .3s!important;position:absolute!important;inset:0!important;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0)!important;-webkit-mask-position:0 0,0 0!important;-webkit-mask-size:auto,auto!important;-webkit-mask-repeat:repeat,repeat!important;-webkit-mask-clip:content-box,border-box!important;-webkit-mask-origin:content-box,border-box!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;-webkit-mask-source-type:auto,auto!important;mask-mode:match-source,match-source!important}.launchpad-card-premium:hover .launchpad-arrow,.launchpad-arrow:hover{color:#fff!important;box-shadow:none!important;background:#ffffff26!important;transform:scale(1.08)translateY(0)!important}.launchpad-card-premium:hover .launchpad-arrow:before,.launchpad-arrow:hover:before{background:linear-gradient(#ffffffbf 0%,#ffffff59 20%,#fff0 40% 60%,#ffffff59 80%,#ffffffbf 100%)!important}.launchpad-card-premium.card-blue:hover .launchpad-arrow{color:#60a5fa!important}.launchpad-card-premium.card-purple:hover .launchpad-arrow{color:#c084fc!important}.launchpad-card-premium.card-pink:hover .launchpad-arrow{color:#f472b6!important}.launchpad-card-premium.card-teal:hover .launchpad-arrow{color:#2dd4bf!important}.launchpad-card-premium.card-amber:hover .launchpad-arrow{color:#fbbf24!important}.launchpad-card-premium.card-red:hover .launchpad-arrow{color:#f87171!important}.launchpad-card-premium.card-indigo:hover .launchpad-arrow{color:#818cf8!important}.launchpad-card-premium.card-slate:hover .launchpad-arrow{color:#94a3b8!important}.launchpad-card-premium.card-orange:hover .launchpad-arrow{color:#fb923c!important}.launchpad-card-premium.card-yellow:hover .launchpad-arrow{color:#fbbf24!important}.launchpad-card-premium.card-rose:hover .launchpad-arrow{color:#f472b6!important}.launchpad-card-mascot-container{width:230px!important;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000014 8%,#00000059 28%,#000000bf 60%,#000 90%)!important;mask-image:linear-gradient(90deg,#0000 0%,#00000014 8%,#00000059 28%,#000000bf 60%,#000 90%)!important}html:not(.dark) .launchpad-card-mascot-container{mix-blend-mode:multiply!important;filter:contrast(1.05)saturate(1.05)!important}html:not(.dark) .launchpad-card-mascot-container img,html:not(.dark) .launchpad-mascot-img{mix-blend-mode:multiply!important}@media (width<=768px){.dashboard-page .dashboard-welcome-banner{height:auto!important;min-height:auto!important;padding-top:100px!important;padding-bottom:120px!important;overflow:hidden!important}.welcome-tip-capsule{margin-top:1px!important}.welcome-stat-tile-merged{border-radius:12px!important;gap:8px!important;padding:8px 10px!important}.welcome-stat-tile-merged .tile-icon{width:28px!important;height:28px!important}.welcome-stat-tile-merged .tile-icon span{font-size:16px!important}.welcome-stat-tile-merged .tile-meta strong{font-size:13px!important}.welcome-stat-tile-merged .tile-meta span{white-space:nowrap!important;font-size:9.5px!important}}.pronunciation-label[data-accent=US],.pronunciation-label[data-accent=UK]{font-size:0!important}html:not(.dark) .pronunciation-label[data-accent=US]:before{content:"US"!important;color:#e11d48!important;font-size:14px!important;font-weight:800!important}html.dark .pronunciation-label[data-accent=US]:before{content:"US"!important;color:#fb7185!important;font-size:14px!important;font-weight:800!important}html:not(.dark) .pronunciation-label[data-accent=UK]:before{content:"UK"!important;color:#2563eb!important;font-size:14px!important;font-weight:800!important}html.dark .pronunciation-label[data-accent=UK]:before{content:"UK"!important;color:#60a5fa!important;font-size:14px!important;font-weight:800!important}.quota-badge[data-quota]{font-size:0!important}.quota-badge[data-quota]:before{content:"AI còn lại: " attr(data-quota) "/15"!important;color:inherit!important;font-size:12px!important}.pronunciation-block,.pronunciation-block.compact,.pronunciation-block ul,.pronunciation-block li,.pronunciation-block.compact li,.dictionary-page-glass .pronunciation-block,.dictionary-page-glass .pronunciation-block li,.review-page .pronunciation-block,.review-page .pronunciation-block li,.vocab-pron-block-premium,.vocab-pron-item-premium,.vocab-pron-block-premium li,html:not(.dark) .pronunciation-block,html:not(.dark) .pronunciation-block.compact,html:not(.dark) .pronunciation-block ul,html:not(.dark) .pronunciation-block li,html:not(.dark) .pronunciation-block.compact li,html:not(.dark) .dictionary-page-glass .pronunciation-block,html:not(.dark) .dictionary-page-glass .pronunciation-block li,html:not(.dark) .review-page .pronunciation-block,html:not(.dark) .review-page .pronunciation-block li,html:not(.dark) .vocab-pron-block-premium,html:not(.dark) .vocab-pron-item-premium,html:not(.dark) .vocab-pron-block-premium li{box-shadow:none!important;background:0 0!important;border:#0000!important;border-radius:0!important}.vocab-pron-item-premium{box-shadow:none!important;color:var(--primary)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:0!important;align-items:center!important;gap:6px!important;padding:4px 12px 4px 0!important;font-size:13.5px!important;font-weight:750!important;transition:opacity .2s!important;display:inline-flex!important}html.dark .vocab-pron-item-premium{color:#a78bfa!important}.vocab-pron-item-premium:hover{color:var(--primary)!important;opacity:.8!important;background:0 0!important;transform:none!important}html.dark .vocab-pron-item-premium:hover{color:#c084fc!important}.vocab-pron-item-premium span.ipa{font-family:var(--font-sans)!important;opacity:.85!important;color:inherit!important}.flashcard-3d-container{z-index:10;width:100%;height:350px}.flashcard-3d-inner{width:100%;height:100%;position:relative}.flashcard-front,.flashcard-back{text-align:center!important;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),visibility .5s cubic-bezier(.16,1,.3,1)!important;border-radius:20px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;padding:36px!important;-webkit-transition:opacity .5s cubic-bezier(.16,1,.3,1),-webkit-transform .5s cubic-bezier(.16,1,.3,1),visibility .5s cubic-bezier(.16,1,.3,1)!important;display:flex!important;position:absolute!important}.flashcard-content-center{flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;width:100%!important;display:flex!important}.flashcard-front{opacity:1;visibility:visible;pointer-events:auto;z-index:2;transform:translateY(0)scale(1);background:linear-gradient(135deg,#141428d9 0%,#0a0a19b3 100%)!important;border:1px solid #10b9814d!important;box-shadow:0 8px 32px #10b9811f!important}.is-flipped .flashcard-front{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-24px)scale(.96)!important}.flashcard-back{opacity:0;visibility:hidden;pointer-events:none;z-index:1;transform:translateY(24px)scale(.96);background:linear-gradient(135deg,#141428d9 0%,#0a0a19b3 100%)!important;border:1px solid #06b6d44d!important;box-shadow:0 8px 32px #06b6d41f!important}.is-flipped .flashcard-back{z-index:2;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)scale(1)!important}.flashcard-particles{pointer-events:none!important;z-index:0!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.flashcard-tag-front{color:#10b981!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#10b9811a!important;border-radius:999px!important;padding:4px 10px!important;font-size:11px!important;font-weight:800!important}.flashcard-word{letter-spacing:-.02em!important;text-shadow:none!important;color:#fff!important;margin:12px 0 6px!important;font-size:42px!important;font-weight:950!important}.flashcard-ipa{color:#fff9!important;margin:0!important;font-family:monospace!important;font-size:16px!important}.flashcard-hint{color:#fff6!important;align-items:center!important;gap:6px!important;margin-top:auto!important;font-size:13px!important;display:flex!important}.flashcard-tag-back{color:#06b6d4!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#06b6d41a!important;border-radius:999px!important;padding:4px 10px!important;font-size:11px!important;font-weight:800!important}.flashcard-meaning{color:#06b6d4!important;margin:14px 0 16px!important;font-size:24px!important;font-weight:800!important}.flashcard-example{color:#ffffffb3!important;background:#ffffff05!important;border:1px solid #ffffff0a!important;border-radius:12px!important;margin:0!important;padding:12px 16px!important;font-size:14px!important;font-style:italic!important;line-height:1.6!important}.flashcard-desktop-buttons{justify-content:center!important;gap:20px!important;width:100%!important;margin-top:16px!important;display:flex!important}.flashcard-mobile-note{display:none!important}.flashcard-workspace-wrapper{height:450px!important}.flashcard-3d-container{height:410px!important}@media (width<=768px){.cosmic-flashcards-page{min-height:auto!important;max-height:100vh!important;margin-top:8px!important;overflow:hidden!important}.cosmic-flashcards-page .dictionary-glass-content{padding:16px 20px 20px!important;overflow:hidden!important}.flashcard-desktop-buttons{display:none!important}.flashcard-mobile-note{width:100%!important;color:var(--text-secondary)!important;text-align:center!important;max-width:fit-content!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:#fbbf240a!important;border:1px dashed #fbbf2426!important;border-radius:99px!important;justify-content:center!important;align-items:center!important;gap:6px!important;margin:16px auto 0!important;padding:6px 12px!important;font-size:11.5px!important;font-weight:600!important;line-height:1.2!important;display:flex!important}.flashcard-workspace-wrapper{height:410px!important}.flashcard-3d-container{height:370px!important}.flashcard-front,.flashcard-back{padding:24px!important}.flashcard-word{margin:8px 0 4px!important;font-size:26px!important}.flashcard-ipa{font-size:14px!important}.flashcard-meaning{margin:8px 0 10px!important;font-size:18px!important}.flashcard-example{padding:8px 12px!important;font-size:12.5px!important}.flashcard-hint{margin-top:auto!important;font-size:12px!important}}.cosmic-flashcards-page .macos-window-header-glass,.dictionary-page-glass .macos-window-header-glass{background:0 0!important;border-bottom:none!important}html.dark .cosmic-flashcards-page .macos-window-header-glass,html.dark .dictionary-page-glass .macos-window-header-glass{background:0 0!important;border-bottom:#0000!important}.cosmic-back-button-circle{-webkit-backdrop-filter:blur(8px)!important;width:38px!important;height:38px!important;color:var(--text-primary)!important;cursor:pointer!important;background:#ffffff0f!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important;position:relative!important;box-shadow:0 4px 12px #00000014!important}.cosmic-back-button-circle:before{content:""!important;border-radius:inherit!important;-webkit-mask-composite:xor!important;pointer-events:none!important;z-index:1!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%)!important;padding:1.4px!important;transition:background .3s!important;position:absolute!important;inset:0!important;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0)!important;-webkit-mask-position:0 0,0 0!important;-webkit-mask-size:auto,auto!important;-webkit-mask-repeat:repeat,repeat!important;-webkit-mask-clip:content-box,border-box!important;-webkit-mask-origin:content-box,border-box!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;-webkit-mask-source-type:auto,auto!important;mask-mode:match-source,match-source!important}.cosmic-back-button-circle:hover{box-shadow:none!important;background:#ffffff26!important;transform:translateY(-2px)!important}html:not(.dark) .cosmic-back-button-circle{color:var(--text-primary)!important;background:#0000000d!important}html:not(.dark) .cosmic-back-button-circle:before{background:linear-gradient(#00000026 0%,#0000000d 20%,#0000 40% 60%,#0000000d 80%,#00000026 100%)!important}.cosmic-mascot-title-block{z-index:20!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;justify-content:center!important;align-items:center!important;width:85px!important;height:85px!important;margin-left:-8px!important;margin-right:-4px!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important;display:inline-flex!important;position:relative!important}.cosmic-mascot-title-block img{object-fit:contain!important;filter:drop-shadow(0 14px 28px #0006)!important;width:100%!important;height:100%!important;animation:4s ease-in-out infinite float-galaxy!important;transform:translateY(-16px)scale(1.3)!important}@keyframes float-galaxy{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(4deg)}}@media (width<=768px){.cosmic-mascot-title-block{width:70px!important;height:70px!important;margin-left:-6px!important;margin-right:-2px!important}.cosmic-mascot-title-block img{transform:translateY(-12px)scale(1.3)!important}}:root{--quiz-success-border:#10b981;--quiz-success-bg:#10b98114;--quiz-success-text:#065f46;--quiz-error-border:#ef4444;--quiz-error-bg:#ef444414;--quiz-error-text:#991b1b}html.dark{--quiz-success-border:#34d399;--quiz-success-bg:#34d39926;--quiz-success-text:#a7f3d0;--quiz-error-border:#f87171;--quiz-error-bg:#f8717126;--quiz-error-text:#fca5a5}.student-courses-registered-card,.student-courses-level-body,.student-course-detail-page nav,.textbook-lessons-sidebar,.textbook-words-panel{-webkit-backdrop-filter:blur(16px)!important;background:#ffffffbf!important;border:none!important;border-radius:20px!important;transition:all .3s!important;position:relative!important;overflow:hidden!important;box-shadow:0 10px 30px -10px #0000000a!important}.student-courses-main{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}html.dark .student-courses-registered-card,html.dark .student-courses-level-body,html.dark .student-course-detail-page nav,html.dark .textbook-lessons-sidebar,html.dark .textbook-words-panel{box-shadow:none!important;background:#0f172ab8!important}html.dark .student-courses-main{box-shadow:none!important;background:0 0!important}.student-courses-registered-card:before,.student-courses-level-body:before,.student-course-detail-page nav:before,.textbook-lessons-sidebar:before,.textbook-words-panel:before{content:""!important;border-radius:inherit!important;-webkit-mask-composite:xor!important;pointer-events:none!important;z-index:1!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%)!important;padding:1.4px!important;transition:background .3s!important;position:absolute!important;inset:0!important;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0)!important;-webkit-mask-position:0 0,0 0!important;-webkit-mask-size:auto,auto!important;-webkit-mask-repeat:repeat,repeat!important;-webkit-mask-clip:content-box,border-box!important;-webkit-mask-origin:content-box,border-box!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;-webkit-mask-source-type:auto,auto!important;mask-mode:match-source,match-source!important}.student-courses-registered-card:hover:before,.student-courses-level-body:hover:before,.student-course-detail-page nav:hover:before,.textbook-lessons-sidebar:hover:before,.textbook-words-panel:hover:before{background:linear-gradient(#ffffffbf 0%,#ffffff59 20%,#fff0 40% 60%,#ffffff59 80%,#ffffffbf 100%)!important}.student-courses-level-tile{background:radial-gradient(circle at top left, var(--level-accent), transparent 38%), linear-gradient(180deg, #ffffffbf 0%, #f8fafcbf 100%)!important;border:1px solid #0000000a!important}@supports (color:color-mix(in lab, red, red)){.student-courses-level-tile{background:radial-gradient(circle at top left, color-mix(in srgb, var(--level-accent) 8%, #ffffffbf), transparent 38%), linear-gradient(180deg, #ffffffbf 0%, #f8fafcbf 100%)!important}}.student-courses-level-tile{-webkit-backdrop-filter:blur(12px)!important}html.dark .student-courses-level-tile{background:radial-gradient(circle at top left, var(--level-accent), transparent 36%), linear-gradient(180deg, #0f172aa6 0%, #1e293ba6 100%)!important;border:1px solid #ffffff0f!important}@supports (color:color-mix(in lab, red, red)){html.dark .student-courses-level-tile{background:radial-gradient(circle at top left, color-mix(in srgb, var(--level-accent) 12%, #0f172a99), transparent 36%), linear-gradient(180deg, #0f172aa6 0%, #1e293ba6 100%)!important}}.student-vocab-word-card{flex-direction:column;gap:6px;padding:16px;transition:all .2s;display:flex;-webkit-backdrop-filter:blur(8px)!important;border-radius:var(--radius-sm)!important;background:#ffffff73!important;border:1px solid #ffffff4d!important}.student-vocab-word-card:hover{transform:translateY(-2px);box-shadow:none!important;background:#ffffffa6!important;border-color:#ffffff80!important}html.dark .student-vocab-word-card{background:#0f172a66!important;border-color:#ffffff0a!important}html.dark .student-vocab-word-card:hover{box-shadow:none!important;background:#0f172a99!important;border-color:#ffffff14!important}html.dark .mastery-new{color:#cbd5e1!important;background:#ffffff14!important}html.dark .mastery-need_practice{color:#f87171!important;background:#ef444426!important}html.dark .mastery-learning{color:#fbbf24!important;background:#f59e0b26!important}html.dark .mastery-remembered{color:#34d399!important;background:#10b98126!important}.student-courses-hero{width:100%!important;max-width:100%!important}.dashboard-page.gsap-animating,.dashboard-page.gsap-animating *{transition:none!important}.sidebar-nav-btn{text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex;color:var(--neutral-700)!important;box-shadow:none!important;background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:12px!important}html.dark .sidebar-nav-btn{color:var(--neutral-400)!important;background:#ffffff03!important;border-color:#ffffff0a!important}.sidebar-nav-btn:hover:not(:disabled){transform:translate(4px);color:var(--neutral-900)!important;background:#ffffff14!important;border-color:#ffffff29!important}html.dark .sidebar-nav-btn:hover:not(:disabled){color:var(--neutral-200)!important;background:#ffffff08!important;border-color:#ffffff14!important}.sidebar-nav-btn.is-selected{font-weight:700;background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}html.dark .sidebar-nav-btn.is-selected{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.sidebar-nav-btn:disabled{opacity:.45;cursor:not-allowed}.teacher-premium-card{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--card-bg);flex-direction:column;padding:24px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s;display:flex;position:relative;overflow:hidden}.teacher-premium-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:none!important}html.dark .teacher-premium-card{background:#1e293bb3!important;border-color:#ffffff14!important}html.dark .teacher-premium-card:hover{border-color:var(--accent-color)!important;box-shadow:none!important}.teacher-form-input,.teacher-form-select,.teacher-form-textarea,.liquid-glass .teacher-form-input,.liquid-glass .teacher-form-select,.liquid-glass .teacher-form-textarea{border-radius:var(--radius-md)!important;border:1px solid var(--neutral-300)!important;background-color:var(--card-bg)!important;width:100%!important;color:var(--neutral-900)!important;box-sizing:border-box!important;margin-top:6px!important;padding:10px 14px!important;font-family:inherit!important;font-size:14px!important;transition:border-color .2s,box-shadow .2s,background-color .2s!important}html.dark .teacher-form-input,html.dark .teacher-form-select,html.dark .teacher-form-textarea,html.dark .liquid-glass .teacher-form-input,html.dark .liquid-glass .teacher-form-select,html.dark .liquid-glass .teacher-form-textarea{color:var(--neutral-800)!important;background-color:#0f172a99!important;border-color:#ffffff1f!important}.teacher-form-select{appearance:none!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:1.25rem!important;padding-right:36px!important}html.dark .teacher-form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E")!important}.teacher-form-input:focus,.teacher-form-select:focus,.teacher-form-textarea:focus,.liquid-glass .teacher-form-input:focus,.liquid-glass .teacher-form-select:focus,.liquid-glass .teacher-form-textarea:focus{border-color:var(--primary)!important;background-color:var(--neutral-50)!important;outline:none!important;box-shadow:0 0 0 3px #7c3aed26!important}html.dark .teacher-form-input:focus,html.dark .teacher-form-select:focus,html.dark .teacher-form-textarea:focus,html.dark .liquid-glass .teacher-form-input:focus,html.dark .liquid-glass .teacher-form-select:focus,html.dark .liquid-glass .teacher-form-textarea:focus{background-color:#0f172acc!important}.teacher-form-input::placeholder,.teacher-form-textarea::placeholder,.liquid-glass .teacher-form-input::placeholder,.liquid-glass .teacher-form-textarea::placeholder{color:var(--neutral-600)!important;opacity:.95!important}html.dark .teacher-form-input::placeholder,html.dark .teacher-form-textarea::placeholder,html.dark .liquid-glass .teacher-form-input::placeholder,html.dark .liquid-glass .teacher-form-textarea::placeholder{color:var(--neutral-400)!important;opacity:.85!important}.teacher-form-input[type=date],.liquid-glass .teacher-form-input[type=date]{color:var(--neutral-900)!important}html.dark .teacher-form-input[type=date],html.dark .liquid-glass .teacher-form-input[type=date]{color:var(--neutral-800)!important}.teacher-form-panel{background:var(--neutral-50);border-radius:var(--radius-md);border:1px solid var(--neutral-200);flex-direction:column;gap:14px;padding:20px;display:flex}html.dark .teacher-form-panel{background:#1e293b73!important;border-color:#ffffff0d!important}@media (width>=1024px){.teacher-form-panel{gap:20px!important;padding:32px 36px!important}}.form-row-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=768px){.form-row-grid-2{grid-template-columns:1fr!important;gap:16px!important}}html:not(.dark) [class*=page-teacher] .global-space-bg{background:#fff!important}html:not(.dark) [class*=page-teacher] .global-space-bg .space-bg-canvas,html:not(.dark) [class*=page-teacher] .global-space-bg .space-nebula{opacity:0!important;visibility:hidden!important}html:not(.dark) .teacher-classes-page.liquid-glass,html:not(.dark) .teacher-class-form.liquid-glass,html:not(.dark) .teacher-class-detail.liquid-glass,html:not(.dark) .teacher-class-detail-loading.liquid-glass,html:not(.dark) .teacher-session-form.liquid-glass,html:not(.dark) .teacher-courses-page.liquid-glass,html:not(.dark) .teacher-course-form.liquid-glass,html:not(.dark) .teacher-course-detail.liquid-glass,html:not(.dark) .teacher-course-detail-loading.liquid-glass,html:not(.dark) .teacher-course-detail-error.liquid-glass,html:not(.dark) .leaderboard-page.liquid-glass,html:not(.dark) .admin-dashboard-page.liquid-glass{border:1px solid var(--neutral-200)!important;-webkit-backdrop-filter:blur(16px)!important;background:#ffffffbf!important;box-shadow:0 10px 40px #0000000a,0 2px 8px #00000005!important}html.dark .leaderboard-page.liquid-glass,html.dark .admin-dashboard-page.liquid-glass{-webkit-backdrop-filter:blur(16px)!important;background:#0f172a73!important;border:1px solid #ffffff14!important;box-shadow:0 10px 40px #0003!important}html:not(.dark) .teacher-classes-page .macos-window-header-glass,html:not(.dark) .teacher-class-form .macos-window-header-glass,html:not(.dark) .teacher-class-detail .macos-window-header-glass,html:not(.dark) .teacher-class-detail-loading .macos-window-header-glass,html:not(.dark) .teacher-session-form .macos-window-header-glass,html:not(.dark) .teacher-courses-page .macos-window-header-glass,html:not(.dark) .teacher-course-form .macos-window-header-glass,html:not(.dark) .teacher-course-detail .macos-window-header-glass,html:not(.dark) .teacher-course-detail-loading .macos-window-header-glass,html:not(.dark) .teacher-course-detail-error .macos-window-header-glass,html:not(.dark) .admin-dashboard-page .macos-window-header-glass,html:not(.dark) .leaderboard-page .macos-window-header-glass{background:0 0!important;border-bottom:none!important}.segmented-control{background:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:99px;padding:3px;display:inline-flex;position:relative!important}html.dark .segmented-control{background:#0f172a99;border-color:#ffffff0d}.segmented-control-slider{background:#fff;box-shadow:0 2px 8px #00000014}html.dark .segmented-control-slider{background:var(--primary);box-shadow:0 2px 8px #7c3aed40}.segmented-control-btn{color:var(--neutral-600);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:99px;padding:8px 18px;font-size:13px;font-weight:600;transition:color .2s;position:relative}.segmented-control-btn:hover{box-shadow:none!important;background:0 0!important}html.dark .segmented-control-btn{color:var(--neutral-400)}.segmented-control-btn[aria-pressed=true]{color:var(--neutral-900)}html.dark .segmented-control-btn[aria-pressed=true]{color:#fff}.admin-freeform-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(170px,1fr);gap:24px;margin-top:24px;margin-bottom:32px;display:grid}.admin-freeform-card{color:inherit;cursor:pointer;border-radius:20px;flex-direction:column;justify-content:center;min-height:170px;padding:24px 20px;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.admin-dashboard-page:not(.liquid-glass){box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}html:not(.dark) .admin-freeform-card{-webkit-backdrop-filter:blur(16px)!important;background:#ffffffbf!important;border:1px solid #00000014!important;box-shadow:0 4px 30px #00000008!important}html:not(.dark) .admin-freeform-card h3{color:var(--neutral-900)}html:not(.dark) .admin-freeform-card p{color:var(--neutral-650)}html.dark .admin-freeform-card{-webkit-backdrop-filter:blur(16px)!important;background:#0f172a73!important;border:1px solid #ffffff14!important;box-shadow:0 4px 30px #0003!important}html.dark .admin-freeform-card h3{color:#f8fafc}html.dark .admin-freeform-card p{color:#94a3b8}.admin-freeform-card.system-reports{border:1px solid #ec48994d!important}.admin-freeform-card.featured-courses{border:1px solid #8b5cf64d!important}.admin-freeform-card.tall-users{border:1px solid #3b82f64d!important}.admin-freeform-card.daily-quests-config{border:1px solid #f59e0b4d!important}.admin-freeform-card.game-config{border:1px solid #ec48994d!important}.admin-freeform-card.level-milestone-config{border:1px solid #38bdf84d!important}.admin-freeform-card.dictionary-db{border:1px solid #10b9814d!important}.admin-freeform-card.ai-system{border:1px solid #ef44444d!important}.admin-freeform-card.achievements-config{border:1px solid #fbbf244d!important}.admin-freeform-card.featured-courses:hover{box-shadow:none!important;border-color:#8b5cf6!important}.admin-freeform-card.tall-users:hover{box-shadow:none!important;border-color:#3b82f6!important}.admin-freeform-card.dictionary-db:hover{box-shadow:none!important;border-color:#10b981!important}.admin-freeform-card.ai-system:hover{box-shadow:none!important;border-color:#ef4444!important}.admin-freeform-card.system-reports:hover{box-shadow:none!important;border-color:#ec4899!important}.admin-freeform-card.daily-quests-config:hover{box-shadow:none!important;border-color:#f59e0b!important}.admin-freeform-card.level-milestone-config:hover{box-shadow:none!important;border-color:#0ea5e9!important}.admin-freeform-card.game-config:hover{box-shadow:none!important;border-color:#ec4899!important}.admin-freeform-card.achievements-config:hover{box-shadow:none!important;border-color:#fbbf24!important}.admin-freeform-card:hover{transform:translateY(-6px)scale(1.01);border-color:var(--primary)!important;background:0 0!important}html:not(.dark) .admin-freeform-card:hover,html.dark .admin-freeform-card:hover{box-shadow:none!important}.admin-card-mascot-wrapper{pointer-events:none;z-index:1;justify-content:flex-end;align-items:center;width:50%;height:100%;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}@keyframes mascotFadeInBlur{0%{opacity:0;filter:blur(12px) translateY(15px)}to{opacity:1;filter:blur(0px) translateY(0px)}}.admin-card-mascot-img{object-fit:cover;object-position:center right;transform-origin:100%;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);animation:1.2s cubic-bezier(.16,1,.3,1) both mascotFadeInBlur;scale:1.15;-webkit-mask-image:linear-gradient(90deg,#0000 0% 15%,#000 75%);mask-image:linear-gradient(90deg,#0000 0% 15%,#000 75%)}.admin-freeform-card:hover .admin-card-mascot-img{scale:1.22}.admin-freeform-card:first-child .admin-card-mascot-img{animation-delay:.1s}.admin-freeform-card:nth-child(2) .admin-card-mascot-img{animation-delay:.2s}.admin-freeform-card:nth-child(3) .admin-card-mascot-img{animation-delay:.3s}.admin-freeform-card:nth-child(4) .admin-card-mascot-img{animation-delay:.4s}html.dark .admin-card-mascot-img{mix-blend-mode:screen}html:not(.dark) .admin-card-mascot-img{mix-blend-mode:multiply}.admin-card-body{z-index:2;max-width:55%;position:relative}.badge-new-premium{text-transform:uppercase;background:var(--primary);color:#fff;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:800;box-shadow:0 0 10px #8b5cf666}.admin-card-top-row{z-index:2;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;display:flex}.admin-card-category{text-transform:uppercase;letter-spacing:.1em;opacity:.55;font-size:10px;font-weight:800;transition:color .3s}.admin-card-icon-wrapper{z-index:2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background-color .3s,color .3s,transform .3s;display:flex}.admin-freeform-card:hover .admin-card-icon-wrapper{transform:scale(1.08)}.admin-card-bottom-area{z-index:2;flex-direction:column;gap:4px;width:60%;margin-top:auto;display:flex}.admin-card-title{margin:0;font-size:18px;font-weight:800;line-height:1.25;transition:color .3s}.admin-card-desc{opacity:.75;margin:0;font-size:12.5px;line-height:1.45;transition:color .3s}html.dark .admin-freeform-card.featured-courses .admin-card-category{color:#a78bfa}html.dark .admin-freeform-card.tall-users .admin-card-category{color:#93c5fd}html.dark .admin-freeform-card.dictionary-db .admin-card-category{color:#6ee7b7}html.dark .admin-freeform-card.ai-system .admin-card-category{color:#fca5a5}html.dark .admin-freeform-card.system-reports .admin-card-category{color:#fbcfe8}html.dark .admin-freeform-card.daily-quests-config .admin-card-category{color:#fdba74}html.dark .admin-freeform-card.level-milestone-config .admin-card-category{color:#67e8f9}html.dark .admin-freeform-card.game-config .admin-card-category{color:#f5d0fe}html.dark .admin-freeform-card.achievements-config .admin-card-category{color:#fde68a}html:not(.dark) .admin-freeform-card.featured-courses .admin-card-category{color:#6d28d9}html:not(.dark) .admin-freeform-card.tall-users .admin-card-category{color:#1d4ed8}html:not(.dark) .admin-freeform-card.dictionary-db .admin-card-category{color:#047857}html:not(.dark) .admin-freeform-card.ai-system .admin-card-category{color:#b91c1c}html:not(.dark) .admin-freeform-card.system-reports .admin-card-category{color:#be185d}html:not(.dark) .admin-freeform-card.daily-quests-config .admin-card-category{color:#c2410c}html:not(.dark) .admin-freeform-card.level-milestone-config .admin-card-category{color:#0369a1}html:not(.dark) .admin-freeform-card.game-config .admin-card-category{color:#a21caf}html:not(.dark) .admin-freeform-card.achievements-config .admin-card-category{color:#b45309}.admin-freeform-card.featured-courses .admin-card-icon-wrapper{color:#8b5cf6;background:#8b5cf626}.admin-freeform-card.tall-users .admin-card-icon-wrapper{color:#3b82f6;background:#3b82f626}.admin-freeform-card.dictionary-db .admin-card-icon-wrapper{color:#10b981;background:#10b98126}.admin-freeform-card.ai-system .admin-card-icon-wrapper{color:#ef4444;background:#ef444426}.admin-freeform-card.system-reports .admin-card-icon-wrapper{color:#ec4899;background:#ec489926}.admin-freeform-card.daily-quests-config .admin-card-icon-wrapper{color:#f59e0b;background:#f59e0b26}.admin-freeform-card.level-milestone-config .admin-card-icon-wrapper{color:#0ea5e9;background:#38bdf826}.admin-freeform-card.game-config .admin-card-icon-wrapper{color:#ec4899;background:#ec489926}@media (width<=1024px){.admin-freeform-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(160px,1fr);gap:20px}.admin-freeform-card{grid-area:span 1/span 1!important}}@media (width<=768px){.admin-freeform-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:16px}.admin-freeform-card{min-height:150px;padding:20px;grid-area:span 1/span 1!important}.admin-card-bottom-area{width:60%!important}.admin-card-mascot-wrapper{width:45%!important}}.admin-table-container{border-radius:var(--radius-md);border:1px solid var(--neutral-200);background:var(--card-bg);margin-top:16px;overflow-x:auto}html.dark .admin-table-container{background:#0f172a33;border-color:#ffffff14}.admin-table-container table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.admin-table-container th{border-bottom:1px solid var(--neutral-200);padding:16px;font-weight:700}html:not(.dark) .admin-table-container th{background:var(--neutral-50);color:var(--neutral-700)}html.dark .admin-table-container th{color:#94a3b8;background:#0003;border-bottom-color:#ffffff0d}.admin-table-container tr{border-bottom:1px solid var(--neutral-100);transition:background .2s}html.dark .admin-table-container tr{border-bottom-color:#ffffff0a}html:not(.dark) .admin-table-container tr:hover{background:var(--neutral-50)}html.dark .admin-table-container tr:hover{background:#ffffff05}.admin-table-container td{padding:16px}.admin-table-course-title{font-weight:700}html:not(.dark) .admin-table-course-title{color:var(--neutral-900)}html.dark .admin-table-course-title{color:#f8fafc}.admin-table-course-desc{margin-top:2px;font-size:12px}html:not(.dark) .admin-table-course-desc{color:var(--neutral-500)}html.dark .admin-table-course-desc{color:#64748b}.admin-table-teacher-email{font-size:13px}html:not(.dark) .admin-table-teacher-email{color:var(--neutral-700)}html.dark .admin-table-teacher-email{color:#94a3b8}html.dark .level-pill-dark{color:#cbd5e1!important;background:#ffffff14!important}html.dark .fee-paid-dark{color:#f87171!important}html.dark .fee-free-dark{color:#4ade80!important}.dict-search-input{border-radius:99px;outline:none;width:100%;padding:10px 16px 10px 40px;font-size:14px;transition:all .2s}html:not(.dark) .dict-search-input{border:1.5px solid var(--neutral-300);color:#1e293b;background:#fff}html:not(.dark) .dict-search-input::placeholder{color:#64748b}html:not(.dark) .dict-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}html.dark .dict-search-input{color:#f8fafc;background:#0f172a66;border:1.5px solid #ffffff1f}html.dark .dict-search-input::placeholder{color:#64748b}html.dark .dict-search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf640}.admin-filter-select{border:1.5px solid var(--neutral-300);width:175px;color:var(--neutral-800);cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:1.25rem;border-radius:99px;outline:none;padding:8px 36px 8px 16px;font-size:13px;font-weight:600;transition:border-color .2s,box-shadow .2s}.admin-filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed26}html.dark .admin-filter-select{color:#f8fafc;background-color:#0f172a99;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");border-color:#ffffff1a}@keyframes shimmerSlide{0%{left:-100%}to{left:100%}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.student-class-glass-card{-webkit-backdrop-filter:blur(16px)!important;background:#ffffffbf!important;border:none!important;border-radius:20px!important;flex-direction:column!important;height:420px!important;min-height:420px!important;padding:0!important;transition:all .3s!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 10px 30px -10px #0000000a!important}html.dark .student-class-glass-card{box-shadow:none!important;background:#0f172ab8!important}.student-class-glass-card:before{content:""!important;border-radius:inherit!important;-webkit-mask-composite:xor!important;pointer-events:none!important;z-index:1!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%)!important;padding:1.4px!important;transition:background .3s!important;position:absolute!important;inset:0!important;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0)!important;-webkit-mask-position:0 0,0 0!important;-webkit-mask-size:auto,auto!important;-webkit-mask-repeat:repeat,repeat!important;-webkit-mask-clip:content-box,border-box!important;-webkit-mask-origin:content-box,border-box!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;-webkit-mask-source-type:auto,auto!important;mask-mode:match-source,match-source!important}.student-class-glass-card:hover:before{background:linear-gradient(#ffffffbf 0%,#ffffff59 20%,#fff0 40% 60%,#ffffff59 80%,#ffffffbf 100%)!important}.student-class-glass-card:hover{transform:translateY(-4px);box-shadow:none!important}html.dark .student-class-glass-card:hover{box-shadow:none!important}.class-meta-section{background:#00000005!important;border:1px solid #00000008!important}html.dark .class-meta-section{background:#ffffff08!important;border-color:#ffffff0d!important}@media (width<=480px){.leaderboard-podium{gap:8px!important;margin:16px 0!important}.podium-avatar{width:44px!important;height:44px!important;font-size:13px!important}.podium-name{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:90px!important;font-size:11px!important;overflow:hidden!important}.podium-xp{font-size:10px!important}.podium-block{padding-top:8px!important}.silver-block{height:60px!important}.gold-block{height:85px!important}.bronze-block{height:45px!important}}.btn-text-short{display:none}@media (width<=768px){.btn-text-long{display:none!important}.btn-text-short{display:inline!important}}.page-ai,.page-ai .content-wrapper{height:100vh!important;max-height:100vh!important;overflow:hidden!important}.page-ai .authenticated-content{flex-direction:column!important;height:calc(100vh - 80px)!important;max-height:calc(100vh - 80px)!important;padding-top:80px!important;padding-bottom:0!important;display:flex!important;overflow:hidden!important}.page-ai .vocabulary-page-premium{box-sizing:border-box!important;height:100%!important;max-height:100%!important;padding:12px!important;overflow:hidden!important}.page-ai .cosmic-codex-workspace{height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}.page-ai .ai-unified-frame{height:100%!important;min-height:0!important}.page-ai footer,.page-ai .footer{display:none!important}@media (width<=900px){.page-ai,.page-ai .content-wrapper{height:100dvh!important;max-height:100dvh!important}.page-ai .authenticated-content{height:calc(100dvh - 80px)!important;max-height:calc(100dvh - 80px)!important;padding-top:80px!important;padding-bottom:0!important}.page-ai .vocabulary-page-premium{height:100%!important;max-height:100%!important;padding:8px 8px 0!important}.page-ai .cosmic-codex-workspace{height:100%!important;max-height:100%!important;margin:0!important;padding:0!important}.page-ai .ai-unified-frame{height:calc(100dvh - 180px)!important;min-height:0!important;max-height:calc(100dvh - 180px)!important}}.teacher-classes-page .primary-button:not(.btn-icon-only):not(.segmented-control-btn),.teacher-classes-page .secondary-button:not(.btn-icon-only):not(.segmented-control-btn),.teacher-class-form .primary-button:not(.btn-icon-only),.teacher-class-form .secondary-button:not(.btn-icon-only),.teacher-class-detail .primary-button:not(.btn-icon-only):not(.tab-row *),.teacher-class-detail .secondary-button:not(.btn-icon-only):not(.tab-row *),.teacher-class-detail-loading .primary-button:not(.btn-icon-only),.teacher-class-detail-loading .secondary-button:not(.btn-icon-only),.teacher-session-form .primary-button:not(.btn-icon-only),.teacher-session-form .secondary-button:not(.btn-icon-only),.teacher-courses-page .primary-button:not(.btn-icon-only),.teacher-courses-page .secondary-button:not(.btn-icon-only),.teacher-course-form .primary-button:not(.btn-icon-only),.teacher-course-form .secondary-button:not(.btn-icon-only),.teacher-course-detail .primary-button:not(.btn-icon-only):not(.tab-row *),.teacher-course-detail .secondary-button:not(.btn-icon-only):not(.tab-row *),.teacher-course-detail-loading .primary-button:not(.btn-icon-only),.teacher-course-detail-loading .secondary-button:not(.btn-icon-only),.teacher-course-detail-error .primary-button:not(.btn-icon-only),.teacher-course-detail-error .secondary-button:not(.btn-icon-only){box-sizing:border-box!important;border-radius:20px!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:40px!important;padding:8px 20px!important;font-size:13.5px!important;line-height:1!important;display:inline-flex!important}.teacher-classes-page .primary-button.btn-icon-only,.teacher-classes-page .secondary-button.btn-icon-only,.teacher-class-form .primary-button.btn-icon-only,.teacher-class-form .secondary-button.btn-icon-only,.teacher-class-detail .primary-button.btn-icon-only,.teacher-class-detail .secondary-button.btn-icon-only,.teacher-session-form .primary-button.btn-icon-only,.teacher-session-form .secondary-button.btn-icon-only,.teacher-courses-page .primary-button.btn-icon-only,.teacher-courses-page .secondary-button.btn-icon-only,.teacher-course-form .primary-button.btn-icon-only,.teacher-course-form .secondary-button.btn-icon-only,.teacher-course-detail .primary-button.btn-icon-only,.teacher-course-detail .secondary-button.btn-icon-only{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;padding:0!important;display:inline-flex!important}.teacher-class-detail .tab-row .secondary-button,.teacher-course-detail .tab-row .secondary-button,.student-course-detail-page .tab-row .secondary-button{height:38px!important;color:var(--neutral-600)!important;background:0 0!important;border:none!important;border-radius:12px!important;padding:8px 16px!important;font-size:13.5px!important;font-weight:600!important;transition:all .2s!important}html.dark .teacher-class-detail .tab-row .secondary-button,html.dark .teacher-course-detail .tab-row .secondary-button,html.dark .student-course-detail-page .tab-row .secondary-button{color:var(--neutral-400)!important}.teacher-class-detail .tab-row .secondary-button:hover,.teacher-course-detail .tab-row .secondary-button:hover,.student-course-detail-page .tab-row .secondary-button:hover{background:var(--neutral-100)!important;color:var(--neutral-800)!important}html.dark .teacher-class-detail .tab-row .secondary-button:hover,html.dark .teacher-course-detail .tab-row .secondary-button:hover,html.dark .student-course-detail-page .tab-row .secondary-button:hover{color:#fff!important;background:#ffffff14!important}.teacher-class-detail .tab-row .secondary-button.btn-active-tab,.teacher-course-detail .tab-row .secondary-button.btn-active-tab,.student-course-detail-page .tab-row .secondary-button.btn-active-tab{background:var(--primary-light,#e0e7ff)!important;color:var(--primary,#2563eb)!important;font-weight:700!important}html.dark .teacher-class-detail .tab-row .secondary-button.btn-active-tab,html.dark .teacher-course-detail .tab-row .secondary-button.btn-active-tab,html.dark .student-course-detail-page .tab-row .secondary-button.btn-active-tab{color:#93c5fd!important;background:#2563eb33!important;font-weight:700!important}.primary-button,.secondary-button,.quiz-back-btn{isolation:isolate!important}.primary-button:before,.primary-button:after,.secondary-button:before,.secondary-button:after,.quiz-back-btn:before,.quiz-back-btn:after{z-index:-1!important}.primary-button *,.secondary-button *,.quiz-back-btn *{z-index:1!important;position:relative!important}.admin-mobile-card-list{display:none}@media (width<=768px){.admin-filters-row{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.admin-filters-left{flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important}.segmented-control-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding-bottom:4px;overflow-x:auto}.segmented-control-wrapper::-webkit-scrollbar{display:none}.segmented-control{flex-shrink:0}.admin-filter-select{width:100%;height:42px}.admin-search-wrapper{width:100%;max-width:none}.admin-search-wrapper .dict-search-input{width:100%;height:42px;padding-left:40px}.admin-desktop-table-view,.admin-table-container.admin-desktop-table-view{display:none}.admin-mobile-card-list{flex-direction:column;gap:12px;width:100%;margin-top:16px;display:flex}.admin-mobile-user-card{border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}html:not(.dark) .admin-mobile-user-card{border:1px solid var(--neutral-200);background:#fff;box-shadow:0 4px 12px #00000005}html.dark .admin-mobile-user-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293b66;border:1px solid #ffffff14;box-shadow:0 4px 20px #00000026}.admin-mobile-user-card .card-header{justify-content:space-between;align-items:center;display:flex}.admin-mobile-user-card .user-name{font-size:15px;font-weight:700}.admin-mobile-user-card .card-body{flex-direction:column;gap:8px;font-size:13px;display:flex}.admin-mobile-user-card .info-row{justify-content:space-between;align-items:center;display:flex}.admin-mobile-user-card .info-label{white-space:nowrap;flex-shrink:0;font-weight:500}html:not(.dark) .admin-mobile-user-card .info-label{color:var(--neutral-500)}html.dark .admin-mobile-user-card .info-label{color:#94a3b8}.admin-mobile-user-card .info-value{text-align:right}.admin-mobile-user-card .info-value.email{word-break:break-all;max-width:70%}.admin-mobile-user-card .card-actions{justify-content:flex-end;gap:8px;margin-top:4px;padding-top:12px;display:flex}html:not(.dark) .admin-mobile-user-card .card-actions{border-top:1px solid var(--neutral-100)}html.dark .admin-mobile-user-card .card-actions{border-top:1px solid #ffffff0d}.admin-mobile-user-card .card-actions .secondary-button{border-radius:6px!important;align-items:center!important;gap:4px!important;height:32px!important;padding:0 12px!important;font-size:12px!important;display:inline-flex!important}.admin-mobile-user-card .card-actions .secondary-button.admin-action-btn{border-radius:50%!important;justify-content:center!important;width:36px!important;height:36px!important;padding:0!important}}.admin-page-header{border-left:none!important;flex-direction:column!important;gap:2px!important;margin-bottom:24px!important;padding-left:0!important;display:flex!important}.admin-page-subtitle{text-transform:uppercase!important;color:var(--neutral-500)!important;margin:0!important;font-size:13px!important;font-style:italic!important;font-weight:400!important;line-height:1.2!important}.admin-page-title{text-transform:uppercase!important;color:var(--neutral-900)!important;margin:0!important;font-size:26px!important;font-weight:800!important;line-height:1.25!important}.admin-reports-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important;gap:16px!important;margin-bottom:28px!important;display:grid!important}.admin-reports-charts-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,450px),1fr))!important;gap:24px!important;margin-bottom:28px!important;display:grid!important}.admin-reports-details-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))!important;gap:24px!important;display:grid!important}.admin-reports-card{border:1px solid var(--neutral-200)!important;border-radius:var(--radius-md)!important;background:#fff!important;flex-direction:column!important;padding:18px!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 12px #00000008!important}html.dark .admin-reports-card{-webkit-backdrop-filter:blur(16px)!important;background:#18253ca6!important;border:1px solid #ffffff14!important;box-shadow:0 8px 32px #0000004d!important}.admin-reports-chart-card{border:1px solid var(--neutral-200)!important;border-radius:var(--radius-lg)!important;background:#fff!important;flex-direction:column!important;padding:24px!important;display:flex!important;box-shadow:0 4px 12px #00000008!important}html.dark .admin-reports-chart-card{-webkit-backdrop-filter:blur(16px)!important;background:#18253ca6!important;border:1px solid #ffffff14!important;box-shadow:0 8px 32px #0000004d!important}@media (width<=1024px){.admin-reports-charts-grid,.admin-reports-details-grid{grid-template-columns:1fr!important}}@media (width<=768px){.admin-reports-metrics-grid{grid-template-columns:repeat(2,1fr)!important}.admin-page-title{font-size:18px!important;line-height:1.25!important}.admin-page-subtitle{font-size:11px!important}.admin-page-header{margin-bottom:16px!important;padding-left:10px!important}}@media (width<=480px){.admin-reports-metrics-grid{grid-template-columns:1fr!important;gap:12px!important}}@media (width<=768px){.admin-dashboard-content-wrapper{padding:12px 14px 16px!important}.macos-window-header-glass,html.dark .macos-window-header-glass,html:not(.dark) .admin-dashboard-page .macos-window-header-glass{background:0 0!important;border-bottom:none!important;padding:10px 14px 4px!important}.admin-reports-card{padding:10px 12px!important}.admin-reports-card span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:11px!important}.admin-reports-card div[style*="font-size: 26px"]{margin:4px 0 2px!important;font-size:18px!important}.admin-reports-card div[style*="font-size: 12px"]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:10.5px!important}.admin-reports-charts-grid,.admin-reports-details-grid{grid-template-columns:1fr!important;width:100%!important;min-width:0!important;max-width:100%!important}.admin-reports-chart-card{width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}.admin-table-container{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;display:block;overflow-x:auto}.admin-table-container table{min-width:900px}.admin-settings-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-level-formula-form{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}@media (width<=768px){.admin-settings-card{flex-direction:column!important;align-items:stretch!important}.admin-settings-card>div:last-child{margin-top:8px;justify-content:space-between!important;width:100%!important}.admin-level-formula-form{flex-direction:column!important;align-items:stretch!important}.admin-level-formula-form>div{flex:none!important;width:100%!important}.admin-level-formula-form button{justify-content:center;width:100%;height:42px}}@media (width<=480px){.admin-section-header{flex-direction:column!important;align-items:stretch!important}.admin-section-header button{justify-content:center;width:100%}}}.leaderboard-widget h3{white-space:nowrap!important;font-size:16px!important}.leaderboard-widget a{white-space:nowrap!important;flex-shrink:0!important}@media (width<=480px){.leaderboard-widget{padding:16px 12px!important}.leaderboard-widget>div:first-child{gap:8px!important}.leaderboard-widget h3{gap:4px!important;font-size:14px!important}.leaderboard-widget a{gap:2px!important;font-size:11px!important}.leaderboard-row{border-radius:12px!important;gap:8px!important;padding:8px 10px!important}.lb-rank{width:24px!important;font-size:13px!important}.lb-avatar{width:32px!important;height:32px!important;font-size:12px!important}.lb-info{min-width:0!important}.lb-name{white-space:nowrap!important;text-overflow:ellipsis!important;gap:4px!important;font-size:13px!important;overflow:hidden!important}.lb-stats-row{gap:6px!important;margin-top:2px!important}.lb-level,.lb-streak{white-space:nowrap!important;font-size:10px!important}.lb-xp strong{font-size:14px!important}.lb-xp span{font-size:8px!important}}.student-courses-page{--course-accent:#4f46e5;--course-accent-2:#0ea5e9;--course-ink:#111827;--course-muted:#64748b;--course-panel:#ffffffd1;--course-panel-strong:#fffffff0;--course-border:#94a3b838;--course-shadow:0 24px 70px #0f172a1f;border:1px solid var(--course-border)!important;width:min(1180px,100vw - 32px)!important;max-width:1180px!important;box-shadow:var(--course-shadow)!important;-webkit-backdrop-filter:blur(22px)saturate(150%)!important;background:linear-gradient(#ffffffe6,#f1f5f9c7)!important;border-radius:24px!important;margin:18px auto 72px!important;padding:0!important;overflow:hidden!important}.student-courses-page>div:last-child{padding:24px clamp(18px,3vw,36px) 36px!important}.student-courses-page .macos-window-header-glass{background:#ffffff7a!important;border-bottom:1px solid #94a3b82e!important;height:44px!important}.student-courses-hero{background:linear-gradient(90deg,#0f172ae0,#1e293b7a 48%,#0f172a2e),url(/mascot/background_galaxy_dark.png) 50%/cover no-repeat!important;border:1px solid #fff3!important;border-radius:22px!important;grid-template-columns:minmax(0,1fr) minmax(260px,380px)!important;align-items:center!important;gap:20px!important;width:100%!important;min-height:210px!important;margin:0 0 28px!important;padding:clamp(24px,4vw,42px)!important;display:grid!important;overflow:hidden!important;box-shadow:0 20px 54px #0f172a38!important}.student-courses-hero:before{content:"";z-index:1;background:linear-gradient(90deg,#38bdf8,#ffffffb8);border-radius:999px;width:58px;height:5px;position:absolute;top:24px;left:clamp(24px,4vw,42px);box-shadow:0 0 24px #38bdf88c}.student-courses-hero-copy{z-index:2!important;padding-top:22px!important;position:relative!important}.student-courses-hero-copy h1{color:#fff!important;-webkit-text-fill-color:#fff!important;letter-spacing:0!important;white-space:normal!important;text-wrap:balance!important;background:0 0!important;max-width:520px!important;margin:0!important;font-size:clamp(34px,5vw,58px)!important;line-height:.98!important}.student-courses-hero-copy p{color:#e2e8f0e6!important;max-width:500px!important;margin:16px 0 0!important;font-size:15px!important;font-weight:650!important;line-height:1.65!important}.student-courses-hero-art{min-height:176px!important;position:relative!important}.student-courses-hero-mascot{filter:drop-shadow(0 28px 46px #0ea5e940)!important;width:min(100%,310px)!important;top:auto!important;bottom:-42px!important;right:0!important}.student-courses-hero-star{background:#bfdbfef2!important;box-shadow:0 0 22px #7dd3fcb3!important}.student-courses-layout{grid-template-columns:minmax(0,1.7fr) minmax(290px,.82fr)!important;align-items:start!important;gap:24px!important;display:grid!important}.student-courses-main{gap:22px!important;padding:0!important;display:grid!important}.student-courses-roadmap-head{margin:0!important;padding:0!important}.student-courses-roadmap-head h2{color:var(--course-ink)!important;letter-spacing:0!important;margin:0!important;font-size:26px!important;line-height:1.12!important}.student-courses-roadmap-head p{max-width:600px!important;color:var(--course-muted)!important;margin:8px 0 0!important;font-size:14px!important;line-height:1.55!important}.student-courses-level-group{margin:0!important}.student-courses-level-group+.student-courses-level-group{margin-top:2px!important}.student-courses-level-group-title{color:var(--course-ink)!important;letter-spacing:0!important;align-items:center!important;gap:10px!important;margin:0 0 12px!important;font-size:16px!important;line-height:1.2!important;display:flex!important}.student-courses-level-group-title:before{content:"";background:var(--course-accent-2);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 6px #0ea5e91a}.student-courses-level-tile{border:1px solid var(--level-accent)!important;min-height:196px!important;padding:18px!important}@supports (color:color-mix(in lab, red, red)){.student-courses-level-tile{border:1px solid color-mix(in srgb, var(--level-accent) 26%, var(--course-border))!important}}.student-courses-level-tile{background:linear-gradient(150deg, #fffffff2, #f8fafcb8 54%, var(--level-accent)), radial-gradient(circle at 88% 20%, var(--level-accent), transparent 34%)!important;border-radius:18px!important}@supports (color:color-mix(in lab, red, red)){.student-courses-level-tile{background:linear-gradient(150deg, #fffffff2, #f8fafcb8 54%, color-mix(in srgb, var(--level-accent) 10%, #ffffffbf)), radial-gradient(circle at 88% 20%, color-mix(in srgb, var(--level-accent) 20%, transparent), transparent 34%)!important}}.student-courses-level-tile{transition:transform .22s,box-shadow .22s,border-color .22s!important;transform:translateY(0)!important;box-shadow:0 14px 34px #0f172a12!important}.student-courses-level-tile:hover{border-color:var(--level-accent)!important;box-shadow:none!important;transform:translateY(-4px)!important}.student-courses-level-copy{justify-content:space-between!important;max-width:65%!important;min-height:158px!important}.student-courses-level-code{background:var(--level-accent)!important;border-radius:999px!important;min-width:46px!important;height:28px!important;padding:0 12px!important}@supports (color:color-mix(in lab, red, red)){.student-courses-level-code{background:color-mix(in srgb, var(--level-accent) 12%, #fff)!important}}.student-courses-level-code{color:var(--level-accent)!important}@supports (color:color-mix(in lab, red, red)){.student-courses-level-code{color:color-mix(in srgb, var(--level-accent) 82%, #111827)!important}}.student-courses-level-code{border-color:var(--level-accent)!important}@supports (color:color-mix(in lab, red, red)){.student-courses-level-code{border-color:color-mix(in srgb, var(--level-accent) 28%, transparent)!important}}.student-courses-level-code{font-size:12px!important}.student-courses-level-title-wrap{gap:7px!important;margin-top:12px!important}.student-courses-level-title-wrap h4{color:var(--course-ink)!important;letter-spacing:0!important;font-size:17px!important;line-height:1.18!important}.student-courses-level-title-wrap span{background:var(--level-accent)!important;width:fit-content!important;min-height:24px!important;padding:0 10px!important}@supports (color:color-mix(in lab, red, red)){.student-courses-level-title-wrap span{background:color-mix(in srgb, var(--level-accent) 11%, #f8fafc)!important}}.student-courses-level-title-wrap span{color:var(--level-accent)!important}@supports (color:color-mix(in lab, red, red)){.student-courses-level-title-wrap span{color:color-mix(in srgb, var(--level-accent) 78%, #111827)!important}}.student-courses-level-title-wrap span{font-size:11px!important}.student-courses-level-copy p{color:#475569!important;-webkit-line-clamp:3!important;margin:8px 0 14px!important;font-size:13px!important;line-height:1.48!important}.student-courses-level-view-btn{width:44px!important;height:44px!important;color:var(--course-ink)!important;box-shadow:none!important;background:#0f172a14!important;border:1px solid #0f172a14!important;border-radius:999px!important}.student-courses-level-tile:hover .student-courses-level-view-btn{background:var(--level-accent)!important;color:#fff!important;width:116px!important;padding:0 14px!important;font-size:13px!important}.student-courses-level-art-shell{width:50%!important;top:0!important;bottom:0!important;right:-22px!important;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0003 20%,#000 46%)!important;mask-image:linear-gradient(90deg,#0000 0%,#0003 20%,#000 46%)!important}.student-courses-level-art{object-position:center right!important}.student-courses-sidebar{gap:18px!important;margin-top:0!important;display:grid!important}.student-courses-level-card,.student-courses-registered-card{padding:0!important}.student-courses-level-body,.student-courses-registered-card{border:1px solid var(--course-border)!important;background:var(--course-panel)!important;border-radius:18px!important;box-shadow:0 16px 40px #0f172a14!important}.student-courses-level-body{background:linear-gradient(#0f172a24,#0f172a85),url(/mascot/background_galaxy_dark.png) 50%/cover no-repeat!important;min-height:285px!important}.student-courses-level-body:before{background:linear-gradient(90deg,#0f172aa8,#0f172a1a)!important}.student-courses-level-card-info{top:22px!important;left:22px!important}.level-card-meta{color:#ffffffc7!important;letter-spacing:0!important;font-size:12px!important}.student-courses-level-badge{color:#fff!important;-webkit-text-fill-color:#fff!important;background:0 0!important;font-size:72px!important;line-height:.95!important;top:48px!important;left:22px!important}.student-courses-level-mascot{object-position:center right!important;filter:saturate(1.04)contrast(1.03)!important}.student-courses-level-body-view-btn{color:#fff!important;background:#ffffff29!important;border-color:#ffffff3d!important;width:44px!important;height:44px!important;bottom:22px!important;left:22px!important}.student-courses-level-body:hover .student-courses-level-body-view-btn{width:215px!important;color:var(--course-accent)!important;background:#fff!important;font-size:13px!important}.student-courses-registered-card .registered-head{margin:0 0 16px!important}.student-courses-registered-card h2{color:var(--course-ink)!important;letter-spacing:0!important;font-size:17px!important}.student-courses-all-link{color:var(--course-accent)!important;font-size:12px!important}.student-courses-registered-list{gap:10px!important;max-height:372px!important;padding-right:2px!important}.student-courses-registered-item{background:var(--course-panel-strong)!important;box-shadow:none!important;border:1px solid #94a3b829!important;border-radius:14px!important;grid-template-columns:38px minmax(0,1fr)!important;gap:12px!important;padding:12px!important}.student-courses-registered-item:hover{box-shadow:none!important;border-color:#4f46e552!important;transform:translateY(-2px)!important}.student-courses-registered-icon{width:38px!important;height:38px!important;color:var(--course-accent)!important;background:#4f46e51c!important;border-radius:12px!important}.student-courses-registered-copy strong{color:var(--course-ink)!important;margin:0 0 5px!important;font-size:13px!important;line-height:1.25!important}.student-courses-registered-copy span{color:#64748b!important;margin:0 0 7px!important;font-size:11px!important}.student-courses-registered-progress{background:#4f46e51f!important;height:6px!important}.student-courses-registered-progress-fill{background:linear-gradient(90deg, var(--course-accent), var(--course-accent-2))!important}.student-courses-empty-inline{color:var(--course-muted)!important;border-radius:14px!important}html.dark .student-courses-page{--course-ink:#f8fafc;--course-muted:#94a3b8;--course-panel:#0f172ab8;--course-panel-strong:#0f172ae0;--course-border:#ffffff1a;background:linear-gradient(#0f172ab8,#02061794)!important;box-shadow:0 24px 70px #0000004d!important}html.dark .student-courses-page .macos-window-header-glass{background:#0206175c!important;border-bottom-color:#ffffff14!important}html.dark .student-courses-level-tile{background:linear-gradient(150deg, #0f172ae6, #1e293bc2 54%, var(--level-accent)), radial-gradient(circle at 88% 20%, var(--level-accent), transparent 34%)!important}@supports (color:color-mix(in lab, red, red)){html.dark .student-courses-level-tile{background:linear-gradient(150deg, #0f172ae6, #1e293bc2 54%, color-mix(in srgb, var(--level-accent) 14%, #0f172abf)), radial-gradient(circle at 88% 20%, color-mix(in srgb, var(--level-accent) 25%, transparent), transparent 34%)!important}}html.dark .student-courses-level-tile{box-shadow:0 18px 36px #0003!important}html.dark .student-courses-level-title-wrap h4,html.dark .student-courses-roadmap-head h2,html.dark .student-courses-level-group-title,html.dark .student-courses-registered-card h2,html.dark .student-courses-registered-copy strong{color:var(--course-ink)!important}html.dark .student-courses-level-copy p,html.dark .student-courses-roadmap-head p,html.dark .student-courses-registered-copy span{color:var(--course-muted)!important}html.dark .student-courses-level-view-btn{color:#e2e8f0!important;background:#ffffff14!important;border-color:#ffffff1a!important}html.dark .student-courses-registered-item{background:var(--course-panel-strong)!important;border-color:#ffffff14!important}html.dark .student-courses-registered-icon{color:#c4b5fd!important;background:#6366f133!important}@media (width<=1100px){.student-courses-layout{grid-template-columns:1fr!important}.student-courses-sidebar{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important}}@media (width<=820px){.student-courses-page{border-radius:20px!important;width:min(100% - 20px,1180px)!important;margin-top:12px!important}.student-courses-hero{grid-template-columns:1fr!important;min-height:0!important;padding:28px 22px 0!important}.student-courses-hero-art{min-height:170px!important}.student-courses-hero-mascot{width:min(76vw,300px)!important;bottom:-46px!important;left:auto!important;right:0!important}.student-courses-sidebar,.student-courses-level-row{grid-template-columns:1fr!important}}@media (width<=560px){.student-courses-page{width:calc(100vw - 14px)!important;margin-bottom:42px!important}.student-courses-page>div:last-child{padding:16px 14px 24px!important}.student-courses-hero-copy h1{font-size:33px!important}.student-courses-hero-copy p{font-size:14px!important}.student-courses-level-copy{max-width:68%!important}.student-courses-level-art-shell{opacity:.88!important;width:48%!important}}.student-courses-carousel-page{--course-blueprint-bg:#9bd2f4;--course-blueprint-ink:#07111f;--course-blueprint-muted:#0f172a;width:min(1220px,100vw - 28px)!important;max-width:1220px!important;min-height:620px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(135deg,#7fc7f4 0%,#cdeafb 100%)!important;border:3px solid #0f172a!important;border-radius:0 0 24px 24px!important}.student-courses-stage{grid-template-columns:minmax(0,1fr) 142px;gap:18px;min-height:540px;display:grid}.student-courses-showcase{min-height:540px;color:var(--course-blueprint-ink);grid-template-columns:minmax(0,1fr) 132px;gap:16px;padding:44px 0 56px 38px;display:grid;position:relative;overflow:hidden}.student-courses-focus{isolation:isolate;grid-template-columns:minmax(0,.94fr) minmax(220px,.86fr);align-items:center;gap:12px;min-width:0;display:grid;position:relative}.student-courses-focus-copy{z-index:3;max-width:520px;position:relative}.student-courses-focus-meta{align-items:center;gap:12px;min-width:0;margin-bottom:24px;display:flex}.student-courses-focus-group{color:#030712;align-items:center;gap:10px;font-size:18px;font-weight:950;line-height:1;display:inline-flex;position:relative}.student-courses-focus-group:before{content:"";background:currentColor;border-radius:999px;width:7px;height:7px}.student-courses-focus-level{color:#0f172a;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:950;display:inline-flex}.student-courses-focus-status{color:#0f172a;white-space:nowrap;background:#b8ff5f;border-radius:999px;align-items:center;min-height:24px;padding:0 12px;font-size:11px;font-weight:950;display:inline-flex}.student-courses-focus h1{color:#030712;max-width:520px;font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(36px,5.3vw,64px);font-weight:950;line-height:1.08}.student-courses-focus p{color:#061320;-webkit-line-clamp:4;-webkit-box-orient:vertical;max-width:330px;margin:18px 0 0;font-size:14px;font-weight:800;line-height:1.42;display:-webkit-box;overflow:hidden}.student-courses-focus-cta{color:#030712;text-transform:uppercase;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:min(100%,154px);min-height:32px;margin-top:44px;font-size:11px;font-weight:950;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 24px #0f172a14}.student-courses-focus-cta:hover{transform:translateY(-2px);box-shadow:none!important}.student-courses-focus-cta.is-disabled{opacity:.56;pointer-events:none}.student-courses-focus-art{z-index:1;align-self:stretch;min-height:430px;position:relative}.student-courses-focus-art:before{content:"";background:radial-gradient(circle at 50% 52%, var(--level-accent), transparent 56%), radial-gradient(circle at 54% 45%, #ffffff80, transparent 46%);border-radius:999px;position:absolute;inset:50px 0 32px 10px}@supports (color:color-mix(in lab, red, red)){.student-courses-focus-art:before{background:radial-gradient(circle at 50% 52%, color-mix(in srgb, var(--level-accent) 34%, white), transparent 56%), radial-gradient(circle at 54% 45%, #ffffff80, transparent 46%)}}.student-courses-focus-art:before{filter:blur(6px);opacity:.86}.student-courses-focus-mascot{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 40px #0f172a29);width:min(112%,440px);height:100%;position:absolute;bottom:-50px;right:-24px}.student-courses-picker{z-index:4;align-self:center;justify-items:end;gap:10px;display:grid;position:relative}.student-courses-picker-value{display:none}.student-courses-picker-toggle{color:#0f172a;cursor:pointer;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.student-courses-picker-list{gap:8px;width:120px;max-height:210px;padding-right:4px;display:grid;overflow:auto}.student-courses-picker-item{color:#0f172a;cursor:pointer;text-align:left;background:#ffffffb8;border:2px solid #0000;border-radius:0;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:6px;min-height:27px;padding:3px;display:grid}.student-courses-picker-item.is-active,.student-courses-picker-item:hover{border-color:var(--level-accent);background:#fff}.student-courses-picker-item span{border:2px solid var(--level-accent);color:#0f172a;background:#fff;justify-content:center;align-items:center;height:21px;font-size:11px;font-weight:950;display:inline-flex}.student-courses-picker-item strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:9px;font-weight:950;display:block;overflow:hidden}.student-courses-picker-empty{color:#0f172a;background:#ffffffb3;padding:12px;font-size:11px;font-weight:800}.student-courses-arrow{z-index:5;color:#0f172a;cursor:pointer;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;position:absolute;box-shadow:0 8px 18px #0f172a14}.student-courses-arrow:disabled{opacity:.45;cursor:default}.student-courses-arrow-left{top:50%;left:6px;transform:translateY(-50%)}.student-courses-arrow-right{top:50%;right:142px;transform:translateY(-50%)}.student-courses-carousel-page .student-courses-sidebar{grid-template-columns:1fr!important;gap:12px!important;margin:0!important;padding:0!important;display:grid!important}.student-courses-carousel-page .student-courses-level-body,.student-courses-carousel-page .student-courses-registered-card{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:#e8f7ffa8!important;border:3px solid #63d947!important;border-radius:0!important}.student-courses-carousel-page .student-courses-level-body{place-items:center;display:grid;min-height:82px!important;padding:10px!important}.student-courses-carousel-page .student-courses-level-body:before,.student-courses-carousel-page .student-courses-registered-card:before{display:none!important}.student-courses-carousel-page .student-courses-level-card-info{z-index:2;position:static!important}.student-courses-carousel-page .level-card-meta{color:#0f172a!important;text-transform:none!important;font-size:12px!important;font-weight:950!important}.student-courses-carousel-page .student-courses-level-badge{opacity:.16;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;font-size:22px!important;position:absolute!important;top:auto!important;bottom:8px!important;left:10px!important}.student-courses-carousel-page .student-courses-level-mascot,.student-courses-carousel-page .student-courses-level-body-view-btn{display:none!important}.student-courses-carousel-page .registered-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;margin:0 0 8px!important;display:grid!important}.student-courses-carousel-page .registered-head h2{white-space:nowrap;border:3px solid #63d947;min-height:20px;margin:0;padding:2px 4px;color:#0f172a!important;font-size:10px!important;font-weight:950!important}.student-courses-carousel-page .student-courses-all-link{white-space:nowrap;border:3px solid #63d947;min-height:20px;padding:2px 4px;color:#0f172a!important;font-size:8px!important;font-weight:950!important}.student-courses-carousel-page .student-courses-registered-list{overflow:auto;gap:6px!important;max-height:190px!important;padding:0!important;display:grid!important}.student-courses-carousel-page .student-courses-registered-item{min-height:22px;box-shadow:none!important;background:#ffffffa3!important;border:3px solid #63d947!important;border-radius:0!important;padding:4px 6px!important;display:block!important}.student-courses-carousel-page .student-courses-registered-icon,.student-courses-carousel-page .student-courses-registered-progress{display:none!important}.student-courses-carousel-page .student-courses-registered-copy strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#0f172a!important;margin:0!important;font-size:10px!important;font-weight:950!important}.student-courses-carousel-page .student-courses-registered-copy span{display:none!important}html.dark .student-courses-carousel-page{background:linear-gradient(135deg,#78c8f5 0%,#c7eafe 100%)!important}html.dark .student-courses-carousel-page .student-courses-level-body,html.dark .student-courses-carousel-page .student-courses-registered-card,html.dark .student-courses-carousel-page .student-courses-registered-item{background:#e8f7ffb3!important}@media (width<=980px){.student-courses-stage{grid-template-columns:1fr}.student-courses-showcase{grid-template-columns:1fr;padding:32px 18px 28px}.student-courses-focus{grid-template-columns:1fr}.student-courses-focus-art{min-height:240px}.student-courses-focus-mascot{width:min(88vw,360px);bottom:-34px;right:0}.student-courses-picker{justify-items:stretch}.student-courses-picker-list{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));width:100%;max-height:none}.student-courses-arrow-right{right:8px}}.textbook-index-workspace .textbook-words-panel .textbook-unit-header{background:radial-gradient(circle at 82% 0,#7c3aed1a,#0000 28%),linear-gradient(#0206176b,#02061729)!important;align-items:center!important;gap:12px!important;min-height:76px!important;margin:calc(-1*clamp(18px,2vw,28px)) calc(-1*clamp(18px,2vw,28px)) 10px!important;padding:14px clamp(18px,2vw,26px)!important}.textbook-index-workspace .textbook-unit-title-block{flex:auto;gap:4px;min-width:0;display:grid}.textbook-index-workspace .textbook-unit-title-block h4{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0!important;font-size:clamp(22px,2vw,32px)!important;line-height:1.04!important}.textbook-index-workspace .textbook-unit-title-block p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:min(72ch,100%)!important;margin:0!important}.textbook-index-workspace .textbook-unit-header .btn-quiz-lesson{flex-shrink:0;min-height:40px!important;padding:8px 14px!important}html:not(.dark) .textbook-index-workspace .textbook-words-panel .textbook-unit-header{background:radial-gradient(circle at 82% 0,#7c3aed14,#0000 30%),linear-gradient(#ffffff85,#ffffff2e)!important}@media (width<=720px){.textbook-index-workspace .textbook-unit-title-block h4,.textbook-index-workspace .textbook-unit-title-block p{white-space:normal}}.textbook-detail-page.textbook-index-page{--textbook-detail-ink:#111827;--textbook-detail-muted:#53627a;--textbook-detail-line:#4b659029;--textbook-detail-glass:#ffffff94;--textbook-detail-glass-strong:#ffffffb8;--textbook-detail-accent:#7c3aed;--textbook-detail-accent-2:#2563eb}.textbook-detail-page .textbook-detail-inner-container{padding:clamp(94px,10vh,118px) clamp(28px,4vw,48px)!important}.textbook-detail-page .textbook-index-workspace{grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:clamp(28px,3vw,46px);width:min(100%,1760px);margin:0 auto}.textbook-detail-page .textbook-index-aside{border-right:1px solid #4b659024;padding-right:clamp(14px,1.8vw,26px)}.textbook-detail-page .textbook-roadmap-panel-vertical{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:clamp(8px,1.2vw,14px) 0!important}.textbook-detail-page .textbook-aside-heading{align-items:center;margin-bottom:24px}.textbook-detail-page .textbook-aside-heading h3{color:var(--textbook-detail-ink);font-size:20px}.textbook-detail-page .textbook-aside-heading span{color:var(--textbook-detail-accent);background:#ffffff8f;box-shadow:inset 0 1px #ffffffb8}.textbook-detail-page .textbook-roadmap-vertical-list{gap:14px;padding-right:0}.textbook-detail-page .textbook-roadmap-vertical-item{min-height:86px;box-shadow:none;background:0 0;border-color:#0000;border-radius:22px;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:16px}.textbook-detail-page .roadmap-step-index{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:0;width:44px;height:44px;font-size:16px;box-shadow:0 14px 30px #6366f138}.textbook-detail-page .textbook-roadmap-vertical-item:not(.is-selected) .roadmap-step-index{color:#64748b;background:#ffffff94;box-shadow:inset 0 1px #ffffffb3}.textbook-detail-page .roadmap-step-copy strong{color:var(--textbook-detail-ink);white-space:normal;font-size:15px}.textbook-detail-page .roadmap-step-copy small{color:var(--textbook-detail-accent-2);font-size:12px}.textbook-detail-page .textbook-weekly-goal-card-compact{background:#ffffff6b!important;border:1px solid #6366f129!important;border-radius:24px!important;min-height:178px!important;padding:24px!important;box-shadow:inset 0 1px #ffffffa8,0 18px 45px #4f46e514!important}.textbook-detail-page .textbook-words-content{overflow:visible!important}.textbook-detail-page .textbook-words-panel{scrollbar-width:thin;scrollbar-color:#7c3aed61 #fff3;height:100%;-webkit-backdrop-filter:blur(26px)saturate(165%)!important;background:radial-gradient(circle at 98% 3%,#7c3aed1a,#0000 24%),linear-gradient(135deg,#ffffffc7,#ebf6ff85 50%,#ffffff7a)!important;border:1px solid #ffffffc2!important;border-radius:38px!important;padding:clamp(34px,4vw,64px) clamp(36px,5vw,72px)!important;box-shadow:inset 0 1px #ffffffe0,0 26px 80px #47556929!important}.textbook-detail-page .textbook-words-panel .textbook-unit-header{grid-template-columns:64px minmax(0,1fr) auto;border-bottom:1px solid var(--textbook-detail-line)!important;-webkit-backdrop-filter:none!important;background:0 0!important;min-height:108px!important;margin:0 0 34px!important;padding:0 0 30px!important;display:grid!important;position:relative!important;top:auto!important}.textbook-unit-header-icon{width:64px;height:64px;color:var(--textbook-detail-accent);background:linear-gradient(135deg,#8b5cf62b,#3b82f61a);border-radius:18px;justify-content:center;align-items:center;display:inline-flex}.textbook-unit-header-icon .material-icons-round,.textbook-unit-header-icon .material-symbols-rounded{font-size:34px}.textbook-detail-page .textbook-unit-title-block h4{letter-spacing:-.02em;color:var(--textbook-detail-ink)!important;font-size:clamp(30px,3.1vw,46px)!important;line-height:1.02!important}.textbook-detail-page .textbook-unit-title-block p{color:var(--textbook-detail-muted)!important;font-size:clamp(15px,1.2vw,18px)!important;font-weight:800!important}.textbook-unit-progress-pill{color:#475569;background:#ffffff94;border:1px solid #6366f11f;border-radius:14px;align-items:center;gap:10px;width:fit-content;min-width:228px;margin-top:14px;padding:9px 14px 12px;font-size:13px;font-weight:850;display:flex;position:relative;overflow:hidden}.textbook-unit-progress-pill i{background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:999px;min-width:8px;max-width:calc(100% - 28px);height:5px;position:absolute;bottom:6px;left:14px}.textbook-detail-page .textbook-unit-header .btn-quiz-lesson{align-self:center;border-radius:999px!important;min-height:58px!important;padding:0 30px!important;font-size:16px!important;box-shadow:0 18px 40px #7c3aed47!important}.textbook-roadmap-vertical-item .textbook-unit-progress-pill-compact{border-radius:12px;gap:8px;width:min(100%,190px);min-width:0;margin-top:4px;padding:6px 10px 10px;font-size:10.5px;line-height:1}.textbook-roadmap-vertical-item .textbook-unit-progress-pill-compact i{max-width:calc(100% - 20px);height:4px;bottom:5px;left:10px}.textbook-detail-page .textbook-word-list{gap:0!important}.textbook-detail-page .student-vocab-word-card.textbook-word-row{min-height:132px;border-style:solid!important;border-width:0 0 1px!important;border-color:var(--textbook-detail-line)!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;grid-template-columns:46px minmax(0,1fr) auto!important;align-items:center!important;gap:26px!important;padding:26px 16px!important}.textbook-detail-page .student-vocab-word-card.textbook-word-row:hover{background:#ffffff2e!important;transform:none!important}.textbook-word-index{color:#4f46e5;background:linear-gradient(135deg,#8b5cf629,#3b82f61a);border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:950;display:inline-flex}.textbook-detail-page .textbook-word-row>div:first-child{gap:8px}.textbook-detail-page .textbook-word-row>div:first-child>div:first-child strong{color:var(--textbook-detail-ink)!important;font-size:clamp(22px,1.75vw,30px)!important}.textbook-detail-page .textbook-word-row>div:first-child>div:first-child span{color:#4f46e5!important;background:#7c3aed14!important;border-color:#0000!important}.textbook-detail-page .textbook-word-row>div:first-child>p{color:var(--textbook-detail-muted)!important;font-size:16px!important;font-weight:800!important}.textbook-detail-page .textbook-word-row>div:first-child>div:nth-child(3){width:min(100%,620px);background:0 0!important;border-left:3px solid #3b82f6!important;border-radius:0!important;padding:0 0 0 18px!important}.textbook-detail-page .textbook-word-row>div:first-child>div:nth-child(3) p:first-child{color:#475569b8!important;font-size:15px!important}.textbook-detail-page .textbook-save-word-btn{min-width:156px;color:#1d4ed8!important;background:#ffffff5c!important;border-color:#2563eb3d!important;border-radius:14px!important;min-height:58px!important;padding:0 20px!important;font-size:15px!important;font-weight:850!important}html.dark .textbook-detail-page .textbook-roadmap-vertical-item.is-selected,html.dark .textbook-detail-page .textbook-weekly-goal-card-compact{background:#0f172a75!important;border-color:#ffffff1f!important}html.dark .textbook-detail-page .textbook-word-index,html.dark .textbook-unit-header-icon{color:#c4b5fd;background:#7c3aed2e}@media (width<=1050px){.textbook-detail-page .textbook-index-workspace{grid-template-columns:1fr}.textbook-detail-page .textbook-index-aside{border-right:0;padding-right:0}.textbook-detail-page .textbook-words-panel .textbook-unit-header{grid-template-columns:52px minmax(0,1fr)}.textbook-detail-page .textbook-unit-header .btn-quiz-lesson{grid-column:1/-1;width:fit-content}}@media (width<=720px){.textbook-detail-page .textbook-detail-inner-container{padding:76px 14px 92px!important}.textbook-detail-page .textbook-words-panel{border-radius:26px!important;padding:22px!important}.textbook-detail-page .student-vocab-word-card.textbook-word-row{grid-template-columns:38px minmax(0,1fr)!important;gap:14px!important}.textbook-detail-page .student-vocab-word-card.textbook-word-row>div:last-child{grid-column:2}.textbook-detail-page .textbook-save-word-btn{width:100%}}.textbook-detail-page .textbook-roadmap-panel.textbook-roadmap-panel-vertical{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;outline:0!important}.textbook-detail-page .textbook-words-panel .textbook-unit-header{grid-template-columns:50px minmax(0,1fr) auto;z-index:8!important;min-height:84px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border-bottom:1px solid #4b65901f!important;margin:calc(-1*clamp(34px,4vw,64px)) calc(-1*clamp(36px,5vw,72px)) 20px!important;padding:18px clamp(36px,5vw,72px)!important;position:sticky!important;top:0!important}.textbook-detail-page .textbook-unit-header-icon{border-radius:15px;width:50px;height:50px}.textbook-detail-page .textbook-unit-title-block h4{font-size:clamp(24px,2.35vw,36px)!important}.textbook-detail-page .textbook-unit-title-block p{font-size:clamp(13px,1vw,15px)!important}.textbook-detail-page .textbook-unit-progress-pill{min-width:194px;margin-top:8px;padding:7px 12px 10px;font-size:12px}.textbook-detail-page .textbook-unit-header .btn-quiz-lesson{min-height:48px!important;padding:0 22px!important;font-size:14px!important}.textbook-detail-page .student-vocab-word-card.textbook-word-row{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border-width:0 0 1px!important;border-color:#4b659024!important}.textbook-detail-page .student-vocab-word-card.textbook-word-row:hover{background:0 0!important;border-color:#4b659033!important}.textbook-detail-page .textbook-words-panel{scrollbar-width:thin;scrollbar-color:#7c3aed47 transparent}.textbook-detail-page .textbook-words-panel::-webkit-scrollbar-track{margin:96px 0 24px;background:0 0!important}.textbook-detail-page .textbook-words-panel::-webkit-scrollbar-thumb{background:#7c3aed52;border:0;border-radius:999px}html.dark .textbook-detail-page .textbook-words-panel .textbook-unit-header{box-shadow:none!important;background:0 0!important;border-bottom-color:#ffffff1a!important}html.dark .textbook-detail-page .student-vocab-word-card.textbook-word-row,html.dark .textbook-detail-page .student-vocab-word-card.textbook-word-row:hover{background:0 0!important;border-color:#ffffff1a!important}@media (width<=720px){.textbook-detail-page .textbook-words-panel .textbook-unit-header{grid-template-columns:44px minmax(0,1fr);margin:-22px -22px 16px!important;padding:14px 18px!important}}.textbook-detail-page .textbook-words-panel{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:start;column-gap:clamp(34px,4vw,64px);padding:clamp(40px,4.4vw,66px) clamp(42px,5vw,76px)!important;display:grid!important}.textbook-detail-page .textbook-words-panel .textbook-unit-header{flex-direction:column;grid-column:1;min-height:auto!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border-bottom:0!important;border-right:1px solid #4b659024!important;justify-content:flex-start!important;align-items:flex-start!important;gap:18px!important;margin:0!important;padding:0 clamp(26px,3vw,44px) 0 0!important;display:flex!important;position:sticky!important;top:0!important}.textbook-detail-page .textbook-unit-header-icon{background:linear-gradient(135deg,#8b5cf629,#3b82f614);border-radius:22px;width:74px;height:74px;margin-bottom:18px}.textbook-detail-page .textbook-unit-header-icon .material-icons-round,.textbook-detail-page .textbook-unit-header-icon .material-symbols-rounded{font-size:38px}.textbook-detail-page .textbook-unit-title-block{gap:14px;width:100%;display:grid}.textbook-unit-kicker{color:#6d28d9;font-size:15px;font-weight:950;line-height:1}.textbook-detail-page .textbook-unit-title-block h4{letter-spacing:-.025em;white-space:normal;max-width:10ch;color:var(--textbook-detail-ink)!important;font-size:clamp(27px,2.1vw,38px)!important;line-height:1.16!important}.textbook-detail-page .textbook-unit-title-block p{white-space:normal;color:#334155d1!important;max-width:22ch!important;font-size:15px!important;font-weight:750!important;line-height:1.55!important}.textbook-detail-page .textbook-unit-progress-pill{color:#334155;background:#ffffff6b;border-color:#6366f124;flex-wrap:wrap;gap:6px 10px;width:100%;min-width:0;margin-top:20px;padding:12px 14px 18px;display:flex}.textbook-detail-page .textbook-unit-progress-pill i{background:linear-gradient(90deg,#8b5cf6,#6366f1);height:6px;bottom:8px;left:14px;right:auto}.textbook-detail-page .textbook-unit-header .btn-quiz-lesson{justify-content:center;width:100%;margin-top:18px;min-height:62px!important;padding:0 22px!important;font-size:16px!important;box-shadow:0 18px 38px #7c3aed38!important}.textbook-detail-page .textbook-words-panel>.textbook-word-list,.textbook-detail-page .textbook-words-panel>.textbook-unit-header+div{grid-column:2;min-width:0}.textbook-detail-page .textbook-word-list{padding-top:8px}.textbook-detail-page .student-vocab-word-card.textbook-word-row{min-height:132px;grid-template-columns:48px minmax(0,1fr) auto!important;gap:28px!important;padding:25px 0!important}.textbook-detail-page .textbook-word-index{background:linear-gradient(135deg,#8b5cf624,#3b82f614);width:46px;height:46px}.textbook-detail-page .textbook-save-word-btn{min-width:164px}html.dark .textbook-unit-kicker{color:#c4b5fd}html.dark .textbook-detail-page .textbook-unit-title-block p{color:#e2e8f0b8!important}html.dark .textbook-detail-page .textbook-words-panel .textbook-unit-header{border-right-color:#ffffff1c!important}@media (width<=1180px){.textbook-detail-page .textbook-words-panel{grid-template-columns:minmax(190px,250px) minmax(0,1fr);column-gap:30px}}@media (width<=860px){.textbook-detail-page .textbook-words-panel{display:block!important}.textbook-detail-page .textbook-words-panel .textbook-unit-header{border-bottom:1px solid #4b659024!important;border-right:0!important;margin:0 0 18px!important;padding:0 0 22px!important;position:relative!important}.textbook-detail-page .textbook-unit-title-block h4,.textbook-detail-page .textbook-unit-title-block p{max-width:none!important}.textbook-detail-page .textbook-unit-header .btn-quiz-lesson{width:fit-content}}.textbook-detail-page.textbook-index-page{color:var(--textbook-detail-ink);--textbook-detail-ink:#0f172a!important;--textbook-detail-muted:#334155c2!important;--textbook-detail-line:#46597d29!important}.textbook-detail-page:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#ffffffb8,#ffffff24 44%,#ffffff6b),radial-gradient(circle at 72% 18%,#ffffff80,#0000 28%);position:fixed;inset:0}.textbook-detail-page .textbook-detail-inner-container{z-index:1;position:relative;padding-top:clamp(96px,10vh,116px)!important}.textbook-detail-page .textbook-index-workspace{grid-template-columns:minmax(250px,340px) minmax(0,1fr);gap:clamp(24px,3.1vw,52px)}.textbook-detail-page .textbook-index-aside{border-right-color:#46597d2e}.textbook-detail-page .textbook-aside-heading h3,.textbook-detail-page .roadmap-step-copy strong,.textbook-detail-page .goal-card-header h4,.textbook-detail-page .textbook-weekly-goal-card-compact strong{color:#0f172a!important}.textbook-detail-page .textbook-aside-heading span{color:#6d28d9!important;background:#ffffffa8!important}.textbook-detail-page .textbook-roadmap-vertical-item{opacity:.9}.textbook-detail-page .textbook-roadmap-vertical-item.is-selected{opacity:1;background:linear-gradient(135deg,#ffffffb8,#dbeafe80),#ffffff4d!important;border-color:#6366f147!important}.textbook-detail-page .textbook-roadmap-vertical-item:disabled{opacity:.72}.textbook-detail-page .textbook-roadmap-vertical-item:disabled .roadmap-step-copy strong{color:#0f172a94!important}.textbook-detail-page .roadmap-step-copy small{color:#2563ebd6!important}.textbook-detail-page .textbook-weekly-goal-card-compact{background:linear-gradient(135deg,#ffffffa3,#edf2ff61),#ffffff47!important;border-color:#6366f12e!important}.textbook-detail-page .textbook-words-panel{scrollbar-width:none;grid-template-columns:minmax(230px,310px) minmax(0,1fr);background:radial-gradient(circle at 82% 0,#ffffff8a,#0000 25%),linear-gradient(135deg,#ffffffbd,#ecf7ff80 58%,#ffffff6b)!important;border-color:#ffffffb3!important;padding:clamp(28px,3.2vw,46px) clamp(34px,4.2vw,62px)!important;box-shadow:inset 0 1px #ffffffdb,0 22px 66px #4755691f!important}.textbook-detail-page .textbook-words-panel:hover{scrollbar-width:thin;scrollbar-color:#7c3aed38 transparent}.textbook-detail-page .textbook-words-panel::-webkit-scrollbar{width:0}.textbook-detail-page .textbook-words-panel:hover::-webkit-scrollbar{width:4px}.textbook-detail-page .textbook-words-panel::-webkit-scrollbar-thumb{background:#7c3aed38!important}.textbook-detail-page .textbook-words-panel .textbook-unit-header{border-right-color:#46597d29!important;gap:14px!important;padding-top:8px!important;padding-right:clamp(22px,2.6vw,38px)!important;top:0!important}.textbook-detail-page .textbook-unit-header-icon{color:#6d28d9;width:66px;height:66px;margin-bottom:12px;background:linear-gradient(135deg,#8b5cf621,#3b82f614)!important}.textbook-detail-page .textbook-unit-title-block{gap:11px}.textbook-detail-page .textbook-unit-title-block h4{color:#0f172a!important;font-size:clamp(27px,2vw,36px)!important}.textbook-detail-page .textbook-unit-title-block p{color:var(--textbook-detail-muted)!important}.textbook-detail-page .textbook-unit-progress-pill{margin-top:14px;color:#334155!important;background:#ffffff94!important}.textbook-detail-page .textbook-unit-header .btn-quiz-lesson{margin-top:14px;min-height:56px!important;box-shadow:0 16px 36px #7c3aed33!important}.textbook-detail-page .student-vocab-word-card.textbook-word-row{min-height:118px;border-color:#46597d24!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:clamp(18px,2.4vw,28px)!important;padding:22px 0!important}.textbook-detail-page .textbook-word-index{color:#4f46e5;width:42px;height:42px;background:linear-gradient(135deg,#8b5cf621,#3b82f614)!important}.textbook-detail-page .textbook-word-row>div:first-child>div:first-child strong{color:#0f172a!important}.textbook-detail-page .textbook-word-row>div:first-child>p{max-width:34ch;color:#334155d1!important}.textbook-detail-page .textbook-word-row>div:first-child>div:nth-child(3){width:min(100%,460px);padding-left:16px!important}.textbook-detail-page .textbook-word-row>div:first-child>div:nth-child(3) p:first-child{color:#475569c7!important}.textbook-detail-page .textbook-save-word-btn{min-width:132px;color:#1d4ed8!important;min-height:46px!important;box-shadow:none!important;background:#ffffff57!important;border-color:#2563eb3d!important;border-radius:14px!important;padding:0 16px!important}.textbook-detail-page .textbook-save-word-btn:disabled{cursor:default;opacity:1!important;color:#16a34a!important;background:#dcfce785!important;border-color:#16a34a38!important}.textbook-detail-page .textbook-save-word-btn span{font-size:13px}html.dark .textbook-detail-page.textbook-index-page{--textbook-detail-ink:#0f172a!important;--textbook-detail-muted:#334155c2!important;--textbook-detail-line:#46597d29!important}html.dark .textbook-detail-page .textbook-aside-heading h3,html.dark .textbook-detail-page .roadmap-step-copy strong,html.dark .textbook-detail-page .goal-card-header h4,html.dark .textbook-detail-page .textbook-weekly-goal-card-compact strong,html.dark .textbook-detail-page .textbook-unit-title-block h4,html.dark .textbook-detail-page .textbook-word-row>div:first-child>div:first-child strong{color:#f8fafc!important}html.dark .textbook-detail-page .textbook-word-row>div:first-child>p,html.dark .textbook-detail-page .textbook-unit-title-block p{color:#e2e8f0cc!important}html.dark .textbook-detail-page .textbook-word-row>div:first-child>div:nth-child(3) p:first-child{color:#e2e8f0c7!important}html.dark .textbook-detail-page .textbook-save-word-btn:not(:disabled){color:#bfdbfe!important;background:#ffffff1f!important}@media (width<=1180px){.textbook-detail-page .textbook-words-panel{grid-template-columns:minmax(210px,270px) minmax(0,1fr)}}.textbook-detail-page .textbook-words-panel{grid-template-columns:minmax(190px,250px) minmax(0,1fr);column-gap:clamp(28px,3.4vw,52px)}.textbook-detail-page .textbook-words-panel .textbook-unit-header{width:100%;max-width:250px;padding-right:clamp(18px,2.2vw,30px)!important}.textbook-detail-page .textbook-unit-title-block h4{max-width:9ch}@media (width<=1180px){.textbook-detail-page .textbook-words-panel{grid-template-columns:minmax(180px,230px) minmax(0,1fr)}.textbook-detail-page .textbook-words-panel .textbook-unit-header{max-width:230px}}@media (width>=721px){.textbook-detail-page .textbook-words-panel{background:radial-gradient(circle at 18% 100%,#3b82f629,#0000 34%),radial-gradient(circle at 82% 0,#a855f726,#0000 32%),linear-gradient(135deg,#0f172a61,#1e295652)!important;border-color:#ffffff38!important;padding:clamp(42px,4.6vw,72px)!important;display:block!important;box-shadow:inset 0 1px #ffffff2e,0 30px 90px #0206172e!important}.textbook-detail-page .textbook-word-list{width:min(100%,1180px);margin:0 auto}.textbook-detail-page .student-vocab-word-card.textbook-word-row{min-height:142px;grid-template-columns:52px minmax(0,1fr) 170px!important;align-items:center!important;gap:clamp(24px,3vw,44px)!important;padding:30px 0!important}.textbook-detail-page .textbook-word-index{width:46px;height:46px}.textbook-detail-page .textbook-word-row>div:first-child>p{max-width:58ch}.textbook-detail-page .textbook-word-row>div:first-child>div:nth-child(3){width:min(100%,760px);background:#0f172a24!important;border-left-width:4px!important;border-radius:0 14px 14px 0!important;padding:16px 18px!important}.textbook-detail-page .textbook-save-word-btn{justify-content:center;min-width:150px;background:#ffffff1f!important;border-color:#ffffff29!important;min-height:48px!important}}@media (width<=720px){.textbook-detail-page.textbook-index-page{width:100%!important;height:100dvh!important;min-height:100dvh!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background-color:#0000!important;border:0!important;border-radius:0!important;margin:0!important;overflow:hidden!important}.textbook-detail-page.textbook-index-page.liquid-glass:before,.textbook-detail-page:after{content:none!important;display:none!important}.textbook-detail-page .textbook-detail-inner-container{box-sizing:border-box!important;width:100vw!important;max-width:none!important;height:100dvh!important;min-height:0!important;margin:0 calc(50% - 50vw)!important;padding:76px 20px 150px!important;overflow:hidden!important}.textbook-detail-page .textbook-index-back-btn{display:none!important}.textbook-detail-page .textbook-index-workspace{grid-template-rows:auto minmax(0,1fr)!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;display:grid!important}.textbook-detail-page .textbook-index-aside{border-right:0!important;min-width:0!important;min-height:0!important;padding:0!important;display:block!important}.textbook-detail-page .textbook-roadmap-panel-vertical{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;padding:0!important}.textbook-detail-page .textbook-aside-heading{align-items:center!important;margin:6px 0 8px!important}.textbook-detail-page .textbook-aside-heading h3{font-size:18px!important}.textbook-detail-page .textbook-aside-heading span{min-height:24px!important;padding:4px 9px!important;font-size:11px!important}.textbook-detail-page .textbook-roadmap-vertical-list{scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-auto-flow:unset!important;gap:10px!important;max-height:none!important;padding:2px 2px 8px!important;display:flex!important;overflow:auto hidden!important}.textbook-detail-page .textbook-roadmap-vertical-list::-webkit-scrollbar{display:none}.textbook-detail-page .textbook-roadmap-vertical-item{scroll-snap-align:start;border-radius:18px!important;flex:0 0 min(82vw,292px)!important;grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;min-height:68px!important;padding:10px 12px!important}.textbook-detail-page .roadmap-step-index{width:38px!important;height:38px!important;font-size:14px!important}.textbook-detail-page .roadmap-step-copy strong{white-space:nowrap!important;font-size:13px!important}.textbook-detail-page .roadmap-step-copy small{font-size:11px!important}.textbook-detail-page .textbook-roadmap-vertical-item .textbook-unit-progress-pill-compact{color:#f8fafcdb!important;width:100%!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;padding:3px 0 8px!important}.textbook-detail-page .textbook-roadmap-vertical-item .textbook-unit-progress-pill-compact span{color:#f8fafcc7!important;font-size:10.5px!important;font-weight:850!important}.textbook-detail-page .textbook-roadmap-vertical-item .textbook-unit-progress-pill-compact i{box-shadow:0 0 12px #6366f161;background:linear-gradient(90deg,#8b5cf6,#3b82f6)!important;max-width:100%!important;height:3px!important;bottom:1px!important;left:0!important}.textbook-detail-page .textbook-weekly-goal-card-compact{display:none!important}.textbook-detail-page .textbook-words-content{min-height:0!important;overflow:hidden!important}.textbook-detail-page .textbook-words-panel{-webkit-overflow-scrolling:touch;height:100%!important;min-height:0!important;box-shadow:none!important;border:0!important;border-radius:24px!important;outline:0!important;grid-template-columns:none!important;padding:16px!important;display:block!important;overflow:hidden auto!important}.textbook-detail-page .textbook-words-panel .textbook-unit-header{-webkit-backdrop-filter:none!important;background:0 0!important;border-bottom:1px solid #ffffff1f!important;border-right:0!important;grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important;width:auto!important;max-width:none!important;min-height:0!important;margin:0 0 16px!important;padding:0 0 16px!important;display:grid!important;position:relative!important;top:auto!important}.textbook-detail-page .textbook-unit-header-icon{border-radius:14px!important;width:44px!important;height:44px!important;margin:0!important}.textbook-detail-page .textbook-unit-header-icon .material-icons-round,.textbook-detail-page .textbook-unit-header-icon .material-symbols-rounded{font-size:24px!important}.textbook-detail-page .textbook-unit-title-block{gap:8px!important;width:100%!important;max-width:none!important}.textbook-detail-page .textbook-unit-title-block h4{max-width:none!important;font-size:clamp(22px,7vw,30px)!important;line-height:1.08!important}.textbook-detail-page .textbook-unit-title-block p{max-width:none!important;font-size:13px!important;line-height:1.38!important}.textbook-detail-page .textbook-unit-progress-pill{width:100%!important;min-width:0!important;margin-top:10px!important;font-size:11px!important}.textbook-detail-page .textbook-unit-header .btn-quiz-lesson{grid-column:1/-1!important;width:100%!important;min-height:46px!important;margin-top:4px!important;padding:0 16px!important;font-size:13px!important}.textbook-detail-page .textbook-word-list{gap:0!important}.textbook-detail-page .student-vocab-word-card.textbook-word-row{grid-template-columns:36px minmax(0,1fr)!important;align-items:flex-start!important;gap:12px!important;min-height:0!important;padding:12px 0!important;display:grid!important}.textbook-detail-page .textbook-word-index{width:34px!important;height:34px!important;font-size:13px!important}.textbook-detail-page .student-vocab-word-card.textbook-word-row>div:last-child{grid-column:2!important;width:100%!important}.textbook-detail-page .textbook-save-word-btn{color:#e2e8f0db!important;width:100%!important;min-height:34px!important;box-shadow:none!important;background:#ffffff14!important;border-color:#ffffff1f!important;border-radius:12px!important;padding:0 14px!important;font-size:12px!important}.textbook-detail-page .textbook-save-word-btn .material-symbols-rounded{font-size:17px!important}}.student-courses-carousel-page .student-courses-showcase{background-image:linear-gradient(90deg, #ffffff29 0%, #ffffff1a 36%, #fff0 58%, #02061780 82%, #020617bd 100%), var(--course-scene-url)!important;background-position:50%,50%!important;background-repeat:no-repeat,no-repeat!important;background-size:cover,cover!important;border-radius:0 0 18px 18px!important;width:100%!important;min-height:500px!important;padding:0!important;display:block!important;position:relative!important;overflow:hidden!important}.student-courses-carousel-page .student-courses-showcase:before{content:""!important;z-index:1!important;pointer-events:none!important;-webkit-backdrop-filter:none!important;background:radial-gradient(circle at 32% 42%,#ffffff57,#0000 26%),linear-gradient(#ffffff0f,#02061714)!important;border-radius:0!important;position:absolute!important;inset:0!important}.student-courses-carousel-page .student-courses-focus:before,.student-courses-carousel-page .student-courses-focus-art,.student-courses-carousel-page .student-courses-focus-mascot{display:none!important}.student-courses-carousel-page .student-courses-focus p,.student-courses-carousel-page .student-courses-focus-group{color:#07111f!important;text-shadow:none!important}.student-courses-carousel-page .student-courses-picker{z-index:9!important;gap:8px!important;display:grid!important;position:absolute!important;top:94px!important;right:228px!important;transform:none!important}.student-courses-carousel-page .student-courses-level-body,.student-courses-carousel-page .student-courses-registered-card{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#070c183d!important;border:0!important;border-radius:18px!important}.student-courses-carousel-page .student-courses-level-body{height:118px!important;min-height:118px!important}.student-courses-carousel-page .student-courses-registered-list{height:calc(100% - 80px)!important;max-height:none!important}.student-courses-carousel-page{width:min(1180px,100vw - 32px)!important;min-height:540px!important;box-shadow:none!important;-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#02061729!important;border:1px solid #e2e8f052!important;border-radius:18px!important;overflow:hidden!important}.student-courses-carousel-page:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:5;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#ffffff7a 0%,#ffffff29 20%,#fff0 42% 58%,#ffffff24 80%,#ffffff6b 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.student-courses-carousel-page .macos-window-header-glass{background:#02061747!important;border-bottom:1px solid #ffffff14!important;height:38px!important}.student-courses-stage{grid-template-columns:minmax(0,1fr) 210px!important;gap:16px!important;min-height:500px!important;padding:0 14px 14px 0!important}.student-courses-showcase{background:linear-gradient(90deg, #09101ed1 0%, #152034ad 42%, #0c12203d 66%, #070c180a 100%), radial-gradient(circle at 72% 48%, var(--level-accent), transparent 34%), var(--course-art-url) right center / contain no-repeat, linear-gradient(135deg, #7ecdf5 0%, #dff4ff 100%)!important;border-radius:0 0 0 18px!important;min-height:500px!important;padding:0!important;display:block!important;position:relative!important;overflow:hidden!important}@supports (color:color-mix(in lab, red, red)){.student-courses-showcase{background:linear-gradient(90deg, #09101ed1 0%, #152034ad 42%, #0c12203d 66%, #070c180a 100%), radial-gradient(circle at 72% 48%, color-mix(in srgb, var(--level-accent) 28%, transparent), transparent 34%), var(--course-art-url) right center / contain no-repeat, linear-gradient(135deg, #7ecdf5 0%, #dff4ff 100%)!important}}.student-courses-showcase{color:#fff!important}.student-courses-showcase:before{content:"";z-index:0;-webkit-backdrop-filter:blur(20px)saturate(155%);background:#ffffff09;border-radius:28px;position:absolute;inset:48px 44px 44px 42px}.student-courses-showcase:after{content:"";z-index:1;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#ffffff85 0%,#ffffff29 20%,#fff0 44% 60%,#ffffff29 82%,#ffffff70 100%);border-radius:28px;padding:1.4px;position:absolute;inset:48px 44px 44px 42px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.student-courses-focus{z-index:2!important;color:#fff!important;min-height:500px!important;padding:88px 54% 54px 82px!important;display:block!important;position:relative!important}.student-courses-focus:before,.student-courses-focus-art,.student-courses-focus-mascot{display:none!important}.student-courses-focus-copy{max-width:500px!important;padding:0!important}.student-courses-focus-group{color:#ffffffdb!important}.student-courses-focus-level{color:#0f172a!important;background:#fffffff5!important}.student-courses-focus-status{color:#0f172a!important;background:#b8ff5f!important}.student-courses-focus h1{text-shadow:0 14px 34px #02061738;color:#fff!important;max-width:470px!important;font-size:clamp(42px,5vw,64px)!important;line-height:1.05!important}.student-courses-focus p{color:#ffffffd6!important;max-width:360px!important;font-size:13px!important;line-height:1.45!important}.student-courses-focus-cta{margin-top:42px!important}.student-courses-picker{grid-template-columns:1fr;z-index:6!important;justify-items:end!important;gap:10px!important;display:grid!important;position:absolute!important;top:54%!important;right:58px!important;transform:translateY(-50%)!important}.student-courses-picker-toggle{-webkit-backdrop-filter:blur(16px)!important;background:#ffffffdb!important;width:34px!important;height:34px!important;margin:0!important}.student-courses-picker-value,.student-courses-picker-item{color:#fff!important;-webkit-backdrop-filter:blur(18px)saturate(150%)!important;background:#fff3!important;border:1px solid #ffffff75!important;width:150px!important;box-shadow:0 14px 30px #0206172e!important}.student-courses-picker-value span,.student-courses-picker-item span{border-color:var(--level-accent)!important;color:#0f172a!important;background:#ffffffe6!important}.student-courses-picker-value strong,.student-courses-picker-item strong{color:#ffffffdb!important}.student-courses-picker-list{width:150px!important;max-height:230px!important;top:76px!important;right:0!important;overflow-x:hidden!important}.student-courses-carousel-page .student-courses-sidebar{gap:14px!important;padding:10px 0 0!important}.student-courses-carousel-page .student-courses-level-body,.student-courses-carousel-page .student-courses-registered-card{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#ffffff0f!important;border:0!important;border-radius:18px!important;position:relative!important;overflow:hidden!important;box-shadow:0 18px 42px #02061729!important}.student-courses-carousel-page .student-courses-level-body:before,.student-courses-carousel-page .student-courses-registered-card:before{content:""!important;border-radius:inherit!important;-webkit-mask-composite:xor!important;pointer-events:none!important;z-index:2!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;-webkit-mask-composite:xor!important;-webkit-mask-source-type:auto,auto!important;background:linear-gradient(#ffffff75 0%,#ffffff26 20%,#fff0 42% 60%,#ffffff24 82%,#ffffff6b 100%)!important;padding:1.4px!important;display:block!important;position:absolute!important;inset:0!important;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0)!important;-webkit-mask-position:0 0,0 0!important;-webkit-mask-size:auto,auto!important;-webkit-mask-repeat:repeat,repeat!important;-webkit-mask-clip:content-box,border-box!important;-webkit-mask-origin:content-box,border-box!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;-webkit-mask-source-type:auto,auto!important;mask-mode:match-source,match-source!important}.student-courses-carousel-page .student-courses-level-body{place-items:center!important;min-height:114px!important;padding:18px!important}.student-courses-carousel-page .level-card-meta{color:#ffffffd1!important}.student-courses-carousel-page .student-courses-level-badge{color:#ffffff47!important;-webkit-text-fill-color:#ffffff47!important}.student-courses-carousel-page .registered-head{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:12px!important}.student-courses-carousel-page .registered-head h2,.student-courses-carousel-page .student-courses-all-link,.student-courses-carousel-page .student-courses-registered-item{color:#ffffffe6!important;-webkit-backdrop-filter:blur(14px)saturate(150%)!important;background:#ffffff14!important;border:0!important;border-radius:12px!important}.student-courses-carousel-page .registered-head h2{justify-content:flex-start!important;min-height:32px!important;padding:0 12px!important;font-size:12px!important}.student-courses-carousel-page .student-courses-all-link{justify-content:center!important;min-height:30px!important;font-size:10px!important}.student-courses-carousel-page .student-courses-registered-list{gap:8px!important;max-height:212px!important}.student-courses-carousel-page .student-courses-registered-item{min-height:34px!important;padding:8px 10px!important}.student-courses-carousel-page .student-courses-registered-copy strong{color:#ffffffe6!important;font-size:11px!important}@media (width<=980px){.student-courses-stage{grid-template-columns:1fr!important;padding:0!important}.student-courses-showcase{border-radius:0!important}.student-courses-focus{padding:74px 28px 280px 34px!important}.student-courses-picker{top:auto!important;bottom:36px!important;right:28px!important;transform:none!important}.student-courses-carousel-page .student-courses-sidebar{padding:14px!important}}.student-courses-carousel-page>.student-courses-stage{min-height:500px!important;padding:0!important;display:block!important}.student-courses-carousel-page .student-courses-showcase{background:linear-gradient(90deg, #ffffff14 0%, #ffffff2e 27%, #ffffff08 52%, #02061794 81%, #020617c2 100%), radial-gradient(circle at 30% 42%, #ffffff9e, transparent 22%), radial-gradient(circle at 64% 48%, var(--level-accent), transparent 34%), var(--course-scene-url) center / cover no-repeat, linear-gradient(135deg, #7ecdf5 0%, #dff4ff 100%)!important;border-radius:0 0 18px 18px!important;width:100%!important;min-height:500px!important;display:block!important;position:relative!important;overflow:hidden!important}@supports (color:color-mix(in lab, red, red)){.student-courses-carousel-page .student-courses-showcase{background:linear-gradient(90deg, #ffffff14 0%, #ffffff2e 27%, #ffffff08 52%, #02061794 81%, #020617c2 100%), radial-gradient(circle at 30% 42%, #ffffff9e, transparent 22%), radial-gradient(circle at 64% 48%, color-mix(in srgb, var(--level-accent) 28%, transparent), transparent 34%), var(--course-scene-url) center / cover no-repeat, linear-gradient(135deg, #7ecdf5 0%, #dff4ff 100%)!important}}.student-courses-carousel-page .student-courses-showcase:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#ffffff42 0%,#ffffff1a 36%,#fff0 62%),linear-gradient(#ffffff14,#0206171a);position:absolute;inset:0}.student-courses-carousel-page .student-courses-showcase:after{content:"";z-index:1;background:var(--course-art-url) center bottom / contain no-repeat;filter:drop-shadow(0 28px 44px #02061742);pointer-events:none;width:min(34vw,380px);height:min(48vw,450px);position:absolute;bottom:-28px;right:190px}.student-courses-carousel-page .student-courses-focus{z-index:3!important;color:#030712!important;min-height:500px!important;padding:72px 470px 58px 76px!important;display:block!important;position:relative!important}.student-courses-carousel-page .student-courses-focus-copy{max-width:500px!important;padding:0!important}.student-courses-carousel-page .student-courses-focus-group{color:#030712!important;text-shadow:none!important}.student-courses-carousel-page .student-courses-focus h1{color:#030712!important;max-width:520px!important;text-shadow:none!important;font-size:clamp(42px,5.1vw,64px)!important;line-height:1.08!important}.student-courses-carousel-page .student-courses-focus p{color:#07111f!important;max-width:360px!important;font-size:13px!important;font-weight:850!important}.student-courses-carousel-page .student-courses-focus-cta{color:#030712!important;width:184px!important;min-height:38px!important;margin-top:44px!important}.student-courses-carousel-page .student-courses-picker{z-index:8!important;position:absolute!important;top:94px!important;right:230px!important;transform:none!important}.student-courses-carousel-page .student-courses-picker-value{display:grid!important}.student-courses-carousel-page .student-courses-picker-toggle{justify-self:end!important;margin:0 0 8px!important}.student-courses-carousel-page .student-courses-picker-list{position:absolute!important;top:76px!important;right:0!important}.student-courses-carousel-page .student-courses-sidebar{z-index:7!important;grid-template-rows:118px minmax(0,1fr)!important;gap:14px!important;width:178px!important;padding:0!important;display:grid!important;position:absolute!important;top:40px!important;bottom:24px!important;right:24px!important}.student-courses-carousel-page .student-courses-level-body,.student-courses-carousel-page .student-courses-registered-card,.student-courses-carousel-page .registered-head h2,.student-courses-carousel-page .student-courses-all-link,.student-courses-carousel-page .student-courses-registered-item{color:#ffffffeb!important;-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#070c1838!important}.student-courses-carousel-page .student-courses-level-body,.student-courses-carousel-page .student-courses-registered-card{border:0!important;border-radius:18px!important}.student-courses-carousel-page .student-courses-level-body{height:118px!important;min-height:118px!important;padding:18px!important}.student-courses-carousel-page .student-courses-registered-card{height:100%!important;min-height:0!important;padding:12px!important}.student-courses-carousel-page .student-courses-registered-list{height:calc(100% - 80px)!important;max-height:none!important;overflow:auto!important}.student-courses-carousel-page .student-courses-arrow-left{left:22px!important}.student-courses-carousel-page .student-courses-arrow-right{right:212px!important}@media (width<=980px){.student-courses-carousel-page .student-courses-showcase:after{opacity:.85;width:min(70vw,360px);right:20px}.student-courses-carousel-page .student-courses-focus{padding:70px 32px 330px!important}.student-courses-carousel-page .student-courses-picker{top:auto!important;bottom:260px!important;right:24px!important}.student-courses-carousel-page .student-courses-sidebar{grid-template-rows:auto auto!important;width:auto!important;padding:0 24px 24px!important;position:relative!important;inset:auto!important}}@media (width<=560px){.student-courses-carousel-page{width:calc(100vw - 12px)!important;min-height:0!important}.student-courses-focus-meta{flex-wrap:wrap;margin-bottom:18px}.student-courses-focus h1{font-size:34px}.student-courses-focus p{max-width:none}.student-courses-focus-cta{margin-top:28px}}.student-courses-carousel-page{background:radial-gradient(circle at 64% 28%,#ffffff85,#0000 24%),linear-gradient(135deg,#82cdf8 0%,#bde9ff 58%,#e4f6ff 100%)!important;border:2px solid #0f172a!important;width:min(1180px,100vw - 32px)!important;min-height:560px!important}.student-courses-carousel-page>div:last-child{padding:12px 14px!important}.student-courses-stage{grid-template-columns:minmax(0,1fr) 188px;gap:18px;min-height:500px}.student-courses-showcase{grid-template-columns:minmax(0,1fr) 154px;gap:14px;min-height:500px;padding:44px 0 44px 38px;overflow:visible}.student-courses-focus{grid-template-columns:minmax(0,.9fr) minmax(280px,.8fr);gap:8px}.student-courses-focus:before{content:"";z-index:0;background:linear-gradient(90deg, #ffffff38, #ffffff0a), radial-gradient(circle at 78% 44%, var(--level-accent), transparent 36%);border-radius:30px;position:absolute;inset:4px 20px 0 0}@supports (color:color-mix(in lab, red, red)){.student-courses-focus:before{background:linear-gradient(90deg, #ffffff38, #ffffff0a), radial-gradient(circle at 78% 44%, color-mix(in srgb, var(--level-accent) 18%, transparent), transparent 36%)}}.student-courses-focus:before{opacity:.72;pointer-events:none}.student-courses-focus-copy{padding:30px 0 20px 18px}.student-courses-focus-meta{margin-bottom:26px}.student-courses-focus-group{font-size:20px}.student-courses-focus-level{width:42px;height:42px}.student-courses-focus h1{color:#050b16;max-width:520px;font-size:clamp(40px,4.45vw,58px);line-height:1.12}.student-courses-focus p{color:#07111f;max-width:340px;font-size:13px;font-weight:850}.student-courses-focus-cta{min-height:34px;margin-top:42px}.student-courses-focus-art{z-index:1;align-self:center;min-height:428px}.student-courses-focus-art:before{background:radial-gradient(circle at 54% 46%, #ffffffa3, transparent 38%), radial-gradient(circle at 58% 50%, var(--level-accent), transparent 58%);border-radius:48px;inset:18px -22px 22px -42px}@supports (color:color-mix(in lab, red, red)){.student-courses-focus-art:before{background:radial-gradient(circle at 54% 46%, #ffffffa3, transparent 38%), radial-gradient(circle at 58% 50%, color-mix(in srgb, var(--level-accent) 22%, white), transparent 58%)}}.student-courses-focus-art:before{filter:blur(10px)}.student-courses-focus-mascot{object-fit:contain;object-position:center bottom;border-radius:0;width:min(122%,500px);height:108%;bottom:-38px;right:-18px}.student-courses-picker{align-self:center;justify-items:stretch}.student-courses-picker-toggle{justify-self:end;margin-right:10px}.student-courses-picker-value{border:2px solid var(--level-accent);grid-template-columns:34px minmax(0,1fr);align-items:center;gap:6px;width:150px;min-height:32px;padding:3px;display:grid}@supports (color:color-mix(in lab, red, red)){.student-courses-picker-value{border:2px solid color-mix(in srgb, var(--level-accent) 58%, #fff)}}.student-courses-picker-value{color:#0f172a;cursor:pointer;text-align:left;background:#fff;border-radius:0;box-shadow:0 8px 18px #0f172a14}.student-courses-picker-value span{border:2px solid var(--level-accent);color:#0f172a;background:#fff;justify-content:center;align-items:center;height:24px;font-size:11px;font-weight:950;display:inline-flex}.student-courses-picker-value strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:10px;font-weight:950;display:block;overflow:hidden}.student-courses-picker-list{z-index:10;gap:8px;width:150px;max-height:252px;padding:0 6px 0 0;display:none;position:absolute;top:74px;right:0}.student-courses-picker.is-open .student-courses-picker-list{display:grid}.student-courses-picker.is-open .student-courses-picker-toggle .material-symbols-rounded{transform:rotate(180deg)}.student-courses-picker-item{background:#ffffffd1;grid-template-columns:34px minmax(0,1fr);min-height:30px}.student-courses-picker-item span{height:23px}.student-courses-picker-item strong{font-size:10px}.student-courses-arrow-left{left:8px}.student-courses-arrow-right{right:168px}.student-courses-carousel-page .student-courses-sidebar{min-width:0;gap:12px!important}.student-courses-carousel-page .student-courses-level-body,.student-courses-carousel-page .student-courses-registered-card{background:#e2f5ffb3!important;border:3px solid #63d947!important}.student-courses-carousel-page .student-courses-level-body{min-height:104px!important}.student-courses-carousel-page .student-courses-level-card-info{text-align:center;max-width:100%}.student-courses-carousel-page .level-card-meta{white-space:normal;line-height:1.25;display:block}.student-courses-carousel-page .student-courses-level-badge{opacity:.18;font-size:34px!important;bottom:10px!important;left:12px!important}.student-courses-carousel-page .student-courses-registered-card{min-height:300px;padding:10px!important}.student-courses-carousel-page .registered-head{grid-template-columns:1fr;align-items:stretch}.student-courses-carousel-page .registered-head h2,.student-courses-carousel-page .student-courses-all-link{text-overflow:ellipsis;justify-content:center;align-items:center;min-height:24px;display:flex;overflow:hidden}.student-courses-carousel-page .registered-head h2{font-size:11px!important}.student-courses-carousel-page .student-courses-all-link{font-size:9px!important}.student-courses-carousel-page .student-courses-registered-list{overflow-x:hidden;max-height:218px!important}.student-courses-carousel-page .student-courses-registered-item{min-height:28px}.student-courses-carousel-page .student-courses-registered-copy strong{display:block;font-size:10.5px!important}@media (width<=1100px){.student-courses-stage{grid-template-columns:minmax(0,1fr) 172px}.student-courses-showcase{grid-template-columns:minmax(0,1fr) 140px;padding-left:28px}.student-courses-focus{grid-template-columns:minmax(0,1fr) minmax(220px,.7fr)}.student-courses-focus h1{font-size:clamp(36px,4vw,48px)}.student-courses-picker-list{width:136px}.student-courses-arrow-right{right:150px}}@media (width<=980px){.student-courses-stage{grid-template-columns:1fr}.student-courses-showcase{grid-template-columns:1fr;overflow:hidden}.student-courses-focus{grid-template-columns:1fr}.student-courses-focus-copy{padding-left:0}.student-courses-focus-art{min-height:260px}.student-courses-picker-list{width:100%}.student-courses-arrow-right{right:8px}}.textbook-shared-overlay{z-index:2147482999;pointer-events:none;-webkit-backdrop-filter:blur();background:#02061700;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.textbook-shared-overlay[aria-hidden=false]{pointer-events:auto}.textbook-card-overlay-clone{z-index:2147483000;box-sizing:border-box;contain:none;transform-origin:0 0;-webkit-backdrop-filter:blur(24px)saturate(185%);background:#ffffffb3;border:1px solid #ffffff3d;flex-direction:column;padding:44px 48px;display:flex;position:fixed;overflow:visible;box-shadow:inset 0 1px #ffffffbd,inset 0 -28px 60px #2563eb2e,0 36px 120px #2563eb47}.textbook-card-overlay-clone.is-closing{overflow:hidden!important}html.dark .textbook-card-overlay-clone{background:radial-gradient(circle at 16% 12%,#60a5fa52,#0000 38%),radial-gradient(circle at 82% 86%,#2563eb38,#0000 46%),linear-gradient(135deg,#0f172ac7,#60a5fa1a 52%,#0f172a3d),#0f172ac7;border-color:#ffffff29;box-shadow:inset 0 1px #ffffff24,inset 0 -28px 60px #2563eb26,0 0 0 1px #ffffff0a,0 36px 120px #2563eb3d}.textbook-card-window-close{z-index:10;color:#172033;-webkit-backdrop-filter:blur(22px)saturate(180%);cursor:pointer;background:linear-gradient(135deg,#ffffff7a,#ffffff24),#ffffff29;border:0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,background .2s;display:flex;position:absolute;top:24px;right:24px;box-shadow:inset 0 1px #ffffff9e,0 16px 34px #0f172a2e;pointer-events:auto!important}html.dark .textbook-card-window-close{color:#fff;background:linear-gradient(135deg,#ffffff1f,#ffffff0a),#ffffff14;box-shadow:inset 0 1px #ffffff1f,0 16px 34px #0000004d}.textbook-card-window-close:hover{background:linear-gradient(135deg,#fff9,#ffffff2e),#ffffff38;transform:translateY(-2px)scale(1.06)}.textbook-card-window-close:active{transform:scale(.96)}.textbook-card-window-close .material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 760, "GRAD" 0, "opsz" 28;font-size:24px}.book-card-modal-grid{box-sizing:border-box;grid-template-columns:4.5fr 5.5fr;align-items:center;gap:clamp(32px,4vw,80px);width:100%;height:100%;display:grid;position:relative}.book-card-modal-left{text-align:left;z-index:5;flex-direction:column;order:2;justify-content:center;align-items:flex-start;width:100%;min-width:0;display:flex}.book-card-modal-left .book-tag-wrapper{align-items:center;gap:8px;margin-bottom:12px;flex-wrap:nowrap!important;display:flex!important}.book-card-modal-left .book-tag-wrapper .book-level-text{border-radius:999px;margin:0;padding:6px 12px;font-size:11px;display:inline-block}.book-card-modal-left h4{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:clamp(32px,3.5vw,44px);font-weight:850;line-height:1.05}html.dark .book-card-modal-left h4{color:#fff}.book-card-modal-left .book-main-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:13px;font-weight:600}html.dark .book-card-modal-left .book-main-title{color:#94a3b8}.book-card-modal-left .book-desc-text{color:#475569;margin-top:12px;font-size:14px;line-height:1.5}html.dark .book-card-modal-left .book-desc-text{color:#cbd5e1}.book-card-modal-left .book-expanded-details{flex-direction:column;gap:16px;width:100%;margin-top:24px;display:flex!important}.book-card-modal-left .book-expanded-stats{background:#ffffff73;border:1px solid #fff9;border-radius:16px;gap:32px;padding:14px 24px;display:flex;box-shadow:0 8px 32px #0f172a0a}html.dark .book-card-modal-left .book-expanded-stats{background:#0f172a59;border-color:#ffffff0f;box-shadow:0 8px 32px #0003}.book-card-modal-left .book-expanded-stat{flex-direction:column;display:flex}.book-card-modal-left .book-expanded-stat strong{color:#0f172a;font-size:24px;font-weight:850;line-height:1}html.dark .book-card-modal-left .book-expanded-stat strong{color:#fff}.book-card-modal-left .book-expanded-stat span{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-top:4px;font-size:11px;font-weight:600}.book-card-modal-left .book-expanded-progress{flex-direction:column;gap:6px;width:100%;display:flex}.book-card-modal-left .book-expanded-progress-row{color:#334155;justify-content:space-between;font-size:12px;font-weight:700;display:flex}html.dark .book-card-modal-left .book-expanded-progress-row{color:#cbd5e1}.book-card-modal-left .book-expanded-progress-track{background:#e2e8f0cc;border-radius:999px;width:100%;height:8px;overflow:hidden}html.dark .book-card-modal-left .book-expanded-progress-track{background:#33415599}.book-card-modal-left .book-expanded-progress-fill{background:linear-gradient(90deg,#3b82f6 0%,#1d4ed8 100%);border-radius:999px;height:100%}.book-card-modal-left .book-expanded-features-inline{flex-wrap:wrap;gap:16px;margin-top:4px;display:flex}.book-card-modal-left .book-expanded-features-inline span{color:#475569;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}html.dark .book-card-modal-left .book-expanded-features-inline span{color:#94a3b8}.book-card-modal-left .book-expanded-features-inline span .material-symbols-rounded{color:#10b981;font-size:16px}.book-card-modal-left .book-expanded-action{margin-top:6px}.book-card-modal-left .book-expanded-open-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:0;border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 20px #2563eb33}.book-card-modal-left .book-expanded-open-btn:hover{transform:translateY(-2px);box-shadow:none!important}.book-card-modal-right{z-index:2;order:1;justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex;position:relative}.book-card-modal-cover{z-index:2;border-radius:20px;flex-shrink:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:-10px 15px 30px #0f172a40,inset 0 1px #ffffff4d}.book-card-modal-cover:hover{transform:scale(1.08)rotate(0)translateY(-8px);box-shadow:-15px 25px 45px #0f172a59,inset 0 1px #fff6}.book-card-modal-cover-img{object-fit:cover;width:clamp(200px,16vw,240px);height:clamp(270px,21.5vw,320px)}.book-card-modal-mascot-wrapper{z-index:10;pointer-events:none;position:absolute;bottom:-55px;left:-60px}.book-card-modal-mascot-img{object-fit:contain;pointer-events:none;width:clamp(300px,25vw,370px);height:auto;animation:4s ease-in-out infinite floatMascotModal}@keyframes floatMascotModal{0%,to{filter:drop-shadow(-15px 20px 16px #02061766) drop-shadow(0 8px 10px rgba(var(--book-card-accent-deep), .15));transform:scale(1)translate(0)rotate(-3deg)}50%{filter:drop-shadow(-20px 28px 24px #02061773) drop-shadow(0 12px 14px rgba(var(--book-card-accent-deep), .25));transform:scale(1.02)translateY(-10px)rotate(1deg)}}@media (width<=720px){.book-card-modal-grid{flex-direction:column!important;align-items:stretch!important;gap:16px!important;width:100%!important;height:100%!important;padding-right:4px!important;display:flex!important;overflow-y:auto!important}.book-card-modal-grid::-webkit-scrollbar{width:4px}.book-card-modal-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.book-card-modal-left{flex-direction:column!important;order:2!important;justify-content:flex-start!important;align-items:stretch!important;width:100%!important;height:auto!important;padding-bottom:0!important;display:flex!important}.book-card-modal-left h4{color:#0f172a!important;letter-spacing:-.3px!important;margin:4px 0 8px!important;font-size:clamp(20px,5.5vw,25px)!important;font-weight:800!important;line-height:1.2!important}html.dark .book-card-modal-left h4{color:#fff!important}.book-card-modal-left .book-main-title{color:#64748b!important;margin-bottom:8px!important;font-size:12px!important}html.dark .book-card-modal-left .book-main-title{color:#94a3b8!important}.book-card-modal-left .book-desc-text{color:#475569!important;margin-bottom:12px!important;font-size:13px!important;line-height:1.45!important}html.dark .book-card-modal-left .book-desc-text{color:#cbd5e1!important}.book-card-modal-left .book-tag-wrapper{flex-wrap:wrap!important;align-items:center!important;gap:8px 6px!important;max-width:calc(100% - 46px)!important;margin-bottom:8px!important;display:flex!important}.book-card-modal-left .book-tag-wrapper .book-tag,.book-card-modal-left .book-tag-wrapper .book-meta-badge,.book-card-modal-left .book-tag-wrapper .book-level-text{white-space:nowrap!important;padding:4px 10px!important;font-size:10px!important}.book-card-modal-left .book-expanded-details{-webkit-backdrop-filter:blur(12px)!important;background:#ffffff47!important;border:1px solid #ffffff73!important;border-radius:12px!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:none!important;margin-top:12px!important;margin-bottom:16px!important;padding:12px 14px!important;display:flex!important;box-shadow:0 8px 24px #0f172a08!important}html.dark .book-card-modal-left .book-expanded-details{background:#0f172a3d!important;border-color:#ffffff0f!important}.book-card-modal-left .book-expanded-stats{width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;border-bottom:1px solid #0f172a0f!important;border-radius:0!important;gap:24px!important;margin:0!important;padding:0 0 10px!important;display:flex!important}html.dark .book-card-modal-left .book-expanded-stats{border-bottom-color:#ffffff14!important}.book-card-modal-left .book-expanded-stat{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;margin:0!important;padding:0!important;display:flex!important}.book-card-modal-left .book-expanded-stat strong{color:#0f172a!important;font-size:22px!important;font-weight:800!important;line-height:1.1!important}html.dark .book-card-modal-left .book-expanded-stat strong{color:#fff!important}.book-card-modal-left .book-expanded-stat span{text-transform:uppercase!important;color:#64748b!important;margin-top:1px!important;font-size:10px!important;font-weight:600!important}html.dark .book-card-modal-left .book-expanded-stat span{color:#94a3b8!important}.book-card-modal-left .book-expanded-progress{width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;gap:4px!important;margin:0!important;padding:0!important;display:flex!important}.book-card-modal-left .book-expanded-features-inline{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:16px!important;font-size:12px!important;display:flex!important}.book-card-modal-left .book-expanded-open-btn{padding:10px 20px!important;font-size:14px!important}.book-card-modal-right{display:none!important}.book-card-modal-cover{z-index:2!important;border:1px solid #ffffff26!important;border-radius:8px!important;flex-shrink:0!important;width:90px!important;height:120px!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important;box-shadow:0 10px 24px #0f172a33!important}.book-card-modal-cover .book-card-modal-cover-img{object-fit:cover!important;border-radius:8px!important;width:100%!important;height:100%!important}.book-card-modal-mascot-wrapper{z-index:1!important;order:1!important;justify-content:center!important;align-items:center!important;margin:0!important;display:flex!important;position:relative!important;bottom:auto!important;left:auto!important;transform:none!important}.book-card-modal-mascot-img{object-fit:contain!important;filter:drop-shadow(0 10px 20px #0f172a29)!important;flex-shrink:0!important;width:100px!important;height:120px!important;animation:none!important;position:relative!important;transform:none!important}.textbook-card-window-close{width:38px;height:38px;top:16px;right:16px;z-index:100!important}}@media (width>=721px) and (width<=1024px){.book-card-modal-grid{grid-template-columns:4.3fr 5.7fr!important;gap:24px!important}.book-card-modal-right{justify-content:flex-end!important}.book-card-modal-cover-img{width:180px!important;height:240px!important}.book-card-modal-mascot-wrapper{bottom:-45px!important;left:-50px!important}.book-card-modal-mascot-img{width:clamp(220px,18vw,260px)!important}.book-card-modal-left h4{font-size:28px!important}.book-card-modal-left .book-expanded-details{gap:12px!important;margin-top:18px!important}.book-card-modal-left .book-expanded-stats{gap:20px!important;padding:12px 18px!important}.textbook-card-window-close{width:40px!important;height:40px!important;top:20px!important;right:20px!important}}.book-card-hero-grid.no-cover{grid-template-columns:.8fr 1.2fr!important;align-items:center!important;gap:12px!important;inset:16px 22px 16px 20px!important}.book-card-hero-grid.no-cover .book-card-mascot-column{justify-content:center!important;align-items:center!important;height:100%!important}.book-card-hero-grid.no-cover .book-card-mascot-img{margin:0 auto;filter:drop-shadow(0 16px 24px #0f172a33)!important;width:clamp(140px,12vw,170px)!important;transform:translate(0)!important}.book-card-hero-grid.no-cover .book-card-details-right{flex-direction:column;justify-content:center;display:flex}.student-textbooks-page .book-desc-text{-webkit-line-clamp:2!important;text-overflow:ellipsis!important;color:#64748b!important;-webkit-box-orient:vertical!important;max-height:2.8em!important;margin-top:0!important;margin-bottom:0!important;font-size:13px!important;font-weight:400!important;line-height:1.4!important;display:-webkit-box!important;overflow:hidden!important}html.dark .student-textbooks-page .book-desc-text{color:#94a3b8!important}.student-textbooks-page .textbook-card-3d .book-card-details-right h4{margin:4px 0!important;font-size:clamp(18px,1.8vw,22px)!important;line-height:1.1!important}@media (width>=721px){.student-textbooks-page .book-card-hero-grid{grid-template-columns:36% 64%!important;align-content:center!important;align-items:center!important;gap:12px!important;height:100%!important;inset:0 20px 0 16px!important}.student-textbooks-page .book-card-mascot-column{justify-content:center!important;align-items:center!important;height:100%!important;max-height:100%!important;display:flex!important}.student-textbooks-page .book-card-mascot-img{filter:drop-shadow(0 22px 32px #0f172a3d)!important;pointer-events:none!important;width:clamp(200px,14vw,240px)!important;transform:translate(-38px,-44px)!important}.student-textbooks-page .book-card-hero-grid.no-cover .book-card-mascot-img{width:clamp(200px,14vw,240px)!important;transform:translate(-38px,-44px)!important}.student-textbooks-page .book-card-details-right{z-index:5!important;flex-direction:column!important;justify-content:center!important;height:100%!important;max-height:100%!important;padding-top:0!important;padding-bottom:0!important;padding-left:8px!important;display:flex!important}.student-textbooks-page .book-card-details-right h4{-webkit-line-clamp:2!important;text-overflow:ellipsis!important;color:#0f172a!important;-webkit-box-orient:vertical!important;margin:0 0 4px!important;font-size:clamp(18px,1.6vw,22px)!important;line-height:1.2!important;display:-webkit-box!important;overflow:hidden!important}html.dark .student-textbooks-page .book-card-details-right h4{color:#fff!important}.student-textbooks-page .book-card-details-right .book-tag-wrapper{margin-bottom:0!important;display:none!important}.student-textbooks-page .book-card-details-right .book-level-text{width:fit-content!important;margin-top:0!important;margin-bottom:6px!important;padding:3px 10px!important;font-size:11px!important;display:inline-block!important}.student-textbooks-page .textbook-card-3d{flex-basis:clamp(350px,24vw,420px)!important;width:clamp(350px,24vw,420px)!important;min-height:190px!important}.student-textbooks-page .textbooks-horizontal-scroll{gap:64px!important}.book-card-modal-left h4{color:#0f172a!important;letter-spacing:-.5px!important;margin:8px 0 10px!important;font-size:clamp(24px,2vw,30px)!important;font-weight:800!important;line-height:1.2!important}html.dark .book-card-modal-left h4{color:#fff!important}.book-card-modal-left .book-main-title{color:#64748b!important;margin-bottom:12px!important;font-size:14px!important;font-weight:500!important}html.dark .book-card-modal-left .book-main-title{color:#94a3b8!important}.book-card-modal-left .book-tag-wrapper{gap:8px!important;margin-bottom:16px!important}.book-card-modal-right{flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:24px!important;width:100%!important;height:100%!important;display:flex!important}.book-card-modal-cover{z-index:2!important;border:1px solid #ffffff2e!important;flex-shrink:0!important;margin:0!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important;box-shadow:0 16px 36px #0f172a42!important}html.dark .book-card-modal-cover{border-color:#ffffff1f!important}.book-card-modal-cover:hover{transform:scale(1.04)!important}.book-card-modal-mascot-img{filter:drop-shadow(0 18px 32px #0f172a38)!important;z-index:1!important;flex-shrink:0!important;width:clamp(160px,13vw,210px)!important;height:auto!important;margin:0!important;position:relative!important;transform:none!important}.book-card-modal-left .book-expanded-details{-webkit-backdrop-filter:blur(12px)!important;background:#ffffff47!important;border:1px solid #ffffff73!important;border-radius:16px!important;flex-direction:column!important;gap:14px!important;width:100%!important;max-width:380px!important;margin-top:24px!important;margin-bottom:20px!important;padding:16px 20px!important;display:flex!important;box-shadow:0 10px 30px #0f172a0a,inset 0 1px #fff9!important}html.dark .book-card-modal-left .book-expanded-details{background:#0f172a3d!important;border-color:#ffffff0f!important;box-shadow:0 10px 30px #00000029,inset 0 1px #ffffff14!important}.book-card-modal-left .book-expanded-stats{width:100%!important;max-width:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-bottom:1px solid #0f172a0f!important;border-radius:0!important;gap:32px!important;margin:0!important;padding:0 0 12px!important;display:flex!important}html.dark .book-card-modal-left .book-expanded-stats{border-bottom-color:#ffffff14!important}.book-card-modal-left .book-expanded-stat{min-width:0!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;margin:0!important;padding:0!important;display:flex!important}.book-card-modal-left .book-expanded-stat strong{color:#0f172a!important;font-size:26px!important;font-weight:800!important;line-height:1.1!important}html.dark .book-card-modal-left .book-expanded-stat strong{color:#fff!important}.book-card-modal-left .book-expanded-stat span{text-transform:uppercase!important;letter-spacing:.5px!important;color:#64748b!important;margin-top:2px!important;font-size:11px!important;font-weight:600!important}html.dark .book-card-modal-left .book-expanded-stat span{color:#94a3b8!important}.book-card-modal-left .book-expanded-progress{width:100%!important;max-width:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;gap:6px!important;margin:0!important;padding:0!important;display:flex!important}.textbook-window-active .student-textbooks-page .textbooks-horizontal-scroll{scroll-snap-type:none!important;overflow-x:hidden!important}.textbook-card-overlay-clone{will-change:transform, left, top, width, height, padding, opacity, border-radius!important}.book-card-modal-cover{will-change:transform, opacity, scale!important}.book-card-modal-mascot-img{will-change:transform, opacity!important}}.dictionary-glass-content .guest-header-content{text-align:left!important;margin-bottom:20px!important;padding-left:4px!important}.dictionary-glass-content .guest-header-content h2{clip:auto!important;white-space:normal!important;width:auto!important;height:auto!important;font-family:var(--font-sans)!important;color:var(--neutral-800,#1e293b)!important;letter-spacing:-.015em!important;border:0!important;margin:0!important;font-size:22px!important;font-weight:700!important;line-height:1.25!important;display:block!important;position:static!important;overflow:visible!important}html.dark .dictionary-glass-content .guest-header-content h2{color:#fff!important}.dictionary-glass-content .guest-header-content .dictionary-intro{font-family:var(--font-sans)!important;color:var(--neutral-600,#475569)!important;max-width:580px!important;margin:6px 0 0!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important;display:block!important}html.dark .dictionary-glass-content .guest-header-content .dictionary-intro{color:var(--neutral-400,#94a3b8)!important}.content .dictionary-page-glass{min-height:500px!important}.dictionary-search-label{color:var(--neutral-600,#475569)!important;text-align:left!important;padding-left:12px!important;font-size:13px!important;font-weight:500!important}html.dark .dictionary-search-label{color:#ffffffb3!important}.dictionary-search-form{align-items:center;gap:12px;width:100%;display:flex;margin-top:8px!important}.dictionary-search-input{flex:1;border:1.5px solid var(--neutral-300,#cbd5e1)!important;color:var(--neutral-800,#1e293b)!important;box-shadow:none!important;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") 18px/20px no-repeat!important;border-radius:99px!important;outline:none!important;padding:12px 24px 12px 48px!important;font-size:15px!important;transition:all .25s!important}html.dark .dictionary-search-input{color:#fff!important;background:#ffffff08 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") 18px/20px no-repeat!important;border-color:#ffffff1f!important}.dictionary-search-input:hover{border-color:var(--neutral-400,#94a3b8)!important}html.dark .dictionary-search-input:hover{background-color:#1e293bb3!important;border-color:#ffffff40!important}.dictionary-search-input:focus{border-color:var(--primary,#2563eb)!important;box-shadow:0 0 0 3px var(--primary-glow)!important;background-color:#fff!important}html.dark .dictionary-search-input:focus{background-color:#0003!important;border-color:#3b82f6!important}.dictionary-search-input::placeholder{color:var(--neutral-400,#94a3b8)!important}html.dark .dictionary-search-input::placeholder{color:#ffffff4d!important}.dictionary-search-btn{background:var(--primary,#2563eb)!important;color:#fff!important;cursor:pointer!important;white-space:nowrap!important;border:none!important;border-radius:99px!important;align-items:center!important;gap:6px!important;height:48px!important;padding:12px 28px!important;font-size:14px!important;font-weight:700!important;transition:all .2s!important;display:flex!important;box-shadow:0 2px 6px #2563eb26!important}html.dark .dictionary-search-btn{background:#3b82f6!important;box-shadow:0 2px 6px #3b82f633!important}.dictionary-search-btn:hover{box-shadow:none!important;background:#1d4ed8!important;transform:translateY(-1px)scale(1.02)!important}html.dark .dictionary-search-btn:hover{box-shadow:none!important;background:#2563eb!important}.dictionary-search-btn:active{transform:translateY(0)scale(.97)!important;box-shadow:0 2px 4px #2563eb1a!important}html.dark .dictionary-search-btn:active{box-shadow:0 2px 4px #3b82f61a!important}@media (width<=576px){.dictionary-search-form{gap:8px!important}.dictionary-search-input{background-position:12px!important;background-size:16px!important;padding:8px 14px 8px 38px!important;font-size:14px!important}.dictionary-search-btn{border-radius:50%!important;justify-content:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important}.dict-btn-text{display:none!important}}.dictionary-hint-mockup{text-align:left!important;color:var(--neutral-500,#64748b)!important;margin-top:8px!important;padding-left:16px!important;font-size:11.5px!important}html.dark .dictionary-hint-mockup{color:#fff6!important}.dictionary-glass-content .empty-state{border:1px solid var(--neutral-200,#e2e8f0)!important;-webkit-backdrop-filter:blur(20px)!important;background:#fffc!important;border-radius:20px!important;margin-top:24px!important;padding:32px 24px!important;box-shadow:inset 0 1px 1px #ffffff80,0 10px 30px #0000000d!important}html.dark .dictionary-glass-content .empty-state{background:#ffffff05!important;border:1px solid #ffffff14!important;box-shadow:inset 0 1px 1px #ffffff0a,0 10px 30px #00000026!important}.dictionary-glass-content .empty-state .dictionary-mascot-container{width:110px!important;height:110px!important;margin-bottom:12px!important}.dictionary-glass-content .empty-state strong{color:var(--neutral-800,#1e293b)!important;margin-top:8px!important;font-size:16px!important;font-weight:600!important}html.dark .dictionary-glass-content .empty-state strong{color:#fff!important}.student-classes-content .primary-button{transition:all .25s cubic-bezier(.4,0,.2,1)!important}.student-classes-content .primary-button:hover{box-shadow:none!important;transform:translateY(-2px)scale(1.02)!important}html.dark .student-classes-content .primary-button:hover{box-shadow:none!important}.student-classes-content .secondary-button{transition:all .25s cubic-bezier(.4,0,.2,1)!important}.student-classes-content .secondary-button:hover{box-shadow:none!important;transform:translateY(-2px)scale(1.02)!important}html.dark .student-classes-content .secondary-button:hover{box-shadow:none!important;background:#ffffff1f!important}.dictionary-glass-content .empty-state p{color:#ffffff73!important;margin:4px 0 0!important;font-size:13px!important;line-height:1.5!important}@media (width<=768px){html body .admin-page-header{text-align:left!important;align-items:flex-start!important}html body .admin-page-title,html body .admin-page-subtitle{margin-left:0;padding-left:0;text-align:left!important}html body .tcl-header-left{text-align:left;justify-content:flex-start;align-items:center}}html:not(.dark) .launchpad-card-premium.card-blue{background:linear-gradient(135deg,#eff6ffe6,#dbeafe99)!important;border:1px solid #3b82f638!important;box-shadow:0 10px 25px -10px #3b82f614,0 1px 3px #00000003!important}html:not(.dark) .launchpad-card-premium.card-blue:hover{box-shadow:none!important;background:linear-gradient(135deg,#eff6ff,#dbeafecc)!important;border-color:#3b82f673!important}html:not(.dark) .launchpad-card-premium.card-purple{background:linear-gradient(135deg,#faf5ffe6,#f3e8ff99)!important;border:1px solid #a855f738!important;box-shadow:0 10px 25px -10px #a855f714,0 1px 3px #00000003!important}html:not(.dark) .launchpad-card-premium.card-purple:hover{box-shadow:none!important;background:linear-gradient(135deg,#faf5ff,#f3e8ffcc)!important;border-color:#a855f773!important}html:not(.dark) .launchpad-card-premium.card-pink,html:not(.dark) .launchpad-card-premium.card-rose{background:linear-gradient(135deg,#fdf4f5e6,#fce7eb99)!important;border:1px solid #ec489938!important;box-shadow:0 10px 25px -10px #ec489914,0 1px 3px #00000003!important}html:not(.dark) .launchpad-card-premium.card-pink:hover,html:not(.dark) .launchpad-card-premium.card-rose:hover{box-shadow:none!important;background:linear-gradient(135deg,#fdf4f5,#fce7ebcc)!important;border-color:#ec489973!important}html:not(.dark) .launchpad-card-premium.card-teal,html:not(.dark) .launchpad-card-premium.card-cyan{background:linear-gradient(135deg,#f0fdfae6,#ccfbf199)!important;border:1px solid #14b8a638!important;box-shadow:0 10px 25px -10px #14b8a614,0 1px 3px #00000003!important}html:not(.dark) .launchpad-card-premium.card-teal:hover,html:not(.dark) .launchpad-card-premium.card-cyan:hover{box-shadow:none!important;background:linear-gradient(135deg,#f0fdfa,#ccfbf1cc)!important;border-color:#14b8a673!important}html:not(.dark) .launchpad-card-premium.card-amber,html:not(.dark) .launchpad-card-premium.card-yellow,html:not(.dark) .launchpad-card-premium.card-orange{background:linear-gradient(135deg,#fffbebe6,#fef3c799)!important;border:1px solid #f59e0b38!important;box-shadow:0 10px 25px -10px #f59e0b14,0 1px 3px #00000003!important}html:not(.dark) .launchpad-card-premium.card-amber:hover,html:not(.dark) .launchpad-card-premium.card-yellow:hover,html:not(.dark) .launchpad-card-premium.card-orange:hover{box-shadow:none!important;background:linear-gradient(135deg,#fffbeb,#fef3c7cc)!important;border-color:#f59e0b73!important}html:not(.dark) .launchpad-card-premium.card-red{background:linear-gradient(135deg,#fef2f2e6,#fee2e299)!important;border:1px solid #ef444438!important;box-shadow:0 10px 25px -10px #ef444414,0 1px 3px #00000003!important}html:not(.dark) .launchpad-card-premium.card-red:hover{box-shadow:none!important;background:linear-gradient(135deg,#fef2f2,#fee2e2cc)!important;border-color:#ef444473!important}html:not(.dark) .launchpad-card-premium.card-indigo{background:linear-gradient(135deg,#eef2ffe6,#e0e7ff99)!important;border:1px solid #4f46e538!important;box-shadow:0 10px 25px -10px #4f46e514,0 1px 3px #00000003!important}html:not(.dark) .launchpad-card-premium.card-indigo:hover{box-shadow:none!important;background:linear-gradient(135deg,#eef2ff,#e0e7ffcc)!important;border-color:#4f46e573!important}html:not(.dark) .launchpad-card-premium.card-slate{background:linear-gradient(135deg,#f8fafce6,#f1f5f999)!important;border:1px solid #64748b38!important;box-shadow:0 10px 25px -10px #64748b14,0 1px 3px #00000003!important}html:not(.dark) .launchpad-card-premium.card-slate:hover{box-shadow:none!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9cc)!important;border-color:#64748b73!important}html:not(.dark) .daily-study-card-premium{background:linear-gradient(135deg,#fffffff2,#f1f5f9b3)!important;border:1px solid #4f46e526!important;box-shadow:0 10px 30px -10px #4f46e50f,0 1px 3px #00000003!important}html:not(.dark) .daily-study-card-premium:hover{box-shadow:none!important;background:linear-gradient(135deg,#fffffffa,#f1f5f9d9)!important;border-color:#4f46e559!important}html:not(.dark) .stat-card-premium.blue{background:linear-gradient(135deg,#eff6ffd9,#dbeafe8c)!important;border:1px solid #3b82f62e!important}html:not(.dark) .stat-card-premium.blue:hover{border-color:#3b82f666!important}html:not(.dark) .stat-card-premium.indigo{background:linear-gradient(135deg,#eef2ffd9,#e0e7ff8c)!important;border:1px solid #4f46e52e!important}html:not(.dark) .stat-card-premium.indigo:hover{border-color:#4f46e566!important}html:not(.dark) .stat-card-premium.rose{background:linear-gradient(135deg,#fdf4f5d9,#fce7eb8c)!important;border:1px solid #f43f5e2e!important}html:not(.dark) .stat-card-premium.rose:hover{border-color:#f43f5e66!important}html:not(.dark) .stat-card-premium.green{background:linear-gradient(135deg,#f0fdfad9,#ccfbf18c)!important;border:1px solid #14b8a62e!important}html:not(.dark) .stat-card-premium.green:hover{border-color:#14b8a666!important}html:not(.dark) .stat-card-premium.amber{background:linear-gradient(135deg,#fffbebd9,#fef3c78c)!important;border:1px solid #f59e0b2e!important}html:not(.dark) .stat-card-premium.amber:hover{border-color:#f59e0b66!important}html:not(.dark) .launchpad-arrow{background:#0000000a!important}html:not(.dark) .launchpad-card-premium:hover .launchpad-arrow,html:not(.dark) .launchpad-arrow:hover{box-shadow:none!important;background:#00000014!important}html:not(.dark) .launchpad-card-premium.card-blue:hover .launchpad-arrow{color:#2563eb!important}html:not(.dark) .launchpad-card-premium.card-purple:hover .launchpad-arrow{color:#7c3aed!important}html:not(.dark) .launchpad-card-premium.card-pink:hover .launchpad-arrow,html:not(.dark) .launchpad-card-premium.card-rose:hover .launchpad-arrow{color:#db2777!important}html:not(.dark) .launchpad-card-premium.card-teal:hover .launchpad-arrow,html:not(.dark) .launchpad-card-premium.card-cyan:hover .launchpad-arrow{color:#0d9488!important}html:not(.dark) .launchpad-card-premium.card-amber:hover .launchpad-arrow,html:not(.dark) .launchpad-card-premium.card-yellow:hover .launchpad-arrow,html:not(.dark) .launchpad-card-premium.card-orange:hover .launchpad-arrow{color:#b45309!important}html:not(.dark) .launchpad-card-premium.card-red:hover .launchpad-arrow{color:#dc2626!important}html:not(.dark) .launchpad-card-premium.card-indigo:hover .launchpad-arrow{color:#4f46e5!important}html:not(.dark) .launchpad-card-premium.card-slate:hover .launchpad-arrow{color:#475569!important}.app-shell.full-width{grid-template-columns:1fr!important}.invisible-test-container{opacity:0;width:0;height:0;position:absolute;overflow:hidden}.auth-bottom-dock__item,.auth-bottom-dock__item:hover,.auth-bottom-dock__item:focus,.auth-bottom-dock__item:focus-visible,.auth-bottom-dock__item:active,.auth-bottom-dock__item.active,.auth-bottom-dock__item.active:hover,.auth-bottom-dock__slot:hover,.dock-item,.dock-item:hover,.dock-item.active,.dock-btn,.dock-btn:hover,.profile-menu-item,.profile-menu-item:hover,.profile-menu-item.logout-btn,.profile-menu-item.logout-btn:hover,.mobile-nav-drawer .logout-btn,.mobile-nav-drawer .logout-btn:hover,.topbar-nav-link,.topbar-nav-link:hover,.topbar-btn,.topbar-btn:hover,.detail-tabs-bar button,.detail-tabs-bar button:hover,.detail-tabs-bar button.active,.admin-tab,.admin-tab:hover,.admin-tab.active,.manager-tab,.manager-tab:hover,.manager-tab.active,.dashboard-tab,.dashboard-tab:hover,.dashboard-tab.active,.nav-tab,.nav-tab:hover,.nav-tab.active,.sub-tab,.sub-tab:hover,.sub-tab.active{box-shadow:none!important;text-shadow:none!important;-webkit-filter:none!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.roadmap-full-page.rmp-workspace{z-index:9999;box-sizing:border-box;color:#172033;--text-color:#172033;--subtext-color:#647084;--surface-color:#ffffffeb;--surface-strong:#fff;--line-color:#1720331a;--accent-color:#2563eb;--accent-soft:#2563eb1f;--success-color:#16a34a;--warning-color:#f97316;background:radial-gradient(circle at 0 0,#2563eb17,#0000 34%),linear-gradient(#f7f9fc 0%,#eef3f8 100%);flex-direction:column;gap:18px;width:100vw;height:100vh;padding:24px 28px 96px;display:flex;position:fixed;inset:0;overflow:hidden}.roadmap-full-page.rmp-workspace.theme-dark{color:#eef4ff;--text-color:#eef4ff;--subtext-color:#9aa8bd;--surface-color:#101826eb;--surface-strong:#121c2d;--line-color:#e2e8f01c;--accent-color:#60a5fa;--accent-soft:#60a5fa29;background:radial-gradient(circle at 0 0,#2563eb21,#0000 34%),linear-gradient(#08111f 0%,#0d1624 100%)}.rmp-workspace *{box-sizing:border-box}.rmp-workspace button{font:inherit}.roadmap-full-page.rmp-island-experience{isolation:isolate;background:0 0;gap:0;padding:0}.roadmap-full-page.rmp-island-experience.theme-dark{background:0 0}.rmp-island-topbar{z-index:40;-webkit-backdrop-filter:blur(18px)saturate(125%);background:#ffffffc7;border-color:#ffffff80;position:relative;box-shadow:0 18px 50px #2c6ba52e}.theme-dark .rmp-island-topbar{background:#081422b8;border-color:#ffffff24;box-shadow:0 18px 50px #00000047}.rmp-island-body{flex:auto;height:100%;overflow:hidden}.rmp-island-main{grid-template-columns:minmax(0,1fr) 430px;gap:0;height:100%;min-height:0;display:grid;position:relative}.rmp-island-map-shell{width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;grid-column:1;position:relative;overflow:hidden}.theme-dark .rmp-island-map-shell{border-color:#ffffff1f;box-shadow:0 24px 80px #00000057}.rmp-island-map-image{object-fit:cover;object-position:center;filter:saturate(1.04)contrast(1.01);-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.012)}.theme-dark .rmp-island-map-image{filter:saturate(.94)brightness(.76)contrast(1.12)}.rmp-island-vignette{pointer-events:none;z-index:1;background:radial-gradient(circle at 86% 28%,#ffffff52,#0000 28%),linear-gradient(90deg,#081c361f,#0000 34%,#081c3614);position:absolute;inset:0}.theme-dark .rmp-island-vignette{background:radial-gradient(circle at 86% 32%,#2858802e,#0000 28%),linear-gradient(90deg,#03091233,#0000 42%,#03091247)}.rmp-island-map-head{z-index:8;pointer-events:none;justify-content:space-between;align-items:center;gap:14px;display:flex;position:absolute;top:20px;left:22px;right:22px}.rmp-island-map-head>*{pointer-events:auto}.theme-dark .rmp-island-map-head>.rmp-secondary-action{color:#f7fbff;background:#040c18c7;border-color:#aed3ff33;box-shadow:0 18px 40px #00000042}.rmp-gradient-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.8px;background:linear-gradient(135deg,#fff 10%,#a78bfa 50%,#34d399 90%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #0000004d);-webkit-background-clip:text;margin:0;font-size:20px;font-weight:950;display:inline-block}.rmp-back-btn-glass{-webkit-backdrop-filter:blur(12px)saturate(120%);color:#fff;cursor:pointer;background:#0f172a73;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 4px 15px #00000026}.rmp-back-btn-glass:hover{background:#0f172aa6;border-color:#ffffff73;transform:scale(1.05)}.theme-light .rmp-back-btn-glass{color:#1e293b;background:#ffffffa6;border-color:#0000001f}.theme-light .rmp-back-btn-glass:hover{background:#ffffffd9;border-color:#00000040}.rmp-island-hotspots{z-index:6;position:absolute;inset:0}.rmp-road-path-svg{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rmp-road-path-shadow,.rmp-road-path-base,.rmp-road-path-progress{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.rmp-road-path-base{stroke:#fff5b86b;stroke-width:3px;stroke-dasharray:1 7;opacity:.66}.rmp-road-path-progress{stroke:#f9d45d;stroke-width:4px;filter:url(#rmpPathGlow);opacity:.82;transition:stroke-dasharray .65s cubic-bezier(.22,1,.36,1)}.rmp-road-path-shadow{display:none}.theme-dark .rmp-road-path-base{stroke:#ffe78757;opacity:.58}.theme-dark .rmp-road-path-progress{stroke:#facc15;opacity:.78}.rmp-island-node{color:#102038;cursor:pointer;background:0 0;border:none;border-radius:999px;width:58px;height:58px;padding:0;transition:transform .2s,filter .2s;position:absolute;transform:translate(-50%,-50%)}.rmp-island-node:hover,.rmp-island-node.selected{filter:drop-shadow(0 14px 24px #0f172a3d);transform:translate(-50%,-50%)scale(1.08)}.rmp-island-node-ring{border-radius:inherit;opacity:.92;background:conic-gradient(from 180deg,#ffdb5bf2,#ff7a44f2,#45c47ef2,#ffdb5bf2);animation:2.6s ease-in-out infinite rmp-island-pulse;position:absolute;inset:-8px}.rmp-island-node.locked .rmp-island-node-ring{background:#e2eeff8a;animation:none;inset:-5px}.rmp-island-node.completed .rmp-island-node-ring{background:conic-gradient(from 180deg,#29c775,#b7f36b,#29c775)}.rmp-island-node.current .rmp-island-node-ring{box-shadow:0 0 0 14px #ffd64c33,0 0 34px #ffb12cb8}.rmp-island-node-icon{z-index:2;border-radius:inherit;color:#f97316;background:linear-gradient(145deg,#fff,#fff2ba);border:4px solid #fffffff5;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset:0;box-shadow:0 12px 24px #3b537142,inset 0 1px #ffffffe6}.rmp-island-node.current .rmp-island-node-icon{color:#2563eb;background:linear-gradient(145deg,#fffbe8,#f9e17a)}.rmp-island-node.completed .rmp-island-node-icon{color:#16a34a;background:linear-gradient(145deg,#f0fff5,#bdf7ce)}.rmp-island-node.locked .rmp-island-node-icon{color:#64748b94;background:linear-gradient(145deg,#f9fcffeb,#d6e2efe6)}.rmp-island-node-icon .material-symbols-rounded{font-size:28px}.rmp-island-node-label{-webkit-backdrop-filter:blur(14px)saturate(135%);text-align:center;opacity:0;pointer-events:none;background:#ffffffd1;border:1px solid #ffffffad;border-radius:14px;flex-direction:column;align-items:center;gap:2px;width:max-content;max-width:220px;padding:9px 11px;transition:opacity .18s,transform .18s;display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 12px 28px #2e577c29}.rmp-island-node:hover .rmp-island-node-label,.rmp-island-node.selected .rmp-island-node-label,.rmp-island-node.current .rmp-island-node-label{opacity:1;transform:translate(-50%)translateY(-2px)}.theme-dark .rmp-island-node-label{background:#091627c7;border-color:#ffffff29}.rmp-island-node-label strong,.rmp-island-node-label small,.rmp-island-node-label em{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.rmp-island-node-label strong{color:#14243b;font-size:12px;font-weight:950;line-height:1.2}.theme-dark .rmp-island-node-label strong{color:#f8fbff}.rmp-island-node-label small{color:#607089;font-size:10px;font-weight:800}.theme-dark .rmp-island-node-label small{color:#b8c7dc}.rmp-island-node-label em{color:#f97316;font-size:10px;font-style:normal;font-weight:950}.rmp-island-node-state{display:none}.rmp-island-node.locked:hover .rmp-island-node-label,.rmp-island-node.locked.selected .rmp-island-node-label,.rmp-island-node.locked.current .rmp-island-node-label{opacity:.82}.rmp-island-empty{z-index:8;text-align:center;-webkit-backdrop-filter:blur(20px);color:#334155;background:#ffffffa6;border:1px solid #ffffff73;border-radius:24px;flex-direction:column;align-items:center;gap:12px;width:min(360px,100% - 36px);padding:28px 24px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 32px #0000000d,inset 0 1px #fff9}.rmp-island-empty span.material-symbols-rounded{color:#6366f1;margin-bottom:4px;font-size:46px}.rmp-island-empty strong{color:#0f172a;font-size:16px;font-weight:700}.rmp-island-empty span{color:#64748b;margin-bottom:6px;font-size:13.5px;line-height:1.5}.theme-dark .rmp-island-empty,.dark .rmp-island-empty{color:#e2e8f0;background:#0f172a73;border:1px solid #ffffff14;box-shadow:0 20px 40px #00000059,inset 0 1px #ffffff1a}.theme-dark .rmp-island-empty strong,.dark .rmp-island-empty strong{color:#f8fafc}.theme-dark .rmp-island-empty span,.dark .rmp-island-empty span{color:#94a3b8}.theme-dark .rmp-island-empty span.material-symbols-rounded,.dark .rmp-island-empty span.material-symbols-rounded{color:#a78bfa}.rmp-ai-flow-container{box-sizing:border-box;background:0 0;width:100%;height:100%;position:relative}.rmp-island-rail{z-index:10;border:none;border-left:1px solid var(--line-color);width:100%;height:100%;box-shadow:none;background:#020617;border-radius:0;flex-direction:column;grid-column:2;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden auto}.theme-light .rmp-island-rail{border-left:1px solid var(--line-color);box-shadow:none;background:#f8fafc}.rmp-island-rail .rmp-rail-card{-webkit-backdrop-filter:blur(20px)saturate(120%);background:#0a121ea6;border:1px solid #ffffff0f;border-radius:20px;flex-shrink:0;margin-bottom:20px;padding:24px;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000040}.theme-light .rmp-island-rail .rmp-rail-card{background:#ffffffa6;border-color:#00000014;box-shadow:0 10px 30px #0000000d}.rmp-island-rail .rmp-profile-card{z-index:1;box-sizing:border-box;-webkit-backdrop-filter:blur(20px)saturate(120%);background:#0a121ea6;border:1px solid #ffffff0f;border-radius:20px;width:100%;max-width:100%;padding:24px;position:relative;top:auto;left:auto;right:auto;box-shadow:0 10px 30px #00000040}.theme-light .rmp-island-rail .rmp-profile-card{background:#ffffffa6;border-color:#00000014;box-shadow:0 10px 30px #0000000d}.rmp-progress-card{flex-direction:column;gap:14px;display:flex}.rmp-progress-card-grid{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.theme-light .rmp-progress-card-grid{border-bottom-color:#00000014}.rmp-progress-gem-block{flex:1;align-items:center;gap:12px;display:flex}.rmp-progress-target-block{flex:1;justify-content:flex-end;align-items:center;gap:12px;display:flex}.rmp-progress-divider{background:#ffffff14;width:1px;height:40px}.theme-light .rmp-progress-divider{background:#00000014}.rmp-progress-card-grid span{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:800;display:block}.theme-light .rmp-progress-card-grid span{color:#0f172a99}.rmp-progress-card-grid strong{color:#fff;margin-top:4px;font-size:26px;font-weight:950;line-height:1;display:block}.theme-light .rmp-progress-card-grid strong{color:#0f172a}.rmp-today-card{display:block}.rmp-today-card-content{width:100%}.rmp-kicker-blue{color:#38bdf8;letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;font-size:11.5px;font-weight:900;display:block}.rmp-today-card h3{color:#fff;margin:0 0 10px;font-size:24px;font-weight:900}.theme-light .rmp-today-card h3{color:#0f172a}.rmp-today-card p{color:#ffffffa6;max-width:100%;margin:0 0 20px;font-size:13.5px;line-height:1.45}.theme-light .rmp-today-card p{color:#475569}.rmp-primary-action-gradient{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:99px;justify-content:center;align-items:center;gap:6px;width:fit-content;margin:12px auto 0;padding:8px 16px;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #8b5cf640}.rmp-primary-action-gradient:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);transform:translateY(-1px);box-shadow:none!important}.rmp-primary-action-gradient span.material-symbols-rounded,.rmp-primary-action-gradient span.material-icons-round{font-size:16px}.rmp-settings-action{color:#38bdf8;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:700;transition:color .2s;display:inline-flex}.rmp-settings-action:hover{color:#60a5fa;box-shadow:none;background:0 0}.rmp-settings-action span.material-symbols-rounded,.rmp-settings-action span.material-icons-round{transform-origin:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:18px;line-height:1;transition:transform .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.rmp-settings-action:hover span.material-symbols-rounded,.rmp-settings-action:hover span.material-icons-round{animation:2s linear infinite rmp-spin-infinite}@keyframes rmp-spin-infinite{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rmp-profile-empty-state{text-align:center;flex-direction:column;align-items:center;padding:10px 0;display:flex}.rmp-profile-folder-illustration{width:80px;height:80px;margin-bottom:12px}.rmp-profile-empty-text{color:#ffffffa6;margin:0 0 20px;font-size:14px}.theme-light .rmp-profile-empty-text{color:#475569}.rmp-outline-action{color:#38bdf8;cursor:pointer;background:0 0;border:1px solid #38bdf8;border-radius:99px;justify-content:center;align-items:center;gap:6px;width:fit-content;margin:0 auto;padding:8px 16px;font-size:13.5px;font-weight:700;transition:all .2s;display:flex}.rmp-outline-action:hover{color:#60a5fa;background:0 0;border-color:#60a5fa;transform:translateY(-1px)}.rmp-outline-action span.material-symbols-rounded,.rmp-outline-action span.material-icons-round{font-size:16px}.rmp-profile-summary-box{flex-direction:column;gap:16px;display:flex}.rmp-profile-info-row{align-items:flex-start;gap:12px;display:flex}.rmp-profile-info-row span.material-icons-round{color:#38bdf8;margin-top:2px;font-size:20px}.rmp-profile-info-row div{flex-direction:column;gap:4px;display:flex}.rmp-profile-info-row strong{color:#fff;font-size:14px;font-weight:700}.theme-light .rmp-profile-info-row strong{color:#0f172a}.rmp-profile-info-row span{color:#ffffffa6;font-size:13px}.theme-light .rmp-profile-info-row span{color:#475569}@keyframes rmp-island-pulse{0%,to{opacity:.72;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}.rmp-workspace-header{border:1px solid var(--line-color);background:var(--surface-color);border-radius:18px;flex:none;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex;box-shadow:0 16px 40px #0f172a14}.rmp-workspace-title{align-items:center;gap:14px;min-width:0;display:flex}.rmp-back-btn,.rmp-icon-btn{border:1px solid var(--line-color);background:var(--surface-strong);width:40px;height:40px;color:var(--text-color);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.rmp-workspace-title h2,.rmp-section-head h3,.rmp-rail-card h3,.rmp-profile-modal h3{color:var(--text-color);letter-spacing:0;margin:0}.rmp-workspace-title h2{font-size:25px;font-weight:900;line-height:1.15}.rmp-kicker{color:var(--subtext-color);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:850;line-height:1;display:block}.rmp-workspace-stats{flex:none;align-items:center;gap:10px;min-width:0;display:flex}.rmp-compact-stat{border:1px solid var(--line-color);background:var(--surface-strong);border-radius:12px;flex-direction:column;gap:2px;min-width:104px;padding:9px 12px;display:flex}.rmp-compact-stat span{color:var(--subtext-color);font-size:11px;font-weight:750}.rmp-compact-stat strong{color:var(--text-color);font-size:16px;font-weight:900;line-height:1}.rmp-progress-compact{min-width:150px;color:var(--text-color);grid-template-columns:38px 1fr;align-items:center;gap:8px;font-size:13px;font-weight:850;display:grid}.rmp-progress-track,.rmp-mini-progress,.rmp-mastery-track{background:#94a3b838;border-radius:999px;overflow:hidden}.rmp-progress-track{height:8px}.rmp-progress-bar-fill,.rmp-mini-progress span,.rmp-mastery-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent-color), #22c55e);height:100%;display:block}.rmp-sync-pill{background:var(--accent-soft);color:var(--accent-color);border-radius:999px;padding:8px 10px;font-size:12px;font-weight:850}.rmp-sync-pill.error{color:#ef4444;background:#ef444424}.rmp-workspace-body{flex:auto;min-height:0;display:block;position:relative;overflow:hidden}.rmp-workspace-main{grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:18px;height:100%;display:grid}.rmp-course-ladder,.rmp-action-rail{min-height:0}.rmp-course-ladder{border:1px solid var(--line-color);background:var(--surface-color);border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 44px #0f172a14}.rmp-section-head{border-bottom:1px solid var(--line-color);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.rmp-section-head h3,.rmp-rail-card h3{font-size:22px;font-weight:900;line-height:1.15}.rmp-ladder-list{flex-direction:column;flex:auto;gap:10px;min-height:0;padding:12px;display:flex;overflow:auto}.rmp-ladder-item{border:1px solid var(--line-color);background:var(--surface-strong);width:100%;min-height:86px;color:var(--text-color);text-align:left;cursor:pointer;border-radius:16px;grid-template-columns:42px minmax(0,1fr) minmax(130px,190px);align-items:center;gap:14px;padding:14px 16px;transition:border-color .18s,transform .18s,background .18s;display:grid}.rmp-ladder-item:hover,.rmp-ladder-item.selected{border-color:#2563eb8c;transform:translateY(-1px)}.rmp-ladder-item.locked{cursor:pointer;opacity:.72}.rmp-ladder-item.completed{border-color:#16a34a61}.rmp-ladder-index{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-color);border-radius:12px;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:inline-flex}.rmp-ladder-item.completed .rmp-ladder-index{color:var(--success-color);background:#16a34a24}.rmp-ladder-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.rmp-ladder-copy strong{color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;line-height:1.25;overflow:hidden}.rmp-ladder-copy span,.rmp-ladder-copy small{color:var(--subtext-color);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.35;overflow:hidden}.rmp-ladder-progress{flex-direction:column;align-items:flex-end;gap:8px;min-width:0;display:flex}.rmp-ladder-status{width:fit-content;color:var(--subtext-color);white-space:nowrap;background:#94a3b826;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.rmp-ladder-status.unlocked{background:var(--accent-soft);color:var(--accent-color)}.rmp-ladder-status.completed{color:var(--success-color);background:#16a34a24}.rmp-mini-progress{width:120px;height:6px}.rmp-island-rail::-webkit-scrollbar{width:6px}.rmp-island-rail::-webkit-scrollbar-track{background:0 0}.rmp-island-rail::-webkit-scrollbar-thumb{background:#0000001f;border-radius:99px}.theme-dark .rmp-island-rail::-webkit-scrollbar-thumb{background:#ffffff1f}.rmp-island-rail::-webkit-scrollbar-thumb:hover{background:#0000003d}.theme-dark .rmp-island-rail::-webkit-scrollbar-thumb:hover{background:#ffffff3d}.rmp-rail-card{border:1px solid var(--line-color);background:var(--surface-color);border-radius:20px;padding:18px;box-shadow:0 18px 44px #0f172a14}.rmp-today-card p{color:var(--subtext-color);margin:10px 0 16px;font-size:14px;line-height:1.45}.rmp-primary-action,.rmp-secondary-action,.rmp-text-action{cursor:pointer;white-space:nowrap;border:none;font-weight:900}.rmp-primary-action{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:99px;justify-content:center;align-items:center;gap:6px;padding:11px 24px;transition:all .2s;display:inline-flex}.rmp-primary-action:hover{background:linear-gradient(135deg,#1d4ed8 0%,#172554 100%);transform:translateY(-1px)}.theme-dark .rmp-primary-action{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.theme-dark .rmp-primary-action:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}.rmp-secondary-action{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:99px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;transition:all .2s;display:inline-flex}.rmp-secondary-action:hover{color:#0f172a;background:#f1f5f9}.theme-dark .rmp-secondary-action{color:#cbd5e1;background:#1e293b;border-color:#ffffff14}.theme-dark .rmp-secondary-action:hover{color:#fff;background:#334155}.rmp-secondary-action.wide{width:100%}.rmp-text-action{color:var(--accent-color);background:0 0;padding:0}.rmp-rail-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.rmp-profile-summary,.rmp-profile-empty{color:var(--subtext-color);flex-direction:column;gap:8px;font-size:13px;line-height:1.4;display:flex}.rmp-profile-summary strong{color:var(--text-color);font-size:15px}.rmp-mastery-track{height:7px}.rmp-empty-state{min-height:320px;color:var(--subtext-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.rmp-empty-state .material-symbols-rounded{color:var(--accent-color);font-size:36px}.rmp-empty-state strong{color:var(--text-color);font-size:18px}.rmp-modal-backdrop{z-index:10050;background:#0206179e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.rmp-profile-modal{color:#0f172a;background:#fff;border-radius:22px;width:min(760px,100%);max-height:min(760px,100vh - 48px);padding:28px;overflow:auto;box-shadow:0 20px 50px #0000000f;border:none!important}.theme-dark .rmp-profile-modal{color:#f1f5f9;box-shadow:0 25px 50px #0006;background:#0f172a!important}.rmp-profile-modal .rmp-icon-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;transition:all .2s;display:inline-flex}.rmp-profile-modal .rmp-icon-btn:hover{color:#0f172a;background:#e2e8f0}.theme-dark .rmp-profile-modal .rmp-icon-btn{color:#cbd5e1;background:#ffffff0d;border-color:#ffffff1a}.theme-dark .rmp-profile-modal .rmp-icon-btn:hover{color:#fff;background:#ffffff1a}.rmp-modal-head,.rmp-modal-footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.rmp-modal-section{border-top:1px solid var(--line-color);margin-top:12px;padding-top:12px}.rmp-modal-section h4{color:var(--text-color);margin:0 0 10px;font-size:14px;font-weight:900}.rmp-modal-footer{border-top:1px solid var(--line-color);margin-top:12px;padding-top:12px}@media (width<=1080px){.roadmap-full-page.rmp-workspace{padding:18px 18px 92px}.rmp-workspace-main{grid-template-columns:1fr;overflow:auto}.rmp-course-ladder{min-height:520px}}@media (width<=760px){.roadmap-full-page.rmp-workspace{width:100%;height:auto;min-height:100dvh;padding:14px 14px 88px;position:relative;overflow:visible}.rmp-workspace-header{flex-direction:column;align-items:flex-start;padding:14px}.rmp-workspace-stats{grid-template-columns:1fr 1fr;width:100%;display:grid}.rmp-progress-compact{grid-column:1/-1;width:100%}.rmp-workspace-body{overflow:visible}.rmp-workspace-main{height:auto;overflow:visible}.rmp-course-ladder{min-height:0}.rmp-section-head{flex-direction:column;align-items:flex-start}.rmp-ladder-item{grid-template-columns:34px minmax(0,1fr)}.rmp-ladder-progress{grid-column:2;align-items:flex-start}.rmp-mini-progress{width:100%}.rmp-placement-question{grid-template-columns:1fr;align-items:stretch}.rmp-placement-options{grid-template-columns:1fr}.rmp-modal-footer{flex-direction:column;align-items:stretch}}.page-roadmap .content-wrapper{padding:0!important}.page-roadmap main.authenticated-content{width:100vw!important;max-width:100%!important;margin:0!important;padding:0!important}.page-roadmap main.authenticated-content>section.roadmap-full-page{box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}.page-roadmap .landing-footer{display:none!important}.roadmap-full-page{z-index:9999;width:100vw;height:100vh;box-shadow:none;--text-color:var(--neutral-800);--subtext-color:var(--neutral-600);border-radius:0;flex-direction:row;display:flex;position:fixed;top:0;left:0;overflow:hidden}.roadmap-full-page.theme-dark{--text-color:#eff4ff;--subtext-color:#fff9}.roadmap-left-sidebar{-webkit-backdrop-filter:blur(16px);box-sizing:border-box;z-index:10;text-align:left;background:#ffffffbf;border:none;border-right:1px solid #00000014;border-radius:0;flex-direction:column;flex-shrink:0;gap:24px;width:350px;height:100%;padding:28px 24px;display:flex;overflow-y:auto}.roadmap-full-page.theme-dark .roadmap-left-sidebar{background:#0f172a73;border-right-color:#ffffff14}.react-flow__controls{-webkit-backdrop-filter:blur(12px)!important;background:#ffffffbf!important;border:1px solid #00000014!important;border-radius:12px!important;flex-direction:column!important;gap:6px!important;margin:0!important;padding:6px!important;display:flex!important;inset:auto auto 20px 20px!important;box-shadow:0 8px 32px #00000040!important}.roadmap-full-page.theme-dark .react-flow__controls{background:#0f172a73!important;border-color:#ffffff1a!important}.roadmap-full-page.theme-dark .react-flow__controls-button{color:#e2e8f0!important;background:#ffffff0f!important}.react-flow__controls-button:hover{color:#fff!important;box-shadow:none!important;background:#fb923c!important;transform:translateY(-2px)!important}.game-title{letter-spacing:-.5px;font-size:20px;font-weight:950}.flow-workspace-wrapper{width:100%;height:100%;position:relative;overflow:hidden;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.flashcard-container{perspective:1000px;cursor:pointer;width:100%;height:180px}.flashcard-inner{width:100%;height:100%;position:relative}.flashcard-front,.flashcard-back{backface-visibility:hidden;text-align:center;transition:transform .6s cubic-bezier(.175,.885,.32,1.275),z-index .6s;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;-webkit-transition:-webkit-transform .6s cubic-bezier(.175,.885,.32,1.275),z-index .6s;display:flex;position:absolute;box-shadow:0 4px 15px #00000026}.flashcard-front{color:var(--text-color);z-index:2;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #00000014;transform:rotateY(0)}.roadmap-full-page.theme-dark .flashcard-front{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#ffffff14}.flashcard-inner.flipped .flashcard-front{z-index:1;transform:rotateY(-180deg)}.flashcard-back{color:#0369a1;z-index:1;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1.5px solid #60a5fa;transform:rotateY(180deg)}.roadmap-full-page.theme-dark .flashcard-back{color:#fff;background:linear-gradient(135deg,#312e81,#1e1b4b)}.flashcard-inner.flipped .flashcard-back{z-index:2;transform:rotateY(0)}.roadmap-details-panel{-webkit-backdrop-filter:blur(16px);z-index:100;background:#ffffffbf;border-left:1px solid #00000014;flex-direction:column;gap:20px;width:380px;height:100%;padding:24px;transition:right .35s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;right:-420px;overflow-y:auto;box-shadow:-10px 0 35px #0000004d}.roadmap-full-page.theme-dark .roadmap-details-panel{background:#0f172a73;border-left-color:#ffffff14}.roadmap-details-panel.open{right:0}.roadmap-details-header{-webkit-backdrop-filter:blur(20px)saturate(120%);z-index:10;background:#fffffffa;border-bottom:1px solid #00000014;flex-shrink:0;justify-content:space-between;align-items:flex-start;margin-top:-24px;margin-left:-24px;margin-right:-24px;padding:24px 24px 16px;display:flex;position:sticky;top:-24px}.roadmap-full-page.theme-dark .roadmap-details-header{background:#0f172af5;border-bottom-color:#ffffff14}.rmp-root-node{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border:3px solid #fb923c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;transition:transform .2s;display:flex;position:relative;box-shadow:0 0 25px #fb923c73}.rmp-root-node.selected{border-color:#f97316;box-shadow:0 0 25px #f97316bf,0 0 0 2px #f97316}.rmp-root-icon{color:#fb923c;font-size:32px}.rmp-root-tag{color:#fb923c;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:8px;font-weight:900}html body .react-flow__handle.rmp-node-handle{border:1px solid #fff;width:8px;height:8px}html body .react-flow__handle.rmp-node-handle-top{top:-4px}html body .react-flow__handle.rmp-node-handle-bottom{bottom:-4px}html body .react-flow__handle.rmp-root-handle{background:#fb923c;border:1px solid #fff;width:8px;height:8px;bottom:-4px}html body .react-flow__handle.rmp-node-handle.locked{background:#6b7280}html body .react-flow__handle.rmp-node-handle.completed{background:#10b981}html body .react-flow__handle.rmp-node-handle.category-vocabulary{background:#fb923c}html body .react-flow__handle.rmp-node-handle.category-grammar{background:#60a5fa}html body .react-flow__handle.rmp-node-handle.category-skills{background:#a78bfa}html body .react-flow__handle.rmp-node-handle.category-pronunciation{background:#f43f5e}.rmp-node-wrapper{opacity:1;position:relative}.rmp-node-wrapper.locked{opacity:.55}.rmp-node-btn{text-align:left;color:#1e293b;background:#f8fafce6;border:1px solid #00000014;border-radius:14px;outline:none;flex-direction:column;width:160px;padding:12px 14px;transition:all .2s;display:flex;position:relative}.theme-dark .rmp-node-btn{color:#eff4ff;background:#1e293bb3;border-color:#ffffff14}.rmp-node-btn.is-locked{cursor:not-allowed;background:#f1f5f966;border-style:dashed;border-color:#00000026}.theme-dark .rmp-node-btn.is-locked{background:#0f172a66;border-color:#ffffff26}.rmp-node-btn.is-locked.is-selected{box-shadow:0 0 15px var(--node-theme-color-glow)}.rmp-node-btn.is-completed{background:#10b9810d;border-color:#10b981;box-shadow:0 0 15px #10b98133}.theme-dark .rmp-node-btn.is-completed{background:#10b98114;border-color:#10b981}.rmp-node-btn.is-completed.is-selected{border-width:2px;box-shadow:0 0 20px #10b98199}.rmp-node-btn.is-unlocked{border-color:var(--node-theme-color);box-shadow:0 0 15px var(--node-theme-color-glow);background:#fff}.theme-dark .rmp-node-btn.is-unlocked{background:#1e293bf2}.rmp-node-btn.is-unlocked.is-selected{box-shadow:0 0 20px var(--node-theme-color);border-width:2.5px}.category-vocabulary{--node-theme-color:#fb923c;--node-theme-color-glow:#fb923c33}.category-grammar{--node-theme-color:#60a5fa;--node-theme-color-glow:#60a5fa33}.category-skills{--node-theme-color:#a78bfa;--node-theme-color-glow:#a78bfa33}.category-pronunciation{--node-theme-color:#f43f5e;--node-theme-color-glow:#f43f5e33}.rmp-level-badge{background:var(--node-theme-color);color:#fff;text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.is-locked .rmp-level-badge{background:#6b7280}.rmp-completed-icon{color:#10b981;font-size:16px;font-weight:700}.rmp-lock-icon{color:#64748b;font-size:14px}.theme-dark .rmp-lock-icon{color:#94a3b8}.rmp-unlocked-dot{background:var(--node-theme-color);border-radius:50%;width:6px;height:6px;display:inline-block}.rmp-node-label{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:13px;font-weight:800;display:block;overflow:hidden}.rmp-node-sublabel{color:#00000080;margin-top:2px;font-size:10px;display:block}.theme-dark .rmp-node-sublabel{color:#ffffff80}.rmp-starfield{opacity:.6}.rmp-sidebar-title-section{flex-direction:column;gap:12px;display:flex}.rmp-flex-align-center-gap-8{align-items:center;gap:8px;display:flex}.rmp-back-btn{cursor:pointer;color:var(--text-color);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.rmp-icon-22{font-size:22px}.rmp-badge-premium{padding:3px 8px;font-size:9px;font-weight:700}.rmp-icon-11-mr-3{margin-right:3px;font-size:11px}.rmp-title-main{color:#0000;background-image:linear-gradient(90deg,#fb923c,#f43f5e);-webkit-background-clip:text;background-clip:text;margin:0;font-size:22px;font-weight:950;line-height:1.2}.rmp-sidebar-desc{color:var(--subtext-color);margin:0;font-size:12.5px;line-height:1.5}.rmp-sidebar-divider{border:none;border-top:1px solid #00000014;margin:0}.roadmap-full-page.theme-dark .rmp-sidebar-divider{border-top-color:#ffffff14}.rmp-sidebar-stats-section{flex-direction:column;gap:16px;display:flex}.rmp-sidebar-stats-header{text-transform:uppercase;letter-spacing:.5px;color:#0006;margin:0;font-size:13.5px;font-weight:800}.roadmap-full-page.theme-dark .rmp-sidebar-stats-header{color:#fff6}.rmp-sidebar-stats-cards-wrapper{flex-direction:column;gap:12px;display:flex}.rmp-sidebar-stat-card{background:#00000005;border:1px solid #0000000d;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.roadmap-full-page.theme-dark .rmp-sidebar-stat-card{background:#ffffff08;border-color:#ffffff0d}.rmp-color-orange{color:#fb923c}.rmp-color-green{color:#10b981}.rmp-icon-24{font-size:24px}.rmp-flex-col{flex-direction:column;display:flex}.rmp-subtext-11-5{color:var(--subtext-color);font-size:11.5px}.rmp-xp-strong{color:#fb923c;font-size:16px;font-weight:900}.rmp-completed-strong{color:#10b981;font-size:15px;font-weight:900}.rmp-sidebar-progress-card{background:#10b98105;border:1px solid #10b9811a;border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.roadmap-full-page.theme-dark .rmp-sidebar-progress-card{background:#10b9810a;border-color:#10b98126}.rmp-flex-between-center{justify-content:space-between;align-items:center;display:flex}.rmp-subtext-12{color:var(--subtext-color);font-size:12px}.rmp-progress-percent-text{color:#10b981;font-size:13px;font-weight:900}.rmp-progress-track{background:#0000000f;border-radius:999px;width:100%;height:8px;overflow:hidden}.roadmap-full-page.theme-dark .rmp-progress-track{background:#ffffff14}.rmp-progress-bar{background:linear-gradient(90deg,#10b981,#34d399);border-radius:999px;height:100%;transition:width .4s}.rmp-main-body{flex:1;height:100%;position:relative;overflow:hidden}.rmp-loader-content{flex-direction:column;align-items:center;gap:12px;display:flex}.rmp-loader-spinner{color:#fb923c;font-size:48px;animation:2s linear infinite spin}.rmp-loader-title{font-size:14px;font-weight:700}.rmp-matching-grid{background:#0000000d;border-radius:20px;grid-template-columns:1fr;gap:20px;padding:20px;display:grid}.rmp-test-title{margin:0;font-weight:900}.rmp-test-nodes-wrapper{flex-wrap:wrap;gap:12px;display:flex}.rmp-drawer-level-badge{color:#fff;text-transform:uppercase;background:#60a5fa;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:900}.rmp-drawer-subtitle{color:var(--subtext-color);font-size:12px}.rmp-concept-list{flex-direction:column;gap:6px;display:flex}.rmp-concept-item{align-items:flex-start;gap:8px;font-size:13px;display:flex}.rmp-concept-bullet{color:#fb923c;margin-top:1px;font-weight:700}.rmp-concept-text{color:var(--text-color)}.rmp-flex-between-center-mb-8{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.rmp-flashcard-tip{color:#60a5fa;font-size:11.5px;font-weight:700}.rmp-flashcard-word{color:#fb923c;font-size:24px;font-weight:900}.rmp-flashcard-pos{color:var(--subtext-color);margin-top:4px;font-family:monospace;font-size:12px}.rmp-flashcard-ipa{color:var(--subtext-color);margin-top:4px;font-family:monospace;font-size:13px}.rmp-flashcard-action-instruction{color:#94a3b8;border:1px dashed #94a3b84d;border-radius:4px;margin-top:16px;padding:2px 8px;font-size:11px}.rmp-flashcard-meaning{font-size:20px;font-weight:900}.rmp-flashcard-meaning-small{font-size:18px;font-weight:900}.rmp-flashcard-example{opacity:.9;margin-top:10px;font-size:12.5px;font-style:italic}.rmp-flashcard-definition{opacity:.9;margin-top:10px;font-size:11.5px;font-style:italic}.rmp-flex-between-center-mt-10{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.rmp-btn-small{padding:6px 12px;font-size:12px}.rmp-btn-xsmall{padding:4px 10px;font-size:11.5px}.rmp-drawer-bottom-actions{flex-direction:column;gap:10px;margin-top:auto;padding-top:10px;display:flex}.rmp-success-message{text-align:center;color:#10b981;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.rmp-drawer-desc{color:var(--subtext-color);margin:0;font-size:13.5px;line-height:1.6}.rmp-flex-col-gap-16{flex-direction:column;gap:16px;height:100%;display:flex}.rmp-lesson-list{flex-direction:column;gap:8px;max-height:180px;padding-right:4px;display:flex;overflow-y:auto}.rmp-lesson-title{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;font-weight:600;overflow:hidden}.rmp-lesson-completed-status{color:#10b981;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.rmp-empty-lessons{color:var(--subtext-color);font-size:12.5px;font-style:italic}.rmp-vocab-section{flex-direction:column;gap:10px;display:flex}.rmp-cert-code{color:var(--subtext-color);font-size:11px}.rmp-icon-18{font-size:18px}@media (width<=768px){.roadmap-full-page{flex-direction:column!important;width:100vw!important;height:100vh!important}.roadmap-left-sidebar{border-bottom:1px solid #00000014!important;border-right:none!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;height:auto!important;padding:12px 16px!important}.roadmap-full-page.theme-dark .roadmap-left-sidebar{border-bottom-color:#ffffff14!important}.roadmap-sidebar-headings .roadmap-sidebar-desc,.roadmap-sidebar-divider,.roadmap-sidebar-stats-section,.roadmap-sidebar-sync-card{display:none!important}.roadmap-sidebar-footer{width:auto!important;margin-top:0!important}.roadmap-exit-text{display:none!important}.roadmap-sidebar-footer button{border-radius:8px!important;padding:8px!important}.roadmap-details-panel{border-top:1px solid #0000001a;border-left:none;border-radius:24px 24px 0 0;width:100%;height:85%;transition:bottom .35s cubic-bezier(.16,1,.3,1);top:auto;bottom:-100%;right:0;box-shadow:0 -10px 30px #00000040}.roadmap-full-page.theme-dark .roadmap-details-panel{border-top-color:#ffffff1a}.roadmap-details-panel.open{bottom:0;right:0}.roadmap-details-panel.open .roadmap-details-header{border-top-left-radius:24px!important;border-top-right-radius:24px!important}}.roadmap-full-page{color:var(--text-color)}.rmp-subtext{color:var(--subtext-color)}.rmp-back-btn{color:var(--text-color);cursor:pointer;background:0 0;border:none;align-items:center;margin-left:-6px;padding:6px;display:flex}.roadmap-sidebar-stat-card.xp{background:#fb923c0d!important;border:1px solid #fb923c1a!important}.theme-dark .roadmap-sidebar-stat-card.xp{background:#fb923c14!important;border:1px solid #fb923c26!important}.roadmap-sidebar-stat-card.completed{background:#10b9810d!important;border:1px solid #10b9811a!important}.theme-dark .roadmap-sidebar-stat-card.completed{background:#10b98114!important;border:1px solid #10b98126!important}.roadmap-sidebar-progress-card-override{background:#00000005!important;border:1px solid #0000000d!important}.theme-dark .roadmap-sidebar-progress-card-override{background:#ffffff08!important;border:1px solid #ffffff0f!important}.rmp-loading-overlay{z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f8fafcb3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.theme-dark .rmp-loading-overlay{background:#0b0f19b3}.rmp-loading-content{flex-direction:column;align-items:center;gap:12px;display:flex}.rmp-loading-spinner{color:#fb923c;animation:2s linear infinite spin;font-size:48px!important}.rmp-loading-text{font-size:14px;font-weight:700}.rmp-flashcard-def-small{opacity:.9;margin-top:10px;font-size:11.5px;font-style:italic}.rmp-floating-header{z-index:100;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:absolute;top:20px;left:20px}.rmp-header-left{-webkit-backdrop-filter:blur(16px);pointer-events:auto;background:#ffffffd9;border:1px solid #00000014;border-radius:9999px;align-items:center;gap:16px;padding:8px 20px;display:flex;box-shadow:0 10px 30px #0000000f}.roadmap-full-page.theme-dark .rmp-header-left{background:#0f172ad9;border-color:#ffffff14;box-shadow:0 10px 30px #0000004d}.roadmap-header-exit-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.roadmap-header-exit-btn:hover{color:#fff;background:#fb923c}.roadmap-full-page.theme-dark .roadmap-header-exit-btn{color:#f1f5f9;background:#334155}.roadmap-full-page.theme-dark .roadmap-header-exit-btn:hover{color:#fff;background:#fb923c}.rmp-floating-stats-card{z-index:100;-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #00000014;border-radius:16px;align-items:center;gap:16px;padding:8px 16px;display:flex;position:absolute;top:20px;right:170px;box-shadow:0 10px 30px #0000000f}.roadmap-full-page.theme-dark .rmp-floating-stats-card{background:#0f172ad9;border-color:#ffffff14;box-shadow:0 10px 30px #0000004d}.rmp-stat-item{color:var(--text-color);align-items:center;gap:6px;font-size:12.5px;font-weight:750;display:flex}.rmp-stat-progress{border-left:1px solid #00000014;align-items:center;gap:8px;padding-left:14px;display:flex}.roadmap-full-page.theme-dark .rmp-stat-progress{border-left-color:#ffffff14}.rmp-progress-label{color:#10b981;font-size:12px;font-weight:800}.rmp-floating-stats-card .rmp-progress-track{background:#0000000f;border-radius:999px;width:70px;height:6px;overflow:hidden}.roadmap-full-page.theme-dark .rmp-floating-stats-card .rmp-progress-track{background:#ffffff14}.rmp-floating-stats-card .rmp-progress-bar-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:999px;height:100%}.rmp-sync-status{border-left:1px solid #00000014;align-items:center;padding-left:12px;display:flex}.roadmap-full-page.theme-dark .rmp-sync-status{border-left-color:#ffffff14}.rmp-sync-icon-small{color:#10b981;font-size:18px!important}.rmp-sync-icon-small.syncing{color:#fb923c;animation:2s linear infinite spin}.rmp-sync-icon-small.error{color:#ef4444}.rmp-next-action-card{z-index:100;-webkit-backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #00000014;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;width:min(390px,100vw - 340px);padding:14px 16px;display:flex;position:absolute;top:82px;right:170px;box-shadow:0 16px 40px #0f172a1f}.roadmap-full-page.theme-dark .rmp-next-action-card{background:#0f172ae6;border-color:#ffffff1a;box-shadow:0 18px 44px #00000059}.rmp-next-action-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.rmp-next-action-kicker{color:#fb923c;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900}.rmp-next-action-copy strong{color:var(--text-color);font-size:15px;line-height:1.25}.rmp-next-action-copy span:last-child{color:var(--subtext-color);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.rmp-next-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#fb923c,#f97316);border:none;border-radius:999px;flex:none;padding:9px 15px;font-size:12.5px;font-weight:850;box-shadow:0 8px 20px #f9731647}.rmp-profile-card{z-index:100;-webkit-backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #00000014;border-radius:18px;flex-direction:column;gap:10px;width:min(560px,100vw - 340px);padding:14px 16px;display:flex;position:absolute;top:154px;right:170px;box-shadow:0 16px 40px #0f172a1a}.rmp-profile-card.is-saved{flex-direction:row;justify-content:space-between;align-items:center;width:min(430px,100vw - 340px)}.roadmap-full-page.theme-dark .rmp-profile-card{background:#0f172ae0;border-color:#ffffff1a;box-shadow:0 18px 44px #00000052}.rmp-profile-copy,.rmp-profile-setup-head{flex-direction:column;gap:3px;min-width:0;display:flex}.rmp-profile-kicker{color:#22c55e;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900}.rmp-profile-copy strong,.rmp-profile-setup-head strong{color:var(--text-color);font-size:14px;line-height:1.25}.rmp-profile-copy span:last-child{color:var(--subtext-color);font-size:12px;line-height:1.35}.rmp-profile-control-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rmp-profile-chip,.rmp-profile-save-btn,.rmp-profile-reset-btn{color:var(--text-color);cursor:pointer;background:#ffffff9e;border:1px solid #94a3b840;border-radius:999px;padding:7px 11px;font-size:11.5px;font-weight:800}.roadmap-full-page.theme-dark .rmp-profile-chip,.roadmap-full-page.theme-dark .rmp-profile-save-btn,.roadmap-full-page.theme-dark .rmp-profile-reset-btn{background:#ffffff0f;border-color:#ffffff1a}.rmp-profile-chip.active,.rmp-profile-save-btn{color:#16a34a;background:#22c55e24;border-color:#22c55e73}.rmp-profile-minutes{color:var(--subtext-color);align-items:center;gap:6px;font-size:11.5px;font-weight:750;display:inline-flex}.rmp-profile-minutes input{width:58px;color:var(--text-color);background:#ffffff9e;border:1px solid #94a3b840;border-radius:10px;padding:6px 8px;font-weight:800}.roadmap-full-page.theme-dark .rmp-profile-minutes input{background:#ffffff0f;border-color:#ffffff1a}.rmp-placement-grid{grid-template-columns:1fr;gap:8px;padding-top:2px;display:grid}.rmp-placement-question{grid-template-columns:74px 1fr;align-items:center;gap:9px;display:grid}.rmp-placement-question>span{color:var(--subtext-color);font-size:11.5px;font-weight:850}.rmp-placement-options{grid-template-columns:1fr 1fr;gap:6px;display:grid}.rmp-placement-option{min-height:30px;color:var(--text-color);text-align:left;cursor:pointer;background:#ffffff80;border:1px solid #94a3b838;border-radius:10px;padding:6px 8px;font-size:11px;font-weight:750}.roadmap-full-page.theme-dark .rmp-placement-option{background:#ffffff0d;border-color:#ffffff1a}.rmp-placement-option.active{color:#f97316;background:#fb923c24;border-color:#fb923c7a}.rmp-mastery-card{z-index:100;-webkit-backdrop-filter:blur(18px);background:#ffffffdb;border:1px solid #00000014;border-radius:18px;flex-direction:column;gap:10px;width:min(430px,100vw - 340px);padding:14px 16px;display:flex;position:absolute;top:400px;right:170px;box-shadow:0 16px 40px #0f172a1a}.roadmap-full-page.theme-dark .rmp-mastery-card{background:#0f172adb;border-color:#ffffff1a}.rmp-mastery-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.rmp-mastery-head strong{color:var(--text-color);font-size:12px}.rmp-mastery-list{flex-direction:column;gap:8px;display:flex}.rmp-mastery-item{color:var(--subtext-color);grid-template-columns:84px 1fr 40px;align-items:center;gap:9px;font-size:11.5px;font-weight:800;display:grid}.rmp-mastery-item strong{color:var(--text-color);text-align:right}.rmp-mastery-track{background:#94a3b82e;border-radius:999px;height:7px;overflow:hidden}.rmp-mastery-fill{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#fb923c);height:100%}.rmp-header-title-container{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.rmp-header-title-container .roadmap-sidebar-desc{opacity:.8;color:var(--subtext-color);max-width:400px;margin:0;font-size:11px;line-height:1.3}.rmp-timeline-container{background:0 0;width:100%;height:100%;position:relative;overflow:hidden}.rmp-timeline-scroll{scroll-behavior:smooth;width:100%;height:100%;padding-top:80px;overflow:hidden auto}.rmp-timeline-scroll::-webkit-scrollbar{width:8px}.rmp-timeline-scroll::-webkit-scrollbar-track{background:#00000008}.rmp-timeline-scroll::-webkit-scrollbar-thumb{background:#fb923c40;border-radius:999px}.rmp-timeline-scroll::-webkit-scrollbar-thumb:hover{background:#fb923c73}.rmp-timeline-track{background:0 0;width:360px;margin:0 auto;position:relative}.rmp-timeline-svg{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.rmp-svg-line-shadow{stroke:#0000000d;stroke-width:12px;stroke-linecap:round}.roadmap-full-page.theme-dark .rmp-svg-line-shadow{stroke:#ffffff0a}.rmp-svg-line{stroke-width:6px;stroke-linecap:round;fill:none;transition:all .3s}.rmp-svg-line.completed{stroke:#10b981;filter:none!important}.rmp-svg-line.active{stroke:#fb923c;stroke-dasharray:10 10;animation:20s linear infinite flowPath;filter:none!important}.rmp-svg-line.locked{stroke:#94a3b833}.rmp-timeline-node-wrapper{z-index:5;pointer-events:none;flex-direction:column;align-items:center;width:180px;height:190px;margin-top:-36px;margin-left:-90px;display:flex;position:absolute}.rmp-timeline-node-circle{-webkit-backdrop-filter:blur(8px);cursor:pointer;pointer-events:auto;background:#ffffffd9;border:4px solid #00000014;border-radius:50%;outline:none;justify-content:center;align-items:center;width:72px;height:72px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 15px #00000014}.roadmap-full-page.theme-dark .rmp-timeline-node-circle{background:#0f172ab3;border-color:#ffffff1f;box-shadow:0 4px 15px #00000059}.rmp-timeline-node-circle.category-start{box-shadow:0 0 15px #fb923c4d;border-color:#fb923c!important}.rmp-timeline-node-circle.category-vocabulary.unlocked{border-color:#3b82f6!important}.rmp-timeline-node-circle.category-grammar.unlocked{border-color:#10b981!important}.rmp-timeline-node-circle.category-pronunciation.unlocked{border-color:#8b5cf6!important}.rmp-timeline-node-circle.category-skills.unlocked{border-color:#ec4899!important}.rmp-timeline-node-circle:hover{transform:scale(1.12);box-shadow:none!important}.rmp-timeline-node-circle.completed{background:#10b9811a;box-shadow:0 0 15px #10b98140;border-color:#10b981!important}.rmp-timeline-node-circle.unlocked{animation:2s infinite alternate pulse-node-glow}.rmp-timeline-node-circle.locked{opacity:.5;cursor:not-allowed;background:#f1f5f966}.roadmap-full-page.theme-dark .rmp-timeline-node-circle.locked{background:#0f172a66}.rmp-timeline-node-circle.selected{border-width:5px;border-color:#f97316!important;box-shadow:0 0 25px #f9731699!important}.rmp-node-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.category-start .rmp-node-icon-circle{color:#fff;background:linear-gradient(135deg,#f97316,#fb923c)}.category-vocabulary .rmp-node-icon-circle{color:#fff;background:linear-gradient(135deg,#3b82f6,#60a5fa)}.category-grammar .rmp-node-icon-circle{color:#fff;background:linear-gradient(135deg,#10b981,#34d399)}.category-pronunciation .rmp-node-icon-circle{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.category-skills .rmp-node-icon-circle{color:#fff;background:linear-gradient(135deg,#ec4899,#f472b6)}.rmp-node-icon{font-size:24px!important}.rmp-node-check-icon{color:#10b981;background:#fff;border-radius:50%;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 5px #0003;font-size:20px!important}.roadmap-full-page.theme-dark .rmp-node-check-icon{background:#0f172a}.rmp-node-lock-icon{color:#64748b;background:#fff;border-radius:50%;padding:1px;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 5px #0003;font-size:18px!important}.roadmap-full-page.theme-dark .rmp-node-lock-icon{background:#0f172a}.rmp-node-unlocked-pulse{border:2px solid var(--node-theme-color,#fb923c);pointer-events:none;border-radius:50%;width:100%;height:100%;animation:1.5s infinite pulse-ring;position:absolute}.rmp-node-label-block{text-align:center;flex-direction:column;align-items:center;gap:2px;width:100%;margin-top:10px;display:flex}.rmp-node-level-tag{text-transform:uppercase;color:var(--subtext-color);background:#0000000f;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:800}.roadmap-full-page.theme-dark .rmp-node-level-tag{background:#ffffff14}.rmp-node-title-text{color:var(--text-color);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:170px;margin:0;font-size:13px;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.rmp-node-status-text{font-size:9.5px;font-weight:750}.rmp-node-status-text.completed{color:#10b981}.rmp-node-status-text.unlocked{color:#fb923c}.rmp-node-status-text.locked{color:#64748b}.rmp-node-lock-reason{color:#94a3b8;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:170px;font-size:9.5px;font-weight:650;line-height:1.25;display:-webkit-box;overflow:hidden}.rmp-drawer-tabs{background:#00000008;border-radius:12px;margin-top:8px;margin-bottom:8px;padding:4px;display:flex}.roadmap-full-page.theme-dark .rmp-drawer-tabs{background:#ffffff0d}.rmp-drawer-tab-btn{color:var(--subtext-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:12.5px;font-weight:750;transition:all .2s}.rmp-drawer-tab-btn.active{color:#fb923c;background:#fff;box-shadow:0 4px 10px #0000000f}.roadmap-full-page.theme-dark .rmp-drawer-tab-btn.active{color:#fb923c;background:#1e293b;box-shadow:0 4px 10px #0000004d}.rmp-tab-pane{flex-direction:column;gap:16px;animation:.3s fadeIn;display:flex}.rmp-lesson-actions{flex:none;align-items:center;gap:6px;display:inline-flex}.rmp-open-lesson-btn,.rmp-complete-lesson-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:850}.rmp-open-lesson-btn{color:#2563eb;background:#3b82f624}.rmp-complete-lesson-btn{color:#16a34a;background:#22c55e24}.rmp-complete-lesson-btn:disabled{cursor:progress;opacity:.65}@keyframes flowPath{to{stroke-dashoffset:-100px}}@keyframes pulse-node-glow{0%{box-shadow:0 0 10px #fb923c1a}to{box-shadow:0 0 20px #fb923c73}}@media (width<=768px){.rmp-floating-header{pointer-events:none;gap:8px;width:calc(100% - 24px);position:absolute;top:12px;left:12px;right:12px}.rmp-header-left{box-sizing:border-box;justify-content:space-between;width:100%;padding:6px 12px}.rmp-header-title-container{display:none}.rmp-floating-stats-card{box-sizing:border-box;justify-content:space-between;width:calc(100% - 24px);top:70px;left:12px;right:12px}.rmp-next-action-card{box-sizing:border-box;width:calc(100% - 24px);top:124px;left:12px;right:12px}.rmp-profile-card,.rmp-profile-card.is-saved{box-sizing:border-box;width:calc(100% - 24px);top:198px;left:12px;right:12px}.rmp-profile-card.is-saved{flex-direction:row}.rmp-mastery-card{box-sizing:border-box;width:calc(100% - 24px);top:500px;left:12px;right:12px}.rmp-stat-progress{display:none}.rmp-timeline-scroll{padding-top:616px}}.rmp-mobile-drawer-trigger,.rmp-drawer-close-btn{display:none}.rmp-drawer-backdrop{-webkit-backdrop-filter:blur(4px);z-index:990;background:#0006;animation:.25s ease-out forwards rmp-fade-in;position:fixed;inset:0}@keyframes rmp-fade-in{0%{opacity:0}to{opacity:1}}@media (width<=1180px){.roadmap-full-page.rmp-island-experience{height:100dvh;padding:0;overflow:hidden}.rmp-island-main{grid-template-columns:1fr;height:100%}.rmp-island-map-shell{aspect-ratio:auto;width:100%;height:100%;min-height:0;position:relative;inset:auto}.rmp-island-rail{z-index:999;background:#020617;border-left:1px solid #ffffff14;border-radius:0;flex-direction:column;gap:20px;width:min(430px,85vw);height:100dvh;margin-top:0;padding:72px 24px 24px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;overflow:hidden auto;transform:translate(100%);box-shadow:-10px 0 30px #00000080}.rmp-island-rail.rmp-open{transform:translate(0)}.rmp-drawer-close-btn{color:#ffffffb3;cursor:pointer;z-index:100;box-sizing:border-box;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.rmp-drawer-close-btn span.material-symbols-rounded,.rmp-drawer-close-btn span.material-icons-round{justify-content:center;align-items:center;width:20px;height:20px;font-size:20px;line-height:20px;display:flex}.rmp-drawer-close-btn:hover{color:#fff;background:#ffffff26}.theme-light .rmp-drawer-close-btn{color:#0009;background:#0000000d;border-color:#00000014}.theme-light .rmp-drawer-close-btn:hover{color:#000;background:#0000001a}.rmp-mobile-drawer-trigger{-webkit-backdrop-filter:blur(12px);color:#38bdf8;cursor:pointer;z-index:900;background:#0f172aa6;border:1px solid #38bdf859;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #0006,0 0 12px #38bdf840}.rmp-mobile-drawer-trigger:hover{color:#fff;border-color:#38bdf8;transform:scale(1.08);box-shadow:none!important}.theme-light .rmp-mobile-drawer-trigger{color:#3b82f6;background:#ffffffbf;border-color:#3b82f64d;box-shadow:0 8px 32px #0000001a,0 0 12px #3b82f626}.theme-light .rmp-mobile-drawer-trigger:hover{color:#2563eb;border-color:#3b82f6;box-shadow:none!important}.rmp-mobile-drawer-trigger span.material-symbols-rounded,.rmp-mobile-drawer-trigger span.material-icons-round{font-size:24px}.react-flow__controls{margin:0!important;bottom:16px!important;left:16px!important}}@media (width<=760px){.roadmap-full-page.rmp-island-experience{padding:0}.rmp-island-topbar{border-radius:0}.rmp-island-map-head{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;display:flex;top:16px;left:16px;right:16px}.rmp-island-map-head .rmp-gradient-title{font-size:16px}.rmp-island-node{width:48px;height:48px}.rmp-island-node-icon .material-symbols-rounded{font-size:23px}.rmp-island-node-label{max-width:142px;padding:7px 8px}.rmp-island-node-label small{display:none}.rmp-island-companion{width:74px}}.rmp-neural-shell{box-sizing:border-box;background:radial-gradient(circle,#2563eb0a 0%,#0000 70%);width:100%;min-height:800px;padding:40px 24px;position:relative;overflow:hidden auto}.rmp-neural-trunk-line{background:linear-gradient(to bottom, var(--accent-soft), var(--accent-color), var(--success-color));z-index:1;border-radius:2px;width:4px;position:absolute;top:40px;bottom:40px;left:50%;transform:translate(-50%)}.rmp-neural-milestone{z-index:5;background:var(--surface-strong);border:2px solid var(--accent-color);color:var(--text-color);text-transform:uppercase;letter-spacing:.05em;border-radius:24px;padding:8px 20px;font-size:14px;font-weight:900;transition:all .25s;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #0000001a}.rmp-neural-node-card{z-index:3;width:280px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;transform:translate(-50%,-50%)}.rmp-neural-node-card.align-left{transform:translate(-106%,-50%)}.rmp-neural-node-card.align-right{transform:translate(6%,-50%)}.rmp-neural-btn{border:1px solid var(--line-color);background:var(--surface-color);-webkit-backdrop-filter:blur(16px);text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;gap:8px;width:100%;padding:18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 30px #0f172a08}.rmp-neural-btn:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:none!important}.rmp-neural-btn.unlocked{border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-soft), 0 8px 30px #0f172a0a}.rmp-neural-btn.completed{border-color:var(--success-color)}.rmp-neural-btn.locked{opacity:.65;cursor:not-allowed;background:#e2e8f00d}.rmp-neural-svg{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rmp-neural-path{fill:none;stroke-linecap:round;stroke-linejoin:round;transition:all .4s}.rmp-neural-path.completed{stroke:var(--success-color);stroke-width:4px}.rmp-neural-path.active{stroke:var(--accent-color);stroke-width:4px;stroke-dasharray:6 6;animation:30s linear infinite strokeFlow}.rmp-neural-path.locked{stroke:var(--line-color);stroke-width:2px;stroke-dasharray:4 4}@keyframes strokeFlow{to{stroke-dashoffset:-1000px}}@media (width<=768px){.rmp-neural-trunk-line{left:28px;transform:none}.rmp-neural-milestone{padding:6px 12px;font-size:11px;left:28px;transform:translateY(-50%)}.rmp-neural-node-card{width:calc(100% - 72px);left:54px!important}.rmp-neural-node-card.align-left,.rmp-neural-node-card.align-right{transform:translateY(-50%)}}.rmp-mode-toggle-group{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#0f172a59;border:1px solid #ffffff14;border-radius:99px;gap:4px;padding:4px;display:flex}.theme-light .rmp-mode-toggle-group{background:#f1f5f9a6;border-color:#00000014}.rmp-mode-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:99px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.theme-light .rmp-mode-btn{color:#64748b}.rmp-mode-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #2563eb40}.rmp-mode-btn:hover:not(.active){color:#eff4ff;background:#ffffff0f}.theme-light .rmp-mode-btn:hover:not(.active){color:#0f172a;background:#0000000a}.rmp-survey-wizard-container{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 280px);padding:24px;display:flex}.rmp-survey-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-sizing:border-box;background:#1e293b73;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:600px;padding:32px;box-shadow:0 20px 50px #0000004d}.theme-light .rmp-survey-card{background:#ffffffbf;border-color:#00000014;box-shadow:0 20px 50px #0f172a0f}.rmp-survey-card h3{color:#eff4ff;align-items:center;gap:10px;margin:0 0 8px;font-size:20px;font-weight:700;display:flex}.theme-light .rmp-survey-card h3{color:#0f172a}.rmp-survey-card h3 .material-symbols-rounded{color:var(--primary)}.rmp-survey-card .subtitle{opacity:.75;margin:0 0 28px;font-size:13.5px;line-height:1.5}.form-group{margin-bottom:24px}.form-group label{color:#cbd5e1;margin-bottom:12px;font-size:14px;font-weight:600;display:block}.theme-light .form-group label{color:#475569}.option-buttons-grid,.checkbox-buttons-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.option-buttons-grid.minutes-grid{grid-template-columns:repeat(4,1fr)}@media (width<=500px){.option-buttons-grid.minutes-grid{grid-template-columns:repeat(2,1fr)}}.survey-option-btn{color:#cbd5e1;text-align:left;cursor:pointer;background:#0f172a33;border:1px solid #ffffff14;border-radius:12px;padding:12px 16px;font-size:13.5px;font-weight:500;transition:all .2s}.theme-light .survey-option-btn{color:#475569;background:#f8fafccc;border-color:#00000014}.survey-option-btn:hover{background:#ffffff08;border-color:#fff3}.theme-light .survey-option-btn:hover{background:#f1f5f999;border-color:#00000026}.survey-option-btn.selected{border-color:var(--primary);color:#60a5fa;box-shadow:0 0 0 1px var(--primary);background:#2563eb1f;font-weight:600}.theme-light .survey-option-btn.selected{color:var(--primary);background:#2563eb0f}.survey-actions{border-top:1px solid #ffffff14;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:20px;display:flex}.theme-light .survey-actions{border-top-color:#00000014}.placement-test-card{padding-top:24px}.test-progress-bar{background:#ffffff0f;border-radius:99px;width:100%;height:6px;margin-bottom:24px;overflow:hidden}.theme-light .test-progress-bar{background:#0000000f}.test-progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:99px;height:100%;transition:width .3s}.test-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.test-badge{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:12px;font-weight:700}.test-category{color:#60a5fa;text-transform:uppercase;background:#60a5fa1f;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:700}.test-question{color:#eff4ff;margin:0 0 24px;font-size:18px;font-weight:600;line-height:1.5}.theme-light .test-question{color:#0f172a}.test-options{flex-direction:column;gap:10px;display:flex}.test-option-btn{color:#cbd5e1;text-align:left;cursor:pointer;background:#0f172a26;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:14px;padding:14px 18px;transition:all .2s;display:flex}.theme-light .test-option-btn{color:#475569;background:#f8fafccc;border-color:#00000014}.test-option-btn:hover{background:#ffffff05;border-color:#ffffff26}.theme-light .test-option-btn:hover{background:#f1f5f999;border-color:#0000001f}.test-option-btn.selected{border-color:var(--primary);color:#eff4ff;box-shadow:0 0 0 1px var(--primary);background:#2563eb1a;font-weight:600}.theme-light .test-option-btn.selected{color:var(--primary);background:#2563eb0d}.test-option-btn .option-key{color:#94a3b8;background:#ffffff0f;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.theme-light .test-option-btn .option-key{color:#64748b;background:#0000000d}.test-option-btn.selected .option-key{background:var(--primary);color:#fff}.rmp-survey-card.result-card{text-align:center}.result-icon{color:#eab308;margin-bottom:16px;font-size:64px}.result-stats{grid-template-columns:1fr 1fr;gap:16px;margin:32px 0;display:grid}.stat-box{background:#0f172a40;border:1px solid #ffffff0a;border-radius:16px;flex-direction:column;padding:16px;display:flex}.theme-light .stat-box{background:#f1f5f9b3;border-color:#0000000a}.stat-label{opacity:.6;margin-bottom:8px;font-size:12px}.stat-value{color:#eff4ff;font-size:18px;font-weight:700}.theme-light .stat-value{color:#0f172a}.stat-value.text-primary{color:#60a5fa}.theme-light .stat-value.text-primary{color:var(--primary)}.roadmap-details-panel.ai-drawer{border-left:2px solid #2563eb40;box-shadow:-10px 0 40px #00000059}.theme-light .roadmap-details-panel.ai-drawer{border-left-color:#2563eb26;box-shadow:-10px 0 40px #0f172a0f}@keyframes float-island-rmp{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(-.5deg)}}.rmp-flow-island-image{object-fit:contain;filter:drop-shadow(0 8px 16px #0000004d);width:136px;height:90px;transition:all .3s;animation:4s ease-in-out infinite float-island-rmp}.rmp-flow-node{-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);text-align:left;cursor:pointer;border-radius:20px;flex-direction:column;align-items:center;gap:4px;width:200px;padding:8px 12px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;border:1.5px solid rgba(var(--node-border-color-rgb,255, 255, 255), var(--node-border-opacity,.08))!important;background:var(--node-background-color)!important;color:var(--node-text-color)!important;box-shadow:0 8px 32px #0003!important}.rmp-flow-node:hover{transform:scale(1.02);border-color:var(--node-neon-color)!important;box-shadow:none!important}.rmp-flow-node.selected{transform:scale(1.03);border:1.5px solid var(--node-neon-color)!important;box-shadow:0 0 20px var(--node-border-glow), inset 0 0 12px var(--node-border-glow)!important}.rmp-flow-node.locked{cursor:not-allowed;opacity:.85}.rmp-flow-handle{background:var(--node-neon-color)!important;border:1px solid #fff!important;width:8px!important;height:8px!important}.rmp-flow-island-container{justify-content:center;align-items:center;width:100%;height:110px;margin:4px 0 8px;display:flex;position:relative;overflow:visible}.rmp-flow-lock-icon{color:#94a3b8;pointer-events:none;background:#0f172aa6;border:1px solid #ffffff1a;border-radius:50%;padding:6px;font-size:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rmp-flow-content-wrapper{flex-direction:column;gap:6px;width:100%;display:flex}.rmp-flow-header{justify-content:space-between;align-items:center;display:flex}.rmp-flow-header-label{text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:800;color:var(--node-neon-color)!important}.rmp-flow-category-badge{text-transform:uppercase;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:700;color:var(--node-neon-color)!important;background:var(--node-diff-bg)!important}.rmp-flow-title-desc{flex-direction:column;gap:2px;display:flex}.rmp-flow-name{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:800;display:block;overflow:hidden}.rmp-flow-desc{WebkitLineClamp:2;WebkitBoxOrient:"vertical";opacity:.7;height:32px;font-size:10.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.rmp-flow-stats{border-top:1px solid var(--node-stats-border);opacity:.8;justify-content:space-between;margin-top:4px;padding-top:6px;font-size:10px;display:flex}button.rmp-flow-node{cursor:pointer;box-sizing:border-box;border:none;outline:none;font-family:inherit}.rmp-roadmap-glass-card{-webkit-backdrop-filter:blur(12px)saturate(120%);background:#fff3;border:1px solid #ffffff3d;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff47}.theme-dark .rmp-roadmap-glass-card{background:#0814226b;border-color:#aed3ff2e;box-shadow:inset 0 1px #ffffff1a}.stepper-wizard{background:var(--surface-strong);border:1px solid var(--line-color);box-sizing:border-box;border-radius:28px;max-width:min(800px,100%);animation:.4s cubic-bezier(.16,1,.3,1) cosmicFadeIn;overflow:hidden;box-shadow:0 40px 100px #08132273}@keyframes cosmicFadeIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.stepper-content{flex-direction:column;gap:20px;padding:8px 4px;display:flex}.rmp-profile-goals-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:10px;display:grid}@media (width<=900px){.rmp-profile-goals-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.rmp-profile-goals-grid{grid-template-columns:repeat(2,1fr)}}.rmp-profile-goal-card{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px 10px;transition:all .2s;display:flex}.rmp-profile-goal-card:hover{background:#2563eb08;border-color:#2563eb;transform:translateY(-2px)}.rmp-profile-goal-card.active{color:#2563eb;background:#2563eb0f;border-color:#2563eb}.theme-dark .rmp-profile-goal-card{color:#cbd5e1;background:#0b0f19;border-color:#ffffff1a}.theme-dark .rmp-profile-goal-card:hover{background:#3b82f608;border-color:#3b82f6}.theme-dark .rmp-profile-goal-card.active{color:#60a5fa;background:#3b82f61a;border-color:#3b82f6}.rmp-profile-goal-card .goal-icon{width:26px;height:26px;font-size:26px}.rmp-profile-goal-card .goal-title{text-align:center;font-size:13px;font-weight:800}.rmp-skills-select-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=768px){.rmp-skills-select-grid{grid-template-columns:repeat(2,1fr)}}.rmp-skill-checkbox-chip{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.rmp-skill-checkbox-chip:hover{background:#2563eb08;border-color:#2563eb}.rmp-skill-checkbox-chip.active{color:#2563eb;background:#2563eb0f;border-color:#2563eb;font-weight:700}html .theme-dark .rmp-skill-checkbox-chip,.theme-dark .rmp-skill-checkbox-chip{color:#cbd5e1;background:#0b0f19;border-color:#ffffff1a}.theme-dark .rmp-skill-checkbox-chip:hover{background:#3b82f608;border-color:#3b82f6}.theme-dark .rmp-skill-checkbox-chip.active{color:#60a5fa;background:#3b82f61a;border-color:#3b82f6}.rmp-minutes-slider-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.theme-dark .rmp-minutes-slider-container{background:#0b0f19;border-color:#ffffff1a}.rmp-minutes-slider-container .slider-header{justify-content:space-between;font-size:14px;display:flex}.rmp-slider{-webkit-appearance:none;background:var(--track-bg,#e2e8f0);cursor:pointer;border-radius:99px;outline:none;width:100%;height:8px;margin:12px 0;transition:background .1s;position:relative}.rmp-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#2563eb;border:4px solid #fff;border-radius:50%;width:22px;height:22px;transition:all .15s;box-shadow:0 0 12px #2563eb66}.theme-dark .rmp-slider::-webkit-slider-thumb{background:#3b82f6;border-color:#0f172a;box-shadow:0 0 12px #3b82f680}.rmp-slider::-webkit-slider-thumb:hover{transform:scale(1.18);box-shadow:none!important}.rmp-slider-presets{justify-content:space-between;gap:10px;margin-top:4px;display:flex}.rmp-slider-preset-btn{color:#475569;cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;padding:8px 12px;font-size:13px;font-weight:800;transition:all .2s}.rmp-slider-preset-btn:hover{color:#2563eb;background:#2563eb08;border-color:#2563eb}.rmp-slider-preset-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.theme-dark .rmp-slider-preset-btn{color:#cbd5e1;background:#090d16;border-color:#ffffff14}.theme-dark .rmp-slider-preset-btn:hover{color:#3b82f6;background:#3b82f608;border-color:#3b82f6}.theme-dark .rmp-slider-preset-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.rmp-slider-level-desc{justify-content:center;margin-top:2px;display:flex}.rmp-slider-level-desc .level-badge{border-radius:99px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:800;display:inline-flex}.rmp-slider-level-desc .level-badge.easy{color:#10b981;background:#10b9811a}.rmp-slider-level-desc .level-badge.normal{color:#3b82f6;background:#3b82f61a}.rmp-slider-level-desc .level-badge.hard{color:#f59e0b;background:#f59e0b1a}.rmp-slider-level-desc .level-badge.expert{color:#ef4444;background:#ef44441a}.quiz-progress-container{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.quiz-progress-text{color:var(--subtext-color);font-size:13px;font-weight:800}.quiz-progress-bar{background:var(--line-color);border-radius:10px;width:100%;height:8px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg, var(--accent-color), #8b5cf6);border-radius:10px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.quiz-question-container{border:none;margin:0;padding:0}.quiz-options-list{flex-direction:column;gap:12px;display:flex}.quiz-option-button{border:2px solid var(--line-color);background:var(--surface-color);color:var(--text-color);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:14px;padding:16px 20px;transition:all .2s;display:flex}.quiz-option-button:hover{border-color:var(--accent-color);background:var(--accent-soft);transform:translate(4px)}.quiz-option-button.selected{border-color:var(--accent-color);background:var(--accent-soft);color:var(--accent-color);box-shadow:0 4px 15px var(--accent-soft);font-weight:800}.option-letter{opacity:.8;font-size:15px;font-weight:700}.option-text{font-size:15px}.result-loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.cosmic-spinner{border:4px solid var(--line-color);border-top-color:var(--accent-color);border-radius:50%;width:64px;height:64px;margin-bottom:24px;animation:1s linear infinite spin}.result-success-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;animation:.5s cubic-bezier(.34,1.56,.64,1) cosmicPop;display:flex}@keyframes cosmicPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.cosmic-badge-animation{background:radial-gradient(circle, #8b5cf6, var(--accent-color));border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:28px;display:flex;position:relative;box-shadow:0 20px 50px #3b82f666}.sparkle-icon{color:#fbbf24;font-size:32px;animation:2s ease-in-out infinite floatSparkle;position:absolute;top:-12px;right:-12px}@keyframes floatSparkle{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.1)}}.level-badge{color:#fff;letter-spacing:-1px;font-size:36px;font-weight:950}.result-success-container h3{margin:0 0 10px;font-size:24px;font-weight:950}.score-summary{color:var(--subtext-color);margin:0 0 16px;font-size:15px}.level-description{max-width:500px;color:var(--subtext-color);margin:0 auto 30px;font-size:15px;line-height:1.6}.result-footer{width:100%;justify-content:center!important}.start-learning-btn{border-radius:99px!important;padding:16px 40px!important;font-size:16px!important}.submit-btn{background:linear-gradient(135deg, var(--accent-color), #8b5cf6)!important;border:none!important}.rmp-secondary-action{border:1px solid var(--line-color);background:var(--surface-color);color:var(--text-color);cursor:pointer;border-radius:14px;align-items:center;gap:8px;padding:10px 18px;font-weight:700;transition:all .2s;display:flex}.rmp-secondary-action:hover{background:var(--line-color)}.rmp-ai-result-section{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-top:20px;padding:16px}.theme-dark .rmp-ai-result-section{background:#0b0f19;border-color:#ffffff14}.rmp-ai-section-title{color:var(--text-color);align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:800;display:flex}.rmp-ai-section-title .title-icon.warning{color:#f59e0b}.rmp-ai-section-title .title-icon.success{color:#10b981}.rmp-ai-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rmp-ai-item{color:#475569;gap:8px;font-size:13px;line-height:1.4;display:flex}.theme-dark .rmp-ai-item{color:#cbd5e1}.rmp-ai-roadmap-steps{flex-direction:column;gap:10px;display:flex}.rmp-ai-roadmap-step-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.theme-dark .rmp-ai-roadmap-step-card{background:#121824;border-color:#ffffff0d}.rmp-ai-roadmap-step-card .step-num{color:#fff;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:flex}.theme-dark .rmp-ai-roadmap-step-card .step-num{background:#3b82f6}.rmp-ai-roadmap-step-card .step-content{color:var(--text-color);font-size:13px;font-weight:800}.rmp-profile-modal{flex-direction:column;display:flex}.stepper-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.stepper-scroll-body{flex:1;margin-bottom:8px;padding-right:6px;overflow-y:auto}.stepper-scroll-body::-webkit-scrollbar{width:6px}.stepper-scroll-body::-webkit-scrollbar-track{background:0 0}.stepper-scroll-body::-webkit-scrollbar-thumb{background:var(--line-color,#ffffff26);border-radius:99px}.rmp-ai-node-wrapper{z-index:10;position:relative}.rmp-ai-node-btn{background:linear-gradient(135deg,#fde04714 0%,#eab30808 100%),#ffffffd9;border:1.5px solid #eab30873;box-shadow:0 4px 15px #eab3081f,inset 0 0 8px #eab3080d}.theme-dark .rmp-ai-node-btn{background:linear-gradient(135deg,#fde0471a 0%,#eab30808 100%),#0f172acc;border:1.5px solid #eab30880;box-shadow:0 4px 20px #0006,inset 0 0 12px #eab30814}.rmp-ai-node-btn:hover{border-color:#eab308cc;transform:translateY(-2px);box-shadow:none!important}.rmp-ai-badge{color:#fff;text-shadow:0 1px 1px #00000026;letter-spacing:.5px;background:linear-gradient(90deg,#eab308 0%,#ca8a04 100%);border-radius:99px;align-items:center;gap:4px;padding:2.5px 6px;font-size:9px;font-weight:900;display:inline-flex}.rmp-ai-spark-icon{color:#fff;font-size:11px!important}.pulse-ai-glow{animation:2.5s infinite alternate pulse-ai-glow-anim}@keyframes pulse-ai-glow-anim{0%{box-shadow:0 4px 15px #eab3081f,0 0 #eab3081a}to{box-shadow:0 4px 25px #eab30847,0 0 8px 4px #eab3082e}}html body .react-flow__handle.rmp-node-handle.category-ai{background:#eab308;border:1px solid #fff;box-shadow:0 0 6px #eab308}.rmp-view-toggle-bar{z-index:100;-webkit-backdrop-filter:blur(16px);background:#0f172a73;border:1px solid #ffffff14;border-radius:99px;padding:4px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040,inset 0 1px #ffffff1a}.rmp-toggle-tab{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:99px;outline:none;align-items:center;gap:6px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:12px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.rmp-toggle-tab:hover{color:#fff;background:#ffffff0d}.rmp-toggle-tab.active{color:#38bdf8;background:#38bdf833;border:1px solid #38bdf84d;box-shadow:0 4px 12px #38bdf826}.rmp-toggle-tab-ai.active{color:#facc15;background:#eab30833;border:1px solid #eab3084d;box-shadow:0 4px 12px #eab30833}.rmp-ai-toggle-spark{color:#eab308;animation:1.5s infinite alternate spark-pulse}@keyframes spark-pulse{0%{filter:drop-shadow(0 0 1px #eab308);transform:scale(.9)}to{filter:drop-shadow(0 0 5px #facc15);transform:scale(1.1)}}.rmp-drawer-level-badge-ai{color:#facc15!important;background:#eab30826!important;border:1px solid #eab30840!important}.rmp-drawer-ai-card{background:linear-gradient(135deg,#eab30814 0%,#eab30805 100%),#ffffff08;border:1px solid #eab30840;border-radius:16px;margin-top:16px;padding:16px;box-shadow:0 4px 20px #0000001a,inset 0 0 10px #eab3080d}.rmp-drawer-ai-advice-header{color:#facc15;align-items:center;gap:8px;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:14px;display:flex}.rmp-drawer-ai-advice-header .ai-spark-icon{color:#eab308;font-size:18px;animation:1.5s infinite alternate spark-pulse}.rmp-drawer-ai-desc{color:#ffffffd9;font-size:13.5px;line-height:1.6}.theme-light .rmp-drawer-ai-desc{color:#1e293b}.rmp-drawer-ai-courses-list{flex-direction:column;gap:10px;margin-top:10px;display:flex}.rmp-drawer-ai-course-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .2s;display:flex}.theme-light .rmp-drawer-ai-course-item{background:#00000005;border-color:#0000000f}.rmp-drawer-ai-course-item:hover{background:#ffffff0f;border-color:#ffffff1f}.theme-light .rmp-drawer-ai-course-item:hover{background:#0000000a;border-color:#0000001a}.rmp-drawer-ai-course-item .course-info{flex-direction:column;flex:1;gap:4px;padding-right:12px;display:flex}.rmp-drawer-ai-course-item .course-title{color:#fff;font-size:13.5px;font-weight:700}.theme-light .rmp-drawer-ai-course-item .course-title{color:#1e293b}.rmp-drawer-ai-course-item .course-meta{color:#ffffff80;font-size:11.5px}.theme-light .rmp-drawer-ai-course-item .course-meta{color:#64748b}.rmp-drawer-empty-text{color:#ffffff80;font-size:13px;font-style:italic}.theme-light .rmp-drawer-empty-text{color:#64748b}@media (width<=1180px){.rmp-view-toggle-bar{bottom:90px}}.rmp-perspective-loader-wrapper{justify-content:center;align-items:center;display:flex}.rmp-perspective-loader-wrapper .loader{--main-size:4em;--text-color:#0f172a;--shine-color:#0f172a26;--shadow-color:#94a3b8;-webkit-user-select:none;user-select:none;font-size:var(--main-size);text-transform:uppercase;color:var(--text-color);width:7.3em;height:1.2em;filter:drop-shadow(0 0 .05em var(--shine-color));justify-content:center;align-items:center;font-weight:900;display:flex;position:relative;overflow:hidden}.theme-dark .rmp-perspective-loader-wrapper .loader,.dark .rmp-perspective-loader-wrapper .loader,.theme-dark .loader,.dark .loader{--text-color:#fff;--shine-color:#ffffff40;--shadow-color:#475569}.rmp-perspective-loader-wrapper .loader .text{text-align:center;white-space:nowrap;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.rmp-perspective-loader-wrapper .loader .text:first-child{clip-path:polygon(0% 0%,11.11% 0%,11.11% 100%,0% 100%);font-size:calc(var(--main-size) / 20);opacity:.6;margin-left:-2.1em}.rmp-perspective-loader-wrapper .loader .text:nth-child(2){clip-path:polygon(11.11% 0%,22.22% 0%,22.22% 100%,11.11% 100%);font-size:calc(var(--main-size) / 16);opacity:.7;margin-left:-.98em}.rmp-perspective-loader-wrapper .loader .text:nth-child(3){clip-path:polygon(22.22% 0%,33.33% 0%,33.33% 100%,22.22% 100%);font-size:calc(var(--main-size) / 13);opacity:.8;margin-left:-.33em}.rmp-perspective-loader-wrapper .loader .text:nth-child(4){clip-path:polygon(33.33% 0%,44.44% 0%,44.44% 100%,33.33% 100%);font-size:calc(var(--main-size) / 11);opacity:.9;margin-left:-.05em}.rmp-perspective-loader-wrapper .loader .text:nth-child(5){clip-path:polygon(44.44% 0%,55.55% 0%,55.55% 100%,44.44% 100%);font-size:calc(var(--main-size) / 10);opacity:1;margin-left:0}.rmp-perspective-loader-wrapper .loader .text:nth-child(6){clip-path:polygon(55.55% 0%,66.66% 0%,66.66% 100%,55.55% 100%);font-size:calc(var(--main-size) / 11);opacity:.9;margin-left:.05em}.rmp-perspective-loader-wrapper .loader .text:nth-child(7){clip-path:polygon(66.66% 0%,77.77% 0%,77.77% 100%,66.66% 100%);font-size:calc(var(--main-size) / 13);opacity:.8;margin-left:.33em}.rmp-perspective-loader-wrapper .loader .text:nth-child(8){clip-path:polygon(77.77% 0%,88.88% 0%,88.88% 100%,77.77% 100%);font-size:calc(var(--main-size) / 16);opacity:.7;margin-left:.98em}.rmp-perspective-loader-wrapper .loader .text:nth-child(9){clip-path:polygon(88.88% 0%,100% 0%,100% 100%,88.88% 100%);font-size:calc(var(--main-size) / 20);opacity:.6;margin-left:2.1em}.rmp-perspective-loader-wrapper .loader .text span{animation:2s cubic-bezier(.1,.6,.9,.4) infinite scrolling,2s cubic-bezier(.1,.6,.9,.4) infinite shadow}.rmp-perspective-loader-wrapper .loader .text:first-child span{background:linear-gradient(to right, var(--text-color) 4%, var(--shadow-color) 7%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}.rmp-perspective-loader-wrapper .loader .text:nth-child(2) span{background:linear-gradient(to right, var(--text-color) 9%, var(--shadow-color) 13%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}.rmp-perspective-loader-wrapper .loader .text:nth-child(3) span{background:linear-gradient(to right, var(--text-color) 15%, var(--shadow-color) 18%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}.rmp-perspective-loader-wrapper .loader .text:nth-child(4) span{background:linear-gradient(to right, var(--text-color) 20%, var(--shadow-color) 23%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}.rmp-perspective-loader-wrapper .loader .text:nth-child(6) span{background:linear-gradient(to right, var(--shadow-color) 29%, var(--text-color) 32%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}.rmp-perspective-loader-wrapper .loader .text:nth-child(7) span{background:linear-gradient(to right, var(--shadow-color) 34%, var(--text-color) 37%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}.rmp-perspective-loader-wrapper .loader .text:nth-child(8) span{background:linear-gradient(to right, var(--shadow-color) 39%, var(--text-color) 42%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}.rmp-perspective-loader-wrapper .loader .text:nth-child(9) span{background:linear-gradient(to right, var(--shadow-color) 45%, var(--text-color) 48%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}.rmp-perspective-loader-wrapper .loader .line{height:.05em;width:calc(var(--main-size) / 2);border-radius:.05em;justify-content:center;align-items:center;display:flex;position:absolute;bottom:.1em;overflow:hidden}.rmp-perspective-loader-wrapper .loader .line:before{content:"";background-color:var(--text-color);opacity:.3;width:100%;height:100%;position:absolute}.rmp-perspective-loader-wrapper .loader .line:after{content:"";background-color:var(--text-color);border-radius:.05em;width:100%;height:100%;animation:2s cubic-bezier(.5,.8,.5,.2) infinite wobble;position:absolute;transform:translate(-90%)}@keyframes wobble{0%{transform:translate(-90%)}50%{transform:translate(90%)}to{transform:translate(-90%)}}@keyframes scrolling{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes shadow{0%{background-position:-98% 0}to{background-position:102% 0}}.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))}.vocabulary-page-premium{--accent-color:#7c3aed;--accent-hover:#6d28d9;--bg-page:#fff;--bg-workspace:#f8fafc;--bg-card:#ffffffbf;--bg-sidebar:#ffffff8c;--border-color:#0000000f;--text-main:#0f172a;--text-muted:#64748b;--shadow-main:0 10px 30px #00000005;--shadow-card-hover:0 12px 30px #0000000d;--bg-tab-active:#7c3aed0f;--border-tab-active:#7c3aed26;--bg-badge-count:#0000000d;--text-badge-count:#000000bf;--bg-guest-notes:#00000005;--bg-search:#00000005;--border-search:#00000014;--bg-input-pill:#fff;--bg-empty-state:#f1f5f980;--bg-pron-item:#00000005;--bg-btn-review:#00000008;--bg-btn-ai:#7c3aed0d;--border-ai-btn:#7c3aed1f;--text-ai-btn:#7c3aed;--badge-new-border:#94a3b840;--badge-practice-border:#f43f5e40;--badge-learning-border:#f59e0b40;--badge-remembered-border:#10b98140;--badge-new-bg:#f1f5f999;--badge-practice-bg:#fef2f299;--badge-learning-bg:#fffbeb99;--badge-remembered-bg:#f0fdfa99;--badge-new-text:#64748b;--badge-practice-text:#e11d48;--badge-learning-text:#d97706;--badge-remembered-text:#059669;box-sizing:border-box;background:var(--bg-page);height:calc(100vh - 70px);color:var(--text-main);flex-direction:column;padding:12px 12px 60px;font-family:Be Vietnam Pro,sans-serif;transition:background .3s,color .3s;display:flex;overflow:hidden}.dark .vocabulary-page-premium{--bg-page:#090d16;--bg-workspace:transparent;--bg-card:#0f172a73;--bg-sidebar:transparent;--border-color:#ffffff0f;--text-main:#f8fafc;--text-muted:#94a3b8;--shadow-main:none;--shadow-card-hover:0 16px 40px #8b5cf61a;--bg-tab-active:#8b5cf61a;--border-tab-active:#8b5cf640;--bg-badge-count:#ffffff14;--text-badge-count:#ffffffd9;--bg-guest-notes:#ffffff05;--bg-search:#ffffff08;--border-search:#ffffff1a;--bg-input-pill:#131b2e;--bg-empty-state:#1118274d;--bg-pron-item:#ffffff08;--bg-btn-review:#ffffff0a;--bg-btn-ai:#8b5cf614;--border-ai-btn:#8b5cf626;--text-ai-btn:#a78bfa;--badge-new-border:#ffffff14;--badge-practice-border:#f43f5e59;--badge-learning-border:#f59e0b59;--badge-remembered-border:#10b98159;--badge-new-bg:#0f172a80;--badge-practice-bg:#f43f5e14;--badge-learning-bg:#f59e0b14;--badge-remembered-bg:#10b98114;--badge-new-text:#ffffff73;--badge-practice-text:#f43f5e;--badge-learning-text:#f59e0b;--badge-remembered-text:#10b981}.cosmic-codex-workspace{flex:1;gap:28px;width:100%;max-width:100%;margin:0 auto;padding:12px 0;display:flex;position:relative;overflow:hidden}.ai-unified-frame{flex:1;grid-template-rows:auto 1fr;grid-template-columns:280px 1px 1fr;width:100%;min-height:0;transition:background .3s,border-color .3s,box-shadow .3s;display:grid;overflow:hidden;background:var(--bg-card)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-main)!important;border-radius:20px!important;height:100%!important}.dark .ai-unified-frame{box-shadow:var(--shadow-card-hover)!important}.ai-unified-sidebar{box-sizing:border-box;background:#00000003;flex-direction:column;gap:18px;height:100%;padding:24px;display:flex}html.dark .ai-unified-sidebar{background:#ffffff01}.ai-unified-divider{background:var(--border-color);width:100%;height:100%}.ai-unified-main{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative}.ai-unified-header{border-bottom:1px solid var(--border-color);box-sizing:border-box;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ai-unified-header h2{letter-spacing:-.5px}.vocab-stats-circle-container{flex-shrink:0;justify-content:center;align-items:center;width:130px;height:130px;margin:0;display:flex;position:relative}.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:var(--border-color);stroke-width:5px;transition:stroke .3s}.progress-ring-fg{fill:none;stroke-width:5px;stroke-linecap:round}.ai-recent-threads-list::-webkit-scrollbar{width:4px}.ai-recent-threads-list::-webkit-scrollbar-track{background:0 0}.ai-recent-threads-list::-webkit-scrollbar-thumb{background:#7c3aed33;border-radius:99px}.ai-recent-threads-list::-webkit-scrollbar-thumb:hover{background:#7c3aed66}.ai-thread-item{color:var(--text-muted);cursor:pointer;box-sizing:border-box;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;transition:all .2s;display:flex;position:relative}.ai-thread-item span.material-symbols-rounded{opacity:.7;flex-shrink:0;font-size:16px}.ai-thread-item .thread-title{white-space:nowrap;text-overflow:ellipsis;pointer-events:none;flex:1;font-size:12.5px;font-weight:600;overflow:hidden}.ai-thread-item:hover{color:var(--text-main);background:var(--bg-guest-notes)}.ai-thread-item.active{color:var(--text-main);background:var(--bg-tab-active);border:1px solid var(--border-tab-active)}.thread-delete-btn{opacity:0;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex;position:absolute;right:8px}.ai-thread-item:hover .thread-delete-btn{opacity:1}.thread-delete-btn:hover{color:#ef4444;background:#ef44441a}.thread-delete-btn span.material-symbols-rounded{opacity:1!important;font-size:16px!important}.vocab-sidebar-meta{text-align:center}.vocab-sidebar-meta h4{color:var(--text-main);letter-spacing:.2px;margin:0;font-size:14px;font-weight:800;transition:color .3s}.vocab-folder-nav{flex-direction:column;display:flex}.vocab-folder-tab{color:var(--text-muted);cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;font-weight:700;transition:all .2s;display:flex}.vocab-folder-tab span.material-symbols-rounded{opacity:.8;font-size:18px}.vocab-folder-tab:hover{color:var(--text-main);background:var(--bg-guest-notes)}.emitter-orb-centered{background:radial-gradient(circle,#7c3aedbf 0%,#7c3aed26 70%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:all .5s;animation:3s ease-in-out infinite orbPulse;display:flex;position:absolute;box-shadow:0 0 20px #7c3aed66}.emitter-log-text{letter-spacing:.05em;text-align:center;text-transform:uppercase;color:var(--text-muted);font-family:monospace;font-size:10.5px;font-weight:800;transition:color .3s}.emitter-log-text.thinking{color:#10b981}.emitter-log-text.error{color:#f43f5e}.hud-quota-battery{background:var(--bg-guest-notes);border:1px solid var(--border-color);border-radius:12px;transition:background .3s,border-color .3s}.quota-battery-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.quota-battery-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700}.quota-battery-count{color:var(--text-main);font-weight:800}.quota-battery-grid{grid-template-columns:repeat(15,1fr);gap:3px;height:16px;display:grid}.quota-battery-cell{background:#00000014;border-radius:2px;transition:background .3s}html.dark .quota-battery-cell{background:#ffffff14}.quota-battery-cell.filled{background:#14b8a6;box-shadow:0 0 6px #14b8a6}.quota-battery-cell.filled.warning{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.quota-battery-cell.filled.danger{background:#f43f5e;box-shadow:0 0 6px #f43f5e}.emitter-orb-centered.thinking{background:radial-gradient(circle,#14b8a6bf 0%,#14b8a626 70%);animation:1s ease-in-out infinite orbPulse;box-shadow:0 0 24px #14b8a68c}.emitter-orb-centered.error{background:radial-gradient(circle,#f43f5ebf 0%,#f43f5e26 70%);animation:1.5s ease-in-out infinite orbAlert;box-shadow:0 0 24px #f43f5e8c}@keyframes orbPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes orbAlert{0%,to{opacity:.75;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.hud-status-tag{text-transform:uppercase;letter-spacing:.05em;color:#14b8a6;background:#14b8a614;border:1px solid #14b8a640;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.led-indicator{background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.vocab-guest-notes{background:var(--bg-guest-notes);border:1px solid var(--border-color);border-radius:12px;transition:background .3s,border-color .3s}.guest-note-item{color:var(--text-muted);gap:8px;font-size:11px;line-height:1.4;transition:color .3s;display:flex}.guest-note-item span.material-symbols-rounded{color:var(--accent-color);flex-shrink:0;font-size:16px}.vocab-header-add-btn{background:var(--accent-color);box-sizing:border-box;cursor:pointer;border:none;border-radius:99px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:750;text-decoration:none;transition:all .25s;display:inline-flex;color:#fff!important}.vocab-header-add-btn:hover{background:var(--accent-hover)}.ai-chat-scroller{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:24px;padding:32px 32px 190px;display:flex;overflow-y:auto}.ai-chat-scroller::-webkit-scrollbar{width:6px}.ai-chat-scroller::-webkit-scrollbar-track{background:0 0}.ai-chat-scroller::-webkit-scrollbar-thumb{background:#7c3aed40;border-radius:99px}.ai-chat-scroller::-webkit-scrollbar-thumb:hover{background:#7c3aed73}.gemini-welcome-container{flex-direction:column;justify-content:center;align-self:center;align-items:center;width:100%;max-width:680px;margin-top:auto;margin-bottom:auto;padding:20px 0;display:flex}.gemini-greeting{text-align:center;flex-direction:column;margin:0 0 36px;line-height:1.25;display:flex}.greeting-gradient{font-family:var(--font-display);background:linear-gradient(135deg,#7c3aed 0%,#10b981 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;font-size:38px;font-weight:950}.greeting-sub{font-family:var(--font-display);color:var(--text-muted);letter-spacing:-.5px;margin-top:6px;font-size:32px;font-weight:800}.gemini-suggestions-grid{grid-template-columns:repeat(2,1fr);gap:14px;width:100%;display:grid}.gemini-suggestion-card{background:var(--bg-search);border:1px solid var(--border-search);text-align:left;cursor:pointer;min-height:90px;color:var(--text-main);box-sizing:border-box;border-radius:14px;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;padding:16px;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex}.gemini-suggestion-card:hover{background:var(--bg-card);border-color:var(--accent-color);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.gemini-suggestion-card .suggestion-text{color:var(--text-main);pointer-events:none;font-size:13.5px;font-weight:600;line-height:1.4}.gemini-suggestion-card .suggestion-icon-wrapper{background:var(--bg-guest-notes);width:28px;height:28px;color:var(--accent-color);pointer-events:none;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;transition:all .25s;display:flex}.gemini-suggestion-card:hover .suggestion-icon-wrapper{background:var(--accent-color);color:#fff}.ai-conversation-list{flex-direction:column;gap:28px;width:100%;max-width:820px;margin:0 auto;display:flex}.gemini-msg-row{gap:16px;width:100%;display:flex}.gemini-msg-row.user{flex-direction:row-reverse}.gemini-avatar{border:1px solid var(--border-color);background:var(--bg-guest-notes);width:32px;height:32px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex;overflow:hidden}.gemini-msg-row.user .gemini-avatar{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.avatar-img{object-fit:cover;width:100%;height:100%}.avatar-img.pulsing{animation:2s ease-in-out infinite avatarPulse}@keyframes avatarPulse{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.gemini-msg-bubble{min-width:0;color:var(--text-main);flex-direction:column;flex:1;font-size:14px;line-height:1.6;display:flex}.gemini-msg-row.user .gemini-msg-bubble{align-items:flex-end}.user-message-text{background:var(--bg-search);border:1px solid var(--border-search);max-width:80%;box-shadow:var(--shadow-sm);border-radius:18px 18px 2px;padding:10px 16px;font-weight:600;display:inline-block}.assistant-message-content{white-space:pre-wrap;width:100%}.gemini-input-area-container{background:linear-gradient(180deg, transparent 0%, var(--bg-card) 60%);pointer-events:none;z-index:10;flex-direction:column;align-items:center;gap:6px;padding:16px 32px 24px;display:flex;position:absolute;bottom:0;left:0;right:0}.gemini-input-pill{pointer-events:auto;background:var(--bg-input-pill);border:1px solid var(--border-search);box-sizing:border-box;border-radius:28px;align-items:center;gap:12px;width:100%;max-width:760px;padding:8px 16px 8px 24px;transition:all .25s;display:flex;box-shadow:0 4px 20px #0000000a}.gemini-input-pill:focus-within{border-color:var(--accent-color);background:var(--bg-input-pill);box-shadow:0 8px 28px #7c3aed26}html.dark .gemini-input-pill textarea,html .gemini-input-pill textarea,.gemini-input-pill textarea{min-height:24px!important;max-height:180px!important;box-shadow:none!important;resize:none!important;color:var(--text-main)!important;box-sizing:border-box!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;flex:1!important;margin:0!important;padding:8px 0!important;font-family:inherit!important;font-size:14.5px!important;font-weight:550!important;line-height:1.5!important}.gemini-input-pill textarea::placeholder{opacity:.75;color:var(--text-muted)!important}.gemini-send-btn{width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;box-sizing:border-box!important;padding:0!important}.gemini-input-pill:focus-within .gemini-send-btn{color:var(--accent-color)}.gemini-send-btn:hover:not(:disabled){background:var(--bg-tab-active);color:var(--accent-color);transform:scale(1.05)}.gemini-send-btn:disabled{opacity:.4;cursor:not-allowed}.gemini-input-footer-actions{pointer-events:auto;justify-content:flex-end;width:100%;max-width:760px;padding:0 8px;display:flex}.purge-btn-minimal{color:var(--text-muted);cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:11.5px;font-weight:700;transition:color .2s;display:inline-flex}.purge-btn-minimal:hover{color:#ef4444;background:#ef44440d}.purge-btn-minimal span.material-symbols-rounded{font-size:16px}.gemini-loading-dots{background:var(--bg-search);border:1px solid var(--border-search);border-radius:14px;align-items:center;gap:5px;width:fit-content;padding:12px 16px;display:flex}.gemini-loading-dots .dot{background:var(--accent-color);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite both dotBounce}.gemini-loading-dots .dot:first-child{animation-delay:-.32s}.gemini-loading-dots .dot:nth-child(2){animation-delay:-.16s}@keyframes dotBounce{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.cognitive-artifact-card{flex-direction:column;gap:14px;width:100%;display:flex}.artifact-block{border:1px solid var(--border-color);background:#00000004;border-radius:12px;padding:14px 16px;transition:background .3s,border-color .3s}html.dark .artifact-block{background:#ffffff04}.artifact-block.meaning{border-color:var(--badge-remembered-border)!important;background:var(--badge-remembered-bg)!important}.artifact-block.meaning .meaning-text{letter-spacing:-.2px;margin:0;font-size:16px;font-weight:800;color:var(--badge-remembered-text)!important}.artifact-block.explanation{border-style:dashed;border-color:var(--border-color);color:var(--text-main);font-size:13.5px;line-height:1.6}.artifact-block.examples{flex-direction:column;gap:10px;display:flex}.artifact-block.examples .title-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:11px;font-weight:800}.simulation-item{background:var(--bg-workspace);border-left:3px solid var(--accent-color);border-radius:6px;padding:10px 14px;transition:background .3s}.simulation-item p.en{color:var(--text-main);margin:0 0 4px;font-size:14px;font-weight:700}.simulation-item p.vi{color:var(--text-muted);margin:0;font-size:12.5px}.usage-note-block{border-color:var(--badge-learning-border)!important;background:var(--badge-learning-bg)!important}.usage-note-text{margin:0;font-weight:650;color:var(--badge-learning-text)!important}.artifact-block.practice{border-color:var(--border-ai-btn)!important;background:var(--bg-btn-ai)!important}.artifact-block.practice p{margin:0;font-size:13px;font-weight:700;color:var(--text-ai-btn)!important}.artifact-disclaimer{color:var(--text-muted);opacity:.85;margin:4px 0 0;font-size:11px;font-style:italic}@keyframes orbSpin{to{transform:rotate(360deg)}}.macos-window-header-glass{position:relative}.ai-sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:99;background:#0006;animation:.25s ease-out fadeIn;position:absolute;inset:60px 0 0}.ai-mobile-close-btn{display:none}@media (width<=900px){.vocabulary-page-premium{height:calc(100dvh - 60px)!important;min-height:calc(100dvh - 60px)!important;padding:8px 8px 110px!important;overflow:hidden!important}.ai-unified-frame{grid-template-rows:auto 1fr;grid-template-columns:1fr;position:relative;height:100%!important;min-height:0!important}.ai-unified-sidebar{z-index:100;border-right:1px solid var(--border-color);width:280px;box-shadow:none;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:0;left:0;transform:translate(-100%);background:var(--bg-page)!important;border-radius:0 16px 16px 0!important;gap:12px!important;padding:48px 16px 16px!important;top:0!important}.ai-unified-sidebar.mobile-open{transform:translate(0);box-shadow:10px 0 35px #0000002e!important}.ai-sidebar-overlay{z-index:99!important;top:0!important}.ai-mobile-close-btn{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-muted);cursor:pointer;z-index:10;background:#0000000d;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;position:absolute;top:12px;right:12px;padding:0!important;line-height:0!important;display:flex!important}.ai-mobile-close-btn span{justify-content:center;align-items:center!important;width:18px!important;height:18px!important;margin:0!important;padding:0!important;font-size:18px!important;line-height:1!important;display:flex!important}html.dark .ai-mobile-close-btn{background:#ffffff0d}.ai-mobile-close-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}.vocab-stats-circle-container{width:80px!important;height:80px!important;margin:0 auto 4px!important}.emitter-orb-centered{width:48px!important;height:48px!important}.vocab-sidebar-meta h4{font-size:12.5px!important}.emitter-log-text{font-size:9.5px!important}.thread-delete-btn{opacity:1!important}.ai-sidebar-toggle-btn{display:flex!important}.vocabulary-page-premium .macos-dot{display:none!important}.macos-window-header-glass{grid-column:1/-1!important}.macos-window-header-glass .secondary-button{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;display:flex!important}.dashboard-text{display:none!important}.macos-window-title-glass{font-size:11px!important}.ai-unified-divider{display:none}.ai-chat-scroller{padding:16px 16px 165px!important}.gemini-input-area-container{padding:8px 16px 12px!important}.gemini-greeting{margin-bottom:24px!important}.greeting-gradient{font-size:28px!important}.greeting-sub{font-size:22px!important}.gemini-suggestions-grid{grid-template-columns:1fr!important;gap:8px!important}.gemini-suggestion-card{min-height:70px!important;padding:12px 14px!important}}.aip-height-8{height:8px!important}.aip-strong-highlight{color:var(--accent-color)!important;font-weight:700!important}.aip-line{color:var(--text-main)!important;margin:6px 0!important;font-size:14.5px!important;line-height:1.6!important}.aip-bullet{margin:4px 0!important;padding-left:16px!important}.aip-numbered{color:var(--accent-color)!important;margin-top:16px!important;margin-bottom:8px!important;font-size:15.5px!important;font-weight:600!important}.aip-option{background:var(--bg-pron-item,#7c3aed08)!important;border-left:2px solid #7c3aed33!important;border-radius:0 6px 6px 0!important;width:fit-content!important;min-width:220px!important;margin:4px 0!important;padding:6px 12px!important;font-weight:550!important}.aip-answer{background:#10b98114!important;border-left:4px solid #10b981!important;border-radius:4px!important;margin-top:12px!important;margin-bottom:12px!important;padding:8px 14px!important}.aip-macos-header{box-sizing:border-box!important;grid-column:span 3!important;justify-content:space-between!important;align-items:center!important;padding:14px 24px!important;display:flex!important}.aip-flex-center-gap-8{align-items:center!important;gap:8px!important;display:flex!important}.aip-icon-20{font-size:20px!important}.aip-macos-title{letter-spacing:.3px!important;color:var(--text-muted)!important;font-size:12.5px!important;font-weight:800!important;position:absolute!important;left:50%!important;transform:translate(-50%)!important}.aip-btn-dashboard{border:1px solid var(--border-color)!important;height:32px!important;color:var(--text-main)!important;cursor:pointer!important;background:#ffffff0d!important;border-radius:99px!important;align-items:center!important;gap:6px!important;padding:6px 14px!important;font-size:12.5px!important;display:flex!important}.aip-icon-15{font-size:15px!important}.aip-circle-container{margin:0 auto 8px!important}.aip-dasharray-4{stroke-dasharray:4 4!important}.aip-ring-fg{stroke-dasharray:238!important;animation:4s linear infinite orbSpin!important}.aip-orb-avatar{object-fit:cover!important;border:2px solid var(--accent-color)!important;border-radius:50%!important}.aip-margin-bottom-8{margin-bottom:8px!important}.aip-font-135{font-size:13.5px!important}.aip-margin-top-4{margin-top:4px!important}.aip-display-none{display:none!important}.aip-recent-section{flex-direction:column!important;flex:1!important;min-height:0!important;margin-top:8px!important;display:flex!important}.aip-recent-title{text-transform:uppercase!important;letter-spacing:1px!important;color:var(--text-muted)!important;padding:0 8px 6px!important;font-size:10px!important;font-weight:850!important}.aip-recent-list{flex-direction:column!important;flex:1!important;gap:4px!important;padding-right:4px!important;display:flex!important;overflow-y:auto!important}.aip-quota-battery{margin-top:auto!important;padding:12px!important}.aip-font-10{font-size:10px!important}.aip-font-12{font-size:12px!important}.aip-guest-notes{margin-top:auto!important;padding:10px!important}.aip-guest-note-item{flex-direction:column!important;gap:8px!important}.aip-flex-gap-6{gap:6px!important;display:flex!important}.aip-font-105{font-size:10.5px!important}.aip-guest-login-btn{text-align:center!important;box-sizing:border-box!important;width:100%!important;padding:6px 0!important;font-size:11px!important;text-decoration:none!important;display:block!important}.aip-avatar-fallback{color:var(--text-muted)!important;font-size:11px!important;font-weight:800!important}.aip-error-message{color:#f43f5e!important;margin:0!important;font-weight:600!important}.aip-margin-0{margin:0!important}.st-xp-toast{z-index:9999;color:#fff;border-radius:20px;align-items:center;gap:10px;padding:12px 22px;font-size:14px;font-weight:700;animation:.4s cubic-bezier(.34,1.56,.64,1) slideInPremium;display:flex;position:fixed;bottom:88px;right:24px;box-shadow:0 8px 32px #0000004d}.st-xp-toast.level-up{background:linear-gradient(135deg,#f59e0b,#d97706)}.st-xp-toast.xp-earned{background:linear-gradient(135deg,#10b981,#059669)}.st-icon-22{font-size:22px}.st-header-row{width:100%;margin-bottom:16px}.st-header-title{color:var(--sk-text-main);align-items:center;gap:8px;margin:0;font-size:20px;font-weight:900;display:flex}.st-header-icon{color:var(--sk-primary);font-size:24px}.st-meta-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.st-nav-pills{background:#ffffff08;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:2px 8px;display:inline-flex}.st-nav-btn{width:22px;height:22px;color:var(--sk-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.st-nav-btn:hover:not(:disabled){color:var(--sk-text-main);background:#ffffff0d}.st-nav-btn:disabled{opacity:.5;cursor:not-allowed}.st-icon-16{font-size:16px}.st-index-label{color:var(--sk-text-muted);margin:0 4px;font-size:11px;font-weight:800}.st-stats-row{flex-wrap:wrap;gap:10px;width:100%;display:flex}.st-stats-item{border-radius:var(--radius-md);background:var(--sk-inner-bg);border:1px solid var(--sk-inner-border);flex:80px;align-items:center;gap:10px;padding:10px 14px;display:flex}.st-stats-icon{font-size:20px}.st-stats-val{color:var(--sk-text-main);font-size:17px;font-weight:800;line-height:1}.st-stats-lbl{color:var(--sk-text-muted);margin-top:2px;font-size:11px}.st-sentence-showcase{width:100%;margin-top:8px}.st-sentence-showcase-label{margin:0 0 10px}.st-pulse-placeholder{background:#ffffff0d;border-radius:8px;height:32px;animation:1.5s infinite pulse}.st-sentence-text{font-size:22px;font-weight:700;line-height:1.5;font-family:var(--font-display);margin:0}.st-unsupported-card{border-radius:var(--radius-md);background:#ef444414;border:1px solid #ef44444d;align-items:flex-start;gap:12px;width:100%;padding:14px 18px;display:flex}.st-warning-icon{color:#ef4444;flex-shrink:0;margin-top:2px;font-size:20px}.st-warning-title{color:#ef4444;margin:0 0 4px;font-size:14px;font-weight:700}.st-warning-desc{color:var(--sk-text-muted);margin:0;font-size:13px}.st-mic-icon{font-size:36px}.st-status-badge{align-items:center;gap:6px;display:inline-flex}.st-dot-pulse{background:var(--danger);width:8px;height:8px;box-shadow:0 0 8px var(--danger)}.st-hourglass-icon{color:var(--sk-primary);font-size:16px}.st-random-btn{align-self:center;align-items:center;gap:8px;margin-top:16px;padding:10px 24px;display:inline-flex}.st-results-wrapper{width:100%}.st-feedback-wrapper{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.st-feedback-title{align-items:center;gap:6px;margin:0 0 6px;font-size:20px;font-weight:800;display:flex}.st-icon-gold-trophy{color:#fbbf24;font-size:22px}.st-icon-primary-thumb{color:var(--sk-primary);font-size:20px}.st-icon-red-psy{color:#ef4444;font-size:20px}.st-feedback-desc{color:var(--sk-text-muted);margin:0;font-size:13px}.st-diff-wrapper{width:100%}.st-diff-section-label{margin:0 0 10px}.st-diff-pill-icon{font-size:14px}.st-transcript-box{width:100%}.st-guide-wrapper{flex-direction:column;gap:20px;width:100%;display:flex}.st-step-icon{font-size:18px}.lt-redesigned-grid{grid-template-columns:1.45fr 1fr;align-items:start;gap:24px;display:grid}@media (width<=1024px){.lt-redesigned-grid{grid-template-columns:1fr;gap:20px}}.lt-workspace-deck{background:var(--sk-card-bg);border:1px solid var(--sk-card-border);border-radius:24px;flex-direction:column;gap:28px;padding:32px;display:flex;position:relative;overflow:hidden}.lt-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.lt-header-title{color:var(--sk-text-main);letter-spacing:-.5px;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:950;display:flex}.lt-header-icon{color:var(--sk-primary);font-size:26px}.lt-side-desc{color:var(--sk-text-muted);margin:6px 0 0;font-size:14px;line-height:1.5}.lt-nav-pills{background:var(--sk-inner-bg);border:1px solid var(--sk-inner-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex;box-shadow:0 4px 12px #00000008}.lt-nav-btn{width:28px;height:28px;color:var(--sk-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex}.lt-nav-btn:hover:not(:disabled){background:var(--sk-primary);color:#fff;transform:scale(1.1);box-shadow:none!important}.lt-nav-btn:active:not(:disabled){transform:scale(.95)}.lt-nav-btn:disabled{opacity:.35;cursor:not-allowed}.lt-index-label{color:var(--sk-text-main);letter-spacing:.05em;margin:0 6px;font-size:12px;font-weight:850}.listening-audio-deck{background:linear-gradient(135deg, rgba(var(--sk-primary-rgb), .06) 0%, #3b82f605 100%);border:1.5px solid rgba(var(--sk-primary-rgb), .12);border-radius:20px;flex-direction:column;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #00000005,inset 0 1px #fff6}html.dark .listening-audio-deck{background:linear-gradient(135deg, rgba(var(--sk-primary-rgb), .1) 0%, #3b82f608 100%);border-color:rgba(var(--sk-primary-rgb), .18);box-shadow:0 16px 40px #00000040,inset 0 1px #ffffff0d}.lt-deck-glow-bg{background:rgba(var(--sk-primary-rgb), .18);filter:blur(50px);pointer-events:none;border-radius:50%;width:200px;height:200px;position:absolute;top:-80px;left:-80px}.lt-deck-main-controls{z-index:1;align-items:center;gap:24px;display:flex}@media (width<=580px){.lt-deck-main-controls{text-align:center;flex-direction:column;align-items:center;gap:20px}}.lt-play-button-wrapper{flex-shrink:0;width:64px;height:64px;position:relative}.lt-play-circle-btn{background:linear-gradient(135deg, var(--sk-primary) 0%, var(--sk-primary-hover) 100%);color:#fff;cursor:pointer;width:64px;height:64px;box-shadow:0 8px 24px rgba(var(--sk-primary-rgb), .4);z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.lt-play-circle-btn:hover{transform:scale(1.1);box-shadow:none!important}.lt-play-circle-btn:active{transform:scale(.95)}.lt-play-icon{font-size:32px!important}.lt-play-icon.lt-play-icon-arrow{padding-left:4px}.lt-concentric-pulse-1,.lt-concentric-pulse-2{border:2px dashed var(--sk-primary);opacity:.6;pointer-events:none;z-index:-1;border-radius:50%;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;inset:0}.lt-concentric-pulse-2{border-style:solid;animation-delay:.8s}.lt-visualizer-container{flex-direction:column;flex:1;gap:6px;display:flex}.lt-visualizer-bars{align-items:center;height:36px;display:flex}.active-frequency-wave,.inactive-frequency-wave{align-items:center;gap:4px;display:flex}.inactive-frequency-wave .static-bar{background:var(--sk-text-muted);opacity:.3;border-radius:99px;width:3.5px;transition:height .3s}.lt-visualizer-status{color:var(--sk-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.lt-shuffle-btn{background:rgba(var(--sk-primary-rgb), .06);border:1.5px solid rgba(var(--sk-primary-rgb), .2);color:var(--sk-primary);border-radius:99px;flex-shrink:0;align-self:center;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:750;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex}.lt-shuffle-btn:hover{background:var(--sk-primary);color:#fff;border-color:var(--sk-primary);transform:translateY(-1px);box-shadow:none!important}.lt-shuffle-btn:active{transform:scale(.96)translateY(0)}@media (width<=580px){.lt-shuffle-btn{width:100%}}.listening-deck-divider{background:rgba(var(--sk-primary-rgb), .08);width:100%;height:1px}.lt-deck-settings-bar{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.lt-speed-slider{flex:1;align-items:center;gap:12px;min-width:240px;display:flex}.lt-hint-badge{color:var(--sk-text-muted);background:var(--sk-inner-bg);border:1px solid var(--sk-inner-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:750;display:inline-flex}.lt-hint-icon{color:var(--warning);font-size:16px}.lt-editor-desk{flex-direction:column;gap:12px;width:100%;display:flex}.lt-editor-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.lt-editor-header-row .section-label{margin:0}.lt-editor-word-counter{color:var(--sk-text-muted);font-size:12.5px;font-weight:700}.lt-editor-word-counter strong{color:var(--sk-primary);font-weight:850}.lt-textarea-wrapper{border:1.5px solid var(--sk-inner-border);background:var(--sk-input-bg);border-radius:16px;width:100%;transition:all .25s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.lt-textarea-wrapper:focus-within{border-color:var(--sk-primary);box-shadow:0 0 16px rgba(var(--sk-primary-rgb), .15)}.dictation-textarea-editor{width:100%;min-height:140px;max-height:240px;color:var(--sk-text-main);resize:vertical;box-sizing:border-box;background:0 0;padding:18px 20px;font-size:15px;line-height:1.6;box-shadow:none!important;border:none!important;outline:none!important}.lt-textarea-progress-track{background:#ffffff0d;width:100%;height:3px;position:absolute;bottom:0;left:0;right:0}.lt-textarea-progress-fill{width:0%;height:100%;box-shadow:0 0 8px rgba(var(--sk-primary-rgb), .5);transition:width .3s cubic-bezier(.25,.8,.25,1),background-color .3s}.lt-editor-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:4px;display:flex}.lt-submit-btn{box-shadow:0 8px 24px rgba(var(--sk-primary-rgb), .25);background:linear-gradient(135deg, var(--sk-primary) 0%, var(--sk-primary-hover) 100%);color:#fff;cursor:pointer;border:none;border-radius:99px;align-items:center;gap:8px;padding:12px 28px;font-size:14.5px;font-weight:800;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex}.lt-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:none!important}.lt-submit-btn:active:not(:disabled){transform:scale(.96)translateY(0)}.lt-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.lt-side-panel{background:var(--sk-card-bg);border:1px solid var(--sk-card-border);border-radius:24px;flex-direction:column;gap:24px;min-height:540px;padding:32px;display:flex}.lt-result-hud-card{border-radius:18px;align-items:center;gap:18px;width:100%;padding:20px 24px;display:flex}.lt-results-hud-desc{flex-direction:column;flex:1;gap:4px;display:flex}.lt-results-hud-title{color:var(--sk-text-main);letter-spacing:-.3px;align-items:center;gap:6px;font-size:18px;font-weight:900;display:flex}.lt-icon-gold-trophy{color:#fbbf24;font-size:22px}.lt-icon-primary-thumb{color:var(--sk-primary);font-size:20px}.lt-icon-red-psy{color:var(--danger);font-size:20px}.lt-score-subtitle{color:var(--sk-text-muted);margin:0;font-size:12.5px;font-weight:600}.lt-section-label-margin{align-items:center;gap:6px;margin-top:16px;margin-bottom:0;display:flex}.lt-section-label-margin .lt-icon-14{color:var(--sk-primary);font-size:15px}.lt-tokens-box{background:var(--sk-inner-bg);border:1px solid var(--sk-inner-border);box-sizing:border-box;border-radius:16px;flex-wrap:wrap;gap:8px;width:100%;padding:20px;display:flex}.diff-token-badge{box-sizing:border-box;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.25,.8,.25,1);display:inline-flex}.diff-token-badge.missed{color:var(--danger);background:#ef444414;border-color:#ef444440;-webkit-text-decoration:line-through #ef444466;text-decoration:line-through #ef444466}.clickable-lookup-word{cursor:pointer;position:relative}.clickable-lookup-word:hover{transform:scale(1.08)translateY(-1px)}.clickable-lookup-word:active{transform:scale(.96)}.clickable-lookup-word.correct:hover{background:#10b98126;border-color:#10b98180;box-shadow:none!important}.clickable-lookup-word.extra:hover{background:#f59e0b26;border-color:#f59e0b80;box-shadow:none!important}.clickable-lookup-word.missed:hover{background:#ef444426;border-color:#ef444480;box-shadow:none!important}.token-icon-char{font-family:monospace;font-size:11px;font-weight:900}.lt-legend-row{justify-content:center;gap:12px;width:100%;display:flex}.lt-reset-btn{border-radius:99px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:12px 20px;font-weight:800;display:inline-flex}.lt-guide-deck{flex-direction:column;gap:28px;width:100%;display:flex}.lt-timeline-stepper{border-left:2px dashed rgba(var(--sk-primary-rgb), .15);flex-direction:column;gap:32px;margin-left:12px;padding-left:20px;display:flex;position:relative}.lt-timeline-item{align-items:flex-start;gap:16px;padding-left:18px;display:flex;position:relative}.lt-timeline-bullet{background:var(--sk-card-bg);border:2px solid var(--sk-primary);width:24px;height:24px;box-shadow:0 0 10px rgba(var(--sk-primary-rgb), .3);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:-32px}.lt-timeline-bullet-icon{color:var(--sk-primary);font-size:12px!important}.lt-timeline-content{flex-direction:column;gap:4px;display:flex}.lt-timeline-content h6{color:var(--sk-text-main);letter-spacing:-.2px;margin:0;font-size:14.5px;font-weight:850}.lt-timeline-content p{color:var(--sk-text-muted);margin:0;font-size:13px;line-height:1.45}.lt-guide-footer-tip{background:rgba(var(--sk-primary-rgb), .04);border:1px solid rgba(var(--sk-primary-rgb), .1);color:var(--sk-text-muted);border-radius:14px;align-items:flex-start;gap:12px;padding:16px 20px;font-size:13px;line-height:1.55;display:flex}.lt-guide-footer-tip .material-symbols-rounded{color:var(--sk-primary);flex-shrink:0;margin-top:2px;font-size:20px}.lt-tip-text{color:var(--sk-text-muted);flex:1;margin:0;font-size:13px;font-weight:500}.rt-redesigned-grid{grid-template-columns:1.45fr 1fr;align-items:start;gap:24px;display:grid}@media (width<=1024px){.rt-redesigned-grid{grid-template-columns:1fr;gap:20px}}.rt-workspace-deck{background:var(--sk-card-bg);border:1px solid var(--sk-card-border);border-radius:24px;flex-direction:column;gap:24px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000005}.rt-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.rt-header-title{color:var(--sk-text-main);letter-spacing:-.5px;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:950;display:flex}.rt-header-icon{color:var(--sk-primary);font-size:26px}.rt-meta-tags{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.level-badge-premium{text-transform:uppercase;letter-spacing:.06em;border:1.5px solid #0000;border-radius:20px;padding:5px 14px;font-size:11px;font-weight:850}.level-badge-premium.beginner-badge{color:var(--success);background:#10b98114;border-color:#10b98133}.level-badge-premium.intermediate-badge{color:var(--sk-primary);background:#8b5cf614;border-color:#8b5cf633}.level-badge-premium.upper-badge{color:var(--warning);background:#f59e0b14;border-color:#f59e0b33}.level-badge-premium.advanced-badge{color:var(--danger);background:#ef444414;border-color:#ef444433}.rt-nav-pills{background:var(--sk-inner-bg);border:1px solid var(--sk-inner-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;display:inline-flex;box-shadow:0 4px 12px #00000008}.rt-nav-btn{width:28px;height:28px;color:var(--sk-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex}.rt-nav-btn:hover:not(:disabled){background:var(--sk-primary);color:#fff;transform:scale(1.1);box-shadow:none!important}.rt-nav-btn:active:not(:disabled){transform:scale(.95)}.rt-nav-btn:disabled{opacity:.35;cursor:not-allowed}.rt-index-label{color:var(--sk-text-main);letter-spacing:.05em;margin:0 6px;font-size:12px;font-weight:850}.rt-tip-desc{color:var(--sk-primary);align-items:center;gap:8px;margin:4px 0 0;font-size:13.5px;font-weight:700;line-height:1.45;display:flex}.rt-tip-icon{color:var(--warning);font-size:18px}.rt-passage-box{background:var(--sk-inner-bg);border:1px solid var(--sk-inner-border);color:var(--sk-text-main);letter-spacing:-.15px;word-spacing:.06em;border-radius:20px;padding:28px 32px;font-size:17px;font-weight:500;line-height:1.9;box-shadow:inset 0 2px 8px #00000005}.interactive-reading-word{cursor:pointer;border-bottom:1.5px dashed #0000;border-radius:6px;margin:1px 0;padding:1px 5px;transition:all .2s cubic-bezier(.25,.8,.25,1);display:inline-block}.interactive-reading-word:hover{background:rgba(var(--sk-primary-rgb), .08);color:var(--sk-primary);border-bottom-color:rgba(var(--sk-primary-rgb), .4);transform:scale(1.06)translateY(-1px);box-shadow:none!important}.interactive-reading-word:active{transform:scale(.96)translateY(0)}.rt-dict-alert{background:rgba(var(--sk-primary-rgb), .04);border:1px solid rgba(var(--sk-primary-rgb), .1);color:var(--sk-text-muted);border-radius:14px;align-items:center;gap:10px;padding:16px 20px;font-size:13.5px;line-height:1.45;display:flex}.rt-dict-alert span.material-symbols-rounded{color:var(--sk-primary);font-size:20px}.rt-side-panel{background:var(--sk-card-bg);border:1px solid var(--sk-card-border);border-radius:24px;flex-direction:column;gap:24px;min-height:540px;padding:32px;display:flex;box-shadow:0 10px 30px #00000005}.rt-quiz-workspace{flex-direction:column;gap:16px;display:flex}.rt-quiz-side-desc{color:var(--sk-text-muted);margin:0 0 4px;font-size:14px}.rt-questions-scroll{flex-direction:column;gap:20px;display:flex}.rt-question-card{background:var(--sk-inner-bg);border:1px solid var(--sk-inner-border);border-radius:18px;flex-direction:column;gap:16px;padding:20px;display:flex}.question-title-text{color:var(--sk-text-main);letter-spacing:-.1px;margin:0;font-size:15px;font-weight:850;line-height:1.55}.rt-options-grid{flex-direction:column;gap:10px;display:flex}.rt-option-btn{border:1.5px solid var(--sk-inner-border);background:var(--sk-card-bg);width:100%;min-height:48px;color:var(--sk-text-main);text-align:left;cursor:pointer;box-sizing:border-box;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex}.rt-option-btn:hover:not(:disabled){border-color:rgba(var(--sk-primary-rgb), .4);background:rgba(var(--sk-primary-rgb), .02);transform:translate(4px)}.rt-option-btn:active:not(:disabled){transform:scale(.98)translate(2px)}.rt-option-txt{flex:1;line-height:1.4}.rt-option-btn.is-active-selected{border-color:var(--sk-primary);background:rgba(var(--sk-primary-rgb), .06);box-shadow:0 4px 12px rgba(var(--sk-primary-rgb), .1);color:var(--sk-primary);font-weight:850}.rt-option-btn.selected-correct{border-color:var(--success);color:var(--success);background:#10b98114;font-weight:850;box-shadow:0 4px 12px #10b9811a}.rt-option-btn.selected-incorrect{border-color:var(--danger);color:var(--danger);background:#ef444414;font-weight:850;box-shadow:0 4px 12px #ef44441a}.rt-option-btn.missed-correct-feedback{border:1.5px dashed var(--success);color:var(--success);background:#10b98108;font-weight:750}.rt-option-checked-icon{flex-shrink:0;font-size:20px}.rt-option-checked-icon.correct{color:var(--success)}.rt-option-checked-icon.incorrect{color:var(--danger)}.rt-explanation-box{color:var(--sk-text-muted);background:#f59e0b0f;border:1px solid #f59e0b33;border-radius:12px;align-items:flex-start;gap:10px;margin:2px 0 0;padding:14px 18px;font-size:13px;line-height:1.55;display:flex}.rt-explanation-icon{color:var(--warning);flex-shrink:0;margin-top:1px;font-size:18px}.rt-score-wrapper{flex-direction:column;gap:24px;width:100%;display:flex}.rt-result-hud-card{background:var(--sk-inner-bg);border:1px solid var(--sk-inner-border);border-radius:18px;align-items:center;gap:18px;width:100%;padding:20px 24px;display:flex}.rt-result-hud-card.green-hud{background:#10b9810a;border-color:#10b98126}.rt-result-hud-card.orange-hud{background:#f59e0b0a;border-color:#f59e0b26}.rt-result-hud-card.red-hud{background:#ef44440a;border-color:#ef444426}.rt-results-hud-desc{flex-direction:column;flex:1;gap:4px;display:flex}.rt-results-hud-title{color:var(--sk-text-main);letter-spacing:-.3px;align-items:center;gap:6px;font-size:18px;font-weight:900;display:flex}.rt-icon-gold-trophy{color:#fbbf24;font-size:22px}.rt-icon-primary-thumb{color:var(--sk-primary);font-size:20px}.rt-icon-red-psy{color:var(--danger);font-size:20px}.rt-score-subtitle{color:var(--sk-text-muted);margin:0;font-size:12.5px;font-weight:600}.rt-actions-footer{flex-direction:column;gap:12px;width:100%;display:flex}.rt-submit-btn{width:100%;box-shadow:0 8px 24px rgba(var(--sk-primary-rgb), .25);background:linear-gradient(135deg, var(--sk-primary) 0%, var(--sk-primary-hover) 100%);color:#fff;cursor:pointer;border:none;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:14.5px;font-weight:800;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex}.rt-submit-btn:hover{transform:translateY(-2px);box-shadow:none!important}.rt-submit-btn:active{transform:scale(.96)translateY(0)}.rt-reset-btn{border-radius:99px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-weight:800;display:inline-flex}.rt-btn-submit-margin{margin-top:8px}.rt-empty-container{justify-content:center;align-items:center;width:100%;padding:40px 0;display:flex}.rt-empty-card{background:var(--sk-card-bg);border:1px solid var(--sk-card-border);text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:60px 40px;display:flex}.rt-empty-icon{color:var(--sk-text-muted)!important;margin-bottom:20px!important;font-size:54px!important}.rt-empty-text{color:var(--sk-text-muted);margin:0;font-size:15px;font-weight:600}.wt-empty-state-workspace{min-height:380px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.wt-main-panel-container{position:relative;overflow:visible}.wt-header-row{border-bottom:1px solid #ffffff14!important;justify-content:space-between!important;align-items:center!important;gap:24px!important;margin-bottom:24px!important;padding-bottom:20px!important;display:flex!important}.wt-header-left{flex:1!important;min-width:0!important}.wt-header-title-text{color:#fff!important;white-space:nowrap!important;align-items:center!important;gap:10px!important;margin:0 0 6px!important;font-size:22px!important;font-weight:800!important;display:flex!important}@media (width<=1024px){.wt-header-title-text{white-space:normal!important;flex-wrap:wrap!important}}.wt-header-icon-wrapper{width:38px!important;height:38px!important;color:var(--sk-primary)!important;background:#6366f11a!important;border:1px solid #6366f133!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;display:flex!important}.wt-header-icon{margin:0!important;font-size:20px!important}.wt-header-badge-tag{color:#a855f7!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#a855f71a!important;border:1px solid #a855f733!important;border-radius:99px!important;margin-left:8px!important;padding:2px 8px!important;font-size:11px!important;font-weight:700!important}.wt-header-desc{color:var(--sk-text-muted)!important;margin:0!important;font-size:13.5px!important}.wt-shuffle-btn{cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:none!important;border-radius:99px!important;transition:all .2s!important}.wt-shuffle-btn:hover{box-shadow:none!important;filter:brightness(1.15)!important;transform:translateY(-1px)!important}.wt-btn-icon-16{font-size:16px}.wt-card-glow-bg{display:none!important}.wt-topic-header-row{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.wt-nav-controls{align-items:center;gap:6px;display:flex}.wt-nav-btn{width:28px;height:28px;color:var(--sk-text-main);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.wt-nav-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff26}.wt-icon-18{font-size:18px}.wt-topic-eyebrow{color:var(--sk-primary);letter-spacing:.08em;text-transform:uppercase;background:#6366f11a;border:1px solid #6366f126;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:900}.wt-meta-tags-row{color:var(--sk-text-muted);gap:6px;font-size:11.5px;font-weight:700;display:flex}.wt-meta-badge{background:#ffffff0a;border:1px solid #ffffff05;border-radius:6px;padding:3px 8px}.wt-topic-text{color:var(--sk-text-main);z-index:1;margin:0;font-size:17px;font-weight:800;line-height:1.55}.wt-keywords-row{z-index:1;border-top:1px solid #ffffff0d;padding-top:12px}.wt-keywords-header{color:var(--sk-text-muted);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.wt-icon-verified{color:var(--sk-primary);font-size:15px}.wt-keywords-pills-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.wt-keyword-pill{color:var(--sk-text-muted);box-shadow:none;background:#ffffff08;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.wt-keyword-pill.is-active{color:#10b981;background:#10b9811f;border:1px solid #10b9814d;box-shadow:0 0 12px #10b9811a}.wt-icon-checked-green{color:#10b981;font-size:13.5px}.wt-keyword-dot{background:var(--sk-text-muted);opacity:.6;border-radius:50%;width:6px;height:6px}.wt-editor-container{margin-top:20px;position:relative}.wt-editor-textarea{width:100%;min-height:220px;color:var(--sk-text-main);resize:vertical;background:#0f172a66;border:1px solid #ffffff14;border-radius:16px;outline:none;padding:20px;font-family:inherit;font-size:15px;line-height:1.7;transition:all .3s;box-shadow:inset 0 2px 8px #00000026}.wt-editor-textarea:focus{border-color:#6366f166;box-shadow:inset 0 2px 8px #00000026,0 0 0 3px #6366f126}.wt-scanning-overlay{border-radius:16px}.wt-scanning-title{color:var(--sk-primary);margin-top:16px;font-size:16px;font-weight:800}.wt-scanning-desc{color:var(--sk-text-muted);margin-top:4px;font-size:13px}.wt-dashboard-row{justify-content:space-between;align-items:center;gap:20px;margin-top:16px;display:flex}.wt-progress-bar-container{flex:1}.wt-progress-labels{justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.wt-text-muted{color:var(--sk-text-muted)}.wt-text-main{color:var(--sk-text-main)}.wt-status-tag{align-items:center;gap:4px;display:inline-flex}.wt-icon-14{font-size:14px}.wt-progress-track{background:#ffffff0f;border-radius:999px;height:6px;overflow:hidden}.wt-progress-fill{height:100%;transition:width .3s}.wt-analyze-btn{cursor:pointer;align-items:center;gap:8px;padding:12px 28px;font-size:14.5px;font-weight:700;display:flex;box-shadow:none!important;border-radius:99px!important;transition:all .25s!important}.wt-analyze-btn:hover{box-shadow:none!important;filter:brightness(1.15)!important;transform:translateY(-1px)!important}.wt-side-panel-title{border-bottom:1px solid #ffffff0d;margin:0;padding-bottom:16px;font-size:18px;font-weight:800}.wt-error-alert-margin{margin-bottom:16px}.wt-results-wrapper{flex-direction:column;gap:20px;display:flex}.wt-hud-card{border-radius:16px;align-items:center;gap:16px;padding:20px;display:flex}.wt-hud-card.green-hud{background:linear-gradient(135deg,#10b9811f 0%,#10b98108 100%);border:1px solid #10b98140}.wt-hud-card.orange-hud{background:linear-gradient(135deg,#f59e0b1f 0%,#f59e0b08 100%);border:1px solid #f59e0b40}.wt-hud-card.red-hud{background:linear-gradient(135deg,#ef44441f 0%,#ef444408 100%);border:1px solid #ef444440}.wt-score-value{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:900;display:flex}.green-hud .wt-score-value{background:#10b981;box-shadow:none!important}.orange-hud .wt-score-value{background:#f59e0b;box-shadow:none!important}.red-hud .wt-score-value{background:#ef4444;box-shadow:none!important}.wt-score-desc-wrapper{flex-direction:column;gap:2px;display:flex}.wt-score-desc-heading{color:var(--sk-text-main);align-items:center;gap:6px;font-size:16px;display:flex}.wt-icon-gold-trophy{color:#fbbf24;font-size:20px}.wt-icon-primary-thumb{color:var(--sk-primary);font-size:18px}.wt-icon-red-psy{color:#ef4444;font-size:18px}.wt-score-subtitle{color:var(--sk-text-muted);margin:0;font-size:12px}.wt-breakdown-card{background:#ffffff03;border:1px solid #ffffff0a;border-radius:16px;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.wt-breakdown-heading{text-transform:uppercase;color:var(--sk-text-muted);letter-spacing:.05em;font-size:11px;font-weight:800}.wt-criteria-label-row{justify-content:space-between;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.wt-criteria-track{background:#ffffff0d;border-radius:2px;height:4px;overflow:hidden}.wt-criteria-fill{height:100%;transition:width .3s}.wt-criteria-fill.purple{background:#a855f7}.wt-criteria-fill.blue{background:#3b82f6}.wt-criteria-fill.green{background:#10b981}.wt-feedback-box{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;gap:8px;padding:16px 20px;display:flex}.wt-section-label{color:var(--sk-text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;margin:0;font-size:11px;font-weight:800;display:flex}.wt-section-label.wt-mb-12{margin-bottom:12px}.wt-feedback-narrative-text{color:var(--sk-text-main);margin:0;font-size:13.5px;line-height:1.6}.wt-vocab-list{flex-direction:column;gap:12px;display:flex}.wt-card-top-header{justify-content:space-between;align-items:center;display:flex}.wt-vocab-word-term{font-size:15px;font-weight:800}.vocab-feedback-item-card.found .wt-vocab-word-term{color:#10b981}.vocab-feedback-item-card.not-found .wt-vocab-word-term{color:var(--sk-text-muted)}.wt-found-badge{text-transform:uppercase;align-items:center;gap:4px;font-size:11px;font-weight:800;display:inline-flex}.vocab-feedback-item-card.found .wt-found-badge{color:#10b981}.vocab-feedback-item-card.not-found .wt-found-badge{color:var(--sk-text-muted)}.wt-vocab-def{color:var(--sk-text-main);align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.wt-vocab-arrow{color:var(--sk-primary);flex-shrink:0;font-size:18px}.wt-vocab-note{color:var(--sk-text-muted);background:#ffffff05;border-radius:8px;align-items:flex-start;gap:6px;margin:2px 0 0;padding:8px 12px;font-size:12px;font-style:italic;display:flex}.wt-vocab-bulb{color:#fbbf24;flex-shrink:0;margin-top:2px;font-size:15px}.wt-reset-btn{border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:12px;font-size:14px;font-weight:700;display:flex}.wt-empty-fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 20px;display:flex}.wt-empty-icon-wrap{width:80px;height:80px;color:var(--sk-primary);background:#6366f10f;border:1px solid #6366f11a;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 24px #00000014}.wt-empty-title{color:var(--sk-text-main);margin:0;font-size:16px;font-weight:800}.wt-empty-desc{color:var(--sk-text-muted);max-width:280px;margin:0;font-size:13px;line-height:1.6}.wt-icon-40{font-size:40px}.skills-grid-layout{gap:20px!important;transition:all .5s cubic-bezier(.16,1,.3,1)!important;display:flex!important;position:relative!important;overflow:hidden!important}.main-workspace-panel.wt-main-panel-container{flex:1.4!important;width:100%!important;transition:all .5s cubic-bezier(.16,1,.3,1)!important}.feedback-slide-out-sheet.guide-side-panel{opacity:1!important;pointer-events:auto!important;flex-direction:column!important;flex:1!important;transition:all .5s cubic-bezier(.16,1,.3,1)!important;display:flex!important;position:relative!important;transform:translate(0)!important}.skills-grid-layout:not(.is-feedback-open) .feedback-slide-out-sheet.guide-side-panel{opacity:0!important;pointer-events:none!important;width:460px!important;height:100%!important;position:absolute!important;top:0!important;right:0!important;transform:translate(110%)!important}.skills-grid-layout:not(.is-feedback-open) .main-workspace-panel.wt-main-panel-container,.skills-grid-layout.is-zen:not(.is-feedback-open) .main-workspace-panel.wt-main-panel-container{flex:1!important}.skills-grid-layout.is-zen .feedback-slide-out-sheet.guide-side-panel{z-index:100!important;pointer-events:none!important;opacity:0!important;width:480px!important;height:100%!important;position:absolute!important;top:0!important;right:0!important;transform:translate(110%)!important}.skills-grid-layout.is-zen.is-feedback-open .feedback-slide-out-sheet.guide-side-panel{pointer-events:auto!important;opacity:1!important;-webkit-backdrop-filter:blur(35px)saturate(190%)!important;background:#0f172ad9!important;border-left:1px solid #ffffff1a!important;position:absolute!important;transform:translate(0)!important;box-shadow:-15px 0 45px #0009!important}.wt-header-actions{align-items:center!important;gap:8px!important;display:flex!important}.wt-zen-toggle-btn{color:var(--sk-primary)!important;box-shadow:none!important;background:#6366f114!important;border:1px solid #6366f133!important;border-radius:99px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.wt-zen-toggle-btn:hover{box-shadow:none!important;filter:brightness(1.15)!important;background:#6366f126!important}.wt-zen-toggle-btn.active{color:#fff!important;box-shadow:none!important;background:linear-gradient(135deg,#6366f1e6 0%,#8b5cf6e6 100%)!important;border-color:#ffffff1a!important}.wt-zen-toggle-btn.active:hover{box-shadow:none!important;filter:brightness(1.1)!important}.wt-view-feedback-btn{color:#10b981!important;box-shadow:none!important;background:#10b98114!important;border:1px solid #10b98133!important;border-radius:99px!important;align-items:center!important;gap:4px!important;display:flex!important}.wt-view-feedback-btn:hover{box-shadow:none!important;filter:brightness(1.1)!important;background:#10b98126!important}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow-green}@keyframes pulse-glow-green{0%{box-shadow:0 0 #10b9814d}70%{box-shadow:0 0 0 5px #10b98100}to{box-shadow:0 0 #10b98100}}.writing-topic-briefcase-card.wt-topic-collapsed{cursor:pointer!important;background:#ffffff03!important;border:1px dashed #ffffff26!important;margin-top:10px!important;padding:10px 18px!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.writing-topic-briefcase-card.wt-topic-collapsed:hover{background:#ffffff08!important;border-color:#6366f14d!important}.writing-topic-briefcase-card.wt-topic-collapsed .wt-topic-text{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:90%!important;font-size:13.5px!important;font-weight:600!important;overflow:hidden!important}.writing-topic-briefcase-card.wt-topic-collapsed .wt-keywords-row{opacity:0!important;border-top:none!important;max-height:0!important;margin-top:0!important;padding-top:0!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;overflow:hidden!important}.writing-topic-briefcase-card.wt-topic-collapsed.is-expanded{background:#ffffff05!important;border-style:solid!important;border-color:#6366f140!important}.writing-topic-briefcase-card.wt-topic-collapsed.is-expanded .wt-topic-text{white-space:normal!important;font-size:16px!important;font-weight:800!important;overflow:visible!important}.writing-topic-briefcase-card.wt-topic-collapsed.is-expanded .wt-keywords-row{opacity:1!important;border-top:1px solid #ffffff0d!important;max-height:200px!important;margin-top:12px!important;padding-top:12px!important}.wt-topic-expand-indicator{text-transform:uppercase;letter-spacing:.05em;color:var(--sk-primary)!important;justify-content:flex-end!important;align-items:center!important;gap:4px!important;margin-bottom:4px!important;font-size:11px!important;font-weight:700!important;display:flex!important}.wt-expand-arrow-icon{font-size:14px!important}.notebook-paper-editor{line-height:32px!important;font-family:"Outfit", "Inter", var(--font-sans), sans-serif!important;letter-spacing:.01em!important;background-color:#0f172a73!important;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#0000 40px,#f43f5e40 40px 42px,#0000 42px)!important;background-position:0 15px,0 0!important;background-size:100% 32px,100% 100%!important;background-attachment:local!important;border:1px solid #ffffff14!important;border-radius:16px!important;min-height:280px!important;padding:22px 20px 22px 54px!important;font-size:15px!important;box-shadow:inset 0 4px 20px #00000040!important}.notebook-paper-editor:focus{border-color:#6366f173!important;box-shadow:inset 0 4px 20px #00000040!important}.wt-side-panel-header-row{border-bottom:1px solid #ffffff0d!important;justify-content:space-between!important;align-items:center!important;padding-bottom:16px!important;display:flex!important}.wt-side-panel-header-row .wt-side-panel-title{border-bottom:none!important;padding-bottom:0!important}.wt-close-sheet-btn{width:32px!important;height:32px!important;color:var(--sk-text-muted)!important;cursor:pointer!important;background:#ffffff0f!important;border:1px solid #ffffff14!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:flex!important}.wt-close-sheet-btn:hover{color:var(--sk-text-main)!important;background:#ffffff1f!important;transform:rotate(90deg)!important}.wt-slide-out-scroll-body{flex:1!important;padding-top:16px!important;padding-right:4px!important;overflow-y:auto!important}.wt-slide-out-scroll-body::-webkit-scrollbar{width:6px}.wt-slide-out-scroll-body::-webkit-scrollbar-track{background:0 0}.wt-slide-out-scroll-body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.wt-slide-out-scroll-body::-webkit-scrollbar-thumb:hover{background:#ffffff26}.skills-grid-layout,.wt-main-panel-container,.writing-topic-briefcase-card,.feedback-slide-out-sheet,.guide-side-panel{box-shadow:none!important}.wt-results-wrapper{flex-direction:column!important;min-height:calc(100vh - 180px)!important;display:flex!important}.wt-results-tab-bar{border-bottom:1px solid #ffffff14!important;gap:4px!important;margin-bottom:20px!important;padding-bottom:2px!important;display:flex!important}.wt-results-tab-btn{color:var(--sk-text-muted)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-bottom:2px solid #0000!important;border-radius:0!important;outline:none!important;align-items:center!important;gap:8px!important;padding:10px 16px!important;font-size:14px!important;font-weight:650!important;transition:all .2s!important;display:flex!important}.wt-results-tab-btn:hover{color:var(--sk-text-main)!important}.wt-results-tab-btn.active{color:var(--sk-primary)!important;border-bottom-color:var(--sk-primary)!important}.wt-tab-icon{font-size:16px!important}.wt-tab-content-pane{flex-direction:column!important;flex:1!important;gap:20px!important;padding-bottom:24px!important;display:flex!important}.score-badge-hud.wt-hud-card{background:#ffffff05!important;border:1px solid #ffffff0f!important;border-radius:16px!important;align-items:center!important;gap:16px!important;padding:16px!important;display:flex!important}.score-main-value.wt-score-value{color:#fff!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:64px!important;height:64px!important;font-size:24px!important;font-weight:850!important;display:flex!important}.green-hud .score-main-value.wt-score-value{background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important}.orange-hud .score-main-value.wt-score-value{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important}.red-hud .score-main-value.wt-score-value{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important}.wt-reset-action-container{background:0 0!important;border-top:1px solid #ffffff14!important;flex-direction:column!important;margin-top:auto!important;padding-top:16px!important;display:flex!important}.vocab-feedback-item-card{background:#ffffff05!important;border:1px solid #ffffff0f!important;border-radius:12px!important;padding:14px!important;transition:all .2s!important}.vocab-feedback-item-card.found{background:#10b98108!important;border-left:3px solid #10b981!important}.vocab-feedback-item-card.not-found{opacity:.75!important;border-left:3px solid #ffffff26!important}.not-found-note{color:var(--sk-text-muted)!important;font-style:italic!important}.vocab-feedback-item-card .wt-vocab-bulb.info{color:var(--sk-text-muted)!important}.wt-inline-results-panel{width:100%!important;box-shadow:none!important;background:#0f172a66!important;border:1px solid #ffffff14!important;border-radius:20px!important;margin-top:28px!important;padding:24px!important}.wt-results-content-body{width:100%!important;margin-top:16px!important}.wt-overview-layout-grid{grid-template-columns:1fr 1.5fr!important;align-items:start!important;gap:24px!important;margin-bottom:24px!important;display:grid!important}.vocab-breakdown-list.wt-vocab-list{grid-template-columns:repeat(2,1fr)!important;gap:16px!important;display:grid!important}@media (width<=900px){.wt-overview-layout-grid,.vocab-breakdown-list.wt-vocab-list{grid-template-columns:1fr!important}}:root{--sk-primary-rgb:99, 102, 241;--sk-primary:#6366f1;--sk-primary-hover:#4f46e5;--sk-card-bg:#ffffff73;--sk-card-border:#fff9;--sk-text-main:#0f172a;--sk-text-muted:#475569;--sk-inner-bg:#ffffffa6;--sk-inner-border:#e2e8f0cc;--sk-input-bg:#ffffffd9;--success:#10b981;--success-dark:#047857;--warning:#f59e0b;--warning-dark:#b45309;--danger:#ef4444;--danger-dark:#b91c1c;--sk-segmented-bg:#0f172a0a;--sk-segmented-border:#0f172a0d;--sk-tab-slider-bg:#ffffffb3;--sk-tab-slider-border:#ffffff73;--sk-tab-slider-shadow:0 4px 14px #0000000d, inset 0 1px 1px #fffc;--sk-tab-active-text:var(--sk-text-main)}html.dark{--sk-primary-rgb:129, 140, 248;--sk-primary:#818cf8;--sk-primary-hover:#6366f1;--sk-card-bg:#0f172a59;--sk-card-border:#ffffff14;--sk-text-main:#f8fafc;--sk-text-muted:#94a3b8;--sk-inner-bg:#1e293b4d;--sk-inner-border:#ffffff0d;--sk-input-bg:#0f172aa6;--success:#34d399;--success-dark:#6ee7b7;--warning:#fbbf24;--warning-dark:#fcd34d;--danger:#f87171;--danger-dark:#fca5a5;--sk-segmented-bg:#00000040;--sk-segmented-border:#ffffff0d;--sk-tab-slider-bg:#ffffff1f;--sk-tab-slider-border:#ffffff26;--sk-tab-slider-shadow:0 4px 16px #00000040, inset 0 1px 1px #ffffff26;--sk-tab-active-text:#fff}.skills-practice-page-container{box-sizing:border-box;width:100%;max-width:100%;margin:0 auto;padding:0;animation:.4s ease-out fadeIn}.skills-hub-menu-container{max-width:1200px;margin:0 auto;padding:0 24px 40px}.skills-hub-header{text-align:left;margin-bottom:32px}.skills-hub-title{letter-spacing:-.7px;font-size:30px;font-weight:950;font-family:var(--font-display,inherit);color:var(--sk-text-main);margin:0 0 10px}.skills-hub-desc{color:var(--sk-text-muted);max-width:600px;margin:0;font-size:14.5px;line-height:1.5}.skills-active-header-desc{color:var(--sk-text-muted);max-width:800px;margin-top:6px;padding-left:0;font-size:14px;line-height:1.5}.skills-back-btn{width:40px;height:40px;color:var(--sk-text-main);cursor:pointer;-webkit-backdrop-filter:blur(12px)saturate(180%);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #00000014,inset 0 1px #ffffff1a}.skills-back-btn:hover{color:var(--sk-primary);background:#ffffff1a;border-color:#fff3;transform:scale(1.05)}.skills-back-btn:active{transform:scale(.95)}.glass-select{appearance:none;padding-right:32px;transition:border-color .2s,box-shadow .2s}.glass-select:focus{border-color:var(--sk-primary);box-shadow:0 0 0 3px rgba(var(--sk-primary-rgb), .15)}.skills-hub-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1024px){.skills-hub-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width<=640px){.skills-hub-grid{grid-template-columns:1fr;gap:16px}}.skills-hub-footer-tip{width:fit-content;color:var(--sk-text-muted);box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff0f;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin:40px auto 0;padding:12px 24px;font-size:13.5px;font-weight:500;display:flex;box-shadow:0 4px 12px #0000001a}@media (width<=640px){.skills-hub-footer-tip{text-align:left;border-radius:16px;justify-content:flex-start;align-items:flex-start;width:100%;margin-top:24px;padding:12px 16px;font-size:12.5px;line-height:1.5}}.skills-hub-card{perspective:1000px;cursor:pointer;-webkit-backdrop-filter:blur(20px);border-radius:24px;justify-content:center;align-items:center;min-height:350px;padding:0;transition:transform .8s cubic-bezier(.175,.885,.32,1.275),box-shadow .8s cubic-bezier(.175,.885,.32,1.275),border-color .35s;display:flex;position:relative;overflow:hidden}.skills-hub-card:hover{transform:scale(1.05)}.skills-card-speaking{background:linear-gradient(135deg,#a855f714 0%,#7c3aed08 100%);border:1px solid #a855f729}.skills-card-speaking:hover{border-color:#a855f773;box-shadow:none!important}.skills-card-listening{background:linear-gradient(135deg,#3b82f614 0%,#1d4ed808 100%);border:1px solid #3b82f629}.skills-card-listening:hover{border-color:#3b82f673;box-shadow:none!important}.skills-card-reading{background:linear-gradient(135deg,#10b98114 0%,#04785708 100%);border:1px solid #10b98129}.skills-card-reading:hover{border-color:#10b98173;box-shadow:none!important}.skills-card-writing{background:linear-gradient(135deg,#f59e0b14 0%,#b4530908 100%);border:1px solid #f59e0b29}.skills-card-writing:hover{border-color:#f59e0b73;box-shadow:none!important}.skills-card-front{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:44px 24px 36px;transition:all .6s cubic-bezier(.175,.885,.32,1.275);display:flex}.skills-card-mascot-img{object-fit:contain;width:170px;height:170px;margin-bottom:24px;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.skills-card-front-title{color:var(--sk-text-main);margin:0;font-size:24px;font-weight:950;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.skills-hub-card:hover .skills-card-front{opacity:0;scale:0}.skills-hub-card:hover .skills-card-mascot-img{scale:0}.skills-card-back{box-sizing:border-box;text-align:center;transform-origin:bottom;background:inherit;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:32px 24px;transition:all .6s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:0;left:0;transform:rotateX(-90deg)}.skills-hub-card:hover .skills-card-back{transform:rotateX(0)}.skills-card-back-title{color:var(--sk-text-main);margin:0 0 12px;font-size:22px;font-weight:900}.skills-card-desc{color:var(--sk-text-muted);margin:0 0 24px;font-size:13.5px;line-height:1.5}.skills-card-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:10px 20px;font-size:13px;font-weight:800;transition:opacity .2s,transform .2s}.skills-card-btn:hover{opacity:.95}.skills-card-btn:active{transform:scale(.98)}.skills-nav-back-bar{align-items:center;margin-bottom:16px;display:flex}.skills-nav-back-link{color:#c084fc;cursor:pointer;align-items:center;gap:6px;font-size:13.5px;font-weight:700;transition:color .18s,transform .18s;display:inline-flex}.skills-nav-back-link:hover{color:#a855f7;transform:translate(-2px)}.section-label{color:var(--sk-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:11.5px;font-weight:800;display:block}.skills-practice-page-container.speaking-practice-page{flex-direction:column;gap:16px;min-height:calc(100vh - 120px);display:flex}.skills-segmented-navigator{background:var(--sk-segmented-bg);border:1px solid var(--sk-segmented-border);z-index:1;-webkit-backdrop-filter:blur(16px)saturate(140%);border-radius:99px;gap:0;width:100%;max-width:680px;margin:0 auto 24px;padding:4px;display:flex;position:relative;box-shadow:0 12px 30px #00000008,inset 0 1px #fff6}html.dark .skills-segmented-navigator{box-shadow:0 15px 35px #0003,inset 0 1px #ffffff0d}.skills-segmented-tab-btn{max-width:none;color:var(--sk-text-muted);cursor:pointer;z-index:1;box-shadow:none;background:0 0;border:none;border-radius:99px;outline:none;flex:1 1 0;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-size:14px;font-weight:700;transition:color .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.skills-segmented-tab-btn:hover{color:var(--sk-text-main);background:0 0}.skills-segmented-tab-btn.active-indicator{color:var(--sk-tab-active-text);box-shadow:none;background:0 0;font-weight:800}.skills-tab-slider{background:var(--sk-tab-slider-bg);border:1px solid var(--sk-tab-slider-border);width:calc(25% - 2px);height:calc(100% - 8px);box-shadow:var(--sk-tab-slider-shadow);-webkit-backdrop-filter:blur(12px)saturate(130%);z-index:0;pointer-events:none;transform:translateX(calc(var(--active-index) * 100%));border-radius:99px;transition:transform .35s cubic-bezier(.25,1,.5,1);position:absolute;top:4px;bottom:4px;left:4px}.skills-grid-layout{grid-template-columns:1.4fr 1fr;align-items:start;gap:20px;display:grid}.glass-card{background:var(--sk-card-bg);border:1px solid var(--sk-card-border);-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:20px;flex-direction:column;gap:24px;padding:28px;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 20px 40px #0000000a,inset 0 1px #fff9}html.dark .glass-card{box-shadow:0 25px 50px #00000059,inset 0 1px #ffffff0d}.glass-card:hover{transform:translateY(-3px);box-shadow:0 30px 60px #00000014,inset 0 1px #fffc}html.dark .glass-card:hover{box-shadow:0 35px 70px #00000073,inset 0 1px #ffffff14}.speaking-container{grid-template-columns:1.4fr 1fr;align-items:start;gap:24px;display:grid}.speaking-visualizer-card{background:var(--sk-card-bg);border:1px solid var(--sk-card-border);-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:20px;flex-direction:column;align-items:center;gap:24px;padding:28px;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;box-shadow:0 20px 40px #0000000a,inset 0 1px #fff9}html.dark .speaking-visualizer-card{box-shadow:0 25px 50px #00000059,inset 0 1px #ffffff0d}.speaking-visualizer-card:hover{transform:translateY(-3px);box-shadow:0 30px 60px #00000014,inset 0 1px #fffc}html.dark .speaking-visualizer-card:hover{box-shadow:0 35px 70px #00000073,inset 0 1px #ffffff14}.quiz-questions-scrollable,.dictation-textarea-editor,.writing-textarea-editor{scrollbar-width:thin;scrollbar-color:#00000026 transparent}html.dark .quiz-questions-scrollable,html.dark .dictation-textarea-editor,html.dark .writing-textarea-editor{scrollbar-color:#ffffff26 transparent}.quiz-questions-scrollable::-webkit-scrollbar{width:6px;height:6px}.dictation-textarea-editor::-webkit-scrollbar{width:6px;height:6px}.writing-textarea-editor::-webkit-scrollbar{width:6px;height:6px}.quiz-questions-scrollable::-webkit-scrollbar-track{background:0 0;border-radius:999px}.dictation-textarea-editor::-webkit-scrollbar-track{background:0 0;border-radius:999px}.writing-textarea-editor::-webkit-scrollbar-track{background:0 0;border-radius:999px}.quiz-questions-scrollable::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px;transition:background .2s}.dictation-textarea-editor::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px;transition:background .2s}.writing-textarea-editor::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px;transition:background .2s}.quiz-questions-scrollable::-webkit-scrollbar-thumb:hover{background:#00000040}.dictation-textarea-editor::-webkit-scrollbar-thumb:hover{background:#00000040}.writing-textarea-editor::-webkit-scrollbar-thumb:hover{background:#00000040}html.dark .quiz-questions-scrollable::-webkit-scrollbar-thumb{background:#ffffff26}html.dark .dictation-textarea-editor::-webkit-scrollbar-thumb{background:#ffffff26}html.dark .writing-textarea-editor::-webkit-scrollbar-thumb{background:#ffffff26}html.dark .quiz-questions-scrollable::-webkit-scrollbar-thumb:hover{background:#ffffff40}html.dark .dictation-textarea-editor::-webkit-scrollbar-thumb:hover{background:#ffffff40}html.dark .writing-textarea-editor::-webkit-scrollbar-thumb:hover{background:#ffffff40}.glass-card.main-workspace-panel{min-height:520px}.glass-card.guide-side-panel{background:var(--sk-card-bg);min-height:520px}.panel-eyebrow{text-transform:uppercase;color:var(--sk-text-muted);letter-spacing:.8px;margin:0 0 6px;font-size:11px;font-weight:800}.workspace-header-row{border-bottom:1px solid var(--sk-inner-border);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.compact-indicator-badge{background:rgba(var(--sk-primary-rgb), .1);color:var(--sk-primary);white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:800}.sentence-showcase-box{background:var(--sk-inner-bg);border:1px solid var(--sk-inner-border);border-radius:var(--radius-lg);padding:24px 28px}.sentence-display-text{color:var(--sk-text-main);margin:0;font-size:22px;font-weight:700;line-height:1.6}.action-buttons-row{gap:12px;display:flex}.speaking-pulse-btn{flex:1;justify-content:center;gap:10px}.active-listening{background:var(--danger);box-shadow:0 0 15px #ef444466}.pulse-mic-icon{justify-content:center;align-items:center;display:flex;position:relative}.pulse-ripple-ring{border:2px solid #fff;border-radius:50%;width:32px;height:32px;animation:1.6s ease-out infinite pulseRipple;position:absolute}@keyframes pulseRipple{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}.listening-visual-indicator{background:rgba(var(--sk-primary-rgb), .05);border:1px dashed var(--sk-primary);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.animated-audio-wave{align-items:flex-end;gap:3px;height:24px;display:flex}.wave-bar{background:var(--sk-primary);border-radius:2px;width:3px;height:6px;animation:1s ease-in-out infinite alternate voiceWave}@keyframes voiceWave{0%{height:6px}to{height:24px}}.listening-indicator-text{color:var(--sk-primary);margin:0;font-size:13.5px;font-weight:700}.result-stats-header{background:var(--sk-inner-bg);border:1px solid var(--sk-inner-border);border-radius:var(--radius-md);align-items:center;gap:20px;padding:16px 20px;display:flex}.accuracy-circular-gauge{width:64px;height:64px;position:relative}.accuracy-circular-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}.gauge-track{fill:none;stroke:var(--sk-inner-border);stroke-width:6px}.gauge-fill{fill:none;stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .6s ease-in-out}.gauge-val-label{color:var(--sk-text-main);justify-content:center;align-items:center;font-size:14.5px;font-weight:900;display:flex;position:absolute;inset:0}.result-feedback-details h5{margin:0 0 2px;font-size:16px;font-weight:850}.result-feedback-details p{color:var(--sk-text-muted);margin:0;font-size:12px}.diff-analysis-block .section-label{color:var(--sk-text-muted);text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800}.diff-pill-container{flex-wrap:wrap;gap:8px;display:flex}.diff-pill-badge{border-radius:30px;align-items:center;gap:4px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.diff-pill-badge span.material-symbols-rounded{font-size:15px}.diff-pill-badge.correct{color:var(--success-dark);background:#10b9811f;border:1px solid #10b98140}.diff-pill-badge.incorrect{color:var(--danger);background:#ef44441f;border:1px solid #ef444440}.transcript-feedback-box{background:var(--sk-inner-bg);border:1px solid var(--sk-inner-border);border-radius:var(--radius-sm);padding:12px 16px}.transcript-feedback-box .section-label{text-transform:uppercase;color:var(--sk-text-muted);margin:0 0 4px;font-size:11px;font-weight:800}.transcript-quote{color:var(--sk-text-main);margin:0;font-size:13.5px;font-style:italic}.restart-btn{justify-content:center}.alert-banner{border-radius:var(--radius-md);gap:12px;padding:14px 16px;font-size:13.5px;display:flex}.error-alert{background:#ef444414;border:1px solid #ef444440}.alert-icon-wrap{color:var(--danger);flex-shrink:0}.alert-title{color:var(--danger-dark);margin:0 0 2px;font-weight:750}.alert-desc{color:var(--sk-text-muted);margin:0;line-height:1.4}.side-panel-title{color:var(--sk-text-main);margin:0 0 4px;font-size:16px;font-weight:900}.side-panel-desc{color:var(--sk-text-muted);margin:0;font-size:13px;line-height:1.5}.steps-list-vertical{flex-direction:column;gap:14px;margin-top:8px;display:flex}.step-card-item{background:var(--sk-inner-bg);border:1px solid var(--sk-inner-border);border-radius:var(--radius-md);gap:12px;padding:12px 14px;transition:transform .2s;display:flex}.step-card-item:hover{transform:translate(4px)}.step-icon-circle{background:rgba(var(--sk-primary-rgb), .1);width:32px;height:32px;color:var(--sk-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-info-content h6{color:var(--sk-text-main);margin:0 0 2px;font-size:13px;font-weight:800}.step-info-content p{color:var(--sk-text-muted);margin:0;font-size:11.5px;line-height:1.4}.side-panel-footer-tip{background:rgba(var(--sk-primary-rgb), .05);border:1px solid rgba(var(--sk-primary-rgb), .15);border-radius:var(--radius-sm);color:var(--sk-primary);gap:8px;padding:12px;font-size:11.5px;font-weight:600;line-height:1.45;display:flex}.side-panel-footer-tip span.material-symbols-rounded{flex-shrink:0;font-size:16px}.listening-player-dashboard-panel{background:linear-gradient(135deg, rgba(var(--sk-primary-rgb), .08) 0%, rgba(var(--sk-primary-rgb), .02) 100%);border:1px solid rgba(var(--sk-primary-rgb), .15);border-radius:16px;flex-direction:column;margin-bottom:24px;padding:0;display:flex;overflow:hidden;box-shadow:inset 0 1px #fff6}html.dark .listening-player-dashboard-panel{background:linear-gradient(135deg, rgba(var(--sk-primary-rgb), .12) 0%, rgba(var(--sk-primary-rgb), .03) 100%);border:1px solid rgba(var(--sk-primary-rgb), .25);box-shadow:inset 0 1px #ffffff0d}.listening-player-main-row{flex-wrap:wrap;align-items:center;gap:16px;padding:20px 24px;display:flex}.listening-player-divider{background:#ffffff0f;width:100%;height:1px}.listening-player-settings-row{background:#0000001a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;display:flex}.media-play-pill-btn{background:linear-gradient(135deg, var(--sk-primary) 0%, var(--sk-primary-hover) 100%);color:#fff;cursor:pointer;box-shadow:0 4px 14px rgba(var(--sk-primary-rgb), .4);border:none;border-radius:30px;align-items:center;gap:10px;padding:10px 22px 10px 12px;font-size:13.5px;font-weight:750;transition:all .25s cubic-bezier(.25,.8,.25,1);display:inline-flex}.media-play-pill-btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:none!important}.media-play-pill-btn.playing-state{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 14px #ef444466}.play-icon-circle{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.media-visualizer-wave{flex:1;justify-content:center;align-items:center;max-width:240px;height:32px;margin:0 auto;display:flex;overflow:hidden}.active-frequency-wave{align-items:center;gap:3px;height:100%;display:flex}.active-frequency-wave .wave-bar{background:var(--sk-primary);border-radius:99px;width:3px;animation:.8s ease-in-out infinite alternate audioFrequencies}.active-frequency-wave .wave-bar:nth-child(2n){animation-duration:.6s}.active-frequency-wave .wave-bar:nth-child(3n){animation-duration:.9s}@keyframes audioFrequencies{0%{transform:scaleY(.4)}to{transform:scaleY(1.1)}}.inactive-frequency-wave{opacity:.25;align-items:center;gap:3px;height:100%;display:flex}.inactive-frequency-wave .static-bar{background:var(--sk-text-muted);border-radius:99px;width:3px}.setting-slider-item{flex:1;align-items:center;gap:12px;min-width:200px;display:flex}.slider-label{color:var(--sk-text-main);white-space:nowrap;font-size:12.5px;font-weight:750}.playback-slider{height:6px;box-shadow:none;-webkit-appearance:none;cursor:pointer;background:#0f172a1f;border:none;border-radius:99px;outline:none;flex:1;margin:0;padding:0;transition:background .2s}html.dark .playback-slider{background:#ffffff26}.playback-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--sk-primary);width:16px;height:16px;box-shadow:0 3px 10px rgba(var(--sk-primary-rgb), .4);cursor:pointer;border:2px solid #fff;border-radius:50%;margin-top:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s}html.dark .playback-slider::-webkit-slider-thumb{border-color:#0f172a}.playback-slider::-moz-range-thumb{background:var(--sk-primary);width:16px;height:16px;box-shadow:0 3px 10px rgba(var(--sk-primary-rgb), .4);cursor:pointer;border:2px solid #fff;border-radius:50%;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s}html.dark .playback-slider::-moz-range-thumb{border-color:#0f172a}.playback-slider::-webkit-slider-thumb:hover{background:var(--sk-primary-hover);transform:scale(1.25);box-shadow:none!important}.playback-slider::-moz-range-thumb:hover{background:var(--sk-primary-hover);transform:scale(1.25);box-shadow:none!important}.primary-button,.secondary-button,.compact-btn,.media-play-pill-btn,.skills-back-btn,.check-btn,.analyze-btn,.reset-practice-btn{transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s,border-color .2s,box-shadow .2s!important}.primary-button:hover,.secondary-button:hover,.media-play-pill-btn:hover,.check-btn:hover,.analyze-btn:hover{transform:translateY(-2px);box-shadow:none!important}.primary-button:active,.secondary-button:active,.media-play-pill-btn:active,.check-btn:active,.analyze-btn:active,.skills-back-btn:active{transform:translateY(1px)scale(.96)!important}.hint-pill-text{color:var(--sk-text-muted);background:var(--sk-inner-bg);border:1px solid var(--sk-inner-border);border-radius:20px;padding:4px 10px;font-size:11.5px;font-weight:750}.dictation-editor-block .section-label{color:var(--sk-text-muted);text-transform:uppercase;margin-bottom:8px;font-size:12.5px;font-weight:800}.dictation-textarea-editor{border:1.5px solid var(--sk-inner-border);background:var(--sk-input-bg);width:100%;min-height:120px;color:var(--sk-text-main);resize:vertical;border-radius:12px;outline:none;padding:16px;font-family:inherit;font-size:14.5px;font-weight:500;line-height:1.6;transition:border-color .25s,box-shadow .25s}.dictation-textarea-editor:focus{border-color:var(--sk-primary);box-shadow:0 0 0 4px rgba(var(--sk-primary-rgb), .15)}.editor-controls-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;display:flex}.editor-hint-txt{color:var(--sk-text-muted);font-size:12px;font-weight:600}.empty-results-fallback{text-align:center;color:var(--sk-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.fallback-icon{color:var(--sk-inner-border);margin-bottom:12px;font-size:48px}.empty-results-fallback h6{color:var(--sk-text-main);margin:0 0 6px;font-size:14px;font-weight:800}.empty-results-fallback p{max-width:260px;margin:0;font-size:12px;line-height:1.5}.listening-results-view{flex-direction:column;gap:16px;display:flex}.score-badge-hud{background:var(--sk-inner-bg);border:1px solid var(--sk-inner-border);border-radius:16px;align-items:center;gap:16px;padding:20px;display:flex}.score-badge-hud.green-hud{background:linear-gradient(135deg,#10b98114 0%,#10b98105 100%);border-left:5px solid #10b981}.score-badge-hud.orange-hud{background:linear-gradient(135deg,#f59e0b14 0%,#f59e0b05 100%);border-left:5px solid #f59e0b}.score-badge-hud.red-hud{background:linear-gradient(135deg,#ef444414 0%,#ef444405 100%);border-left:5px solid #ef4444}.score-main-value{font-family:Outfit,sans-serif;font-size:32px;font-weight:900}.green-hud .score-main-value,.green-hud .score-desc-label strong{color:var(--success)}.orange-hud .score-main-value,.orange-hud .score-desc-label strong{color:#f59e0b}.red-hud .score-main-value,.red-hud .score-desc-label strong{color:var(--danger)}.score-desc-label strong{font-size:15px;font-weight:850}.score-desc-label p{color:var(--sk-text-muted);margin:2px 0 0;font-size:12px}.comparison-tokens-box{background:var(--sk-inner-bg);border:1px solid var(--sk-inner-border);border-radius:var(--radius-md);flex-wrap:wrap;gap:6px;padding:14px;display:flex}.diff-token-badge{border:1px solid;border-radius:30px;align-items:center;gap:4px;padding:4px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.diff-token-badge .token-icon-char{font-size:11px}.diff-token-badge.correct{color:var(--success-dark);background:#10b9811f;border-color:#10b98140}.diff-token-badge.extra{color:var(--warning-dark);background:#f59e0b1f;border-color:#f59e0b40}.diff-token-badge.missed{color:var(--danger-dark);background:#ef44441f;border-color:#ef444440}.legend-box-row{color:var(--sk-text-muted);justify-content:center;gap:14px;font-size:11px;font-weight:700;display:flex}.legend-indicator-item{align-items:center;gap:5px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.legend-dot.correct{background:var(--success)}.legend-dot.extra{background:#f59e0b}.legend-dot.missed{background:var(--danger)}.reset-practice-btn{justify-content:center;width:100%}.reading-meta-tags{align-items:center;gap:8px;margin-top:6px;display:flex}.level-badge-premium{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:2.5px 8px;font-size:10.5px;font-weight:800}.level-badge-premium.beginner-badge{color:#10b981;background:linear-gradient(135deg,#10b98133 0%,#10b9811a 100%);border:1px solid #10b9814d}.level-badge-premium.intermediate-badge{color:#818cf8;background:linear-gradient(135deg,#6366f133 0%,#6366f11a 100%);border:1px solid #6366f14d}.level-badge-premium.upper-badge{color:#f59e0b;background:linear-gradient(135deg,#f59e0b33 0%,#f59e0b1a 100%);border:1px solid #f59e0b4d}.level-badge-premium.advanced-badge{color:#ef4444;background:linear-gradient(135deg,#ef444433 0%,#ef44441a 100%);border:1px solid #ef44444d}.passage-index-label{color:var(--sk-text-muted);font-size:12px;font-weight:600}.navigation-controls{gap:6px;display:flex}.interactive-text-passage-box{letter-spacing:.2px;background:var(--sk-inner-bg);border:1px solid var(--sk-inner-border);color:var(--sk-text-main);word-spacing:1.5px;border-radius:16px;padding:24px 28px;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:500;line-height:2}.interactive-reading-word{cursor:pointer;border-radius:6px;margin:0 1px;padding:2px 5px;font-weight:550;transition:all .2s cubic-bezier(.25,.8,.25,1);display:inline-block}.interactive-reading-word:hover{background:rgba(var(--sk-primary-rgb), .15);color:var(--sk-primary);transform:scale(1.08);box-shadow:none!important}.reading-dictionary-footer-alert{background:var(--sk-inner-bg);border:1px solid var(--sk-inner-border);border-radius:var(--radius-md);color:var(--sk-text-muted);gap:8px;padding:12px 14px;font-size:12px;font-weight:600;display:flex}.reading-dictionary-footer-alert span.material-symbols-rounded{color:var(--success);font-size:16px}.reading-score-hud{flex-direction:column;gap:16px;display:flex}.reading-result-actions{flex-direction:column;gap:10px;display:flex}.full-width-btn{justify-content:center;width:100%}.reading-quiz-workspace{flex-direction:column;flex:1;display:flex;overflow:hidden}.quiz-questions-scrollable{flex-direction:column;flex:1;gap:18px;padding-right:4px;display:flex;overflow-y:auto}.quiz-question-card-wrapper{background:var(--sk-inner-bg);border:1px solid var(--sk-inner-border);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:12px;padding:20px;transition:transform .2s;display:flex}.quiz-question-card-wrapper:hover{transform:translateY(-1px)}.question-title-text{color:var(--sk-text-main);margin:0;font-size:13.5px;font-weight:800;line-height:1.5}.quiz-options-list-grid{flex-direction:column;gap:8px;display:flex}.quiz-option-item-btn{text-align:left;border:1.5px solid var(--sk-inner-border);background:var(--sk-input-bg);width:100%;color:var(--sk-text-main);cursor:pointer;border-radius:10px;outline:none;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.25,.8,.25,1);display:flex}.quiz-option-item-btn:hover:not(:disabled){border-color:var(--sk-primary);background:rgba(var(--sk-primary-rgb), .04);transform:translate(2px)}.quiz-option-item-btn.selected-correct{color:#10b981;background:#10b98114;border-color:#10b981;box-shadow:0 0 12px #10b98140}.quiz-option-item-btn.selected-incorrect{color:#ef4444;background:#ef444414;border-color:#ef4444;box-shadow:0 0 12px #ef444440}.quiz-option-item-btn.missed-correct-feedback{color:#10b981;background:#10b98108;border-style:dashed;border-color:#10b981}.quiz-option-item-btn.is-active-selected{background:rgba(var(--sk-primary-rgb), .08);border-color:var(--sk-primary);color:var(--sk-primary);box-shadow:0 0 12px rgba(var(--sk-primary-rgb), .25)}.quiz-explanation-box{color:var(--sk-text-muted);background:var(--sk-input-bg);border:1px solid var(--sk-inner-border);border-radius:var(--radius-sm);margin:0;padding:8px 12px;font-size:12px;font-weight:550;line-height:1.45}.writing-topic-briefcase-card{background:linear-gradient(135deg,#6366f114 0%,#a855f708 100%);border:1px solid #6366f129;border-radius:20px;flex-direction:column;gap:16px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f}@media (width<=640px){.writing-topic-briefcase-card{border-radius:16px;gap:12px;padding:16px}}.compact-nav-btn{transition:all .2s}.compact-nav-btn:hover:not(:disabled){color:var(--sk-primary);background:#6366f126;border-color:#6366f14d;transform:scale(1.08)}.compact-nav-btn:active:not(:disabled){transform:scale(.95)}.compact-nav-btn:disabled{opacity:.25;cursor:not-allowed}.topic-eyebrow{color:var(--sk-primary);text-transform:uppercase;letter-spacing:.5px;font-size:10.5px;font-weight:800}.writing-topic-briefcase-card h5{color:var(--sk-text-main);margin:0;font-family:Outfit,sans-serif;font-size:16px;font-weight:800;line-height:1.6}.suggested-keywords-row{color:var(--sk-text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:12px;font-weight:700;display:flex}.keyword-pill-tag{background:rgba(var(--sk-primary-rgb), .08);color:var(--sk-primary);border:1px solid rgba(var(--sk-primary-rgb), .15);border-radius:20px;padding:4px 10px;font-size:11px;font-style:italic;font-weight:750;transition:all .2s}.keyword-pill-tag:hover{background:var(--sk-primary);color:#fff;transform:translateY(-1px)}.writing-textarea-container{width:100%;position:relative}.writing-textarea-editor{width:100%;min-height:220px;color:var(--sk-text-main);resize:vertical;background:#0f172a73;border:1px solid #ffffff14;border-radius:16px;outline:none;padding:20px;font-family:inherit;font-size:15px;line-height:1.7;transition:all .3s;box-shadow:inset 0 2px 8px #00000026}.writing-textarea-editor:focus{border-color:var(--sk-primary);box-shadow:inset 0 2px 8px #00000026, 0 0 0 4px rgba(var(--sk-primary-rgb), .15)}@media (width<=640px){.writing-textarea-editor{min-height:180px;padding:16px}}.ai-scanning-overlay{-webkit-backdrop-filter:blur(4px);border-radius:var(--radius-md);text-align:center;z-index:10;background:#ffffffd9;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0;overflow:hidden}html.dark .ai-scanning-overlay{background:#0f172ad9}.scanning-bar-effect{background:linear-gradient(180deg, transparent, var(--sk-primary), transparent);opacity:.7;width:100%;height:6px;animation:2.2s ease-in-out infinite lineScanner;position:absolute;top:0;left:0}@keyframes lineScanner{0%{top:0%}50%{top:100%}to{top:0%}}.ai-scanning-overlay h6{color:var(--sk-primary);margin:12px 0 4px;font-size:14px;font-weight:900}.ai-scanning-overlay p{color:var(--sk-text-muted);margin:0;font-size:11.5px}.writing-word-count-dashboard{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:8px;display:flex}.word-count-progress-container{flex:1;min-width:220px}.word-count-text-labels{color:var(--sk-text-main);justify-content:space-between;margin-bottom:6px;font-size:12.5px;font-weight:750;display:flex}.word-status-tag-text{font-size:11.5px;font-weight:800}.word-progress-track{background:var(--sk-inner-border);border-radius:4px;width:100%;height:6px;overflow:hidden}.word-progress-fill{height:100%;transition:width .3s}.analyze-btn{padding:10px 20px}.writing-results-view{flex-direction:column;gap:16px;display:flex}.writing-feedback-narrative{background:var(--sk-inner-bg);border:1px solid var(--sk-inner-border);border-radius:var(--radius-md);padding:14px 16px}.writing-feedback-narrative .section-label{text-transform:uppercase;color:var(--sk-text-muted);margin:0 0 6px;font-size:11px;font-weight:800}.feedback-narrative-text{color:var(--sk-text-main);margin:0;font-size:13px;font-weight:550;line-height:1.5}.vocabulary-use-breakdown .section-label{text-transform:uppercase;color:var(--sk-text-muted);margin-bottom:8px;font-size:11px;font-weight:800}.vocab-breakdown-list{flex-direction:column;gap:10px;display:flex}.vocab-feedback-item-card{background:#ffffff03;border:1px solid #ffffff0d;border-radius:14px;flex-direction:column;gap:8px;padding:16px;transition:all .25s;display:flex;box-shadow:0 2px 8px #0000000d}.vocab-feedback-item-card:hover{transform:translateY(-2px);box-shadow:none!important}.vocab-feedback-item-card.found{background:linear-gradient(135deg,#10b9810f 0%,#10b98103 100%);border-color:#10b98140}.vocab-feedback-item-card.not-found{opacity:.8;background:#ffffff03}.card-top-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.vocab-word-term{color:var(--sk-text-main);font-size:14px;font-weight:850}.found-status-badge{text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:10px;font-weight:800;display:inline-flex}.found-status-badge span.material-symbols-rounded{font-size:13px}.found .vocab-word-term,.found .found-status-badge{color:var(--sk-primary)}.not-found .vocab-word-term,.not-found .found-status-badge{color:var(--sk-text-muted)}.vocab-word-definition{color:var(--sk-text-main);margin:0;font-size:12.5px;font-weight:550}.vocab-word-note{color:var(--sk-text-muted);margin:0;font-size:11.5px;font-style:italic;line-height:1.4}.skills-writing-filters-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:24px;display:flex}.filter-pill{background:#ffffff05;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;height:38px;padding:6px 32px 6px 14px;transition:all .25s;display:flex;position:relative}.filter-pill:hover{background:#ffffff0d;border-color:#6366f140;box-shadow:none!important}.filter-pill-icon{font-size:16px}.filter-pill-label{color:var(--sk-text-muted);border-right:1px solid #ffffff1a;align-items:center;margin-right:4px;padding-right:8px;font-size:12.5px;font-weight:800;display:flex}html.dark .filter-pill select,.filter-pill select{color:var(--sk-text-main);cursor:pointer;appearance:none;box-shadow:none;background:0 0;border:none;outline:none;width:auto;margin:0;padding:0;font-size:13px;font-weight:700}.select-arrow-icon{pointer-events:none;color:var(--sk-text-muted);justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;right:12px}.filter-count-badge{color:var(--sk-text-muted);background:#ffffff05;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:8px;height:32px;padding:6px 14px;font-size:12px;font-weight:700;display:flex}.dot-pulse{background:var(--success);width:6px;height:6px;box-shadow:0 0 8px var(--success);border-radius:50%;position:relative}@media (width<=900px){.skills-grid-layout,.speaking-container{grid-template-columns:1fr;gap:16px}.skills-segmented-navigator{scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:99px;flex-direction:row;width:100%;max-width:100%;padding:4px;display:flex;overflow-x:auto}.skills-segmented-navigator::-webkit-scrollbar{display:none}.skills-segmented-tab-btn{white-space:nowrap;border-radius:99px;flex:1 1 0;max-width:none;padding:10px 14px;font-size:13px}.skills-tab-slider{width:calc(25% - 2px);height:calc(100% - 8px);transform:translateX(calc(var(--active-index) * 100%));border-radius:99px;top:4px;bottom:4px;left:4px}}@media (width<=768px){.skills-practice-page-container{padding:12px 12px 60px}.skills-page-glass{width:calc(100% - 24px);margin-bottom:120px}.macos-address-bar{display:none}.macos-window-header{padding:10px 14px}.macos-window-content{padding:16px}}@media (width<=600px){.glass-card,.speaking-visualizer-card{gap:16px;padding:16px}.skills-page-glass .dictionary-glass-content.has-tab{padding:16px}.skills-page-glass .dictionary-glass-content.no-tab{padding:0}.skills-page-glass .macos-window-title-glass{font-size:11px;left:16px;transform:none}.skills-page-glass .skills-dashboard-btn{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;padding:0;display:flex}.skills-page-glass .dashboard-btn-text{display:none}.skills-segmented-tab-btn{gap:4px;padding:10px 4px;font-size:12px}.vocab-stats-circle-container{width:80px;height:80px;margin:0 auto 4px}.emitter-orb-centered{width:48px;height:48px}.progress-ring{width:100%;height:100%}.sentence-display-text{font-size:18px}.workspace-header-row{flex-direction:column;align-items:stretch;gap:12px}.navigation-controls{align-self:flex-end}.interactive-text-passage-box{padding:14px 16px;font-size:15px;line-height:1.8}.writing-word-count-dashboard{flex-direction:column;align-items:stretch;gap:14px}.analyze-btn{justify-content:center;width:100%}}@media (width<=480px){.listening-media-player-card{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.media-play-pill-btn{justify-content:center;width:100%}.media-visualizer-wave{justify-content:center;width:100%;display:flex}}.skills-active-header-wrapper{text-align:left;margin-bottom:24px}.skills-active-header-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.skills-hub-title-active{margin:0;font-size:28px;line-height:1.2}.skills-back-icon{font-size:20px}.skills-card-btn-speaking{background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%)}.skills-card-btn-listening{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.skills-card-btn-reading{background:linear-gradient(135deg,#10b981 0%,#047857 100%)}.skills-card-btn-writing{background:linear-gradient(135deg,#f59e0b 0%,#b45309 100%)}.skills-footer-tip-icon{color:#fbbf24;flex-shrink:0;margin-top:1px;font-size:18px;filter:none!important}.skills-writing-filters-container{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.skills-pill-icon-grade{color:#a855f7}.skills-pill-icon-topic{color:#3b82f6}.skills-page-glass-wrapper{width:95%;max-width:1200px;margin:16px auto 80px}.skills-page-glass .dictionary-glass-content.has-tab{padding:24px}.skills-page-glass .dictionary-glass-content.no-tab{padding:0}.review-page{max-width:680px;margin:16px auto 0}.vocab-card-actions{gap:10px;margin-top:4px;display:flex}.vocab-card-review-link-flex{flex:1;margin:0}.vocab-card-date-margin{margin:8px 0 0}.ai-helper-input-wrapper{flex-direction:column;gap:4px;width:100%;display:flex}.ai-helper-input-wrapper.compact{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ai-hint-hidden{display:none}.ai-helper-error{color:#ef4444;margin:4px 0 0;font-size:12px}.ai-result-hidden{display:none}.ai-helper-error-bottom{color:#ef4444;margin:4px 0 0;font-size:12.2px}.review-glass-content-loading{justify-content:center;align-items:center;min-height:300px;display:flex}.review-glass-content-error{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.review-loading-text{width:100%;margin:0}.review-empty-state{margin:40px 0}.review-empty-title{margin-top:12px;display:block}.review-empty-actions{margin-top:20px}.review-summary-container{text-align:center;width:100%;max-width:640px;margin:0 auto;padding:16px 0}.review-mascot-wrapper{margin-bottom:24px;position:relative}.review-mascot-img{width:120px;height:auto;margin:0 auto;animation:3s ease-in-out infinite float;display:block}.xp-badge-animated{color:#fff;background:linear-gradient(135deg,#fbbf24,#d97706);border-radius:20px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:700;animation:2s infinite pulse;display:inline-flex;position:absolute;bottom:-10px;left:55%;transform:translate(-50%);box-shadow:0 4px 14px #d9770666}.review-summary-title{font-size:26px;font-weight:900;font-family:var(--font-display);margin:0 0 8px}.review-summary-subtitle{margin:0 0 32px;font-size:15px}.review-summary-results-block{text-align:left;margin-bottom:32px}.review-summary-heading{text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:14px;font-weight:700}.review-summary-track{background:var(--neutral-100);border-radius:8px;height:16px;margin-bottom:8px;display:flex;overflow:hidden}.review-summary-bar-remembered{background:#10b981;transition:width .4s}.review-summary-bar-practice{background:#ef4444;transition:width .4s}.review-summary-legend-row{justify-content:space-between;font-size:13px;font-weight:600;display:flex}.review-summary-legend-item{align-items:center;gap:4px;display:inline-flex}.review-summary-legend-item.remembered{color:#10b981}.review-summary-legend-item.practice{color:#ef4444}.review-summary-legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.review-summary-legend-dot.remembered{background:#10b981}.review-summary-legend-dot.practice{background:#ef4444}.review-overall-block{text-align:left;border-top:1px solid #0000000f;margin-bottom:32px;padding-top:24px}.review-overall-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--neutral-500);margin:0 0 12px;font-size:14px;font-weight:700}.review-overall-track{background:var(--neutral-100);border-radius:8px;height:16px;margin-bottom:12px;display:flex;overflow:hidden}.review-overall-bar-remembered{background:#10b981}.review-overall-bar-learning{background:#f59e0b}.review-overall-bar-practice{background:#ef4444}.review-overall-bar-new{background:#64748b}.review-overall-grid{grid-template-columns:repeat(2,1fr);gap:10px 16px;font-size:12px;font-weight:600;display:grid}.review-overall-grid-item{align-items:center;gap:6px;display:flex}.review-overall-grid-dot{border-radius:2px;width:10px;height:10px;display:inline-block}.review-overall-grid-dot.remembered{background:#10b981}.review-overall-grid-dot.learning{background:#f59e0b}.review-overall-grid-dot.practice{background:#ef4444}.review-overall-grid-dot.new{background:#64748b}.review-overall-grid-label{color:var(--neutral-500)}.review-overall-grid-value{color:var(--neutral-800);margin-left:auto}.review-badge-due{color:var(--primary);background:#7c3aed0f;border:1px solid #7c3aed26;border-radius:10px;align-items:center;gap:6px;margin-bottom:24px;padding:12px 18px;font-size:14px;font-weight:600;display:inline-flex}.review-badge-icon-animated{animation:1s infinite bounce}.review-badge-done{color:#10b981;background:#10b9810f;border:1px solid #10b98126;border-radius:10px;align-items:center;gap:6px;margin-bottom:24px;padding:12px 18px;font-size:14px;font-weight:600;display:inline-flex}.review-actions-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.review-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.review-header-eyebrow{margin:0}.review-header-title{margin:4px 0 0}.review-autoplay-btn{border:1px solid var(--neutral-200);color:var(--neutral-400);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.review-autoplay-btn.active{color:var(--primary);border-color:#7c3aed33}.review-autoplay-icon{font-size:18px}.review-progress-track{background:var(--neutral-150,#e2e8f0);border-radius:3px;height:6px;margin-top:12px;margin-bottom:24px;overflow:hidden}.review-progress-bar{background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:3px;height:100%;transition:width .3s}.review-card-layout{flex-direction:column;flex:1;display:flex}.review-part-of-speech{text-transform:uppercase}.review-card-subtitle{color:var(--text-secondary);margin-bottom:16px}.review-hint-box{background:var(--neutral-50,#00000005);border:1px solid var(--neutral-150,#0000000f);color:var(--neutral-700);text-align:left;border-radius:12px;margin:16px 0;padding:14px 18px;font-size:15px;line-height:1.6}.review-hint-label{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-style:normal;font-weight:700;display:block}.review-hint-text{font-style:italic}.review-hint-translation{color:var(--neutral-500);margin:6px 0 0;font-size:13px;font-weight:500}.review-kbd-hint{opacity:.7;margin-left:4px;font-size:12px}.review-answer-block{border-top:1px solid var(--neutral-200);margin-top:24px;padding-top:20px}.review-answer-heading{color:var(--neutral-500);margin:0 0 8px;font-size:15px}.review-answer-text{margin:0 0 24px;font-size:18px;font-weight:700}.review-kbd-hint-inline{opacity:.7;margin-left:4px;font-size:11px}.review-footer-sticky{margin-top:auto}.review-progress-text{color:var(--text-secondary);font-size:13.5px;font-weight:700}.review-mode-select-container{text-align:center;flex-direction:column;gap:12px;max-width:680px;margin:0 auto;padding:20px 40px 30px;display:flex}.mode-select-title{letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:32px;font-weight:900}html:not(.dark) .mode-select-title{background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.mode-select-subtitle{color:#94a3b8;margin-bottom:24px;font-size:16px}html:not(.dark) .mode-select-subtitle{color:#64748b}.mode-select-grid{flex-direction:column;gap:20px;display:flex}.mode-select-card{text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border:1px solid #fff6;border-radius:24px;align-items:center;gap:24px;width:100%;padding:24px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 30px #00000008}.mode-select-card:hover{border-color:var(--primary);background:#fffffff2;transform:translateY(-4px)scale(1.01);box-shadow:none!important}html.dark .mode-select-card{color:#f1f5f9;background:#1e293b59;border:1px solid #ffffff14;box-shadow:0 4px 30px #0003}html.dark .mode-select-card:hover{background:#1e293bb3;border-color:#a855f7;box-shadow:none!important}.mode-icon-container{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:26px;display:flex}.bg-pink-10{color:#fda4af;background:#f43f5e26}.bg-blue-10{color:#93c5fd;background:#3b82f626}.bg-purple-10{color:#d8b4fe;background:#a855f726}.mode-select-card h3{color:#1e293b;margin:0 0 6px;font-size:18px;font-weight:800}.mode-select-card p{color:#475569;opacity:.95;margin:0;font-size:13.5px;line-height:1.5}html.dark .mode-select-card h3{color:#fff}html.dark .mode-select-card p{color:#cbd5e1;opacity:.9}.review-choices-grid{grid-template-columns:1fr;gap:12px;margin-top:24px;display:grid}.btn-choice{text-align:left;cursor:pointer;background:#fff9;border:1px solid #00000014;border-radius:14px;width:100%;padding:16px 20px;font-size:15px;font-weight:700;transition:all .2s;color:#0f172a!important}html.dark .btn-choice{background:#ffffff08;border-color:#ffffff14;color:#e2e8f0!important}.btn-choice:hover:not(:disabled){border-color:var(--primary);background:#ffffffe6}html.dark .btn-choice:hover:not(:disabled){background:#ffffff14}.btn-choice.correct{color:#10b981!important;background:#10b98126!important;border-color:#10b981!important}.btn-choice.incorrect{color:#ef4444!important;background:#ef444426!important;border-color:#ef4444!important}.review-spelling-container{flex-direction:column;gap:16px;width:100%;margin-top:24px;display:flex}.review-spelling-input{text-align:center;background:#fff9;border:1.5px solid #0000001a;border-radius:14px;width:100%;padding:16px 20px;font-size:17px;font-weight:700;transition:border-color .2s,box-shadow .2s}html.dark .review-spelling-input{color:#f8fafc;background:#0003;border-color:#ffffff14}.review-spelling-input:focus{border-color:var(--primary);outline:none}.review-spelling-input.correct{border-color:#10b981!important;box-shadow:0 0 0 3px #10b98133!important}.review-spelling-input.incorrect{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444433!important}.btn-check-spelling{width:100%;padding:16px;font-weight:800}@media (width<=768px){.review-mode-select-container{padding:24px 16px 90px}.mode-select-title{font-size:24px}.mode-select-subtitle{margin-bottom:20px;font-size:14px}.mode-select-grid{gap:12px}.mode-select-card{border-radius:18px;gap:16px;padding:14px 16px}.mode-icon-container{border-radius:12px;width:44px;height:44px;font-size:22px}.mode-select-card h3{margin-bottom:2px;font-size:15px}.mode-select-card p{font-size:12px;line-height:1.4}}.review-empty-success-icon{margin:0 auto 16px;display:block;color:#10b981!important;filter:none!important;font-size:64px!important}.sd-welcome-header-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:8px;display:flex}.sd-welcome-title{margin:0}.sd-streak-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:15px;font-weight:700;display:flex}.sd-streak-badge--active{color:#fb923c;background:#fb923c26;border:1px solid #fb923c4d}.sd-streak-badge--inactive{color:#9ca3af;background:#9ca3af1a;border:1px solid #9ca3af33}.sd-streak-emoji-inactive{filter:grayscale();opacity:.6;font-size:20px}.sd-streak-emoji-active{font-size:20px}.sd-quest-indicator-badge{color:#c084fc;cursor:pointer;-webkit-user-select:none;user-select:none;background:#a855f726;border:1px solid #a855f74d;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:15px;font-weight:700;transition:transform .2s,border-color .2s;display:flex}.sd-quest-indicator-badge:hover{border-color:#a855f799;transform:translateY(-2px)}.sd-target-emoji{font-size:20px}.sd-welcome-quote{margin:8px 0 0}.sd-level-progress-link{max-width:400px;margin-top:16px;text-decoration:none;display:block}.sd-level-progress-wrapper{cursor:pointer;transition:opacity .2s}.sd-level-progress-info{color:#ffffffe6;justify-content:space-between;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.sd-level-progress-label{align-items:center;gap:4px;display:flex}.sd-level-progress-icon{opacity:.8;font-size:12px}.sd-level-progress-track{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #ffffff1a;border-radius:4px;height:8px;overflow:hidden}.sd-level-progress-bar{background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;height:100%;transition:width .4s}.sd-stats-link{color:inherit;text-decoration:none}.sd-stats-tile-merged-wrapper{cursor:pointer;transition:transform .2s}.sd-achievements-section{margin-top:24px}.sd-achievements-header-row{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.sd-achievements-title{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:800;display:flex}.sd-achievements-title-icon{color:var(--warning-color)}.sd-achievements-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:12px}.sd-achievements-link{color:var(--primary);align-items:center;gap:4px;margin-bottom:4px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.sd-achievements-link-icon{font-size:16px}.sd-achievements-empty-state{text-align:center;color:var(--text-secondary);background:#00000003;border:1px dashed #0000001a;border-radius:12px;padding:16px;font-size:13px}html.dark .sd-achievements-empty-state{background:#ffffff05;border:1px dashed #ffffff1a}.sd-achievements-empty-state-link{color:var(--primary);font-weight:700}.inactive-streak{opacity:.6;filter:grayscale()}.dashboard-page .sd-launchpad-card-pink{background:linear-gradient(135deg,#ec48991a 0%,#f43f5e0f 100%);border:1px solid #ec489940}.dashboard-page .sd-launchpad-card-purple{background:linear-gradient(135deg,#a855f71a 0%,#6366f10f 100%);border:1px solid #a855f740}.dashboard-page .sd-launchpad-card-teal{background:linear-gradient(135deg,#10b9811a 0%,#0596690f 100%);border:1px solid #10b98140}.dashboard-page .sd-launchpad-card-rose{background:linear-gradient(135deg,#ec48991a 0%,#8b5cf60f 100%);border:1px solid #ec489940}.sd-quests-category-tag{letter-spacing:1.2px;color:#ffffff73;text-transform:uppercase;z-index:1;margin-bottom:4px;font-family:"var(--font-display)";font-size:10px;font-weight:800;display:block;position:relative}.sd-quests-header-row{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.sd-quests-quote-desc{color:#fff9;text-shadow:0 1px 2px #0000004d;z-index:1;margin:8px 0 12px;font-size:13px;font-style:italic;line-height:1.4;position:relative}.sd-quests-progress-wrapper{z-index:1;margin:14px 0 18px;position:relative}.sd-quests-progress-info{color:#ffffffb3;justify-content:space-between;margin-bottom:5px;font-size:11.5px;font-weight:700;display:flex}.sd-quests-progress-track{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.sd-quests-progress-bar{background:linear-gradient(90deg,#a78bfa,#34d399);border-radius:3px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.sd-quests-hud-divider{z-index:1;position:relative}.sd-quests-list-container{z-index:1}.dashboard-quests-banner-full{box-sizing:border-box;color:#fff;background:0 0;border-top:none;border-bottom:1px solid #ffffff14;align-items:center;width:100vw;max-width:100vw;min-height:480px;margin:-40px 0 32px -50vw;display:flex;position:relative;left:50%;right:auto;overflow:hidden}html:not(.dark) .dashboard-quests-banner-full{background:0 0;border-top:none;border-bottom:1px solid #0000000d}.quests-banner-video-bg{object-fit:cover;object-position:center center;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.quests-banner-content{z-index:2;box-sizing:border-box;width:100%;max-width:1600px;padding:40px var(--content-padding-x);justify-content:flex-end;align-items:center;gap:40px;margin:0 auto;display:flex;position:relative}.quests-content-right{width:100%;max-width:520px;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;flex:1;padding:0;position:relative}.quests-hud-card{-webkit-backdrop-filter:blur(16px);box-sizing:border-box;background:#0f172ad9;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:520px;padding:24px 28px;position:relative;overflow:hidden;box-shadow:0 20px 45px #00000073,inset 0 1px #ffffff0f}html body .dashboard-quests-banner-full .quests-hud-card.liquid-glass-panel{background:#0f172ad9;box-shadow:0 20px 45px #00000073,inset 0 1px #ffffff0f}.quests-hud-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;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}html body .dashboard-quests-banner-full .quests-hud-card.liquid-glass-panel:before{background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%)}.quests-hud-divider{background:linear-gradient(90deg,#ffffff1a 0%,#ffffff05 100%);width:100%;height:1px;margin:14px 0}.quests-list-container{flex-direction:column;gap:10px;width:100%;display:flex}.quest-stat-tile-hud{-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#00000040;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.quest-stat-tile-hud:hover{background:#00000059;border-color:#ffffff29;transform:translateY(-2px);box-shadow:none!important}.quest-stat-tile-hud.completed{background:#10b9810f;border-color:#10b98129}.quest-stat-tile-hud.completed:hover{background:#10b9811a;border-color:#10b9813d}.quest-stat-tile-hud .tile-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;transition:all .3s;display:flex}.quest-stat-tile-hud.blue .tile-icon{color:#93c5fd;background:#3b82f633;border:1px solid #3b82f64d}.quest-stat-tile-hud.purple .tile-icon{color:#c084fc;background:#a855f733;border:1px solid #a855f74d}.quest-stat-tile-hud.amber .tile-icon{color:#fde047;background:#f59e0b33;border:1px solid #f59e0b4d}.quest-stat-tile-hud.completed .tile-icon{color:#6ee7b7;background:#10b98133;border:1px solid #10b9814d}.quest-stat-tile-hud .tile-meta{flex-direction:column;flex:1;gap:1px;line-height:1.2;display:flex}.quest-stat-tile-hud .tile-meta strong{color:#fff;text-shadow:0 1px 2px #0006;font-size:13.5px;font-weight:700}.quest-stat-tile-hud.completed .tile-meta strong{color:#6ee7b7bf;text-decoration:line-through}.quest-stat-tile-hud .tile-meta span{color:#ffffff80;font-size:10.5px;font-weight:600}.quest-stat-tile-hud.completed .tile-meta span{color:#6ee7b780}.quest-stat-tile-hud .tile-right{align-items:center;gap:8px;display:flex}.quest-stat-tile-hud .xp-tag{font-family:var(--font-display);color:#34d399;text-shadow:0 1px 2px #0006;font-size:12px;font-weight:800}.quest-stat-tile-hud.completed .xp-tag{color:#34d399}.quests-hud-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#fff 10%,#a78bfa 50%,#34d399 90%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #0000004d);-webkit-background-clip:text;margin:0;font-size:22px;font-weight:900;display:inline-block}.quests-hud-subtitle{color:#ffffffa6;margin:4px 0 0;font-size:12.5px;font-weight:600}.quests-completion-badge-hud{color:#fff;letter-spacing:.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);font-size:10.5px;font-weight:800;font-family:var(--font-display);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;padding:4px 10px}.quests-completion-badge-hud.all-completed{color:#34d399;background:linear-gradient(135deg,#10b98126,#05966926);border:1px solid #10b9814d;box-shadow:0 0 8px #10b98133}@media (width>=769px){.dashboard-quests-banner-full{height:auto;min-height:auto;padding:0;display:block}.quests-banner-video-bg{width:100%;height:auto;display:block;position:relative}.quests-banner-content{padding:0 var(--content-padding-x);position:absolute;inset:0}.quests-content-right{margin-top:-80px;margin-right:23%}}.achievements-marquee-container-root{width:100%;margin-top:16px;margin-bottom:32px;position:relative}.achievements-marquee-container{width:100%;padding:12px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.achievements-marquee-track{gap:20px;width:max-content;animation:35s linear infinite marqueeScroll;display:flex}.achievements-marquee-track:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.marquee-achievement-card{text-align:center;width:130px;box-shadow:none;background:0 0;border:none;border-radius:20px;flex-shrink:0;padding:16px 10px 14px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative}html.dark .marquee-achievement-card,.marquee-achievement-card.unlocked,html.dark .marquee-achievement-card.unlocked{box-shadow:none;background:0 0;border:none}.marquee-achievement-card.locked{opacity:.55;box-shadow:none;background:0 0;border:none}html.dark .marquee-achievement-card.locked{box-shadow:none;background:0 0;border:none}.marquee-achievement-card:hover{box-shadow:none;transform:translateY(-5px)scale(1.04)}.marquee-achievement-card.unlocked:hover{box-shadow:none;border-color:#0000}.marquee-lock-indicator{color:#94a3b8;background:#0000000d;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex;position:absolute;top:8px;right:8px}html.dark .marquee-lock-indicator{color:#fff6;background:#ffffff0f;border:1px solid #ffffff1a}.marquee-badge-sphere{border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 10px;font-size:44px;transition:all .3s;display:flex}.unlocked .marquee-badge-sphere{color:#fbbf24;background:#fbbf2426;border:1.5px solid #fbbf244d;box-shadow:0 0 10px #fbbf2433}.locked .marquee-badge-sphere{color:#94a3b8;filter:grayscale();background:#00000008;border:1.5px solid #0000000f}html.dark .locked .marquee-badge-sphere{color:#fff3;background:#ffffff08;border:1.5px solid #ffffff14}.marquee-badge-title{letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13.5px;font-weight:800;line-height:1.3;overflow:hidden}.unlocked .marquee-badge-title{color:#d97706}html.dark .unlocked .marquee-badge-title{color:#fbbf24}.locked .marquee-badge-title{color:#94a3b8}.marquee-badge-desc{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:32px;font-size:11px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.unlocked .marquee-badge-desc{color:#475569}html.dark .unlocked .marquee-badge-desc,.locked .marquee-badge-desc{color:#94a3b8}@media (width<=768px){.dashboard-quests-banner-full{padding:24px 16px}.quests-banner-content{flex-direction:column;align-items:stretch;gap:20px}.quests-content-right{max-width:100%;padding:20px 16px}}.sd-coins-badge{color:#fbbf24;cursor:pointer;background:#fbbf2426;border:1px solid #fbbf244d;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:15px;font-weight:700;transition:transform .2s,border-color .2s;display:inline-flex}.sd-coins-badge .sd-target-emoji{color:#fbbf24}.sd-coins-badge:hover{border-color:#fbbf2499;transform:translateY(-2px)}.dashboard-page .apps-grid-merged .card-gold{color:#fff;background:linear-gradient(135deg,#d97706cc,#fbbf24cc);border:1.5px solid #fbbf2466;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 32px #fbbf2426}.dashboard-page .apps-grid-merged .card-gold:hover{transform:translateY(-4px);box-shadow:none!important}.sd-shop-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#0f172abf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sd-shop-modal{color:#0f172a;background:#fffffff2;border:1px solid #fff3;border-radius:24px;width:90%;max-width:800px;max-height:85vh;padding:32px;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}html.dark .sd-shop-modal{color:#f1f5f9;background:#0f172ae6;border:1px solid #ffffff14}.sd-shop-header{border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}html.dark .sd-shop-header{border-bottom-color:#ffffff14}.sd-shop-header h3{align-items:center;gap:10px;margin:0;font-size:24px;font-weight:900;display:flex}.shop-title-icon{color:#fbbf24;font-size:28px}.sd-shop-close-btn{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;transition:opacity .2s}.sd-shop-close-btn:hover{opacity:1}.sd-shop-balance-row{background:#0000000a;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 20px;font-size:16px;font-weight:700;display:flex}html.dark .sd-shop-balance-row{background:#ffffff0a}.shop-balance-value{color:#fbbf24;font-size:20px}.sd-shop-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;margin-bottom:20px;padding:12px;font-size:14px;font-weight:600}.sd-shop-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.sd-shop-item-card{text-align:center;background:#ffffffb3;border:1px solid #00000014;border-radius:16px;flex-direction:column;align-items:center;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}html.dark .sd-shop-item-card{background:#1e293b66;border-color:#ffffff0f}.sd-shop-item-card:hover{transform:translateY(-4px);box-shadow:none!important}.sd-shop-item-card.active{border-color:#fbbf24;box-shadow:0 0 20px #fbbf2433}.sd-shop-item-preview{justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:16px;display:flex}.sd-shop-item-preview img{object-fit:contain;max-width:100%;max-height:100%}.sd-shop-item-card h4{margin:0 0 8px;font-size:16px;font-weight:800}.sd-shop-item-desc{opacity:.7;height:50px;margin:0 0 20px;font-size:12px;line-height:1.4;overflow:hidden}.sd-shop-item-action{width:100%;margin-top:auto}.sd-shop-status-badge{border-radius:20px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-block}.sd-shop-status-badge.active{color:#fbbf24;background:#fbbf2426}.sd-shop-equip-btn,.sd-shop-unlock-btn{cursor:pointer;border:none;border-radius:12px;width:100%;padding:10px;font-size:14px;font-weight:700;transition:background .2s,transform .1s}.sd-shop-equip-btn{color:#fff;background:#3b82f6}.sd-shop-equip-btn:hover{background:#2563eb}.sd-shop-unlock-btn{color:#0f172a;background:#fbbf24}.sd-shop-unlock-btn:hover:not(:disabled){background:#f59e0b}.sd-shop-unlock-btn:disabled{color:#0000004d;cursor:not-allowed;background:#00000014}html.dark .sd-shop-unlock-btn:disabled{color:#ffffff4d;background:#ffffff14}.achievement-badge-img{object-fit:contain;display:block}.shop-page{padding:8px 16px}.shop-title-section{margin-bottom:32px}.shop-title-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.shop-title-section h2{color:#fff;font-size:28px;font-weight:800;font-family:var(--font-display);align-items:center;gap:10px;margin:0;display:flex}.shop-title-section h2 span.material-symbols-rounded{color:#fbbf24;font-size:32px}.shop-balance-badge{color:#fbbf24;-webkit-backdrop-filter:blur(8px);background:#fbbf2426;border:1px solid #fbbf244d;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:15px;font-weight:700;display:inline-flex}.shop-title-section p{color:#fff9;margin:0;font-size:14px;font-weight:500}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin-bottom:40px;display:grid}.shop-item-card{text-align:center;background:0 0;border:none;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:380px;padding:24px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.shop-item-card:hover{transform:translateY(-8px)}.shop-item-card.active{box-shadow:none;background:0 0;border:none}.shop-item-preview{background:0 0;border:none;justify-content:center;align-items:center;height:190px;margin-bottom:20px;display:flex;position:relative}.preview-astro_cadet{--mascot-glow:34, 211, 238}html:not(.dark) .preview-astro_cadet{--mascot-glow:8, 145, 178}.preview-astro_scholar{--mascot-glow:167, 139, 250}html:not(.dark) .preview-astro_scholar{--mascot-glow:109, 40, 217}.preview-astro_ranger{--mascot-glow:16, 185, 129}html:not(.dark) .preview-astro_ranger{--mascot-glow:4, 120, 87}.preview-astro_captain{--mascot-glow:249, 115, 22}html:not(.dark) .preview-astro_captain{--mascot-glow:194, 65, 12}.shop-item-preview:after{content:"";background:radial-gradient(ellipse at center, rgba(var(--mascot-glow), .25) 0%, rgba(var(--mascot-glow), 0) 70%);z-index:1;pointer-events:none;border-radius:50%;width:100px;height:10px;transition:all .35s;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(1)}.shop-item-card.active .shop-item-preview:after{background:radial-gradient(ellipse at center, rgba(var(--mascot-glow), .45) 0%, rgba(var(--mascot-glow), 0) 70%)}.shop-item-card:hover .shop-item-preview:after{background:radial-gradient(ellipse at center, rgba(var(--mascot-glow), .4) 0%, rgba(var(--mascot-glow), 0) 70%);transform:translate(-50%)scaleX(1.2)}.shop-item-card.active:hover .shop-item-preview:after{background:radial-gradient(ellipse at center, rgba(var(--mascot-glow), .6) 0%, rgba(var(--mascot-glow), 0) 70%)}.shop-item-preview img{object-fit:contain;filter:drop-shadow(0 8px 16px #0006);z-index:2;border-radius:12px;max-width:100%;max-height:100%;transition:all .35s}.shop-item-card:hover .shop-item-preview img{filter:drop-shadow(0 12px 24px rgba(var(--mascot-glow), .45));transform:translateY(-8px)scale(1.06)}.shop-item-card.active:hover .shop-item-preview img{filter:drop-shadow(0 12px 24px rgba(var(--mascot-glow), .6))}.shop-item-card h4{color:#fff;margin:0 0 10px;font-size:18px;font-weight:700}.shop-item-desc{color:#ffffff8c;flex-grow:1;margin:0 0 24px;font-size:13px;line-height:1.5}.shop-item-action{margin-top:auto}.shop-status-badge{color:#34d399;text-align:center;background:#10b9811a;border:1px solid #10b98133;border-radius:12px;width:100%;padding:10px;font-size:14px;font-weight:700;display:block}.shop-equip-btn,.shop-unlock-btn{cursor:pointer;width:100%;font-size:14px;font-weight:700;font-family:var(--font-sans);border:none;border-radius:12px;padding:10px 16px;transition:all .2s}.shop-equip-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff1a}.shop-equip-btn:hover{background:#ffffff26}.shop-unlock-btn{color:#0f172a;background:#fbbf24}.shop-unlock-btn:hover:not(:disabled){background:#f59e0b;transform:translateY(-1px)}.shop-unlock-btn:disabled{color:#fff3;cursor:not-allowed;background:#ffffff0d;border:1px solid #ffffff05}.shop-toast{color:#fff;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10b981f2;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:700;animation:.3s slideInUp;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #0000004d}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}html:not(.dark) .shop-title-section h2{color:#0f172a}html:not(.dark) .shop-title-section p{color:#475569}html:not(.dark) .shop-balance-badge{color:#d97706;background:#d977061a;border:1px solid #d9770640}html:not(.dark) .shop-item-card h4{color:#0f172a}html:not(.dark) .shop-item-desc{color:#475569}html:not(.dark) .shop-equip-btn{color:#0f172a;background:#0f172a0f;border:1px solid #0f172a1a}html:not(.dark) .shop-equip-btn:hover{background:#0f172a1f}html:not(.dark) .shop-unlock-btn:disabled{color:#00000059;background:#0000000d;border:1px solid #00000005}html:not(.dark) .shop-item-preview img{filter:drop-shadow(0 6px 12px #0000001f)}html:not(.dark) .shop-item-card:hover .shop-item-preview img{filter:drop-shadow(0 10px 20px rgba(var(--mascot-glow), .25))}html:not(.dark) .shop-item-card.active:hover .shop-item-preview img{filter:drop-shadow(0 10px 20px rgba(var(--mascot-glow), .35))}html:not(.dark) .shop-item-preview:after{background:radial-gradient(ellipse at center, rgba(var(--mascot-glow), .18) 0%, rgba(var(--mascot-glow), 0) 70%)}html:not(.dark) .shop-item-card.active .shop-item-preview:after{background:radial-gradient(ellipse at center, rgba(var(--mascot-glow), .35) 0%, rgba(var(--mascot-glow), 0) 70%)}html:not(.dark) .shop-item-card:hover .shop-item-preview:after{background:radial-gradient(ellipse at center, rgba(var(--mascot-glow), .3) 0%, rgba(var(--mascot-glow), 0) 70%)}html:not(.dark) .shop-item-card.active:hover .shop-item-preview:after{background:radial-gradient(ellipse at center, rgba(var(--mascot-glow), .5) 0%, rgba(var(--mascot-glow), 0) 70%)}.shop-item-effects{text-align:left;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:24px;padding:14px 16px;display:flex}html:not(.dark) .shop-item-effects{background:#0f172a05;border:1px solid #0f172a0a}.shop-effect-badge{color:#ffffffd9;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.shop-effect-badge span.material-symbols-rounded{color:rgb(var(--mascot-glow));font-size:16px}html:not(.dark) .shop-effect-badge{color:#334155}html:not(.dark) .shop-effect-badge span.material-symbols-rounded{color:rgb(var(--mascot-glow))}html body.game-fullscreen-active{overflow:hidden}html body:has(.game-fullscreen){overflow:hidden}html body.game-fullscreen-active .app-shell,html body.game-fullscreen-active .content-wrapper,html body.game-fullscreen-active .authenticated-content{z-index:99999;width:100vw;max-width:none;height:100vh;margin:0;padding:0;transition:none;position:fixed;top:0;left:0;transform:none}html body:has(.game-fullscreen) .app-shell{z-index:99999;width:100vw;max-width:none;height:100vh;margin:0;padding:0;transition:none;position:fixed;top:0;left:0;transform:none}html body:has(.game-fullscreen) .content-wrapper{z-index:99999;width:100vw;max-width:none;height:100vh;margin:0;padding:0;transition:none;position:fixed;top:0;left:0;transform:none}html body:has(.game-fullscreen) .authenticated-content{z-index:99999;width:100vw;max-width:none;height:100vh;margin:0;padding:0;transition:none;position:fixed;top:0;left:0;transform:none}html body.game-fullscreen-active.dark .app-shell{background:#070612}html body:has(.game-fullscreen).dark .app-shell{background:#070612}html body.game-fullscreen-active:not(.dark) .app-shell{background:#f8fafc}html body:has(.game-fullscreen):not(.dark) .app-shell{background:#f8fafc}html body.game-fullscreen-active .auth-bottom-dock,html body.game-fullscreen-active .floating-utility-controls,html body.game-fullscreen-active .draggable-ai-bubble,html body.game-fullscreen-active .floating-search-pill,html body.game-fullscreen-active .ai-chat-widget,html body.game-fullscreen-active footer{display:none}html body:has(.game-fullscreen) .auth-bottom-dock{display:none}html body:has(.game-fullscreen) .floating-utility-controls{display:none}html body:has(.game-fullscreen) .draggable-ai-bubble{display:none}html body:has(.game-fullscreen) .floating-search-pill{display:none}html body:has(.game-fullscreen) .ai-chat-widget{display:none}html body:has(.game-fullscreen) footer{display:none}html body .space-game-macos-window{-webkit-backdrop-filter:blur(16px);background:#ffffffbf;border:1px solid #00000014;max-width:1600px;margin:16px auto 64px;box-shadow:0 20px 50px #00000014}html.dark .space-game-macos-window{background:#0f172a73;border-color:#ffffff14;box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff0d}html body .space-game-macos-window.game-fullscreen{width:100vw;max-width:none;height:100vh;max-height:none;box-shadow:none;z-index:9999;border:none;border-radius:0;margin:0;position:fixed;top:0;left:0;overflow-y:auto}html.dark .space-game-macos-window.game-fullscreen{background:#070612}html body:not(.dark) .space-game-macos-window.game-fullscreen{background:#f8fafc}@keyframes pulse-node-glow-anim{0%{border-color:#ec489999;box-shadow:0 0 15px #ec489966,inset 0 0 5px #ec48991a}50%{border-color:#ec4899;box-shadow:0 0 25px #ec4899bf,inset 0 0 12px #ec48994d}to{border-color:#ec489999;box-shadow:0 0 15px #ec489966,inset 0 0 5px #ec48991a}}.pulse-node-glow{animation:2s ease-in-out infinite pulse-node-glow-anim}.synth-game-title{letter-spacing:-.75px;font-size:34px;font-weight:950}.difficulty-card{cursor:pointer;border:2px solid #0000;border-radius:14px;padding:16px;transition:all .3s}.difficulty-card.active{border-color:var(--active-color);background:var(--active-bg);box-shadow:0 8px 24px var(--active-glow);transform:translateY(-2px)}.crt-container-wrap{border-radius:var(--radius-lg);position:relative;overflow:hidden}.crt-overlay{z-index:9;pointer-events:none;border-radius:var(--radius-lg);background:linear-gradient(#12101000 50%,#0003 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000a,#00ff0003,#0000ff0a) 0 0/6px 100%;position:absolute;inset:0;box-shadow:inset 0 0 60px #000000a6}.crt-overlay:after{content:" ";opacity:0;z-index:9;pointer-events:none;background:#12101014;animation:.12s infinite crtFlicker;display:block;position:absolute;inset:0}.flash-success-overlay{animation:.2s ease-out greenFlash}@keyframes greenFlash{0%{filter:none!important}50%{filter:none!important}to{filter:none!important}}@keyframes crtFlicker{0%{opacity:.1}50%{opacity:.15}to{opacity:.1}}@keyframes dash{to{stroke-dashoffset:-1px}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.game-menu-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#fffc;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:0;padding:14px 24px;display:flex}.game-header-left{align-items:center;gap:16px;display:flex}.game-header-title{color:#ec4899;letter-spacing:.05em;margin:0;font-size:22px;font-weight:950;text-shadow:none!important}.game-exit-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #00000014;border-radius:50%;outline:none;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 8px #0000000d}.game-exit-btn:hover{color:#fff;background:#fb923c;border-color:#fb923c;transform:translateY(-1px);box-shadow:none!important}.game-exit-btn:active{transform:translateY(0)}.synthwave-game-fullscreen-container.dark .game-exit-btn{color:#eff4ff;background:#ec489914;border:1px solid #ec489959;box-shadow:0 0 10px #ec489926,inset 0 0 8px #ec48990d}.synthwave-game-fullscreen-container.dark .game-exit-btn:hover{color:#eff4ff;background:#ec48992e;border-color:#ec4899b3;box-shadow:none!important}.game-header-badges{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.modal-select-grid{grid-template-columns:5fr 4fr;gap:24px;display:grid}.mobile-only-controls{display:none}.srp-container{flex-direction:column;width:100%;height:100%;display:flex}.srp-node-handle{background:0 0;border:none;width:1px;height:1px}.srp-node-handle-bottom{bottom:0}.srp-node-handle-top{top:0}.srp-node-btn{text-align:left;pointer-events:auto;border-radius:12px;outline:none;width:180px;padding:12px;transition:all .2s}.srp-node-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.srp-node-id{color:#ec4899;letter-spacing:.05em;font-size:10px;font-weight:950}.srp-node-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.srp-node-footer{align-items:center;gap:6px;margin-top:6px;display:flex}.srp-node-diff-badge{border-radius:8px;padding:2px 6px;font-size:9px;font-weight:800}.srp-loader-inner{flex-direction:column;align-items:center;gap:20px;display:flex}.srp-loader-text{font-size:18px;font-weight:700}.srp-badge{border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.srp-badge-library{color:#34d399;background:#34d39926;border:1px solid #34d3994d}.srp-badge-sample{color:#fb923c;background:#fb923c26;border:1px solid #fb923c4d}.srp-badge-progress{background:#ec48990d;border:1px solid #ec48991a;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;display:flex}.synthwave-game-fullscreen-container.dark .srp-badge-progress{background:#ec48991a;border-color:#ec489933}.synthwave-game-fullscreen-container.dark .game-menu-header{background:#0a0a19bf;border-bottom-color:#ffffff14}.macos-window-content{box-sizing:border-box;background:0 0;flex-direction:column;flex:1;width:100%;max-width:none;min-height:0;margin:0;padding:20px 24px;display:flex;overflow-y:auto}.macos-window-content.game-playing{padding:0;overflow-y:hidden}.synth-grid-container{border:1px solid #00000014;border-radius:12px;width:100%;height:600px;margin-top:0;display:block;position:relative;overflow:hidden}.synthwave-game-fullscreen-container.dark .synth-grid-container{border-color:#ffffff14}.srp-left-col{z-index:1;background:0 0;border:none;border-radius:0;flex-direction:column;width:100%;height:100%;padding:0;display:flex;position:absolute;inset:0;overflow:hidden}.synthwave-game-fullscreen-container.dark .srp-left-col{background:0 0;border-color:#0000}.srp-left-col-desc{z-index:5;-webkit-backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #0000000f;border-radius:20px;margin:0;padding:6px 12px;font-size:11.5px;font-weight:700;position:absolute;top:16px;left:20px;box-shadow:0 4px 12px #0000000d}.synthwave-game-fullscreen-container.dark .srp-left-col-desc{color:#fffc;background:#0f172ad9;border-color:#ffffff0f}.srp-flow-map{border:none;border-radius:0;width:100%;height:100%;min-height:100%;position:relative}.srp-test-env-list{flex-direction:column;gap:10px;padding:16px;display:flex}.srp-test-env-btn{cursor:pointer;padding:8px}.srp-right-col{z-index:10;pointer-events:none;flex-direction:column;gap:16px;width:340px;display:flex;position:absolute;top:16px;bottom:16px;right:20px}.srp-right-col>*{pointer-events:auto;-webkit-backdrop-filter:blur(16px)!important;background:#fffc!important;border:1px solid #00000014!important;box-shadow:0 10px 30px #0000000f!important}.synthwave-game-fullscreen-container.dark .srp-right-col>*{background:#0f172acc!important;border-color:#ffffff14!important;box-shadow:0 10px 30px #0000004d!important}.srp-progress-card{border-radius:12px;padding:16px}.srp-progress-card-title{color:#d97706;margin:0 0 8px;font-size:14px;font-weight:800}.srp-progress-card-body{margin:0;font-size:13px;line-height:1.5}.srp-score-card{border-radius:12px;flex:1;min-height:150px;padding:18px;overflow-y:auto}.synthwave-game-fullscreen-container.dark .srp-score-card{background:#05050f66;border-color:#ffffff14}.srp-score-title{color:#fbbf24;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:800;display:flex}.srp-score-title-icon{color:#fbbf24;font-size:20px}.srp-score-list{gap:10px;display:grid}.srp-score-item{background:#00000005;border:1px solid #0000000d;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.synthwave-game-fullscreen-container.dark .srp-score-item{background:#ffffff08;border-color:#ffffff0a}.srp-score-item-left{align-items:center;gap:10px;display:flex}.srp-rank{color:#b45309;font-weight:900}.srp-rank-1{color:#fbbf24}.srp-rank-2{color:#94a3b8}.srp-score-item-name{font-size:13px;font-weight:600}.srp-score-item-right{color:var(--neutral-600);gap:16px;font-size:12px;display:flex}.synthwave-game-fullscreen-container.dark .srp-score-item-right{color:#ffffffb3}.srp-score-empty{text-align:center;padding:32px 16px;font-size:13px}.srp-score-empty-icon{opacity:.5;margin-bottom:8px;font-size:36px}.srp-score-empty-text{margin:0}.srp-modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#05040fd9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.srp-modal-dialog{width:100%;max-width:800px;max-height:90vh;color:var(--neutral-800);background:#fff;border:2px solid #ec4899;border-radius:16px;animation:.3s ease-out modalSlideUp;overflow-y:auto;box-shadow:0 20px 60px #ec489940}.synthwave-game-fullscreen-container.dark .srp-modal-dialog{color:#eff4ff;background:#0d0c22}.srp-modal-header{background:#ffffff05;border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.synthwave-game-fullscreen-container.dark .srp-modal-header{border-bottom-color:#ffffff14}.srp-modal-title{align-items:center;gap:8px;margin:0;font-size:16px;font-weight:800;display:flex}.srp-color-pink{color:#ec4899}.srp-modal-close-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.srp-modal-body{padding:24px}.srp-modal-section-title{text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;font-size:13px;font-weight:800}.srp-color-orange{color:#fb923c}.srp-char-grid{grid-template-columns:repeat(2,1fr);gap:12px;max-height:400px;padding-right:4px;display:grid;overflow-y:auto}.srp-char-grid-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px;transition:all .2s;display:flex;position:relative}.srp-char-grid-item:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.srp-char-grid-item.active{background:#ffffff1f;border-color:#ffffff73}.srp-char-grid-preview{background:#ffffff05;border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;overflow:hidden}.srp-char-grid-preview canvas{object-fit:contain;width:70px;height:80px;display:block}.srp-char-grid-label{color:#fff7ed;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:12px;font-weight:700;overflow:hidden}.srp-char-grid-item.active .srp-char-grid-label{color:#fff}.srp-char-grid::-webkit-scrollbar{width:4px}.srp-char-grid::-webkit-scrollbar-track{background:0 0}.srp-char-grid::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:99px}.srp-preview-container{text-align:center;background:#ffffff05;border:1px solid #00000014;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;padding:16px;display:flex}.synthwave-game-fullscreen-container.dark .srp-preview-container{border-color:#ffffff14}.srp-level-stats-wrapper{width:100%}.srp-level-stats-title{color:#ec4899;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:900}.srp-level-stats-desc{margin:8px 0 12px;font-size:12px;line-height:1.4}.srp-badge-row{justify-content:center;gap:12px;margin-bottom:16px;font-size:11px;font-weight:700;display:flex}.srp-badge-difficulty{color:#60a5fa;background:#3b82f626;border-radius:12px;padding:3px 8px}.srp-badge-xp{color:#34d399;background:#10b98126;border-radius:12px;padding:3px 8px}.srp-preview-canvas-wrapper{margin:12px 0;position:relative}.srp-char-shadow{background:ellipse;opacity:.6;border-radius:50%;width:70px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.srp-modal-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899,#f43f5e);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 0;font-size:14px;font-weight:800;display:flex;box-shadow:0 8px 20px #ec48994d}.srp-color-red{color:#ef4444}.srp-hud-btn-exit{color:#f43f5e;background:#f43f5e1a;border:1px solid #f43f5e4d}.srp-flash-overlay{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.srp-canvas{object-fit:contain;width:100%;max-height:100%;display:block}.srp-mobile-steer-container{z-index:10;gap:16px;display:flex;position:absolute;bottom:24px;left:24px}.srp-mobile-jump-container{z-index:10;position:absolute;bottom:24px;right:24px}.srp-mobile-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border:2.5px solid #fff6;border-radius:50%;justify-content:center;align-items:center;display:flex}.srp-mobile-steer-btn{background:#0a0a19d9;width:64px;height:64px;box-shadow:0 4px 15px #00000080}.srp-mobile-jump-btn{background:#ec4899f2;width:68px;height:68px;box-shadow:0 4px 20px #ec489980}.srp-mobile-btn-icon{font-size:36px}.srp-mobile-jump-icon{font-size:38px}.srp-quiz-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#070612d9;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.srp-quiz-tag{color:#ec4899;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:900}.srp-options-stack{gap:12px;display:grid}.srp-option-btn{text-align:left;cursor:pointer;background:#0000000a;border:1px solid #0000001a;border-radius:10px;outline:none;align-items:center;gap:12px;padding:12px 18px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.synthwave-game-fullscreen-container.dark .srp-option-btn{background:#ffffff0a;border-color:#ffffff1a}.srp-option-btn:not(:disabled):hover{background:#ec48991a!important;border-color:#ec4899!important}.srp-flex-1{flex:1}.srp-quiz-feedback{border-radius:8px;margin-top:20px;padding:10px;font-size:13px;font-weight:800;animation:1.2s infinite badgePulse}.srp-quiz-feedback.correct{color:#34d399;background:#10b98126;border:1px solid #10b981}.srp-quiz-feedback.incorrect{color:#f87171;background:#f43f5e26;border:1px solid #f43f5e}.srp-hud-warning{color:#fff;pointer-events:none;z-index:12;background:#0a0a19f2;border:1.5px solid #f59e0b;border-radius:20px;padding:10px 24px;font-size:13px;font-weight:800;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009}.srp-keyboard-tips{color:#fff9;pointer-events:none;z-index:8;text-shadow:0 1px 3px #000c;gap:12px;font-size:11px;display:flex;position:absolute;bottom:12px;left:16px}.srp-keyboard-tips strong{color:#fff}.srp-finished-container{text-align:center;max-width:600px;margin:16px auto 0;padding:16px 0}.srp-finished-trophy{filter:drop-shadow(0 0 20px #fbbf24);margin-bottom:16px;font-size:72px}.synthwave-game-fullscreen-container.dark .srp-victory-card{background:#ffffff08;border-color:#ffffff0a}.srp-victory-label{text-transform:uppercase;font-size:11px;font-weight:700}.srp-status-submitting{color:#a855f7;margin-bottom:20px;font-size:13px;font-style:italic}.srp-finished-actions{flex-direction:column;gap:12px;display:flex}.primary-button-merged{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899,#f43f5e);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 0;font-size:15px;font-weight:700;display:inline-flex}.secondary-button-merged{width:100%;color:var(--neutral-600);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 0;font-weight:700;display:inline-flex}.synthwave-game-fullscreen-container.dark .secondary-button-merged{color:#eff4ff}@media (width<=1024px){.synth-grid-container{border-radius:12px;height:calc(100vh - 124px)!important;min-height:unset!important;display:block!important;position:relative!important;overflow:hidden!important}.srp-left-col{border-bottom:none!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.srp-right-col{z-index:100!important;box-sizing:border-box!important;pointer-events:auto!important;flex-direction:column!important;width:290px!important;height:auto!important;transition:transform .34s cubic-bezier(.22,1,.36,1)!important;display:flex!important;position:absolute!important;top:120px!important;bottom:84px!important;right:16px!important;overflow:visible!important;transform:translate(0)!important}.srp-right-col.is-collapsed{transform:translate(calc(100% + 20px))!important}.srp-right-col.is-collapsed>*{box-shadow:none!important;background:0 0!important;border-color:#0000!important}.srp-right-col.is-collapsed .srp-brief-content{opacity:0!important;pointer-events:none!important;transform:translate(22px)scale(.98)!important}.srp-brief-collapse-btn,.srp-brief-rail{display:none!important}.synthwave-game-fullscreen-container .srp-header-toggle-btn.liquid-glass{z-index:1000!important;border-radius:50%!important;width:38px!important;height:38px!important;display:flex!important;position:absolute!important;top:16px!important;right:70px!important}.game-header-badges{margin-top:18px!important}.game-header-badges>span,.game-header-badges>div{padding:8px 12px!important;font-size:12px!important}.srp-brief-content{flex-direction:column!important;gap:12px!important;max-height:100%!important;padding-right:4px!important;display:flex!important;overflow-y:auto!important}.srp-brief-content::-webkit-scrollbar{width:4px}.srp-brief-content::-webkit-scrollbar-track{background:0 0}.srp-brief-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:99px}.srp-nav-btn{z-index:1000!important;-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#060a17b8!important;border:1px solid #ffffff1f!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;display:flex!important;position:absolute!important;top:auto!important;bottom:92px!important;transform:none!important;box-shadow:inset 0 1px #ffffff14,0 8px 32px #0000004d!important}.srp-nav-btn span{font-size:24px!important}.srp-nav-btn.prev{left:16px!important}.srp-nav-btn.next{right:16px!important}.srp-nav-btn:hover:not(:disabled){background:#ffffff2e!important;transform:scale(1.08)!important}.srp-nav-btn:active:not(:disabled){transform:scale(.94)!important}.srp-bottom-action-bar.liquid-glass{box-sizing:border-box!important;gap:16px!important;width:calc(100% - 32px)!important;max-width:420px!important;padding:8px 12px 8px 20px!important}.srp-bottom-action-copy{flex:1!important;gap:4px!important;min-width:0!important}.srp-bottom-action-copy span{white-space:nowrap!important}.srp-bottom-action-copy strong{white-space:nowrap!important;text-overflow:ellipsis!important;display:block!important;overflow:hidden!important}}@media (width<=900px){.mobile-only-controls{display:block}}@media (width<=768px){.game-menu-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 120px 16px 16px!important}.game-header-left{justify-content:flex-start;align-items:center;gap:8px;width:100%;display:flex}.game-header-title{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;overflow:hidden}.game-header-badges{flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin-top:0;display:flex}.game-header-badges>span,.game-header-badges>div{text-align:center;flex:1;justify-content:center;min-width:120px;padding:6px 8px;font-size:11px}.game-header-badges .game-exit-btn{border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex}.modal-select-grid{grid-template-columns:1fr;gap:16px}.synth-game-title{letter-spacing:-.5px;font-size:26px}.skills-banner{gap:12px;padding:16px 20px}.game-hud{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.game-hud>div:first-child{flex-direction:column;align-items:flex-start;gap:8px}.game-hud>div:last-child{width:100%}.victory-grid{grid-template-columns:1fr;gap:12px}}.srp-text{color:var(--neutral-800)!important}.theme-dark .srp-text,.dark .srp-text{color:#eff4ff!important}.srp-subtext{color:var(--neutral-600)!important}.theme-dark .srp-subtext,.dark .srp-subtext{color:#fff9!important}.srp-color-yellow{color:#fbbf24!important}.srp-node-container{position:relative}.srp-flow-handle{background:0 0!important;border:none!important;width:1px!important;height:1px!important}.srp-node-btn{text-align:left;pointer-events:auto;border-radius:12px;outline:none;width:180px;padding:12px;transition:all .2s;border:1px solid var(--neutral-300)!important;cursor:not-allowed!important;opacity:.55!important;background:#f1f5f9cc!important;box-shadow:0 4px 12px #00000026!important}.theme-dark .srp-node-btn,.dark .srp-node-btn{background:#0a0a14b3!important;border-color:#ffffff14!important}.srp-node-btn.unlocked{cursor:pointer!important;opacity:1!important;background:#fffffffa!important;border:1.5px solid #f59e0b73!important}.theme-dark .srp-node-btn.unlocked,.dark .srp-node-btn.unlocked{background:#0f0a23f2!important}.srp-node-btn.unlocked.active{border:2.5px solid #f59e0b!important;box-shadow:0 0 20px #f59e0b8c,inset 0 0 10px #f59e0b26!important}.srp-node-status-icon.completed{color:#22c55e!important}.srp-node-status-icon.active{color:#f59e0b!important}.srp-node-status-icon.locked{color:#94a3b8!important}.srp-node-name{color:var(--neutral-800)!important}.theme-dark .srp-node-name,.dark .srp-node-name{color:#eff4ff!important}.srp-node-xp{color:var(--neutral-600)!important}.theme-dark .srp-node-xp,.dark .srp-node-xp{color:#fff9!important}.srp-loader-container{color:var(--neutral-800);background:#f8fafc}.dark .srp-loader-container{color:#eff4ff;background:#070612}.srp-char-label{color:var(--neutral-800)}.srp-char-label.selected{color:#ec4899!important}.dark .srp-char-label{color:#eff4ff}.srp-hud-heart-icon.active{color:#ef4444!important}.srp-hud-heart-icon.inactive{color:#0000001a!important}.dark .srp-hud-heart-icon.inactive{color:#ffffff26!important}.srp-hud-btn.active{color:#ec4899!important;background:#ec489926!important;border-color:#ec4899!important}.srp-node-header-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.srp-node-badge-id{color:#ec4899;letter-spacing:.05em;font-size:10px;font-weight:950}.srp-node-status-icon{font-size:16px!important}.srp-node-footer-row{align-items:center;gap:6px;margin-top:6px;display:flex}.srp-node-difficulty-badge{border-radius:8px;padding:2px 6px;font-size:9px;font-weight:800}.srp-node-xp{font-size:9px}.srp-loader-container{color:var(--text-color);z-index:9999;background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.dark .srp-loader-container{background:#070612}.srp-loader-content{flex-direction:column;align-items:center;gap:20px;display:flex}.srp-loader-badge{background:linear-gradient(135deg,#ec4899,#f43f5e);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:1.5s infinite badgePulse;display:flex}.srp-loader-icon{color:#fff!important;font-size:48px!important}.srp-loader-text{color:var(--subtext-color);font-size:18px;font-weight:700}.srp-fullscreen-active-container{color:var(--text-color);z-index:9999;box-sizing:border-box;background:#f8fafc;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.dark .srp-fullscreen-active-container{background:#070612}.srp-playing-root{flex-direction:column;flex:1;gap:0;width:100%;height:100%;min-height:0;display:flex}.game-hud{color:var(--text-color);box-shadow:none;box-sizing:border-box;background:#ffffffd9;border:none;border-bottom:1px solid #00000014;border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 24px;display:flex}.theme-dark .game-hud,.dark .game-hud{background:#0a0a19bf;border-bottom-color:#ffffff14}.srp-hud-left{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.srp-hud-item{align-items:center;gap:6px;display:flex}.srp-hud-icon{font-size:22px!important}.srp-hud-hearts-container{gap:4px;display:flex}.srp-hud-heart-icon{font-size:16px!important}.srp-hud-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.srp-hud-btn{color:var(--text-color);cursor:pointer;background:0 0;border:1px solid #00000014;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.dark .srp-hud-btn{border-color:#ffffff14}.srp-hud-btn-icon{font-size:14px!important}.srp-hud-progress-wrapper{width:200px}.srp-hud-progress-header{justify-content:space-between;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.srp-hud-progress-track{background:#00000014;border-radius:3px;height:6px;overflow:hidden}.dark .srp-hud-progress-track{background:#ffffff1a}.srp-hud-progress-bar{background:linear-gradient(90deg,#ec4899,#f43f5e);border-radius:3px;height:100%;transition:width .3s}.srp-question-bar{box-sizing:border-box;background:#ec489905;border-bottom:1px solid #ec489926;width:100%;padding:12px 20px}.dark .srp-question-bar{background:#ec48990a;border-bottom-color:#ec489933}.srp-question-bar-tag{color:#ec4899;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:900}.srp-question-bar-title{margin:4px 0 0;font-size:17px;font-weight:800}.srp-canvas-wrapper{background:#000;border:none;border-radius:0;flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.srp-mobile-btn-container-left{z-index:10;gap:16px;display:flex;position:absolute;bottom:24px;left:24px}.srp-mobile-btn-container-right{z-index:10;position:absolute;bottom:24px;right:24px}.srp-mobile-action-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0a0a19d9;border:2.5px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 4px 15px #00000080}.srp-mobile-action-btn.jump-btn{background:#ec4899f2;width:68px;height:68px;box-shadow:0 4px 20px #ec489980}.srp-mobile-action-btn span{font-size:36px}.srp-mobile-action-btn.jump-btn span{font-size:38px}.srp-quiz-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#05040f99;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.srp-quiz-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;max-width:480px;color:var(--neutral-800);background:#ffffffd9;border:2px solid #ec4899;border-radius:16px;padding:24px;box-shadow:0 20px 50px #ec489933}.dark .srp-quiz-card{color:#eff4ff;background:#0d0c22d9}.srp-quiz-tag{color:#ec4899;letter-spacing:.05em;font-size:10px;font-weight:900}.srp-quiz-title{margin:6px 0 20px;font-size:18px;font-weight:800}.srp-option-btn{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #00000014;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 16px;transition:all .2s;display:flex}.dark .srp-option-btn{border-color:#ffffff14}.srp-option-btn:hover{background:#ec48990f;border-color:#ec48994d}.srp-option-index{color:#ec4899;background:#ec48991a;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:900;display:flex}.srp-keyboard-tips{opacity:.65;pointer-events:none;z-index:10;color:#fff;gap:20px;font-size:11.5px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.srp-finished-container{text-align:center;background:#fff6;border:1px solid #00000014;border-radius:16px;width:100%;max-width:600px;margin:40px auto;padding:32px}.dark .srp-finished-container{background:#0d0c2266;border-color:#ffffff14}.srp-finished-trophy{margin-bottom:12px;font-size:64px;animation:2s infinite badgePulse}.srp-finished-title{color:#ec4899;letter-spacing:.05em;margin:0 0 8px;font-size:24px;font-weight:950}.srp-finished-desc{margin:0 0 24px;font-size:14px}.srp-victory-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.srp-victory-card{background:#ffffff05;border:1px solid #0000000d;border-radius:12px;padding:16px}.dark .srp-victory-card{border-color:#ffffff0d}.srp-victory-label{text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.srp-victory-val{margin:0;font-size:20px;font-weight:900}.srp-color-purple{color:#a855f7}.srp-color-blue{color:#3b82f6}.srp-status-submitting{color:#ec4899;margin-bottom:16px;font-size:13px}.srp-status-error{color:#ef4444;margin-bottom:16px;font-size:13px}.srp-finished-actions{justify-content:center;gap:16px;display:flex}.srp-hud-toast{color:#fff;pointer-events:none;z-index:12;background:#0a0a19f2;border:1.5px solid #f59e0b;border-radius:20px;padding:10px 24px;font-size:13px;font-weight:800;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009}.srp-preview-canvas{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;box-shadow:inset 0 0 10px #00000080}.srp-option-text{flex:1}.srp-flow-handle-bottom{bottom:0!important}.srp-flow-handle-top{top:0!important}.srp-feedback-message{border-style:solid;border-width:1px;border-radius:8px;margin-top:20px;padding:10px;font-size:13px;font-weight:800;animation:1.2s infinite badgePulse}.srp-feedback-message.correct{color:#34d399;background:#10b98126;border-color:#10b981}.srp-feedback-message.incorrect{color:#f87171;background:#f43f5e26;border-color:#f43f5e}@media (width>=1025px){.srp-left-col{right:380px!important}}.srp-cosmic-container{box-sizing:border-box;background:radial-gradient(circle,#0c0a21 0%,#03020a 100%);justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:auto hidden}.srp-cosmic-container::-webkit-scrollbar{height:8px}.srp-cosmic-container::-webkit-scrollbar-track{background:#0f172a4d;border-radius:99px}.srp-cosmic-container::-webkit-scrollbar-thumb{background:#a78bfa40;border:2px solid #0000;border-radius:99px}.srp-cosmic-container::-webkit-scrollbar-thumb:hover{background:#a78bfa73}.srp-cosmic-scroll-content{flex-shrink:0;height:300px;position:relative}.srp-nebula-dust{pointer-events:none;opacity:.18;mix-blend-mode:screen;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.srp-nebula-dust.layer-1{filter:blur(40px);background:radial-gradient(circle at 20% 30%,#ec4899 0%,#0000 50%),radial-gradient(circle at 80% 70%,#3b82f6 0%,#0000 60%)}.srp-nebula-dust.layer-2{filter:blur(50px);background:radial-gradient(circle at 70% 20%,#8b5cf6 0%,#0000 50%),radial-gradient(circle at 30% 80%,#f97316 0%,#0000 60%)}.srp-cosmic-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.srp-svg-orbit-shadow{stroke:#00000073;stroke-width:6px;stroke-linecap:round}.srp-svg-orbit-line{stroke-width:3px;stroke-linecap:round;fill:none;transition:all .3s}.srp-svg-orbit-line.completed{stroke:#10b981;filter:none!important}.srp-svg-orbit-line.active{stroke:#fb923c;stroke-dasharray:6 8;animation:20s linear infinite srp-orbit-dash;filter:none!important}.srp-svg-orbit-line.locked{stroke:#94a3b826;stroke-dasharray:4 4}.srp-cosmic-nodes{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.srp-planet-wrapper{flex-direction:column;align-items:center;width:160px;display:flex;position:absolute;transform:translate(-50%,-50%)}.srp-planet-btn{cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:16px;width:100%;padding:0;transition:all .3s;display:flex}.srp-planet-sphere{border-radius:50%;flex-shrink:0;width:64px;height:64px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 8px 24px #0000008c}.srp-planet-shading{background:radial-gradient(circle at 30% 30%,#0000 20%,#0000008c 75%,#000000d9 100%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 2px 4px #ffffff40,inset 0 -4px 8px #0009}.srp-planet-status-badge{z-index:5;border:1.5px solid #03020a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 8px #0006}.srp-planet-status-badge.completed{color:#fff;background:#10b981}.srp-planet-status-badge.active{color:#fff;background:#fb923c;animation:1.5s infinite alternate srp-badge-pulse}.srp-planet-status-badge.locked{color:#94a3b8;background:#475569}.srp-planet-status-badge span{font-weight:700;font-size:13px!important}.planet-ice{background:radial-gradient(circle at 35% 35%,#93c5fd,#3b82f6,#1e40af);box-shadow:0 0 16px #3b82f680}.planet-forest{background:radial-gradient(circle at 35% 35%,#6ee7b7,#10b981,#065f46);box-shadow:0 0 16px #10b98180}.planet-nebula{background:radial-gradient(circle at 35% 35%,#c084fc,#8b5cf6,#581c87);box-shadow:0 0 16px #8b5cf680}.planet-ring{background:radial-gradient(circle at 35% 35%,#fed7aa,#f97316,#9a3412);box-shadow:0 0 16px #f9731680}.planet-lava{background:radial-gradient(circle at 35% 35%,#fca5a5,#ef4444,#991b1b);box-shadow:0 0 16px #ef444480}.srp-planet-rings{pointer-events:none;z-index:10;border:3px solid #fed7aa8c;border-radius:50%;width:100px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-15deg);box-shadow:0 0 6px #fed7aa66}.srp-planet-label-card{-webkit-backdrop-filter:blur(12px);text-align:center;background:#0f172abf;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:4px;width:140px;padding:10px 12px;transition:all .3s;display:flex;box-shadow:0 8px 24px #00000059}.srp-planet-num{color:#a78bfa;letter-spacing:.08em;font-size:8.5px;font-weight:850}.srp-planet-name{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11.5px;font-weight:900;overflow:hidden}.srp-planet-meta{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:4px;padding-top:4px;display:flex}.srp-planet-xp{color:#94a3b8;font-size:8.5px;font-weight:800}.srp-planet-status-text{text-transform:uppercase;letter-spacing:.05em;font-size:8.5px;font-weight:900}.srp-planet-status-text.completed{color:#10b981}.srp-planet-status-text.active{color:#fb923c;animation:1.5s infinite alternate srp-text-pulse}.srp-planet-status-text.locked{color:#64748b}.srp-planet-btn.locked{opacity:.45;cursor:not-allowed}.srp-planet-btn:hover:not(.locked) .srp-planet-sphere{transform:scale(1.06);box-shadow:none!important}.srp-planet-btn:hover:not(.locked) .srp-planet-label-card{background:#0f172ad9;border-color:#ffffff26}.srp-planet-btn.active .srp-planet-sphere{border:2px solid #fb923c;animation:2s infinite alternate srp-active-pulse;box-shadow:0 0 30px #fb923ca6}.srp-planet-btn.active .srp-planet-label-card{box-shadow:0 0 15px #fb923c40;border-color:#fb923c!important}@keyframes srp-orbit-dash{to{stroke-dashoffset:-1000px}}@keyframes srp-planet-spin{to{transform:rotate(360deg)}}@keyframes srp-badge-pulse{0%{transform:scale(1);box-shadow:0 0 4px #fb923c80}to{transform:scale(1.1);box-shadow:0 0 12px #fb923ce6}}@keyframes srp-text-pulse{0%{opacity:.7}to{opacity:1}}@keyframes srp-active-pulse{0%{box-shadow:0 0 15px #fb923c66}to{box-shadow:0 0 35px #fb923cd9}}.synthwave-game-fullscreen-container.srp-fullscreen-active-container{color:#f8fbff;background:radial-gradient(circle at 18% 18%,#ec489938,#0000 28%),radial-gradient(circle at 78% 16%,#3b82f633,#0000 30%),linear-gradient(135deg,#080617 0%,#121033 45%,#050713 100%);min-height:100vh;overflow:hidden}.synthwave-game-fullscreen-container.srp-fullscreen-active-container:not(.dark){color:#111827;background:radial-gradient(circle at 18% 18%,#ec489929,#0000 30%),radial-gradient(circle at 78% 16%,#2563eb24,#0000 30%),linear-gradient(135deg,#f7f8ff 0%,#edf4ff 52%,#fdf2f8 100%)}.synthwave-game-fullscreen-container .game-menu-header{background:0 0;border:0;min-height:96px;padding:20px 28px}.synthwave-game-fullscreen-container .game-header-left{gap:14px;min-width:0}.synthwave-game-fullscreen-container .srp-header-back-btn{flex:none;color:#f8fbff!important;background:#ffffff14!important;border:1px solid #ffffff29!important;border-radius:14px!important;width:42px!important;height:42px!important;padding:0!important}.synthwave-game-fullscreen-container:not(.dark) .srp-header-back-btn{color:#111827!important;background:#ffffffbd!important;border-color:#11182714!important}.srp-header-kicker,.srp-menu-hero-kicker{color:#fb923c;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:950;line-height:1;display:block}.synthwave-game-fullscreen-container .game-header-title{letter-spacing:0;text-shadow:0 18px 46px #ec48996b;margin-top:5px;font-size:clamp(28px,3vw,44px);line-height:.98;color:#fff!important}.synthwave-game-fullscreen-container:not(.dark) .game-header-title{text-shadow:none;color:#171827!important}.srp-header-subtitle{color:#e2eeffb8;max-width:620px;margin:8px 0 0;font-size:13px;font-weight:700;line-height:1.45}.synthwave-game-fullscreen-container:not(.dark) .srp-header-subtitle{color:#11182794}.synthwave-game-fullscreen-container .game-header-badges{justify-content:flex-end}.synthwave-game-fullscreen-container .srp-badge,.synthwave-game-fullscreen-container .srp-badge-progress{-webkit-backdrop-filter:blur(14px);color:#f8fbff;background:#ffffff14;border-color:#ffffff24;border-radius:14px;min-height:38px}.synthwave-game-fullscreen-container:not(.dark) .srp-badge,.synthwave-game-fullscreen-container:not(.dark) .srp-badge-progress{color:#111827;background:#ffffffc2;border-color:#11182714}.synthwave-game-fullscreen-container .macos-window-content{padding:0 28px 28px}.synthwave-game-fullscreen-container .synth-grid-container{background:linear-gradient(90deg,#050713b8,#080a1c38 58%,#050713b3),radial-gradient(circle at 20% 34%,#ec489942,#0000 34%),radial-gradient(circle at 54% 36%,#3b82f63d,#0000 36%),#050713;border:1px solid #ffffff1f;border-radius:28px;height:calc(100vh - 124px);min-height:620px;box-shadow:inset 0 1px #ffffff14,0 28px 90px #00000057}.synthwave-game-fullscreen-container:not(.dark) .synth-grid-container{background:linear-gradient(90deg,#ffffffe0,#ffffff75 58%,#ffffffd1),radial-gradient(circle at 18% 34%,#ec489926,#0000 34%),radial-gradient(circle at 54% 36%,#2563eb21,#0000 36%),#f8fbff;border-color:#11182714;box-shadow:0 28px 80px #3b4c782e}.srp-menu-hero{z-index:8;-webkit-backdrop-filter:blur(18px)saturate(128%);background:#080a1c85;border:1px solid #ffffff21;border-radius:22px;max-width:430px;padding:18px 20px;position:absolute;top:28px;left:28px;box-shadow:0 18px 50px #00000047}.synthwave-game-fullscreen-container:not(.dark) .srp-menu-hero{background:#ffffffb8;border-color:#11182714;box-shadow:0 18px 50px #3b4c781f}.srp-menu-hero h1{color:#fff;letter-spacing:0;margin:6px 0 0;font-size:clamp(30px,3.5vw,54px);font-weight:950;line-height:.95}.synthwave-game-fullscreen-container:not(.dark) .srp-menu-hero h1{color:#111827}.srp-menu-hero p{color:#e2eeffb8;margin:12px 0 0;font-size:14px;font-weight:700;line-height:1.5}.synthwave-game-fullscreen-container:not(.dark) .srp-menu-hero p{color:#11182799}.synthwave-game-fullscreen-container .srp-left-col-desc{background:#080a1c8f;border-color:#ffffff1f;border-radius:14px;max-width:460px;padding:10px 14px;top:auto;bottom:26px;left:28px;box-shadow:0 14px 34px #00000038;color:#e2eeffc7!important}.synthwave-game-fullscreen-container:not(.dark) .srp-left-col-desc{background:#ffffffc7;border-color:#11182714;color:#1118279e!important}.synthwave-game-fullscreen-container .srp-cosmic-container{background:linear-gradient(#ffffff05,#0000 42%),radial-gradient(circle at 28% 45%,#ec489933,#0000 34%),radial-gradient(circle at 70% 42%,#3b82f62e,#0000 38%);padding-top:140px;overflow-x:auto}.synthwave-game-fullscreen-container .srp-cosmic-scroll-content{height:360px}.synthwave-game-fullscreen-container .srp-cosmic-svg{top:28px}.synthwave-game-fullscreen-container .srp-planet-wrapper{width:182px}.synthwave-game-fullscreen-container .srp-planet-sphere{width:78px;height:78px;box-shadow:0 18px 48px #0000006b}.synthwave-game-fullscreen-container .srp-planet-label-card{z-index:4;-webkit-backdrop-filter:blur(18px)saturate(130%);background:#080a1cf0;border-color:#ffffff1f;border-radius:16px;width:158px;min-height:72px;position:relative}.synthwave-game-fullscreen-container .srp-svg-orbit-shadow{display:none}.synthwave-game-fullscreen-container .srp-svg-orbit-line{stroke-width:2px}.synthwave-game-fullscreen-container .srp-svg-orbit-line.locked{stroke:#e2eeff2e;stroke-dasharray:2 10}.synthwave-game-fullscreen-container:not(.dark) .srp-svg-orbit-line.locked{stroke:#11182714}.synthwave-game-fullscreen-container .srp-planet-name{font-size:13px}.synthwave-game-fullscreen-container .srp-planet-btn.active .srp-planet-label-card{background:#140f1ffa}.synthwave-game-fullscreen-container .srp-planet-btn.locked{opacity:.38}.synthwave-game-fullscreen-container .srp-right-col{gap:14px;width:360px;top:22px;bottom:22px;right:22px}.synthwave-game-fullscreen-container .srp-right-col>*{background:#080a1c9e!important;border-color:#ffffff21!important;border-radius:22px!important;box-shadow:inset 0 1px #ffffff14,0 18px 46px #0000003d!important}.synthwave-game-fullscreen-container:not(.dark) .srp-right-col>*{background:#ffffffc7!important;border-color:#11182714!important;box-shadow:0 18px 46px #3b4c781f!important}.synthwave-game-fullscreen-container .srp-progress-card{flex:none;padding:18px}.synthwave-game-fullscreen-container .srp-progress-card-title,.synthwave-game-fullscreen-container .srp-score-title{color:#fb923c;letter-spacing:.1em}.synthwave-game-fullscreen-container .srp-progress-card-body,.synthwave-game-fullscreen-container .srp-score-empty{color:#e2eeffb8!important}.synthwave-game-fullscreen-container:not(.dark) .srp-progress-card-body,.synthwave-game-fullscreen-container:not(.dark) .srp-score-empty{color:#1118279e!important}.synthwave-game-fullscreen-container .srp-score-card{flex:auto}.srp-pixi-stage-wrap{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.srp-nav-btn{color:#f8fbff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;transition:all .25s;display:flex;position:absolute;top:55%;transform:translateY(-50%);box-shadow:0 4px 20px #00000040}.srp-nav-btn span{font-size:32px;line-height:1}.srp-nav-btn:hover:not(:disabled){background:#ffffff2e;border-color:#ffffff3d;transform:translateY(-50%)scale(1.08)}.srp-nav-btn:active:not(:disabled){transform:translateY(-50%)scale(.94)}.srp-nav-btn:disabled{opacity:.22;cursor:not-allowed}.srp-nav-btn.prev{left:28px}.srp-nav-btn.next{right:402px}.brief-collapsed .srp-nav-btn.next{right:28px}.srp-pixi-lobby{z-index:1;background:radial-gradient(circle at 18% 68%,#fb923c38,#0000 24%),radial-gradient(circle at 52% 38%,#60a5fa33,#0000 28%),radial-gradient(circle at 74% 70%,#ec489929,#0000 24%),linear-gradient(135deg,#070612fa,#0c1226f5 58%,#070612fa);width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.synthwave-game-fullscreen-container:not(.dark) .srp-pixi-lobby{background:radial-gradient(circle at 16% 68%,#fb923c38,#0000 24%),radial-gradient(circle at 52% 38%,#3b82f629,#0000 28%),radial-gradient(circle at 74% 70%,#ec48991c,#0000 24%),linear-gradient(135deg,#eef5fffa,#e1eefff5 58%,#f8fafcfa)}.srp-pixi-canvas{width:100%;height:100%;display:block}.srp-pixi-accessibility-layer{pointer-events:none;position:absolute;inset:0}.srp-pixi-accessible-btn{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.srp-pixi-accessible-btn:focus-visible{z-index:8;clip:auto;clip-path:none;color:#fff;pointer-events:auto;background:#080a1ceb;border:1px solid #fb923c99;border-radius:999px;outline:2px solid #fb923c52;width:auto;height:auto;padding:10px 14px;bottom:92px;left:28px}.synthwave-game-fullscreen-container.srp-fullscreen-active-container{background:linear-gradient(#ff9d3b0f,#0000 28%),#050816!important}.synthwave-game-fullscreen-container .game-menu-header{min-height:62px;background:linear-gradient(#050816f5,#050816cc)!important;border-bottom:0!important;padding:10px 28px!important}.synthwave-game-fullscreen-container .game-menu-header.srp-hud-top{z-index:14;pointer-events:none;width:auto;min-height:0;position:absolute;top:14px;left:22px;right:22px;background:0 0!important;padding:0!important}.synthwave-game-fullscreen-container .srp-hud-top .game-header-left,.synthwave-game-fullscreen-container .srp-hud-top .game-header-badges{pointer-events:auto}.synthwave-game-fullscreen-container .game-header-left{gap:10px}.synthwave-game-fullscreen-container .synth-game-title{letter-spacing:0;text-shadow:0 14px 42px #0000006b;max-width:220px;line-height:1;color:#fff7ed!important;font-size:22px!important}.synthwave-game-fullscreen-container .srp-header-kicker{color:#ff9d3b;letter-spacing:.12em;font-size:10px}.synthwave-game-fullscreen-container .srp-header-subtitle{display:none}.synthwave-game-fullscreen-container .srp-header-back-btn{width:38px;height:38px;background:#ffffff14!important;border-color:#ffffff1f!important;border-radius:16px!important;padding:0!important}.synthwave-game-fullscreen-container .game-header-badges{gap:10px}.synthwave-game-fullscreen-container .srp-badge,.synthwave-game-fullscreen-container .srp-badge-progress{color:#f8fbffe0;background:#0a1021b8;border-radius:999px;min-height:34px;padding:8px 14px;font-size:12px;font-weight:750}.synthwave-game-fullscreen-container .macos-window-content{overflow:hidden;padding:0!important}.synthwave-game-fullscreen-container .synth-grid-container{height:100dvh;min-height:620px;box-shadow:none;background:#050816;border:0;border-radius:0}.synthwave-game-fullscreen-container .srp-left-col{right:0!important}.synthwave-game-fullscreen-container .srp-menu-hero{background:#070b186b;border-color:#ffffff1a;border-radius:18px;max-width:260px;padding:11px 13px;top:22px;left:24px;box-shadow:0 22px 70px #00000038}.synthwave-game-fullscreen-container .srp-menu-hero h1{color:#fff7ed;font-size:24px;font-weight:850;line-height:1}.synthwave-game-fullscreen-container .srp-menu-hero p{color:#e8efffb3;max-width:230px;font-size:12px;font-weight:650}.synthwave-game-fullscreen-container .srp-left-col-desc{background:#070b18a3;border-radius:999px;max-width:365px;font-size:12px;font-weight:750;bottom:18px;left:28px}.synthwave-game-fullscreen-container .srp-right-col{will-change:transform;gap:12px;width:318px;height:auto;transition:transform .34s cubic-bezier(.22,1,.36,1);top:84px;bottom:92px;right:24px;overflow:visible;transform:translate(0)}.synthwave-game-fullscreen-container .srp-right-col>*{-webkit-backdrop-filter:blur(22px)saturate(128%);background:linear-gradient(#0c1223a8,#070b18c7)!important;border-color:#ffffff1b!important;border-radius:24px!important;box-shadow:inset 0 1px #ffffff14,0 24px 70px #0000003d!important}.srp-brief-drawer{pointer-events:auto;flex:auto;width:100%;height:100%;min-height:320px;position:relative;overflow:hidden}.srp-brief-content{opacity:1;flex-direction:column;gap:0;height:100%;padding:0;transition:opacity .22s,transform .32s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;overflow:hidden;transform:translate(0)scale(1)}.srp-brief-content .srp-progress-card,.srp-brief-content .srp-score-card{box-shadow:none;background:0 0;border-radius:0}.srp-brief-content .srp-progress-card{border-bottom:1px solid #ffffff14}.synthwave-game-fullscreen-container .srp-progress-card{padding:18px;position:relative}.synthwave-game-fullscreen-container .srp-progress-card-title,.synthwave-game-fullscreen-container .srp-score-title{color:#ff9d3b;letter-spacing:.08em;font-size:12px}.synthwave-game-fullscreen-container .srp-progress-card-body,.synthwave-game-fullscreen-container .srp-score-empty{font-size:12px;line-height:1.45;color:#e8efffb3!important}.synthwave-game-fullscreen-container .srp-score-card{flex-direction:column;flex:auto;min-height:0;max-height:none;padding:16px 18px 24px;display:flex;overflow-x:hidden;overflow-y:auto!important}.synthwave-game-fullscreen-container .srp-score-empty-icon{font-size:24px!important}.synthwave-game-fullscreen-container .srp-pixi-lobby{background:radial-gradient(circle at 50% 46%,#2f8cff1a,#0000 38%),radial-gradient(circle at 18% 70%,#ff9d3b14,#0000 30%),linear-gradient(135deg,#050713,#071126 54%,#040612)}.synthwave-game-fullscreen-container:not(.dark) .srp-fullscreen-active-container,.synthwave-game-fullscreen-container:not(.dark) .synth-grid-container,.synthwave-game-fullscreen-container:not(.dark) .srp-pixi-lobby{background:radial-gradient(circle at 18% 72%,#ff9d3b24,#0000 25%),radial-gradient(circle at 50% 48%,#2f8cff26,#0000 34%),linear-gradient(135deg,#f5f8ff,#e7f0ff 52%,#f9fbff)!important}.synthwave-game-fullscreen-container.srp-fullscreen-active-container .game-header-title{letter-spacing:0;text-shadow:0 14px 42px #0000006b;max-width:220px;line-height:1;color:#fff7ed!important;font-size:22px!important}.synthwave-game-fullscreen-container.srp-fullscreen-active-container .srp-badge,.synthwave-game-fullscreen-container.srp-fullscreen-active-container .srp-badge-progress{color:#f8fbffe6!important;background:#0a1021b8!important;border-color:#ffffff24!important}.synthwave-game-fullscreen-container.srp-fullscreen-active-container .synth-grid-container,.synthwave-game-fullscreen-container.srp-fullscreen-active-container .srp-pixi-lobby{background:radial-gradient(circle at 50% 46%,#2f8cff1a,#0000 38%),radial-gradient(circle at 18% 70%,#ff9d3b14,#0000 30%),linear-gradient(135deg,#050713,#071126 54%,#040612)!important}.synthwave-game-fullscreen-container.srp-fullscreen-active-container .srp-right-col>*{color:#f8fbffe6;background:linear-gradient(#0c1223a8,#070b18c7)!important;border-color:#ffffff1b!important}.synthwave-game-fullscreen-container.srp-fullscreen-active-container .srp-progress-card-body,.synthwave-game-fullscreen-container.srp-fullscreen-active-container .srp-score-empty{color:#e8efffb3!important}.srp-brief-collapse-btn{display:none!important}.srp-brief-rail{color:#f8fbffe6;-webkit-backdrop-filter:blur(22px)saturate(128%);cursor:pointer;opacity:0;pointer-events:none;will-change:transform, opacity;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:opacity .22s,transform .32s cubic-bezier(.22,1,.36,1);display:inline-flex;position:absolute;top:50%;left:7px;transform:translateY(-50%)translate(12px)scale(.96);background:#ffffff14!important;border:1px solid #ffffff1f!important;border-radius:50%!important;box-shadow:0 8px 32px #0000003d!important}.srp-brief-rail .material-symbols-rounded{color:#ff9d3b;font-size:22px}.srp-bottom-action-bar{z-index:12;-webkit-backdrop-filter:blur(20px)saturate(130%);background:#060a17b8;border:1px solid #ffffff1c;border-radius:999px;align-items:center;gap:16px;max-width:calc(100vw - 48px);padding:8px 12px 8px 20px;transition:all .3s;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff14,0 22px 70px #00000057;width:auto!important;min-width:unset!important}.srp-bottom-divider{background:#ffffff26;flex:none;width:1px;height:24px}.srp-bottom-action-copy{flex:none;align-items:center;gap:10px;min-width:0;display:flex}.srp-bottom-action-copy span{color:#ff9d3b;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#ff9d3b26;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900}.srp-bottom-action-copy strong{color:#fff7ed;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:14px;font-weight:700;overflow:hidden}.srp-bottom-action-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.srp-primary-action,.srp-secondary-action{color:#fff7ed;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 16px;font-size:13px;font-weight:850;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.srp-primary-action{background:linear-gradient(135deg,#ff9d3b,#ff6b35);box-shadow:0 12px 28px #ff7a1a47}.srp-secondary-action{background:#ffffff14;border:1px solid #ffffff1f}.srp-primary-action:hover,.srp-secondary-action:hover{transform:translateY(-1px)}@media (width<=1024px){.synthwave-game-fullscreen-container .synth-grid-container{height:calc(100vh - 124px)!important;min-height:unset!important}.synthwave-game-fullscreen-container .srp-left-col{right:0!important}.srp-menu-hero{max-width:calc(100% - 56px)}}@media (width<=768px){.synthwave-game-fullscreen-container .game-menu-header{min-height:auto;padding:16px 120px 16px 16px!important}.synthwave-game-fullscreen-container .macos-window-content{padding:0 14px 18px}.synthwave-game-fullscreen-container .synth-grid-container{border-radius:20px}.srp-header-subtitle{display:none}.srp-menu-hero{max-width:calc(100% - 32px);padding:14px;top:16px;left:16px}.srp-menu-hero h1{font-size:30px}.synthwave-game-fullscreen-container .srp-header-back-btn.liquid-glass{z-index:1000!important;border-radius:50%!important;width:38px!important;height:38px!important;position:absolute!important;top:16px!important;right:16px!important}.srp-bottom-action-bar.liquid-glass{box-sizing:border-box!important;z-index:1000!important;gap:16px!important;width:calc(100% - 32px)!important;max-width:420px!important;padding:8px 12px 8px 20px!important;position:fixed!important;bottom:24px!important;left:50%!important;transform:translate(-50%)!important}.srp-right-col{width:270px!important;padding-bottom:96px!important;top:130px!important;bottom:84px!important}}.srp-header-toggle-btn{display:none!important}.srp-header-actions{align-items:center;gap:12px;display:flex}.synthwave-game-fullscreen-container .srp-header-back-btn.liquid-glass,.synthwave-game-fullscreen-container .srp-header-toggle-btn.liquid-glass{flex:none;color:#f8fbff!important;-webkit-backdrop-filter:blur(20px)saturate(160%)!important;cursor:pointer!important;pointer-events:auto!important;background:#ffffff14!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;padding:0!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:inset 0 1px #ffffff1f,0 8px 32px #0000004d!important}.synthwave-game-fullscreen-container .srp-header-back-btn.liquid-glass{display:flex!important}.synthwave-game-fullscreen-container .srp-header-toggle-btn.liquid-glass{display:none!important}.synthwave-game-fullscreen-container .srp-header-back-btn.liquid-glass:hover,.synthwave-game-fullscreen-container .srp-header-toggle-btn.liquid-glass:hover{background:#ffffff2e!important;transform:translateY(-2px)scale(1.08)!important;box-shadow:inset 0 1px #ffffff40,0 12px 30px #0006!important}.synthwave-game-fullscreen-container .srp-header-back-btn.liquid-glass:active,.synthwave-game-fullscreen-container .srp-header-toggle-btn.liquid-glass:active{transform:translateY(0)scale(.92)!important}.srp-bottom-action-bar.liquid-glass{-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#060a1799!important;border:none!important;border-radius:999px!important;box-shadow:inset 0 1px #ffffff1f,0 22px 70px #00000073!important}.srp-level-info-container{flex-direction:column;gap:12px;margin-top:14px;display:flex}.srp-level-info-item{flex-direction:column;gap:2px;display:flex}.srp-level-info-row{gap:24px;display:flex}.srp-level-info-label{color:#ffffff73;letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:700}.srp-level-info-value{color:#fff;font-size:15px;font-weight:600}.srp-level-info-value.difficulty-val{color:#ec4899}.srp-level-info-desc-box{border-top:1px solid #ffffff14;margin-top:4px;padding-top:12px}.srp-level-info-desc{color:#ffffffc2;margin:0;font-size:13px;line-height:1.5}.srp-right-col>.srp-brief-drawer{flex-direction:column;flex:auto;height:100%;display:flex}.srp-score-card::-webkit-scrollbar{width:6px!important;height:6px!important}.srp-score-card::-webkit-scrollbar-track{background:0 0!important}.srp-score-card::-webkit-scrollbar-thumb{background:#ffffff29!important;border-radius:999px!important}.srp-score-card::-webkit-scrollbar-thumb:hover{background:#ffffff4d!important}.srp-score-card{scrollbar-width:thin!important;scrollbar-color:#ffffff29 transparent!important}.srp-bottom-action-actions .srp-primary-action,.srp-bottom-action-actions .srp-secondary-action{color:#f8fbff!important;width:42px!important;height:42px!important;box-shadow:none!important;background:#ffffff14!important;border:1px solid #ffffff1f!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:all .2s!important;display:flex!important}.srp-bottom-action-actions .srp-primary-action:hover,.srp-bottom-action-actions .srp-secondary-action:hover{background:#ffffff2e!important;border-color:#ffffff40!important;transform:translateY(-2px)scale(1.05)!important}.srp-bottom-action-actions .srp-primary-action:disabled:hover,.srp-bottom-action-actions .srp-secondary-action:disabled:hover{background:#ffffff0a!important;border-color:#ffffff0f!important;transform:none!important}.srp-bottom-action-actions .srp-primary-action:active,.srp-bottom-action-actions .srp-secondary-action:active{transform:translateY(0)scale(.92)!important}.srp-bottom-action-actions .srp-primary-action:disabled:active,.srp-bottom-action-actions .srp-secondary-action:disabled:active{transform:none!important}.srp-bottom-action-actions .srp-primary-action:disabled,.srp-bottom-action-actions .srp-secondary-action:disabled{opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;color:#ffffff4d!important;background:#ffffff0a!important;border-color:#ffffff0f!important;transform:none!important}@media (width<=1024px){.game-menu-header,.synthwave-game-fullscreen-container .game-menu-header{min-height:unset!important;grid-template-columns:1fr auto!important;grid-template-areas:"left actions""badges badges"!important;gap:12px 16px!important;padding:16px!important;display:grid!important}.synthwave-game-fullscreen-container .game-menu-header.srp-hud-top{width:auto!important;padding:0!important;position:absolute!important;top:14px!important;left:22px!important;right:22px!important}.game-header-left{grid-area:left}.srp-header-actions{grid-area:actions;justify-self:end!important;align-items:center!important;gap:12px!important;display:flex!important}.synthwave-game-fullscreen-container .srp-header-back-btn.liquid-glass,.synthwave-game-fullscreen-container .srp-header-toggle-btn.liquid-glass{z-index:auto!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;display:flex!important;position:static!important}.synthwave-game-fullscreen-container .srp-header-toggle-btn.liquid-glass{display:flex!important}.game-header-badges{grid-area:badges;flex-direction:row!important;align-items:center!important;gap:8px!important;width:100%!important;margin-top:0!important;display:flex!important}.synthwave-game-fullscreen-container .srp-right-col.is-collapsed{pointer-events:none!important;transform:translate(calc(100% - 58px))!important}.synthwave-game-fullscreen-container .srp-right-col.is-collapsed>*{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border-color:#0000!important;border-radius:24px!important}.synthwave-game-fullscreen-container .srp-right-col.is-collapsed .srp-brief-drawer{min-height:320px!important}.synthwave-game-fullscreen-container .srp-right-col.is-collapsed .srp-brief-content{opacity:0!important;pointer-events:none!important;transform:translate(22px)scale(.98)!important}.synthwave-game-fullscreen-container .srp-right-col.is-collapsed .srp-brief-rail{opacity:1!important;pointer-events:auto!important;transform:translateY(-50%)translate(0)scale(1)!important}}:root{--sc-text-color:var(--neutral-800);--sc-subtext-color:var(--neutral-600);--sc-card-bg:#ffffff73;--sc-card-border:var(--neutral-200);--sc-active-bg:linear-gradient(135deg, #a855f714, #6366f10d);--sc-active-border:#a855f74d;--sc-scroll-thumb:#0000001f;--sc-scroll-thumb-hover:#00000038}.dark{--sc-text-color:#eff4ff;--sc-subtext-color:#ffffff8c;--sc-card-bg:#ffffff05;--sc-card-border:#ffffff0f;--sc-active-bg:linear-gradient(135deg, #a855f726, #6366f11a);--sc-active-border:#a855f766;--sc-scroll-thumb:#ffffff1f;--sc-scroll-thumb-hover:#ffffff38}@keyframes pulseGlow{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}@keyframes slide-in-premium{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.slide-in-premium{animation:.45s cubic-bezier(.25,.8,.25,1) both slide-in-premium}.speaking-words-scroll{scrollbar-width:thin;scrollbar-color:var(--sc-scroll-thumb) transparent}.speaking-words-scroll::-webkit-scrollbar{width:4px;height:0}.speaking-words-scroll::-webkit-scrollbar-track{background:0 0;border-radius:999px}.speaking-words-scroll::-webkit-scrollbar-thumb{background:var(--sc-scroll-thumb);border-radius:999px;transition:background .2s}.speaking-words-scroll::-webkit-scrollbar-thumb:hover{background:var(--sc-scroll-thumb-hover)}.sc-glass-wrapper{max-width:960px;margin:16px auto 80px}.sc-glass-wrapper.loading{margin-bottom:0}.sc-loading-content{justify-content:center;align-items:center;min-height:300px;display:flex}.sc-loading-text{opacity:.7;color:var(--sc-text-color)}.sc-header-row{border-bottom:1px solid var(--sc-card-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex}.sc-header-eyebrow{color:#a855f7;text-transform:uppercase;letter-spacing:.1em;margin:0 0 4px;font-size:11px;font-weight:800}.sc-header-title{color:var(--sc-text-color);font-size:26px;font-weight:900;font-family:var(--font-display,inherit);margin:0}.sc-header-desc{color:var(--sc-subtext-color);margin:6px 0 0;font-size:14.5px}.sc-back-btn{height:fit-content;padding:8px 18px;font-size:13.5px}.sc-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:24px;display:grid}.sc-left-pane{background:var(--sc-card-bg);border:1px solid var(--sc-card-border);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:24px}.sc-pane-title{color:#a855f7;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin:0 0 16px;font-size:13.5px;font-weight:800;display:flex}.sc-pane-title-icon{font-size:20px}.sc-words-scroll{flex-direction:column;gap:10px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.sc-word-btn{background:var(--sc-card-bg);border:1px solid var(--sc-card-border);color:var(--sc-text-color);text-align:left;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .25s;display:flex}.sc-word-btn.active{background:var(--sc-active-bg);border:1px solid var(--sc-active-border)}.sc-word-btn-title{color:var(--sc-text-color);font-size:15px;display:block}.sc-word-btn-title.active{color:#a855f7}.sc-word-btn-meaning{color:var(--sc-subtext-color);font-size:12.5px}.sc-word-btn-icon{color:var(--sc-subtext-color);font-size:18px}.sc-word-btn-icon.active{color:#a855f7}.sc-right-pane{background:var(--sc-card-bg);border:1px solid var(--sc-card-border);-webkit-backdrop-filter:blur(12px);text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:32px;display:flex}.sc-lab-eyebrow{color:#a855f7;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:900}.sc-lab-word{color:var(--sc-text-color);margin:4px 0;font-size:34px;font-weight:900}.sc-lab-ipa-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.sc-lab-ipa{color:var(--sc-subtext-color);font-family:monospace;font-size:15px;font-style:italic}.sc-lab-audio-btn{color:#06b6d4;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.sc-lab-audio-icon{font-size:20px}.sc-lab-sentence{color:var(--sc-subtext-color);margin:0 0 20px;font-size:14px;font-style:italic}.sc-visualizer-container{justify-content:center;align-items:center;width:260px;height:260px;margin:10px 0;display:flex;position:relative}.sc-visualizer-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.sc-mic-btn{color:#fff;cursor:pointer;z-index:10;background:linear-gradient(135deg,#a855f7,#6366f1);border:none;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;transition:all .3s;display:flex;box-shadow:0 6px 20px #a855f740}.dark .sc-mic-btn{box-shadow:0 8px 30px #a855f766}.sc-mic-btn:hover{transform:scale(1.04)}.sc-mic-icon{font-size:40px}.sc-stop-btn{color:#fff;cursor:pointer;z-index:10;background:linear-gradient(135deg,#ef4444,#f43f5e);border:none;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;animation:1.2s infinite pulseGlow;display:flex;box-shadow:0 8px 30px #ef444466}.sc-listening-hint{color:#06b6d4;margin-top:16px;font-size:13px;font-weight:700;animation:1.5s infinite pulseGlow}.sc-error-text{color:#f43f5e;margin-top:16px;font-size:13.5px}.sc-feedback-panel{border-top:1px solid var(--sc-card-border);width:100%;margin-top:24px;padding-top:24px}.sc-feedback-row{justify-content:center;align-items:center;gap:16px;margin-bottom:16px;display:flex}.sc-score-badge{border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;font-size:22px;font-weight:900;display:flex}.sc-score-badge.excellent{color:#22c55e;background:#22c55e1f;border:3px solid #22c55e}.sc-score-badge.needs-work{color:#fb923c;background:#fb923c1f;border:3px solid #fb923c}.sc-score-info{text-align:left}.sc-score-text{font-size:16px;display:block}.sc-score-text.excellent{color:#22c55e}.sc-score-text.needs-work{color:#fb923c}.sc-spoken-text{color:var(--sc-subtext-color);font-size:12px}.sc-feedback-box{color:var(--sc-text-color);border:1px solid var(--sc-card-border);text-align:left;background:#00000008;border-radius:12px;margin:0;padding:12px 18px;font-size:14px;line-height:1.5}.dark .sc-feedback-box{background:#ffffff08}.cf-page-wrapper{max-width:680px;margin:16px auto 0;position:relative}.cf-loading-content{justify-content:center;align-items:center;min-height:300px;display:flex}.cf-loading-text{opacity:.7;color:var(--text-secondary)}.cf-glass-content{flex-direction:column;min-height:600px;display:flex;position:relative}.cf-starfield{opacity:.6}.cf-header-row{align-items:center;gap:14px;width:100%;margin-bottom:16px;display:flex;position:relative}.cf-header-title-block{flex:1}.cf-header-eyebrow{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin:0}.cf-deck-workspace{flex-direction:column;flex:1;align-items:center;width:100%;max-width:500px;margin:12px auto;display:flex;position:relative}.cf-hologram-container{touch-action:none;cursor:grab;width:100%;height:450px;position:relative}.cf-hologram-container.is-dragging{cursor:grabbing}.cf-swipe-hint{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;font-size:13px;font-weight:750;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:10px 18px;transition:opacity .2s,background .2s;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.cf-swipe-hint-icon{font-size:18px}.cf-swipe-hint.swipe-right{color:#34d399;background:#10b98138;box-shadow:0 0 25px #10b9814d}.cf-swipe-hint.swipe-left{color:#f43f5e;background:#f43f5e38;box-shadow:0 0 25px #f43f5e4d}.cf-swipe-hint.swipe-right .cf-swipe-hint-icon{filter:drop-shadow(0 0 8px #34d399)}.cf-swipe-hint.swipe-left .cf-swipe-hint-icon{filter:drop-shadow(0 0 8px #f43f5e)}.cf-progress-track{background:var(--neutral-150,#ffffff0f);border-radius:999px;width:100%;height:6px;margin-top:16px;overflow:hidden}.cf-progress-bar{background:linear-gradient(90deg,#10b981,#059669);height:100%;transition:width .2s}.flashcard-progress-info{width:100%;color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:10px;padding:0 8px;font-size:13px;display:flex}.cf-remembered-highlight{color:#10b981}.cf-btn-forgot{color:#f43f5e;background:#f43f5e0f;border:1px solid #f43f5e4d;border-radius:12px;flex:1;justify-content:center;padding:12px;font-weight:700;box-shadow:0 4px 12px #f43f5e0d}.cf-btn-remembered{color:#10b981;background:#10b9810f;border:1px solid #10b9814d;border-radius:12px;flex:1;justify-content:center;padding:12px;font-weight:700;box-shadow:0 4px 12px #10b9810d}.cf-mobile-note-icon{color:#fbbf24;font-size:15px}.cf-summary-container{text-align:center;width:100%;max-width:500px;color:var(--neutral-800);background:#ffffffbf;border:1px solid #00000014;margin:40px auto;padding:36px}html.dark .cf-summary-container{color:#fff;background:#0f172a73;border-color:#ffffff14}.cf-summary-emoji{filter:drop-shadow(0 0 20px #10b981);margin-bottom:16px;font-size:72px}.cf-summary-title{color:#10b981;margin:0 0 8px;font-size:24px;font-weight:900}.cf-summary-subtitle{color:#0009;margin:0 0 28px;font-size:14px}html.dark .cf-summary-subtitle{color:#fff9}.cf-summary-stats-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;display:grid}.cf-summary-stats-card{background:#00000008;border:1px solid #0000000f;border-radius:12px;padding:16px}html.dark .cf-summary-stats-card{background:#ffffff0d;border-color:#ffffff0f}.cf-summary-stats-label{text-transform:uppercase;color:#00000080;margin-bottom:4px;font-size:12px;display:block}html.dark .cf-summary-stats-label{color:#ffffff80}.cf-summary-stats-val-green{color:#10b981;font-size:24px}.cf-summary-stats-val-yellow{color:#fbbf24;font-size:24px}.cf-summary-actions{flex-direction:column;gap:12px;display:flex}.cf-restart-btn{background:linear-gradient(135deg,#10b981,#059669);justify-content:center;width:100%;padding:12px;font-weight:800}.cf-dashboard-btn{border:1px solid #00000014;justify-content:center;width:100%;font-weight:700}html.dark .cf-dashboard-btn{border-color:#ffffff14}:root{--an-text-color:var(--neutral-800);--an-subtext-color:var(--neutral-600);--an-card-border:var(--neutral-200);--an-grid-line-color:#0000000d;--an-grid-base-line:#00000026;--an-axis-label-color:#00000073;--an-radar-conc:#0000000d;--an-radar-spoke:#00000014;--an-radar-text:var(--neutral-800);--an-tab-bg:#00000008;--an-tab-border:#00000014}html.dark{--an-text-color:#eff4ff;--an-subtext-color:#ffffff8c;--an-card-border:#ffffff0f;--an-grid-line-color:#ffffff0a;--an-grid-base-line:#ffffff1a;--an-axis-label-color:#ffffff80;--an-radar-conc:#ffffff0a;--an-radar-spoke:#ffffff0d;--an-radar-text:#fffc;--an-tab-bg:#ffffff08;--an-tab-border:#ffffff0d}.an-loading-container{justify-content:center;align-items:center;max-width:1400px;min-height:400px;margin:0 auto;padding:32px 24px;display:flex}.an-loading-text{opacity:.6;color:var(--text-secondary)}.an-page-wrapper{max-width:1400px;margin:16px auto 80px;position:relative}.an-starfield{opacity:.45;pointer-events:none;position:absolute;inset:0}.an-content-wrapper{padding:32px}.an-header-row{border-bottom:1px solid var(--an-card-border);margin-bottom:28px;padding-bottom:20px}.an-header-eyebrow{color:#a855f7;text-transform:uppercase;letter-spacing:.1em;margin:0 0 4px;font-size:11px;font-weight:800}.an-header-title{color:var(--an-text-color);font-size:26px;font-weight:900;font-family:var(--font-display,inherit);margin:0}.an-header-subtitle{color:var(--an-subtext-color);margin:6px 0 0;font-size:14.5px}.an-hero-card{flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.an-hero-deco-circle{pointer-events:none;background:radial-gradient(circle,#8b5cf61f 0%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:-40px}.an-hero-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#a78bfa;opacity:.9;margin:0 0 4px;font-size:11px;font-weight:700}.an-hero-title-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.an-hero-title{letter-spacing:-.5px;color:var(--an-text-color);font-size:22px;font-weight:950;font-family:var(--font-display,inherit);margin:0}.an-level-badge{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #8b5cf659}.an-level-badge-icon{font-size:15px}.an-flex-between-mb-6{justify-content:space-between;margin-bottom:6px;display:flex}.an-xp-progress-val{color:var(--an-subtext-color);font-size:12px;font-weight:600}.an-xp-progress-pct{color:#a78bfa;font-size:12px;font-weight:700}.an-xp-progress-track{background:#00000012;border-radius:8px;height:8px;overflow:hidden}html.dark .an-xp-progress-track{background:#ffffff12}.an-xp-progress-bar{background:"linear-gradient(90deg, #8b5cf6 0%, #a855f7 100%)";background:linear-gradient(90deg,#8b5cf6 0%,#a855f7 100%);border-radius:8px;height:100%;transition:width .9s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 8px #a855f780}.an-xp-total-label{color:var(--an-subtext-color);margin:6px 0 0;font-size:12px}.an-mastery-card{flex-direction:column;justify-content:center;display:flex}.an-card-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--an-subtext-color);margin:0 0 16px;font-size:13.5px;font-weight:800}.an-card-heading.color-purple{color:#a855f7;margin:0}.an-card-heading.color-indigo{color:#6366f1;align-self:flex-start;margin:0 0 12px}.an-mastery-bars-col{flex-direction:column;gap:12px;display:flex}.an-flex-between-mb-5{justify-content:space-between;margin-bottom:5px;display:flex}.an-mastery-label{color:var(--an-text-color);font-size:13px;font-weight:600}.an-mastery-value{font-size:12px;font-weight:700}.an-mastery-track{background:#0000000f;border-radius:6px;height:7px;overflow:hidden}html.dark .an-mastery-track{background:#ffffff0f}.an-stat-icon{margin-bottom:8px;font-size:24px;display:block}.an-stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--an-subtext-color);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.an-stat-val{font-size:26px;font-weight:950;line-height:1}.an-stat-unit{color:var(--an-subtext-color);margin-left:4px;font-size:12px}.an-chart-card{flex-direction:column;justify-content:center;display:flex}.an-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.an-switcher-wrapper{background:var(--an-tab-bg);border:1px solid var(--an-tab-border);border-radius:10px;gap:4px;padding:3px;display:flex}.an-trend-svg{width:100%;height:200px;display:block;overflow:visible}.an-trend-area,.an-trend-line{transform-origin:0 178px;transition:transform 1.1s cubic-bezier(.34,1.56,.64,1)}.an-chart-node{transition:transform .7s cubic-bezier(.34,1.56,.64,1),opacity .4s}.an-axis-text{fill:var(--an-axis-label-color);transition:opacity .5s}.an-radar-card{flex-direction:column;justify-content:center;align-items:center;display:flex}.an-radar-svg{width:auto;height:220px;display:block;overflow:visible}.an-radar-ring{stroke:var(--an-radar-conc);transition:opacity .7s}.an-radar-spoke-line{stroke:var(--an-radar-spoke);transform-origin:140px 140px;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}.an-radar-data-poly{transform-origin:140px 140px;transition:transform 1.3s cubic-bezier(.34,1.56,.64,1)}.an-radar-node{transition:transform .7s cubic-bezier(.34,1.56,.64,1)}.an-radar-text-label{fill:var(--an-radar-text);transition:opacity .6s}.an-radar-val-hint{transition:opacity .6s}.an-ai-advice-card{background:linear-gradient(135deg,#06b6d40d 0%,#8b5cf605 100%);border:1px solid #06b6d41f;align-items:center;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden}html.dark .an-ai-advice-card{background:linear-gradient(135deg,#06b6d414 0%,#8b5cf60a 100%);border-color:#06b6d426}.an-mascot-wrapper{background:#8b5cf614;border:1px solid #8b5cf633;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;display:flex;overflow:hidden;box-shadow:0 4px 14px #0000001a}.an-mascot-img{object-fit:cover;width:100%;height:100%}.an-advice-header{letter-spacing:.08em;text-transform:uppercase;color:#06b6d4;margin:0 0 4px;font-size:10.5px;font-weight:800}.an-advice-text{color:var(--an-text-color);margin:0;font-size:13px;font-weight:600;line-height:1.4}.an-stat-icon.color-cyan,.an-stat-val.color-cyan{color:#06b6d4!important}.an-stat-icon.color-emerald,.an-stat-val.color-emerald{color:#10b981!important}.an-stat-icon.color-orange,.an-stat-val.color-orange{color:#f59e0b!important}.an-stat-icon.color-red,.an-stat-val.color-red{color:#f87171!important}.analytics-bento-grid{grid-gap:20px;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(130px,auto);margin-top:24px;display:grid}.bento-slide{will-change:transform;border-radius:16px;padding:24px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,background-color .25s;position:relative;overflow:hidden}.bento-slide:hover{border-color:#8b5cf64d;transform:translateY(-3px);box-shadow:none!important}.bento-col-span-2{grid-column:span 2}.bento-row-span-2{grid-row:span 2}.analytics-card-premium{border:1px solid var(--an-card-border);-webkit-backdrop-filter:blur(6px);background:#ffffffd9;box-shadow:0 2px 12px #00000008}html.dark .analytics-card-premium{background:#0f172aa6;border:1px solid #ffffff14;box-shadow:0 2px 16px #00000026}.an-stat-card{flex-direction:column;justify-content:center;display:flex;padding:20px!important}.an-chart-card,.an-radar-card,.an-hero-card,.an-mastery-card{flex-direction:column;display:flex}@media (width<=1024px){.analytics-bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}}@media (width<=640px){.analytics-bento-grid{grid-gap:16px;grid-template-columns:1fr}.bento-col-span-2,.bento-row-span-2{grid-area:span 1/span 1!important}.bento-slide{padding:16px}}.an-hero-flex-row{justify-content:space-between;align-items:center;gap:32px;margin-top:16px;display:flex}.an-hero-progress-section{flex:1}.an-daily-target-wrapper{border:1px solid var(--an-card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05;border-radius:14px;align-items:center;gap:16px;padding:12px 18px;display:flex}.an-daily-ring-container{flex-shrink:0;width:64px;height:64px;position:relative}.an-daily-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.an-daily-ring-bg{fill:none;stroke:#8b5cf614;stroke-width:8px}html.dark .an-daily-ring-bg{stroke:#ffffff0f}.an-daily-ring-bar{fill:none;stroke:#8b5cf6;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.an-daily-ring-text{flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.an-daily-ring-val{color:var(--an-text-color);font-size:13px;font-weight:850}.an-daily-ring-lbl{color:var(--an-subtext-color);margin-top:1px;font-size:7.5px;font-weight:700}.an-daily-info{flex-direction:column;display:flex}.an-daily-title{text-transform:uppercase;letter-spacing:.05em;color:var(--an-subtext-color);font-size:11px;font-weight:800}.an-daily-status{color:#a855f7;margin-top:2px;font-size:13px;font-weight:750}.an-stat-flex-row{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.an-stat-cta-btn{border:1px solid #0000;border-radius:99px;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:800;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.bg-cyan-soft{color:#06b6d4;background:#06b6d40f;border-color:#06b6d426}.bg-cyan-soft:hover{color:#fff;background:#06b6d4;box-shadow:none!important}.bg-orange-soft{color:#f59e0b;background:#f59e0b0f;border-color:#f59e0b26}.bg-orange-soft:hover{color:#fff;background:#f59e0b;box-shadow:none!important}.an-stat-cta-btn .btn-arrow{font-size:14px;transition:transform .2s}.an-stat-cta-btn:hover .btn-arrow{transform:translate(2px)}.an-tooltip-bubble{-webkit-backdrop-filter:blur(12px);pointer-events:none;z-index:10;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:2px;padding:8px 12px;animation:.2s cubic-bezier(.16,1,.3,1) forwards tooltipFadeIn;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 10px 25px -5px #0000004d}html:not(.dark) .an-tooltip-bubble{background:#ffffffe6;border-color:#0000000f;box-shadow:0 10px 25px -5px #8b5cf626}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-95%)scale(.95)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}.an-tooltip-title{color:var(--an-subtext-color);text-transform:uppercase;letter-spacing:.02em;font-size:10.5px;font-weight:800}.an-tooltip-value{color:var(--an-text-color);font-size:14px;font-weight:900}.an-tooltip-date{color:#a855f7;font-size:11px;font-weight:750}@media (width<=768px){.an-hero-flex-row{flex-direction:column;align-items:stretch;gap:20px}.an-daily-target-wrapper{justify-content:center}.an-hero-stats-cluster{grid-template-columns:1fr!important}}.an-hero-stats-cluster{border-top:1px solid var(--an-card-border);grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px;padding-top:20px;display:grid}.an-cluster-card{border:1px solid var(--an-card-border);background:#0f172a73;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:110px;padding:18px 20px;transition:border-color .25s,transform .25s;display:flex;position:relative}html:not(.dark) .an-cluster-card{background:#ffffffb3;border-color:#00000014}.an-cluster-card:hover{border-color:#8b5cf659;transform:translateY(-2px)}.an-cluster-icon-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.an-cluster-icon{font-size:22px}.an-cluster-icon.cyan{color:#06b6d4}.an-cluster-icon.emerald{color:#10b981}.an-cluster-icon.orange{color:#f59e0b}.an-cluster-icon.red{color:#f43f5e}.an-cluster-label{letter-spacing:.06em;text-transform:uppercase;color:var(--an-subtext-color);margin-bottom:6px;font-size:11px;font-weight:800}.an-cluster-bottom-row{justify-content:space-between;align-items:flex-end;gap:8px;margin-top:auto;display:flex}.an-cluster-val-wrapper{align-items:baseline;gap:5px;display:flex}.an-cluster-val{font-size:28px;font-weight:950;line-height:1}.an-cluster-val.cyan{color:#06b6d4}.an-cluster-val.emerald{color:#10b981}.an-cluster-val.orange{color:#f59e0b}.an-cluster-val.red{color:#f43f5e}.an-cluster-unit{color:var(--an-subtext-color);font-size:13px;font-weight:700}.an-cluster-btn{border:1px solid var(--an-card-border);color:var(--an-text-color);background:#ffffff0d;border-radius:99px;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:800;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.an-cluster-btn:hover{background:#ffffff1f;border-color:#8b5cf64d;box-shadow:none!important}html:not(.dark) .an-cluster-btn{background:#0000000a;border-color:#00000014}.timer-container{flex-direction:column;align-items:center;gap:4px;display:flex}.timer-circle-wrapper{justify-content:center;align-items:center;width:60px;height:60px;transition:transform .2s;display:flex;position:relative}.timer-svg{transform:rotate(-90deg)}.timer-progress-ring{transition:stroke-dashoffset 1s linear,stroke .3s}.timer-text{font-size:18px;font-weight:800;position:absolute}.timer-label{color:#ffffff80;font-size:11px;font-weight:700}.quiz-levelup-overlay{z-index:9998;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;justify-content:center;align-items:center;animation:.4s fadeIn;display:flex;position:fixed;inset:0}.quiz-levelup-panel{text-align:center;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#4c1d95 100%);border:2px solid #a78bfa99;border-radius:28px;max-width:420px;padding:48px 56px;animation:.5s cubic-bezier(.175,.885,.32,1.275) scaleIn;box-shadow:0 0 80px #8b5cf666,0 32px 64px #00000080}.quiz-levelup-emoji{margin-bottom:12px;font-size:64px;filter:none!important}.quiz-levelup-title{color:#fbbf24;letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:800}.quiz-levelup-subtitle{color:#c4b5fd;margin:0 0 20px;font-size:16px}.quiz-levelup-badge-container{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50px;margin-bottom:24px;padding:14px 32px;display:inline-block}.quiz-levelup-badge-text{color:#1e1b4b;font-size:22px;font-weight:900}.quiz-levelup-description{color:#a78bfa;margin:0 0 28px;font-size:14px}.quiz-levelup-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:14px;padding:14px 32px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #7c3aed66}.quiz-levelup-btn:hover{transform:scale(1.04)}.quiz-result-mascot{object-fit:contain;width:120px;height:120px;margin:0 auto}.quiz-result-xp-track{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.quiz-result-xp-fill{background:linear-gradient(90deg,#a78bfa,#60a5fa);border-radius:4px;height:100%}.quiz-top-row{justify-content:space-between;align-items:center;display:flex}.quiz-word-display.unscramble{font-size:32px}.unscramble-hint.error{color:#ef4444}.quiz-actions-panel{justify-content:flex-end;margin-top:16px;display:flex}.quiz-cta-btn.full-width{justify-content:center;width:100%;padding:14px 0}.stp-spacer-8{height:8px}.stp-flex-between{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.stp-roadmap-title{color:var(--neutral-900);margin:0;font-size:18px;font-weight:800}.stp-gray-text-italic{color:var(--neutral-400);font-size:14px;font-style:italic}.student-textbooks-page{width:100%;max-width:1380px;margin:0 auto;padding:24px 32px 32px}.textbooks-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:24px;display:grid}.textbooks-horizontal-scroll.is-centered{justify-content:center}.stp-index-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.stp-index-title{color:var(--neutral-900);margin:0;font-size:20px;font-weight:800}.stp-words-panel{background:0 0;padding:24px}.stp-sub-tab-bar{border-bottom:1px solid #ffffff1a;gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex}.stp-sub-tab-btn{cursor:pointer;height:36px;color:inherit;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:13.5px}.stp-sub-tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.stp-word-list-grid{gap:20px;display:grid}.textbook-detail-page .student-vocab-word-card.textbook-word-row.stp-word-card-row{background:#ffffff05!important;border:1px solid #ffffff0d!important;border-radius:12px!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:16px!important;min-height:auto!important;padding:20px!important;display:flex!important}.stp-word-card-top{align-items:flex-start;gap:24px;width:100%;display:flex}.stp-word-title{color:var(--primary);font-size:22px;font-weight:800}.stp-meaning-bold{color:var(--neutral-900);margin:0 0 12px;font-size:16px;font-weight:600}.stp-example-wrapper{border-left:3px solid var(--primary);background:#ffffff03;border-radius:0 6px 6px 0;padding:10px 14px;font-size:14px}.stp-example-italic{color:var(--neutral-900);margin:0 0 4px;font-style:italic}.stp-example-meaning{color:var(--neutral-400);margin:0;font-size:13px}.stp-save-btn{cursor:pointer;color:inherit;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:inline-flex}.stp-action-buttons-container{border-top:1px solid #ffffff0f;justify-content:flex-end;align-items:center;gap:12px;width:100%;margin-top:4px;padding-top:14px;display:flex}.stp-mindmap-btn{cursor:pointer;color:#818cf8;background:#6366f11f;border:1px solid #6366f159;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .2s;display:inline-flex}.stp-mindmap-btn:hover{background:#6366f138;transform:translateY(-1px)}.stp-mindmap-btn:active{transform:translateY(0)}.stp-grammar-panel,.stp-quiz-card{background:#ffffff03;border:1px solid #ffffff0d;border-radius:12px;padding:20px}.stp-quiz-option-btn{text-align:left;cursor:pointer;color:inherit;background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px 16px}.textbook-words-content-pdf{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.textbook-index-workspace-pdf{grid-template-columns:260px 1fr;align-items:center;gap:32px;width:100%;max-width:1280px;margin:0 auto;display:grid}.stp-pdf-toc-aside{-webkit-backdrop-filter:blur(12px);background:#ffffff05;border-radius:16px;flex-direction:column;gap:6px;width:100%;padding:18px 14px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff14,0 8px 32px #00000026}.stp-pdf-toc-aside:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff38 0%,#ffffff0f 20%,#fff0 40% 60%,#ffffff0f 80%,#ffffff38 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}.stp-pdf-toc-header{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #ffffff0f;margin-bottom:10px;padding:2px 8px 12px;font-size:13px;font-weight:700}.stp-pdf-toc-list{flex-direction:column;gap:6px;width:100%;display:flex}.stp-pdf-toc-item{box-sizing:border-box;cursor:pointer;text-align:left;width:100%;box-shadow:none;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 14px 10px 18px;transition:all .28s cubic-bezier(.25,1,.5,1);display:flex;position:relative;overflow:hidden}.stp-pdf-toc-item:after{content:"";transform-origin:50%;background:#3b82f6;border-radius:99px;width:3px;height:60%;transition:transform .24s cubic-bezier(.25,1,.5,1),background-color .2s;position:absolute;top:20%;left:6px;transform:scaleY(0)}.stp-pdf-toc-item.active:after{background:#60a5fa;transform:scaleY(1)}.stp-pdf-toc-item:hover{box-shadow:none;background:#ffffff0d}.stp-pdf-toc-item:hover:after{transform:scaleY(1)}.stp-pdf-toc-unit{color:#60a5fa;white-space:nowrap;font-size:13px;font-weight:700}.stp-pdf-toc-title{color:#cbd5e1;text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13.5px;font-weight:600;transition:transform .28s cubic-bezier(.25,1,.5,1),color .2s;overflow:hidden}.stp-pdf-toc-item:hover .stp-pdf-toc-title{transform:translate(4px)}.stp-pdf-toc-item.active{box-shadow:none;background:#3b82f626}.stp-pdf-toc-item.active .stp-pdf-toc-title{color:#fff}.stp-pdf-header-row{justify-content:flex-start;width:100%;max-width:1280px;margin:0 auto 20px;display:flex}.stp-pdf-controls-group-simple{-webkit-backdrop-filter:blur(12px);background:#ffffff05;border-radius:99px;align-items:center;gap:16px;margin-bottom:24px;padding:6px 18px 6px 12px;display:inline-flex;position:relative;box-shadow:inset 0 1px 1px #ffffff14,0 8px 32px #00000026}.stp-pdf-controls-group-simple:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff38 0%,#ffffff0f 20%,#fff0 40% 60%,#ffffff0f 80%,#ffffff38 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}.stp-simple-nav-btn{color:#cbd5e1;cursor:pointer;background:0 0;border-radius:99px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:none!important;border:none!important}.stp-simple-nav-btn:hover:not(:disabled){color:#fff!important;box-shadow:none!important;background:#ffffff14!important}.stp-simple-nav-btn:disabled{cursor:not-allowed;color:#475569!important;box-shadow:none!important;background:0 0!important}.stp-simple-slider-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 8px;display:flex}.stp-simple-slider{accent-color:#3b82f6;cursor:pointer;background:#ffffff1a;border-radius:4px;outline:none;width:140px;height:4px}.stp-simple-page-label{color:#64748b;white-space:nowrap;font-size:11px;font-weight:600}.stp-simple-page-label strong{color:#60a5fa;font-weight:700}.stp-controls-divider{background:#ffffff26;width:1px;height:20px}.stp-back-btn-relative{color:#cbd5e1;cursor:pointer;background:0 0;border-radius:99px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:none!important;border:none!important}.stp-back-btn-relative:hover{color:#fff!important;box-shadow:none!important;background:#ffffff14!important}.pdf-book-3d-wrapper{z-index:10;flex-direction:column;align-items:center;width:100%;display:flex;position:relative;transform:translate(0,0)}.pdf-book-loader{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:100px 20px;display:flex}.pdf-loader-text{margin:0;font-size:15px;font-style:italic;font-weight:500}.book-stage-outer{justify-content:center;align-items:center;width:100%;min-height:340px;display:flex;position:relative}.book-container{perspective:2000px;width:90vw;max-width:900px;height:59vw;min-height:380px;max-height:590px;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative;transform:translate(0,0)}.book-spine{z-index:100;background:linear-gradient(90deg,#0006,#ffffff1a 30% 70%,#0006);width:16px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #00000080}.book-inside-cover{z-index:1;background:#0f172a;border:1px solid #ffffff0d;justify-content:center;align-items:center;width:calc(50% + 4px);height:calc(100% + 8px);display:flex;position:absolute;top:-4px;box-shadow:0 10px 25px #0000004d}.book-inside-cover.left{transform-origin:100%;border-radius:12px 0 0 12px;left:-4px;transform:rotateY(-3deg)}.book-inside-cover.right{transform-origin:0;border-radius:0 12px 12px 0;right:-4px;transform:rotateY(3deg)}.book-cover-icon{color:#334155;font-size:48px}.book-page-leaf{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;z-index:var(--page-z-index);transition:transform .55s cubic-bezier(.25,1,.5,1);position:absolute;top:0;right:0;transform:translate(0,0)rotateY(0)}.book-page-leaf.flipped{transform:translate(0,0)rotateY(-180deg)}.book-page-face{backface-visibility:hidden;box-sizing:border-box;background-color:#f8fafc;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.dark .book-page-face{filter:brightness(.92)contrast(1.05);background-color:#e2e8f0}.book-page-face.front-face{border-left:1px solid #00000014;border-radius:0 8px 8px 0;box-shadow:inset 15px 0 25px #0000000d,5px 5px 15px #0000001a}.book-page-face.back-face{border-right:1px solid #00000014;border-radius:8px 0 0 8px;transform:rotateY(180deg);box-shadow:inset -15px 0 25px #0000000d,-5px 5px 15px #0000001a}.page-image-fill{object-fit:contain;width:100%;height:100%;display:block}.page-render-loader{color:#64748b;background:#0f172a0d;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;font-size:13px;display:flex}.page-spinner{border:3px solid #3b82f633;border-top-color:#3b82f6;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.page-num-indicator{color:#64748b;font-size:11px;font-weight:600;position:absolute;bottom:12px}.page-num-indicator.left{left:16px}.page-num-indicator.right{right:16px}.book-click-zone{cursor:pointer;z-index:200;width:80px;position:absolute;top:0;bottom:0}.book-click-zone.prev{left:0}.book-click-zone.next{right:0}@media (width<=768px){.textbook-index-workspace-pdf{grid-template-columns:1fr;gap:12px}.stp-pdf-toc-aside{border-radius:12px;align-items:center;max-height:70px;margin-bottom:0;padding:10px 12px;display:flex}.stp-pdf-toc-aside:before{padding:1px}.stp-pdf-toc-sidebar{flex-direction:row;align-items:center;gap:8px;width:100%;display:flex}.stp-pdf-toc-header{display:none!important}.stp-pdf-toc-list{scrollbar-width:none;width:100%;padding-bottom:4px;display:flex;overflow-x:auto;flex-direction:row!important;gap:8px!important}.stp-pdf-toc-list::-webkit-scrollbar{display:none}.stp-pdf-toc-item{flex:none;border-radius:6px!important;gap:6px!important;width:auto!important;padding:6px 12px!important}.stp-pdf-toc-unit{font-size:10px!important}.stp-pdf-toc-title{white-space:nowrap!important;text-overflow:clip!important;font-size:11px!important;overflow:visible!important}.textbook-words-content-pdf{padding:0}.stp-pdf-controls-group-simple{box-sizing:border-box!important;border-radius:12px!important;justify-content:space-between!important;gap:8px!important;width:100%!important;max-width:100%!important;padding:6px 12px!important;display:flex!important}.stp-btn-text-simple{display:none!important}.stp-simple-slider{width:90px!important}.stp-simple-slider-wrapper{gap:1px!important;padding:0 4px!important}.stp-controls-divider{height:16px!important}.stp-word-card-row{flex-direction:column;align-items:stretch;gap:16px}.stp-word-card-top{gap:12px}.stp-action-buttons-container{flex-direction:row;justify-content:flex-start;gap:12px;width:100%}.stp-save-btn,.stp-mindmap-btn{flex:1;justify-content:center}}.single-page-deck-container{touch-action:pan-y;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;margin:0 auto;display:flex;position:relative}.page-tap-zone{z-index:5;cursor:pointer;background:0 0;width:30%;position:absolute;top:0;bottom:0}.page-tap-zone.left{left:0}.page-tap-zone.right{right:0}.textbook-detail-page .textbook-roadmap-vertical-list{flex-direction:column!important;gap:16px!important;padding-left:8px!important;display:flex!important;position:relative!important}.textbook-detail-page .textbook-roadmap-vertical-list:before{content:""!important;z-index:0!important;background:linear-gradient(#6366f166,#6366f10d)!important;width:3px!important;position:absolute!important;top:32px!important;bottom:32px!important;left:38px!important}html.dark .textbook-detail-page .textbook-roadmap-vertical-list:before{background:linear-gradient(#818cf866,#818cf80d)!important}.textbook-detail-page .textbook-roadmap-vertical-item{z-index:1!important;cursor:pointer!important;background:0 0!important;border:1px solid #0000!important;border-radius:16px!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important;padding:14px 16px!important;transition:all .28s cubic-bezier(.4,0,.2,1)!important;display:grid!important;position:relative!important}.textbook-detail-page .textbook-roadmap-vertical-item:hover:not(.is-selected){background:#ffffff0d!important;border-color:#ffffff14!important;transform:translate(4px)!important}html.dark .textbook-detail-page .textbook-roadmap-vertical-item:hover:not(.is-selected){background:#ffffff08!important;border-color:#ffffff0a!important}.textbook-detail-page .textbook-roadmap-vertical-item.is-selected{background:linear-gradient(135deg,#ffffffb8,#dbeafe61)!important;border-color:#6366f138!important;box-shadow:0 12px 36px #4f46e514!important}html.dark .textbook-detail-page .textbook-roadmap-vertical-item.is-selected{background:linear-gradient(135deg,#ffffff14,#ffffff05)!important;border-color:#ffffff1a!important;box-shadow:0 12px 36px #0003!important}.textbook-detail-page .roadmap-step-index{z-index:2!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;font-weight:700!important;transition:all .25s!important;display:flex!important;position:relative!important}.textbook-detail-page .textbook-roadmap-vertical-item.is-selected .roadmap-step-index{box-shadow:0 0 0 4px #6366f140,0 10px 24px #6366f140!important}.textbook-detail-page .textbook-roadmap-vertical-item:not(.is-selected) .roadmap-step-index{color:#64748b!important;box-shadow:none!important;background:#ffffff73!important;border:2px solid #ffffff80!important}html.dark .textbook-detail-page .textbook-roadmap-vertical-item:not(.is-selected) .roadmap-step-index{color:#fff9!important;background:#ffffff0f!important;border-color:#ffffff1a!important}.student-classes-section{min-height:760px!important}@media (width>=1025px){.student-classes-section{min-height:calc(100vh - 260px)!important}}.student-classes-section .classes-header-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.student-classes-section .classes-header-title-block{margin-bottom:0}.student-classes-section .classes-header-subtitle-desc{color:var(--text-secondary);text-transform:none;margin:6px 0 0;font-size:13.5px;font-style:normal;font-weight:400;line-height:1.5}.student-classes-section .classes-action-bar{align-items:center;gap:12px;display:flex}.student-classes-section .btn-toggle-view{cursor:pointer;align-items:center;gap:6px;height:38px;padding:8px 12px;font-size:13.5px;display:flex}.student-classes-section .join-class-btn{height:38px;padding:8px 16px;font-size:13.5px}.student-classes-section .student-filter-bar{width:100%;box-shadow:none;background:0 0;border:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:12px 0;display:flex}.student-classes-section .search-input-wrapper{width:100%;max-width:280px;position:relative}.student-classes-section .search-input-wrapper .search-icon{color:var(--neutral-400);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.student-classes-section .search-input-wrapper input{width:100%;color:var(--neutral-900);background:#00000008;border:1px solid #00000014;border-radius:99px;outline:none;padding:10px 16px 10px 40px;font-size:14px;transition:all .2s}.dark .student-classes-section .search-input-wrapper input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.student-classes-section .filter-options-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.student-classes-section .filter-select{cursor:pointer;width:auto;min-width:120px;height:40px;color:var(--neutral-900);appearance:none;background-color:#00000008;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #00000014;border-radius:99px;outline:none;padding:0 36px 0 16px;font-size:14px;transition:all .2s}.dark .student-classes-section .filter-select{color:#fff;background-color:#ffffff0d;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");border:1px solid #ffffff1a}.student-classes-section .empty-state{flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-top:32px;padding:96px 48px;display:flex}.student-classes-section .empty-state .material-symbols-rounded{opacity:.6;margin-bottom:8px;font-size:64px}.student-classes-section .empty-state strong{color:var(--text-primary);font-size:20px;font-weight:700}.student-classes-section .empty-state p{color:var(--text-secondary);max-width:460px;margin:0 auto;font-size:14.5px;line-height:1.6}.student-classes-section .student-class-glass-card{flex-direction:column!important;height:380px!important;padding:0!important;display:flex!important;overflow:hidden!important}.student-classes-section .student-class-glass-card>div[style*=backgroundImage],.student-classes-section .student-class-glass-card>div[style*=background]{border-radius:20px 20px 0 0!important}.student-classes-section .classes-card-body{flex-direction:column;flex:1;padding:0 20px 20px;display:flex;overflow:hidden}.student-classes-section .classes-card-badges-row{gap:8px;margin-bottom:12px;display:flex}.student-classes-section .classes-card-badges-row .mastery-badge{text-transform:uppercase;letter-spacing:.05em;font-size:10px}.student-classes-section .classes-card-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:18px;font-weight:800;overflow:hidden}.student-classes-section .classes-card-description{color:var(--text-secondary);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:40px;margin:0 0 12px;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.student-classes-section .classes-card-meta-panel{background:#ffffff08;border:1px solid #e2e8f01a;border-radius:8px;flex-direction:column;gap:4px;margin-bottom:12px;padding:8px 12px;font-size:11.5px;display:flex}.dark .student-classes-section .classes-card-meta-panel{background:#0f172a26;border-color:#33415533}.student-classes-section .classes-card-meta-row{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;display:flex;overflow:hidden}.student-classes-section .classes-card-meta-row span.material-symbols-rounded{opacity:.8;font-size:14px}.student-classes-section .classes-card-actions-wrapper{border-top:1px solid #e2e8f066;margin-top:auto;padding-top:12px}.dark .student-classes-section .classes-card-actions-wrapper{border-top-color:#33415566}.student-classes-section .classes-card-actions-wrapper .xem-lop-btn{justify-content:center;width:100%;height:36px;padding:8px 12px;font-size:13.5px}.student-classes-section .pagination-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:40px;display:flex}.student-classes-section .pagination-btn{cursor:pointer;width:38px;height:38px;color:var(--neutral-900);background:#fff6;border:1px solid #0f172a14;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:800;display:inline-flex;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.dark .student-classes-section .pagination-btn{color:#cbd5e1;background:#1e293b66;border:1px solid #ffffff14}.student-classes-section .pagination-btn:hover:not(:disabled){box-shadow:none!important;transform:translateY(-2px)scale(1.05)!important}.student-classes-section .pagination-btn:active:not(:disabled){transform:translateY(0)scale(.95)!important}.student-classes-section .pagination-btn.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border:none;box-shadow:0 0 12px #2563eb66}.student-classes-section .pagination-btn:disabled{cursor:not-allowed;opacity:.4}.student-classes-section .pagination-ellipsis{color:#0f172a66;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:inline-flex}.dark .student-classes-section .pagination-ellipsis{color:#fff6}.join-class-section .code-info-p{background:var(--neutral-50);border:1px solid var(--neutral-100);border-radius:var(--radius-md);fontSize:14px;color:var(--text-secondary);margin-top:20px;padding:12px}.dark .join-class-section .code-info-p{color:var(--neutral-400);background:#ffffff05;border:1px solid #ffffff0d}.join-class-section .quiz-back-btn{align-self:flex-start;margin-bottom:16px;display:inline-flex;position:relative}.join-class-section .page-header{text-align:center;align-items:center;margin-bottom:24px;padding-left:0;border-left:none!important}.join-class-section .page-header .admin-page-title{font-size:24px}.join-class-section .auth-form label{color:var(--text-primary);font-weight:600}.join-class-section .auth-form input{width:100%;margin-top:6px}.dark .join-class-section .join-status-msg.success-message{color:var(--primary);background:#2563eb26;border-color:#2563eb40}.dark .join-class-section .join-status-msg.error-message{color:#f87171;background:#991b1b26;border-color:#991b1b40}.student-classes-section .detail-header-row{justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:24px;display:flex}.student-classes-section .detail-back-btn-round{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;margin-top:4px;padding:0;display:flex}.student-classes-section .detail-header{margin-bottom:20px}.student-classes-section .detail-header.has-detail{margin-top:16px}.student-classes-section .detail-header.no-detail{margin-top:0}.dark .student-classes-section .detail-meta-panel{background:#ffffff05;border:1px solid #ffffff0d}.dark .student-classes-section .detail-desc-box{border-top-color:#33415566}.dark .student-classes-section .detail-tabs-bar{border-bottom-color:#33415599}.tab-btn{color:var(--neutral-600);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:14.5px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.dark .tab-btn{color:#94a3b8}.tab-btn.active{background:var(--primary);color:#fff}.tab-btn:hover{box-shadow:none!important}.tab-btn:hover:not(.active){background:var(--neutral-100);color:var(--neutral-800)}.dark .tab-btn:hover:not(.active){color:#f8fafc;background:#ffffff0d}.student-classes-section .detail-tab-container-title{align-items:center;gap:8px;margin:0 0 8px;font-size:20px;display:flex}.study-group-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:16px;display:grid}.study-group-card{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:20px;transition:all .2s;display:flex}.dark .study-group-card{background:#1e293b66;border-color:#334155cc}.study-group-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:none!important}.study-group-card .group-title{color:var(--text-primary);margin:0;font-size:17px;font-weight:800}.study-group-card .group-desc{color:var(--text-secondary);min-height:36px;margin:0;font-size:13.5px}.study-group-card .group-divider{border-top:1px solid var(--neutral-200);margin-top:4px;padding-top:10px}.dark .study-group-card .group-divider{border-top-color:#33415599}.study-group-card .group-member-label{color:var(--text-primary);align-items:center;gap:4px;margin-bottom:8px;font-size:12.5px;font-weight:700;display:flex}.study-group-card .group-members-list{flex-wrap:wrap;gap:6px;display:flex}.study-group-card .group-member-pill{background:var(--neutral-100);color:var(--text-primary);border-radius:4px;padding:3px 8px;font-size:11px}.dark .study-group-card .group-member-pill{background:#ffffff0d}.study-group-card .group-sessions-box{background:#10b9810d;border:1px solid #10b98126;border-radius:8px;margin-top:10px;padding:10px}.study-group-card .group-sessions-title{color:#10b981;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.study-group-card .group-sessions-list{gap:6px;display:grid}.study-group-card .group-session-item{justify-content:space-between;align-items:center;font-size:11px;display:flex}.study-group-card .group-session-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-weight:600;overflow:hidden}.study-group-card .group-session-date{color:var(--text-secondary)}.assignments-list-grid{gap:16px;display:grid}.assignment-card{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:12px;flex-direction:column;gap:10px;padding:20px;display:flex}.dark .assignment-card{background:#1e293b66;border-color:#334155cc}.assignment-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.assignment-badge{text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.assignment-card-title{color:var(--text-primary);margin:6px 0 0;font-size:16.5px;font-weight:800}.assignment-btn-submit{border-radius:999px;height:32px;padding:6px 14px;font-size:12px}.assignment-card-desc{color:var(--text-secondary);margin:0;font-size:13.5px}.assignment-submission-box{background:var(--card-bg);border:1px solid var(--neutral-200);border-radius:8px;margin-top:6px;padding:12px;font-size:13.5px}.dark .assignment-submission-box{border-color:#33415566}.assignment-submission-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.assignment-submission-time{color:var(--text-secondary);font-size:11px}.assignment-submission-content-text{background:var(--neutral-50);white-space:pre-wrap;word-break:break-all;border-radius:6px;margin-bottom:4px;padding:8px;font-size:13px}.dark .assignment-submission-content-text{background:#0f172a66}.assignment-grade-section{border-top:1px dashed var(--neutral-200);margin-top:8px;padding-top:8px}.dark .assignment-grade-section{border-top-color:#33415566}.assignment-grade-points{color:#10b981;align-items:center;gap:6px;margin-bottom:4px;font-weight:700;display:flex}.assignment-feedback-text{color:var(--text-secondary);font-size:13px}.assignment-warning-not-submitted{color:#dc2626;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.assignment-card-footer{color:var(--text-secondary);border-top:1px solid var(--neutral-200);justify-content:space-between;align-items:center;margin-top:4px;padding-top:10px;font-size:12px;display:flex}.dark .assignment-card-footer{border-top-color:#33415566}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.premium-modal{background:var(--card-bg);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleIn;overflow-y:auto;box-shadow:0 10px 30px #00000040}.dark .premium-modal{border-color:#33415566}.premium-modal-padding{padding:24px}.premium-modal-title{align-items:center;gap:8px;margin:0 0 16px;font-size:20px;display:flex}.premium-modal-desc{color:var(--text-secondary);margin:0 0 12px;font-size:13.5px}.premium-modal-form{gap:16px;display:grid}.premium-modal-textarea{border:1px solid var(--neutral-300);background:var(--bg-input);border-radius:8px;width:100%;min-height:180px;margin-top:6px;padding:10px 14px;font-size:14px}.premium-modal-actions{gap:12px;margin-top:8px;display:flex}.premium-modal-btn-cancel{flex:1;justify-content:center}.premium-modal-btn-confirm{flex:2;justify-content:center}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.student-classes-section .leaderboard-widget{border-radius:var(--radius-lg);margin-top:24px;padding:20px}.student-classes-section .leaderboard-widget-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.student-classes-section .leaderboard-widget-title{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:800;display:flex}.student-classes-section .leaderboard-widget-link{color:var(--primary);align-items:center;gap:4px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.student-classes-section .leaderboard-widget-list{flex-direction:column;gap:10px;display:flex}.leaderboard-row{align-items:center;gap:12px;display:flex}.leaderboard-row .lb-rank{font-weight:800}.leaderboard-row .lb-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.leaderboard-row .lb-info{flex-direction:column;flex:1;gap:2px;display:flex}.leaderboard-row .lb-name{color:var(--text-primary);align-items:center;gap:6px;font-weight:700;display:flex}.leaderboard-row .lb-you-badge{background:var(--primary);color:#fff;border-radius:8px;font-weight:700}.leaderboard-row .lb-stats-row{color:var(--text-secondary);gap:10px;display:flex}.leaderboard-row .lb-xp{color:var(--primary);align-items:baseline;gap:2px;display:flex}.leaderboard-row .lb-xp strong{font-weight:800}.leaderboard-row .lb-xp span{color:var(--text-secondary);font-weight:700}.leaderboard-page.liquid-glass{border-radius:var(--radius-md);border:1px solid #ffffff14;width:95%;max-width:800px;min-height:auto;margin:16px auto 64px;padding:0;overflow:hidden}.leaderboard-page-content{padding:32px}.leaderboard-page-content .leaderboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.leaderboard-page-content .leaderboard-header .admin-page-header{margin-bottom:0}.leaderboard-page-content .leaderboard-header .admin-page-title{margin:0;font-size:24px;font-weight:800}.leaderboard-page-content .leaderboard-header .admin-page-subtitle{color:var(--neutral-400);letter-spacing:.05em;margin-top:4px;font-size:11px;font-weight:600}.leaderboard-page-content .leaderboard-header .btn-back{border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.leaderboard-page-content .error-message-center{color:#ef4444;text-align:center;margin:20px 0}.leaderboard-page-content .loading-state-center{text-align:center;color:var(--neutral-400);margin:40px 0}.leaderboard-celebration-box{justify-content:center;align-items:center;height:180px;margin:20px 0 30px;display:flex;position:relative}.leaderboard-celebration-box .celebration-glow{pointer-events:none;background:radial-gradient(circle,#8b5cf640 0%,#ec48991a 50%,#0000 70%);border-radius:50%;width:180px;height:180px;animation:4s ease-in-out infinite alternate glowPulse;position:absolute}.leaderboard-celebration-box .celebration-emoji.float-1{font-size:32px;animation:5s ease-in-out infinite floatAnim1;position:absolute;top:20%;left:25%}.leaderboard-celebration-box .celebration-emoji.float-2{font-size:28px;animation:6s ease-in-out infinite floatAnim2;position:absolute;top:15%;right:25%}.leaderboard-celebration-box .celebration-emoji.float-3{font-size:26px;animation:5.5s ease-in-out infinite floatAnim3;position:absolute;bottom:15%;left:30%}.leaderboard-celebration-box .celebration-emoji.float-4{font-size:30px;animation:4.8s ease-in-out infinite floatAnim4;position:absolute;bottom:20%;right:28%}.leaderboard-celebration-box .celebration-emoji.float-5{font-size:20px;animation:4s ease-in-out infinite floatAnim5;position:absolute;top:10%;left:42%}.leaderboard-celebration-box .celebration-emoji.float-6{font-size:22px;animation:5.2s ease-in-out infinite floatAnim6;position:absolute;bottom:10%;right:40%}.leaderboard-celebration-box .celebration-centerpiece{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.leaderboard-celebration-box .center-crown{filter:drop-shadow(0 8px 16px #fbbf2480);z-index:4;margin-bottom:-8px;font-size:64px;animation:3s ease-in-out infinite crownHover;display:block}.leaderboard-celebration-box .treasure-stack{justify-content:center;align-items:center;width:220px;height:80px;animation:4s ease-in-out infinite alternate chestPulse;display:flex;position:relative}.leaderboard-celebration-box .treasure-stack span:first-child{z-index:1;filter:drop-shadow(0 4px 8px #00000040);font-size:48px;position:absolute;bottom:0;left:25%}.leaderboard-celebration-box .treasure-stack span:nth-child(2){z-index:3;filter:drop-shadow(0 6px 12px #0000004d);font-size:56px;position:absolute;bottom:-4px}.leaderboard-celebration-box .treasure-stack span:nth-child(3){z-index:2;filter:drop-shadow(0 4px 8px #00000040);font-size:46px;position:absolute;bottom:2px;right:25%}.leaderboard-podium{justify-content:center;align-items:flex-end;gap:16px;margin-bottom:32px;padding-top:24px;display:flex}.podium-slot{flex-direction:column;flex:1;align-items:center;max-width:140px;display:flex;position:relative}.podium-crown{margin-bottom:8px;font-size:24px}.podium-avatar{color:#fff;border:4px solid var(--neutral-200);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:20px;font-weight:800;display:flex;box-shadow:0 4px 10px #00000026}.podium-avatar.gold-av{transform-origin:bottom;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#fbbf24;width:72px;height:72px;font-size:24px;transform:scale(1.1)}.podium-slot.hidden-slot{opacity:0}.podium-avatar.silver-av{background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%);border-color:#cbd5e1}.podium-avatar.bronze-av{background:linear-gradient(135deg,#b45309 0%,#78350f 100%);border-color:#fb923c}.podium-name{color:var(--text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:8px;font-size:13px;font-weight:700;overflow:hidden}.podium-xp{color:var(--text-secondary);margin-top:2px;font-size:12px;font-weight:600}.podium-block{color:#fff;border-radius:8px 8px 0 0;justify-content:center;align-items:center;width:100%;margin-top:12px;font-size:24px;font-weight:800;display:flex;box-shadow:inset 0 1px #fff3}.podium-block.gold-block{background:linear-gradient(#d97706 0%,#b45309 100%);height:90px}.podium-block.silver-block{background:linear-gradient(#64748b 0%,#475569 100%);height:60px}.podium-block.bronze-block{background:linear-gradient(#78350f 0%,#451a03 100%);height:45px}.card-grid.compact{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.student-classes-section .card-grid.compact .word-card{border:1px solid var(--neutral-200);background:var(--neutral-50);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:20px;display:flex}.dark .student-classes-section .card-grid.compact .word-card{background:#1e293b66;border-color:#334155cc}.student-classes-section .card-grid.compact .word-card .session-card-header{justify-content:space-between;align-items:flex-start;display:flex}.student-classes-section .card-grid.compact .word-card .session-card-title{flex:1;margin:0;padding-right:8px;font-size:16px;font-weight:800}.student-classes-section .card-grid.compact .word-card .session-card-badge{padding:2px 6px;font-size:9px}.student-classes-section .card-grid.compact .word-card .session-card-time{color:var(--neutral-600);align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.student-classes-section .card-grid.compact .word-card .session-card-countdown{margin-top:4px}.student-classes-section .card-grid.compact .word-card .session-card-desc{color:var(--neutral-600);margin:4px 0 0;font-size:13px;font-style:italic}.student-classes-section .card-grid.compact .word-card .session-card-footer{border-top:1px dashed var(--neutral-200);flex-direction:column;gap:8px;margin-top:auto;padding-top:10px;display:flex}.dark .student-classes-section .card-grid.compact .word-card .session-card-footer{border-top-color:#33415566}.student-classes-section .card-grid.compact .word-card .session-actions-wrapper{grid-template-columns:1fr 1fr;gap:6px;display:grid}.student-classes-section .card-grid.compact .word-card .session-actions-wrapper .secondary-button{flex:1;justify-content:center;padding:6px 8px;font-size:12px}.student-classes-section .card-grid.compact .word-card .session-attendance-panel{background:var(--neutral-100);border-radius:var(--radius-sm);border:1px solid var(--neutral-200);text-align:left;flex-direction:column;gap:10px;margin-top:12px;padding:12px;display:flex}.dark .student-classes-section .card-grid.compact .word-card .session-attendance-panel{background:#0f172a66;border-color:#334155cc}.student-classes-section .card-grid.compact .word-card .session-attendance-panel .attendance-title{align-items:center;gap:4px;margin:0 0 8px;font-size:13px;font-weight:800;display:flex}.student-classes-section .card-grid.compact .word-card .session-attendance-panel .attendance-list{flex-direction:column;gap:6px;margin:0;padding-left:16px;font-size:12px;display:flex}.weekly-calendar-container{flex-direction:column;gap:20px;margin-top:10px;display:flex}.weekly-calendar-container .calendar-nav-bar{justify-content:flex-end;align-items:center;gap:8px;display:flex}.weekly-calendar-container .calendar-nav-bar button{cursor:pointer;padding:6px 12px;font-size:13px}.weekly-calendar-container .calendar-table-wrapper{border:1px solid #e2e8f0cc;border-radius:12px;transition:all .3s;overflow-x:auto}.weekly-calendar-container .calendar-table-wrapper::-webkit-scrollbar{height:6px}.weekly-calendar-container .calendar-table-wrapper::-webkit-scrollbar-track{background:#f1f5f980;border-radius:999px}.weekly-calendar-container .calendar-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1cc;border-radius:999px}.weekly-calendar-container .calendar-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8cc}.weekly-calendar-container .calendar-table{border-collapse:collapse;background:#fff6;border-radius:12px;width:100%;min-width:1100px;transition:all .3s}.weekly-calendar-container .calendar-table th.corner-header{color:var(--text-primary);vertical-align:middle;background:#f8fafce6;width:100px}.weekly-calendar-container .calendar-table th.day-header{color:var(--text-primary);background:#f8fafce6}.weekly-calendar-container .calendar-table th.day-header.today-active{color:#059669;background:#10b9810f}.weekly-calendar-container .calendar-table th,.weekly-calendar-container .calendar-table td{text-align:center;vertical-align:top;border:1px solid #e2e8f0cc;padding:12px 10px;transition:all .3s}.weekly-calendar-container .calendar-table tr{min-height:140px}.weekly-calendar-container .calendar-table td.cell-day-active{background:#10b98105}.weekly-calendar-container .calendar-table td.cell-day-default{background:0 0}.weekly-calendar-container .calendar-table td.cell-day-size{width:14.28%;min-width:150px}.weekly-calendar-container .cell-wrapper{flex-direction:column;justify-content:center;gap:8px;min-height:100px;display:flex}.weekly-calendar-container .calendar-session-card .session-class-name{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:800}.weekly-calendar-container .calendar-session-card .session-time{color:#2563eb;margin-bottom:2px;font-size:11px;font-weight:600}.weekly-calendar-container .calendar-session-card .session-code{color:#b91c1c;margin-bottom:2px;font-size:11px;font-weight:800}.weekly-calendar-container .calendar-session-card .session-title{color:var(--text-secondary);margin-bottom:4px;font-size:11px;font-style:italic}.weekly-calendar-container .calendar-session-card .session-teacher{color:var(--text-secondary);font-size:11.5px}.weekly-calendar-container .calendar-session-card .session-status-row{align-items:center;gap:4px;margin-top:4px;display:flex}.weekly-calendar-container .calendar-session-card .session-actions-block{border-top:1px solid #e2e8f066;flex-direction:column;gap:4px;width:100%;margin-top:6px;padding-top:6px;display:flex}.weekly-calendar-container .calendar-session-card .session-actions-block .btn-checkin{cursor:pointer;justify-content:center;width:100%;height:24px;padding:2px 6px;font-size:10px}.weekly-calendar-container .calendar-session-card .session-actions-block .btn-join-meet{color:#fff;border-radius:var(--radius-sm);background:#10b981;justify-content:center;align-items:center;gap:4px;width:100%;height:24px;padding:2px 6px;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 10px -2px #10b98133}.weekly-calendar-container .calendar-session-card .session-actions-block .checkedin-label{color:#10b981;justify-content:center;align-items:center;gap:2px;padding:4px 0;font-size:10px;font-weight:700;display:flex}.weekly-calendar-container .calendar-footer{color:var(--text-primary);text-align:left;margin-top:4px;font-size:14px;font-weight:800}.dark .weekly-calendar-container .calendar-table-wrapper{border-color:#334155cc}.dark .weekly-calendar-container .calendar-table{background:#1e293b66;border-color:#334155cc}.dark .weekly-calendar-container .calendar-table th,.dark .weekly-calendar-container .calendar-table td{border-color:#334155cc}.dark .weekly-calendar-container .calendar-table th.corner-header{color:#f8fafc!important;background:#0f172ae6!important}.dark .weekly-calendar-container .calendar-table th.day-header{color:#cbd5e1!important;background:#0f172ae6!important}.dark .weekly-calendar-container .calendar-table th.day-header.today-active{color:#10b981!important;background:#10b98126!important}.dark .weekly-calendar-container .calendar-table td.shift-header{color:#93c5fd;background:#1e293b}.dark .weekly-calendar-container .calendar-session-card{background:#0f172ad9;border-color:#334155cc;box-shadow:0 2px 6px -1px #0003}.dark .weekly-calendar-container .calendar-session-card:hover{border-color:var(--primary)!important;box-shadow:none!important}.dark .weekly-calendar-container .calendar-session-card .session-class-name{color:#f8fafc!important}.dark .weekly-calendar-container .calendar-session-card .session-time{color:#60a5fa!important}.dark .weekly-calendar-container .calendar-session-card .session-code{color:#f87171!important}.dark .weekly-calendar-container .calendar-session-card .session-title{color:#cbd5e1!important}.dark .weekly-calendar-container .calendar-session-card .session-teacher{color:#94a3b8!important}.dark .weekly-calendar-container .calendar-footer{color:#f8fafc!important}.student-classes-section .detail-back-btn{align-self:flex-start;margin-bottom:16px;display:inline-flex;position:relative}.student-classes-section .detail-header.has-detail{margin-top:16px;margin-bottom:20px}.student-classes-section .detail-header.no-detail{margin-top:0;margin-bottom:20px}.student-classes-section .detail-error{margin:16px 0}.student-classes-section .detail-meta-panel{border-radius:var(--radius-md);background:#00000005;border:1px solid #00000008;flex-direction:column;gap:12px;margin:16px 0 24px;padding:20px;font-size:15px;display:flex}.dark .student-classes-section .detail-meta-panel{background:#ffffff05;border-color:#ffffff0d}.student-classes-section .detail-meta-row-wrapper{flex-wrap:wrap;gap:16px 24px;display:flex}.student-classes-section .detail-meta-item{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.student-classes-section .detail-meta-item span.material-symbols-rounded{color:var(--primary)}.student-classes-section .detail-desc-box{color:var(--text-secondary);border-top:1px dashed #e2e8f066;margin-top:4px;padding-top:12px;line-height:1.6}.student-classes-section .detail-desc-text{white-space:pre-line;margin:6px 0 0;font-size:14px}.student-classes-section .detail-tabs-bar{border-bottom:1px solid var(--neutral-200);flex-wrap:wrap;gap:10px;margin-bottom:24px;padding-bottom:12px;display:flex}.dark .student-classes-section .detail-tabs-bar{border-color:#ffffff1a}.student-classes-section .tab-header-title{align-items:center;gap:8px;margin:24px 0 16px;font-size:20px;font-weight:800;display:flex}.student-classes-section .tab-header-title span.material-symbols-rounded{color:var(--primary)}.student-classes-section .detail-tab-container-box{background:var(--card-bg);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:24px}.dark .student-classes-section .detail-tab-container-box{border-color:#ffffff1a}.student-classes-section .detail-tab-container-title{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 8px;font-size:20px;display:flex}.student-classes-section .detail-tab-container-title span.material-symbols-rounded{color:var(--primary)}.student-classes-section .detail-tab-container-desc{color:var(--text-secondary);margin:0 0 16px;font-size:13.5px}.student-classes-section .detail-tab-loader{text-align:center;color:var(--text-secondary);padding:30px 0}.student-classes-section .detail-tab-empty{text-align:center;border:1px dashed var(--neutral-300);background:#00000003;border-radius:12px;padding:40px 20px}.dark .student-classes-section .detail-tab-empty{background:#ffffff03;border-color:#ffffff1a}.student-classes-section .detail-tab-empty span.material-symbols-rounded{color:var(--neutral-400);margin-bottom:8px;font-size:48px}.student-classes-section .detail-tab-empty p{color:var(--text-secondary);margin:0;font-size:14.5px}.student-classes-section .group-title{color:var(--text-primary);margin:0;font-size:17px;font-weight:800}.student-classes-section .group-desc{color:var(--text-secondary);min-height:36px;margin:0;font-size:13.5px}.student-classes-section .group-divider{border-top:1px solid var(--neutral-200);margin-top:4px;padding-top:10px}.dark .student-classes-section .group-divider{border-color:#ffffff1a}.student-classes-section .group-member-label{color:var(--text-primary);align-items:center;gap:4px;margin-bottom:8px;font-size:12.5px;font-weight:700;display:flex}.student-classes-section .group-members-list{flex-wrap:wrap;gap:6px;display:flex}.student-classes-section .group-member-pill{background:var(--neutral-100);color:var(--text-primary);border-radius:4px;padding:3px 8px;font-size:11px}.dark .student-classes-section .group-member-pill{background:#ffffff0d}.student-classes-section .group-sessions-box{background:#10b9810d;border:1px solid #10b98126;border-radius:8px;margin-top:10px;padding:10px}.student-classes-section .group-sessions-title{color:#10b981;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.student-classes-section .group-sessions-list{gap:6px;display:grid}.student-classes-section .group-session-item{justify-content:space-between;align-items:center;font-size:11px;display:flex}.student-classes-section .group-session-name{text-overflow:ellipsis;white-space:nowrap;maxWidth:140px;color:var(--text-primary);font-weight:600;overflow:hidden}.student-classes-section .group-session-date{color:var(--text-secondary)}.student-classes-section .assignment-grid{gap:16px;display:grid}.student-classes-section .assignment-card{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:12px;flex-direction:column;gap:10px;padding:20px;display:flex}.dark .student-classes-section .assignment-card{background:#ffffff05;border-color:#ffffff14}.student-classes-section .assignment-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.student-classes-section .assignment-badge{text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.student-classes-section .assignment-title{color:var(--text-primary);margin:6px 0 0;font-size:16.5px;font-weight:800}.student-classes-section .assignment-action-btn{border-radius:999px;height:32px;padding:6px 14px;font-size:12px}.student-classes-section .assignment-desc{color:var(--text-secondary);margin:0;font-size:13.5px}.student-classes-section .assignment-submission-box{background:var(--card-bg);border:1px solid var(--neutral-200);border-radius:8px;margin-top:6px;padding:12px;font-size:13.5px}.dark .student-classes-section .assignment-submission-box{border-color:#ffffff1a}.student-classes-section .assignment-submission-header{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.student-classes-section .submission-time-label{color:var(--text-secondary);font-size:11px}.student-classes-section .submission-content-preview{background:var(--neutral-50);white-space:pre-wrap;word-break:break-all;color:var(--text-primary);border:1px solid var(--neutral-200);border-radius:6px;margin-bottom:4px;padding:8px;font-size:13px}.dark .student-classes-section .submission-content-preview{background:#ffffff0d;border-color:#ffffff1a}.student-classes-section .submission-grade-feedback{border-top:1px dashed var(--neutral-200);margin-top:8px;padding-top:8px}.dark .student-classes-section .submission-grade-feedback{border-color:#ffffff1a}.student-classes-section .grade-score-row{color:#10b981;align-items:center;gap:6px;margin-bottom:4px;font-weight:700;display:flex}.student-classes-section .grade-feedback-text{color:var(--text-secondary);font-size:13px}.student-classes-section .assignment-warning-row{color:#dc2626;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.student-classes-section .assignment-card-footer{color:var(--text-secondary);border-top:1px solid var(--neutral-200);justify-content:space-between;align-items:center;margin-top:4px;padding-top:10px;font-size:12px;display:flex}.dark .student-classes-section .assignment-card-footer{border-color:#ffffff1a}.student-classes-section .dueDate.overdue{color:#dc2626;font-weight:600}.student-classes-section .dueDate:not(.overdue){color:var(--text-secondary);font-weight:600}.leaderboard-widget-loading{color:var(--neutral-400);padding:12px 0;font-size:14px}.student-classes-section .leaderboard-widget{background:var(--card-bg);border:1px solid var(--neutral-200)}.dark .student-classes-section .leaderboard-widget{border-color:#ffffff1a}.student-classes-section .leaderboard-widget-title span.material-symbols-rounded{color:#fbbf24}.leaderboard-row{background:#00000005;border:1px solid #00000008;border-radius:14px;padding:10px 16px}.dark .leaderboard-row{background:#ffffff05;border-color:#ffffff0d}.leaderboard-row.leaderboard-row-me{background:#2563eb14;border-color:#2563eb33}.leaderboard-row .lb-rank{text-align:center;width:28px}.leaderboard-row:first-child .lb-rank,.leaderboard-row:nth-child(2) .lb-rank,.leaderboard-row:nth-child(3) .lb-rank{font-size:18px}.leaderboard-row:not(:nth-child(-n+3)) .lb-rank{color:var(--text-secondary);font-size:13px}.leaderboard-row .lb-avatar{width:36px;height:36px;font-size:14px}.leaderboard-row .lb-name{font-size:14px}.leaderboard-row .lb-you-badge{padding:1px 5px;font-size:9px}.leaderboard-row .lb-stats-row{font-size:11px}.leaderboard-row .lb-xp strong{font-size:16px}.leaderboard-row .lb-xp span{font-size:9px}.join-class-section .join-class-prompt-content{text-align:center}.join-class-section .code-info-p{background:var(--neutral-50);border:1px solid var(--neutral-100);border-radius:var(--radius-md);color:var(--text-secondary);margin-top:20px;padding:12px;font-size:14px}.dark .join-class-section .code-info-p{background:#ffffff05;border-color:#ffffff0d}.join-class-section .code-info-p strong{color:var(--primary)}.join-class-section .admin-page-header{text-align:center;align-items:center;margin-bottom:24px;padding-left:0;border-left:none!important}.join-class-section .admin-page-title{font-size:24px}.join-class-section .auth-form{gap:16px;display:grid}.join-class-section .auth-form label{color:var(--text-primary);text-align:left;font-weight:600}.join-class-section .auth-form label input{width:100%;margin-top:6px}.join-class-section .join-class-btn{justify-content:center;width:100%;margin-top:8px}.join-class-section .join-status-msg{border-radius:var(--radius-md);margin-top:16px;padding:12px 16px;font-size:14px}.join-class-section .join-status-msg.success-message{background:var(--primary-light);color:var(--primary);border:1px solid #2563eb1a}.join-class-section .join-status-msg.error-message{color:#991b1b;background:#fef2f2;border:1px solid #991b1b1a}.no-access-section{text-align:center;padding:40px 20px}.no-access-section h2{color:var(--text-primary);margin-bottom:12px}.no-access-section p{color:var(--text-secondary)}.leaderboard-page.liquid-glass{margin-bottom:120px!important}@keyframes glowPulse{0%{opacity:.5;transform:scale(.9)}to{opacity:.9;transform:scale(1.1)}}@keyframes crownHover{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(4deg)}}@keyframes chestPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes floatAnim1{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-5px,-12px)rotate(-15deg)}}@keyframes floatAnim2{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(6px,-10px)rotate(15deg)}}@keyframes floatAnim3{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-8px,8px)rotate(-10deg)}}@keyframes floatAnim4{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(8px,6px)rotate(12deg)}}@keyframes floatAnim5{0%,to{transform:translate(0)scale(1)}50%{transform:translate(2px,-8px)scale(1.2)}}@keyframes floatAnim6{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-4px,6px)scale(1.1)}}@media (width<=768px){.leaderboard-page-content{padding:16px 16px 160px!important}.admin-section-header{min-height:44px!important;padding-right:56px!important;display:block!important;position:relative!important}.leaderboard-page button.secondary-button.btn-back,.leaderboard-page button.secondary-button.btn-back:before,.leaderboard-page button.secondary-button.btn-back:after{border-radius:999px!important}.leaderboard-page button.secondary-button.btn-back{box-sizing:border-box!important;flex:0 0 44px!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0!important;padding:0!important;display:inline-flex!important;position:absolute!important;top:0!important;right:0!important}.leaderboard-page button.secondary-button.btn-back .material-icons{font-size:24px!important}.btn-text-desktop-only{display:none!important}}.weekly-calendar-container .day-header-cell{flex-direction:column;align-items:center;gap:2px;display:flex}.weekly-calendar-container .day-label{font-weight:800}.weekly-calendar-container .day-date{color:var(--text-secondary);font-size:11px;font-weight:400}.weekly-calendar-container .today-badge{color:#fff;text-transform:uppercase;background:#10b981;border-radius:10px;margin-top:2px;padding:1px 5px;font-size:8px;font-weight:700}html body .teacher-classes-page.liquid-glass,html body .teacher-class-form.liquid-glass,html body .teacher-class-detail.liquid-glass,html body .teacher-class-detail-loading.liquid-glass,html body .teacher-session-form.liquid-glass{margin-bottom:120px}@media (width<=1024px){html body .teacher-classes-content,html body .teacher-class-form-content,html body .teacher-class-detail-content,html body .teacher-class-detail-loading-content,html body .teacher-session-form-content{padding:12px 12px 160px!important}}html body .admin-page-header{border-left:none;padding-left:0}html body .teacher-classes-content,html body .teacher-class-form-content{padding:24px 32px 100px}html body .teacher-class-detail-loading-content{text-align:center;padding:40px 20px}html body .teacher-class-detail-content,html body .teacher-session-form-content{padding:24px 32px 100px}@media (width<=768px){html body .classes-page-title{font-size:22px}html body .tcl-header-bar{display:none!important}html body .teacher-actions-container{flex-flow:row;align-items:center;gap:10px;width:100%;margin-top:24px;display:flex}html body .teacher-actions-container>*{white-space:nowrap;border-radius:999px;flex:1;justify-content:center;align-items:center;min-width:0;height:44px;font-size:14px;font-weight:700;display:inline-flex}html body .btn-text-desktop-only{display:none}html body .teacher-filter-bar{grid-template-columns:1fr 1fr;gap:12px;padding:12px 0;display:grid}html body .teacher-filter-controls{display:contents}html body .segmented-control{order:1;grid-column:span 2;width:100%;margin:0}html body .teacher-filter-controls .filter-select{box-sizing:border-box;grid-column:span 1;width:100%;height:42px}html body .teacher-filter-controls .filter-select:first-of-type{order:2}html body .teacher-filter-controls .filter-select:nth-of-type(2){order:3}html body .search-input-wrapper{order:4;grid-column:span 2;width:100%;max-width:none}html body .class-members-section article.orbis-glass{flex-direction:column;align-items:stretch;gap:12px}html body .class-members-section article.orbis-glass button{width:100%}html body .teacher-card-actions{flex-direction:column;gap:10px}html body .teacher-card-actions a{width:100%}html body .pagination-container{flex-wrap:nowrap;gap:4px;margin-top:24px}html body .pagination-btn{width:32px;height:32px;font-size:13px}html body .pagination-ellipsis{width:24px;height:32px;font-size:13px}html body .class-card-body{padding:16px}html body .class-card-cover{height:125px}html body .class-card-badge-row{margin-bottom:8px}html body .class-card-title{font-size:15px}html body .class-card-desc{margin-bottom:12px;font-size:12px;line-height:1.4}html body .class-card-meta{gap:6px;margin-bottom:12px;padding:8px 10px;font-size:11.5px}}html body .class-card-cover{height:170px}html body .class-card-meta{align-items:stretch}html body .teacher-premium-card.word-card{padding:0}@media (width<=768px){html body .class-form-actions{flex-direction:column-reverse;gap:12px}html body .class-form-actions button{flex:none;width:100%}}html body .pagination-btn{transition:all .25s cubic-bezier(.4,0,.2,1)}html body .pagination-btn:hover:not(:disabled){transform:translateY(-2px)scale(1.05);box-shadow:none!important}html body .pagination-btn:active:not(:disabled){transform:translateY(0)scale(.95)}@media (width<=1024px){html body .teacher-class-form-element{grid-template-columns:1fr;gap:20px;width:100%}html body .tcl-flex-col-gap-20{width:100%}.tcl-preview-title{margin:0 0 8px!important;font-size:15px!important}.tcl-preview-desc{min-height:auto!important;margin-bottom:12px!important;font-size:12px!important;line-height:1.4!important}html body .admin-section-header{position:relative;flex-direction:column!important;align-items:flex-start!important;min-height:44px!important;padding-right:56px!important;display:flex!important}html body .teacher-class-form button.secondary-button.btn-back,html body .teacher-class-form button.secondary-button.btn-back:before,html body .teacher-class-form button.secondary-button.btn-back:after{border-radius:999px}html body .teacher-class-form button.secondary-button.btn-back{box-sizing:border-box;flex:0 0 44px;justify-content:center;align-items:center;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;margin:0;padding:0;display:inline-flex;position:absolute;top:0;right:0}html body .teacher-class-form button.secondary-button.btn-back .material-icons{font-size:24px}}@media (width<=991px){html body .teacher-class-detail-loading-content{padding:16px 16px 160px}}html body .member-row-item{background:var(--neutral-50);border:1px solid var(--neutral-200);transition:all .2s}html body .member-row-item:hover{background:var(--neutral-100);transform:translateY(-2px);box-shadow:none!important}html.dark .member-row-item:hover{box-shadow:none!important}html body .teacher-class-detail-grid{grid-template-columns:2.1fr 1fr;align-items:start;gap:32px;display:grid}html body .invite-actions-row{flex-wrap:wrap;gap:8px;display:flex}html body .sessions-header-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}html body .premium-tabs-bar{background:#0f172a0a;border:1px solid #0f172a14;border-radius:999px;flex-wrap:wrap;gap:6px;width:fit-content;margin-bottom:28px;padding:6px;display:inline-flex}html.dark .premium-tabs-bar{background:#ffffff0a;border-color:#ffffff14}html body .tab-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}html.dark .tab-btn{color:#94a3b8}html body .tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 14px #2563eb33}html body .tab-btn:hover:not(.active){color:#0f172a;background:#0f172a0a}html.dark .tab-btn:hover:not(.active){color:#fff;background:#ffffff0a}html body .teacher-detail-card{background:var(--card-bg);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);flex-direction:column;padding:24px;transition:all .25s;display:flex;box-shadow:0 4px 20px #00000005}html.dark .teacher-detail-card{-webkit-backdrop-filter:blur(10px);background:#1e293b4d;border-color:#ffffff0f;box-shadow:0 10px 30px #0003}html body .card-header-block{border-bottom:1px solid #0f172a0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:18px;padding-bottom:14px;display:flex}html.dark .card-header-block{border-bottom-color:#ffffff0f}html body .card-header-title{align-items:center;gap:12px;display:flex}html body .card-header-title h3{color:var(--neutral-850);letter-spacing:-.2px;margin:0;font-size:16.5px;font-weight:800}html.dark .card-header-title h3{color:#fff}html body .card-header-icon-wrapper{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}html body .card-header-icon-wrapper .material-icons{font-size:20px}html body .card-header-icon-wrapper.blue{color:#2563eb;background:#3b82f614}html body .card-header-icon-wrapper.green{color:#059669;background:#10b98114}html body .card-header-icon-wrapper.indigo{color:#4f46e5;background:#6366f114}html body .card-header-icon-wrapper.amber{color:#d97706;background:#f59e0b14}html.dark .card-header-icon-wrapper.blue{color:#60a5fa;background:#3b82f629}html.dark .card-header-icon-wrapper.green{color:#34d399;background:#10b98129}html.dark .card-header-icon-wrapper.indigo{color:#818cf8;background:#6366f129}html.dark .card-header-icon-wrapper.amber{color:#fbbf24;background:#f59e0b29}html body .study-group-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:16px;display:grid}html body .study-group-card{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:20px;transition:all .2s;display:flex}html body .study-group-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:none!important}html body .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}html body .premium-modal{background:var(--card-bg);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleIn;overflow-y:auto;box-shadow:0 10px 30px #00000040}html.dark .premium-modal{-webkit-backdrop-filter:blur(25px);background:#1e293bd9;border-color:#ffffff1a;box-shadow:0 20px 50px #0006}@media (width<=991px){html body .admin-section-header{min-height:44px;padding-right:56px;display:block;position:relative}html body .teacher-class-detail-content{padding:16px 16px 160px}html body .teacher-class-detail-grid{grid-template-columns:minmax(0,1fr);gap:24px}html body .study-actions{flex-direction:column;gap:10px}html body .study-actions a,html body .study-actions button{justify-content:center;width:100%}html body .invite-actions-row{flex-direction:column;gap:10px}html body .invite-actions-row button{justify-content:center;width:100%}html body .invite-toggle-container{text-align:center;flex-direction:column;align-items:stretch;gap:12px}html body .invite-toggle-container button{justify-content:center;width:100%}html body .class-members-section article.orbis-glass{flex-direction:column;align-items:stretch;gap:12px}html body .class-members-section article.orbis-glass button{width:100%}html body .sessions-header-actions,html body .members-header-actions{flex-direction:column;align-items:stretch;gap:12px}html body .sessions-header-actions a,html body .sessions-header-actions button,html body .members-header-actions button{justify-content:center;width:100%}}@media (width<=768px){html body .teacher-class-detail button.secondary-button.btn-back,html body .teacher-class-detail button.secondary-button.btn-back:before,html body .teacher-class-detail button.secondary-button.btn-back:after{border-radius:999px}html body .teacher-class-detail button.secondary-button.btn-back{box-sizing:border-box;flex:0 0 44px;justify-content:center;align-items:center;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;margin:0;padding:0;display:inline-flex;position:absolute;top:0;right:0}html body .teacher-class-detail button.secondary-button.btn-back .material-icons{font-size:24px}html body .stats-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:24px}html body .stat-card-premium{border-radius:12px;gap:8px;padding:12px 10px}html body .stat-card-premium .stat-meta span{white-space:normal;word-break:break-word;font-size:11px}html body .stat-card-premium .stat-icon-wrapper{border-radius:10px;width:36px;height:36px}html body .stat-card-premium .stat-icon-wrapper .material-icons{font-size:20px}html body .stat-card-premium .stat-meta strong{font-size:16px}html body .class-sessions-section,html body .class-members-section{padding:16px}html body .teacher-session-form button.secondary-button.btn-back,html body .teacher-session-form button.secondary-button.btn-back:before,html body .teacher-session-form button.secondary-button.btn-back:after{border-radius:999px}html body .teacher-session-form button.secondary-button.btn-back{box-sizing:border-box;flex:0 0 44px;justify-content:center;align-items:center;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;margin:0;padding:0;display:inline-flex;position:absolute;top:0;right:0}html body .teacher-session-form button.secondary-button.btn-back .material-icons{font-size:24px}}@media (width<=480px){html body .session-time-grid{grid-template-columns:1fr}}.content section.tcp-class-form-wrapper,.content section.tcp-class-detail-loading-wrapper,.content section.tcp-class-detail-wrapper,.content section.tcp-session-form-wrapper{padding:0!important}html body .tcp-classes-page-wrapper,html body .tcp-class-form-wrapper{border-radius:var(--radius-md);border:1px solid #ffffff14;width:95%;max-width:1600px;margin:16px auto 64px;padding:0;overflow:hidden}html body .tcp-class-detail-loading-wrapper,html body .tcp-class-detail-wrapper{border-radius:var(--radius-lg);width:95%;max-width:1600px;margin:16px auto 64px;padding:0;position:relative;overflow:hidden}html body .tcp-session-form-wrapper{border-radius:var(--radius-md);border:1px solid #ffffff14;max-width:600px;margin:16px auto 64px;padding:0;overflow:hidden}html body .tcp-class-detail-loading-wrapper,html body .tcp-class-detail-wrapper{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fff9 0%,#f1f5f980 100%);border:1px solid #0f172a14;box-shadow:0 20px 40px -15px #0f172a14,inset 0 1px #fff6}html.dark .tcp-class-detail-loading-wrapper,html.dark .tcp-class-detail-wrapper{background:linear-gradient(135deg,#0f172a73 0%,#1e293b66 100%);border:1px solid #ffffff14;box-shadow:0 20px 40px -15px #00000080,inset 0 1px #ffffff0d}.tcl-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.tcl-header-left{align-items:center;gap:12px;display:flex}.tcl-header-bar{display:none!important}html body .classes-page-title{font-size:26px;font-weight:900;font-family:var(--font-display);letter-spacing:.5px;color:var(--neutral-900);text-transform:uppercase;margin:0;line-height:1.2;display:inline-block}html.dark body .classes-page-title{color:#fff}.tcl-intro{color:var(--neutral-500)!important;margin:8px 0 0!important;font-size:14px!important;line-height:1.5!important}.tcl-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tcl-new-class-btn{border-radius:999px;align-items:center;gap:6px;height:38px;padding:8px 16px;font-size:13.5px;display:inline-flex}.tcl-filter-bar{width:100%;box-shadow:none;background:0 0;border:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:12px 0;display:flex}.tcl-segmented-control{-webkit-user-select:none;user-select:none;border-radius:99px;min-width:200px;padding:3px;display:inline-flex;position:relative}.tcl-segmented-control-slider{z-index:0;border-radius:99px;width:calc(50% - 3px);transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;bottom:3px;left:3px}.tcl-segmented-control-btn{z-index:1;flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex;position:relative}.tcl-filter-controls{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:12px;min-width:280px;display:flex}.tcl-search-wrapper{width:100%;max-width:280px;position:relative}.tcl-search-icon{color:var(--neutral-400);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.tcl-w-100{width:100%!important}.tcl-filter-select{width:auto!important;min-width:120px!important;height:40px!important}.tcl-empty-state{border:2px dashed var(--neutral-300)!important;border-radius:var(--radius-lg)!important;padding:40px 20px!important}.tcl-empty-icon{color:var(--neutral-400)!important;margin-bottom:8px!important;font-size:48px!important}.tcl-empty-text{color:var(--neutral-500)!important;margin:8px 0 0!important;font-size:14px!important}html body .class-card-body{flex-direction:column;flex-grow:1;padding:24px;display:flex}html body .class-card-badge-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.tcl-card-badge{padding:4px 8px!important;font-size:10px!important;font-weight:700!important}html body .class-card-title{color:var(--neutral-900);margin:0 0 10px;font-size:18px;font-weight:850;line-height:1.4}html body .class-card-desc{color:var(--neutral-600);-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;flex-grow:1;min-height:42px;margin:0 0 16px;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}html body .class-card-meta{color:var(--neutral-650);background:var(--neutral-50);border-radius:var(--radius-md);border:1px solid var(--neutral-150);flex-direction:column;align-items:stretch;gap:8px;margin-bottom:20px;padding:12px;font-size:12.5px;display:flex}html.dark body .class-card-meta{background:#ffffff08;border:1px solid #ffffff14}.tcl-card-meta-row{align-items:flex-start;gap:8px;display:flex}.tcl-card-meta-icon{color:var(--primary)!important;flex-shrink:0!important;margin-top:2px!important;font-size:15px!important}.teacher-card-actions{border-top:1px solid var(--neutral-100);gap:8px;margin-top:auto;padding-top:16px;display:flex}html.dark .teacher-card-actions{border-top:1px solid #ffffff14}.tcl-card-action-btn{border-radius:var(--radius-md)!important;white-space:nowrap!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:4px!important;padding:10px 12px!important;font-size:13px!important;font-weight:700!important;display:flex!important}.tcl-color-yellow{color:#fbbf24!important}.tcl-admin-section-header{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;margin-bottom:0!important;display:flex!important}.tcl-admin-page-header{margin-bottom:0!important}.tcl-btn-back{border-radius:999px!important;align-items:center!important;gap:6px!important;padding:8px 16px!important;font-size:13.5px!important;font-weight:600!important;display:inline-flex!important}.tcl-form-container-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.tcl-flex-col-gap-20{flex-direction:column;gap:20px;display:flex}.tcl-form-title-h4{align-items:center!important;gap:6px!important;margin:0 0 4px!important;font-size:15px!important;font-weight:700!important;display:flex!important}.tcl-min-h-80{min-height:80px!important}.tcl-upload-container{border:2px dashed var(--neutral-300)!important;border-radius:var(--radius-md)!important;background:#00000005!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:12px!important;padding:16px!important;display:flex!important}html.dark .tcl-upload-container{background:#ffffff05!important}.tcl-upload-selected-state{border-radius:var(--radius-sm)!important;background:#22c55e14!important;border:1px solid #22c55e3d!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;padding:12px 14px!important;display:flex!important}html.dark .tcl-upload-selected-state{background:#10b9811a!important;border-color:#34d39947!important}.tcl-upload-selected-copy{min-width:0!important;color:var(--neutral-700)!important;align-items:center!important;gap:10px!important;display:flex!important}html.dark .tcl-upload-selected-copy{color:#ffffffd1!important}.tcl-upload-selected-title,.tcl-upload-selected-note{display:block!important}.tcl-upload-selected-title{font-size:13px!important;font-weight:800!important;line-height:1.35!important}.tcl-upload-selected-note{color:var(--neutral-500)!important;margin-top:2px!important;font-size:11.5px!important;line-height:1.35!important}html.dark .tcl-upload-selected-note{color:#ffffff8f!important}.tcl-btn-clear-uploaded-img{color:#fff!important;cursor:pointer!important;background:#ef4444e6!important;border:none!important;border-radius:50%!important;flex:none!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;padding:0!important;display:flex!important;box-shadow:0 2px 8px #0003!important}.tcl-upload-empty-box{color:var(--neutral-500)!important;flex-direction:column!important;align-items:center!important;gap:8px!important;padding:12px 0!important;display:flex!important}.tcl-icon-42-primary{color:var(--primary)!important;font-size:42px!important}.tcl-font-13-w600{font-size:13px!important;font-weight:600!important}.tcl-font-11{font-size:11px!important}.tcl-d-none{display:none!important}.tcl-thumbnail-upload-label{cursor:pointer!important;align-items:center!important;gap:6px!important;margin:0!important;padding:8px 16px!important;font-size:13px!important;font-weight:700!important;display:inline-flex!important}.pagination-btn{width:38px;height:38px;color:var(--neutral-900);background:#fff6;border:1px solid #0f172a14;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:800;transition:all .2s;display:inline-flex}.dark .pagination-btn{color:#cbd5e1;background:#1e293b66;border:1px solid #ffffff14}.pagination-ellipsis{color:#0f172a66;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:inline-flex}.dark .pagination-ellipsis{color:#fff6}.tcl-w-100-mt-6{width:100%!important;margin-top:6px!important}.tcl-icon-16{font-size:16px!important}.tcl-icon-18{font-size:18px!important}.tcl-icon-22{font-size:22px!important}.tcl-icon-48{font-size:48px!important}.tcl-preview-card{pointer-events:none!important;background:var(--card-bg)!important;flex-direction:column!important;min-height:475px!important;display:flex!important;overflow:hidden!important}.tcl-preview-card>div:first-child{flex:0 0 40%!important;min-height:180px!important;max-height:220px!important}.tcl-preview-card .class-card-body{flex-direction:column!important;flex:auto!important;padding:22px 24px 24px!important;display:flex!important}.tcl-preview-badge-row{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-bottom:12px!important;display:flex!important}.tcl-font-10{font-size:10px!important}.tcl-preview-title{margin:0 0 10px!important;font-size:18px!important;font-weight:850!important;line-height:1.4!important}.tcl-preview-desc{color:var(--neutral-600)!important;min-height:42px!important;margin:0 0 16px!important;font-size:13.5px!important;line-height:1.5!important}html.dark .tcl-preview-desc{color:#fff9!important}.tcl-preview-meta{color:var(--neutral-600)!important;background:var(--neutral-50)!important;border-radius:var(--radius-sm)!important;flex-direction:column!important;gap:6px!important;margin-top:auto!important;padding:10px!important;font-size:11px!important;display:flex!important}html.dark .tcl-preview-meta{background:#ffffff08!important}.tcl-preview-meta-item{align-items:center!important;gap:4px!important;display:flex!important}.tcl-icon-13{font-size:13px!important}.tcl-form-actions{gap:12px!important;margin-top:auto!important;padding-top:12px!important;display:flex!important}.tcl-flex-1-center-padding-height{flex:1!important;justify-content:center!important;height:38px!important;padding:10px 16px!important;font-size:13.5px!important}.tcl-flex-2-center-padding-height{flex:2!important;justify-content:center!important;height:38px!important;padding:10px 16px!important;font-size:13.5px!important}.tcl-admin-section-header-mb24{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;margin-bottom:24px!important;display:flex!important}.tcl-cover-banner-wrapper{border-radius:16px!important;margin-bottom:28px!important;overflow:hidden!important;box-shadow:0 8px 32px #0f172a0d!important}html.dark .tcl-cover-banner-wrapper{box-shadow:0 8px 32px #0000004d!important}.tcl-success-msg-box{background:var(--primary-light)!important;color:var(--primary)!important;border-radius:var(--radius-md)!important;margin:16px 0!important;padding:12px 16px!important}.tcl-mb-32{margin-bottom:32px!important}.tcl-p-16{padding:16px!important}.tcl-flex-col-gap-24{flex-direction:column!important;gap:24px!important;display:flex!important}.tcl-card-subtitle{color:var(--neutral-600)!important;margin:2px 0 0!important;font-size:12.5px!important;font-weight:400!important}.tcl-text-center-p40-neutral650{text-align:center!important;color:var(--neutral-650)!important;padding:40px 0!important}.tcl-empty-state-dashed{text-align:center!important;background:var(--neutral-50)!important;border:1px dashed var(--neutral-300)!important;border-radius:12px!important;padding:40px 20px!important}html.dark .tcl-empty-state-dashed{background:#ffffff05!important;border-color:#ffffff26!important}.tcl-empty-desc{color:var(--neutral-600)!important;margin:0!important;font-size:14.5px!important}.tcl-flex-between-start{justify-content:space-between!important;align-items:flex-start!important;display:flex!important}.tcl-group-title{color:var(--neutral-850)!important;margin:0!important;font-size:17px!important;font-weight:800!important}.tcl-btn-delete-group{color:#991b1b!important;background:#fee2e2!important;border:none!important;border-radius:6px!important;padding:4px 8px!important;font-size:11px!important}html.dark .tcl-btn-delete-group{color:#fca5a5!important;background:#ef444433!important}.tcl-group-desc{color:var(--neutral-600)!important;min-height:32px!important;margin:0!important;font-size:13px!important}.tcl-group-section-divider{border-top:1px solid var(--neutral-200)!important;margin-top:4px!important;padding-top:10px!important}html.dark .tcl-group-section-divider{border-top:1px solid #ffffff14!important}.tcl-flex-between-center-mb8{justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important;display:flex!important}.tcl-members-count-label{align-items:center!important;gap:4px!important;font-size:12.5px!important;font-weight:700!important;display:inline-flex!important}.tcl-btn-edit-members{border-radius:4px!important;padding:2px 8px!important;font-size:11px!important}.tcl-italic-neutral500-12{color:var(--neutral-500)!important;margin:0!important;font-size:12px!important;font-style:italic!important}.tcl-members-list-scroll{flex-wrap:wrap!important;gap:6px!important;max-height:80px!important;display:flex!important;overflow-y:auto!important}.tcl-member-pill{background:var(--neutral-200)!important;color:var(--neutral-700)!important;word-break:break-all!important;border-radius:4px!important;padding:3px 8px!important;font-size:11px!important}html.dark .tcl-member-pill{color:var(--neutral-300)!important;background:#ffffff14!important}.tcl-group-actions-footer{border-top:1px solid var(--neutral-200)!important;gap:8px!important;margin-top:auto!important;padding-top:12px!important;display:flex!important}html.dark .tcl-group-actions-footer{border-top:1px solid #ffffff14!important}.tcl-group-action-btn{flex:1!important;justify-content:center!important;gap:4px!important;padding:6px 8px!important;font-size:11.5px!important}.tcl-group-sessions-box{background:#6366f10d!important;border:1px solid #6366f126!important;border-radius:8px!important;margin-top:10px!important;padding:10px!important}.tcl-block-bold-primary-11-mb4{color:var(--primary)!important;margin-bottom:4px!important;font-size:11px!important;font-weight:700!important;display:block!important}.tcl-grid-gap-6{gap:6px!important;display:grid!important}.tcl-flex-between-center-11{justify-content:space-between!important;align-items:center!important;font-size:11px!important;display:flex!important}.tcl-session-title-ellipsis-140{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:140px!important;font-weight:600!important;overflow:hidden!important}.tcl-color-neutral500{color:var(--neutral-500)!important}.tcl-grid-gap-16{gap:16px!important;display:grid!important}.tcl-assignment-card{background:var(--neutral-50)!important;border:1px solid var(--neutral-200)!important;border-radius:12px!important;flex-direction:column!important;gap:10px!important;padding:20px!important;display:flex!important}html.dark .tcl-assignment-card{background:#ffffff05!important;border-color:#ffffff14!important}.tcl-assignment-card-header{flex-wrap:wrap!important;justify-content:space-between!important;align-items:flex-start!important;gap:8px!important;display:flex!important}.tcl-badge-styled{text-transform:uppercase!important;border-radius:4px!important;padding:3px 8px!important;font-size:10px!important;font-weight:700!important}.tcl-assignment-title{color:var(--neutral-850)!important;margin:6px 0 0!important;font-size:16.5px!important;font-weight:800!important}.tcl-btn-review-submissions{border-radius:999px!important;height:32px!important;padding:6px 14px!important;font-size:12px!important}.tcl-assignment-desc{color:var(--neutral-650)!important;margin:0!important;font-size:13.5px!important}.tcl-assignment-card-footer{color:var(--neutral-500)!important;border-top:1px solid var(--neutral-200)!important;justify-content:space-between!important;align-items:center!important;margin-top:4px!important;padding-top:10px!important;font-size:12px!important;display:flex!important}html.dark .tcl-assignment-card-footer{border-top:1px solid #ffffff14!important}.tcl-assignment-due-date{font-weight:600!important}.tcl-sidebar-intro{color:var(--neutral-650)!important;margin:0 0 16px!important;font-size:14px!important;line-height:1.6!important}.tcl-sidebar-info-box{background:var(--neutral-50)!important;border-radius:var(--radius-md)!important;color:var(--neutral-700)!important;flex-direction:column!important;gap:10px!important;margin-bottom:16px!important;padding:16px!important;font-size:14px!important;display:flex!important}html.dark .tcl-sidebar-info-box{background:#ffffff05!important}.tcl-sidebar-actions-footer{border-top:1px solid var(--neutral-100)!important;gap:12px!important;margin-top:auto!important;padding-top:16px!important;display:flex!important}html.dark .tcl-sidebar-actions-footer{border-top:1px solid #ffffff14!important}.tcl-btn-archive{color:#991b1b!important;background:#fee2e2!important;border-color:#fecaca!important;border-radius:999px!important;align-items:center!important;gap:6px!important;height:38px!important;padding:8px 16px!important;font-size:13.5px!important;display:inline-flex!important}html.dark .tcl-btn-archive{color:#fca5a5!important;background:#ef444433!important;border-color:#ef44444d!important}.tcl-sidebar-invite-fields-wrapper{flex-direction:column!important;gap:14px!important;margin-bottom:16px!important;display:flex!important}.tcl-sidebar-label-uppercase{color:var(--neutral-500)!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-bottom:6px!important;font-size:11px!important;font-weight:800!important;display:block!important}.tcl-sidebar-code-box{background:#0f172a08!important;border:1px solid #0f172a14!important;border-radius:8px!important;justify-content:space-between!important;align-items:center!important;padding:6px 12px!important;display:flex!important}html.dark .tcl-sidebar-code-box{background:#ffffff08!important;border-color:#ffffff14!important}.tcl-code-invite{letter-spacing:1px!important;color:var(--primary)!important;font-size:16px!important;font-weight:800!important}.tcl-btn-copy-sm{border-radius:6px!important;align-items:center!important;height:28px!important;min-height:auto!important;padding:4px 10px!important;font-size:12px!important;display:inline-flex!important}.tcl-gap-8{gap:8px!important}.tcl-link-text-monospace{color:var(--neutral-600)!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-family:monospace!important;font-size:12px!important;overflow:hidden!important}.tcl-flex-shrink-0{flex-shrink:0!important}.tcl-sidebar-actions-footer-mb0-pt12{border-top:1px solid var(--neutral-100)!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-top:auto!important;padding-top:12px!important;display:flex!important}html.dark .tcl-sidebar-actions-footer-mb0-pt12{border-top:1px solid #ffffff14!important}.tcl-font-135{font-size:13.5px!important}.tcl-btn-invite-toggle{border-radius:999px!important;align-items:center!important;gap:4px!important;padding:6px 12px!important;font-size:12px!important;display:flex!important}.tcl-flex-col-gap-16{flex-direction:column!important;gap:16px!important;display:flex!important}.tcl-btn-export-emails{border-radius:999px!important;align-items:center!important;height:28px!important;min-height:auto!important;padding:4px 12px!important;font-size:12px!important;display:flex!important}.tcl-icon-14-mr-4{margin-right:4px!important;font-size:14px!important}.tcl-icon-14{font-size:14px!important}.tcl-relative{position:relative!important}.tcl-sidebar-search-icon{color:var(--neutral-400)!important;font-size:18px!important;position:absolute!important;top:50%!important;left:10px!important;transform:translateY(-50%)!important}.tcl-sidebar-search-input{border:1px solid var(--neutral-300)!important;background:var(--bg-input)!important;border-radius:99px!important;width:100%!important;padding:8px 12px 8px 34px!important;font-size:13.5px!important}.tcl-sidebar-text-neutral600-14-m0{color:var(--neutral-600)!important;margin:0!important;font-size:14px!important}.tcl-sidebar-members-list-scroll{gap:12px!important;max-height:380px!important;padding-right:4px!important;display:grid!important;overflow-y:auto!important}.tcl-member-row-item{border-radius:var(--radius-md)!important;justify-content:space-between!important;align-items:center!important;padding:10px 14px!important;font-size:13.5px!important;display:flex!important}.tcl-flex-col-gap-4{flex-direction:column!important;gap:4px!important;display:flex!important}.tcl-member-email-label{word-break:break-all!important;color:var(--neutral-800)!important;font-weight:600!important}html.dark .tcl-member-email-label{color:var(--neutral-200)!important}.tcl-member-row-meta{color:var(--neutral-600)!important;gap:10px!important;font-size:11px!important;display:flex!important}html.dark .tcl-member-row-meta{color:var(--neutral-400)!important}.tcl-color-purple-w600{color:#a78bfa!important;font-weight:600!important}.tcl-color-amber-w600{color:#f59e0b!important;font-weight:600!important}.tcl-p-24{padding:24px!important}.tcl-modal-title{align-items:center!important;gap:8px!important;margin:0 0 16px!important;font-size:20px!important;display:flex!important}.tcl-modal-textarea{border:1px solid var(--neutral-300)!important;background:var(--bg-input)!important;border-radius:8px!important;width:100%!important;min-height:80px!important;margin-top:6px!important;padding:10px 14px!important;font-size:14px!important}.tcl-modal-section-title{margin-bottom:8px!important;font-size:14px!important;font-weight:700!important;display:block!important}.tcl-font-13{font-size:13px!important}.tcl-modal-member-selector-box{border:1px solid var(--neutral-200)!important;background:var(--neutral-50)!important;border-radius:8px!important;gap:8px!important;max-height:180px!important;padding:12px!important;display:grid!important;overflow-y:auto!important}html.dark .tcl-modal-member-selector-box{background:#ffffff05!important;border-color:#ffffff14!important}.tcl-modal-checkbox-label{cursor:pointer!important;align-items:center!important;gap:8px!important;margin:0!important;font-size:13.5px!important;font-weight:400!important;display:flex!important}.tcl-flex-gap-12-mt-8{gap:12px!important;margin-top:8px!important;display:flex!important}.tcl-flex-1-center{flex:1!important;justify-content:center!important}.tcl-flex-2-center{flex:2!important;justify-content:center!important}.tcl-modal-member-selector-box-h250{border:1px solid var(--neutral-200)!important;background:var(--neutral-50)!important;border-radius:8px!important;gap:8px!important;max-height:250px!important;padding:12px!important;display:grid!important;overflow-y:auto!important}html.dark .tcl-modal-member-selector-box-h250{background:#ffffff05!important;border-color:#ffffff14!important}.tcl-modal-textarea-h120{border:1px solid var(--neutral-300)!important;background:var(--bg-input)!important;border-radius:8px!important;width:100%!important;min-height:120px!important;margin-top:6px!important;padding:10px 14px!important;font-size:14px!important}.tcl-grid-2col-gap-12{grid-template-columns:1fr 1fr!important;gap:12px!important;display:grid!important}.tcl-m-0{margin:0!important}.tcl-modal-select{border:1px solid var(--neutral-300)!important;background:var(--bg-input)!important;border-radius:8px!important;width:100%!important;margin-top:6px!important;padding:10px 12px!important;font-size:14px!important}.tcl-modal-w780{max-width:780px!important;padding:24px!important}.tcl-flex-between-start-mb16{justify-content:space-between!important;align-items:flex-start!important;margin-bottom:16px!important;display:flex!important}.tcl-modal-title-m0{align-items:center!important;gap:8px!important;margin:0!important;font-size:20px!important;display:flex!important}.tcl-modal-subtitle-mt4{color:var(--neutral-600)!important;margin:4px 0 0!important;font-size:14px!important}.tcl-btn-close{border-radius:6px!important;padding:4px 8px!important}.tcl-empty-state-p40-20{text-align:center!important;background:var(--neutral-50)!important;border-radius:12px!important;padding:40px 20px!important}html.dark .tcl-empty-state-p40-20{background:#ffffff05!important}.tcl-modal-submissions-scroll{gap:16px!important;max-height:450px!important;display:grid!important;overflow-y:auto!important}.tcl-modal-submission-row{border:1px solid var(--neutral-200)!important;background:var(--neutral-50)!important;border-radius:8px!important;flex-direction:column!important;gap:8px!important;padding:16px!important;display:flex!important}html.dark .tcl-modal-submission-row{background:#ffffff05!important;border-color:#ffffff14!important}.tcl-flex-between-center-wrap-gap-8{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;display:flex!important}.tcl-modal-submission-email{color:var(--neutral-800)!important;font-size:14px!important;font-weight:700!important}html.dark .tcl-modal-submission-email{color:var(--neutral-200)!important}.tcl-flex-center-gap-10{align-items:center!important;gap:10px!important;display:flex!important}.tcl-font-12-color-neutral500{color:var(--neutral-500)!important;font-size:12px!important}.tcl-grade-badge{color:#10b981!important;background:#10b9811a!important;border-radius:4px!important;padding:3px 8px!important;font-size:13px!important;font-weight:700!important}.tcl-ungraded-badge{color:#f59e0b!important;background:#f59e0b1a!important;border-radius:4px!important;padding:3px 8px!important;font-size:13px!important;font-weight:700!important}.tcl-submission-content-box{background:var(--card-bg)!important;border:1px solid var(--neutral-200)!important;color:var(--neutral-700)!important;white-space:pre-wrap!important;word-break:break-all!important;border-radius:6px!important;padding:12px!important;font-size:13.5px!important}html.dark .tcl-submission-content-box{border-color:#ffffff14!important}.tcl-feedback-box{color:var(--neutral-600)!important;border-left:3px solid var(--primary)!important;background:#6366f10d!important;border-radius:6px!important;padding:8px 12px!important;font-size:13px!important}.tcl-flex-end-mt4{justify-content:flex-end!important;margin-top:4px!important;display:flex!important}.tcl-btn-grade{border-radius:6px!important;padding:4px 12px!important;font-size:12px!important}.tcl-modal-w480{max-width:480px!important;padding:24px!important}.tcl-modal-title-fs18{align-items:center!important;gap:8px!important;margin:0 0 16px!important;font-size:18px!important;display:flex!important}.tcl-modal-subtitle-mb12{color:var(--neutral-600)!important;margin:0 0 12px!important;font-size:13.5px!important}.tcl-session-form-header{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;margin-bottom:24px!important;display:flex!important}.tcl-icon-20{font-size:20px!important}.tcl-session-form-note{color:var(--neutral-600)!important;text-align:center!important;margin-bottom:24px!important;font-size:14px!important}.tcl-session-time-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:12px!important;margin:0!important;display:grid!important}.tcl-flex-gap-6-mt6{gap:6px!important;margin-top:6px!important;display:flex!important}.tcl-btn-adjust-duration{padding:4px 8px!important;font-size:11px!important}.tcl-session-status-select{border-radius:var(--radius-md)!important;border:1px solid var(--neutral-200)!important;width:100%!important;margin-top:6px!important;padding:10px 14px!important;font-size:15px!important}html.dark .tcl-session-status-select{background:var(--bg-input)!important;border-color:#ffffff14!important}.tcl-mt8-mb0{margin:8px 0 0!important}.tcl-btn-save-session{justify-content:center!important;width:100%!important;height:38px!important;margin-top:12px!important;padding:10px 16px!important;font-size:13.5px!important}.tcl-class-cover-dynamic-base{flex-direction:column;gap:8px}.tcl-class-cover-icon-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);WebkitBackdropFilter:blur(10px);color:#fff;background:#ffffff2e;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #00000014}.tcl-class-cover-level-span{color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px #00000026;opacity:.95;font-size:14px;font-weight:800}.content section.ts-page-wrapper{padding:0!important}.ts-page-wrapper{border-radius:var(--radius-lg);border:1px solid var(--neutral-200);width:95%;max-width:1600px;margin:16px auto 64px;padding:0;overflow:hidden}html.dark .ts-page-wrapper{border-color:#ffffff14}.ts-content-container{padding:24px 32px 100px}@media (width<=1024px){.ts-content-container{padding:12px 12px 160px!important}}.ts-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.ts-title-block{align-items:center;gap:12px;display:flex}.ts-title-gradient-strip{background:linear-gradient(#3b82f6,#06b6d4);border-radius:99px;width:4px;height:28px;display:inline-block;box-shadow:0 0 10px #06b6d499}.ts-page-title{font-size:26px;font-weight:900;font-family:var(--font-display);letter-spacing:.5px;color:var(--neutral-900);text-transform:uppercase;margin:0;line-height:1.2;display:inline-block}html.dark .ts-page-title{color:#fff}@media (width<=768px){.ts-page-title{font-size:22px}}.ts-intro-subtitle{color:var(--neutral-500);margin:8px 0 0 16px;font-size:14px;line-height:1.5}.ts-actions-container{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=768px){.ts-actions-container{flex-wrap:nowrap;gap:10px;width:100%;margin-top:24px}.ts-actions-container>*{white-space:nowrap;border-radius:999px;flex:1;justify-content:center;align-items:center;min-width:0;height:44px;font-size:14px;font-weight:700;display:inline-flex}}.ts-nav-btn{cursor:pointer;border-radius:999px;align-items:center;gap:6px;height:38px;padding:8px 16px;font-size:13.5px;display:flex}.ts-action-link{border-radius:999px;align-items:center;gap:6px;height:38px;padding:8px 16px;font-size:13.5px;display:inline-flex}.ts-status-badge{white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:800;display:inline-flex}.ts-status-badge.upcoming{color:#f59e0b;background:#f59e0b26}.ts-status-badge.upcoming .ts-status-badge-dot{background:#f59e0b}.ts-status-badge.completed{color:#10b981;background:#10b98126}.ts-status-badge.completed .ts-status-badge-dot{background:#10b981}.ts-status-badge.cancelled{color:#ef4444;background:#ef444426}.ts-status-badge.cancelled .ts-status-badge-dot{background:#ef4444}.ts-status-badge-dot{border-radius:50%;width:5px;height:5px}.ts-calendar-container{flex-direction:column;gap:20px;margin-top:10px;display:flex}.calendar-table-wrapper::-webkit-scrollbar{height:6px}.calendar-table-wrapper::-webkit-scrollbar-track{background:#f1f5f980;border-radius:999px}.calendar-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1cc;border-radius:999px}.calendar-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8cc}.calendar-table-wrapper{border:1px solid #e2e8f0cc;border-radius:12px;transition:all .3s;overflow-x:auto}.calendar-table{border-collapse:collapse;background:#fff6;border-radius:12px;width:100%;min-width:1100px;transition:all .3s}.calendar-table th,.calendar-table td{text-align:center;vertical-align:top;border:1px solid #e2e8f0cc;padding:12px 10px;transition:all .3s}.calendar-table th.corner-header,.calendar-table th.day-header{color:var(--text-primary);background:#f8fafce6;font-size:14px;font-weight:800}.calendar-table th.day-header.today-active{color:#059669;background:#10b9810f}.calendar-table td.shift-header{color:#1e3a8a;vertical-align:middle;text-align:center;background:#eff6ff;width:100px;font-size:14px;font-weight:800}.calendar-session-card{text-align:center;background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:10px 8px;font-size:12.5px;line-height:1.4;transition:all .2s;display:flex;box-shadow:0 2px 6px -1px #00000008}.calendar-session-card:hover{transform:scale(1.02);border-color:var(--primary-light)!important;box-shadow:none!important}.dark .calendar-table-wrapper{border-color:#334155cc}.dark .calendar-table{background:#1e293b66;border-color:#334155cc}.dark .calendar-table th,.dark .calendar-table td{border-color:#334155cc}.dark .calendar-table th.corner-header{color:#f8fafc!important;background:#0f172ae6!important}.dark .calendar-table th.day-header{color:#cbd5e1!important;background:#0f172ae6!important}.dark .calendar-table th.day-header.today-active{color:#10b981!important;background:#10b98126!important}.dark .calendar-table td.shift-header{color:#93c5fd;background:#1e293b}.dark .calendar-session-card{background:#0f172ad9;border-color:#334155cc;box-shadow:0 2px 6px -1px #0003}.dark .calendar-session-card:hover{border-color:var(--primary)!important;box-shadow:none!important}.dark .calendar-session-card .session-class-name{color:#f8fafc!important}.dark .calendar-session-card .session-time{color:#60a5fa!important}.dark .calendar-session-card .session-code{color:#f87171!important}.dark .calendar-session-card .session-title{color:#cbd5e1!important}.dark .calendar-session-card .session-teacher{color:#94a3b8!important}@media (width>=769px){.desktop-calendar-view{display:block!important}.mobile-day-selector,.mobile-sessions-list{display:none!important}.calendar-header-row .btn-text-desktop-only{display:inline!important}}@media (width<=768px){.desktop-calendar-view{display:none!important}.calendar-header-row{text-align:center;flex-direction:column;align-items:center;gap:12px}.calendar-header-row .btn-text-desktop-only{display:none!important}.calendar-header-row button{flex:1;justify-content:center}.calendar-header-controls{justify-content:space-between;width:100%}.mobile-day-selector{gap:6px;margin-top:5px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.mobile-sessions-list{flex-direction:column;gap:14px;display:flex}.btn-text-desktop-only{display:none}}.calendar-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.calendar-header-controls{align-items:center;gap:6px;display:flex}.ts-calendar-header-icon{color:var(--primary);font-size:20px}.ts-calendar-header-title{color:var(--neutral-900);text-transform:uppercase;letter-spacing:.5px;font-size:15px;font-weight:850}html.dark .ts-calendar-header-title{color:#fff}.ts-calendar-nav-btn{cursor:pointer;border-radius:8px;align-items:center;gap:4px;height:34px;padding:6px 12px;font-size:13px;display:flex}.ts-calendar-nav-btn .material-symbols-rounded{font-size:18px}.ts-mobile-day-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #e2e8f0cc;border-radius:12px;flex-direction:column;flex:1;align-items:center;min-width:42px;padding:10px 4px;transition:all .2s;display:flex}.dark .ts-mobile-day-btn{color:#cbd5e1;border-color:#ffffff14}.ts-mobile-day-btn.today{background:#10b9810d;border-color:#10b9814d}.ts-mobile-day-btn.active{border-color:var(--primary)!important;background:var(--primary)!important;color:#fff!important}.ts-mobile-day-label{opacity:.6;font-size:10px;font-weight:800}.ts-mobile-day-btn.active .ts-mobile-day-label{opacity:.9}.ts-mobile-day-num{margin-top:4px;font-size:14px;font-weight:800}.ts-mobile-today-dot{background:#10b981;border-radius:50%;width:4px;height:4px;margin-top:2px}.ts-mobile-shift-card{background:#ffffff80;border:1px solid #e2e8f0cc;border-radius:16px;padding:16px;box-shadow:0 4px 12px #00000005}html.dark .ts-mobile-shift-card{box-shadow:none;background:#1e293b38;border-color:#ffffff0d}.ts-shift-heading{color:var(--primary);align-items:center;gap:6px;margin:0 0 12px;font-size:14px;font-weight:800;display:flex}.ts-shift-heading .material-symbols-rounded{font-size:16px}.ts-shift-subtitle{color:var(--neutral-500);margin:0;font-size:12.5px;font-style:italic}.ts-sessions-col{flex-direction:column;gap:12px;display:flex}.ts-lesson-card{text-align:left;background:#fff;border:1px solid #e2e8f0cc;border-radius:10px;align-items:stretch;padding:14px}html.dark .ts-lesson-card{background:#0f172aa6;border-color:#ffffff14}.ts-lesson-title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.ts-lesson-title{color:var(--neutral-900);flex:1;min-width:0;font-size:14px;font-weight:800;line-height:1.3}html.dark .ts-lesson-title{color:#fff}.ts-lesson-meta-col{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.ts-level-badge{color:#2563eb;white-space:nowrap;background:#2563eb1a;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:800}.ts-lesson-time-row{color:#2563eb;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.ts-lesson-time-row .material-symbols-rounded{font-size:14px}.ts-lesson-note-box{color:var(--neutral-600);border-left:2.5px solid var(--primary);margin-bottom:8px;padding-left:8px;font-size:12px;font-style:italic}html.dark .ts-lesson-note-box{color:#cbd5e1}.ts-lesson-actions-row{border-top:1px solid #e2e8f066;gap:8px;margin-top:12px;padding-top:12px;display:flex}html.dark .ts-lesson-actions-row{border-top-color:#ffffff14}.ts-lesson-action-btn{cursor:pointer;border-radius:var(--radius-md);flex:1;justify-content:center;align-items:center;gap:6px;height:32px;padding:6px 10px;font-size:12px;display:inline-flex}.ts-lesson-action-btn .material-symbols-rounded{font-size:14px}.ts-table-header-corner{vertical-align:middle;width:100px}.ts-table-header-col-wrapper{flex-direction:column;align-items:center;gap:2px;display:flex}.ts-table-header-day{font-weight:800}.ts-table-header-date{color:var(--text-secondary);font-size:11px;font-weight:400}.ts-today-badge{color:#fff;text-transform:uppercase;background:#10b981;border-radius:10px;margin-top:2px;padding:1px 5px;font-size:8px;font-weight:700}.ts-shift-row{min-height:140px}.ts-calendar-cell{width:14.28%;min-width:150px}.ts-calendar-cell-content{flex-direction:column;justify-content:center;gap:8px;min-height:100px;display:flex}.session-class-name{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:800}.session-time{color:#2563eb;margin-bottom:2px;font-size:11px;font-weight:600}.session-code{color:#b91c1c;margin-bottom:2px;font-size:11px;font-weight:800}.session-title{color:var(--text-secondary);margin-bottom:4px;font-size:11px;font-style:italic}.session-teacher{color:var(--text-secondary);font-size:11.5px}.ts-session-status-wrapper{align-items:center;gap:4px;margin-top:4px;display:flex}.ts-session-actions-footer{border-top:1px solid #e2e8f066;flex-direction:column;gap:4px;width:100%;margin-top:6px;padding-top:6px;display:flex}.ts-session-action-sub-btn{cursor:pointer;justify-content:center;align-items:center;gap:2px;width:100%;height:24px;padding:2px 6px;font-size:10px;display:inline-flex}.ts-session-action-sub-btn .material-symbols-rounded{font-size:12px}.ts-calendar-cell.today-active{background:#10b98105!important}.dark .ts-calendar-cell.today-active{background:#10b9810a!important}html body .admin-dashboard-page{width:100%;max-width:1600px;margin:0 auto 64px;padding:0}.db-section-wrapper{border-radius:var(--radius-md);border:1px solid #ffffff14;width:100%;max-width:1600px;min-height:700px;margin:0 auto 64px;padding:0;overflow:hidden}.db-header-row{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:24px;display:flex}.db-header-title-container{flex:1;min-width:0;margin-bottom:0}.db-header-title{white-space:normal;word-break:break-word}.db-back-btn{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:auto;min-width:auto;height:auto;padding:8px 18px;display:inline-flex}@media (width<=768px){.db-back-btn{border-radius:50%;gap:0;width:38px;min-width:38px;height:38px;padding:0}}.db-error-box{background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error-dark);margin-bottom:20px;padding:16px}.db-error-text{margin:0;font-weight:600}.db-filters-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.db-filters-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.db-search-wrapper{width:100%;max-width:300px;position:relative}.db-search-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%)}.db-loader-center{color:var(--neutral-500);justify-content:center;padding:40px;display:flex}.db-pulse-text{font-style:italic}.db-empty-box{text-align:center;border:1px dashed var(--neutral-200);border-radius:var(--radius-md);background:var(--neutral-50);color:var(--neutral-500);padding:40px}.db-empty-icon{color:var(--neutral-300);margin-bottom:12px;font-size:48px}.db-empty-text{margin:0}.db-course-mobile-list{flex-direction:column;gap:16px;display:flex}.db-course-card{border:1px solid var(--neutral-200);background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}html.dark .db-course-card{background:#1e293b73;border:1px solid #ffffff14}.db-course-card-header{align-items:center;gap:12px;display:flex}.db-course-thumbnail-wrapper{background:var(--neutral-100);border-radius:12px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.db-course-img{object-fit:cover;width:100%;height:100%}.db-course-default-thumb{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:700;display:flex}.db-course-title-block{flex:1;min-width:0}.db-course-title{white-space:nowrap;text-overflow:ellipsis;color:var(--neutral-900);font-size:15px;font-weight:700;overflow:hidden}html.dark .db-course-title{color:#f8fafc}.db-course-desc{white-space:nowrap;text-overflow:ellipsis;color:var(--neutral-500);margin-top:2px;font-size:12px;overflow:hidden}html.dark .db-course-desc{color:#94a3b8}.db-course-badges-row{flex-wrap:wrap;gap:6px;display:flex}.db-course-badge-primary{background:var(--primary-light);color:var(--primary);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.db-course-badge-neutral{background:var(--neutral-100);color:var(--neutral-700);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}html.dark .db-course-badge-neutral{color:#cbd5e1;background:#ffffff14}.db-course-divider{background:var(--neutral-200);height:1px}html.dark .db-course-divider{background:#ffffff14}.db-course-info-grid{grid-template-columns:1fr 1fr;gap:8px;font-size:13px;display:grid}.db-course-info-grid span:first-child{color:var(--neutral-500)}html.dark .db-course-info-grid span:first-child{color:#64748b}.db-course-info-val-email{text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-weight:500;overflow:hidden}html.dark .db-course-info-val-email{color:#cbd5e1}.db-course-info-val-fee{font-weight:600}.db-course-info-val-fee-paid{color:#b91c1c}html.dark .db-course-info-val-fee-paid{color:#f87171}.db-course-info-val-fee-free{color:#22c55e}.db-course-info-val-lessons-text{color:#0f172a;font-weight:500}html.dark .db-course-info-val-lessons-text{color:#cbd5e1}.db-course-info-status-badge{border-radius:99px;align-items:center;gap:6px;width:fit-content;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.db-course-info-status-badge.published{color:#22c55e;background:#22c55e26}html.dark .db-course-info-status-badge.published{color:#4ade80}.db-course-info-status-badge.draft{color:#b91c1c;background:#ef444426}html.dark .db-course-info-status-badge.draft{color:#f87171}.db-course-info-status-dot{border-radius:50%;width:4px;height:4px}.db-course-info-status-dot.published{background:#22c55e}.db-course-info-status-dot.draft{background:#ef4444}.db-course-actions-row{justify-content:flex-end;gap:10px;display:flex}.db-course-action-btn{cursor:pointer;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:32px;padding:6px 12px;font-size:12.5px;display:inline-flex}.db-course-action-icon{font-size:16px}.db-course-delete-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:32px;padding:6px 12px;font-size:12.5px;display:inline-flex}html body .admin-dashboard-page.teacher-dashboard{margin-bottom:120px}html body .teacher-dashboard .teacher-freeform-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(215px,1fr);gap:20px;margin-top:8px;margin-bottom:32px;display:grid}html body .teacher-dashboard .teacher-freeform-grid .admin-freeform-card{justify-content:space-between;min-height:215px}html body .teacher-dashboard .admin-freeform-card.quanly-lophoc{border:1px solid #3b82f633}html body .teacher-dashboard .admin-freeform-card.quanly-lophoc:hover{border-color:#3b82f6;box-shadow:none!important}html body .teacher-dashboard .admin-freeform-card.lich-dayhoc{border:1px solid #06b6d433}html body .teacher-dashboard .admin-freeform-card.lich-dayhoc:hover{border-color:#06b6d4;box-shadow:none!important}html body .teacher-dashboard .admin-freeform-card.taolophoc-moi{border:1px solid #10b98133}html body .teacher-dashboard .admin-freeform-card.taolophoc-moi:hover{border-color:#10b981;box-shadow:none!important}html body .teacher-dashboard .admin-freeform-card.quanly-khoahoc{border:1px solid #8b5cf633}html body .teacher-dashboard .admin-freeform-card.quanly-khoahoc:hover{border-color:#8b5cf6;box-shadow:none!important}html body .teacher-dashboard .admin-freeform-card.taokhoahoc-moi{border:1px solid #ec489933}html body .teacher-dashboard .admin-freeform-card.taokhoahoc-moi:hover{border-color:#ec4899;box-shadow:none!important}html body .teacher-dashboard .admin-freeform-card.tiendo-hoctap{border:1px solid #f59e0b33}html body .teacher-dashboard .admin-freeform-card.tiendo-hoctap:hover{border-color:#f59e0b;box-shadow:none!important}html body .teacher-dashboard .admin-freeform-card.bang-xephang{border:1px solid #ef444433}html body .teacher-dashboard .admin-freeform-card.bang-xephang:hover{border-color:#ef4444;box-shadow:none!important}@media (width<=1024px){html body .teacher-dashboard .teacher-freeform-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){html body .teacher-dashboard .teacher-freeform-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:16px}html body .teacher-dashboard .teacher-freeform-grid .admin-freeform-card{justify-content:center;min-height:160px}}html body .db-teacher-section-wrapper{width:100%;max-width:1600px;box-shadow:none;background:0 0;border:none;margin:0 auto 64px;padding:0}html body .db-teacher-header{margin-bottom:24px;padding:0 8px}html body .db-game-editor-container{background:#f8fafc;width:100%;height:100%;display:flex}html.dark body .db-game-editor-container{background:#0b0f19}html body.game-editor-active .auth-utility-cluster,html body.game-editor-active .auth-bottom-dock,html body.game-editor-active .landing-footer,html body.game-editor-active .global-space-bg,html body.game-editor-active .floating-draggable-search-pill,html body.game-editor-active .floating-draggable-ai-bubble{display:none}html:not(.dark) body.game-editor-active .react-flow__controls{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#fff!important;border:1px solid #00000014!important;border-radius:12px!important;flex-direction:row!important;gap:6px!important;width:auto!important;height:auto!important;padding:4px!important;display:flex!important;inset:auto auto 20px 20px!important;box-shadow:0 4px 20px #00000014!important}html:not(.dark) body.game-editor-active .react-flow__controls-button{color:#0f172a!important;cursor:pointer!important;background:#0000000d!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;transition:all .2s!important;display:flex!important}html:not(.dark) body.game-editor-active .react-flow__controls-button svg{fill:#0f172a!important;width:14px!important;height:14px!important}html:not(.dark) body.game-editor-active .react-flow__controls-button:hover{background:var(--primary)!important;color:#fff!important;transform:translateY(-2px)!important}html:not(.dark) body.game-editor-active .react-flow__controls-button:hover svg{fill:#fff!important}html.dark body.game-editor-active .react-flow__controls{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#1e293b!important;border:1px solid #ffffff14!important;border-radius:12px!important;flex-direction:row!important;gap:6px!important;width:auto!important;height:auto!important;padding:4px!important;display:flex!important;inset:auto auto 20px 20px!important;box-shadow:0 4px 20px #0000004d!important}html.dark body.game-editor-active .react-flow__controls-button{color:#f8fafc!important;cursor:pointer!important;background:#ffffff14!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;transition:all .2s!important;display:flex!important}html.dark body.game-editor-active .react-flow__controls-button svg{fill:#f8fafc!important;width:14px!important;height:14px!important}html.dark body.game-editor-active .react-flow__controls-button:hover{background:var(--primary)!important;color:#fff!important;transform:translateY(-2px)!important}html.dark body.game-editor-active .react-flow__controls-button:hover svg{fill:#fff!important}html body.game-editor-active .sidebar-scroll-container{scrollbar-width:thin;scrollbar-color:#0f172a33 transparent}html body.game-editor-active.dark .sidebar-scroll-container{scrollbar-color:#fff3 transparent}html body.game-editor-active .sidebar-scroll-container::-webkit-scrollbar{width:6px;height:6px}html body.game-editor-active .sidebar-scroll-container::-webkit-scrollbar-track{background:0 0}html body.game-editor-active .sidebar-scroll-container::-webkit-scrollbar-thumb{background:#0f172a26 padding-box padding-box;border:1px solid #0000;border-radius:10px}html body.game-editor-active.dark .sidebar-scroll-container::-webkit-scrollbar-thumb{background:#ffffff26}html body.game-editor-active .sidebar-scroll-container::-webkit-scrollbar-thumb:hover{background:#0f172a4d}html body.game-editor-active.dark .sidebar-scroll-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}html body.game-editor-active .delete-level-button:hover{background:#ef444440;transform:translateY(-2px)scale(1.02);box-shadow:none!important}html body.game-editor-active .react-flow__selection{background:#3b82f626;border:1.5px dashed #3b82f6;border-radius:6px;box-shadow:0 0 12px #3b82f633}html body .db-form-field{flex-direction:column;gap:6px;display:flex}html body .db-form-label{color:var(--neutral-400);font-size:12.5px;font-weight:700}html body .db-form-actions{border-top:1px solid var(--neutral-200);gap:12px;width:100%;margin-top:auto;padding-top:16px;display:flex}html.dark body .db-form-actions{border-top-color:#ffffff0d}html body .db-flex-between{justify-content:space-between;align-items:center;display:flex}html body .db-sidebar-title{margin:0 0 4px;font-size:18px;font-weight:800}html body .db-sidebar-subtitle{color:var(--neutral-500);margin:0;font-size:12px}.game-fullscreen-container{z-index:99999;background:#f8fafc;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}html.dark .game-fullscreen-container{background:#0b0f19}.game-loading-container{height:100%;color:var(--neutral-500);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.db-course-action-btn.published{background:var(--neutral-100);color:var(--neutral-700)}html.dark .db-course-action-btn.published{color:#cbd5e1;background:#ffffff14}.db-course-action-btn.draft{background:var(--primary-light);color:var(--primary)}html.dark .db-course-action-btn.draft{color:#a78bfa;background:#8b5cf626}.db-course-delete-btn{color:#dc2626!important;background:#fef2f2!important}html.dark .db-course-delete-btn{color:#f87171!important;background:#ef444426!important}html body .db-th-center,html body .db-td-center{text-align:center}html body .db-th-right,html body .db-td-right{text-align:right}html body .db-td-course-info{align-items:center;gap:12px;min-width:200px;max-width:300px;display:flex}html body .db-course-thumb-box{border-radius:var(--radius-sm);background:var(--neutral-100);flex-shrink:0;width:48px;height:48px;overflow:hidden}html body .db-course-thumb-img{object-fit:cover;width:100%;height:100%}html body .db-course-thumb-fallback{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:700;display:flex}html body .db-flex-1-min-0{flex:1;min-width:0}html body .db-course-desc-truncate{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}html body .db-flex-wrap-gap-6{flex-wrap:wrap;gap:6px;display:flex}html body .db-badge-cat{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;font-weight:700}html body .db-badge-level{background:var(--neutral-100);color:var(--neutral-700);border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;font-weight:700}html body .db-td-center-semibold{text-align:center;font-weight:600}html body .db-td-semibold{font-weight:600}html body .db-fee-paid{color:#b91c1c}html.dark body .db-fee-paid{color:#f87171}html body .db-fee-free{color:#15803d}html.dark body .db-fee-free{color:#4ade80}html body .db-status-badge{border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}html body .db-status-badge.published{color:#166534;background:#dcfce7}html.dark body .db-status-badge.published{color:#4ade80;background:#4ade8026}html body .db-status-badge.draft{color:#991b1b;background:#fee2e2}html.dark body .db-status-badge.draft{color:#f87171;background:#ef444426}html body .db-status-dot{border-radius:50%;width:6px;height:6px}html body .db-status-dot.published{background:#22c55e}html body .db-status-dot.draft{background:#ef4444}html body .db-flex-end-gap-8{justify-content:flex-end;gap:8px;display:flex}html body .db-btn-circle-action{border-color:#0000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}html body .db-pagination-bar{border:1px solid var(--neutral-200);background:#00000005;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:12px 16px;display:flex}html.dark body .db-pagination-bar{background:#ffffff08;border-color:#ffffff0d}html body .db-pagination-info-text{color:var(--neutral-500);font-size:13px}html.dark body .db-pagination-info-text{color:#94a3b8}html body .db-btn-circle-nav{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}html body .db-pagination-page-label{color:var(--neutral-900);font-size:13px;font-weight:700}html.dark body .db-pagination-page-label{color:#f8fafc}html body .db-centered-loading{text-align:center;color:var(--text-secondary);padding:48px}html body .db-table-empty-row{text-align:center;color:var(--neutral-500);padding:32px}html.dark body .db-table-empty-row{color:#64748b}html body .db-td-user-name{color:var(--neutral-900);font-weight:700}html.dark body .db-td-user-name{color:#f8fafc}html body .db-td-user-email{color:var(--neutral-700)}html.dark body .db-td-user-email{color:#94a3b8}html body .db-role-select{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #ffffff1a;height:32px;padding:4px 10px;font-size:12px;font-weight:700}html body .db-role-select-mobile{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #ffffff1a;height:26px;padding:2px 6px;font-size:11px;font-weight:700}html body .db-role-option-student{color:#60a5fa;background:#1e293b}html body .db-role-option-teacher{color:#a78bfa;background:#1e293b}html body .db-role-option-manager{color:#c084fc;background:#1e293b}html body .db-role-option-admin{color:#f87171;background:#1e293b}html body .db-student-xp-info{color:#0284c7;font-size:12px;font-weight:700}html.dark body .db-student-xp-info{color:#38bdf8}html body .db-empty-dash-text{color:var(--neutral-400);font-size:12px}html body .db-mobile-user-name{color:var(--neutral-900)}html.dark body .db-mobile-user-name{color:#f8fafc}html body .db-mobile-user-email-value{color:var(--neutral-800)}html.dark body .db-mobile-user-email-value{color:#f1f5f9}html body .db-mobile-action-btn{border-color:#0000}html body .db-dict-header-row{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}html body .db-dict-search-wrapper{width:100%;position:relative}html body .db-dict-actions-wrapper{align-items:center;gap:12px;display:flex}html body .db-btn-dict-add,html body .db-btn-dict-nav{white-space:nowrap;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex}html body .db-dict-empty-box{text-align:center;border:1px dashed var(--neutral-200);border-radius:var(--radius-lg);color:var(--neutral-500);padding:32px}html.dark body .db-dict-empty-box{color:#64748b;border-color:#ffffff1a}html body .db-dict-mobile-list{flex-direction:column;gap:16px;margin-bottom:16px;display:flex}html body .db-dict-mobile-card{border:1px solid var(--neutral-200);background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}html.dark body .db-dict-mobile-card{background:#1e293b73;border-color:#ffffff14}html body .db-dict-mobile-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}html body .db-dict-mobile-word{color:var(--neutral-900);font-size:16px;font-weight:700}html.dark body .db-dict-mobile-word{color:#f8fafc}html body .db-dict-mobile-pronunciation{color:var(--neutral-500);margin-top:2px;font-size:13px}html.dark body .db-dict-mobile-pronunciation{color:#64748b}html body .db-dict-pos-badge{color:#10b981;white-space:nowrap;background:#10b98126;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}html body .db-dict-mobile-meaning{color:var(--neutral-700);font-size:14px;line-height:1.5}html.dark body .db-dict-mobile-meaning{color:#cbd5e1}html body .db-dict-mobile-meaning-label{color:var(--neutral-400);margin-bottom:2px;font-size:12px;display:block}html.dark body .db-dict-mobile-meaning-label{color:#64748b}html body .db-dict-mobile-card-divider{background:var(--neutral-200);height:1px}html.dark body .db-dict-mobile-card-divider{background:#ffffff14}html body .db-btn-dict-action-sm{border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}html body .db-btn-dict-action-sm-danger{color:#ef4444;background:#ef44440d;border-color:#0000;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}html body .db-dict-pos-badge-sm{color:#10b981;border-radius:var(--radius-sm);background:#10b98126;padding:2px 8px;font-size:11px;font-weight:700}html body .db-td-dict-meaning{color:var(--neutral-700)}html.dark body .db-td-dict-meaning{color:#cbd5e1}html body .db-ai-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}html body .db-ai-stat-card{border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:#fff;padding:16px}html.dark body .db-ai-stat-card{background:#ffffff08;border-color:#ffffff0f}html body .db-ai-stat-label{color:var(--neutral-500);font-size:13px;font-weight:600}html.dark body .db-ai-stat-label{color:#94a3b8}html body .db-ai-stat-value{color:var(--neutral-900);margin:8px 0 4px;font-size:24px;font-weight:800}html.dark body .db-ai-stat-value{color:#f8fafc}html body .db-ai-stat-value.color-success{color:#10b981}html body .db-flex-align-center-gap-8{align-items:center;gap:8px;display:flex}html body .db-ai-active-dot{background:#10b981;border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 10px #10b981}html body .db-ai-progress-track{background:var(--neutral-100);border-radius:99px;width:100%;height:6px;overflow:hidden}html.dark body .db-ai-progress-track{background:#ffffff14}html body .db-ai-progress-fill{background:linear-gradient(90deg,#8b5cf6,#3b82f6);height:100%}html body .db-ai-stat-subtext{color:var(--neutral-400);font-size:11px}html.dark body .db-ai-stat-subtext{color:#64748b}html body .db-ai-section-title{color:var(--neutral-900);margin-bottom:12px;font-size:16px;font-weight:800}html.dark body .db-ai-section-title{color:#f8fafc}html body .db-td-ai-log-user{color:var(--neutral-800);font-weight:700}html.dark body .db-td-ai-log-user{color:#cbd5e1}html body .db-ai-log-feature-badge{border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;font-weight:700}html body .db-td-ai-log-input{color:var(--neutral-600);font-family:monospace}html.dark body .db-td-ai-log-input{color:#94a3b8}html body .db-td-ai-log-meta{color:var(--neutral-600)}html.dark body .db-td-ai-log-meta{color:#94a3b8}html body .db-ai-log-status-dot-mobile{border-radius:50%;width:10px;height:10px;margin:0 auto;display:inline-block}html body .db-ai-log-status-badge{border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}html body .db-ai-log-status-badge.success{color:#4ade80;background:#4ade8026}html body .db-ai-log-status-badge.error{color:#f87171;background:#ef444426}html body .db-reports-loading{height:300px;color:var(--neutral-700);justify-content:center;align-items:center;gap:12px;display:flex}html.dark body .db-reports-loading{color:#cbd5e1}html body .db-reports-loading-spinner{border:3px solid;border-top-color:#0000;border-radius:50%;width:24px;height:24px}html body .db-reports-loading-text{font-size:15px;font-weight:500}html body .db-reports-error-banner{border-radius:var(--radius-md);color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef444433;margin-bottom:20px;padding:24px}html body .db-reports-error-try-again{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;margin-top:12px;padding:6px 16px;font-weight:700}html body .db-popularity-track{background:var(--neutral-100);border-radius:3px;flex:1;height:6px;overflow:hidden}html.dark body .db-popularity-track{background:#ffffff14}html body .db-popularity-fill{background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:3px;height:100%}html body .db-th-center{text-align:center}html body .db-td-word-bold{color:var(--neutral-800);font-weight:700}html.dark body .db-td-word-bold{color:#f8fafc}html body .db-td-pos-italic{color:var(--neutral-500);font-size:12px;font-style:italic}html.dark body .db-td-pos-italic{color:#94a3b8}html body .db-td-blue-bold-center{text-align:center;color:#3b82f6;font-weight:700}html body .db-td-col-40pct{width:40%}html body .db-popularity-percentage{color:var(--neutral-500);font-size:11px;font-weight:700}html.dark body .db-popularity-percentage{color:#94a3b8}html body .db-td-purple-bold{color:#8b5cf6;font-weight:700}html body .db-td-count-center{text-align:center;color:var(--neutral-750)}html.dark body .db-td-count-center{color:#cbd5e1}html body .db-ai-feature-health{color:#10b981;align-items:center;gap:4px;font-weight:700;display:inline-flex}html body .db-health-dot-sm{background:#10b981;border-radius:50%;width:6px;height:6px}html body .db-quests-settings-card{border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:24px;display:flex}html body .db-quests-card-title{margin:0 0 6px;font-size:18px;font-weight:800}html body .db-quests-card-desc{color:var(--neutral-500);margin:0;font-size:13.5px}html body .db-flex-align-center-gap-12{align-items:center;gap:12px;display:flex}html body .db-quests-number-input{border-radius:var(--radius-md);border:1px solid var(--neutral-200);width:80px;color:inherit;text-align:center;background:0 0;padding:8px 12px;font-weight:700}html.dark body .db-quests-number-input{border-color:#ffffff1a}html body .db-btn-md{padding:8px 16px}html body .db-quests-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}html body .db-quests-section-title{margin:0;font-size:20px;font-weight:800}html body .db-btn-icon-label{align-items:center;gap:8px;padding:8px 16px;display:inline-flex}html body .db-quests-loading{text-align:center;padding:48px}html body .db-quests-empty-box{text-align:center;border:1px dashed var(--neutral-200);border-radius:var(--radius-lg);padding:48px}html.dark body .db-quests-empty-box{border-color:#ffffff1a}html body .db-quests-mob-title{color:var(--neutral-900);font-size:15px;font-weight:700}html.dark body .db-quests-mob-title{color:#f8fafc}html body .db-quests-key-badge{background:var(--neutral-100);color:var(--neutral-700);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:11px}html.dark body .db-quests-key-badge{color:#cbd5e1;background:#ffffff14}html body .db-quests-details-grid{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:8px;font-size:13px;display:grid}html body .db-quests-label-sm{color:var(--neutral-500);margin-bottom:2px;font-size:11px;display:block}html.dark body .db-quests-label-sm{color:#64748b}html body .db-quests-tag{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}html body .db-quests-xp{color:#10b981;font-weight:700}html body .db-btn-quest-mob-delete{color:var(--error);background:0 0;border-color:#ef444433;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}html body .db-btn-quest-mob-delete:hover{background:#ef444414}html body .db-td-capitalize-pad-16{text-transform:capitalize;padding:16px}html body .db-td-quest-label{padding:16px;font-weight:600}html body .db-td-pad-16{padding:16px}html body .db-btn-circle-action-32{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}html body .db-btn-circle-action-32-danger{width:32px;height:32px;color:var(--error);background:0 0;border-color:#ef444433;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .2s;display:inline-flex}html body .db-btn-circle-action-32-danger:hover{background:#ef444414}html body .db-levels-settings-card{border-radius:var(--radius-lg);border:1px solid var(--neutral-200);margin-bottom:24px;padding:24px}html.dark body .db-levels-settings-card{border-color:#ffffff1a}html body .db-levels-card-desc{color:var(--neutral-500);margin:0 0 20px;font-size:13.5px}html body .db-levels-current-desc{color:var(--neutral-400);margin-left:8px;font-size:12.5px}html body .db-levels-formula{color:var(--primary-color);margin-top:6px;font-size:14px;font-weight:700;display:inline-block}html body .db-levels-formula-form{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}html body .db-levels-form-field{flex-direction:column;flex:1 1 0;gap:6px;min-width:150px;display:flex}html body .db-levels-form-label{color:var(--neutral-400);font-size:13px;font-weight:700}html body .db-levels-input{border-radius:var(--radius-md);border:1px solid var(--neutral-200);color:inherit;background:0 0;padding:10px 14px;font-weight:700}html.dark body .db-levels-input{border-color:#ffffff1a}html body .db-levels-save-btn{align-items:center;gap:8px;height:42px;padding:10px 20px;display:inline-flex}html body .db-quests-section-desc{color:var(--neutral-500);margin:4px 0 0;font-size:13px}html body .db-quests-mob-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}html body .db-flex-align-center-gap-10{align-items:center;gap:10px;display:flex}html body .db-quests-icon-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}html body .db-quests-level-num{font-size:14px;font-weight:800}html body .db-quests-milestone-title{color:var(--neutral-900);font-size:15px;font-weight:700}html.dark body .db-quests-milestone-title{color:#f8fafc}html body .db-quests-color-badge{background:var(--neutral-100);color:var(--neutral-600);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px}html.dark body .db-quests-color-badge{color:var(--neutral-400);background:#ffffff0d}html body .db-quests-milestone-desc{color:var(--neutral-600);font-size:13px}html.dark body .db-quests-milestone-desc{color:#cbd5e1}html body .db-quests-booster-val{color:var(--neutral-800);font-weight:500}html.dark body .db-quests-booster-val{color:#f8fafc}html body .db-quests-x2-val{color:#ef4444;align-items:center;gap:2px;font-weight:700;display:inline-flex}html body .db-td-empty-8{text-align:center;color:var(--neutral-400);padding:24px}html body .db-td-bold{font-weight:700}html body .db-levels-td-desc{color:var(--neutral-500);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:13px;overflow:hidden}html body .db-flex-align-center-gap-6{align-items:center;gap:6px;display:flex}html body .db-levels-icon-badge-sm{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}html body .db-btn-circle-action-32-danger-filled{color:#ef4444;background:#ef44440d;border-color:#0000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}html body .db-permissions-wrapper{background:0 0;margin-bottom:28px;padding:24px 0}html body .db-permissions-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}html body .db-permissions-save-btn{box-shadow:var(--neon-glow);border-radius:999px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:700;display:inline-flex}html body .db-permissions-loading{color:var(--neutral-500);justify-content:center;padding:40px;display:flex}html body .db-permissions-loading-text{font-style:italic}html body .db-permissions-mobile-card{border:1px solid var(--neutral-200);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 4px 12px #00000008}html.dark body .db-permissions-mobile-card{box-shadow:none;background:#1e293b66;border-color:#ffffff14}html body .db-permissions-mobile-card-title{color:#1e293b;margin-bottom:4px;font-size:15px;font-weight:800}html.dark body .db-permissions-mobile-card-title{color:#f1f5f9}html body .db-permissions-mobile-card-desc{color:var(--neutral-500);font-size:12px;line-height:1.4}html body .db-permissions-mobile-card-footer{border-top:1px solid var(--neutral-150);justify-content:space-between;align-items:stretch;gap:8px;padding-top:12px;display:flex}html.dark body .db-permissions-mobile-card-footer{border-top-color:#ffffff0f}html body .db-permissions-role-btn{cursor:pointer;border-radius:10px;flex-direction:column;flex:1 1 0;align-items:center;gap:6px;padding:8px 4px;transition:all .2s;display:flex}html body .db-permissions-role-btn-label{font-size:11px;font-weight:700}html body .db-permissions-role-chk{border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}html body .db-permissions-chk-icon{color:#fff;font-size:13px;font-weight:900}html body .db-permissions-table-header-row{border-bottom:2px solid var(--neutral-200)}html.dark body .db-permissions-table-header-row{border-bottom-color:#ffffff1a}html body .db-permissions-th-left{text-align:left;padding:16px;font-size:14px;font-weight:800}html body .db-permissions-th-center{text-align:center;width:150px;padding:16px;font-size:14px;font-weight:800}html body .db-permissions-table-row{border-bottom:1px solid var(--neutral-150)}html.dark body .db-permissions-table-row{border-bottom-color:#ffffff0f}html body .db-permissions-table-row.zebra{background:#00000003}html.dark body .db-permissions-table-row.zebra{background:#ffffff05}html body .db-td-permissions-desc{text-align:left;padding:16px}html body .db-permissions-row-title{margin-bottom:4px;font-size:14.5px;font-weight:700}html body .db-td-center-pad-16{text-align:center;padding:16px}html body .db-permissions-checkbox-wrapper{cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:inline-flex}html body .db-permissions-checkbox-wrapper:hover{background:#00000008}html.dark body .db-permissions-checkbox-wrapper:hover{background:#ffffff0d}html body .db-permissions-checkbox-wrapper.active{background:#10b98114}html.dark body .db-permissions-checkbox-wrapper.active{background:#10b9811a}html body .db-permissions-checkbox-wrapper.active:hover{background:#10b9811f}html.dark body .db-permissions-checkbox-wrapper.active:hover{background:#10b98126}.cyber-checkbox{--checkbox-size:24px;--checkbox-color:#5c67ff;--checkbox-check-color:#fff;--checkbox-hover-color:#4c57ef;--checkbox-spark-offset:-20px;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block;position:relative}.cyber-checkbox__mark{width:var(--checkbox-size);height:var(--checkbox-size);display:inline-block;position:relative}@keyframes spark{0%{opacity:0;transform:scale(0) rotate(0deg) translateX(var(--checkbox-spark-offset))}50%{opacity:1}to{opacity:0;transform:scale(1) rotate(0deg) translateX(calc(var(--checkbox-spark-offset) * 1.5))}}@keyframes particle-1{0%{opacity:0;transform:translate(0)scale(0)}50%{opacity:1}to{opacity:0;transform:translate(-20px,-20px)scale(1)}}@keyframes particle-2{0%{opacity:0;transform:translate(0)scale(0)}50%{opacity:1}to{opacity:0;transform:translate(20px,-20px)scale(1)}}@keyframes particle-3{0%{opacity:0;transform:translate(0)scale(0)}50%{opacity:1}to{opacity:0;transform:translate(20px,20px)scale(1)}}@keyframes particle-4{0%{opacity:0;transform:translate(0)scale(0)}50%{opacity:1}to{opacity:0;transform:translate(-20px,20px)scale(1)}}@keyframes particle-5{0%{opacity:0;transform:translate(0)scale(0)}50%{opacity:1}to{opacity:0;transform:translate(-30px)scale(1)}}@keyframes particle-6{0%{opacity:0;transform:translate(0)scale(0)}50%{opacity:1}to{opacity:0;transform:translate(30px)scale(1)}}@keyframes particle-7{0%{opacity:0;transform:translate(0)scale(0)}50%{opacity:1}to{opacity:0;transform:translateY(-30px)scale(1)}}@keyframes particle-8{0%{opacity:0;transform:translate(0)scale(0)}50%{opacity:1}to{opacity:0;transform:translateY(30px)scale(1)}}@keyframes particle-out-1{0%{opacity:0;transform:translate(-20px,-20px)scale(1)}50%{opacity:1}to{opacity:0;transform:translate(0)scale(0)}}@keyframes particle-out-2{0%{opacity:0;transform:translate(20px,-20px)scale(1)}50%{opacity:1}to{opacity:0;transform:translate(0)scale(0)}}@keyframes particle-out-3{0%{opacity:0;transform:translate(20px,20px)scale(1)}50%{opacity:1}to{opacity:0;transform:translate(0)scale(0)}}@keyframes particle-out-4{0%{opacity:0;transform:translate(-20px,20px)scale(1)}50%{opacity:1}to{opacity:0;transform:translate(0)scale(0)}}@keyframes particle-out-5{0%{opacity:0;transform:translate(-30px)scale(1)}50%{opacity:1}to{opacity:0;transform:translate(0)scale(0)}}@keyframes particle-out-6{0%{opacity:0;transform:translate(30px)scale(1)}50%{opacity:1}to{opacity:0;transform:translate(0)scale(0)}}@keyframes particle-out-7{0%{opacity:0;transform:translateY(-30px)scale(1)}50%{opacity:1}to{opacity:0;transform:translate(0)scale(0)}}@keyframes particle-out-8{0%{opacity:0;transform:translateY(30px)scale(1)}50%{opacity:1}to{opacity:0;transform:translate(0)scale(0)}}@media (width<=768px){html body .admin-dashboard-page .macos-window-header-glass{opacity:1!important;visibility:visible!important;background:0 0!important;border-bottom:none!important;height:auto!important;margin-bottom:0!important;padding:12px 16px 0!important;display:flex!important}html body .admin-dashboard-page .macos-window-controls{opacity:1!important;visibility:visible!important;gap:6px!important;display:flex!important}html body .admin-dashboard-page .macos-dot{opacity:1!important;visibility:visible!important;border-radius:50%!important;width:9px!important;height:9px!important;display:inline-block!important}html body .admin-dashboard-page .macos-dot.red{background-color:#ff5f56!important;background-image:none!important}html body .admin-dashboard-page .macos-dot.yellow{background-color:#ffbd2e!important;background-image:none!important}html body .admin-dashboard-page .macos-dot.green{background-color:#27c93f!important;background-image:none!important}html body .db-permissions-wrapper{padding:8px 0!important}html body .db-permissions-header-row{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:16px!important;margin-bottom:16px!important}html body .db-permissions-save-btn{justify-content:center!important;align-self:center!important;width:100%!important;max-width:280px!important;margin:8px auto 16px!important}}html body .glass-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:12px;height:28px;padding-right:26px;font-family:inherit;font-size:11.5px;font-weight:500;line-height:1.2}html.dark body .glass-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")}html body .admin-dashboard-page .admin-section-header{flex-flow:wrap!important;justify-content:space-between!important;align-items:center!important;width:100%!important;min-height:auto!important;padding-left:0!important;padding-right:0!important;display:flex!important}@media (width<=768px){html body .admin-dashboard-page .admin-section-header.quests-header{text-align:left!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:12px!important;width:100%!important;margin-bottom:16px!important;padding-left:0!important;padding-right:0!important;display:flex!important}html body .admin-dashboard-page .admin-section-header.quests-header>div,html body .admin-dashboard-page .admin-section-header.quests-header h3{text-align:left!important;margin:0!important}html body .admin-dashboard-page .admin-section-header.quests-header button{justify-content:center!important;width:100%!important;margin-left:0!important}}html:not(.dark) body .liquid-glass-panel{-webkit-backdrop-filter:blur(16px)!important;background:#ffffffbf!important;box-shadow:0 10px 30px -10px #0000000f,0 1px 3px #00000005,inset 0 1px #fffc!important}html:not(.dark) body .liquid-glass-panel:before{background:linear-gradient(#0000001f 0%,#0000000a 20%,#0000 40% 60%,#0000000a 80%,#0000001f 100%)!important}html.dark body .liquid-glass-panel{-webkit-backdrop-filter:blur(16px)!important;background:#1e293b73!important;box-shadow:0 10px 30px -10px #0000004d,inset 0 1px #ffffff0d!important}html body .admin-dashboard-page .admin-settings-card input{color:#334155!important;font-weight:600!important}html.dark body .admin-dashboard-page .admin-settings-card input{color:#f1f5f9!important;font-weight:600!important}.game-config-sidebar{text-align:left;opacity:1;box-sizing:border-box;border:none;border-right:1px solid #00000014;border-radius:0;flex-shrink:0;gap:20px;width:380px;min-width:380px;max-width:380px;height:100%;padding:24px;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),gap .3s cubic-bezier(.4,0,.2,1),opacity .2s ease-in-out;overflow:hidden auto}html.dark .game-config-sidebar{border-right:1px solid #ffffff14}.game-config-sidebar.collapsed{opacity:0;border-right:none;gap:0;width:0;min-width:0;max-width:0;padding:0;overflow-y:hidden}@media (width<=768px){.game-config-sidebar{z-index:999;border-right:none;width:100vw;min-width:100vw;max-width:100vw;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 30px #00000040}.game-config-sidebar.collapsed{opacity:0;gap:0;width:0;min-width:0;max-width:0;padding:0}.react-flow__controls{bottom:10px!important;left:10px!important}}.selection-toolbar{position:absolute;top:20px;left:50%;transform:translate(-50%)}.desktop-only-text{display:inline}.mobile-only-text{display:none}@media (width<=768px){.selection-toolbar{white-space:nowrap;width:auto;max-width:calc(100% - 30px);top:85px;padding:6px 12px!important}.desktop-only-text{display:none}.mobile-only-text{display:inline}}body.admin-modal-active .auth-bottom-dock{display:none!important}.admin-dict-header-row{flex-flow:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-dict-search-container{width:100%;max-width:400px;position:relative}.admin-dict-search-icon{color:var(--neutral-500);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.dark-theme .admin-dict-search-icon{color:#94a3b8}.admin-dict-actions-container{align-items:center;gap:12px;width:auto;display:flex}.admin-dict-actions-container .primary-button,.admin-dict-actions-container .secondary-button{white-space:nowrap;flex:initial;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex}@media (width<=768px){.admin-dict-header-row{flex-direction:column-reverse;align-items:stretch}.admin-dict-search-container{max-width:100%}.admin-dict-actions-container{width:100%}.admin-dict-actions-container .primary-button,.admin-dict-actions-container .secondary-button{flex:1 1 0}}.admin-mobile-course-card{border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}html:not(.dark) .admin-mobile-course-card{border:1px solid var(--neutral-200);background:#fff;box-shadow:0 4px 12px #00000005}html.dark .admin-mobile-course-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293b66;border:1px solid #ffffff14;box-shadow:0 4px 20px #00000026}.admin-mobile-course-card .card-header{align-items:center;gap:12px;display:flex}.admin-mobile-course-card .card-thumbnail{background:var(--neutral-100);border-radius:12px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.admin-mobile-course-card .card-thumbnail img{object-fit:cover;width:100%;height:100%}.admin-mobile-course-card .card-thumbnail-placeholder{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:700;display:flex}.admin-mobile-course-card .card-title-info{flex:1;min-width:0}.admin-mobile-course-card .card-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}html:not(.dark) .admin-mobile-course-card .card-title{color:var(--neutral-900)}html.dark .admin-mobile-course-card .card-title{color:#f8fafc}.admin-mobile-course-card .card-subtitle{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}html:not(.dark) .admin-mobile-course-card .card-subtitle{color:var(--neutral-500)}html.dark .admin-mobile-course-card .card-subtitle{color:#94a3b8}.admin-mobile-course-card .card-badges{flex-wrap:wrap;gap:6px;display:flex}.admin-mobile-course-card .card-badge-primary{background:var(--primary-light);color:var(--primary);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.admin-mobile-course-card .card-badge-neutral{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}html:not(.dark) .admin-mobile-course-card .card-badge-neutral{background:var(--neutral-100);color:var(--neutral-700)}html.dark .admin-mobile-course-card .card-badge-neutral{color:#cbd5e1;background:#ffffff14}.admin-card-divider{height:1px}html:not(.dark) .admin-card-divider{background:var(--neutral-200)}html.dark .admin-card-divider{background:#ffffff14}.admin-mobile-course-card .card-details-grid{grid-template-columns:1fr 1fr;gap:8px;font-size:13px;display:grid}.admin-mobile-course-card .card-details-grid .info-label{font-size:13px}html:not(.dark) .admin-mobile-course-card .card-details-grid .info-label{color:var(--neutral-500)}html.dark .admin-mobile-course-card .card-details-grid .info-label{color:#64748b}.admin-mobile-course-card .card-details-grid .info-value{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}html:not(.dark) .admin-mobile-course-card .card-details-grid .info-value{color:#0f172a}html.dark .admin-mobile-course-card .card-details-grid .info-value{color:#cbd5e1}.admin-mobile-course-card .card-details-grid .text-price{font-weight:600}html:not(.dark) .admin-mobile-course-card .card-details-grid .text-price{color:#b91c1c}html.dark .admin-mobile-course-card .card-details-grid .text-price{color:#f87171}.admin-mobile-course-card .card-details-grid .text-free{color:#22c55e;font-weight:600}.admin-status-badge{border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.admin-status-badge.active{color:#4ade80;background:#22c55e26}.admin-status-badge.inactive{color:#f87171;background:#ef444426}.admin-status-badge-dot{border-radius:50%;width:4px;height:4px}.admin-status-badge-dot.active{background:#22c55e}.admin-status-badge-dot.inactive{background:#ef4444}.admin-mobile-course-card .card-actions{justify-content:flex-end;gap:10px;display:flex}.admin-mobile-btn-status{border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex;border-color:#0000!important}html:not(.dark) .admin-mobile-btn-status.published{background:var(--neutral-100);color:var(--neutral-700)}html:not(.dark) .admin-mobile-btn-status.draft{background:var(--primary-light);color:var(--primary)}html.dark .admin-mobile-btn-status.published{color:#cbd5e1;background:#ffffff14}html.dark .admin-mobile-btn-status.draft{color:#a78bfa;background:#8b5cf626}.admin-mobile-btn-delete{border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex;border-color:#0000!important}html:not(.dark) .admin-mobile-btn-delete{color:#dc2626;background:#fef2f2}html.dark .admin-mobile-btn-delete{color:#f87171;background:#ef444426}.admin-settings-card-panel{border-radius:var(--radius-lg);border:1px solid var(--neutral-200);margin-bottom:24px;padding:24px}html.dark .admin-settings-card-panel{border-color:#ffffff1a}.admin-settings-card-panel h3{margin:0 0 6px;font-size:18px;font-weight:800}.admin-settings-card-panel p{color:var(--neutral-500);margin:0;font-size:13.5px}.admin-settings-card-panel .config-input-wrapper{align-items:center;gap:12px;display:flex}.admin-settings-card-panel .config-input{border-radius:var(--radius-md);width:80px;color:inherit;text-align:center;background:0 0;padding:8px 12px;font-weight:700}html:not(.dark) .admin-settings-card-panel .config-input{border:1px solid var(--neutral-200)}html.dark .admin-settings-card-panel .config-input{border:1px solid #ffffff1a}.admin-empty-state{text-align:center;border:1px dashed var(--neutral-200);border-radius:var(--radius-lg);padding:48px}html.dark .admin-empty-state{border-color:#ffffff1a}.admin-empty-state p{color:var(--neutral-500);margin:0 0 16px}.admin-mono-tag{border-radius:4px;padding:4px 8px;font-family:monospace;font-size:12px}html:not(.dark) .admin-mono-tag{background:var(--neutral-100)}html.dark .admin-mono-tag{background:#ffffff14}.admin-badge-difficulty{border-radius:12px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.admin-badge-difficulty.easy{color:#10b981;background:#10b9811a}.admin-badge-difficulty.medium{color:#f59e0b;background:#f59e0b1a}.admin-badge-difficulty.hard{color:#ef4444;background:#ef44441a}.admin-xp-reward{color:#10b981;font-weight:700}.admin-btn-round{cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background-color .2s;display:inline-flex;border-color:#0000!important;border-radius:50%!important}.admin-btn-round.edit{background:var(--neutral-100);color:var(--neutral-700)}html.dark .admin-btn-round.edit{color:#cbd5e1;background:#ffffff14}.admin-btn-round.edit:hover{background:var(--neutral-200)}html.dark .admin-btn-round.edit:hover{background:#ffffff26}.admin-btn-round.delete{color:var(--error);background:0 0;border:1px solid #ef444433!important}.admin-btn-round.delete:hover{background:#ef444414!important}.admin-flex-row-center-end{justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-flex-row-wrap-gap-12{flex-wrap:wrap;gap:12px;display:flex}.admin-level-formula-form{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.admin-level-formula-form .form-group{flex-direction:column;flex:1 1 0;gap:6px;min-width:150px;display:flex}.admin-level-formula-form label{color:var(--neutral-400);font-size:13px;font-weight:700}.admin-level-formula-form input{border-radius:var(--radius-md);color:inherit;background:0 0;padding:10px 14px;font-weight:700;transition:all .2s}html:not(.dark) .admin-level-formula-form input{border:1px solid var(--neutral-200)}html.dark .admin-level-formula-form input{border:1px solid #ffffff1a}.admin-level-formula-form input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light);outline:none}.admin-milestone-badge-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.admin-milestone-badge-icon.size-sm{width:28px;height:28px}.admin-quiz-xp-x2{color:#ef4444;align-items:center;gap:2px;font-weight:700;display:inline-flex}.admin-mobile-card-header-flex{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-mobile-item-card .card-description{font-size:13px}html:not(.dark) .admin-mobile-item-card .card-description{color:var(--neutral-600)}html.dark .admin-mobile-item-card .card-description{color:#cbd5e1}.admin-table-empty{text-align:center;color:var(--neutral-400);padding:24px}.admin-table-text-truncated{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:13px;overflow:hidden}html:not(.dark) .admin-table-text-truncated{color:var(--neutral-500)}html.dark .admin-table-text-truncated{color:#94a3b8}.admin-flex-row-gap-6{align-items:center;gap:6px;display:flex}.admin-pagination-wrapper{border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:12px 16px;display:flex}html:not(.dark) .admin-pagination-wrapper{border:1px solid var(--neutral-200);background:#00000005}html.dark .admin-pagination-wrapper{background:#ffffff08;border:1px solid #ffffff0d}.admin-pagination-info{font-size:13px}html:not(.dark) .admin-pagination-info{color:var(--neutral-500)}html.dark .admin-pagination-info{color:#94a3b8}.admin-pagination-actions{align-items:center;gap:8px;display:flex}.admin-pagination-actions span{font-size:13px;font-weight:700}html:not(.dark) .admin-pagination-actions span{color:var(--neutral-900)}html.dark .admin-pagination-actions span{color:#f8fafc}.admin-pagination-btn{justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s;display:inline-flex;border-radius:50%!important;padding:0!important}.admin-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.admin-pagination-btn.active{color:#fff!important;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%)!important;border:none!important;box-shadow:0 0 12px #2563eb66!important}.admin-pagination-ellipsis{justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:inline-flex}html:not(.dark) .admin-pagination-ellipsis{color:var(--neutral-500)}html.dark .admin-pagination-ellipsis{color:#94a3b8}.role-badge-select{height:32px!important;font-size:11px!important;font-weight:500!important;font-family:var(--font-sans)!important;cursor:pointer!important;appearance:none!important;letter-spacing:.2px!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23cbd5e1'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")!important;background-position:right 8px center!important;background-repeat:no-repeat!important;background-size:16px!important;border:1px solid #ffffff1a!important;border-radius:999px!important;outline:none!important;padding:4px 20px 4px 12px!important}html:not(.dark) .role-badge-select{border-color:var(--neutral-300)!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23475569'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")!important}.role-badge-select option{color:#f1f5f9!important;font-family:var(--font-sans)!important;background:#1e293b!important;font-weight:500!important}html:not(.dark) .role-badge-select option{color:#1e293b!important;background:#fff!important}.role-badge-select.mobile{box-sizing:border-box!important;letter-spacing:.1px!important;background-position:right 4px center!important;background-size:14px!important;width:105px!important;height:26px!important;padding:2px 18px 2px 10px!important;font-size:9.5px!important}.role-badge-select.role-admin{color:#f87171;background-color:#ef444426}.role-badge-select.role-teacher{color:#a78bfa;background-color:#8b5cf626}.role-badge-select.role-manager{color:#c084fc;background-color:#c084fc26}.role-badge-select.role-student{color:#60a5fa;background-color:#3b82f626}html:not(.dark) .role-badge-select.role-admin{color:#ef4444;background-color:#fef2f2}html:not(.dark) .role-badge-select.role-teacher{color:#8b5cf6;background-color:#f5f3ff}html:not(.dark) .role-badge-select.role-manager{color:#a855f7;background-color:#faf5ff}html:not(.dark) .role-badge-select.role-student{color:#3b82f6;background-color:#eff6ff}.user-status-badge{border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.user-status-badge.mobile{font-size:11px}html:not(.dark) .user-status-badge.badge-active{color:#166534;background:#dcfce7}html.dark .user-status-badge.badge-active{color:#4ade80;background:#4ade8026}html:not(.dark) .user-status-badge.badge-pending{color:#92400e;background:#fef3c7}html.dark .user-status-badge.badge-pending{color:#fbbf24;background:#f59e0b26}html:not(.dark) .user-status-badge.badge-blocked{color:#991b1b;background:#fee2e2}html.dark .user-status-badge.badge-blocked{color:#f87171;background:#ef444426}.user-status-dot{border-radius:50%;width:6px;height:6px}.user-status-badge.mobile .user-status-dot{width:5px;height:5px}.user-status-dot.active{background:#22c55e}.user-status-dot.pending{background:#f59e0b}.user-status-dot.blocked{background:#ef4444}.admin-action-btn-group{gap:8px;display:flex}.admin-action-btn{justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex;border-color:#0000!important;border-radius:50%!important}html:not(.dark) .admin-action-btn.btn-approve{color:#166534;background:#dcfce7}html.dark .admin-action-btn.btn-approve{color:#4ade80;background:#4ade8026}html:not(.dark) .admin-action-btn.btn-lock{background:var(--neutral-100);color:var(--neutral-700)}html.dark .admin-action-btn.btn-lock{color:#cbd5e1;background:#ffffff14}html:not(.dark) .admin-action-btn.btn-unlock{color:#dc2626;background:#fef2f2}html.dark .admin-action-btn.btn-unlock{color:#f87171;background:#ef444426}html:not(.dark) .admin-action-btn.btn-xp{color:#0369a1;background:#e0f2fe}html.dark .admin-action-btn.btn-xp{color:#38bdf8;background:#38bdf826}.student-xp-text{font-size:12px;font-weight:700}html:not(.dark) .student-xp-text{color:#0284c7}html.dark .student-xp-text{color:#38bdf8}.student-no-xp{color:var(--neutral-400);font-size:12px}.admin-table-container td.user-name{font-weight:700}html:not(.dark) .admin-table-container td.user-name{color:var(--neutral-900)}html.dark .admin-table-container td.user-name{color:#f8fafc}html:not(.dark) .admin-table-container td.user-email{color:var(--neutral-700)}html.dark .admin-table-container td.user-email{color:#94a3b8}.admin-dict-part-of-speech{color:#10b981;white-space:nowrap;background:#10b98126;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.admin-dict-part-of-speech.size-sm{border-radius:var(--radius-sm);padding:2px 8px}.admin-dict-word-text{font-size:16px;font-weight:700}html:not(.dark) .admin-dict-word-text{color:var(--neutral-900)}html.dark .admin-dict-word-text{color:#f8fafc}.admin-dict-word-text.size-sm{font-size:14px}.admin-dict-pronunciation{font-size:13px}html:not(.dark) .admin-dict-pronunciation{color:var(--neutral-500)}html.dark .admin-dict-pronunciation{color:#64748b}.admin-dict-pronunciation.size-sm{font-size:12px}.admin-table-text-secondary{font-size:13px}html:not(.dark) .admin-table-text-secondary{color:var(--neutral-700)}html.dark .admin-table-text-secondary{color:#cbd5e1}.admin-mascots-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=640px){.admin-mascots-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.admin-mascots-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.admin-mascots-grid{grid-template-columns:repeat(4,1fr)}}.admin-mascot-card{border-radius:16px;flex-direction:column;justify-content:space-between;min-height:360px;padding:24px;display:flex;position:relative;border:1.5px solid rgba(var(--mascot-glow-rgb,120, 120, 120), var(--mascot-glow-opacity,.2))!important;background:linear-gradient(135deg, rgba(var(--mascot-glow-rgb,120, 120, 120), .05) 0%, #1e1e2d66 100%)!important}.admin-mascot-status-badge{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:16px;right:16px}.admin-mascot-status-badge.status-active{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.admin-mascot-status-badge.status-inactive{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.admin-mascot-img-preview{justify-content:center;align-items:center;height:120px;margin-bottom:16px;display:flex}.admin-mascot-img-preview img{object-fit:contain;max-height:100%;filter:drop-shadow(0 8px 16px rgba(var(--mascot-glow-rgb,120, 120, 120), .3))!important}.admin-mascot-title{margin:0 0 4px;font-size:18px;font-weight:800}.admin-mascot-subtitle{color:var(--neutral-400);font-family:monospace;font-size:11px}.admin-mascot-desc{line-break:anywhere;margin:8px 0 16px;font-size:13px}html:not(.dark) .admin-mascot-desc{color:var(--neutral-600)}html.dark .admin-mascot-desc{color:var(--neutral-300)}.admin-mascot-price{color:#fbbf24;align-items:center;gap:6px;margin-bottom:16px;font-size:15px;font-weight:700;display:flex}.admin-mascot-skills{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.admin-mascot-skill-item{border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}html:not(.dark) .admin-mascot-skill-item{border:1px solid var(--neutral-200);background:#00000008}html.dark .admin-mascot-skill-item{background:#ffffff0d;border:1px solid #ffffff14}.admin-mascot-card-actions{justify-content:flex-end;gap:8px;margin-top:auto;display:flex}.admin-mascot-btn-edit{cursor:pointer;z-index:10}html:not(.dark) .admin-mascot-btn-edit{color:#0369a1!important;background:#e0f2fe!important}html.dark .admin-mascot-btn-edit{color:#38bdf8!important;background:#38bdf826!important}.admin-mascot-btn-delete{cursor:pointer;z-index:10}html:not(.dark) .admin-mascot-btn-delete{color:#dc2626!important;background:#fef2f2!important;border-color:#0000!important}html.dark .admin-mascot-btn-delete{color:#f87171!important;background:#ef444426!important;border-color:#0000!important}.admin-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.admin-modal-panel{border-radius:var(--radius-lg);text-align:left;border:1px solid #ffffff1a;width:100%;margin:auto;padding:28px;box-shadow:0 20px 40px #0006}.admin-modal-panel.size-sm{max-width:400px}.admin-modal-panel.size-md{max-width:500px}.admin-modal-panel.size-lg{max-width:650px}.admin-modal-title{margin:0 0 20px;font-size:20px;font-weight:800}.admin-form-group{margin-bottom:16px}.admin-form-label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}html:not(.dark) .admin-form-label{color:var(--neutral-600)}html.dark .admin-form-label{color:#cbd5e1}.admin-form-input{border-radius:var(--radius-md);width:100%;color:inherit;box-sizing:border-box;padding:10px 12px;font-size:14px}html:not(.dark) .admin-form-input{border:1px solid var(--neutral-300);background:#fff;color:var(--neutral-800)!important}html.dark .admin-form-input{background:#1e293b;border:1px solid #ffffff1a;color:#cbd5e1!important}.admin-form-input option{color:#cbd5e1;background:#1e293b}html:not(.dark) .admin-form-input option{color:var(--neutral-800);background:#fff}.admin-form-input:disabled{opacity:.6;cursor:not-allowed}select.admin-form-input{appearance:none!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23cbd5e1'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:18px!important;padding-right:32px!important}html:not(.dark) select.admin-form-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23475569'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")!important}.admin-form-grid{gap:16px;display:grid}.admin-form-grid.cols-2{grid-template-columns:1fr}@media (width>=768px){.admin-form-grid.cols-2{grid-template-columns:1fr 1fr}}.admin-form-grid.cols-2-1{grid-template-columns:1fr}@media (width>=768px){.admin-form-grid.cols-2-1{grid-template-columns:2fr 1fr}}.admin-form-actions{justify-field:flex-end;justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.admin-form-actions .secondary-button,.admin-form-actions .primary-button{padding:8px 16px}.admin-mascot-modal-skill-row{background:#00000026;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}@media (width>=768px){.admin-mascot-modal-skill-row{background:#ffffff08;border-radius:8px;grid-template-columns:1.5fr 1fr 2fr auto;align-items:center;gap:8px;padding:8px;display:grid}}.admin-mascot-modal-skill-delete-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:6px;align-self:flex-end;align-items:center;gap:4px;margin-top:4px;padding:6px 12px;font-size:12px;display:flex}@media (width>=768px){.admin-mascot-modal-skill-delete-btn{background:0 0;align-self:auto;margin-top:0;padding:0}}.admin-form-grid.cols-3{grid-template-columns:1fr}@media (width>=768px){.admin-form-grid.cols-3{grid-template-columns:1fr 1fr 1fr}}.admin-filters-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-filters-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-search-wrapper{width:100%;position:relative}@media (width>=768px){.admin-search-wrapper{max-width:300px}}.admin-search-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%)}html:not(.dark) .admin-search-icon{color:var(--neutral-500)}html.dark .admin-search-icon{color:#94a3b8}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.admin-stat-card{border-radius:var(--radius-md);flex-direction:column;padding:16px;display:flex;position:relative;overflow:hidden}html:not(.dark) .admin-stat-card{border:1px solid var(--neutral-200);background:#fff}html.dark .admin-stat-card{background:#ffffff08;border:1px solid #ffffff0f}.admin-stat-label{text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}html:not(.dark) .admin-stat-label{color:var(--neutral-500)}html.dark .admin-stat-label{color:#94a3b8}.admin-stat-value{margin:8px 0 4px;font-size:24px;font-weight:800}.admin-stat-card.large-title .admin-stat-value{font-size:26px;font-weight:850}html:not(.dark) .admin-stat-value{color:var(--neutral-900)}html.dark .admin-stat-value{color:#f8fafc}.admin-stat-desc{font-size:11px}html:not(.dark) .admin-stat-desc{color:var(--neutral-400)}html.dark .admin-stat-desc{color:#64748b}.admin-stat-progress-bar{border-radius:99px;width:100%;height:6px;margin-top:4px;overflow:hidden}html:not(.dark) .admin-stat-progress-bar{background:var(--neutral-100)}html.dark .admin-stat-progress-bar{background:#ffffff14}.admin-stat-progress-fill{background:linear-gradient(90deg,#8b5cf6,#3b82f6);height:100%}.admin-stat-icon-bg{opacity:.08;color:var(--neutral-500);font-size:48px;position:absolute;bottom:12px;right:12px}.admin-charts-grid{grid-template-columns:1fr;gap:32px;margin-bottom:36px;display:grid}@media (width>=992px){.admin-charts-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}}.admin-chart-panel{border-radius:var(--radius-lg);flex-direction:column;min-width:0;padding:24px;display:flex}html:not(.dark) .admin-chart-panel{border:1px solid var(--neutral-200);background:#fff}html.dark .admin-chart-panel{background:#ffffff08;border:1px solid #ffffff0f}.admin-chart-title{text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;font-size:16px;font-weight:800}html:not(.dark) .admin-chart-title{color:var(--neutral-900)}html.dark .admin-chart-title{color:#f8fafc}.admin-badge-status{border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.admin-badge-status .status-dot{border-radius:50%;width:6px;height:6px}html:not(.dark) .admin-badge-status.status-published{color:#166534;background:#dcfce7}html:not(.dark) .admin-badge-status.status-published .status-dot{background:#22c55e}html:not(.dark) .admin-badge-status.status-draft{color:#991b1b;background:#fee2e2}html:not(.dark) .admin-badge-status.status-draft .status-dot{background:#ef4444}html.dark .admin-badge-status.status-published{color:#4ade80;background:#4ade8026}html.dark .admin-badge-status.status-published .status-dot{background:#22c55e}html.dark .admin-badge-status.status-draft{color:#f87171;background:#ef444426}html.dark .admin-badge-status.status-draft .status-dot{background:#ef4444}.admin-badge-feature{border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;font-weight:700}.admin-badge-feature.ai-word-helper{color:#a78bfa;background:#8b5cf626}.admin-badge-feature.ai-mindmap{color:#60a5fa;background:#3b82f626}.admin-badge-feature.ai-chatbot{color:#f472b6;background:#ec489926}.admin-course-mobile-card{border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}html:not(.dark) .admin-course-mobile-card{border:1px solid var(--neutral-200);background:#fff}html.dark .admin-course-mobile-card{background:#1e293b73;border:1px solid #ffffff14}.admin-course-mobile-header{align-items:center;gap:12px;display:flex}.admin-course-mobile-thumbnail{background:var(--neutral-100);border-radius:12px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.admin-course-mobile-thumbnail img{object-fit:cover;width:100%;height:100%}.admin-course-mobile-thumbnail-default{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:700;display:flex}.admin-course-mobile-title-block{flex:1;min-width:0}.admin-course-mobile-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}html:not(.dark) .admin-course-mobile-title{color:var(--neutral-900)}html.dark .admin-course-mobile-title{color:#f8fafc}.admin-course-mobile-desc{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}html:not(.dark) .admin-course-mobile-desc{color:var(--neutral-500)}html.dark .admin-course-mobile-desc{color:#94a3b8}.admin-course-mobile-badges{flex-wrap:wrap;gap:6px;display:flex}.admin-course-mobile-badge-category{background:var(--primary-light);color:var(--primary);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.admin-course-mobile-badge-level{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}html:not(.dark) .admin-course-mobile-badge-level{background:var(--neutral-100);color:var(--neutral-700)}html.dark .admin-course-mobile-badge-level{color:#cbd5e1;background:#ffffff14}.admin-course-mobile-divider{height:1px}html:not(.dark) .admin-course-mobile-divider{background:var(--neutral-200)}html.dark .admin-course-mobile-divider{background:#ffffff14}.admin-course-mobile-details-grid{grid-template-columns:1fr 1fr;gap:8px;font-size:13px;display:grid}.admin-course-mobile-details-label{display:block}html:not(.dark) .admin-course-mobile-details-label{color:var(--neutral-500)}html.dark .admin-course-mobile-details-label{color:#64748b}.admin-course-mobile-details-val{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}html:not(.dark) .admin-course-mobile-details-val{color:#0f172a}html.dark .admin-course-mobile-details-val{color:#cbd5e1}.admin-course-mobile-details-val.paid{font-weight:600}html:not(.dark) .admin-course-mobile-details-val.paid{color:#b91c1c}html.dark .admin-course-mobile-details-val.paid{color:#f87171}.admin-course-mobile-details-val.free{color:#22c55e;font-weight:600}.admin-course-mobile-actions{justify-content:flex-end;gap:10px;display:flex}.admin-course-mobile-btn-toggle{cursor:pointer;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}html:not(.dark) .admin-course-mobile-btn-toggle.published{background:var(--neutral-100);color:var(--neutral-700)}html:not(.dark) .admin-course-mobile-btn-toggle.draft{background:var(--primary-light);color:var(--primary)}html.dark .admin-course-mobile-btn-toggle.published{color:#cbd5e1;background:#ffffff14}html.dark .admin-course-mobile-btn-toggle.draft{color:#a78bfa;background:#8b5cf626}.admin-course-mobile-btn-delete{cursor:pointer;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}html:not(.dark) .admin-course-mobile-btn-delete{color:#dc2626;background:#fef2f2}html.dark .admin-course-mobile-btn-delete{color:#f87171;background:#ef444426}.admin-confirm-overlay{-webkit-backdrop-filter:blur(6px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.admin-confirm-content{flex-direction:column;gap:8px;display:flex}.admin-confirm-btn{cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;height:38px;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.admin-confirm-btn.btn-danger-confirm{color:#fff!important;background:#ef4444!important;border:none!important}.admin-settings-card{border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:24px;display:flex}html:not(.dark) .admin-settings-card{border:1px solid var(--neutral-200)}html.dark .admin-settings-card{border:1px solid #ffffff1a}.admin-settings-card h3{margin:0 0 6px;font-size:18px;font-weight:800}.admin-settings-card p{color:var(--neutral-500);margin:0;font-size:13.5px}.admin-settings-card-input{border-radius:var(--radius-md);width:80px;color:inherit;text-align:center;background:0 0;padding:8px 12px;font-weight:700}html:not(.dark) .admin-settings-card-input{border:1px solid var(--neutral-200)}html.dark .admin-settings-card-input{border:1px solid #ffffff1a}.admin-segmented-control-slider{z-index:0;border-radius:99px;width:calc(25% - 1.5px);transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;bottom:3px;left:3px}.admin-segmented-control-btn{text-align:center;flex:1;padding:6px 0!important}.admin-loader-center{color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;padding:48px;font-style:italic;font-weight:500;display:flex}.admin-empty-box{text-align:center;border-radius:var(--radius-md);padding:40px}html:not(.dark) .admin-empty-box{border:1px dashed var(--neutral-200);background:var(--neutral-50);color:var(--neutral-500)}html.dark .admin-empty-box{color:#64748b;background:#ffffff05;border:1px dashed #ffffff1a}.admin-empty-icon{margin-bottom:12px;font-size:48px}html:not(.dark) .admin-empty-icon{color:var(--neutral-300)}html.dark .admin-empty-icon{color:#475569}.admin-text-center{text-align:center!important}.admin-text-right{text-align:right!important}.admin-table-course-cell{align-items:center;gap:12px;min-width:200px;max-width:300px;display:flex}.admin-table-course-thumb{border-radius:var(--radius-sm);background:var(--neutral-100);flex-shrink:0;width:48px;height:48px;overflow:hidden}.admin-table-course-thumb img{object-fit:cover;width:100%;height:100%}.admin-table-course-thumb-default{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:700;display:flex}.admin-table-badge-category{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;font-weight:700}.admin-table-action-btn-toggle{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex;border-color:#0000!important}html:not(.dark) .admin-table-action-btn-toggle.published{background:var(--neutral-100);color:var(--neutral-700)}html:not(.dark) .admin-table-action-btn-toggle.draft{background:var(--primary-light);color:var(--primary)}html.dark .admin-table-action-btn-toggle.published{color:#cbd5e1;background:#ffffff14}html.dark .admin-table-action-btn-toggle.draft{color:#a78bfa;background:#8b5cf626}.admin-table-action-btn-delete{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex;border-color:#0000!important}html:not(.dark) .admin-table-action-btn-delete{color:#dc2626;background:#fef2f2}html.dark .admin-table-action-btn-delete{color:#f87171;background:#ef444426}.admin-pulse-dot-green{background:#10b981;border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 10px #10b981}.admin-panel-title{margin-bottom:12px;font-size:16px;font-weight:800}html:not(.dark) .admin-panel-title{color:var(--neutral-900)}html.dark .admin-panel-title{color:#f8fafc}.admin-table-empty-cell{font-style:italic;padding:32px!important}html:not(.dark) .admin-table-empty-cell{color:var(--neutral-500)}html.dark .admin-table-empty-cell{color:#64748b}.admin-table-highlight-cell{font-weight:700}html:not(.dark) .admin-table-highlight-cell{color:var(--neutral-800)}html.dark .admin-table-highlight-cell{color:#cbd5e1}.admin-table-mono-cell{font-family:var(--font-mono,monospace);font-size:13px}html:not(.dark) .admin-table-mono-cell{color:var(--neutral-600)}html.dark .admin-table-mono-cell{color:#94a3b8}.admin-table-muted-cell{font-size:13.5px}html:not(.dark) .admin-table-muted-cell{color:var(--neutral-600)}html.dark .admin-table-muted-cell{color:#94a3b8}.admin-mobile-status-dot{border-radius:50%;width:10px;height:10px;margin:0 auto;display:inline-block}.admin-mobile-status-dot.success{background:#4ade80;box-shadow:0 0 8px #4ade80}.admin-mobile-status-dot.error{background:#ef4444;box-shadow:0 0 8px #ef4444}html:not(.dark) .admin-badge-status.status-success{color:#166534;background:#dcfce7}html:not(.dark) .admin-badge-status.status-success .status-dot{background:#22c55e}html:not(.dark) .admin-badge-status.status-error{color:#991b1b;background:#fee2e2}html:not(.dark) .admin-badge-status.status-error .status-dot{background:#ef4444}html.dark .admin-badge-status.status-success{color:#4ade80;background:#4ade8026}html.dark .admin-badge-status.status-success .status-dot{background:#22c55e}html.dark .admin-badge-status.status-error{color:#f87171;background:#ef444426}html.dark .admin-badge-status.status-error .status-dot{background:#ef4444}.admin-reports-loading{justify-content:center;align-items:center;gap:12px;height:300px;font-weight:500;display:flex}html:not(.dark) .admin-reports-loading{color:var(--neutral-700)}html.dark .admin-reports-loading{color:#cbd5e1}.admin-loading-spinner{border:3px solid;border-top-color:#0000;border-radius:50%;width:24px;height:24px}.admin-reports-error{border-radius:var(--radius-md);color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef444433;margin-bottom:20px;padding:24px}.admin-reports-error button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;margin-top:12px;padding:6px 16px;font-weight:700;transition:background .2s}.admin-reports-error button:hover{background:#dc2626}.admin-stat-sub-detail{gap:8px;font-size:12px;display:flex}html:not(.dark) .admin-stat-sub-detail{color:var(--neutral-500)}html.dark .admin-stat-sub-detail{color:#64748b}.admin-stat-icon-bg{opacity:.08;color:var(--neutral-500);pointer-events:none;position:absolute;bottom:12px;right:12px;font-size:48px!important}.admin-chart-container{width:100%;min-width:0;max-width:100%;height:220px;margin-top:20px}.admin-chart-donut-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;height:220px;margin-top:20px;display:flex}.admin-chart-donut-circle{width:150px;height:150px;position:relative}.admin-chart-donut-center{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.admin-chart-donut-val{font-size:22px;font-weight:900}html:not(.dark) .admin-chart-donut-val{color:var(--neutral-900)}html.dark .admin-chart-donut-val{color:#fff}.admin-chart-donut-lbl{font-size:10.5px;font-weight:600}html:not(.dark) .admin-chart-donut-lbl{color:var(--neutral-500)}html.dark .admin-chart-donut-lbl{color:#64748b}.admin-chart-legend-list{flex-direction:column;gap:8px;min-width:120px;display:flex}.admin-chart-legend-item{align-items:center;gap:8px;display:flex}.admin-chart-legend-dot{border-radius:50%;width:12px;height:12px}.admin-chart-legend-text{font-size:13px;font-weight:600}html:not(.dark) .admin-chart-legend-text{color:var(--neutral-700)}html.dark .admin-chart-legend-text{color:#cbd5e1}.admin-table-part-of-speech{font-size:12px;font-style:italic}html:not(.dark) .admin-table-part-of-speech{color:var(--neutral-500)}html.dark .admin-table-part-of-speech{color:#94a3b8}.admin-progress-wrapper{align-items:center;gap:8px;display:flex}.admin-progress-bar{border-radius:99px;flex:1;height:6px;overflow:hidden}html:not(.dark) .admin-progress-bar{background:var(--neutral-100)}html.dark .admin-progress-bar{background:#ffffff14}.admin-progress-fill{background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:99px;height:100%}.admin-progress-pct{font-size:11px;font-weight:700}html:not(.dark) .admin-progress-pct{color:var(--neutral-500)}html.dark .admin-progress-pct{color:#94a3b8}.admin-health-badge{color:#10b981;align-items:center;gap:4px;font-size:13.5px;font-weight:700;display:inline-flex}.admin-health-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.admin-btn-with-icon{align-items:center!important;gap:8px!important;display:inline-flex!important}.admin-mobile-card{border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}html:not(.dark) .admin-mobile-card{border:1px solid var(--neutral-200);background:#fff;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}html.dark .admin-mobile-card{background:#1e293b73;border:1px solid #ffffff14;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.admin-mobile-card-title{font-size:15px;font-weight:700}html:not(.dark) .admin-mobile-card-title{color:var(--neutral-900)}html.dark .admin-mobile-card-title{color:#f8fafc}.admin-mono-badge{font-size:11px;font-family:var(--font-mono,monospace);border-radius:4px;padding:2px 8px;display:inline-block}html:not(.dark) .admin-mono-badge{background:var(--neutral-100);color:var(--neutral-700)}html.dark .admin-mono-badge{color:#cbd5e1;background:#ffffff14}.admin-mobile-card-grid-3{grid-template-columns:repeat(3,1fr);align-items:center;gap:8px;font-size:13px;display:grid}.admin-mobile-card-label{margin-bottom:2px;font-size:11px;display:block}html:not(.dark) .admin-mobile-card-label{color:var(--neutral-500)}html.dark .admin-mobile-card-label{color:#64748b}.admin-difficulty-pill{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.admin-difficulty-pill.easy{color:#10b981;background:#10b9811a}.admin-difficulty-pill.medium{color:#f59e0b;background:#f59e0b1a}.admin-difficulty-pill.hard{color:#ef4444;background:#ef44441a}.admin-active-pill{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.admin-active-pill.active{color:#10b981;background:#10b9811a}.admin-active-pill.inactive{color:var(--neutral-400);background:#0000001a}html.dark .admin-active-pill.inactive{background:#ffffff14}.admin-btn-circle-secondary{justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%!important;padding:0!important;display:inline-flex!important}.admin-btn-circle-danger{justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;border-color:#ef444433!important;border-radius:50%!important;padding:0!important;display:inline-flex!important}html:not(.dark) .admin-btn-circle-danger{color:var(--error)!important}html.dark .admin-btn-circle-danger{color:#f87171!important}.admin-btn-circle-danger:hover{background:#ef444414!important}.admin-form-row-wrap{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.admin-form-row-group{flex-direction:column;flex:1 1 0;gap:6px;min-width:150px;display:flex}.admin-flex-row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-level-badge-icon{border:1px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.admin-level-badge-text{font-size:14px;font-weight:800}.admin-mobile-card-desc{font-size:13px}html:not(.dark) .admin-mobile-card-desc{color:var(--neutral-600)}html.dark .admin-mobile-card-desc{color:#cbd5e1}.admin-double-xp-value{color:#ef4444;align-items:center;gap:2px;font-weight:700;display:inline-flex}.admin-level-formula-code{color:var(--primary-color);margin-top:6px;font-size:14px;font-weight:700;display:inline-block}.admin-confirm-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.admin-confirm-panel{text-align:center;border-radius:16px;flex-direction:column;gap:16px;width:90%;max-width:420px;padding:24px;animation:.2s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex;transform:scale(1)}html:not(.dark) .admin-confirm-panel{background:#fff;border:1px solid #0000000f;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000d}html.dark .admin-confirm-panel{background:#1e293b;border:1px solid #ffffff14;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a}.admin-confirm-icon-box{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto;display:flex}.admin-confirm-icon-box.danger{color:#ef4444;background:#ef44441f}.admin-confirm-icon-box.warning{color:#f59e0b;background:#f59e0b1f}.admin-confirm-icon-box.info{color:var(--primary);background:#2563eb1f}.admin-confirm-title{margin:0;font-size:18px;font-weight:800}html:not(.dark) .admin-confirm-title{color:#0f172a}html.dark .admin-confirm-title{color:#f8fafc}.admin-confirm-message{margin:0;font-size:13.5px;line-height:1.5}html:not(.dark) .admin-confirm-message{color:#64748b}html.dark .admin-confirm-message{color:#94a3b8}.admin-confirm-actions{gap:12px;margin-top:8px;display:flex}.admin-confirm-actions button{border-radius:10px;flex:1;justify-content:center;align-items:center;height:38px;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.admin-confirm-actions button.danger-confirm{color:#fff!important;background:#ef4444!important;border:none!important}.admin-freeform-card.matching-card{border:1px solid #8b5cf64d!important}.admin-freeform-card.permissions-card{border:1px solid #f59e0b4d!important}.admin-table-course-info{flex:1!important;min-width:0!important}.admin-table-course-title{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.admin-table-course-desc{-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important}.admin-course-fee-free{color:#15803d!important;font-weight:600!important}html.dark .admin-course-fee-free{color:#4ade80!important}.admin-course-fee-paid{color:#b91c1c!important;font-weight:600!important}html.dark .admin-course-fee-paid{color:#f87171!important}.admin-course-lessons-count,.admin-course-vocab-count,.admin-course-fee-cell{font-weight:600!important}.admin-icon-16{font-size:16px!important}.admin-users-segmented-control{width:100%!important;min-width:320px!important;max-width:360px!important}.admin-user-xp-modal-info{color:var(--text-secondary)!important;margin:0 0 12px!important;font-size:14px!important}.admin-user-xp-modal-name{color:var(--text-primary)!important}.admin-quests-limit-input-group{align-items:center;gap:12px;display:flex}.quests-header h3{margin:0;font-size:20px;font-weight:800}.admin-quests-loading-container{text-align:center;padding:48px}.admin-quests-empty-text{margin:0 0 16px}.admin-quests-mobile-list{flex-direction:column;gap:16px;display:flex}.admin-quests-card-badge-container{margin-top:6px}.admin-quests-xp-reward{color:#10b981;font-weight:700}.admin-quests-btn-icon{font-size:16px!important}.admin-quests-table-label{font-weight:600}.admin-quests-checkbox-group{align-items:center;gap:8px;margin:8px 0;display:flex}.admin-quests-checkbox{cursor:pointer;width:16px;height:16px}.admin-quests-checkbox-label{cursor:pointer;font-size:14px;font-weight:500}.admin-levels-config-desc{margin-bottom:20px}.admin-levels-config-hint{margin-left:8px;font-size:12.5px}.admin-levels-bold{font-weight:700}.admin-levels-medium{font-weight:500}.admin-levels-btn-42{height:42px}.admin-levels-header-container{margin-bottom:16px}.levels-header h3{margin:0;font-size:20px;font-weight:800}.levels-header p{color:var(--neutral-500);margin:4px 0 0;font-size:13px}.admin-levels-loading{text-align:center;padding:48px}.admin-levels-mobile-list{flex-direction:column;gap:16px;display:flex}.admin-levels-flex-center-gap10{align-items:center;gap:10px;display:flex}.admin-level-badge-outer{background:var(--level-gradient)!important;border:1.5px solid var(--level-badge-color)!important;color:var(--level-badge-color)!important}.admin-levels-badge-icon{font-size:18px!important}.admin-levels-badge-icon-sm{font-size:16px!important}.admin-levels-bolt-icon{font-size:14px!important}.admin-levels-btn-icon{font-size:16px!important}.admin-levels-reward-desc-cell{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:13px;overflow:hidden}.admin-levels-flex-center-gap6{align-items:center;gap:6px;display:flex}.admin-levels-code-text{font-family:monospace;font-size:12px}.admin-level-badge-icon-dynamic{background:color-mix(in srgb, var(--level-badge-color) 12.5%, transparent)!important;border:1.5px solid color-mix(in srgb, var(--level-badge-color) 25%, transparent)!important;color:var(--level-badge-color)!important}.admin-level-badge-text-dynamic{color:var(--level-badge-color)!important}.admin-levels-badge-28{width:28px!important;height:28px!important}.admin-mascots-tab-wrapper{padding:4px}@media (width<=768px){.admin-mascots-tab-wrapper{padding:0}}.admin-mascots-header-row{flex-direction:row;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}@media (width<=768px){.admin-mascots-header-row{flex-direction:column;align-items:stretch;gap:16px}}.admin-mascots-add-btn{justify-content:center;align-items:center;gap:8px;width:auto;display:flex}@media (width<=768px){.admin-mascots-add-btn{width:100%}}.admin-mascots-error-box{background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error-dark);margin-bottom:20px;padding:16px}.admin-mascots-error-text{margin:0;font-weight:600}.admin-mascots-loading-container{justify-content:center;padding:48px;display:flex}.admin-mascot-eff-icon{color:rgb(var(--mascot-glow-rgb,120, 120, 120))!important;font-size:16px!important}.admin-mascot-btn-icon{font-size:16px!important}.admin-mascot-status-form-group{flex-direction:column;justify-content:center;display:flex}.admin-mascot-status-form-group .admin-form-label{margin-bottom:8px}.admin-mascot-checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.admin-mascot-checkbox-label span{font-size:13px}.admin-mascot-checkbox{width:18px;height:18px}.admin-textarea-vertical{resize:vertical}.admin-mascot-skills-header-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.admin-mascot-skills-header-row .admin-form-label{margin-bottom:0}.admin-mascot-add-effect-btn{border-radius:6px!important;padding:4px 10px!important;font-size:11px!important}.admin-mascot-skills-list-container{flex-direction:column;gap:10px;max-height:180px;padding-right:4px;display:flex;overflow-y:auto}.admin-mascot-empty-skills-text{color:var(--neutral-400);margin:0;font-size:12px;font-style:italic}.admin-mascot-skill-input{padding:8px 10px!important;font-size:12px!important}.admin-mascot-skill-delete-icon{font-size:18px!important}.admin-dict-loading-container{text-align:center;color:var(--text-secondary);padding:48px}.admin-dict-mobile-card-list{flex-direction:column;gap:16px;margin-bottom:16px;display:flex}.admin-mobile-item-card{border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}html:not(.dark) .admin-mobile-item-card{background:#ffffffb3;border-color:#00000014;box-shadow:0 4px 12px #00000008}html.dark .admin-mobile-item-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b73;border-color:#ffffff14;box-shadow:0 4px 20px #00000026}.admin-mobile-item-card:hover{transform:translateY(-2px)}.admin-mobile-item-card .admin-card-divider{background:#ffffff14;height:1px;margin:4px 0}html:not(.dark) .admin-mobile-item-card .admin-card-divider{background:#0000000f}.admin-mobile-item-card .card-actions{justify-content:flex-start;gap:12px;display:flex}.admin-dict-mobile-label{text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px;display:block}html:not(.dark) .admin-dict-mobile-label{color:var(--neutral-400)}html.dark .admin-dict-mobile-label{color:#64748b}.admin-dict-modal-title{margin-bottom:8px}.admin-dict-modal-desc{margin:0 0 20px;font-size:13px;line-height:1.4}html:not(.dark) .admin-dict-modal-desc{color:var(--neutral-500)}html.dark .admin-dict-modal-desc{color:#94a3b8}.admin-dict-modal-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.admin-dict-modal-label-tight{margin-bottom:0}.admin-dict-lookup-btn{opacity:1;border-radius:4px;align-items:center;gap:4px;height:auto;padding:4px 10px;font-size:11px;transition:opacity .2s;display:flex}.admin-dict-lookup-btn:disabled{opacity:.6;cursor:not-allowed}.admin-dict-form-grid-cols2{gap:12px!important}.admin-dict-meaning-textarea{resize:vertical!important;min-height:80px!important}.admin-stat-value-success{color:#10b981!important}.admin-stat-value-success-flex{color:#10b981!important;align-items:center!important;gap:8px!important;display:flex!important}.admin-ai-panel-title{margin-top:28px!important;margin-bottom:16px!important}.admin-reports-loading-container{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:12px!important;padding:48px!important;display:flex!important}.admin-reports-spinner{border:2.5px solid var(--primary)!important;border-top-color:#0000!important;border-radius:50%!important;width:24px!important;height:24px!important}.admin-reports-error-container{text-align:center!important;padding:36px!important}.admin-reports-error-icon{color:var(--error)!important;margin-bottom:8px!important;font-size:32px!important}.admin-mt-12{margin-top:12px!important}.admin-mb-28{margin-bottom:28px!important}.admin-width-40pct{width:40%!important}.admin-reports-student-color{color:#3b82f6!important}.admin-reports-teacher-color{color:#10b981!important}.admin-reports-admin-color{color:#ec4899!important}.admin-reports-pending-color{color:#fbbf24!important}.admin-reports-green-bold{color:#10b981!important;font-weight:700!important}.admin-reports-purple-color{color:#8b5cf6!important}.admin-chart-svg{width:100%!important;height:100%!important;display:block!important}.admin-chart-rect-bar{cursor:pointer!important;transition:all .3s!important}.admin-chart-donut-svg{width:100%!important;height:100%!important;transform:rotate(-90deg)!important}.admin-chart-legend-dot{background:var(--legend-bg)!important}.admin-chart-title-sm{font-size:15px!important}.admin-reports-count-bold-blue{color:#3b82f6!important;font-weight:700!important}.admin-reports-usage-bold-purple{color:#8b5cf6!important;font-weight:700!important}.react-flow__controls{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffffd9!important;border:1px solid #00000014!important;border-radius:12px!important;flex-direction:row!important;gap:6px!important;padding:4px!important;display:flex!important;bottom:20px!important;left:20px!important;box-shadow:0 4px 20px #0003!important}html.dark .react-flow__controls{background:#0f172ad9!important;border:1px solid #ffffff14!important}.react-flow__controls-button{color:#1e293b!important;cursor:pointer!important;background:#0000000a!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;transition:all .2s!important;display:flex!important}html.dark .react-flow__controls-button{color:#e2e8f0!important;background:#ffffff0f!important}.react-flow__controls-button:hover{background:var(--primary)!important;color:#fff!important;transform:translateY(-2px)!important}.react-flow__controls-button svg{fill:currentColor!important;width:14px!important;height:14px!important}.sidebar-scroll-container{scrollbar-width:thin!important;scrollbar-color:#0f172a33 transparent!important}html.dark .sidebar-scroll-container{scrollbar-color:#fff3 transparent!important}.sidebar-scroll-container::-webkit-scrollbar{width:6px!important;height:6px!important}.sidebar-scroll-container::-webkit-scrollbar-track{background:0 0!important}.sidebar-scroll-container::-webkit-scrollbar-thumb{background:#0f172a26 padding-box padding-box!important;border:1px solid #0000!important;border-radius:10px!important}html.dark .sidebar-scroll-container::-webkit-scrollbar-thumb{background:#ffffff26!important}.sidebar-scroll-container::-webkit-scrollbar-thumb:hover{background:#0f172a4d!important}html.dark .sidebar-scroll-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d!important}.delete-level-button{color:#ef4444!important;border-radius:var(--radius-md)!important;cursor:pointer!important;background:#ef44441a!important;border:none!important;width:100%!important;padding:8px 12px!important;font-size:12px!important;font-weight:700!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important}.delete-level-button:hover{box-shadow:none!important;background:#ef444440!important;transform:translateY(-2px)scale(1.02)!important}.react-flow__selection{background:#3b82f626!important;border:1.5px dashed #3b82f6!important;border-radius:6px!important;box-shadow:0 0 12px #3b82f633!important}@keyframes float-island{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(-.5deg)}}.admin-flow-island-image{animation:4s ease-in-out infinite float-island}.admin-game-flow-node{-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);text-align:left;border-radius:20px;flex-direction:column;align-items:center;gap:4px;width:200px;padding:8px 12px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;border:1.5px solid rgba(var(--node-border-color-rgb,255, 255, 255), var(--node-border-opacity,.08))!important;background:var(--node-background-color)!important;color:var(--node-text-color)!important;box-shadow:0 8px 32px #0003!important}.admin-game-flow-node.selected{transform:scale(1.03);border:1.5px solid var(--node-neon-color)!important;box-shadow:0 0 20px var(--node-border-glow), inset 0 0 12px var(--node-border-glow)!important}.admin-game-flow-handle{background:var(--node-neon-color)!important;border:1px solid #fff!important;width:8px!important;height:8px!important}.admin-game-flow-header{justify-content:space-between;align-items:center;display:flex}.admin-game-flow-header-label{text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:800;color:var(--node-neon-color)!important}.admin-game-flow-diff-badge{text-transform:uppercase;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:700;color:var(--node-neon-color)!important;background:var(--node-diff-bg)!important}.admin-game-flow-name{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:800;display:block;overflow:hidden}.admin-game-flow-desc{text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11px;display:block;overflow:hidden;color:var(--node-desc-color)!important}.admin-game-flow-stats{border-radius:6px;justify-content:space-between;margin-top:2px;padding:4px 6px;font-size:11px;display:flex;border:1px solid var(--node-stats-border)!important;background:var(--node-stats-bg)!important}.map-theme-preview-card{border-radius:12px;flex-direction:column;justify-content:flex-end;height:110px;margin-top:8px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #00000080;border:1px solid var(--sidebar-border-color)!important}.map-theme-preview-card.neon{background:#070612}.map-theme-preview-card.sunset{background:linear-gradient(#1e0b36,#9a3412)}.map-theme-preview-card.rpg{background:#100a1c}.map-theme-stars-container{opacity:.3;position:absolute;inset:0}.map-theme-star-1{background:#fff;width:2px;height:2px;position:absolute;top:15px;left:30px}.map-theme-star-2{background:#fff;width:2px;height:2px;position:absolute;top:40px;left:120px}.map-theme-star-3{background:#fff;width:2px;height:2px;position:absolute;top:20px;left:230px}.map-theme-star-4{background:#fff;width:2px;height:2px;position:absolute;top:50px;left:310px}.map-theme-sunset-sun{background:linear-gradient(#ea580c,#facc15);border-radius:50%;width:36px;height:36px;position:absolute;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #ea580c}.map-theme-sunset-stars{opacity:.2;position:absolute;inset:0}.map-theme-sunset-star-1{background:#fdba74;width:3px;height:3px;position:absolute;top:15px;left:40px}.map-theme-sunset-star-2{background:#fdba74;width:3px;height:3px;position:absolute;top:30px;left:280px}.map-theme-rpg-cloud-1{background:#ffffff14;border-radius:4px;width:50px;height:8px;position:absolute;top:15px;left:30px}.map-theme-rpg-cloud-2{background:#ffffff14;border-radius:4px;width:60px;height:8px;position:absolute;top:25px;right:40px}.map-theme-mountain-svg{width:100%;position:absolute}.map-theme-mountain-svg.neon{fill:#110b28;opacity:.8;height:30px;bottom:30px}.map-theme-mountain-svg.sunset{fill:#3f0c50;opacity:.9;height:30px;bottom:30px}.map-theme-mountain-svg.rpg{fill:#18122b;opacity:.7;height:35px;bottom:20px}.map-theme-grid-floor{height:32px;position:relative;overflow:hidden}.map-theme-grid-floor.neon{background:#ec48990d;border-top:2px solid #ec4899;box-shadow:0 -2px 8px #ec48994d}.map-theme-grid-floor.sunset{background:#f973160d;border-top:2px solid #f97316;box-shadow:0 -2px 8px #f973164d}.map-theme-grid-perspective{transform-origin:top;width:200%;height:100%;position:absolute;top:0;left:-50%;transform:perspective(20px)rotateX(25deg)}.map-theme-grid-perspective.neon{background-image:linear-gradient(90deg,#ec489926 1px,#0000 1px);background-size:20px 100%}.map-theme-grid-perspective.sunset{background-image:linear-gradient(90deg,#f9731626 1px,#0000 1px);background-size:20px 100%}.map-theme-rpg-floor{background:#34d399;border-top:3px solid #059669;flex-direction:column;justify-content:flex-end;height:24px;display:flex}.map-theme-rpg-soil{opacity:.9;background:#78350f;height:14px}.map-theme-label{color:#fff;text-transform:uppercase;background:#0009;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:8px;right:12px}.admin-game-main-container{width:100%;height:100%;display:flex;background:var(--game-main-bg)!important}.admin-game-mobile-header{border-bottom:1px solid var(--sidebar-border-color);background:var(--card-bg);z-index:999;flex-shrink:0;align-items:center;width:100%;height:52px;display:none}.admin-game-mobile-tab-btn{height:100%!important;color:var(--neutral-400)!important;cursor:pointer!important;box-shadow:none!important;background:0 0!important;border:none!important;border-bottom:3px solid #0000!important;border-radius:0!important;outline:none!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:8px!important;font-size:14px!important;font-weight:700!important;transition:all .2s!important;display:flex!important}.admin-game-mobile-tab-btn:focus,.admin-game-mobile-tab-btn:focus-visible,.admin-game-mobile-tab-btn:active{border:none!important;border-bottom:3px solid var(--primary)!important;box-shadow:none!important;border-radius:0!important;outline:none!important}html.dark .admin-game-mobile-tab-btn{color:#94a3b8!important}.admin-game-mobile-tab-btn.active{color:var(--primary)!important;border:none!important;border-bottom:3px solid var(--primary)!important;box-shadow:none!important;background:#ffffff08!important;border-radius:0!important;outline:none!important}html.dark .admin-game-mobile-tab-btn.active{color:#3b82f6!important;box-shadow:none!important;background:#ffffff0d!important;border:none!important;border-bottom:3px solid #3b82f6!important;border-radius:0!important;outline:none!important}.admin-game-mobile-tab-btn .material-icons{font-size:18px!important}.admin-game-sidebar-wrapper{text-align:left;z-index:10;border:none;border-radius:0;flex-direction:column;flex-shrink:0;gap:20px;width:380px;padding:24px;display:flex;overflow-y:auto;border-right:1px solid var(--sidebar-border-color)!important;background:var(--card-bg)!important}.admin-game-sidebar-panel{z-index:10;flex-direction:column;width:380px;display:flex}.admin-game-sidebar-header{align-items:center;gap:8px;padding-bottom:12px;display:flex;border-bottom:1px solid var(--sidebar-border-color)!important}.admin-game-sidebar-back-btn{color:inherit;cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.admin-game-sidebar-back-btn .material-icons{font-size:20px!important}.admin-game-sidebar-title{margin:0;font-size:16.5px;font-weight:800}.admin-game-sidebar-form{flex-direction:column;flex:1;min-height:0;display:flex}.admin-game-sidebar-scroll{flex-direction:column;flex:1;gap:14px;padding:4px 12px 20px 8px;display:flex;overflow-y:auto}.admin-game-sidebar-field{flex-direction:column;gap:6px;display:flex}.admin-game-sidebar-label{color:var(--neutral-400);font-size:12.5px;font-weight:700}.admin-game-sidebar-input{border-radius:var(--radius-md);color:inherit;padding:8px 12px;border:1px solid var(--input-border-color)!important;background:var(--input-bg-color)!important}.admin-game-sidebar-input:disabled{opacity:.6}.admin-game-type-btn{cursor:pointer!important;border:1px solid var(--btn-border)!important;background:var(--btn-bg)!important;color:var(--btn-color)!important;border-radius:8px!important;flex:1!important;padding:8px!important;font-size:12px!important;font-weight:700!important}.admin-game-subtabs{gap:4px;margin-bottom:10px;padding-bottom:10px;display:flex;border-bottom:1px solid var(--sidebar-border-color)!important}.admin-game-subtab-btn{cursor:pointer!important;background:var(--subtab-bg)!important;color:var(--subtab-color)!important;border:none!important;border-radius:8px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:8px 12px!important;font-size:13.5px!important;font-weight:700!important;transition:all .2s!important;display:flex!important}.admin-game-subtab-btn .material-icons{font-size:18px!important}.admin-game-sidebar-textarea{border-radius:var(--radius-md);color:inherit;resize:none;padding:8px 12px;font-size:13px;line-height:1.4;border:1px solid var(--input-border-color)!important;background:var(--input-bg-color)!important}.admin-game-sidebar-select{border-radius:var(--radius-md);color:inherit;cursor:pointer;appearance:none;height:38px;padding:8px 36px 8px 12px;border:1px solid var(--input-border-color)!important;background-color:var(--input-bg-color)!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:16px!important;background-image:var(--select-chevron-url)!important}.admin-game-sidebar-color{cursor:pointer;background:0 0;border:none;border-radius:8px;width:40px;height:40px;padding:0}.admin-game-form-btn-flex-1{box-sizing:border-box!important;flex:1!important;justify-content:center!important;align-items:center!important;height:40px!important;padding:10px 16px!important;font-size:13px!important;display:flex!important}.admin-game-sidebar-actions{gap:12px;width:100%;margin-top:auto;padding-top:16px;display:flex;border-top:1px solid var(--sidebar-border-color)!important}.admin-game-preview-box{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:16px;display:flex;background:var(--node-stats-bg)!important}.admin-game-preview-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:18px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026;background-color:var(--preview-bg-color)!important;filter:var(--preview-filter)!important}.admin-game-flex-between{justify-content:space-between;align-items:center;display:flex}.admin-game-config-title{margin:0 0 4px!important;font-size:18px!important;font-weight:800!important}.admin-game-config-desc{color:var(--neutral-500)!important;margin:0!important;font-size:12px!important}.admin-game-shield-row{justify-content:space-between;align-items:center;margin-top:4px;padding:8px 0;display:flex}.admin-game-shield-input{color:#ef4444;text-align:center;border-radius:8px;outline:none;width:60px;padding:6px 10px;font-size:15px;font-weight:800;transition:border-color .2s;border:1px solid var(--input-border-color)!important;background:var(--input-bg-color)!important}.admin-game-shield-input:focus{border-color:var(--primary)!important}.admin-game-char-item{border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex;background:var(--item-bg)!important;border:1px solid var(--item-border)!important}.admin-game-char-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 2px 6px #0000001a;background-color:var(--avatar-bg)!important;filter:var(--avatar-filter)!important}.admin-game-checkbox{cursor:pointer!important;width:15px!important;height:15px!important;accent-color:var(--primary)!important;margin-right:2px!important}.admin-game-sidebar-divider-section{border-top:1px solid var(--sidebar-border-color)!important;flex-direction:column!important;flex:1!important;min-height:0!important;padding-top:16px!important;display:flex!important}.admin-game-flex-end-row{justify-content:flex-end!important;margin-bottom:14px!important;display:flex!important}.admin-game-select-all-btn{cursor:pointer!important;background:var(--select-all-bg)!important;border:1px solid var(--select-all-border)!important;height:28px!important;color:var(--primary)!important;border-radius:20px!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:5px 12px!important;font-size:11.5px!important;font-weight:700!important;transition:all .2s!important;display:inline-flex!important}.admin-game-select-all-btn:hover{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.admin-game-create-btn-sm{border-radius:8px!important;align-items:center!important;gap:6px!important;height:28px!important;padding:6px 14px!important;font-size:11.5px!important;font-weight:700!important;display:inline-flex!important}.admin-game-level-item{cursor:grab;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .2s;display:flex;background:var(--item-bg)!important;border:1px solid var(--item-border)!important;border-left:4px solid var(--item-difficulty-color)!important;opacity:var(--item-opacity)!important}.admin-game-level-item:hover{background:var(--item-hover-bg)!important}.admin-game-footer-actions{flex-direction:column;gap:10px;margin-top:auto;padding-top:16px;display:flex;border-top:1px solid var(--sidebar-border-color)!important}.admin-game-footer-btn-full{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;height:40px!important;padding:10px 16px!important;font-size:13px!important;display:flex!important}.admin-game-footer-btn-danger-outline{box-sizing:border-box!important;color:#ef4444!important;background:0 0!important;border:1px solid #ef4444!important;justify-content:center!important;align-items:center!important;width:100%!important;height:40px!important;padding:10px 16px!important;font-size:13px!important;transition:background .2s!important;display:flex!important}.admin-game-footer-btn-danger-outline:hover{background:#ef44441a!important}.admin-game-classic-badge{background:var(--primary)!important;color:#fff!important;border-radius:4px!important;margin-left:4px!important;padding:1px 4px!important;font-size:9px!important}.admin-game-row-action-btn{cursor:pointer!important;color:var(--action-color)!important;background:0 0!important;border:none!important;border-radius:4px!important;padding:4px!important;transition:opacity .2s!important;display:flex!important}.admin-game-node-editor-actions{border-top:1px solid var(--sidebar-border-color)!important;flex-direction:column!important;gap:8px!important;margin-top:4px!important;padding:12px 8px!important;display:flex!important}.admin-game-node-btn-full{justify-content:center!important;align-items:center!important;gap:6px!important;width:100%!important;padding:8px 12px!important;font-size:12px!important;display:flex!important}.admin-game-remove-map-btn{color:#ef4444!important;background:0 0!important;border:1px dashed #ef4444!important;width:100%!important;padding:8px 12px!important;font-size:12px!important;transition:opacity .2s!important}.admin-game-canvas-workspace{background:var(--canvas-workspace-bg)!important;border:none!important;border-radius:0!important;flex:1!important;height:100%!important;position:relative!important;overflow:hidden!important}.admin-game-canvas-toolbar{z-index:100!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:var(--toolbar-bg)!important;border:1px solid var(--toolbar-border)!important;border-radius:12px!important;align-items:center!important;gap:10px!important;padding:8px 16px!important;display:flex!important;position:absolute!important;top:20px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 10px 25px -5px #0000001a!important}.admin-game-toolbar-btn{cursor:pointer!important;background:var(--btn-bg)!important;color:var(--btn-color)!important;border:none!important;border-radius:8px!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;font-size:12.5px!important;font-weight:700!important;transition:all .2s!important;display:flex!important}.admin-game-toolbar-btn-danger{color:#ef4444!important;cursor:pointer!important;background:#ef444426!important;border:none!important;border-radius:8px!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;font-size:12.5px!important;font-weight:700!important;transition:all .2s!important;display:flex!important}.admin-game-toolbar-btn-danger:hover{background:#ef444440!important}@media (width<=768px){.admin-game-mobile-header{display:flex!important}.admin-game-main-container{flex-direction:column!important;overflow:hidden!important}.admin-game-sidebar-wrapper{border-right:none!important;width:100%!important;height:calc(100% - 52px)!important}.admin-game-sidebar-panel{width:100%!important}.admin-game-canvas-workspace{width:100%!important;height:calc(100% - 52px)!important}.admin-game-main-container.mobile-view-sidebar .admin-game-canvas-workspace{display:none!important}.admin-game-main-container.mobile-view-sidebar .admin-game-sidebar-wrapper{display:flex!important}.admin-game-main-container.mobile-view-canvas .admin-game-sidebar-wrapper{display:none!important}.admin-game-main-container.mobile-view-canvas .admin-game-canvas-workspace{display:flex!important}.admin-game-canvas-toolbar{gap:6px!important;width:90%!important;max-width:360px!important;padding:6px 12px!important;top:10px!important}.admin-game-toolbar-btn{gap:4px!important;padding:4px 8px!important;font-size:11px!important}.react-flow__controls{bottom:10px!important;left:10px!important}}.admin-icon-18{font-size:18px!important}.admin-perm-checkbox-input-hidden{display:none!important}.admin-perm-container{background:0 0;margin-bottom:28px;padding:24px 0}.admin-perm-title-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-perm-title{margin:0 0 6px;font-size:20px;font-weight:800}.admin-perm-subtitle{color:var(--neutral-500);margin:0;font-size:13.5px}.admin-perm-role-strong{color:var(--primary-color)}.admin-perm-save-btn{box-shadow:var(--neon-glow);border-radius:999px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:700;display:inline-flex}.admin-perm-error-box{background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error-dark);margin-bottom:20px;padding:16px}.admin-perm-error-text{margin:0;font-weight:600}.admin-perm-loading-container{color:var(--neutral-500);justify-content:center;padding:40px;display:flex}.admin-perm-loading-text{font-style:italic}.admin-perm-mobile-grid{flex-direction:column;gap:16px;display:flex}.admin-perm-mobile-card{border:1px solid var(--neutral-200);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 4px 12px #00000008}html.dark .admin-perm-mobile-card{box-shadow:none;background:#1e293b66;border:1px solid #ffffff14}.admin-perm-mobile-card-title{color:#1e293b;margin-bottom:4px;font-size:15px;font-weight:800}html.dark .admin-perm-mobile-card-title{color:#f1f5f9}.admin-perm-mobile-card-desc{color:var(--neutral-500);font-size:12px;line-height:1.4}.admin-perm-mobile-actions{border-top:1px solid var(--neutral-150);justify-content:space-between;align-items:stretch;gap:8px;padding-top:12px;display:flex}html.dark .admin-perm-mobile-actions{border-top:1px solid #ffffff0f}.admin-perm-role-btn{border:1px solid var(--neutral-200);color:#64748b;cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;flex:1 1 0;align-items:center;gap:6px;padding:8px 4px;transition:all .2s;display:flex}html.dark .admin-perm-role-btn{color:#94a3b8;border:1px solid #ffffff0d}.admin-perm-role-btn.active{color:#10b981;background:#10b9810d;border:1px solid #10b98133}html.dark .admin-perm-role-btn.active{background:#10b9811a;border:1px solid #10b9814d}.admin-perm-role-btn-label{font-size:11px;font-weight:700}.admin-perm-role-checkbox-box{border:2px solid var(--neutral-400);width:18px;height:18px;box-shadow:none;background-color:#0000;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}html.dark .admin-perm-role-checkbox-box{border:2px solid #ffffff40}.admin-perm-role-checkbox-box.active{background-color:#10b981;border:2px solid #10b981;box-shadow:0 0 8px #10b98166}.admin-perm-check-icon{color:#fff;font-size:13px;font-weight:900}.admin-perm-table-container{overflow-x:auto}.admin-perm-table{border-collapse:collapse;width:100%}.admin-perm-thead-tr{border-bottom:2px solid var(--neutral-200)}html.dark .admin-perm-thead-tr{border-bottom:2px solid #ffffff1a}.admin-perm-th{text-align:center;width:150px;padding:16px;font-size:14px;font-weight:800}.admin-perm-th-left{text-align:left;padding:16px;font-size:14px;font-weight:800}.admin-perm-tbody-tr{border-bottom:1px solid var(--neutral-150)}html.dark .admin-perm-tbody-tr{border-bottom:1px solid #ffffff0f}.admin-perm-tbody-tr.even{background:#00000003}html.dark .admin-perm-tbody-tr.even{background:#ffffff05}.admin-perm-tbody-tr.odd{background:0 0}.admin-perm-td-left{text-align:left;padding:16px}.admin-perm-tbody-label{margin-bottom:4px;font-size:14.5px;font-weight:700}.admin-perm-tbody-desc{color:var(--neutral-500);font-size:12px;line-height:1.4}.admin-perm-td-center{text-align:center;padding:16px}.admin-perm-checkbox-label{cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:inline-flex}.admin-perm-checkbox-label.active{background:#10b98114}html.dark .admin-perm-checkbox-label.active{background:#10b9811a}.admin-perm-checkbox-label:hover{background-color:#00000008}html.dark .admin-perm-checkbox-label:hover{background-color:#ffffff0d}.admin-perm-checkbox-label.active:hover{background-color:#10b9811f}html.dark .admin-perm-checkbox-label.active:hover{background-color:#10b98126}.admin-overview-section{padding:0!important}.admin-overview-footer-hint{border-top:1px solid var(--footer-hint-border)!important;color:var(--neutral-500)!important;padding-top:16px!important;font-size:13px!important}.cyber-checkbox{--checkbox-size:20px;--checkbox-color:var(--primary,#3b82f6);--checkbox-check-color:#fff;--checkbox-hover-color:var(--primary-hover,#2563eb);--checkbox-spark-offset:-20px;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.cyber-checkbox input{display:none!important}.cyber-checkbox__mark{width:var(--checkbox-size);height:var(--checkbox-size);flex-shrink:0;display:inline-block;position:relative}.cyber-checkbox__box{border:2px solid var(--checkbox-color);background:0 0;border-radius:4px;transition:all .2s;position:absolute;inset:0}.admin-perm-role-btn:not(.active) .cyber-checkbox__box{border-color:var(--neutral-400,#94a3b8)!important}html.dark .admin-perm-role-btn:not(.active) .cyber-checkbox__box{border-color:#ffffff4d!important}.cyber-checkbox__check{stroke:var(--checkbox-check-color);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;padding:2px;transition:transform .2s;position:absolute;inset:0;transform:scale(0)}.cyber-checkbox__effects{inset:var(--checkbox-spark-offset);pointer-events:none;position:absolute}.cyber-checkbox__spark{background:var(--checkbox-color);opacity:0;transform-origin:50%;border-radius:50%;width:2px;height:2px;position:absolute;top:50%;left:50%}.cyber-checkbox:hover .cyber-checkbox__box{border-color:var(--checkbox-hover-color);box-shadow:none!important}.cyber-checkbox input:checked+.cyber-checkbox__mark .cyber-checkbox__box{background:var(--checkbox-color);border-color:var(--checkbox-color)}.cyber-checkbox input:checked+.cyber-checkbox__mark .cyber-checkbox__check{transform:scale(1)}.cyber-checkbox input:checked+.cyber-checkbox__mark .cyber-checkbox__spark{animation:.4s ease-out spark}.cyber-checkbox__spark:first-child{transform:rotate(0deg) translateX(var(--checkbox-spark-offset))}.cyber-checkbox__spark:nth-child(2){transform:rotate(90deg) translateX(var(--checkbox-spark-offset))}.cyber-checkbox__spark:nth-child(3){transform:rotate(180deg) translateX(var(--checkbox-spark-offset))}.cyber-checkbox__spark:nth-child(4){transform:rotate(270deg) translateX(var(--checkbox-spark-offset))}.cyber-checkbox:active .cyber-checkbox__box{transform:scale(.9)}.cyber-checkbox input:focus+.cyber-checkbox__mark .cyber-checkbox__box{box-shadow:0 0 0 4px #5c67ff33}.cyber-checkbox__particles{pointer-events:none;position:absolute;inset:-50%}.cyber-checkbox__particles div{background:var(--checkbox-color);opacity:0;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%}.cyber-checkbox input:checked+.cyber-checkbox__mark .particle-1{animation:.4s ease-out forwards particle-1}.cyber-checkbox input:checked+.cyber-checkbox__mark .particle-2{animation:.4s ease-out .1s forwards particle-2}.cyber-checkbox input:checked+.cyber-checkbox__mark .particle-3{animation:.4s ease-out .15s forwards particle-3}.cyber-checkbox input:checked+.cyber-checkbox__mark .particle-4{animation:.4s ease-out 50ms forwards particle-4}.cyber-checkbox input:checked+.cyber-checkbox__mark .particle-5{animation:.4s ease-out .12s forwards particle-5}.cyber-checkbox input:checked+.cyber-checkbox__mark .particle-6{animation:.4s ease-out 80ms forwards particle-6}.cyber-checkbox input:checked+.cyber-checkbox__mark .particle-7{animation:.4s ease-out .18s forwards particle-7}.cyber-checkbox input:checked+.cyber-checkbox__mark .particle-8{animation:.4s ease-out .15s forwards particle-8}.cyber-checkbox input:not(:checked)+.cyber-checkbox__mark .particle-1{animation:.4s ease-out forwards particle-out-1}.cyber-checkbox input:not(:checked)+.cyber-checkbox__mark .particle-2{animation:.4s ease-out .1s forwards particle-out-2}.cyber-checkbox input:not(:checked)+.cyber-checkbox__mark .particle-3{animation:.4s ease-out .15s forwards particle-out-3}.cyber-checkbox input:not(:checked)+.cyber-checkbox__mark .particle-4{animation:.4s ease-out 50ms forwards particle-out-4}.cyber-checkbox input:not(:checked)+.cyber-checkbox__mark .particle-5{animation:.4s ease-out .12s forwards particle-out-5}.cyber-checkbox input:not(:checked)+.cyber-checkbox__mark .particle-6{animation:.4s ease-out 80ms forwards particle-out-6}.cyber-checkbox input:not(:checked)+.cyber-checkbox__mark .particle-7{animation:.4s ease-out .18s forwards particle-out-7}.cyber-checkbox input:not(:checked)+.cyber-checkbox__mark .particle-8{animation:.4s ease-out .15s forwards particle-out-8}@media (width<=768px){.admin-perm-title-bar{flex-direction:column;align-items:stretch;gap:16px}.admin-perm-save-btn{justify-content:center;width:100%}.admin-perm-mobile-card{gap:8px;padding:12px}.admin-perm-mobile-actions{flex-direction:column;gap:6px;width:100%;padding-top:8px}.admin-perm-role-btn{border-radius:8px;flex-direction:row;flex:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 12px}}.admin-ai-subtabs{border-bottom:1px solid #00000014;gap:12px;margin-bottom:24px;padding-bottom:12px;display:flex}html.dark .admin-ai-subtabs{border-bottom-color:#ffffff14}.admin-ai-subtab-btn{color:var(--neutral-600);cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}html.dark .admin-ai-subtab-btn{color:#94a3b8;background:#ffffff05;border-color:#ffffff14}.admin-ai-subtab-btn:hover{background:var(--neutral-100);border-color:#00000026}html.dark .admin-ai-subtab-btn:hover{background:#ffffff0f;border-color:#ffffff26}.admin-ai-subtab-btn.active,html.dark .admin-ai-subtab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #8b5cf659}.admin-ai-config-form{flex-direction:column;gap:24px;display:flex}.admin-ai-config-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.admin-ai-config-card{border-radius:var(--radius-md);flex-direction:column;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}html:not(.dark) .admin-ai-config-card{border:1px solid var(--neutral-200);background:#fff}html.dark .admin-ai-config-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0f}.admin-ai-config-card:hover{transform:translateY(-2px);box-shadow:none!important}html.dark .admin-ai-config-card:hover{box-shadow:none!important}.admin-ai-card-header{border-bottom:1px solid #0000000d;align-items:center;gap:12px;padding-bottom:12px;display:flex}html.dark .admin-ai-card-header{border-bottom-color:#ffffff0d}.admin-ai-card-icon{font-size:24px!important}.admin-ai-card-icon.word-helper-icon{color:#3b82f6}.admin-ai-card-icon.mindmap-icon{color:#ec4899}.admin-ai-card-icon.chatbot-icon{color:#10b981}.admin-ai-card-title{margin:0;font-size:15px;font-weight:700}.admin-ai-card-body{flex-direction:column;gap:14px;display:flex}.admin-ai-field{flex-direction:column;gap:6px;display:flex}.admin-ai-label{color:var(--neutral-500);font-size:12px;font-weight:600}html.dark .admin-ai-label{color:#94a3b8}.admin-ai-input{width:100%;height:38px;color:inherit;box-sizing:border-box;background:#fff;border:1px solid #0000001a;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:13px}html.dark .admin-ai-input{background:#1e293b80;border-color:#ffffff1a}.admin-ai-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #8b5cf633}.admin-ai-select{width:100%;height:38px;color:inherit;box-sizing:border-box;background:#fff;border:1px solid #0000001a;border-radius:8px;padding:8px 36px 8px 12px;font-family:inherit;font-size:13px;appearance:none!important;cursor:pointer!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")!important;background-position:right 14px center!important;background-repeat:no-repeat!important;background-size:14px!important}html.dark .admin-ai-select{background:#1e293b80;border-color:#ffffff1a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")!important}.admin-ai-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #8b5cf633}.admin-ai-input-wrapper{align-items:center;display:flex;position:relative}.admin-ai-input-wrapper .admin-ai-input{padding-right:38px}.admin-ai-visibility-btn{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:color .2s;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%);z-index:2!important;box-shadow:none!important;color:var(--neutral-400)!important;background:0 0!important;border:none!important;outline:none!important}.admin-ai-visibility-btn:hover,.admin-ai-visibility-btn:focus,.admin-ai-visibility-btn:active{color:var(--neutral-600)!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}html.dark .admin-ai-visibility-btn{color:#94a3b8!important}html.dark .admin-ai-visibility-btn:hover,html.dark .admin-ai-visibility-btn:focus,html.dark .admin-ai-visibility-btn:active{color:#f1f5f9!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.admin-ai-save-status{border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:600;animation:.2s ease-out slide-down;display:flex}.admin-ai-save-status.success{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.admin-ai-save-status.error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.admin-ai-form-actions{justify-content:flex-end;margin-top:12px;display:flex}.admin-ai-submit-btn{align-items:center;gap:8px;display:flex;border-radius:var(--radius-md)!important;padding:10px 24px!important;font-weight:700!important}.admin-loader-center{min-height:200px;color:var(--neutral-500);justify-content:center;align-items:center;font-size:14px;display:flex}html.dark .admin-loader-center{color:#94a3b8}@media (width<=768px){.admin-ai-subtabs{-webkit-overflow-scrolling:touch!important;gap:8px!important;margin-bottom:16px!important;padding-bottom:8px!important;overflow-x:auto!important}.admin-ai-subtab-btn{border-radius:12px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;padding:8px!important;display:flex!important}.admin-ai-subtab-text{display:none!important}.admin-ai-config-grid{grid-template-columns:1fr!important;gap:16px!important}.admin-ai-config-card{padding:16px!important}.admin-ai-card-title{font-size:14px!important}.admin-ai-form-actions{justify-content:center!important;margin-top:8px!important}.admin-ai-submit-btn{justify-content:center!important;width:100%!important}}.admin-reports-header-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.admin-reports-title-row{align-items:center;gap:10px;display:flex}.admin-reports-filter-bar{z-index:1;background:#0f172a4d;border:1px solid #ffffff0d;border-radius:99px;width:260px;max-width:100%;padding:4px;display:flex;position:relative}html:not(.dark) .admin-reports-filter-bar{background:#0000000a;border-color:#0000000f}.admin-reports-filter-btn{text-align:center;color:var(--neutral-400);cursor:pointer;z-index:1;border-radius:99px;flex:1;justify-content:center;align-items:center;padding:6px 14px;font-size:12.5px;font-weight:700;line-height:1;transition:color .25s;display:inline-flex;position:relative;background:0 0!important;border:none!important;outline:none!important}.admin-reports-filter-btn:hover{color:var(--neutral-200)}html:not(.dark) .admin-reports-filter-btn:hover{color:var(--neutral-800)}.admin-reports-filter-btn.active{color:#fff!important}.admin-filter-indicator{background:var(--primary);z-index:0;pointer-events:none;border-radius:99px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px;left:4px}.admin-filter-indicator-purple{z-index:0;pointer-events:none;background:#8b5cf640;border:1px solid #8b5cf659;border-radius:99px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;bottom:2px;left:2px}.admin-chart-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.admin-chart-toggle-pill{z-index:1;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:99px;width:240px;max-width:100%;padding:2px;display:flex;position:relative}html:not(.dark) .admin-chart-toggle-pill{background:#00000005;border-color:#0000000d}.admin-chart-toggle-btn{text-align:center;color:var(--neutral-400);cursor:pointer;z-index:1;border-radius:99px;flex:1;justify-content:center;align-items:center;padding:4px 10px;font-size:11.5px;font-weight:700;line-height:1;transition:color .25s;display:inline-flex;position:relative;background:0 0!important;border:none!important;outline:none!important}.admin-chart-toggle-btn.active{color:#a78bfa!important}html:not(.dark) .admin-chart-toggle-btn.active{color:var(--primary)!important}.admin-chart-container{position:relative}.admin-chart-tooltip{pointer-events:none;-webkit-backdrop-filter:blur(8px);color:#f1f5f9;z-index:100;white-space:nowrap;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:3px;padding:8px 12px;font-size:11.5px;animation:.15s ease-out tooltip-fade-in;display:flex;position:absolute;box-shadow:0 10px 25px -5px #0006;background:#0f172ad9!important}html:not(.dark) .admin-chart-tooltip{color:var(--neutral-800);border-color:#00000014;box-shadow:0 8px 20px -5px #00000026;background:#fffffff2!important}.admin-chart-tooltip-title{color:var(--neutral-400);font-size:11px;font-weight:700}html:not(.dark) .admin-chart-tooltip-title{color:var(--neutral-500)}.admin-chart-tooltip-value{color:#a78bfa;font-size:12.5px;font-weight:800}html:not(.dark) .admin-chart-tooltip-value{color:var(--primary)}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%,-100%)scale(.95)}to{opacity:1;transform:translate(-50%,-120%)scale(1)}}.admin-chart-legend-item{opacity:.85}.admin-chart-legend-item.active{font-weight:800;transform:scale(1.03);opacity:1!important}@keyframes draw-chart-path{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.admin-chart-draw-path{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:1.4s cubic-bezier(.4,0,.2,1) forwards draw-chart-path}@keyframes grow-chart-rect{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.admin-chart-rect-bar{transform-origin:bottom;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards grow-chart-rect}@media (width<=768px){.admin-reports-header-actions{flex-direction:column;align-items:flex-start;gap:16px}.admin-reports-filter-bar{justify-content:space-around;width:100%}.admin-reports-filter-btn{text-align:center;flex:1;padding:8px 4px;font-size:12px}.admin-reports-bottom-grid{grid-template-columns:1fr!important}}.admin-learning-stat-box{transition:transform .2s,background-color .2s,border-color .2s}.admin-learning-stat-box:hover{transform:translateY(-2px);background-color:#ffffff0d!important;border-color:#ffffff1a!important}html:not(.dark) .admin-learning-stat-box:hover{background-color:#0000000a!important;border-color:#00000014!important}.admin-audit-table td{vertical-align:middle;padding:8px 12px!important}.admin-audit-table tr:hover{background:#ffffff05}html:not(.dark) .admin-audit-table tr:hover{background:#00000003}.admin-target-progress-fill.bg-blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)!important}.admin-target-progress-fill.bg-green{background:linear-gradient(90deg,#10b981,#34d399)!important}.admin-target-progress-fill.bg-purple{background:linear-gradient(90deg,#8b5cf6,#a78bfa)!important}.admin-chart-scrollable{-webkit-overflow-scrolling:touch;width:100%;padding-top:30px;overflow-x:auto}.admin-chart-scrollable::-webkit-scrollbar{height:6px}.admin-chart-scrollable::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.admin-chart-scrollable::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}html:not(.dark) .admin-chart-scrollable::-webkit-scrollbar-thumb{background:#00000026}@media (width<=768px){.admin-chart-scrollable .admin-chart-svg{min-width:600px;height:185px}.admin-chart-donut-wrapper{padding:20px 0;height:auto!important}.admin-chart-container{height:auto!important}}.admin-targets-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=768px){.admin-targets-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (width<=480px){.admin-learning-grid{grid-template-columns:1fr}}.admin-reports-insights-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#8b5cf614,#3b82f60d);border:1px solid #8b5cf633;margin-bottom:32px;padding:20px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}html:not(.dark) .admin-reports-insights-card{background:linear-gradient(135deg,#8b5cf60d,#3b82f608);border-color:#8b5cf626;box-shadow:0 4px 15px #00000008}.admin-reports-insights-card:before{content:"";filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);width:150px;height:150px;position:absolute;top:-50px;right:-50px}.admin-reports-insights-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.admin-reports-insights-icon{color:#a78bfa;font-size:20px}html:not(.dark) .admin-reports-insights-icon{color:var(--primary)}.admin-reports-insights-title{color:inherit;margin:0;font-size:14.5px;font-weight:700}.admin-reports-insights-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.admin-reports-insights-list li{align-items:flex-start;gap:12px;font-size:13px;line-height:1.5;display:flex}.admin-reports-insights-list .bullet{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.admin-reports-insights-list .bullet.success{background-color:#10b981}.admin-reports-insights-list .bullet.info{background-color:#3b82f6}.admin-reports-insights-list .bullet.warning{background-color:#eab308}.admin-timeline-container{margin-top:10px;padding-left:24px;position:relative}.admin-timeline-line{background:#ffffff14;width:2px;position:absolute;top:8px;bottom:8px;left:7px}html:not(.dark) .admin-timeline-line{background:#0000000f}.admin-timeline-item{margin-bottom:24px;position:relative}.admin-timeline-item:last-child{margin-bottom:0}.admin-timeline-node{z-index:2;width:18px;height:18px;box-shadow:0 0 0 4px var(--neutral-900);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:2px;left:-25px}html:not(.dark) .admin-timeline-node{box-shadow:0 0 0 4px #fff}.admin-timeline-content{flex-direction:column;gap:4px;display:flex}.admin-timeline-user{align-items:center;gap:10px;display:flex}.admin-timeline-username{font-size:12.5px;font-weight:700}.admin-timeline-time{color:var(--neutral-500);font-size:11px}.admin-timeline-action{color:var(--neutral-400);font-size:12px}@media (width<=768px){.admin-chart-panel{padding:16px;margin-bottom:24px!important}html:not(.dark) .admin-chart-panel{border:1px solid var(--neutral-300)!important;background:#fff!important;box-shadow:0 4px 16px #0000000d!important}html.dark .admin-chart-panel{-webkit-backdrop-filter:blur(12px)!important;background:#1e293bb3!important;border:1px solid #ffffff14!important;box-shadow:0 8px 32px #0000004d!important}.admin-reports-header-actions{flex-direction:column;gap:12px;align-items:flex-start!important}}@media (width<=480px){.admin-chart-panel{padding:12px}}.admin-game-upload-container{width:100%;margin-top:4px}.admin-game-upload-box{cursor:pointer;width:100%;height:80px;color:var(--neutral-400);background:#ffffff05;border:1.5px dashed #ffffff26;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;transition:all .2s;display:flex}html:not(.dark) .admin-game-upload-box{border:1.5px dashed var(--neutral-300);color:var(--neutral-600);background:#00000005}.admin-game-upload-box:hover{border-color:var(--primary-500,#3b82f6);color:#fff;background:#3b82f60d}html:not(.dark) .admin-game-upload-box:hover{color:var(--primary-600)}.admin-game-upload-box.loading{cursor:not-allowed;border-style:solid}.admin-game-upload-preview{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}html:not(.dark) .admin-game-upload-preview{border:1px solid var(--neutral-200);background:#fff}.upload-preview-thumbnail{object-fit:contain;background:#0003;border:1px solid #ffffff0d;border-radius:6px;width:60px;height:48px}.upload-preview-details{flex-direction:column;flex:1;gap:4px;display:flex;overflow:hidden}.upload-preview-path{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:500;overflow:hidden}.upload-preview-actions{gap:12px;display:flex}.action-link-btn{color:var(--primary-400,#60a5fa);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:600;transition:opacity .2s}.action-link-btn:hover{opacity:.8;text-decoration:underline}.action-link-btn.danger{color:#f87171}.spinner-mini{vertical-align:middle;border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.admin-reports-header-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:-8px;margin-bottom:32px;display:flex}.admin-reports-subtitle-helper{color:var(--neutral-400);font-size:13px;font-weight:600}.admin-reports-header-buttons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-reports-export-btn{border-radius:99px;align-items:center;gap:8px;padding:8px 18px;font-weight:700;display:inline-flex}.admin-reports-bottom-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.admin-reports-bottom-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}.admin-chart-title-sm{margin-bottom:24px}.admin-targets-grid-wrapper{flex-direction:column;gap:20px;display:flex}.admin-target-item{flex-direction:column;gap:8px;display:flex}.admin-target-header{justify-content:space-between;font-size:12.5px;font-weight:600;display:flex}.admin-target-name{color:var(--neutral-400)}.admin-target-val{color:#3b82f6}.admin-target-val.success{color:#10b981}.admin-target-val.warning{color:#f59e0b}.admin-target-progress-bar{background:#ffffff0f;border-radius:99px;height:8px;overflow:hidden}html:not(.dark) .admin-target-progress-bar{background:#0000000a}.admin-target-progress-fill{border-radius:99px;height:100%}.admin-target-progress-fill.blue{background:#3b82f6}.admin-target-progress-fill.green{background:#10b981}.admin-target-progress-fill.orange{background:#f59e0b}.admin-target-progress-fill.purple{background:#8b5cf6}.admin-table-muted-cell{padding:24px;font-style:italic}@media (width<=768px){.admin-reports-header-actions{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-bottom:24px}.admin-reports-header-buttons{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%}.admin-reports-export-btn,.admin-reports-filter-bar{justify-content:center;width:100%}.admin-reports-filter-btn{text-align:center;flex:1}.admin-timeline-filter-bar{align-self:stretch;width:100%}.admin-timeline-filter-btn{text-align:center;flex:1}.admin-timeline-header{text-align:center;flex-direction:column;align-items:center;gap:12px}.admin-timeline-search-wrapper{max-width:100%}}.admin-learning-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:16px;display:grid}.admin-learning-stat-box{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex}html:not(.dark) .admin-learning-stat-box{background:#00000005;border-color:#0000000d}.admin-learning-stat-header{align-items:center;gap:6px;display:flex}.admin-learning-stat-icon{font-size:18px}.admin-learning-stat-name{color:var(--neutral-400);font-size:11px;font-weight:600;line-height:1.2}.admin-learning-stat-value{margin:4px 0 2px;font-size:20px;font-weight:800}.admin-learning-stat-trend{color:#10b981;font-size:10.5px;font-weight:600}.admin-timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-timeline-search-wrapper{width:100%;max-width:200px}.admin-timeline-filter-container{scrollbar-width:none;width:100%;margin-bottom:20px;overflow-x:auto}.admin-timeline-filter-container::-webkit-scrollbar{display:none}.admin-timeline-filter-chips{gap:10px;padding:4px 2px;display:flex}.admin-filter-chip{color:var(--neutral-400);cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:none!important;outline:none!important}.admin-filter-chip:focus,.admin-filter-chip:focus-visible{box-shadow:none!important;outline:none!important}html:not(.dark) .admin-filter-chip{background:#00000005;border-color:#0000000f}.admin-filter-chip:hover{color:var(--neutral-200);background:#ffffff14;transform:translateY(-1px)}html:not(.dark) .admin-filter-chip:hover{color:var(--neutral-800);background:#0000000d}.admin-filter-chip-icon{font-size:16px;transition:transform .2s}.admin-filter-chip:hover .admin-filter-chip-icon{transform:scale(1.1)}.admin-filter-chip.active{transform:scale(1.04);color:#fff!important}.admin-filter-chip.active.role-all{background:#94a3b826;border-color:#94a3b880}html:not(.dark) .admin-filter-chip.active.role-all{background:#94a3b81a;color:var(--neutral-800)!important}.admin-filter-chip.active.role-student{background:#3b82f626;border-color:#3b82f699}html:not(.dark) .admin-filter-chip.active.role-student{background:#3b82f61a;color:#1e3a8a!important}.admin-filter-chip.active.role-teacher{background:#10b98126;border-color:#10b98199}html:not(.dark) .admin-filter-chip.active.role-teacher{background:#10b9811a;color:#064e3b!important}.admin-filter-chip.active.role-ai{background:#8b5cf626;border-color:#8b5cf699}html:not(.dark) .admin-filter-chip.active.role-ai{background:#8b5cf61a;color:#4c1d95!important}.admin-filter-chip.active.role-admin{background:#ec489926;border-color:#ec489999}html:not(.dark) .admin-filter-chip.active.role-admin{background:#ec48991a;color:#831843!important}.admin-timeline-empty{text-align:center;color:var(--neutral-500);padding:24px 0;font-size:13px}.admin-timeline-icon{font-size:10px}.admin-timeline-actions{border-top:1px solid #ffffff0d;justify-content:center;margin-top:16px;padding-top:16px;display:flex}html:not(.dark) .admin-timeline-actions{border-top-color:#0000000f}.admin-timeline-btn{border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;display:inline-flex}.admin-timeline-btn-icon{font-size:14px}.admin-reports-bottom-spacer{height:110px}.admin-dashboard-content-wrapper{padding:0 8px}.admin-header-row{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:24px;display:flex}.admin-page-header{margin-bottom:24px}.admin-page-header.compact{flex:1;min-width:0;margin-bottom:0}.admin-page-header.launchpad-header{margin-bottom:24px;padding:0 8px}.admin-page-title{margin:0;font-size:24px;font-weight:800}.admin-page-title.wrap-text{white-space:normal;word-break:break-word}.admin-page-subtitle{text-transform:uppercase;letter-spacing:.1em;margin:4px 0 0;font-size:11px;font-weight:700}.dictionary-hint.teacher-hint{border-top:1px solid var(--neutral-100);margin-top:16px;padding-top:16px}html.dark .dictionary-hint.teacher-hint{border-top-color:#ffffff14}.admin-back-btn{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:auto;min-width:auto;height:auto;padding:8px 18px;display:inline-flex}.admin-back-btn.mobile{border-radius:50%;gap:0;width:38px;min-width:38px;height:38px;padding:0}html body .mdb-pagination-btn-arrow{justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s;display:inline-flex;border-radius:50%!important}html body .mdb-pagination-btn-number{cursor:pointer;width:38px;height:38px;color:var(--neutral-900);box-shadow:none;background:#fff6;border:1px solid #0f172a14;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:800;transition:all .2s;display:inline-flex;border-radius:50%!important}.gme-overlay{z-index:100005;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);color:#f8fafc;background:#0a0f1ef5;flex-direction:column;width:100vw;height:100vh;font-family:Outfit,Inter,system-ui,sans-serif;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.gme-overlay[data-difficulty=cruise]{border:2px solid #10b9814d;box-shadow:0 0 30px #10b98126}.gme-overlay[data-difficulty=turbo]{border:2px solid #f59e0b4d;box-shadow:0 0 30px #f59e0b26}.gme-overlay[data-difficulty=hyper]{border:2px solid #f43f5e4d;box-shadow:0 0 30px #f43f5e26}.gme-header{background:#fff6;border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}html.dark .gme-header{background:#0f172a66;border-bottom-color:#ffffff14}.gme-header-left{align-items:center;gap:10px;display:flex}.gme-level-badge{background:var(--primary);color:#fff;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.gme-title{margin:0;font-size:18px;font-weight:800}.gme-subtitle{color:var(--neutral-500);margin:4px 0 0;font-size:12px}html.dark .gme-subtitle{color:#94a3b8}.gme-subtitle-difficulty{text-transform:capitalize}.gme-header-actions{align-items:center;gap:16px;display:flex}.gme-header-actions .gme-btn-cancel{border-radius:99px;height:38px;padding:8px 20px;font-size:13px;transition:all .2s cubic-bezier(.4,0,.2,1)}.gme-header-actions .gme-btn-cancel:hover{transform:translateY(-1px);box-shadow:none!important}.gme-header-actions .gme-btn-save{border-radius:99px;height:38px;padding:8px 24px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.gme-header-actions .gme-btn-save:hover{transform:translateY(-1px);box-shadow:none!important}.gme-snap-toggle-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:8px;padding:6px 16px;display:flex}.gme-map-length-container{color:var(--neutral-400);align-items:center;gap:8px;font-size:14px;display:flex}.gme-map-length-label{font-weight:500}.gme-map-length-input{border:1px solid var(--neutral-700);color:#fff;text-align:center;background-color:#1e293b;border-radius:99px;width:80px;padding:6px 8px;font-weight:700}.gme-main-workspace{flex-direction:row;flex:1;display:flex;overflow:hidden}.gme-toolbox{background:#fff3;border-right:1px solid #00000014;flex-direction:column;gap:24px;width:280px;padding:20px;display:flex;overflow-y:auto}html.dark .gme-toolbox{background:#0f172a33;border-right-color:#ffffff14}.gme-toolbox-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:800;display:flex}.gme-toolbox-list{flex-direction:column;gap:8px;display:flex}.gme-toolbox-btn{color:inherit!important;text-align:left!important;cursor:pointer!important;background:#fff!important;border:1px solid #00000014!important;border-radius:8px!important;align-items:center!important;gap:10px!important;width:100%!important;padding:10px 12px!important;transition:all .2s!important;display:inline-flex!important}html.dark .gme-toolbox-btn{background:#1e293b!important;border-color:#ffffff14!important}.gme-toolbox-btn.gme-btn-platform:hover{border-color:var(--primary)!important}.gme-toolbox-btn.gme-btn-spike:hover{border-color:#ef4444!important}.gme-toolbox-btn.gme-btn-star:hover{border-color:#eab308!important}.gme-toolbox-btn.gme-btn-enemy:hover{border-color:#a855f7!important}.gme-platform-thumb-short{background:#854d0e;border-radius:2px;flex-shrink:0;width:40px;height:8px}.gme-platform-thumb-medium{background:#854d0e;border-radius:2px;flex-shrink:0;width:60px;height:8px}.gme-platform-thumb-long{background:#854d0e;border-radius:2px;flex-shrink:0;width:80px;height:8px}.gme-toolbox-btn-text{font-size:12.5px;font-weight:600}.gme-monster-avatar-wrapper{background:var(--monster-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.gme-monster-avatar-icon{color:#fff!important;font-size:14px!important}.gme-icon-spike{color:#ef4444!important;font-size:20px!important}.gme-icon-star{color:#eab308!important;font-size:20px!important}.gme-toolbox-empty-text{color:var(--neutral-400);margin:0;font-size:11px;font-style:italic}html.dark .gme-toolbox-empty-text{color:#64748b}.gme-canvas-scroll-container{background:#f1f5f9;flex:1;align-items:center;padding:40px 20px;display:flex;overflow:auto hidden}html.dark .gme-canvas-scroll-container{background:#0b0f19}.gme-canvas{background-color:#0c0a18;border:2px dashed #0000001a;border-radius:16px;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 20px 40px #0003}html.dark .gme-canvas{border-color:#ffffff1a}.gme-canvas-bg-layers{pointer-events:none;z-index:0;position:absolute;inset:0}.gme-canvas-bg-custom,.gme-canvas-bg-nature{background-repeat:repeat-x;background-size:auto 100%;position:absolute;inset:0}.gme-canvas-grid-overlay{pointer-events:none;z-index:1;background:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);position:absolute;inset:0}.gme-canvas-ground{color:#fff;text-transform:uppercase;letter-spacing:.1em;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:2;background:linear-gradient(#15803d 0%,#166534 20%,#1e293b 100%);border-top:4px solid #22c55e;border-bottom-right-radius:14px;border-bottom-left-radius:14px;justify-content:center;align-items:center;width:100%;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:0;left:0}.gme-placed-item{box-sizing:border-box;-webkit-user-select:none;user-select:none;position:absolute}.gme-placed-item.platform{background:linear-gradient(#854d0e 0%,#713f12 100%);border:2px solid #27272a;border-radius:4px}.gme-placed-item.platform.selected{border-color:#eab308!important}.gme-placed-item.selected{box-shadow:0 0 12px #eab30880!important}.gme-placed-item.star,.gme-placed-item.enemy,.gme-placed-item.portal,.gme-placed-item.spike{background:0 0;border:none}.gme-placed-item.star{border-radius:50%}.gme-placed-item.enemy,.gme-placed-item.portal{border-radius:8px}.gme-platform-label{color:#fef08a;justify-content:center;align-items:center;width:100%;height:100%;font-size:9px;font-weight:700;display:flex}.gme-spike-inner{clip-path:polygon(50% 0%,0% 100%,100% 100%);background:repeating-linear-gradient(45deg,#fecaca,#fecaca 5px,#ef4444 5px 10px);width:100%;height:100%}html.dark .gme-spike-inner{background:repeating-linear-gradient(45deg,#7f1d1d,#7f1d1d 5px,#ef4444 5px 10px)}.gme-placed-item.selected .gme-spike-inner{border:2px solid #eab308}.gme-star-inner{background:#eab3081a;border:2px solid #eab30866;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.gme-placed-item.selected .gme-star-inner{border-color:#eab308}.gme-star-inner span{color:#eab308;font-size:18px!important}.gme-star-word{color:#fff;white-space:nowrap;background:#eab308;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:700;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.gme-enemy-inner{background:#a855f71a;border:2px solid #a855f7;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.gme-placed-item.selected .gme-enemy-inner{border-color:#eab308}.gme-enemy-inner span{color:#a855f7;font-size:16px!important}.gme-enemy-label{background:var(--monster-color,#a855f7);color:#fff;white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:8px;font-weight:700;position:absolute;top:-18px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000026}.gme-portal-inner{background:#fb923c1a;border:3px solid #fb923c;border-radius:12px 12px 0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.gme-placed-item.selected .gme-portal-inner{border-color:#eab308}.gme-portal-inner span{color:#fb923c;font-size:24px!important}.gme-portal-label{color:#fb923c;text-transform:uppercase;font-size:10px;font-weight:700}.gme-properties-panel{background:#fff3;border-left:1px solid #00000014;flex-direction:column;gap:24px;width:320px;padding:20px;display:flex;overflow-y:auto}html.dark .gme-properties-panel{background:#0f172a33;border-left-color:#ffffff14}.gme-prop-section-title{color:var(--primary);margin:0 0 16px;font-size:14px;font-weight:800}.gme-prop-vertical-flex{flex-direction:column;gap:20px;display:flex}.gme-prop-type-row{background:#00000008;border-radius:8px;align-items:center;gap:8px;padding:10px;display:flex}html.dark .gme-prop-type-row{background:#ffffff08}.gme-prop-icon{color:var(--primary)!important;font-size:20px!important}.gme-prop-type-text{text-transform:uppercase;font-size:13px;font-weight:700}.gme-prop-coord-row{gap:12px;display:flex}.gme-prop-coord-col{flex:1}.gme-prop-input-label{color:var(--neutral-500);margin-bottom:4px;font-size:11px;display:block}html.dark .gme-prop-input-label{color:#94a3b8}.gme-prop-input{width:100%!important;color:inherit!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #0000001a!important;border-radius:6px!important;padding:8px!important}html.dark .gme-prop-input{background:#1e293b!important;border-color:#ffffff1a!important}.gme-prop-divider-group{border-top:1px solid #00000014;padding-top:16px}html.dark .gme-prop-divider-group{border-top-color:#ffffff14}.gme-prop-bold-label{align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.gme-prop-word-assigned-box{background:#eab3081a;border:1px solid #eab3084d;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.gme-prop-word-assigned-text{color:#eab308;font-size:14px}.gme-prop-cancel-assignment-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.gme-prop-star-empty-desc{color:var(--neutral-400);margin:0 0 10px;font-size:11px;font-style:italic}html.dark .gme-prop-star-empty-desc{color:#64748b}.gme-prop-search-wrapper{position:relative}.gme-prop-search-input{width:100%!important;color:inherit!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #0000001a!important;border-radius:99px!important;padding:8px 12px 8px 30px!important;font-size:12.5px!important}html.dark .gme-prop-search-input{background:#1e293b!important;border-color:#ffffff1a!important}.gme-prop-search-icon{position:absolute;top:50%;left:8px;transform:translateY(-50%);color:var(--neutral-400)!important;font-size:16px!important}html.dark .gme-prop-search-icon{color:#64748b!important}.gme-prop-search-status{color:var(--neutral-500);margin-top:4px;font-size:11px}.gme-prop-search-dropdown{z-index:120;background:#fff;border:1px solid #00000026;border-radius:8px;width:100%;position:absolute;top:40px;left:0;overflow:hidden;box-shadow:0 10px 20px #00000026}html.dark .gme-prop-search-dropdown{background:#1e293b;border-color:#ffffff26}.gme-prop-search-item-btn{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;border-bottom:1px solid #0000000d;padding:8px 12px;font-size:12px;transition:all .15s;display:block}html.dark .gme-prop-search-item-btn{border-bottom-color:#ffffff0d}.gme-prop-search-item-btn:hover{background:var(--primary)!important}.gme-prop-search-item-title{font-size:12.5px}.gme-prop-search-item-desc{opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.gme-prop-range-input{cursor:pointer;width:100%}.gme-prop-select{width:100%!important;color:inherit!important;background:#fff!important;border:1px solid #0000001a!important;border-radius:6px!important;padding:8px!important}html.dark .gme-prop-select{background:#1e293b!important;border-color:#ffffff1a!important}.gme-prop-range-row{align-items:center;gap:8px;display:flex}.gme-prop-range-label{text-align:right;width:40px;font-size:11px;font-weight:700}.gme-prop-delete-btn{color:#ef4444!important;cursor:pointer!important;background:#ef44441a!important;border:1px solid #ef444433!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;margin-top:20px!important;padding:10px!important;font-weight:700!important;transition:all .2s!important;display:flex!important}.gme-prop-delete-btn:hover{background:#ef444433!important}.gme-prop-empty-state{text-align:center;color:var(--neutral-400);border:1px dashed #00000014;border-radius:12px;padding:32px 16px}html.dark .gme-prop-empty-state{color:#64748b;border-color:#ffffff14}.gme-prop-empty-icon{margin:0 auto 8px!important;font-size:32px!important;display:block!important}.gme-left-sidebar{text-align:left;background:#ffffff59;border-right:1px solid #00000014;flex-direction:column;flex-shrink:0;gap:20px;width:340px;padding:20px;display:flex;overflow-y:auto}html.dark .gme-left-sidebar{background:#0f172a59;border-right-color:#ffffff14}.gme-sidebar-section{flex-direction:column;gap:14px;display:flex}.gme-sidebar-field{flex-direction:column;gap:6px;display:flex}.gme-sidebar-label{color:var(--neutral-600);font-size:12.5px;font-weight:700}html.dark .gme-sidebar-label{color:#94a3b8}.gme-sidebar-input{width:100%;color:inherit;box-sizing:border-box;background:#fff;border:1px solid #0000001a;border-radius:99px;padding:8px 16px;font-family:inherit;font-size:13.5px}html.dark .gme-sidebar-input{background:#1e293b;border-color:#ffffff1a}.gme-sidebar-textarea{width:100%;color:inherit;box-sizing:border-box;background:#fff;border:1px solid #0000001a;border-radius:12px;padding:10px 14px;font-family:inherit;font-size:13.5px}html.dark .gme-sidebar-textarea{background:#1e293b;border-color:#ffffff1a}.gme-sidebar-textarea{resize:vertical}.gme-sidebar-select{width:100%;color:inherit;cursor:pointer;appearance:none;box-sizing:border-box;border-radius:99px;height:38px;padding:8px 36px 8px 16px;background-color:#fff!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:16px!important;background-image:var(--select-chevron-url)!important;border:1px solid #0000001a!important}html.dark .gme-sidebar-select{background-color:#1e293b!important;border-color:#ffffff1a!important}.gme-left-sidebar-divider{border-top:1px solid #00000014;margin:16px 0}html.dark .gme-left-sidebar-divider{border-top-color:#ffffff14}.gme-prop-row-space-between{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.gme-prop-badge{background:var(--primary);color:#fff;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:800}.gme-prop-id-label{color:var(--neutral-400);font-size:11px;font-weight:600}.gme-prop-coordinate-box{background:#0000000a;border:1px solid #00000014;border-radius:99px;align-items:center;gap:8px;padding:4px 12px;display:flex}html.dark .gme-prop-coordinate-box{background:#ffffff0a;border-color:#ffffff14}.gme-prop-coordinate-label{opacity:.7;font-size:12px;font-weight:700}.gme-prop-coordinate-input{width:100%;color:inherit;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:700}.gme-prop-coordinate-input:focus{outline:none}.gme-prop-word-remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.gme-prop-word-remove-btn:hover{background:#ef44441a}.gme-prop-search-results{z-index:120;background:#fff;border:1px solid #00000026;border-radius:8px;width:100%;position:absolute;top:40px;left:0;overflow:hidden;box-shadow:0 10px 20px #00000026}html.dark .gme-prop-search-results{background:#1e293b;border-color:#ffffff26}.gme-prop-search-item{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;border-bottom:1px solid #0000000d;padding:8px 12px;font-size:12px;transition:all .15s;display:block}html.dark .gme-prop-search-item{border-bottom-color:#ffffff0d}.gme-prop-search-item:hover{background:var(--primary)!important;color:#fff!important}.gme-prop-search-item-meaning{opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.gme-prop-search-loading{opacity:.6;font-size:11px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.gme-ai-controls{gap:6px;display:flex}.gme-ai-select{color:#fff;background:#1e293b;border:1px solid #ffffff26;border-radius:99px;flex:1;padding:4px 10px;font-size:12px}.gme-ai-btn{color:#fff;cursor:pointer;background:#a855f7;border:none;border-radius:99px;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:700;transition:opacity .2s;display:flex}.gme-ai-btn:disabled{opacity:.6;cursor:not-allowed}.gme-overlay ::-webkit-scrollbar{width:6px;height:6px}.gme-overlay ::-webkit-scrollbar-track{background:#ffffff08;border-radius:99px}.gme-overlay ::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:99px}.gme-overlay ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.gme-canvas-scroll-container,html.dark .gme-canvas-scroll-container{background:#0d111e66}.gme-toast-container{z-index:100015;pointer-events:none;flex-direction:column;gap:10px;width:max-content;max-width:90vw;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.gme-toast-item{color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;cursor:pointer;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;animation:.3s cubic-bezier(.34,1.56,.64,1) gme-toast-slide-in;display:flex;box-shadow:0 10px 30px #0000004d}.gme-toast-item:hover{transform:translateY(-2px)}.gme-toast-item.success{background:#10b98133;border-color:#10b98166;box-shadow:0 10px 30px #10b98133}.gme-toast-item.error{background:#ef444433;border-color:#ef444466;box-shadow:0 10px 30px #ef444433}.gme-toast-item.info{background:#3b82f633;border-color:#3b82f666;box-shadow:0 10px 30px #3b82f633}.gme-toast-icon{font-size:20px}.gme-toast-item.success .gme-toast-icon{color:#34d399}.gme-toast-item.error .gme-toast-icon{color:#f87171}.gme-toast-item.info .gme-toast-icon{color:#60a5fa}@keyframes gme-toast-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}html body .manager-classes-section .mcp-container{flex-direction:column;gap:28px;min-height:80vh;padding:12px 0 24px;display:flex}html body .manager-classes-section .mcp-header-card{border-radius:24px;flex-direction:column;gap:24px;padding:28px;display:flex}html body .manager-classes-section .mcp-header-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}html body .manager-classes-section .mcp-title{background:linear-gradient(135deg, var(--primary) 0%, #a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 6px;font-size:26px;font-weight:800}html body .manager-classes-section .mcp-subtitle{color:var(--neutral-500);margin:0;font-size:14.5px}html body .manager-classes-section .mcp-refresh-btn{border-radius:99px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:all .3s;display:flex}html body .manager-classes-section .mcp-refresh-btn:hover{transform:translateY(-2px);box-shadow:none!important}html body .manager-classes-section .mcp-stats-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}html body .manager-classes-section .mcp-stat-card{background:#00000005;border:1px solid #0000000d;border-radius:16px;align-items:center;gap:16px;padding:16px 20px;display:flex}html body .manager-classes-section.dark .mcp-stat-card{background:#ffffff08;border:1px solid #ffffff0f}html body .manager-classes-section .mcp-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}html body .manager-classes-section .mcp-stat-icon .material-icons{font-size:22px}html body .manager-classes-section .mcp-stat-icon.classes{color:#3b82f6;background:#3b82f61a}html body .manager-classes-section .mcp-stat-icon.students{color:#10b981;background:#10b9811a}html body .manager-classes-section .mcp-stat-icon.teachers{color:#8b5cf6;background:#8b5cf61a}html body .manager-classes-section .mcp-stat-info{flex-direction:column;display:flex}html body .manager-classes-section .mcp-stat-value{color:var(--neutral-800);font-size:20px;font-weight:800}html body .manager-classes-section.dark .mcp-stat-value{color:#f8fafc}html body .manager-classes-section .mcp-stat-label{color:var(--neutral-500);font-size:12px;font-weight:500}@media (width>=1025px){html body .manager-classes-section .mcp-dashboard-grid{grid-template-columns:1fr 1.6fr;align-items:start;gap:28px;display:grid}}@media (width<=1024px){html body .manager-classes-section .mcp-dashboard-grid{flex-direction:column;gap:24px;display:flex}}html body .manager-classes-section .mcp-flex-col{flex-direction:column;gap:24px;display:flex}html body .manager-classes-section .mcp-toggle-form-btn{color:#3b82f6;cursor:pointer;background:#3b82f60d;border:1px dashed #3b82f64d;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}html body .manager-classes-section .mcp-toggle-form-btn:hover{background:#3b82f614;border-color:#3b82f6;transform:translateY(-1px)}html body .manager-classes-section .mcp-toggle-form-btn.active{color:#f87171;background:#ef44440d;border-color:#ef44444d}html body .manager-classes-section .mcp-toggle-form-btn.active:hover{background:#ef444414;border-color:#ef4444}html body .manager-classes-section .mcp-card{border-radius:20px;padding:24px}html body .manager-classes-section .mcp-card-title-wrapper{border-bottom:1px solid #0000000d;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;display:flex}html body .manager-classes-section.dark .mcp-card-title-wrapper{border-bottom:1px solid #ffffff0f}html body .manager-classes-section .mcp-card-title-icon{color:var(--primary);font-size:22px}html body .manager-classes-section .mcp-card-title{color:var(--neutral-800);margin:0;font-size:17px;font-weight:800}html body .manager-classes-section.dark .mcp-card-title{color:#f8fafc}html body .manager-classes-section .mcp-form{flex-direction:column;gap:16px;display:flex}html body .manager-classes-section .mcp-field-wrapper{flex-direction:column;gap:6px;display:flex}html body .manager-classes-section .mcp-field-label{color:var(--neutral-500);font-size:12.5px;font-weight:700}html body .manager-classes-section .mcp-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=480px){html body .manager-classes-section .mcp-form-grid{grid-template-columns:1fr}}html body .manager-classes-section .mcp-textarea{resize:vertical;width:100%;min-height:80px}html body .manager-classes-section .mcp-submit-btn{border-radius:99px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:12px 16px;font-weight:700;transition:all .3s;display:flex}html body .manager-classes-section .mcp-submit-btn:hover{transform:translateY(-2px);box-shadow:none!important}html body .manager-classes-section .mcp-card-header-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}html body .manager-classes-section .mcp-class-count-badge{color:#3b82f6;background:#3b82f61a;border-radius:99px;padding:4px 12px;font-size:12px;font-weight:700}html body .manager-classes-section .mcp-search-wrapper{margin-bottom:20px;position:relative}html body .manager-classes-section .mcp-search-icon{color:var(--neutral-400);position:absolute;top:50%;left:14px;transform:translateY(-50%)}html body .manager-classes-section .mcp-search-input{border-radius:99px;width:100%;height:44px;padding-left:42px;font-size:14px}html body .manager-classes-section .mcp-class-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;margin-top:16px;display:grid}html body .manager-classes-section .mcp-class-list{flex-direction:column;gap:12px;max-height:480px;padding-right:6px;display:flex;overflow-y:auto}html body .manager-classes-section .mcp-class-list::-webkit-scrollbar{width:6px}html body .manager-classes-section .mcp-class-list::-webkit-scrollbar-thumb{background:#0000001a;border-radius:99px}html body .manager-classes-section.dark .mcp-class-list::-webkit-scrollbar-thumb{background:#ffffff1a}html body .manager-classes-section .mcp-class-item{cursor:pointer;background:#00000004;border:1px solid #0000000d;border-radius:16px;flex-direction:column;gap:12px;padding:16px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}html body .manager-classes-section.dark .mcp-class-item{background:#ffffff05;border:1px solid #ffffff0d}html body .manager-classes-section .mcp-class-item:hover{background:#3b82f608;border-color:#3b82f633;transform:translateY(-2px)}html body .manager-classes-section.dark .mcp-class-item:hover{background:#3b82f60d;border-color:#3b82f64d}html body .manager-classes-section .mcp-class-item.active{box-shadow:0 4px 15px #3b82f614;background:#3b82f614!important;border-color:#3b82f666!important}html body .manager-classes-section.dark .mcp-class-item.active{background:#3b82f61f!important;border-color:#3b82f680!important}html body .manager-classes-section .mcp-class-item-header{justify-content:space-between;align-items:center;gap:10px;display:flex}html body .manager-classes-section .mcp-class-item-name{color:var(--neutral-800);margin:0;font-size:15px;font-weight:800}html body .manager-classes-section.dark .mcp-class-item-name{color:#f8fafc}html body .manager-classes-section .mcp-level-badge{text-transform:uppercase;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:800}html body .manager-classes-section .mcp-level-badge.a-level{color:#10b981;background:#10b9811f}html body .manager-classes-section .mcp-level-badge.b-level{color:#6366f1;background:#6366f11f}html body .manager-classes-section .mcp-level-badge.c-level{color:#8b5cf6;background:#8b5cf61f}html body .manager-classes-section .mcp-level-badge.ielts{color:#f59e0b;background:#f59e0b1f}html body .manager-classes-section .mcp-class-item-teacher{color:var(--neutral-500);align-items:center;gap:6px;font-size:13px;display:flex}html body .manager-classes-section .mcp-class-item-teacher .material-icons{color:var(--neutral-400);font-size:16px}html body .manager-classes-section .mcp-class-item-teacher span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}html body .manager-classes-section .mcp-class-item-footer{border-top:1px dashed #0000000d;justify-content:space-between;align-items:center;margin-top:4px;padding-top:10px;font-size:12.5px;display:flex}html body .manager-classes-section.dark .mcp-class-item-footer{border-top:1px dashed #ffffff0f}html body .manager-classes-section .mcp-student-count-row{color:var(--neutral-500);align-items:center;gap:5px;display:flex}html body .manager-classes-section .mcp-student-count-row .material-icons{color:var(--neutral-400);font-size:15px}html body .manager-classes-section .mcp-delete-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}html body .manager-classes-section .mcp-delete-btn:hover{background:#ef44441a}html body .manager-classes-section .mcp-delete-btn .material-icons{font-size:18px}html body .manager-classes-section .mcp-details-card{border-radius:24px;flex-direction:column;gap:28px;padding:28px;display:flex}html body .manager-classes-section .mcp-details-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}html body .manager-classes-section.dark .mcp-details-header{border-bottom:1px solid #ffffff0f}@media (width<=768px){html body .manager-classes-section .mcp-details-header{flex-direction:column}}html body .manager-classes-section .mcp-details-meta{align-items:center;gap:12px;margin-bottom:8px;display:flex}html body .manager-classes-section .mcp-details-level-badge{background:linear-gradient(135deg, var(--primary) 0%, #8b5cf6 100%);color:#fff;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:800}html body .manager-classes-section .mcp-details-invite-code{color:var(--neutral-500);font-size:12.5px}html body .manager-classes-section .mcp-details-invite-code strong{color:var(--neutral-800);background:#0000000a;border-radius:4px;margin-left:2px;padding:2px 6px}html body .manager-classes-section.dark .mcp-details-invite-code strong{color:#f8fafc;background:#ffffff14}html body .manager-classes-section .mcp-details-title{color:var(--neutral-800);margin:0 0 8px;font-size:22px;font-weight:800}html body .manager-classes-section.dark .mcp-details-title{color:#f8fafc}html body .manager-classes-section .mcp-details-description{color:var(--neutral-500);margin:0;font-size:14px;line-height:1.5}html body .manager-classes-section .mcp-quick-assign{flex-direction:column;flex-shrink:0;gap:6px;min-width:220px;display:flex}html body .manager-classes-section .mcp-quick-assign-label{color:var(--neutral-500);font-size:12px;font-weight:700}html body .manager-classes-section .mcp-quick-assign-select{border-radius:10px;height:42px;font-size:13px}html body .manager-classes-section .mcp-sub-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}@media (width<=768px){html body .manager-classes-section .mcp-sub-grid{grid-template-columns:1fr}}html body .manager-classes-section .mcp-section-title{color:var(--neutral-700);align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:800;display:flex}html body .manager-classes-section.dark .mcp-section-title{color:#cbd5e1}html body .manager-classes-section .mcp-section-title .material-icons{color:var(--primary);font-size:18px}html body .manager-classes-section .mcp-member-list,html body .manager-classes-section .mcp-student-add-list{flex-direction:column;gap:10px;max-height:400px;padding-right:6px;display:flex;overflow-y:auto}html body .manager-classes-section .mcp-member-list::-webkit-scrollbar{width:5px}html body .manager-classes-section .mcp-student-add-list::-webkit-scrollbar{width:5px}html body .manager-classes-section .mcp-member-list::-webkit-scrollbar-thumb{background:#00000014;border-radius:99px}html body .manager-classes-section .mcp-student-add-list::-webkit-scrollbar-thumb{background:#00000014;border-radius:99px}html body .manager-classes-section.dark .mcp-member-list::-webkit-scrollbar-thumb{background:#ffffff14}html body .manager-classes-section.dark .mcp-student-add-list::-webkit-scrollbar-thumb{background:#ffffff14}html body .manager-classes-section .mcp-member-item{background:#00000004;border:1px solid #0000000a;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:all .25s;display:flex}html body .manager-classes-section.dark .mcp-member-item{background:#ffffff04;border:1px solid #ffffff0a}html body .manager-classes-section .mcp-member-item:hover{background:#00000006;transform:translate(2px)}html body .manager-classes-section.dark .mcp-member-item:hover{background:#ffffff09}html body .manager-classes-section .mcp-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12.5px;font-weight:800;display:flex;box-shadow:0 2px 8px #0000001a}html body .manager-classes-section .mcp-member-info{flex:1;min-width:0}html body .manager-classes-section .mcp-member-name{color:var(--neutral-700);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:13px;font-weight:800;overflow:hidden}html body .manager-classes-section.dark .mcp-member-name{color:#e2e8f0}html body .manager-classes-section .mcp-member-email{color:var(--neutral-400);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11.5px;overflow:hidden}html body .manager-classes-section .mcp-remove-btn{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef44441f;border-radius:99px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:11.5px;font-weight:700;transition:all .2s;display:flex}html body .manager-classes-section .mcp-remove-btn:hover{color:#fff;background:#ef4444;transform:scale(1.05)}html body .manager-classes-section .mcp-add-btn{color:#10b981;cursor:pointer;background:#10b98114;border:1px solid #10b9811f;border-radius:99px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:11.5px;font-weight:700;transition:all .2s;display:flex}html body .manager-classes-section .mcp-add-btn:hover{color:#fff;background:#10b981;transform:scale(1.05)}html body .manager-classes-section .mcp-student-search-wrapper{margin-bottom:14px;position:relative}html body .manager-classes-section .mcp-student-search-icon{color:var(--neutral-400);position:absolute;top:50%;left:12px;transform:translateY(-50%)}html body .manager-classes-section .mcp-student-search-input{border-radius:99px;width:100%;height:38px;padding-left:36px;font-size:13px}html body .manager-classes-section .mcp-member-empty{text-align:center;background:#00000003;border:1px dashed #0000000f;border-radius:16px;padding:30px 10px}html body .manager-classes-section.dark .mcp-member-empty{background:#ffffff01;border-color:#ffffff0d}html body .manager-classes-section .mcp-member-empty p.label-1{color:var(--neutral-500);margin:0;font-size:12.5px;font-weight:600}html body .manager-classes-section .mcp-member-empty p.label-2{color:var(--neutral-400);margin:4px 0 0;font-size:11px}html body .manager-classes-section .mcp-empty-state-container{text-align:center;color:var(--neutral-500);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:400px;padding:80px 24px;display:flex}html body .manager-classes-section .mcp-empty-icon-wrapper{color:#3b82f6;background:#3b82f614;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex;box-shadow:0 4px 15px #3b82f60d}html body .manager-classes-section .mcp-empty-icon-wrapper .material-icons{font-size:36px}html body .manager-classes-section .mcp-empty-title{color:var(--neutral-800);margin:0 0 8px;font-size:18px;font-weight:800}html body .manager-classes-section.dark .mcp-empty-title{color:#cbd5e1}html body .manager-classes-section .mcp-empty-desc{max-width:320px;margin:0;font-size:13.5px;line-height:1.5}@media (width>=1024px){html body .manager-classes-section .mcp-split-layout.is-desktop{grid-template-columns:360px 1fr;align-items:start;gap:28px;display:grid}html body .manager-classes-section .mcp-sidebar-pane{flex-direction:column;max-height:calc(100vh - 180px);display:flex;position:sticky;top:24px}html body .manager-classes-section .mcp-sidebar-card{flex-direction:column;max-height:calc(100vh - 180px);display:flex}html body .manager-classes-section .mcp-sidebar-list{flex:1;padding-right:4px;overflow-y:auto}html body .manager-classes-section .mcp-sidebar-list::-webkit-scrollbar{width:6px}html body .manager-classes-section .mcp-sidebar-list::-webkit-scrollbar-track{background:0 0}html body .manager-classes-section .mcp-sidebar-list::-webkit-scrollbar-thumb{background:#00000014;border-radius:99px}html body .manager-classes-section.dark .mcp-sidebar-list::-webkit-scrollbar-thumb{background:#ffffff14}}html body .manager-classes-section .mcp-sidebar-list{flex-direction:column;gap:12px;display:flex}html body .manager-classes-section .mcp-empty-state-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:480px;padding:48px;display:flex}html body .manager-classes-section .mcp-empty-state-icon-wrapper{width:64px;height:64px;color:var(--primary);background:#2563eb14;border-radius:20px;justify-content:center;align-items:center;margin-bottom:20px;display:flex;box-shadow:0 4px 15px #2563eb1a}html body .manager-classes-section .mcp-empty-state-icon-wrapper .material-icons{font-size:32px}html body .manager-classes-section .mcp-empty-state-panel h3{color:var(--neutral-800);margin:0 0 10px;font-size:19px;font-weight:800}html body .manager-classes-section.dark .mcp-empty-state-panel h3{color:#cbd5e1}html body .manager-classes-section .mcp-empty-state-panel p{color:var(--neutral-500);max-width:380px;margin:0;font-size:14px;line-height:1.6}html body .manager-classes-section.dark .mcp-empty-state-panel p{color:var(--neutral-400)}@media (width<=1023px){html body .manager-classes-section .mcp-split-layout.is-mobile{flex-direction:column;gap:20px;display:flex}}html body .student-courses-page{-webkit-backdrop-filter:blur(16px)saturate(180%);background:#ffffffbf}html.dark .student-courses-page{background:#0f172a73}html body .student-courses-level-tile{border-radius:20px;transition:all .3s cubic-bezier(.25,.8,.25,1)}html body .student-courses-level-tile:hover{border-color:var(--level-accent);box-shadow:0 20px 35px #0f172a14, 0 0 20px color-mix(in srgb, var(--level-accent) 30%, transparent);transform:translateY(-6px)scale(1.015)}html.dark .student-courses-level-tile:hover{box-shadow:0 20px 40px #00000059, 0 0 25px color-mix(in srgb, var(--level-accent) 45%, transparent)}html body .student-courses-level-body{transition:all .3s}html body .student-courses-level-body:hover{transform:translateY(-4px);box-shadow:none!important}html.dark .student-courses-level-body:hover{box-shadow:none!important}html body .student-course-layout-container{width:100%;height:100vh;display:flex;overflow:hidden}html body .student-course-sidebar-left{-webkit-backdrop-filter:blur(20px)saturate(180%);box-sizing:border-box;background:#0f172a80;border-right:1px solid #ffffff14;flex-direction:column;gap:16px;width:330px;min-width:330px;height:100%;padding:20px;display:flex;overflow:hidden auto}html body .student-course-sidebar-left::-webkit-scrollbar{width:6px}html body .student-course-sidebar-left::-webkit-scrollbar-track{background:0 0}html body .student-course-sidebar-left::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}html body .student-course-sidebar-left::-webkit-scrollbar-thumb:hover{background:#fff3}html body .student-course-sidebar-left *{box-sizing:border-box}html body .student-course-content-right{-webkit-backdrop-filter:none;background:0 0;flex:1;height:100%;padding:32px 40px;overflow-y:auto}html body .student-course-nav-btn{text-align:left;cursor:pointer;color:#475569;white-space:normal;background:#00000008;border:1px solid #0000000f;border-radius:12px;outline:none;align-items:flex-start;gap:10px;width:100%;padding:12px 18px;font-size:13.5px;font-weight:600;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 2px 8px #00000003}html body .student-course-nav-btn:hover:not(.is-locked){color:#0f172a;background:#0000000f;border-color:#94a3b8;transform:translate(4px);box-shadow:none!important}html body .student-course-nav-btn.is-selected{color:#0f172a;box-shadow:none;background:#00000014;border-color:#64748b;font-weight:700;transform:translate(6px)}html body .student-course-nav-btn.is-locked{color:#00000040;cursor:not-allowed;opacity:.65;background:#0000000a;border-color:#00000005}html.dark .student-course-nav-btn{color:#e2e8f0d9;background:#1e293b4d;border:1px solid #ffffff0a}html.dark .student-course-nav-btn:hover:not(.is-locked){color:#fff;background:#1e293b99;border-color:#ffffff26;box-shadow:none!important}html.dark .student-course-nav-btn.is-selected{color:#fff;box-shadow:none;background:#ffffff1a;border-color:#ffffff40}html.dark .student-course-nav-btn.is-locked{color:#ffffff40;background:#0f172a33;border-color:#ffffff05}html body .student-course-tabs-nav{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:1;background:#ffffffa6;border:1px solid #0000000f;border-radius:99px;gap:0;width:100%;max-width:100%;margin-bottom:28px;padding:4px;transition:all .3s;display:flex;position:relative;box-shadow:inset 0 1px #fffc,0 10px 30px #0000000a}html.dark .student-course-tabs-nav{background:#0f172a73;border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff0d,0 12px 40px #00000040}html body .student-course-tab-item{box-shadow:none;color:#475569;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:99px;outline:none;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:11px 16px;font-size:13.5px;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}html.dark .student-course-tab-item{color:#e2e8f099}html body .student-course-tab-item:hover{color:#0f172a;box-shadow:none;background:0 0;border:none;outline:none}html.dark .student-course-tab-item:hover{color:#fff;box-shadow:none;background:0 0;border:none;outline:none}html body .student-course-tab-item.is-active{color:#0f172a;font-weight:700}html.dark .student-course-tab-item.is-active{color:#fff;font-weight:700}html body .student-course-tab-slider{z-index:0;pointer-events:none;width:calc(25% - 2px);height:calc(100% - 8px);transform:translateX(calc(var(--active-index) * 100%));background:#fff;border:1px solid #00000014;border-radius:99px;transition:transform .35s cubic-bezier(.25,1,.5,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 2px 8px #0000000f}html.dark .student-course-tab-slider{background:#ffffff14;border:1px solid #ffffff1a;box-shadow:0 4px 12px #00000040}html body .tab-badge{color:#475569;box-sizing:border-box;background:#0000000f;border:1px solid #0000000a;border-radius:99px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:4px;padding:1px 6px;font-size:11px;font-weight:700;transition:all .3s;display:inline-flex}html.dark .tab-badge{color:#fffc;background:#ffffff14;border-color:#ffffff14}html body .student-course-tab-item.is-active .tab-badge{color:#fff;background:#fff3;border-color:#ffffff40}html.dark .student-course-tab-item.is-active .tab-badge{color:#fff;background:#6366f14d;border-color:#ffffff26}html body .student-course-tab-item:hover .tab-badge{color:#fff;background:#ffffff1f}html body .student-course-tab-item.is-active .tab-badge{color:#fff;background:#ffffff38;border-color:#ffffff26;box-shadow:0 2px 6px #0000001a}html body .student-vocab-word-card{box-shadow:none;background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;gap:6px;padding:18px;transition:all .25s;display:flex}html body .student-vocab-word-card:hover{border-color:#60a5fa;transform:translateY(-3px);box-shadow:none!important}html body .student-course-detail-page article{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;border-radius:0}html body .student-course-detail-page article:before{content:none;display:none}html body .student-vocab-list-card{box-shadow:none;background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;padding:24px}@media (width<=768px){html body .student-course-layout-container{flex-direction:column;height:auto;overflow:visible}html body .student-course-sidebar-left{border-bottom:1px solid #ffffff14;border-right:none;width:100%;min-width:100%;height:auto;overflow-y:visible}html body .student-course-content-right{height:auto;padding:20px;overflow-y:visible}}@media print{html body *{visibility:hidden}html body .certificate-print-wrapper,html body .certificate-print-wrapper *{visibility:visible}html body .certificate-print-wrapper{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#0f172a;border:none;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;display:flex;position:absolute;top:0;left:0}html body .printable-certificate-card{box-shadow:none;box-sizing:border-box;border:4px solid #f59e0b;width:100%;height:100%;transform:none}}html body .scp-discussion-wrapper{border-top:1px solid #ffffff14;margin-top:32px;padding-top:24px}html body .scp-discussion-title{color:#fff;align-items:center;gap:8px;margin:0 0 20px;font-size:18px;font-weight:800;display:flex}html body .scp-comment-form{align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}html body .scp-avatar-container{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}html body .scp-avatar-img{object-fit:cover;width:100%;height:100%}html body .scp-form-input-group{flex-direction:column;flex:1;gap:8px;display:flex}html body .scp-comment-textarea{border-radius:var(--radius-md);color:#fff;resize:vertical;box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff14;outline:none;width:100%;min-height:80px;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}html body .scp-flex-end{justify-content:flex-end;display:flex}html body .student-courses-page-wrapper{border-radius:var(--radius-md);border:1px solid #ffffff14;max-width:1200px;margin:16px auto 64px;padding:0;overflow:hidden}.std-courses-padding{padding:24px 32px 32px}@media (width<=768px){.std-courses-padding{padding:16px}}.student-courses-hero{box-sizing:border-box;width:100%;max-width:100%;margin-bottom:32px}.student-courses-hero-title{background:linear-gradient(135deg, var(--primary) 0%, #8b5cf6 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:28px;font-weight:950;display:inline-block}.student-courses-hero-subtitle{color:var(--neutral-600);margin-top:8px;font-size:14px;line-height:1.5}.std-courses-roadmap-head{margin-bottom:20px}.std-courses-h2{color:var(--neutral-900);font-size:20px;font-weight:900;font-family:var(--font-display);margin:0}html.dark .std-courses-h2{color:#fff}.std-courses-subtitle{color:var(--neutral-600);margin:4px 0 0;font-size:13.5px;font-weight:500}.student-courses-level-group{margin-bottom:24px}.student-courses-level-group-title{color:var(--neutral-900);margin-bottom:12px;font-size:15px;font-weight:800}html.dark .student-courses-level-group-title{color:#fff}.student-courses-level-row{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=639px){.student-courses-level-row{grid-template-columns:1fr}}.student-courses-level-code{font-size:11px;font-weight:900}.student-courses-level-title-wrap h4{margin:0;font-size:15px;font-weight:800}.std-courses-flex-row-gap-8{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.std-courses-status-span{font-size:10px;font-weight:800}.std-courses-rating-box{color:#fbbf24;align-items:center;gap:2px;font-size:10px;font-weight:900;display:flex}.std-courses-rating-avg{color:var(--neutral-800)}html.dark .std-courses-rating-avg{color:var(--neutral-200)}.std-courses-rating-count{color:var(--neutral-500);font-size:9px;font-weight:500}.std-courses-desc{color:var(--neutral-600);margin-top:6px;font-size:12.5px;line-height:1.4}html.dark .std-courses-desc{color:var(--neutral-400)}.std-w-100-mt-8{width:100%;margin-top:8px}.std-courses-progress-label-row{color:var(--neutral-500);justify-content:space-between;margin-bottom:3px;font-size:11px;font-weight:700;display:flex}.std-courses-progress-track{background:#ffffff14;border-radius:3px;height:5px;overflow:hidden}html body.light .std-courses-progress-track{background:#0000000d}.std-courses-progress-fill{background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:3px;height:100%;transition:width .3s}.student-courses-sidebar{margin-top:0!important}.student-courses-registered-card{padding:24px!important}.student-courses-panel-head.registered-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.std-courses-h2-sm{color:var(--neutral-900);margin:0;font-size:16px;font-weight:900}html.dark .std-courses-h2-sm{color:#fff}.student-courses-all-link{font-size:12.5px;font-weight:600}.student-courses-empty-inline{font-size:13px}.student-courses-registered-list{gap:12px;display:grid}.student-courses-registered-item{padding:12px 14px!important}.student-courses-registered-icon{border-radius:8px;width:36px;height:36px}.std-courses-icon-18{font-size:18px!important}.student-courses-registered-copy{gap:2px}.std-courses-registered-title{font-size:13.5px;font-weight:700}.std-courses-registered-progress-text{color:var(--neutral-400);font-size:11.5px}.student-courses-registered-progress{margin-top:4px}.scp-flex-column-gap-20{flex-direction:column;gap:20px;display:flex}.scp-empty-discussion-p{color:var(--neutral-400);margin:8px 0 0;font-size:13.5px;font-style:italic}.scp-comment-row{align-items:flex-start;gap:12px;display:flex}.scp-comment-author-avatar{object-fit:cover;background:#ffffff0a;border-radius:50%;width:36px;height:36px}.scp-comment-content-col{flex:1}.scp-comment-header-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scp-comment-author-name{color:#fff;font-size:14px}.scp-comment-author-role-badge{border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.scp-comment-author-role-badge.teacher{color:#f59e0b;background:#f59e0b26}.scp-comment-author-role-badge.student{color:#60a5fa;background:#3b82f626}.scp-comment-created-date{color:var(--neutral-500);font-size:12px}.scp-comment-content-text{color:var(--neutral-200);white-space:pre-wrap;margin:6px 0 10px;font-size:14.5px;line-height:1.5}.scp-comment-actions-bar{color:var(--neutral-400);align-items:center;gap:16px;font-size:13px;display:flex}.scp-comment-action-btn-like{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;transition:all .1s;display:flex}.scp-comment-action-btn-like.liked{color:#ef4444}.scp-comment-action-btn-reply{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:flex}.scp-reply-form-container{align-items:flex-start;gap:10px;margin-top:14px;display:flex}.scp-reply-textarea{border-radius:var(--radius-md);color:#fff;resize:vertical;background:#ffffff05;border:1px solid #ffffff14;outline:none;flex:1;min-height:60px;padding:10px 14px;font-family:inherit;font-size:13.5px}.scp-reply-actions-col{flex-direction:column;gap:6px;display:flex}.scp-nested-replies-list{border-left:2px solid #ffffff0f;flex-direction:column;gap:14px;margin-top:16px;padding-left:16px;display:flex}.scp-reply-row{align-items:flex-start;gap:10px;display:flex}.scp-reply-author-avatar{object-fit:cover;background:#ffffff0a;border-radius:50%;width:28px;height:28px}.scp-reply-header-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.scp-reply-author-name{color:#fff;font-size:13px}.scp-reply-author-role-badge{border-radius:3px;padding:1px 4px;font-size:9.5px;font-weight:700}.scp-reply-author-role-badge.teacher{color:#f59e0b;background:#f59e0b26}.scp-reply-author-role-badge.student{color:#60a5fa;background:#3b82f626}.scp-reply-created-date{color:var(--neutral-500);font-size:11px}.scp-reply-content-text{color:var(--neutral-300);margin:4px 0 0;font-size:13.5px;line-height:1.4}.scp-rating-container{width:100%;margin-top:24px}.scp-rating-card{border-radius:var(--radius-lg);box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff0f;padding:24px}.scp-rating-title{color:#fff;align-items:center;gap:8px;margin:0 0 16px;font-size:18px;font-weight:900;display:flex}.scp-rating-title-icon{color:#fbbf24}.scp-rating-stats-row{border-radius:var(--radius-md);background:#00000026;border:1px solid #ffffff08;align-items:center;gap:20px;margin-bottom:24px;padding:16px;display:flex}.scp-rating-avg-box{text-align:center;border-right:1px solid #ffffff14;padding-right:20px}.scp-rating-avg-value{color:#fbbf24;font-size:36px;font-weight:950;font-family:var(--font-display);line-height:1}.scp-rating-stars-row{justify-content:center;gap:2px;margin:6px 0 2px;display:flex}.scp-rating-star-icon{color:#fbbf24;font-size:16px}.scp-rating-stars-btn{cursor:pointer;background:0 0;border:none;outline:none;padding:0}.scp-rating-star-interactive-icon{color:#fbbf24;font-size:32px;transition:transform .1s}.scp-rating-count-span{color:var(--neutral-400);font-size:12px;font-weight:700}.scp-rating-text-desc{color:var(--neutral-300);margin:0;font-size:13.5px;line-height:1.5}.scp-rating-form-title{color:#fff;margin-bottom:8px;font-size:14px;display:block}.scp-rating-stars-selector{gap:6px;margin-bottom:14px;display:flex}.scp-rating-form-textarea{border-radius:var(--radius-md);color:#fff;resize:vertical;box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff14;outline:none;width:100%;min-height:80px;margin-bottom:12px;padding:12px 16px;font-family:inherit;font-size:14px}.scp-rating-success-banner{border-radius:var(--radius-md);color:#34d399;background:#10b9810d;border:1px solid #10b9811a;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:13.5px;font-weight:600;display:flex}.scp-reviews-list{flex-direction:column;gap:16px;display:flex}.scp-reviews-list-title{color:#fff;font-size:14.5px;display:block}.scp-review-row-item{border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.scp-review-author-avatar{object-fit:cover;background:#ffffff0a;border-radius:50%;width:32px;height:32px}.scp-review-author-name{color:#fff;font-size:13.5px}.scp-review-star-row{gap:1px;display:flex}.scp-review-star-icon{color:#fbbf24;font-size:12px}.scp-review-date{color:var(--neutral-500);font-size:11.5px}.scp-review-content{color:var(--neutral-300);margin:4px 0 0;font-size:13.5px;line-height:1.4}html body .student-course-detail-page.is-detail-view{border:none;border-radius:0;width:100%;max-width:100%;height:100vh;margin:0;padding:0;display:flex;overflow:hidden}html body .student-course-progress-widget{border-bottom:1px solid #ffffff14;margin-bottom:8px;padding-bottom:16px}html body .student-course-progress-text-row{color:#ffffffb3;justify-content:space-between;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}html body .student-course-progress-track-bg{background:#ffffff1a;border-radius:99px;height:8px;overflow:hidden}html body .student-course-progress-bar-fill{background:linear-gradient(90deg,#3b82f6 0%,#10b981 100%);height:100%;transition:width .3s}html body .student-course-curriculum-header{color:#fff;font-size:16px;font-weight:900;font-family:var(--font-display);border-bottom:1px solid #ffffff14;align-items:center;gap:8px;margin:0 0 10px;padding-bottom:12px;display:flex}html body .student-course-curriculum-header .material-icons{color:#60a5fa}html body .student-course-curriculum-list{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;display:flex}html body .student-course-nav-btn-order{text-transform:uppercase;letter-spacing:.8px;color:var(--neutral-400);border-radius:var(--radius-sm);background:#0003;flex-shrink:0;margin-top:2px;padding:2px 6px;font-size:11px;font-weight:700;transition:all .2s}html body .student-course-nav-btn.is-selected .student-course-nav-btn-order{color:#ffffffe6;background:#ffffff26}html body .student-course-nav-btn-title{word-break:break-word;flex:1;min-width:0;font-size:13.5px;line-height:1.4;display:block}html body .student-course-nav-btn-check-icon{color:#22c55e;vertical-align:middle;margin-left:6px;font-size:14px;display:inline-block}html body .student-course-nav-btn.is-selected .student-course-nav-btn-check-icon{color:#fff}html body .student-course-nav-btn-lock-icon{color:#ffffff40;flex-shrink:0;margin-top:2px;margin-left:auto;font-size:16px}html body .student-course-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;width:100%;margin-bottom:24px;display:flex}html body .student-course-detail-title-wrapper{flex:1;min-width:280px}html body .student-course-detail-title{font-size:26px;font-weight:900;font-family:var(--font-display);color:#fff;margin:0;line-height:1.2}html body .student-course-detail-subtitle{color:var(--neutral-400);margin:4px 0 8px;font-size:14px;font-weight:500}html body .student-course-header-progress{align-items:center;gap:12px;max-width:400px;margin-top:10px;display:flex}html body .student-course-header-progress-track{background:#ffffff1a;border-radius:99px;flex:1;height:6px;overflow:hidden}html body .student-course-header-progress-bar{background:linear-gradient(90deg,#3b82f6 0%,#10b981 100%);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}html body .student-course-header-progress-label{color:#60a5fa;white-space:nowrap;font-size:13px;font-weight:700}html body .student-course-back-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;margin-top:4px;padding:0;display:flex}html body .student-course-back-btn .material-icons{font-size:20px}html body .student-course-lesson-wrapper{box-sizing:border-box;width:100%;max-width:100%}html body .student-course-lesson-wrapper .empty-state{color:var(--neutral-400);text-align:center;border:1px dashed #ffffff26;border-radius:16px;padding:32px;font-size:15px}html body .student-course-lesson-article{width:100%;max-width:100%;box-shadow:none;-webkit-backdrop-filter:none;box-sizing:border-box;background:0 0;border:none;border-radius:0;margin-bottom:32px;padding:0;transition:all .3s}html body .student-course-lesson-meta{color:#60a5fa;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}html body .student-course-lesson-meta>span:first-child{background:#60a5fa1f;border:1px solid #60a5fa33;border-radius:99px;padding:4px 12px}html body .student-course-lesson-title{font-size:26px;font-weight:900;font-family:var(--font-display);color:#fff;letter-spacing:-.3px;margin:0 0 24px;line-height:1.35}html body .student-course-video-container{box-sizing:border-box;background:#000;border:1px solid #ffffff1f;border-radius:20px;width:100%;margin-bottom:32px;padding-top:56.25%;position:relative;overflow:hidden;box-shadow:0 16px 44px #00000073}html body .student-course-video-iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}html body .student-course-lesson-content-block{border-top:1px solid #ffffff14;padding-top:28px}html body .student-course-lesson-content-block.no-video{border-top:none;padding-top:0}html body .student-course-lesson-content-header{color:#fff;letter-spacing:-.2px;margin:0 0 14px;font-size:17px;font-weight:800}html body .student-course-lesson-text{color:#ffffffe0;white-space:pre-wrap;letter-spacing:.1px;font-size:15.5px;line-height:1.85}html body .student-course-attachments-section{border-top:1px solid #ffffff14;margin-top:32px;padding-top:24px}html body .student-course-attachments-title{color:#fff;align-items:center;gap:6px;margin:0 0 12px;font-size:16px;display:flex}html body .student-course-attachments-title .material-icons{color:#60a5fa}html body .student-course-attachments-list{flex-direction:column;gap:8px;display:flex}html body .student-course-attachments-list a{border-radius:var(--radius-md);color:inherit;background:#ffffff05;border:1px solid #ffffff0f;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}html body .student-course-attachments-list a:hover{background:#60a5fa1a;border-color:#60a5fa}html body .student-course-attachments-list a .att-icon-file{color:var(--neutral-400);font-size:24px}html body .student-course-attachments-list a .att-content-main{flex:1}html body .student-course-attachments-list a .att-content-name{color:#fff;font-size:14px;font-weight:700}html body .student-course-attachments-list a .att-content-url{color:var(--neutral-400);word-break:break-all;font-size:12px;display:block}html body .student-course-attachments-list a .att-icon-open{color:var(--neutral-400);font-size:18px}html body .lesson-steps-progress-widget{background:#0f172aa6;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px 20px;display:flex}html body .lesson-steps-progress-header{justify-content:space-between;align-items:center;display:flex}html body .lesson-steps-progress-title{color:var(--neutral-300);align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}html body .lesson-steps-progress-bar-track{background:#ffffff14;border-radius:99px;height:6px;position:relative;overflow:hidden}html body .lesson-steps-progress-bar-fill{background:linear-gradient(90deg,#3b82f6 0%,#10b981 100%);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}html body .lesson-steps-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:4px;display:grid}html body .lesson-step-item-capsule{color:var(--neutral-400);background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;transition:all .25s;display:flex}html body .lesson-step-item-capsule.is-active{color:#60a5fa;background:#3b82f61f;border-color:#3b82f64d;font-weight:600}html body .lesson-step-item-capsule.is-completed{color:#34d399;background:#10b9811f;border-color:#10b9814d;font-weight:600}html body .lesson-step-num-badge{width:22px;height:22px;color:inherit;background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}html body .lesson-step-item-capsule.is-completed .lesson-step-num-badge{color:#fff;background:#10b981}html body .lesson-step-item-capsule.is-active .lesson-step-num-badge{color:#fff;background:#3b82f6}@media (width<=768px){html body .lesson-steps-grid{grid-template-columns:1fr;gap:8px}}.tcp-empty-state{border:2px dashed var(--neutral-300);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.tcp-empty-state-icon{color:var(--neutral-400);margin-bottom:8px;font-size:48px}.tcp-empty-state-title{margin:0;font-size:15px;font-weight:700}.tcp-empty-state-desc{font-size:var(--text-sm);color:var(--neutral-500);margin:8px 0 16px}.tcp-pagination-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:40px;display:flex}.tcp-pagination-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:14px;font-weight:800;transition:all .2s;display:inline-flex}.tcp-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.tcp-pagination-ellipsis{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:inline-flex}html.dark .tcp-pagination-ellipsis{color:#fff6}html:not(.dark) .tcp-pagination-ellipsis{color:#0f172a66}.tcp-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.tcp-modal-container{background:var(--card-bg);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);width:90%;max-width:480px;padding:32px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.tcp-modal-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.tcp-modal-header-icon{font-size:32px}.tcp-modal-header-title{margin:0;font-size:18px;font-weight:800}.tcp-modal-body{color:var(--neutral-600);margin:0 0 20px;font-size:14.5px;line-height:1.6}.tcp-modal-actions{justify-content:flex-end;gap:12px;display:flex}.tcp-form-content{padding:24px 32px 100px}.tcp-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.tcp-btn-back{font-size:var(--text-sm);border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex}.tcp-form{grid-template-columns:1fr 1fr;gap:32px;display:grid}.tcp-form-column{flex-direction:column;gap:20px;display:flex}.tcp-section-title{align-items:center;gap:6px;margin:0 0 4px;font-size:15px;font-weight:700;display:flex}.tcp-form-label{margin:0}.tcp-form-row-grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.tcp-cover-preview-wrapper{border-radius:var(--radius-md);border:1px solid var(--neutral-300);width:100%;margin-bottom:16px;position:relative;overflow:hidden}.tcp-cover-preview-img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.tcp-cover-preview-overlay{color:#fff;font-size:var(--text-xs);text-align:center;background:#00000080;padding:4px 8px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.tcp-cover-preview-delete{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background-color .2s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #0003}.tcp-cover-preview-delete:hover{background:#ef4444}.tcp-tabs-btn-row{border-bottom:1px solid var(--neutral-200);gap:8px;margin-bottom:16px;padding-bottom:8px;display:flex}.tcp-tab-btn-flat{font-size:var(--text-sm);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;display:flex}.tcp-gallery-grid{border:1px solid var(--neutral-100);border-radius:var(--radius-sm);background:#00000003;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:10px;width:100%;padding:4px;display:grid}.tcp-gallery-item{border:1px solid var(--neutral-200);border-radius:var(--radius-sm);background:var(--card-bg);cursor:pointer;flex-direction:column;width:100%;height:95px;padding:0;transition:all .2s;display:flex;position:relative;overflow:hidden}.tcp-gallery-item.active{border-color:var(--primary);box-shadow:0 0 10px #0096884d}.tcp-gallery-item-img{object-fit:cover;width:100%;height:68px}.tcp-gallery-item-label{white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;color:var(--neutral-600);padding:2px 4px;font-size:9px;overflow:hidden}.tcp-gallery-item.active .tcp-gallery-item-label{color:var(--primary);background:var(--primary-light);font-weight:700}.tcp-gallery-item-check{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;top:2px;right:2px;box-shadow:0 1px 3px #0000004d}.tcp-uploader-box{border:2px dashed var(--neutral-300);border-radius:var(--radius-md);background:#00000005;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.tcp-uploader-content{color:var(--neutral-500);flex-direction:column;align-items:center;gap:8px;padding:12px 0;display:flex}.tcp-switch-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;margin:16px 0 0;display:flex}.tcp-switch-container{flex-shrink:0;width:38px;height:22px;position:relative}.tcp-switch-input{opacity:0;width:0;height:0;margin:0;position:absolute}.tcp-switch-slider{cursor:pointer;background-color:var(--neutral-300);border-radius:34px;transition:all .2s;position:absolute;inset:0}.tcp-switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}.tcp-switch-input:checked+.tcp-switch-slider{background-color:var(--primary)}.tcp-switch-input:checked+.tcp-switch-slider:before{transform:translate(16px)}.tcp-form-actions-row{gap:12px;margin-top:auto;padding-top:12px;display:flex}.tcp-form-submit-btn{font-size:var(--text-sm);flex:2;justify-content:center;height:38px;padding:10px 16px}.tcp-form-cancel-btn{font-size:var(--text-sm);flex:1;justify-content:center;height:38px;padding:10px 16px}.tcp-video-iframe-wrapper{aspect-ratio:16/9;border:1px solid var(--neutral-200);border-radius:8px;width:100%;position:relative;overflow:hidden}.tcp-preview-text{color:var(--neutral-700);font-size:var(--text-sm);white-space:pre-wrap;margin:0;line-height:1.6}.tcp-subform-box{background:var(--card-bg);border:1px solid var(--neutral-200);border-radius:var(--radius-md);gap:16px;max-width:800px;padding:24px;display:grid}.tcp-subform-header{margin:0}.tcp-lesson-order-grid{grid-template-columns:1fr 80px;gap:12px;display:grid}.tcp-textarea-markdown{border-radius:var(--radius-md);border:1px solid var(--neutral-200);width:100%;min-height:180px;font-family:inherit;font-size:var(--text-base);margin-top:6px;padding:10px 14px}.tcp-subform-inner-section{border-top:1px solid var(--neutral-100);padding-top:16px}.tcp-subform-inner-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.tcp-subform-inner-title{align-items:center;gap:6px;margin:0;display:flex}.tcp-vocab-word-row{background:var(--neutral-50);border-radius:var(--radius-sm);border:1px solid var(--neutral-200);grid-template-columns:1fr 100px 1.2fr 1.2fr auto;align-items:center;gap:8px;padding:10px;display:grid}.tcp-vocab-word-input,.tcp-vocab-word-select{font-size:var(--text-sm);padding:6px 8px}.tcp-quiz-card{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:16px;display:flex;position:relative}.tcp-quiz-card-header{justify-content:space-between;align-items:center;display:flex}.tcp-quiz-card-number{font-weight:700;font-size:var(--text-base);color:var(--primary-700)}.tcp-quiz-card-delete-btn{color:var(--error-color);border:none;align-items:center;gap:4px;padding:4px;display:inline-flex}.tcp-quiz-card-input{width:100%;font-size:var(--text-sm);border:1px solid var(--neutral-200);border-radius:var(--radius-md);margin-top:4px;padding:8px 12px}.tcp-quiz-card-options-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tcp-quiz-card-option-input{width:100%;font-size:var(--text-sm);border:1px solid var(--neutral-200);border-radius:var(--radius-md);margin-top:4px;padding:6px 10px}.tcp-quiz-card-meta-grid{grid-template-columns:1fr 1.5fr;gap:12px;display:grid}.tcp-list-wrapper{background:var(--card-bg);border:1px solid var(--neutral-200);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:16px;display:flex}.tcp-list-row{border-radius:var(--radius-sm);border-bottom:1px solid var(--neutral-100);justify-content:space-between;align-items:center;padding:12px;display:flex}.tcp-enrollment-row{border-radius:var(--radius-sm);border-bottom:1px solid var(--neutral-100);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.tcp-dashboard-container{padding:24px 32px 100px}.tcp-dashboard-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.tcp-dashboard-title{font-size:26px}.tcp-dashboard-desc{color:var(--neutral-500);font-size:var(--text-sm);margin:6px 0 0;line-height:1.5}.tcp-card-person-icon{font-size:var(--text-sm);color:var(--primary)}.tcp-card-btn-text{margin-left:4px}.tcp-text-danger-bold{color:var(--error-color,#ef4444);font-weight:700}.tcp-icon-16{font-size:16px}.tcp-icon-18{font-size:18px}.tcp-icon-20{font-size:20px}.tcp-icon-24{font-size:24px}.tcp-icon-32{font-size:32px}.tcp-icon-40{font-size:40px}.tcp-icon-48{font-size:48px}.tcp-margin-bottom-0{margin-bottom:0}.tcp-icon-2xs{font-size:var(--text-2xs)}.tcp-icon-42-primary{color:var(--primary);font-size:42px}.tcp-uploader-title{font-size:var(--text-sm);font-weight:600}.tcp-uploader-desc{font-size:var(--text-xs)}.tcp-label-sm{font-size:var(--text-sm)}.tcp-margin-0{margin:0}.tcp-error-banner{background:var(--error-bg,#ef44441a);color:var(--error-color,#ef4444);border-radius:var(--radius-sm,6px);font-size:var(--text-sm);margin-bottom:16px;padding:10px 14px;font-weight:500}.tcp-btn-danger:hover{background:var(--error-dark,#dc2626);border-color:var(--error-dark,#dc2626)}.tcp-loading-detail-content,.tcp-error-detail-content{text-align:center;padding:24px 32px 100px}.tcp-course-detail-container{padding:24px 32px 100px}.tcp-pending-banner{border-radius:var(--radius-md);align-items:center;gap:8px;margin-bottom:20px;padding:16px;display:flex}.tcp-pending-banner.pending{background:#f59e0b1a;border:1px solid #d97706}.tcp-pending-banner.rejected{background:#ef44441a;border:1px solid #dc2626}.tcp-detail-card{background:var(--card-bg);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:24px;display:grid;position:relative;box-shadow:0 4px 20px #00000008}html body .tcp-container-main,html.dark body .tcp-container-main{-webkit-backdrop-filter:blur(28px)saturate(180%)!important;background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%)!important;border:1px solid #ffffff24!important;box-shadow:inset 0 1px 1px #fff3,0 25px 50px -12px #0006!important}html body .course-detail-header-card.tcp-detail-card,html.dark body .course-detail-header-card.tcp-detail-card{-webkit-backdrop-filter:blur(24px)saturate(180%)!important;background:#ffffff09!important;border:1px solid #ffffff1f!important;border-radius:24px!important;box-shadow:inset 0 1px 1px #ffffff26,0 20px 40px -15px #00000059!important}html body .lesson-list-item,html.dark body .lesson-list-item,html body .tcp-vocab-list-article,html.dark body .tcp-vocab-list-article,html body .tcp-list-wrapper,html.dark body .tcp-list-wrapper,html body .course-class-row,html.dark body .course-class-row,html body .course-enrollment-row,html.dark body .course-enrollment-row,html body .tcp-subform-box,html.dark body .tcp-subform-box,html body .tcp-vocab-creation-form,html.dark body .tcp-vocab-creation-form{-webkit-backdrop-filter:blur(24px)saturate(180%)!important;background:#ffffff09!important;border:1px solid #ffffff1f!important;border-radius:20px!important;box-shadow:inset 0 1px 1px #ffffff1f,0 12px 30px -10px #00000040!important}.tcp-detail-flex-row{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.tcp-detail-cover-box{border-radius:var(--radius-md);border:1px solid var(--neutral-300);flex-shrink:0;width:180px;height:110px;overflow:hidden;box-shadow:0 4px 10px #00000014}.tcp-detail-info-col{flex:1;min-width:200px}.tcp-detail-tag-row{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.tcp-detail-right-col{flex-direction:column;justify-content:space-between;gap:20px;display:flex}.tcp-detail-stats-grid{background:var(--neutral-50);border-radius:var(--radius-md);border:1px solid var(--neutral-100);grid-template-columns:repeat(4,1fr);gap:8px;margin-top:auto;padding:12px;display:grid}.tcp-detail-stats-item{text-align:center}.tcp-detail-stats-item.border-right{border-right:1px solid var(--neutral-200)}.tcp-detail-stats-num{font-size:16px;font-weight:800;display:block}.tcp-detail-tab-row{border-bottom:1px solid var(--neutral-200);flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:8px;display:flex}.tcp-detail-tab-btn{background:0 0;border:none;align-items:center;gap:6px;padding:10px 16px;font-weight:700;display:flex}.tcp-detail-tab-badge{font-size:var(--text-xs);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:6px;font-weight:800;line-height:1;display:inline-flex}.tcp-detail-tab-badge.tcp-badge-neutral{color:var(--neutral-600);background:#00000014}html.dark .tcp-detail-tab-badge.tcp-badge-neutral{color:#e2e8f0;background:#ffffff26}.tcp-detail-tab-badge.tcp-badge-primary{background:var(--primary);color:#fff}.tcp-detail-tab-badge.tcp-badge-success{color:#fff;background:#10b981}.tcp-detail-tab-badge.tcp-badge-warning{color:#fff;background:#f59e0b}.tcp-detail-tab-badge.tcp-badge-info{color:#fff;background:#3b82f6}.lesson-list-item{background:var(--card-bg);border:1px solid var(--neutral-200);border-radius:var(--radius-md);align-items:flex-start;gap:16px;padding:20px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000005}html.dark .lesson-list-item{border-color:#ffffff14}.lesson-list-item:hover{border-color:var(--primary);box-shadow:none!important}.tcp-lesson-actions-wrapper{flex-shrink:0;gap:8px;display:flex}.tcp-flex-column-16{flex-direction:column;gap:16px;display:flex}.tcp-flex-column-12{flex-direction:column;gap:12px;display:flex}.tcp-lesson-order-badge{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark,#00796b) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:flex;box-shadow:0 2px 6px #0096884d}.tcp-detail-expanded-grid{gap:20px;margin-top:16px;display:grid}.tcp-detail-markdown-content{color:var(--neutral-700);font-size:var(--text-sm);white-space:pre-wrap;margin:0;line-height:1.6}.tcp-lesson-description-text{color:var(--neutral-500);font-size:var(--text-sm);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.tcp-vocab-words-preview-container{flex-direction:column;gap:12px;display:flex}.tcp-vocab-list-article{background:var(--card-bg);border:1px solid var(--neutral-200);border-radius:var(--radius-md);padding:20px;box-shadow:0 2px 8px #00000005}.tcp-vocab-list-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.tcp-vocab-list-title{margin:0 0 4px;font-size:18px;font-weight:700}.tcp-vocab-list-desc{color:var(--neutral-500);font-size:var(--text-sm);margin:0}.tcp-vocab-words-box{background:var(--neutral-50);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid var(--neutral-100);padding:16px}.tcp-vocab-words-box-title{font-size:var(--text-sm);color:var(--neutral-500);margin-bottom:10px;display:block}.tcp-vocab-words-chips-row{flex-wrap:wrap;gap:8px;display:flex}.tcp-vocab-word-chip{background:var(--card-bg);border:1px solid var(--neutral-200);font-size:var(--text-sm);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #00000005}.tcp-vocab-word-text{color:var(--primary)}.tcp-vocab-word-pos{color:var(--neutral-400);font-size:var(--text-xs);font-style:italic}.tcp-vocab-word-divider{color:var(--neutral-300)}.tcp-vocab-word-meaning{color:var(--neutral-700);font-weight:500}.tcp-vocab-creation-form{background:var(--card-bg);border:1px solid var(--neutral-200);border-radius:var(--radius-md);gap:16px;padding:24px;display:grid}.tcp-approval-banner{border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:16px;display:flex}.tcp-approval-banner.pending{background:#f59e0b26;border:1px solid #d97706}.tcp-approval-banner.rejected{background:#ef444426;border:1px solid #dc2626}.tcp-banner-info-wrap{align-items:center;gap:8px;display:flex}.tcp-banner-info-title{font-size:15px;font-weight:700}.tcp-banner-info-title.warning{color:#d97706}.tcp-banner-info-title.danger{color:#dc2626}.tcp-banner-info-desc{font-size:var(--text-sm);color:var(--neutral-600);margin:4px 0 0}.tcp-btn-approve{color:#fff;background:#10b981;border-color:#10b981}.tcp-btn-approve:hover{background:#059669;border-color:#059669}.tcp-btn-reject{color:#dc2626;background:#ef44441a;border-color:#ef444433}.tcp-btn-reject:hover{background:#ef444433}.tcp-video-iframe-wrapper{border:1px solid var(--neutral-200);box-sizing:border-box;background:#000;border-radius:12px;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.tcp-video-iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.tcp-preview-section-title{color:var(--neutral-700);margin:0 0 6px;font-size:14px;font-weight:700}.tcp-preview-border-divider{border-top:1px solid var(--neutral-100);padding-top:12px}.tcp-preview-icon-title{color:var(--neutral-700);align-items:center;gap:6px;margin:0 0 8px;font-size:14px;font-weight:700;display:flex}.tcp-preview-attachments-grid{gap:6px;display:grid}.tcp-preview-attachment-link{font-size:var(--text-sm);color:var(--primary-600);align-items:center;gap:6px;font-weight:500;text-decoration:none;display:inline-flex}.tcp-preview-exercises-grid{gap:16px;display:grid}.tcp-preview-exercise-box{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:8px;padding:12px}.tcp-preview-exercise-question{color:var(--neutral-800);margin:0 0 8px;font-size:13.5px;font-weight:600}.tcp-preview-exercise-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.tcp-preview-exercise-option{color:var(--neutral-600);background:var(--card-bg);border:1px solid var(--neutral-200);border-radius:6px;gap:6px;padding:6px 10px;font-size:13px;display:flex}.tcp-preview-exercise-explanation{color:var(--neutral-500);margin:8px 0 0;font-size:12px;font-style:italic}.tcp-thumbnail-img{object-fit:cover;width:100%;height:100%}.tcp-margin-bottom-32{margin-bottom:32px}.tcp-course-title{margin:0 0 8px;font-size:24px}.tcp-flex-end-row{justify-content:flex-end;gap:10px;width:100%;display:flex}.tcp-color-primary{color:var(--primary)}.tcp-color-success{color:var(--success)}.tcp-color-warning{color:var(--warning)}.tcp-color-info{color:var(--info)}.tcp-badge-xs{font-size:var(--text-2xs);margin-bottom:0}.tcp-btn-back{border-radius:999px;align-items:center;gap:6px;height:38px;padding:8px 16px;display:inline-flex}.tcp-flex-gap-8{gap:8px;display:flex}.tcp-inline-flex-center-gap-4{font-size:var(--text-sm);align-items:center;gap:4px;padding:6px 12px;display:inline-flex}.tcp-btn-edit-course{background:var(--primary-light);color:var(--primary);border-color:var(--primary-200)}.tcp-stats-label{font-size:var(--text-2xs);color:var(--neutral-500);font-weight:700}.tcp-badge-primary{background:var(--primary);color:#fff}.tcp-badge-neutral{background:var(--neutral-200);color:var(--neutral-600)}.tcp-badge-success{background:var(--success);color:#fff}.tcp-badge-warning{background:var(--warning);color:#fff}.tcp-badge-info{background:var(--info);color:#fff}.tcp-flex-between-center{justify-content:space-between;align-items:center;display:flex}.tcp-flex-1-min-0{flex:1;min-width:0}.tcp-margin-bottom-12{margin-bottom:12px}.tcp-lesson-badge-danger{font-size:var(--text-xs);color:var(--error-color);background:#ef44441a;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-weight:700;display:inline-flex}.tcp-lesson-badge-primary{background:var(--primary-50);font-size:var(--text-xs);color:var(--primary-700);border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-weight:700;display:inline-flex}.tcp-lesson-badge-success{background:var(--success-50);font-size:var(--text-xs);color:var(--success-700);border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-weight:700;display:inline-flex}.tcp-margin-top-8{margin-top:8px}.text-error{color:var(--error-color)}.tcp-color-danger{color:#dc2626}.tcp-bold{font-weight:700}.tcp-color-neutral-500{color:var(--neutral-500)}.tcp-scrollable-exercises-list{flex-direction:column;gap:16px;max-height:400px;padding-right:4px;display:flex;overflow-y:auto}.tcp-flex-none{flex:none}.tcp-color-neutral-400{color:var(--neutral-400)}.tcp-margin-bottom-8{margin-bottom:8px}.tcp-vocab-uploader-label{cursor:pointer;box-sizing:border-box;align-items:center;gap:6px;height:34px;margin:0;display:inline-flex}.tcp-height-34{height:34px}.tcp-uploader-para{margin:0 0 16px;line-height:1.4}.tcp-scrollable-words-list{max-height:350px;padding-right:4px;overflow-y:auto}.tcp-subform-actions-row{border-top:1px solid var(--neutral-100);margin-top:12px;padding-top:16px}.tcp-hidden{display:none}.tcp-margin-bottom-16{margin-bottom:16px}.tcp-font-16{font-size:16px}.tcp-margin-left-8{margin-left:8px}.tcp-btn-assign{justify-content:center;min-width:120px}.tcp-enrollment-date{font-size:var(--text-xs);color:var(--neutral-500);margin-top:4px}.tcp-flex-align-center-gap-12{align-items:center;gap:12px;display:flex}.tcp-enrollment-status-badge{font-size:var(--text-xs);padding:4px 10px}.tcp-modal-error-box{background:var(--error-bg,#ef44441a);color:var(--error-color,#ef4444);border-radius:var(--radius-sm,6px);font-size:var(--text-sm);margin-bottom:16px;padding:10px 14px;font-weight:500}.tcp-btn-danger{background:var(--error-color,#ef4444);border-color:var(--error-color,#ef4444);color:#fff}.tcp-btn-success{background:var(--success-color,#10b981);border-color:var(--success-color,#10b981);color:#fff}.tcp-tab-title{margin:0;font-weight:700}.tcp-cursor-pointer{cursor:pointer}.tcp-lesson-title-text{margin:0;font-size:17px;font-weight:700}.tcp-lesson-actions-wrapper{gap:8px;margin-left:12px;display:flex}.content section.tcp-container-main{padding:0!important}.tcp-container-main{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fff9 0%,#f1f5f980 100%);border:1px solid #0f172a14;width:95%;max-width:1600px;margin:16px auto 64px;padding:0;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px #0f172a14,inset 0 1px #fff6}html.dark .tcp-container-main{background:linear-gradient(135deg,#0f172a73 0%,#1e293b66 100%);border:1px solid #ffffff14;box-shadow:0 20px 40px -15px #00000080,inset 0 1px #ffffff0d}.tcp-container-main.radius-md{border-radius:var(--radius-md)}.tcp-cursor-text{cursor:text}.tcp-modal-btn{font-size:var(--text-sm);height:36px;padding:8px 16px}.tcp-thumbnail-upload-label{cursor:pointer;align-items:center;gap:6px;margin:0;display:inline-flex}.tcp-chevron-icon{color:var(--neutral-400);transition:transform .2s}.tcp-modal-header.danger-color{color:var(--error-color,#ef4444)}.tcp-modal-header.success-color{color:var(--success-color,#10b981)}@media (width<=1024px){.tcp-form-content{padding:12px 12px 160px!important}.tcp-form{grid-template-columns:1fr;gap:20px;width:100%}.tcp-form-column{width:100%}.tcp-form-actions-row{flex-direction:column-reverse;gap:12px;width:100%}.tcp-form-actions-row button{flex:none;width:100%;height:44px}.tcp-section-header{min-height:44px;padding-right:56px;display:block;position:relative}.tcp-container-main.liquid-glass{margin-bottom:120px}}.tcp-moderation-container{flex-direction:column;gap:24px;margin-top:24px;display:flex}.tcp-moderation-card{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#ffffff09;border:1px solid #ffffff1f;border-radius:24px;padding:28px 32px;box-shadow:inset 0 1px 1px #ffffff26,0 20px 40px -15px #00000059}.tcp-moderation-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.tcp-moderation-title{color:#fff;align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.tcp-moderation-title .material-icons{font-size:20px}.tcp-moderation-title .star-icon{color:#fbbf24}.tcp-moderation-title .forum-icon{color:#60a5fa}.tcp-moderation-avg-badge{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2433;border-radius:99px;padding:4px 12px;font-size:16px;font-weight:800}.tcp-moderation-empty{color:var(--neutral-400);margin:0;padding:8px 0;font-style:italic}.tcp-moderation-review-list,.tcp-moderation-comment-list{flex-direction:column;gap:12px;display:flex}.tcp-moderation-comment-list{gap:16px}.tcp-moderation-review-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;justify-content:space-between;align-items:flex-start;padding:14px 16px;display:flex}.tcp-moderation-review-body{flex:1;min-width:0}.tcp-moderation-review-meta{align-items:center;gap:8px;margin-bottom:6px;display:flex}.tcp-moderation-author-name{color:#fff;font-size:14px;font-weight:600}.tcp-moderation-stars{color:#fbbf24;font-size:12px;font-weight:700}.tcp-moderation-date{color:var(--neutral-500);font-size:12px}.tcp-moderation-content-text{color:var(--neutral-300);margin:0;font-size:13.5px;line-height:1.5}.tcp-moderation-btn-danger{cursor:pointer;flex-shrink:0;align-items:center;gap:4px;margin-left:12px;padding:6px 12px;font-size:12px;display:flex;color:#ef4444!important;border-color:#ef44444d!important}.tcp-moderation-filter-wrap{align-items:center;gap:10px;display:flex}.tcp-moderation-filter-label{color:var(--neutral-400);font-size:13px;font-weight:500}.tcp-moderation-select{-webkit-backdrop-filter:blur(16px)saturate(180%);color:#fff;cursor:pointer;appearance:none;background-color:#ffffff0f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,255,255,0.85)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ffffff29;border-radius:12px;outline:none;padding:9px 38px 9px 14px;font-size:13.5px;font-weight:500;transition:all .2s;box-shadow:inset 0 1px #ffffff1a}.tcp-moderation-select:hover{background-color:#ffffff1f;border-color:#ffffff4d}.tcp-moderation-select option{color:#fff;background:#0f172a}.tcp-moderation-comment-item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;padding:16px 20px}.tcp-moderation-comment-item.is-pinned{background:#3b82f614;border:1px solid #3b82f64d}.tcp-moderation-comment-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.tcp-moderation-author-group{align-items:center;gap:10px;display:flex}.tcp-moderation-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.tcp-moderation-pinned-badge{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d;border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.tcp-moderation-action-group{gap:8px;display:flex}.tcp-moderation-btn-action{cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.tcp-moderation-btn-action.is-pinned{color:#60a5fa;border-color:#3b82f666}.tcp-moderation-comment-text{color:var(--neutral-200);white-space:pre-wrap;margin:8px 0 12px;font-size:14px;line-height:1.6}.tcp-moderation-replies-wrap{border-left:2px solid #ffffff14;flex-direction:column;gap:10px;margin-top:12px;margin-left:20px;padding-left:14px;display:flex}.tcp-moderation-reply-item{align-items:flex-start;gap:10px;display:flex}.tcp-moderation-reply-avatar{object-fit:cover;border-radius:50%;width:26px;height:26px}.tcp-moderation-reply-badge{color:#f59e0b;background:#f59e0b26;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.tcp-moderation-reply-form{align-items:flex-start;gap:10px;margin-top:14px;display:flex}.tcp-moderation-reply-input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;outline:none;flex:1;padding:8px 14px;font-size:13.5px}.content-full-bleed{flex-direction:column;display:flex}.content-full-bleed>.course-dash-page{flex:auto;min-height:100%}.course-dash-page{z-index:1;width:100%;min-height:100%;padding:clamp(20px,3vw,36px) 0 12px;position:relative;overflow:hidden;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important}.page-studentcourses .authenticated-content,html.dark .authenticated-shell.page-studentcourses .content.authenticated-content.content-full-bleed,.authenticated-shell.page-studentcourses .content.authenticated-content.content-full-bleed{background:0 0!important}.courses-layout-shell{flex-direction:column;min-height:100vh;display:flex}.courses-layout-footer{margin-top:auto}.course-dash-bg{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.course-dash-bg img{object-fit:cover;object-position:center center;width:100%;height:100%}.course-dash-bg-overlay{background:linear-gradient(90deg,#030712a6 0%,#03071259 36%,#03071233 100%);position:absolute;inset:0}.course-dash-page:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 18% 18%,#ffffff1a,#0000 20%),radial-gradient(circle at 72% 28%,#7ddf640f,#0000 18%),linear-gradient(#0206170a,#02061742);position:fixed;inset:0}.course-dash-shell{width:calc(100vw - 32px);max-width:none;min-height:calc(100vh - 164px);margin:0 auto;position:relative}.course-dash-hero{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(360px,400px);gap:24px;min-height:calc(100vh - 176px);padding:24px 0;display:grid;position:relative;overflow:visible}.course-dash-hero:before{display:none}.course-dash-main,.course-dash-side{z-index:1;position:relative}.course-dash-main{align-items:stretch;min-width:0;display:flex}.course-dash-copy{z-index:2;flex-direction:column;justify-content:center;max-width:680px;min-height:100%;padding:92px 32px 110px 78px;display:flex;position:relative}.course-dash-meta{align-items:center;gap:14px;margin-bottom:28px;display:flex}.course-dash-group{color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;font-size:15px;font-weight:750;display:inline-flex}.course-dash-group:before{content:"";background:var(--course-dash-accent);border-radius:999px;width:8px;height:8px;display:inline-block}.course-dash-level{color:#ffffffe6;-webkit-backdrop-filter:blur(8px);width:38px;height:38px;text-shadow:none;background:#ffffff14;border:1.5px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;font-size:14px;font-weight:950;display:inline-flex;box-shadow:0 4px 12px #0000004d}.course-dash-status{color:#ffffffe6;-webkit-backdrop-filter:blur(8px);text-transform:uppercase;white-space:nowrap;letter-spacing:.05em;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;align-items:center;height:28px;padding:0 14px;font-size:11px;font-weight:900;display:inline-flex;box-shadow:0 4px 12px #0000003d}.course-dash-copy h1{color:#fff;letter-spacing:-.5px;text-transform:none;text-shadow:0 18px 42px #0000006b;max-width:680px;margin:0;font-size:clamp(26px,3.5vw,34px);font-weight:950;line-height:1.25}.course-dash-copy p{color:#ffffffeb;text-shadow:0 10px 24px #00000057;max-width:520px;margin:22px 0 0;font-size:16px;font-weight:650;line-height:1.6}.course-dash-cta{width:fit-content;min-width:unset;color:#fff;text-transform:none;-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1.5px solid #ffffff26;border-radius:99px;justify-content:center;align-self:flex-start;align-items:center;gap:8px;margin-top:28px;padding:8px 18px;font-size:13px;font-weight:750;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 4px 16px #0000001f}.course-dash-cta:hover{color:#fff;background:#ffffff2e;border-color:#ffffff47;transform:translateY(-2px)scale(1.02);box-shadow:none!important}.course-dash-cta:active{transform:translateY(-1px)scale(.98)}.course-dash-cta.is-disabled{opacity:.5;pointer-events:none}.course-dash-error{color:#fecaca;margin-top:14px}.course-dash-picker{z-index:4;gap:10px;width:min(790px,58vw);display:grid;position:absolute;bottom:0;left:110px}.course-dash-picker-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.course-dash-picker-head span{color:#ffffffb8;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:900}.course-dash-picker-toggle,.course-dash-arrow{color:#fff;-webkit-backdrop-filter:blur(18px)saturate(145%);background:linear-gradient(135deg,#ffffff29,#ffffff0f),#0f172a5c;border:1px solid #ffffff29;box-shadow:inset 0 1px #ffffff38,0 12px 34px #0000003d}.course-dash-picker-toggle{border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.course-dash-picker-item{color:#fff;text-align:left;isolation:isolate;background:linear-gradient(#0f172a0d 0%,#0f172ac2 100%);border:1px solid #ffffff2e;border-radius:20px;align-content:end;width:188px;min-width:188px;min-height:96px;padding:12px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 34px #00000047}.course-dash-picker-item-bg{object-fit:cover;z-index:-2;pointer-events:none;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.course-dash-picker-item:hover .course-dash-picker-item-bg{transform:scale(1.08)}.course-dash-picker-item:before{content:"";z-index:-1;background:linear-gradient(#ffffff05,#0f172a47 44%,#0f172ae0),radial-gradient(circle at 82% 18%,#ffffff2e,#0000 22%);position:absolute;inset:0}.course-dash-picker-item span{border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-width:42px;min-height:28px;margin-bottom:8px;padding:0 10px;font-size:11px;font-weight:950;display:inline-flex;background:color-mix(in srgb, var(--course-level-color,#fff) 18%, #ffffff14)!important;color:var(--course-level-color,#fff)!important;border:1px solid color-mix(in srgb, var(--course-level-color,#fff) 45%, #fff3)!important;-webkit-backdrop-filter:blur(8px)!important;text-shadow:0 0 6px color-mix(in srgb, var(--course-level-color,#fff) 50%, transparent)!important}.course-dash-picker-item strong,.course-dash-picker-item small{white-space:nowrap;text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.course-dash-picker-item strong{color:#fff;font-size:14px;font-weight:900}.course-dash-picker-item small{color:#ffffffc7;margin-top:4px;font-size:10px;font-weight:750}.course-dash-picker-list{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;gap:12px;margin:-8px;padding:8px 8px 16px;display:flex;overflow:auto hidden}.course-dash-picker-item{cursor:pointer}.course-dash-picker-item.is-active{z-index:10;border-color:#fffc;transform:translateY(-2px);box-shadow:0 18px 42px #0006,0 0 0 2px #fff9}.course-dash-picker-empty{color:#ffffffc7;text-align:center;-webkit-backdrop-filter:blur(18px);box-sizing:border-box;background:#0f172a94;border:1px solid #ffffff2e;border-radius:20px;justify-content:center;align-items:center;width:188px;min-width:188px;min-height:96px;padding:12px;font-size:13px;font-weight:750;display:flex;position:relative;box-shadow:0 16px 34px #00000047}.course-dash-side{-webkit-backdrop-filter:none;min-width:0;height:calc(100vh - 208px);max-height:calc(100vh - 208px);box-shadow:none;background:0 0;border:none;flex-direction:column;margin-top:32px;display:flex}.course-dash-summary{-webkit-backdrop-filter:blur(18px);background:#0f172a94;border:1px solid #ffffff24;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000059}.course-dash-summary:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0,#ffffff24,#0000 28%),linear-gradient(135deg,#ffffff0d,#0000 46%,#ffffff05);position:absolute;inset:0}.course-dash-summary{padding:22px 22px 20px}.course-dash-summary-kicker{z-index:1;color:#ffffffa8;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;display:block;position:relative}.course-dash-summary strong{z-index:1;color:#fff;margin-top:10px;font-size:40px;font-weight:950;line-height:1;display:block;position:relative}.course-dash-summary p{z-index:1;color:#ffffffd1;margin:10px 0 0;font-size:14px;line-height:1.5;position:relative}.course-dash-roadmap{height:100%;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;border-radius:0;flex-direction:column;flex:auto;padding:0 32px 0 0;display:flex;overflow:visible}.course-dash-roadmap:before{display:none}.course-dash-roadmap-head{z-index:1;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex;position:relative}.course-dash-roadmap-head h2{color:#fff;margin:0;font-size:22px;font-weight:950}.course-dash-roadmap-head span{color:#ffffffa3;font-size:12px;font-weight:850}.course-dash-roadmap-list{z-index:1;-webkit-backdrop-filter:none;min-height:0;box-shadow:none;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;background:0 0;border:none;flex:auto;grid-auto-rows:max-content;gap:14px;padding-right:2px;display:grid;position:relative;overflow:hidden auto}.course-dash-roadmap-list::-webkit-scrollbar{width:8px}.course-dash-picker-list::-webkit-scrollbar{width:8px}.course-dash-roadmap-list::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.course-dash-picker-list::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.course-dash-roadmap-card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;gap:10px;padding:16px;display:flex}.course-dash-roadmap-card.liquid-glass{-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border:none}.course-dash-roadmap-card.is-locked{opacity:.65;-webkit-backdrop-filter:none}.course-dash-roadmap-card h3{color:#fff;margin:0;font-size:15px;font-weight:900;line-height:1.35}.course-dash-tags{flex-wrap:wrap;gap:6px;display:flex}.course-dash-tags span{color:#ffffffc7;background:#ffffff1a;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.course-dash-progress-row{color:#ffffffb8;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;display:flex}.course-dash-progress-row strong{color:#fff}.course-dash-progress-track{background:#ffffff1f;border-radius:999px;height:8px;overflow:hidden}.course-dash-progress-track div{border-radius:inherit;background:linear-gradient(90deg,#a7f3d0,#60a5fa);height:100%}.course-dash-roadmap-card button{color:#fff;-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1.5px solid #ffffff26;border-radius:999px;outline:none;align-self:flex-start;min-height:36px;padding:0 18px;font-size:12px;font-weight:950;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 16px #0000001f}.course-dash-roadmap-card button:disabled{color:#ffffff59;cursor:not-allowed;box-shadow:none;background:#ffffff08;border-color:#ffffff0f;transform:none}.course-dash-roadmap-card button:hover{color:#fff;background:#ffffff2e;border-color:#ffffff47;outline:none;transform:translateY(-2px)scale(1.04);box-shadow:none!important}.course-dash-arrow{z-index:6;border-radius:999px;outline:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.course-dash-arrow:hover,.course-dash-arrow:focus{color:#fff;background:#ffffff38;border-color:#fff6;outline:none;transform:translateY(-50%)scale(1.06);box-shadow:0 4px 16px #00000047}.course-dash-arrow-left{left:-6px}.course-dash-arrow-right{right:408px}@media (width<=1180px){.course-dash-shell{width:calc(100vw - 20px)}.course-dash-hero{padding:20px 0}.course-dash-picker{width:min(588px,50vw)}.course-dash-arrow-left{left:4px}.course-dash-arrow-right{right:384px}}@media (width<=1040px){.course-dash-page,.course-dash-shell{min-height:auto}.course-dash-hero{grid-template-columns:1fr;min-height:auto}.course-dash-main{min-height:440px}.course-dash-main:before{inset:10% 22% 6% 0}.course-dash-copy{max-width:560px;padding:56px 20px 24px 32px}.course-dash-side{grid-template-rows:auto;height:auto;max-height:none}.course-dash-picker{width:min(320px,56vw);top:18px;right:18px}.course-dash-picker-item,.course-dash-picker-empty{min-width:164px;min-height:88px}.course-dash-arrow-left{left:8px}.course-dash-arrow-right{right:8px}}@media (width<=768px){.page-studentcourses .authenticated-content{padding-top:56px!important}.course-dash-page{padding-bottom:12px;padding-top:0!important}.course-dash-page:before{background:0 0!important}.course-dash-shell{width:calc(100vw - 16px);min-height:auto}.course-dash-hero{grid-template-columns:1fr;gap:16px;min-height:auto;padding:8px 0}.course-dash-main{flex-direction:column!important;align-items:stretch!important;min-height:auto!important}.course-dash-main:before{display:none!important}.course-dash-copy{flex-direction:column!important;max-width:100%!important;min-height:390px!important;padding:16px 8px 12px!important;display:flex!important}.course-dash-meta{flex-wrap:wrap;gap:8px;margin-bottom:14px}.course-dash-copy h1{font-size:clamp(24px,6.5vw,32px)!important;line-height:1.3!important}.course-dash-copy p{max-width:100%;margin-top:12px;font-size:14px}.course-dash-cta{margin-top:auto!important}.course-dash-arrow{display:none!important}.course-dash-picker{flex-direction:column!important;gap:8px!important;width:100%!important;margin:16px 0 20px!important;padding:0 8px!important;display:flex!important;position:relative!important;inset:auto!important}.course-dash-picker-list{gap:10px!important;width:auto!important;margin:-8px!important;padding:8px 8px 16px!important;display:flex!important;overflow:auto hidden!important}.course-dash-picker-item,.course-dash-picker-empty{flex-shrink:0!important;width:154px!important;min-width:154px!important;min-height:84px!important;padding:10px!important}.course-dash-picker-value{width:100%!important}.course-dash-side{-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border:none;margin-top:16px;padding:0 8px}.course-dash-roadmap,.course-dash-roadmap-list{-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border:none}.course-dash-summary strong{font-size:32px}}@media (width<=480px){.course-dash-copy h1{font-size:24px!important}.course-dash-picker-item,.course-dash-picker-empty{width:144px!important;min-width:144px!important;min-height:80px!important}}.course-dash-empty-lessons-container{text-align:center;-webkit-backdrop-filter:blur(12px);background:#0f172a73;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;margin-top:12px;padding:36px 24px;display:flex;box-shadow:0 8px 32px #0000003d}.course-dash-empty-lessons-icon{color:#ffffffbf;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;display:flex;box-shadow:0 8px 32px #0003}.course-dash-empty-lessons-container h3{color:#fff;letter-spacing:-.2px;margin:0 0 8px;font-size:16px;font-weight:800}.course-dash-empty-lessons-container p{color:#fff9;max-width:240px;margin:0;font-size:13px;line-height:1.5}.placement-test-btn:hover{transform:scale(1.05);background:#ffffff29!important;border-color:#ffffff4d!important}.placement-modal-backdrop{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:10000;background:#020617b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.placement-modal-content{-webkit-backdrop-filter:blur(25px);background:#0f172a73;border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;width:100%;max-width:640px;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) placement-modal-in;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000080,inset 0 1px #ffffff0d}.placement-modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.placement-modal-header h2{color:#fff;letter-spacing:-.01em;margin:0;font-size:18px;font-weight:850}.placement-modal-close{color:#fff9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex}.placement-modal-close:hover{color:#fff;background:#ffffff1f;border-color:#fff3;transform:rotate(90deg)}.placement-modal-info{background:#ffffff05;border-bottom:1px solid #ffffff0f;padding:16px 24px}.placement-modal-info p{color:#ffffffb3;margin:0 0 12px;font-size:13px;line-height:1.5}.placement-progress-bar{flex-direction:column;gap:6px;display:flex}.placement-progress-track{background:#ffffff14;border-radius:99px;height:6px;overflow:hidden}.placement-progress-fill{background:linear-gradient(90deg,#60a5fa,#a78bfa);height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.placement-progress-text{color:#ffffff73;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:800}.placement-modal-body{flex-direction:column;flex:1;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.placement-modal-body::-webkit-scrollbar{width:6px}.placement-modal-body::-webkit-scrollbar-track{background:0 0}.placement-modal-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}.placement-modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff3d}.placement-question-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;flex-direction:column;gap:12px;padding:16px;transition:all .3s;display:flex}.placement-question-card:hover{background:#ffffff0a;border-color:#ffffff14}.placement-question-text{color:#fff;font-size:14px;font-weight:800;line-height:1.45}.placement-question-text .question-number{color:#60a5fa}.placement-options-list{flex-direction:column;gap:8px;display:flex}.placement-option-btn{color:#ffffffbf;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:13px;font-weight:750;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.placement-option-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff29;transform:translate(4px)}.placement-option-btn.is-selected{transform:translate(6px);box-shadow:0 0 16px #60a5fa1a;color:#60a5fa!important;background:#60a5fa1f!important;border-color:#60a5fa73!important}.placement-option-btn .option-indicator{color:#ffffff4d;justify-content:center;align-items:center;font-size:16px;display:flex}.placement-option-btn.is-selected .option-indicator{color:#60a5fa}.placement-modal-footer{background:#02061733;border-top:1px solid #ffffff0f;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.placement-cancel-btn{color:#ffffffbf;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:8px 18px;font-size:12px;font-weight:800;transition:all .2s}.placement-cancel-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.placement-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:999px;padding:8px 22px;font-size:12px;font-weight:850;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 16px #3b82f63d}.placement-submit-btn:hover:not(:disabled){transform:translateY(-2px)scale(1.03);box-shadow:none!important}.placement-submit-btn:disabled{cursor:not-allowed;box-shadow:none;color:#ffffff40!important;background:#ffffff0a!important;border:1px solid #ffffff0a!important}.placement-result-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:36px 24px;display:flex}.result-icon-glow{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex}.result-icon-glow span{font-size:36px}.result-icon-glow.success{color:#10b981;background:#10b98126;border:1px solid #10b9814d;animation:2s infinite placement-pulse-success;box-shadow:0 0 24px #10b98133}.result-icon-glow.failed{color:#ef4444;background:#ef444426;border:1px solid #ef44444d;box-shadow:0 0 24px #ef444433}.result-score-text{color:#fffc;margin:0 0 16px;font-size:14px}.result-score-text strong{color:#fff;font-size:18px}.result-rewards{gap:12px;margin-bottom:20px;display:flex}.reward-item{color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:800;display:flex}.result-desc{color:#fff9;max-width:400px;margin:0 0 28px;font-size:13px;line-height:1.5}.placement-result-btn{cursor:pointer;border-radius:999px;padding:10px 28px;font-size:13px;font-weight:850;transition:all .3s}.placement-result-btn.success-btn{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 16px #10b9813d}.placement-result-btn.success-btn:hover{transform:translateY(-2px);box-shadow:none!important}.result-actions{gap:12px;display:flex}.placement-result-btn.retry-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 4px 16px #3b82f63d}.placement-result-btn.retry-btn:hover{transform:translateY(-2px);box-shadow:none!important}.placement-result-btn.close-btn{color:#ffffffbf;background:#ffffff0a;border:1px solid #ffffff14}.placement-result-btn.close-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}@keyframes placement-modal-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes placement-pulse-success{0%,to{box-shadow:0 0 24px #10b98133}50%{box-shadow:0 0 36px #10b98166}}.placement-test-page-layout{background:var(--course-dash-scene,radial-gradient(circle at 50% 50%, #0f172a, #020617)) no-repeat center center fixed;color:#fff;min-height:100vh;font-family:var(--font-sans);background-size:cover;padding:40px 24px}.placement-test-container{max-width:1200px;margin:0 auto}.placement-test-header{-webkit-backdrop-filter:blur(16px);background:#0f172a73;border:1px solid #ffffff14;border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:20px 32px;display:flex;box-shadow:0 8px 32px #0000004d}.placement-test-header h1{background:linear-gradient(135deg,#fff 30%,#ffffffb3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 6px;font-size:28px;font-weight:800}.placement-test-header p{color:#ffffff80;margin:0;font-size:14px}.test-timer-clock{color:#ffbd2e;background:#ffbd2e1a;border:1px solid #ffbd2e4d;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-family:monospace;font-size:18px;font-weight:800;transition:all .3s;display:flex;box-shadow:0 0 15px #ffbd2e26}.test-timer-clock.is-low-time{color:#ef4444;background:#ef444426;border-color:#ef444466;animation:1s infinite alternate pulse-red}@keyframes pulse-red{0%{box-shadow:0 0 10px #ef444433}to{box-shadow:0 0 20px #ef444480}}.placement-test-columns{grid-template-columns:1fr 340px;align-items:start;gap:32px;display:grid}@media (width<=968px){.placement-test-columns{grid-template-columns:1fr}}.placement-test-main{flex-direction:column;gap:24px;display:flex}.placement-test-sidebar{position:sticky;top:100px}.sidebar-sticky-panel{-webkit-backdrop-filter:blur(16px);background:#0f172a73;border:1px solid #ffffff14;border-radius:24px;padding:24px;box-shadow:0 8px 32px #0000004d}.sidebar-sticky-panel h3{border-bottom:1px solid #ffffff14;margin:0 0 16px;padding-bottom:12px;font-size:18px;font-weight:700}.progress-bar-container{margin-bottom:24px}.progress-track{background:#ffffff14;border-radius:999px;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:999px;height:100%;transition:width .3s;box-shadow:0 0 10px #3b82f680}.progress-text{color:#ffffff80;font-size:12px}.questions-grid-container h4{text-transform:uppercase;letter-spacing:.05em;color:#fff6;margin:0 0 12px;font-size:13px;font-weight:600}.questions-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:28px;display:grid}.grid-number-btn{color:#fff9;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;height:44px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.grid-number-btn:hover{color:#fff;background:#ffffff14;border-color:#fff3}.grid-number-btn.is-answered{color:#60a5fa;background:#3b82f626;border-color:#3b82f666;box-shadow:inset 0 0 8px #3b82f61a}.grid-number-btn.is-active{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 12px #3b82f666}.sidebar-actions{flex-direction:column;gap:12px;display:flex}.sidebar-btn{cursor:pointer;border-radius:14px;width:100%;padding:12px;font-size:14px;font-weight:700;transition:all .3s}.sidebar-btn.submit-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;box-shadow:0 4px 16px #3b82f640}.sidebar-btn.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:none!important}.sidebar-btn.submit-btn:disabled{color:#ffffff4d;cursor:not-allowed;box-shadow:none;background:#ffffff0a;border:1px solid #ffffff14}.sidebar-btn.exit-btn{color:#ffffffb3;background:#ffffff0a;border:1px solid #ffffff14}.sidebar-btn.exit-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.sidebar-outcome-score{flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;display:flex}.score-badge{border-radius:20px;padding:12px 24px;font-size:32px;font-weight:900}.score-badge.success{color:#10b981;background:#10b9811a;border:1px solid #10b9814d}.score-badge.failed{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.score-desc{letter-spacing:.1em;color:#ffffff80;margin:0;font-size:13px;font-weight:800}.placement-question-card{-webkit-backdrop-filter:blur(16px);cursor:pointer;background:#0f172a73;border:1px solid #ffffff14;border-radius:24px;padding:28px;scroll-margin-top:100px;transition:all .3s;box-shadow:0 8px 32px #0003}.placement-question-card:hover{border-color:#ffffff26}.placement-question-card.is-focused{background:#0f172a8c;border-color:#3b82f680;box-shadow:0 0 20px #3b82f626,0 8px 32px #0000004d}.question-card-head{margin-bottom:16px}.question-badge{text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;background:#ffffff14;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:900}.placement-question-card.is-focused .question-badge{color:#60a5fa;background:#3b82f633}.question-text{color:#fff;margin:0 0 24px;font-size:17px;font-weight:600;line-height:1.5}.options-selection-list{flex-direction:column;gap:12px;display:flex}.option-select-btn{color:#fffc;cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:12px;width:100%;padding:14px 20px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.option-select-btn:hover{color:#fff;background:#ffffff0d;border-color:#ffffff26}.option-select-btn.is-selected{color:#fff;background:#3b82f61a;border-color:#3b82f680;font-weight:600}.option-select-btn .indicator{color:#ffffff4d;justify-content:center;align-items:center;transition:color .2s;display:flex}.option-select-btn.is-selected .indicator{color:#3b82f6}.test-results-panel{flex-direction:column;gap:32px;display:flex}.test-result-outcome{text-align:center;-webkit-backdrop-filter:blur(16px);background:#0f172a73;border:1px solid #ffffff14;border-radius:28px;padding:40px;box-shadow:0 12px 40px #0000004d}.outcome-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.outcome-icon.success{color:#10b981;background:#10b9811a;border:1px solid #10b9814d;font-size:40px;box-shadow:0 0 24px #10b98133}.outcome-icon.failed{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;font-size:40px;box-shadow:0 0 24px #ef444433}.outcome-icon span{font-size:40px}.test-result-outcome h2{margin:0 0 10px;font-size:24px;font-weight:800}.outcome-score{color:#fff9;margin:0 0 28px;font-size:15px}.outcome-score strong{color:#fff}.outcome-rewards-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px;display:grid}@media (width<=600px){.outcome-rewards-grid{grid-template-columns:1fr}}.reward-card{text-align:left;background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:14px;padding:16px 20px;display:flex}.reward-card span{font-size:24px}.reward-card h4{color:#fff;margin:0 0 4px;font-size:13px;font-weight:700}.reward-card p{color:#ffffff80;margin:0;font-size:12px}.outcome-desc{color:#ffffffb3;max-width:600px;margin:0 auto 32px;font-size:14px;line-height:1.6}.test-action-btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 32px;font-size:15px;font-weight:700;transition:all .3s;display:inline-flex}.test-action-btn.success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d}.test-action-btn.success:hover{transform:translateY(-2px);box-shadow:none!important}.outcome-buttons-row{justify-content:center;gap:16px;display:flex}.test-action-btn.retry{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 16px #3b82f64d}.test-action-btn.retry:hover{transform:translateY(-2px);box-shadow:none!important}.test-action-btn.exit{color:#fffc;background:#ffffff0a;border:1px solid #ffffff14}.test-action-btn.exit:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.test-review-section h3{margin:0 0 20px;font-size:20px;font-weight:800}.review-questions-list{flex-direction:column;gap:20px;display:flex}.review-question-card{-webkit-backdrop-filter:blur(16px);background:#0f172a73;border:1px solid #ffffff14;border-radius:24px;padding:28px;box-shadow:0 8px 32px #0003}.review-question-card.is-correct{border-color:#10b9814d}.review-question-card.is-incorrect{border-color:#ef44444d}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:900;display:inline-flex}.status-badge.correct{color:#10b981;background:#10b98126}.status-badge.incorrect{color:#ef4444;background:#ef444426}.status-badge span{font-size:14px}.options-review-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.review-option-item{background:#ffffff03;border:1px solid #ffffff0a;border-radius:14px;align-items:center;gap:12px;padding:12px 18px;font-size:14px;display:flex}.review-option-item.correct-choice{color:#6ee7b7;background:#10b98114;border-color:#10b9814d;font-weight:600}.review-option-item.wrong-choice{color:#fca5a5;background:#ef444414;border-color:#ef44444d;font-weight:600}.review-option-item .bullet{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.review-option-item .bullet .dot{background:#ffffff4d;border-radius:50%;width:6px;height:6px}.question-explanation-box{background:#f59e0b0d;border:1px dashed #f59e0b40;border-radius:16px;padding:16px 20px}.explanation-title{text-transform:uppercase;letter-spacing:.05em;color:#f59e0b;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:800;display:flex}.explanation-text{color:#ffffffbf;margin:0;font-size:13px;line-height:1.55}.course-dash-flex-col{flex-direction:column;display:flex}.course-dash-detail-text{color:#ffffff80;margin-top:2px;font-size:11px}.course-dash-placement-btn{color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:900;transition:all .3s;display:flex}.course-dash-icon-14-yellow{color:#ffbd2e!important;font-size:14px!important}.course-dash-picker-empty-centered{color:#ffffffb3;text-align:center;padding:24px 0;font-size:14px;width:100%!important;min-width:0!important;min-height:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important}.course-dash-icon-32{font-size:32px!important}.course-dash-roadmap-h3{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.course-dash-icon-15-locked{color:#fff6;flex-shrink:0;font-size:15px!important}.course-dash-icon-18{font-size:18px!important}.onboarding-container{box-sizing:border-box;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:24px 16px 80px;display:flex}.onboarding-card-wrapper{-webkit-backdrop-filter:blur(28px)saturate(180%);color:#0f172a;box-sizing:border-box;background-color:#ffffffa6;border:1px solid #0f172a14;border-radius:28px;width:100%;max-width:960px;margin:auto;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 32px 80px #0f172a14,inset 0 1px #fffc}html.dark .onboarding-card-wrapper{color:#fff;background-color:#0f172a73;border:1px solid #ffffff1f;box-shadow:0 32px 80px #00000080,inset 0 1px #ffffff14}.onboarding-graphic-panel{box-sizing:border-box;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;padding:0!important}html.dark .onboarding-graphic-panel{border-left:none;border-right:none}.onboarding-aside-image{object-fit:cover;width:100%;height:100%;display:block}.onboarding-form-panel{box-sizing:border-box;flex-direction:column;flex:1.25;justify-content:center;padding:48px;display:flex}.onboarding-header{margin-bottom:28px;animation:.8s ease-out fadeIn}.onboarding-title{font-family:var(--font-display,inherit);background:linear-gradient(135deg,#1e1b4b 0%,#6d28d9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 8px;font-size:28px;font-weight:800}html.dark .onboarding-title{background:linear-gradient(135deg,#fff 30%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.onboarding-desc{color:#0f172a99;margin:0;font-size:14px;line-height:1.5}html.dark .onboarding-desc{color:#fff9}.onboarding-input-group{flex-direction:column;gap:20px;display:flex}.onboarding-form-panel .input-group{box-sizing:border-box!important;background-color:#0000!important;border:1.5px solid #0f172a33!important;border-radius:12px!important;width:100%!important;min-width:0!important;margin: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}html.dark .onboarding-form-panel .input-group{border-color:#ffffff47!important}.onboarding-form-panel .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}.onboarding-form-panel .input-group .legend-sizer{padding:0 .3em!important;font-size:.76rem!important;font-weight:700!important;line-height:1!important;display:inline-block!important}.onboarding-form-panel .input-group .input,.onboarding-form-panel .input-group .select-field{box-sizing:border-box!important;color:#0f172a!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;height:44px!important;margin:0!important;padding:10px 14px!important;font-size:14.5px!important;font-weight:500!important;display:block!important}html.dark .onboarding-form-panel .input-group .input,html.dark .onboarding-form-panel .input-group .select-field{color:#fff!important}.onboarding-form-panel .input-group .select-field{cursor:pointer;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 14px center!important;background-repeat:no-repeat!important;background-size:18px!important;padding-right:40px!important}html.dark .onboarding-form-panel .input-group .select-field{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}.onboarding-form-panel .input-group .select-field option{color:#0f172a;background:#fff}html.dark .onboarding-form-panel .input-group .select-field option{color:#fff;background:#0f172a}.onboarding-form-panel .input-group .user-label{color:#0f172a73!important;pointer-events:none!important;white-space:nowrap!important;margin:0!important;font-size:14.5px!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(12px)!important}html.dark .onboarding-form-panel .input-group .user-label{color:#ffffff73!important}.onboarding-form-panel .input-group:focus-within{border-color:var(--lp-neon,#0ea5e9)!important;box-shadow:0 0 0 2.5px var(--lp-neon-glow,#0ea5e959)!important}.onboarding-form-panel .input-group:focus-within legend{max-width:100%!important}.onboarding-form-panel .input-group:focus-within .user-label{color:var(--lp-neon,#0ea5e9)!important;font-size:11px!important;font-weight:700!important;transform:translateY(-50%)!important}.onboarding-form-panel .input-group.is-filled legend{max-width:100%!important}.onboarding-form-panel .input-group.is-filled .user-label{color:#0f172a99!important;font-size:11px!important;font-weight:600!important;transform:translateY(-50%)!important}html.dark .onboarding-form-panel .input-group.is-filled .user-label{color:#fff9!important}.onboarding-form-panel .input-group.is-filled:not(:focus-within){border-color:#0f172a59!important}html.dark .onboarding-form-panel .input-group.is-filled:not(:focus-within){border-color:#ffffff40!important}.onboarding-row-2{grid-template-columns:1fr 1.2fr;gap:16px;display:grid}.onboarding-toggle-row{background-color:#0f172a03;border:1px solid #0f172a0a;border-radius:16px;justify-content:space-between;align-items:center;margin-top:10px;padding:16px;transition:all .3s;display:flex}html.dark .onboarding-toggle-row{background-color:#ffffff05;border:1px solid #ffffff0d}.onboarding-toggle-row:hover{background-color:#0f172a08;border-color:#0f172a14}html.dark .onboarding-toggle-row:hover{background-color:#ffffff0a;border-color:#ffffff14}.onboarding-toggle-info{flex-direction:column;gap:4px;display:flex}.onboarding-toggle-title{font-size:13.5px;font-weight:700}.onboarding-toggle-desc{color:#0f172a80;font-size:11px}html.dark .onboarding-toggle-desc{color:#ffffff80}.ios-switch{flex-shrink:0;width:50px;height:28px;display:inline-block;position:relative}.ios-switch input{opacity:0;width:0;height:0}.ios-slider{cursor:pointer;background-color:#0f172a26;border-radius:34px;transition:all .35s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}html.dark .ios-slider{background-color:#ffffff26}.ios-slider:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .35s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 6px #00000040}input:checked+.ios-slider{background-color:#7c3aed;box-shadow:0 0 10px #7c3aed4d}html.dark input:checked+.ios-slider{background-color:#a78bfa;box-shadow:0 0 10px #a78bfa66}input:checked+.ios-slider:before{transform:translate(22px)}.onboarding-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:12px;font-size:15px;font-weight:800;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 4px 20px #7c3aed4d}.onboarding-btn:hover{background:linear-gradient(135deg,#b59dfb 0%,#8b5cf6 100%);transform:translateY(-2px);box-shadow:none!important}.onboarding-btn:active{transform:translateY(0)}.onboarding-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.onboarding-error-box{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:13px;line-height:1.4;display:flex}html.dark .onboarding-error-box{color:#fca5a5}.onboarding-error-icon{flex-shrink:0;font-size:20px}.onboarding-submit-icon{font-size:18px}@media (width<=900px){.onboarding-card-wrapper{flex-direction:column;max-width:500px;margin:20px auto}.onboarding-graphic-panel{border-bottom:1px solid #0f172a0f;border-left:none;width:100%;height:200px;padding:0!important}html.dark .onboarding-graphic-panel{border-bottom:1px solid #ffffff14;border-left:none}.onboarding-form-panel{padding:32px 24px}.onboarding-row-2{grid-template-columns:1fr;gap:20px}.onboarding-header{text-align:center;margin-bottom:20px}.onboarding-title{font-size:22px}.onboarding-desc{font-size:13px}}.profile-hidden-file-input{display:none!important}.profile-xp-link{color:inherit!important;text-decoration:none!important}.xp-progress-hover{cursor:pointer;transition:opacity .2s}.xp-progress-hover:hover{opacity:.85}.xp-progress-header{justify-content:space-between;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.xp-progress-level-label{color:var(--primary);align-items:center;gap:4px;display:flex}.xp-progress-level-icon{color:var(--warning-color);font-size:18px!important}.xp-progress-value{color:var(--text-secondary)}.xp-progress-bg{background:#00000014;border-radius:4px;height:8px;overflow:hidden}html.dark .xp-progress-bg{background:#ffffff1a}.xp-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;height:100%}.xp-progress-footer-hint{color:var(--primary);text-align:right;margin:6px 0 0;font-size:11.5px;font-weight:700}.profile-stats-grid-override{margin-bottom:0!important}.profile-stat-box-padding{padding:12px 16px!important}.profile-stat-box-padding .stat-icon{border-radius:8px!important;width:36px!important;height:36px!important;font-size:18px!important}.profile-stat-box-padding .stat-val{font-size:18px!important}.profile-stat-box-padding .stat-lbl{font-size:11px!important}.animate-delay-100{animation-delay:.1s!important}.card-section-icon-orange{color:#f59e0b!important;background:#f59e0b14!important}.settings-list-wrapper{flex-direction:column;gap:16px;display:flex}.sounds-toggle-card{cursor:pointer;border:1px solid var(--neutral-200);background:#00000005;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}html.dark .sounds-toggle-card{background:#ffffff05;border:1px solid #334155}.sounds-toggle-left{align-items:center;gap:12px;display:flex}.sounds-toggle-icon-wrap{color:#94a3b8;background:#94a3b81f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sounds-toggle-icon-wrap.active{color:#f59e0b;background:#f59e0b1f}.sounds-toggle-icon{font-size:16px!important}.sounds-toggle-title{color:var(--neutral-900);font-size:13.5px;font-weight:700;display:block}.custom-switch-bg{background:#cbd5e1;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background-color .2s;position:relative}.custom-switch-bg.active{background:var(--primary)}.custom-switch-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s cubic-bezier(.175,.885,.32,1.2);position:absolute;top:3px;left:3px}.custom-switch-thumb.active{left:21px}.notification-category-separator{border-top:1px solid #0000000f;padding-top:16px}html.dark .notification-category-separator{border-top:1px solid #ffffff0f}.notification-category-title{color:var(--neutral-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:700;display:block}.notification-category-list{flex-direction:column;gap:10px;display:flex}.category-checkbox-card{cursor:pointer;border:1px solid var(--neutral-200);background:#00000003;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}html.dark .category-checkbox-card{background:#ffffff03;border:1px solid #334155}.category-checkbox-card.active{border-color:var(--primary);background:#4f46e50a}html.dark .category-checkbox-card.active{background:#4f46e51a}.category-checkbox-label{cursor:pointer;color:var(--neutral-800);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.category-checkbox-circle{border:2px solid var(--neutral-300);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.category-checkbox-circle.active{border-color:var(--primary);background:var(--primary)}.category-checkbox-check-icon{color:#fff;font-weight:700;font-size:12px!important}.dict-eyebrow{text-transform:uppercase}.dict-card-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.dict-card-title{margin:0}.dict-audio-hidden{display:none}.dict-search-wrapper{width:100%;position:relative}.dict-hint-hidden{display:none}.dict-page-container{max-width:680px;margin:16px auto 24px}.dict-spacer{height:96px}@keyframes vocab-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dictionary-page-glass{--accent-color:#8b5cf6;--accent-hover:#7c3aed;--bg-card:#ffffffbf;--border-color:#0000000f;--text-main:#0f172a;--text-muted:#64748b;--bg-tab-active:#8b5cf60f;--border-tab-active:#8b5cf626;--badge-new-border:#94a3b840;--badge-practice-border:#f43f5e40;--badge-learning-border:#f59e0b40;--badge-remembered-border:#10b98140;--badge-new-bg:#f1f5f999;--badge-practice-bg:#fef2f299;--badge-learning-bg:#fffbeb99;--badge-remembered-bg:#f0fdfa99;--badge-new-text:#64748b;--badge-practice-text:#e11d48;--badge-learning-text:#d97706;--badge-remembered-text:#059669;--text-ai-btn:#7c3aed;--bg-btn-ai:#7c3aed0d;--border-ai-btn:#7c3aed1f;--bg-empty-state:#f1f5f980;transition:background .3s,color .3s}.dark .dictionary-page-glass{--bg-card:#0f172a73;--border-color:#ffffff0f;--text-main:#f8fafc;--text-muted:#94a3b8;--bg-tab-active:#8b5cf61a;--border-tab-active:#8b5cf640;--badge-new-border:#ffffff14;--badge-practice-border:#f43f5e59;--badge-learning-border:#f59e0b59;--badge-remembered-border:#10b98159;--badge-new-bg:#0f172a80;--badge-practice-bg:#f43f5e14;--badge-learning-bg:#f59e0b14;--badge-remembered-bg:#10b98114;--badge-new-text:#ffffff73;--badge-practice-text:#f43f5e;--badge-learning-text:#f59e0b;--badge-remembered-text:#10b981;--text-ai-btn:#a78bfa;--bg-btn-ai:#8b5cf614;--border-ai-btn:#8b5cf626;--bg-empty-state:#1118274d}.vocab-stats-pill{color:var(--text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .25s;display:inline-flex}html:not(.dark) .vocab-stats-pill{color:#475569;background:#00000008;border:1px solid #0000000f}.vocab-stats-pill span.material-symbols-rounded{color:#8b5cf6;font-size:15px}.vocab-stats-pill-cta{color:#fff;box-shadow:none;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:750;transition:all .25s;display:inline-flex}.vocab-stats-pill-cta:hover{box-shadow:none;transform:translateY(-1px)}.vocab-stats-pill-cta span.material-symbols-rounded{font-size:15px}.card-6-wrapper{flex-direction:column;justify-content:center;align-items:center;margin-top:10px;display:flex}.card-6{perspective:900px;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.card-6__holo{width:150px;height:150px;transform-style:preserve-3d;pointer-events:none;border-radius:26px;justify-content:center;align-items:center;animation:6.2s ease-in-out infinite card6-wobble;display:flex;position:relative}@keyframes card6-wobble{0%{transform:rotateX(16deg)rotateY(-18deg)}50%{transform:rotateX(18deg)rotateY(18deg)}to{transform:rotateX(16deg)rotateY(-18deg)}}.card-6__layer{letter-spacing:-3px;font-size:52px;font-weight:900;line-height:1;font-family:var(--font-display,sans-serif);-webkit-text-stroke:1px #8b5cf6b3;background:linear-gradient(90deg,#8b5cf62e 0%,#8b5cf6eb 35%,#6366f1b3 60%,#8b5cf638 100%);color:#0000;filter:drop-shadow(0 10px 22px #8b5cf626);opacity:.95;transform-style:preserve-3d;-webkit-background-clip:text;background-clip:text;position:absolute}.card-6__layer--back{opacity:.18;filter:blur(1px);-webkit-text-stroke:1px #8b5cf673;transform:translateZ(-70px)}.card-6__layer--mid{opacity:.42;filter:blur(.4px);-webkit-text-stroke:1px #8b5cf68c;transform:translateZ(-34px)}.card-6__layer--front{opacity:.98;-webkit-text-stroke:1px #8b5cf6c7;transform:translateZ(0)}.card-6__holo:before{content:"";filter:blur(8px);opacity:.9;background:radial-gradient(circle at 40% 35%,#8b5cf624,#0000 62%);border-radius:26px;position:absolute;inset:0;transform:translateZ(-80px)}.card-6__holo:after{content:"";opacity:.55;background:linear-gradient(120deg,#ffffff0d,#ffffff03 45%,#0000);border:1px solid #8b5cf629;border-radius:26px;position:absolute;inset:0;transform:translateZ(-45px)}@media (prefers-reduced-motion:reduce){.card-6__holo{animation:none}}html body .vocab-tab-pill{color:var(--text-muted);cursor:pointer;white-space:nowrap;box-shadow:none;background:#ffffff0d;border:1px solid #ffffff14;border-radius:99px;outline:none;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex}html:not(.dark) body .vocab-tab-pill{color:#64748b;background:#00000008;border:1px solid #0000000f}html body .vocab-tab-pill:hover{color:var(--text-main);box-shadow:none;background:#ffffff1a}html:not(.dark) body .vocab-tab-pill:hover{box-shadow:none;color:#0f172a;background:#0000000d}html body .vocab-tab-pill.active{color:#fff;box-shadow:none;background:#ffffff14;border:1px solid #fff3}html:not(.dark) body .vocab-tab-pill.active{color:#0f172a;box-shadow:none;background:#00000014;border:1px solid #00000026}html body .vocab-tab-pill .count-badge{color:inherit;background:#ffffff1f;border-radius:6px;margin-left:2px;padding:1px 6px;font-size:11px;font-weight:800}html:not(.dark) body .vocab-tab-pill .count-badge{background:#0000000f}html body .vocab-tab-pill.active .count-badge{background:#fff3}html:not(.dark) body .vocab-tab-pill.active .count-badge{background:#0000001f}.vocab-cards-grid-wrapper{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px;display:grid}@media (width<=768px){.vocab-cards-grid-wrapper{grid-template-columns:1fr;gap:16px}}.vp-search-input{box-sizing:border-box;height:38px;color:var(--text-main);background:#ffffff0d url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") 14px/16px no-repeat;border:1px solid #ffffff14;border-radius:99px;outline:none;flex:1;align-items:center;min-width:260px;padding:8px 16px 8px 38px;font-size:13.5px;font-weight:600;transition:all .3s;display:flex}html:not(.dark) .vp-search-input{color:#1e293b;background:#00000005 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");border:1px solid #0000000f}.vp-search-input:focus{border-color:var(--accent-color);background-color:#ffffff14;box-shadow:0 0 12px #7c3aed26}html:not(.dark) .vp-search-input:focus{background-color:#fff}.vp-search-input::placeholder{color:var(--text-muted);opacity:.6}.vocab-header-add-btn{background:var(--accent-color);color:#fff;box-sizing:border-box;height:38px;box-shadow:none;border-radius:99px;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:13.5px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.vocab-header-add-btn:hover{background:var(--accent-hover);box-shadow:none;transform:translateY(-1px)}.vocab-header-add-btn span.material-symbols-rounded{font-size:18px}.vocab-card-premium{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);z-index:1;border-radius:16px;flex-direction:column;gap:6px;height:auto;min-height:0;padding:16px 20px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000a}.vocab-card-premium:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000001f}.vp-card-title-group{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.vocab-card-partofspeech-sub{color:var(--text-muted);opacity:.85;margin:0;font-size:12px;font-style:italic;font-weight:600}.vocab-meaning-text{color:var(--text-main);margin:4px 0 0;font-size:14.5px;font-weight:600;line-height:1.4}.vocab-card-premium.mastery-remembered{border-color:var(--badge-remembered-border);background:linear-gradient(135deg, #10b98112 0%, var(--bg-card) 100%)}.vocab-card-premium.mastery-remembered:hover{border-color:#10b98173}.vocab-card-premium.mastery-learning{border-color:var(--badge-learning-border);background:linear-gradient(135deg, #f59e0b12 0%, var(--bg-card) 100%)}.vocab-card-premium.mastery-learning:hover{border-color:#f59e0b73}.vocab-card-premium.mastery-need_practice{border-color:var(--badge-practice-border);background:linear-gradient(135deg, #f43f5e12 0%, var(--bg-card) 100%)}.vocab-card-premium.mastery-need_practice:hover{border-color:#f43f5e73}.vocab-card-premium.mastery-new{border-color:var(--badge-new-border);background:linear-gradient(135deg, #94a3b812 0%, var(--bg-card) 100%)}.mastery-svg-indicator{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .2s;display:inline-flex}.mastery-svg-indicator.mastery-remembered{color:#10b981;background:#10b98124}.mastery-svg-indicator.mastery-learning{color:#f59e0b;background:#f59e0b24}.mastery-svg-indicator.mastery-need_practice{color:#f43f5e;background:#f43f5e24}.mastery-svg-indicator.mastery-new{color:#94a3b8;background:#94a3b824}.vp-svg-icon,.vp-legend-svg{flex-shrink:0}.vp-color-legend{color:var(--text-muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:99px;flex-wrap:wrap;align-items:center;gap:14px;width:fit-content;margin-bottom:16px;padding:8px 18px;font-size:12px;font-weight:600;display:flex}html:not(.dark) .vp-color-legend{color:#475569;background:#00000008;border:1px solid #0000000f}.vp-color-legend .legend-label{color:var(--text-main);align-items:center;gap:6px;margin-right:4px;font-weight:800;display:inline-flex}.vp-color-legend .legend-item{cursor:help;align-items:center;gap:6px;transition:opacity .2s,transform .2s;display:inline-flex}.vp-color-legend .legend-item:hover{opacity:.9;transform:translateY(-1px)}.vp-color-legend .legend-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.vp-color-legend .dot-remembered{background:#10b981}.vp-color-legend .dot-learning{background:#f59e0b}.vp-color-legend .dot-practice{background:#f43f5e}.vp-color-legend .dot-new{background:#94a3b8}.vp-card-right-group{flex-shrink:0;align-items:center;gap:6px;display:flex}.vocab-card-delete-btn-premium{color:#ef4444;cursor:pointer;opacity:0;z-index:5;aspect-ratio:1;box-sizing:border-box;width:24px;min-width:24px;height:24px;min-height:24px;box-shadow:none;background:#ef44441a;border:1px solid #ef444433;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;transform:scale(.8)}.vocab-card-premium:hover .vocab-card-delete-btn-premium{opacity:1;transform:scale(1)}.vocab-card-delete-btn-premium:hover{color:#fff;box-shadow:none;background:#ef4444}.vocab-card-partofspeech{text-transform:uppercase;letter-spacing:1.2px;font-size:10px;font-weight:850;transition:color .3s}.vocab-card-premium.mastery-remembered .vocab-card-partofspeech{color:var(--badge-remembered-text)}.vocab-card-premium.mastery-learning .vocab-card-partofspeech{color:var(--badge-learning-text)}.vocab-card-premium.mastery-need_practice .vocab-card-partofspeech{color:var(--badge-practice-text)}.vocab-card-premium.mastery-new .vocab-card-partofspeech{color:var(--badge-new-text)}.vocab-card-word-title{font-size:17px;font-weight:900;font-family:var(--font-display);color:var(--text-main);letter-spacing:-.5px;margin:0;transition:color .3s}.vocab-card-partofspeech-sub{color:var(--text-muted);margin:0;font-size:11px;font-style:italic;font-weight:650;line-height:1.15;transition:color .3s}.vocab-pron-block-premium{flex-wrap:wrap;gap:6px;display:flex}.vocab-pron-item-premium{background:var(--bg-pron-item);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:6px;align-items:center;gap:3px;padding:2px 6px;font-size:10.5px;font-weight:750;transition:all .2s;display:inline-flex}.vocab-pron-item-premium span.material-symbols-rounded{font-size:13px}.vocab-pron-item-premium:hover{background:var(--border-color)}.vocab-pron-item-premium span.ipa{color:var(--text-muted);font-weight:500}.vocab-meaning-text{color:var(--text-main);margin:2px 0 6px;font-size:13px;font-weight:600;line-height:1.4;transition:color .3s}.vocab-card-date{color:var(--text-muted);text-align:right;margin:2px 0 0;font-size:9px;font-weight:500;transition:color .3s}.vocab-card-actions-row{gap:6px;margin-top:auto;display:flex}.vocab-card-action-btn{cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:6px 4px;font-size:11.5px;font-weight:800;text-decoration:none;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex}.mastery-badge-compact{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:850}.mastery-badge-compact.mastery-remembered{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.mastery-badge-compact.mastery-learning{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40}.mastery-badge-compact.mastery-need_practice{color:#f43f5e;background:#f43f5e1f;border:1px solid #f43f5e40}.mastery-badge-compact.mastery-new{color:#94a3b8;background:#64748b1f;border:1px solid #64748b40}.vocab-card-action-btn.review-btn{background:var(--bg-btn-review);border:1px solid var(--border-color);color:var(--text-main)}.vocab-card-action-btn.review-btn:hover{background:var(--text-main);color:var(--bg-page);border-color:#0000}.vocab-card-action-btn.review-btn:active{transform:scale(.97)}.vocab-card-action-btn.ai-btn{background:var(--bg-btn-ai);border:1px solid var(--border-ai-btn);color:var(--text-ai-btn)}.vocab-card-action-btn.ai-btn:hover,.vocab-card-action-btn.ai-btn.active{background:var(--accent-color);color:#fff;border-color:#0000}.vocab-card-action-btn.ai-btn:active{transform:scale(.97)}.vocab-card-ai-drawer{border-top:1px solid var(--border-color);margin-top:8px;padding-top:10px;transition:border-color .3s}.vocab-card-premium .vocab-ai-panel-premium{box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;gap:12px;padding:8px 0 0;display:flex}.vocab-card-premium .ai-helper-header{margin-bottom:12px}.vocab-card-premium .vocab-ai-panel-premium h4{color:var(--text-main);font-size:14px}.vocab-card-premium .vocab-ai-panel-premium h4 .material-symbols-rounded{color:var(--accent-color);font-size:18px}.vocab-card-premium .quota-badge{background:var(--bg-badge-count);border:1px solid var(--border-color);color:var(--text-muted);padding:2px 8px;font-size:11px}.vocab-card-premium .ai-context-container textarea{background:var(--bg-empty-state);border:1px solid var(--border-color);color:var(--text-main);border-radius:10px;min-height:70px;padding:10px 12px;font-size:13px}.vocab-card-premium .ai-context-container textarea:focus{border-color:var(--accent-color);background:var(--bg-page)}.vocab-card-premium .ai-sub-card{background:var(--bg-empty-state);border:1px solid var(--border-color);border-radius:10px;padding:12px}.vocab-card-premium .ai-sub-card.border-gold{border-left:3px solid #fbbf24}.vocab-card-premium .ai-sub-card h5{color:var(--text-muted);margin-bottom:4px;font-size:11px}.vocab-card-premium .ai-sub-card p{color:var(--text-main);font-size:12.5px}.vocab-card-premium .ai-helper-submit-btn{background:var(--bg-btn-review);border:1px solid var(--border-color);color:var(--text-main);box-shadow:none;border-radius:10px;margin-top:4px;padding:8px 16px;font-size:12.5px}.vocab-card-premium .ai-helper-submit-btn:hover{background:var(--accent-color);color:#fff;border-color:#0000}.vocab-pagination-controls{justify-content:center;align-items:center;gap:16px;margin-top:32px;display:flex}.vocab-page-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#ffffff0d;border-radius:8px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:750;transition:all .2s;display:inline-flex}.vocab-page-btn:hover:not(:disabled){background:var(--border-color);border-color:var(--text-muted)}.vocab-page-btn:disabled{opacity:.4;cursor:not-allowed}.vocab-page-btn span.material-symbols-rounded{font-size:18px}@media (width<=900px){.cosmic-codex-workspace{flex-direction:column;gap:20px}.vocab-sidebar-console{border-right:none;border-bottom:1px solid var(--border-color);width:100%;max-width:100%;padding-bottom:24px;overflow-x:hidden}.vocab-word-list-premium{max-height:none}}.vp-page-container{max-width:1040px;margin:24px auto 90px;position:relative}.vp-glass-content{border-radius:24px;padding:36px 40px}.vp-header-section{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;padding-bottom:24px;display:flex}.vp-header-title{color:var(--text-main);font-size:28px;font-weight:900;font-family:var(--font-display,inherit);letter-spacing:-.5px;margin:0}.vp-header-desc{color:var(--text-muted);margin:6px 0 0;font-size:15px;line-height:1.5}.vp-stats-pills{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.vp-icon-15{font-size:15px}.vp-icon-15-green{color:#10b981;font-size:15px}.vp-mastery-holo-wrapper{flex-shrink:0;align-self:center;padding-right:48px}.vp-mastery-holo-label{text-align:center;color:#8b5cf6;text-transform:uppercase;letter-spacing:.08em;margin-top:16px;font-size:10px;font-weight:900}.vp-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.vp-search-wrapper{display:none}.vp-tabs-bar{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:24px;padding-bottom:6px;display:flex;overflow-x:auto}.vp-icon-16{font-size:16px}.vp-error-msg{margin-bottom:16px}.vp-empty-margin{margin:20px 0}.vp-page-indicator{color:var(--text-muted);font-size:13px;font-weight:700}.vp-page-number{color:var(--text-main)}.vp-card-header{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.vp-badge-compact{flex-shrink:0}.vp-sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vocab-card-view-details-btn{color:#a78bfa;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;width:fit-content;margin-top:auto;padding:6px 0;font-size:13px;font-weight:700;transition:opacity .2s;display:flex}html:not(.dark) .vocab-card-view-details-btn{color:#2563eb}.vocab-card-view-details-btn:hover{opacity:.8}.vocab-drawer-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.vocab-drawer-content{box-sizing:border-box;background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:520px;max-height:85vh;animation:.25s cubic-bezier(.34,1.56,.64,1) scaleUpIn;display:flex;overflow:hidden;box-shadow:0 20px 50px #0003}html.dark .vocab-drawer-content{background:#0f172af5;border-left:1px solid #ffffff14}.vocab-drawer-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px;display:flex}html.dark .vocab-drawer-header{border-bottom-color:#ffffff14}.vocab-drawer-title-group{align-items:center;gap:12px;display:flex}.vocab-drawer-title-group h3{color:#0f172a;margin:0;font-size:22px;font-weight:800}html.dark .vocab-drawer-title-group h3{color:#fff}.vocab-drawer-close-btn{color:#64748b;cursor:pointer;aspect-ratio:1;box-sizing:border-box;width:36px;min-width:36px;height:36px;min-height:36px;box-shadow:none;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:all .2s;display:flex}.vocab-drawer-close-btn span{letter-spacing:normal;text-transform:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:20px;line-height:1;display:inline-flex}.vocab-drawer-close-btn:hover{color:#0f172a;background:#f1f5f9}html.dark .vocab-drawer-close-btn:hover{color:#fff;background:#ffffff14}.vocab-drawer-body{flex-direction:column;flex:1;gap:24px;padding:24px 24px 36px;display:flex;overflow-y:auto}.vocab-drawer-section{flex-direction:column;gap:10px;display:flex}.vocab-drawer-section:last-child{margin-bottom:24px}.vocab-drawer-content .vocab-ai-panel-premium.compact .ai-compact-controls{flex-direction:column;align-items:stretch;gap:10px}.vocab-drawer-content .vocab-ai-panel-premium.compact .ai-compact-quota{text-align:center;width:100%;margin-top:4px}.vocab-drawer-content .vocab-ai-panel-premium.compact .ai-helper-submit-btn{width:100%;box-shadow:none;border-radius:99px;justify-content:center}.vocab-drawer-content .vocab-ai-panel-premium.compact .ai-helper-submit-btn:hover{box-shadow:none}.vocab-drawer-section h5{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin:0 0 4px;font-size:13px;font-weight:700}.vocab-drawer-partofspeech{color:#475569;margin:0;font-size:14px}html.dark .vocab-drawer-partofspeech{color:#cbd5e1}.vocab-drawer-meaning-list{flex-direction:column;gap:8px;display:flex}.vocab-drawer-meaning-item{background:#f8fafc;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;display:flex}html.dark .vocab-drawer-meaning-item{background:#ffffff0d}.vocab-drawer-meaning-item .meaning-index{color:#475569;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}html.dark .vocab-drawer-meaning-item .meaning-index{color:#cbd5e1;background:#ffffff1a}.vocab-drawer-meaning-item .meaning-text{color:#1e293b;margin:0;font-size:14.5px;font-weight:600}html.dark .vocab-drawer-meaning-item .meaning-text{color:#f1f5f9}.vocab-drawer-actions{flex-wrap:wrap;gap:12px;display:flex}.vocab-drawer-action-btn{cursor:pointer;min-width:140px;box-shadow:none;border:none;border-radius:99px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.vocab-drawer-action-btn:hover{box-shadow:none}.vocab-drawer-action-btn.review-btn{color:#fff;background:#2563eb}.vocab-drawer-action-btn.review-btn:hover{box-shadow:none;background:#1d4ed8}.vocab-drawer-action-btn.delete-btn{color:#fff;background:#ef4444}.vocab-drawer-action-btn.delete-btn:hover{box-shadow:none;background:#dc2626}.border-top-glow{border-top:1px solid #f1f5f9;padding-top:20px}html.dark .border-top-glow{border-top-color:#ffffff14}@keyframes scaleUpIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=768px){.dictionary-page-glass.vp-page-container,.vp-page-container{box-sizing:border-box;width:100%;max-width:100%;margin:8px auto 60px;padding:0 10px}.dictionary-glass-content.vp-glass-content,.vp-glass-content{box-sizing:border-box;border-radius:20px;padding:20px 16px;overflow-x:hidden}.vocabulary-header-section.vp-header-section,.vp-header-section{text-align:left;flex-direction:column;align-items:stretch;gap:16px}.vp-header-title{font-size:24px}.vp-header-desc{font-size:13.5px}.vocab-mastery-holo-wrapper.vp-mastery-holo-wrapper,.vp-mastery-holo-wrapper{justify-content:center;align-self:center;width:100%;margin:4px auto 0;padding-right:0;display:flex}.card-6-wrapper{transform-origin:50%;margin:0 auto;transform:scale(.82)}.vp-controls-row{flex-direction:column;align-items:stretch;gap:12px;width:100%}.vp-search-input{box-sizing:border-box;width:100%;min-width:0}.vocab-header-add-btn{box-sizing:border-box;justify-content:center;width:100%}.vocab-cards-grid-wrapper{grid-template-columns:1fr;gap:14px}.vp-color-legend{box-sizing:border-box;border-radius:16px;justify-content:flex-start;gap:10px;width:100%;padding:10px 14px;font-size:11.5px}.vocab-stats-pills-container.vp-stats-pills,.vp-stats-pills{flex-wrap:wrap;justify-content:flex-start;gap:8px;width:100%}.vocab-stats-pill,.vocab-stats-pill-cta{padding:6px 12px;font-size:11.5px}.vocab-pron-block-card{overflow-wrap:anywhere;word-break:break-word;flex-wrap:wrap;align-items:center;gap:6px;display:flex}}@media (width<=600px){.vocab-horizontal-tabs.vp-tabs-bar,.vp-tabs-bar{-webkit-overflow-scrolling:touch;gap:6px;width:100%;margin-bottom:16px;padding-bottom:8px;overflow-x:auto}.vocab-tab-pill{flex-shrink:0;padding:6px 12px;font-size:12px}.vocab-drawer-backdrop{align-items:flex-end;padding:0}.vocab-drawer-content{border-radius:24px 24px 0 0;width:100%;max-width:100%;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUpMobile}.vocab-drawer-actions{flex-direction:column;gap:10px}.vocab-drawer-action-btn{width:100%;min-width:0}.vocab-pagination-controls{flex-wrap:wrap;justify-content:space-between;gap:10px;width:100%}.vocab-page-btn{flex:1;justify-content:center}}.mindmap-page-container{width:100%;height:calc(100vh - 130px);color:var(--neutral-800);flex-direction:column;display:flex;position:relative;overflow:hidden}html.dark .mindmap-page-container{color:#eff4ff}@media (width<=768px){.mindmap-page-container{height:calc(100vh - 100px)}}.mindmap-hud-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#ffffffbf;border-bottom:1px solid #00000014;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}html.dark .mindmap-hud-header{background:#0f172a73;border-bottom-color:#ffffff14}.mindmap-header-left{align-items:center;gap:12px;display:flex}.mindmap-header-left h2{background:linear-gradient(90deg,#a78bfa,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:20px;font-weight:950}.mindmap-main-layout{flex:1;display:flex;position:relative;overflow:hidden}.mindmap-canvas-area{flex:1;height:100%;position:relative}.mindmap-node-root{color:#fff;text-align:center;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border:3px solid #a78bfa;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative;box-shadow:0 0 25px #a78bfa73}.node-glowing-effect{z-index:-1;background:radial-gradient(circle,#a78bfa33 0%,#0000 70%);border-radius:50%;width:140px;height:140px;animation:3s infinite alternate pulseGlow;position:absolute}.mindmap-node-root strong{text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:900}.mindmap-node-root span{color:#a78bfa;margin-bottom:4px;font-size:26px}.mindmap-node-category{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffbf;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:800;display:flex;box-shadow:0 4px 12px #00000026}html.dark .mindmap-node-category{background:#0f172a73}.mindmap-node-leaf{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;color:#1e293b;cursor:pointer;background:#ffffffbf;border:1px solid #00000014;border-radius:12px;outline:none;flex-direction:column;gap:2px;width:150px;padding:8px 12px;transition:all .2s;display:flex;box-shadow:0 4px 10px #0000000f}html.dark .mindmap-node-leaf{color:#eff4ff;background:#0f172a73;border-color:#ffffff14}.mindmap-node-leaf:hover{border-color:#a78bfa;transform:translateY(-2px);box-shadow:none!important}.mindmap-node-leaf.active-node{background:#3b82f60f;border-color:#3b82f6;box-shadow:0 0 15px #3b82f640}html.dark .mindmap-node-leaf.active-node{background:#3b82f61f}.mindmap-node-leaf strong{white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:12px;font-weight:800;overflow:hidden}.mindmap-node-leaf .leaf-summary{color:#00000073;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:10px;overflow:hidden}html.dark .mindmap-node-leaf .leaf-summary{color:#ffffff73}.mindmap-details-sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#ffffffbf;border-left:1px solid #00000014;flex-direction:column;gap:20px;width:360px;height:100%;padding:24px;display:flex;overflow-y:auto}html.dark .mindmap-details-sidebar{background:#0f172a73;border-left-color:#ffffff14}@media (width<=900px){.mindmap-main-layout{flex-direction:column}.mindmap-details-sidebar{border-top:1px solid #00000014;border-left:none;width:100%;height:300px}html.dark .mindmap-details-sidebar{border-top-color:#ffffff14}}.detail-card-glass{background:#ffffffbf;border:1px solid #0000000f;border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex}html.dark .detail-card-glass{background:#0f172a73;border-color:#ffffff0f}.search-form-neon{background:#f1f5f9cc;border:1.5px solid #0000001a;border-radius:12px;width:320px;padding:4px;transition:border-color .2s;display:flex}html.dark .search-form-neon{background:#1e293b99;border-color:#ffffff1a}.search-form-neon:focus-within{border-color:#a78bfa;box-shadow:0 0 10px #a78bfa26}.search-form-neon input{color:inherit;background:0 0;border:none;outline:none;flex:1;padding:6px 12px;font-size:14px}.search-btn-round{color:#fff;cursor:pointer;background:#a78bfa;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mindmap-suggestions-row{background:#f8fafc99;border-bottom:1px solid #0000000a;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 24px;display:flex}html.dark .mindmap-suggestions-row{background:#0f172a66;border-bottom-color:#ffffff0a}.suggestion-chip{cursor:pointer;background:#f1f5f9b3;border:1px solid #0000000f;border-radius:8px;padding:4px 10px;font-size:12px;transition:all .2s}html.dark .suggestion-chip{background:#1e293b80;border-color:#ffffff0f}.suggestion-chip:hover{color:#fff;background:#a78bfa;border-color:#a78bfa}.quota-indicator{color:#00000080;font-size:12px}html.dark .quota-indicator{color:#ffffff80}.vmm-flow-handle-hidden{opacity:0!important}.vmm-btn-icon-back{color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;padding:6px;display:flex}.vmm-icon-20{font-size:20px!important}.vmm-icon-18{font-size:18px!important}.vmm-label-suggestions{opacity:.6;font-size:11px}.vmm-loader-overlay{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffbf;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}html.dark .vmm-loader-overlay{background:#0f172a73}.vmm-loader-icon{color:#a78bfa;animation:1.5s linear infinite spin;font-size:48px!important}.vmm-loader-text{margin-top:12px;font-size:14px;font-weight:650}.vmm-error-overlay{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--danger,#ef4444);text-align:center;background:#ffffffbf;border:1px solid #ef44441a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:20px}html.dark .vmm-error-overlay{background:#0f172a73;border-color:#ef444433}.vmm-error-icon{margin-bottom:12px;font-size:48px!important}.vmm-error-title{margin:0 0 8px}.vmm-error-text{color:#000000b3;max-width:360px;margin:0 0 16px;font-size:13px}html.dark .vmm-error-text{color:#ffffffb3}.vmm-btn-retry{border-radius:8px;padding:8px 16px}.vmm-canvas-flow-wrapper{width:100%;height:100%}.vmm-flow-controls{border:1px solid #00000026}html.dark .vmm-flow-controls{border-color:#ffffff26}.vmm-sidebar-inner{flex-direction:column;gap:16px;display:flex}.vmm-flex-between-align-center{justify-content:space-between;align-items:center;display:flex}.vmm-sidebar-badge-title{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#3b82f6;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.vmm-btn-icon-close{color:inherit;cursor:pointer;background:0 0;border:none;display:flex}.vmm-sidebar-title{margin:0;font-size:22px;font-weight:900}.vmm-sidebar-label-sm{opacity:.5;font-size:11px}.vmm-sidebar-text-sm{margin:4px 0 0;font-size:14px;font-weight:550}.vmm-success-alert{color:#10b981;background:#10b9811a;border:1.5px solid #10b981;border-radius:12px;align-items:center;gap:8px;padding:12px;display:flex}.vmm-alert-text{font-size:13px;font-weight:650}.vmm-btn-save-vocabulary{border-radius:12px;width:100%;padding:12px}.vmm-sidebar-notice{opacity:.45;margin:0;font-size:11px}.vmm-sidebar-empty-state{text-align:center;color:#00000073;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}html.dark .vmm-sidebar-empty-state{color:#ffffff73}.vmm-empty-state-icon{margin-bottom:12px;font-size:48px!important}.vmm-empty-state-title{margin:0 0 4px;font-size:14px;font-weight:750}.vmm-empty-state-desc{max-width:240px;margin:0;font-size:12px}.vmm-sidebar-footer{border-top:1px solid #0000000f;margin-top:auto;padding-top:16px}html.dark .vmm-sidebar-footer{border-top-color:#ffffff0f}.vmm-sidebar-disclaimer{opacity:.35;font-size:10px}.std-toast-notification{color:#fff;z-index:9999;-webkit-backdrop-filter:blur(8px);fontSize:14px;text-align:center;background:#10b981f2;border:1px solid #fff3;border-radius:30px;padding:12px 24px;font-weight:700;animation:.3s fadeInUp;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #10b9814d}.std-flex-between-center-mb-28{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.std-back-btn{color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.25,.8,.25,1);display:inline-flex}.std-back-btn:hover{background:#ffffff14;transform:translate(-2px)}.std-share-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.25,.8,.25,1);display:inline-flex;box-shadow:0 6px 20px #f59e0b4d}.std-share-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:none!important}.std-stats-header-container{margin-bottom:36px;padding:24px 0;position:relative}.std-stats-header-row{z-index:2;flex-wrap:wrap;align-items:center;gap:32px;display:flex;position:relative}.std-level-circle-wrapper{flex-shrink:0;width:100px;height:100px;position:relative}.std-level-circle-svg{transform:rotate(-90deg);filter:none!important}.std-level-circle-path{transition:stroke-dashoffset .8s cubic-bezier(.25,.8,.25,1)}.std-level-circle-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.std-level-label{text-transform:uppercase;letter-spacing:1.2px;opacity:.7;color:var(--text-secondary);font-size:10px;font-weight:800;display:block}.std-level-value{color:var(--text-primary);letter-spacing:-1px;font-size:28px;font-weight:900;line-height:1}.std-stats-header-info{flex:1;min-width:240px}.std-badge-green{color:#10b981;letter-spacing:.5px;background:#10b9811f;border:1px solid #10b98133;border-radius:20px;align-items:center;gap:6px;margin-bottom:10px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-flex}.std-pulse-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;display:inline-block}.std-header-title{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 6px;font-size:26px;font-weight:800}.std-header-subtitle{color:var(--text-secondary);margin:0;font-size:14px;font-weight:500;line-height:1.5}.std-stats-row{z-index:2;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:28px;padding-top:24px;display:flex;position:relative}.std-stat-card-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;flex:200px;padding:12px 20px}.std-stat-card-label{color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.std-stat-card-value{color:var(--text-primary);font-size:16px;font-weight:800}.std-streak-badge{color:var(--text-secondary);filter:grayscale();opacity:.6;font-size:16px;font-weight:800}.std-streak-badge.active{color:#fb923c;filter:none;opacity:1}.std-filter-tabs-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:16px;display:flex}.std-filter-tabs-wrapper{background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;gap:8px;padding:4px;display:flex}.std-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:20px;padding:8px 20px;font-size:13.5px;font-weight:700;transition:all .2s}.std-tab-btn.active.tab-all{background:var(--text-primary);color:var(--bg-primary)}.std-tab-btn.active.tab-unlocked{color:#fff;background:#f59e0b}.std-tab-btn.active.tab-locked{color:var(--text-primary);background:#ffffff1f}.std-tab-count{color:var(--text-secondary);font-size:13px;font-weight:600}.std-empty-state-card{text-align:center;color:var(--text-secondary);background:#ffffff03;border:1px dashed #ffffff1a;border-radius:24px;padding:80px 20px}.std-empty-icon{opacity:.25;color:#fbbf24;margin-bottom:16px;font-size:48px}.std-empty-message{margin:0;font-size:15px;font-weight:500}.std-achievements-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.std-achievement-card{opacity:.75;background:#00000006;border:1px solid #0000000f;border-radius:24px;flex-direction:column;min-height:260px;padding:28px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}html.dark .std-achievement-card{background:#ffffff05;border-color:#ffffff0d}.std-achievement-card.locked:hover{background:#0000000a;border-color:#0000001a;transform:translateY(-6px)}html.dark .std-achievement-card.locked:hover{background:#ffffff0a;border-color:#ffffff1a}.std-achievement-card.unlocked{opacity:1;background:linear-gradient(135deg,#fbbf2414 0%,#f59e0b08 100%);border-color:#fbbf2459;box-shadow:0 8px 24px #fbbf2414}html.dark .std-achievement-card.unlocked{background:linear-gradient(135deg,#fbbf241f 0%,#f59e0b0f 100%)}.std-achievement-card.unlocked:hover{border-color:#fbbf2499;transform:translateY(-6px);box-shadow:none!important}.std-shimmer-glass{pointer-events:none;background:linear-gradient(90deg,#0000,#fbbf2426,#0000);width:60%;height:100%;animation:4s ease-in-out infinite shimmerSlide;position:absolute;top:0;left:-100%}.std-card-status{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:800;display:flex;position:absolute;top:20px;right:20px}.std-card-status.locked{color:#00000073;background:#0000000d;border:1px solid #00000014}html.dark .std-card-status.locked{color:var(--text-secondary);background:#ffffff0f;border-color:#ffffff14}.std-card-status.unlocked{color:#d97706;background:#fbbf2426;border:1px solid #fbbf2440}html.dark .std-card-status.unlocked{color:#fbbf24}.std-card-status-icon{font-size:13px}.std-badge-wrapper{border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin-bottom:20px;font-size:44px;display:flex;position:relative}.std-badge-wrapper.locked{color:#00000040;background:#00000008;border:1px solid #00000014}html.dark .std-badge-wrapper.locked{color:#ffffff26;background:#ffffff08;border-color:#ffffff14}.std-badge-wrapper.unlocked{color:#d97706;background:#fbbf2426;border:1.5px solid #fbbf2459;animation:4s ease-in-out infinite badgePulse;box-shadow:0 0 16px #fbbf2440}html.dark .std-badge-wrapper.unlocked{color:#fbbf24}.std-badge-pulse-glow{pointer-events:none;border:1.5px solid #fbbf2426;border-radius:50%;position:absolute;inset:-4px}.std-card-title{letter-spacing:-.3px;color:var(--text-primary);margin:0 0 6px;font-size:18px;font-weight:800}.std-card-title.unlocked{color:#d97706}html.dark .std-card-title.unlocked{color:#fbbf24}.std-card-desc{flex:1;margin:0 0 20px;font-size:13px;font-weight:500;line-height:1.45}.std-card-desc.unlocked{color:var(--text-secondary)}.std-card-desc.locked{color:#00000080}html.dark .std-card-desc.locked{color:var(--text-secondary)}.std-card-progress-section{border-top:1px solid #ffffff0f;margin-top:auto;padding-top:18px}.std-flex-between-mb-6{justify-content:space-between;margin-bottom:6px;font-size:11.5px;font-weight:700;display:flex}.std-progress-label{color:var(--text-secondary)}.std-progress-value.unlocked{color:#d97706}html.dark .std-progress-value.unlocked{color:#fbbf24}.std-progress-value.pending{color:#059669}html.dark .std-progress-value.pending{color:#10b981}.std-progress-track{background:#0000000f;border:1px solid #ffffff05;border-radius:3px;height:5px;overflow:hidden}html.dark .std-progress-track{background:#ffffff0d}.std-progress-bar{border-radius:3px;height:100%;transition:width .6s cubic-bezier(.25,.8,.25,1)}.std-progress-bar.unlocked{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.std-progress-bar.pending{background:linear-gradient(90deg,#10b981,#34d399)}.std-progress-tip{color:var(--text-secondary);margin-top:8px;font-size:11px;font-style:italic;font-weight:500;display:block}.std-milestone-header-icon{color:#fbbf24;font-size:32px;filter:none!important}.std-milestone-card{border-radius:24px;flex-direction:column;min-height:250px;padding:28px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.std-milestone-card:hover{transform:translateY(-6px)}.std-milestone-card.locked:hover{background:#00000008!important;border-color:#00000014!important}html.dark .std-milestone-card.locked:hover{background:#ffffff0a!important;border-color:#ffffff14!important}.std-milestone-shimmer{pointer-events:none;width:60%;height:100%;animation:4s ease-in-out infinite shimmerSlide;position:absolute;top:0;left:-100%}.std-milestone-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:850;display:flex;position:absolute;top:20px;right:20px}.std-milestone-circle{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:20px;display:flex;position:relative}.std-milestone-tag{letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.std-milestone-reward{color:var(--text-primary);letter-spacing:-.3px;margin:0 0 8px;font-size:18px;font-weight:800}.std-milestone-desc{color:var(--text-secondary);margin:0;font-size:13px;font-weight:500;line-height:1.45}.std-milestone-status-footer{color:var(--text-secondary);border-top:1px solid #ffffff08;align-items:center;gap:8px;margin-top:auto;padding-top:16px;font-size:12px;font-weight:600;display:flex}.std-milestone-status-footer.active{border-top-color:#ffffff0d;font-weight:700}.std-ach-page-section{max-width:1600px;margin:0 auto;padding:24px 16px}.std-ach-page-section.centered{text-align:center}.std-mb-20{margin-bottom:20px}.std-stat-detail{color:var(--text-secondary);font-size:13px;font-weight:500}.std-stat-count{color:#fbbf24;font-size:16px;font-weight:800}.std-milestones-section{margin-top:56px}.std-milestones-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.std-milestones-title{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:24px;font-weight:800}.std-milestones-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:14px;font-weight:500}.std-milestone-card.locked{box-shadow:none;opacity:.6;background:#00000004;border:1px solid #0000000d}html.dark .std-milestone-card.locked,html.dark .std-milestone-card.locked{background:#ffffff05;border:1px solid #ffffff0a}.std-milestone-badge{color:#00000073;background:#0000000d;border:1px solid #00000014}html.dark .std-milestone-badge,html.dark .std-milestone-badge{color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff14}.std-milestone-circle{box-shadow:none;background:#00000008;border:1px solid #0000000f}html.dark .std-milestone-circle,html.dark .std-milestone-circle{background:#ffffff08;border:1px solid #ffffff0f}.std-milestone-circle-text{color:#0006;font-size:18px;font-weight:900}html.dark .std-milestone-circle-text,html.dark .std-milestone-circle-text{color:#fff6}.std-milestone-tag{color:var(--text-secondary)}.std-icon-13{font-size:13px!important}.std-icon-16{font-size:16px!important}.std-icon-16-muted{color:var(--text-secondary)!important;font-size:16px!important}.achievement-col-tablet-hidden{display:table-cell}@media (width<=1023px){.achievement-col-tablet-hidden{display:none!important}}.form-modal-inner{border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90vh;padding:32px;overflow-y:auto}.form-modal-inner::-webkit-scrollbar{width:6px}.form-modal-inner::-webkit-scrollbar-track{background:0 0}.form-modal-inner::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}html.dark .form-modal-inner::-webkit-scrollbar-thumb{background:#ffffff26}.form-modal-inner::-webkit-scrollbar-thumb:hover{background:#94a3b8}html.dark .form-modal-inner::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (width<=639px){.form-modal-inner{max-width:calc(100% - 32px);max-height:80vh;padding:20px}}.form-grid-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=639px){.form-grid-2col{grid-template-columns:1fr!important}}.ach-container-padding{padding:24px 32px 32px}@media (width<=1023px){.ach-container-padding{padding:16px 20px 24px}}@media (width<=639px){.ach-container-padding{padding:12px 16px 20px}}.ach-empty-padding{padding:48px}@media (width<=639px){.ach-empty-padding{padding:24px}}.adm-tier-badge{letter-spacing:.3px;white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.adm-tier-badge.tier-bronze{color:#7a4a1e;background:#f5e6d3;border:1.5px solid #cd7f32}html.dark .adm-tier-badge.tier-bronze{color:#e0a96d;background:#cd7f3240}.adm-tier-badge.tier-silver{color:#5a5a5a;background:#efefef;border:1.5px solid silver}html.dark .adm-tier-badge.tier-silver{color:silver;background:#c0c0c033;border-color:#c0c0c099}.adm-tier-badge.tier-gold{color:#7a5c00;background:#fff8dc;border:1.5px solid gold}html.dark .adm-tier-badge.tier-gold{color:gold;background:#ffd70033;border-color:#ffd70099}.adm-tier-badge.tier-ultimate{color:#4a1080;background:#f0e8ff;border:1.5px solid #9b59b6}html.dark .adm-tier-badge.tier-ultimate{color:#c084fc;background:#9b59b640;border-color:#9b59b699}.adm-category-badge{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.adm-category-badge.cat-listen{color:#1e40af;background:#dbeafe}html.dark .adm-category-badge.cat-listen{color:#93c5fd;background:#3b82f633}.adm-category-badge.cat-read{color:#166534;background:#dcfce7}html.dark .adm-category-badge.cat-read{color:#86efac;background:#22c55e33}.adm-category-badge.cat-speak{color:#854d0e;background:#fef9c3}html.dark .adm-category-badge.cat-speak{color:#fde047;background:#eab30833}.adm-category-badge.cat-write{color:#9d174d;background:#fce7f3}html.dark .adm-category-badge.cat-write{color:#f9a8d4;background:#ec489933}.adm-badge-preview-img{object-fit:contain;display:block}.adm-badge-preview-icon{color:var(--neutral-400)}.adm-toast-container{z-index:10001;flex-direction:column;gap:8px;display:flex;position:fixed}.adm-toast-container.desktop{align-items:flex-end;bottom:24px;right:24px}.adm-toast-container.mobile{align-items:center;bottom:16px;left:50%;transform:translate(-50%)}.adm-toast-item{cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:10px;max-width:340px;padding:10px 16px;font-size:13px;font-weight:600;display:flex;box-shadow:0 4px 16px #00000026}.adm-toast-item.success{color:#166534;background:#dcfce7;border:1px solid #16a34a}html.dark .adm-toast-item.success{color:#4ade80;background:#16a34a26}.adm-toast-item.error{color:#991b1b;background:#fef2f2;border:1px solid #ef4444}html.dark .adm-toast-item.error{color:#f87171;background:#ef444426}.adm-toast-icon{font-size:16px}.adm-confirm-overlay{z-index:10000;background:#0000008c;justify-content:center;align-items:center;padding:8px;display:flex;position:fixed;inset:0}.adm-confirm-dialog{border-radius:var(--radius-lg);background:#fff;border:1px solid #e2e8f0;width:100%;max-width:400px;padding:28px;box-shadow:0 20px 60px #0000004d}html.dark .adm-confirm-dialog{background:#1e2535;border-color:#ffffff1a}.adm-confirm-title{color:#1e293b;margin:0 0 12px;font-size:17px;font-weight:700}html.dark .adm-confirm-title{color:#f1f5f9}.adm-confirm-message{color:var(--neutral-500);margin:0 0 24px;font-size:14px;line-height:1.6}.adm-confirm-actions{justify-content:flex-end;gap:12px;display:flex}.adm-confirm-cancel-btn{padding:9px 20px}.adm-confirm-delete-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;background:#ef4444;border:none;padding:9px 20px;font-size:14px;font-weight:700}.adm-stats-bar{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.adm-stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:120px;align-items:center;gap:12px;padding:12px 16px;display:flex}html.dark .adm-stat-card{background:#ffffff0a;border-color:#ffffff14}.adm-stat-icon{color:var(--primary);flex-shrink:0;font-size:22px}html.dark .adm-stat-icon{color:#818cf8}.adm-stat-value{color:#1e293b;font-size:20px;font-weight:800;line-height:1}html.dark .adm-stat-value{color:#f1f5f9}.adm-stat-label{color:var(--neutral-500);margin-top:2px;font-size:11px;font-weight:500}.adm-filter-bar{flex-flow:wrap;gap:12px;margin-bottom:16px;display:flex}.adm-filter-bar.mobile{flex-direction:column;gap:8px}.adm-filter-search-col{flex:2 180px}.adm-filter-bar.mobile .adm-filter-search-col{flex:none}.adm-filter-select-col{flex:140px}.adm-filter-bar.mobile .adm-filter-select-col{flex:none}.adm-card-grid{flex-direction:column;gap:12px;display:flex}.adm-card-item{border-radius:var(--radius-md);border:1px solid var(--neutral-200);background:#fff;padding:14px}html.dark .adm-card-item{background:#1e2535cc;border-color:#ffffff14}.adm-card-item.inactive{opacity:.6}.adm-card-header{align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.adm-card-title-col{flex:1;min-width:0}.adm-card-title{color:#1e293b;margin-bottom:2px;font-size:14px;font-weight:700}html.dark .adm-card-title{color:#f1f5f9}.adm-card-condition{color:var(--neutral-400);white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:11px;overflow:hidden}.adm-card-footer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.adm-card-status-active{color:#16a34a;font-size:12px;font-weight:600}.adm-card-status-inactive{color:#dc2626;font-size:12px;font-weight:600}.adm-card-spacer{flex:1}.adm-card-edit-btn{background:var(--primary-light);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.adm-card-edit-btn.mobile{width:32px;min-width:32px;height:32px;min-height:32px}html.dark .adm-card-edit-btn{color:#a78bfa;background:#8b5cf626}.adm-card-delete-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:inline-flex}.adm-card-delete-btn.mobile{width:32px;min-width:32px;height:32px;min-height:32px}html.dark .adm-card-delete-btn{color:#f87171;background:#ef444426}.adm-card-edit-btn span,.adm-card-delete-btn span{font-size:20px!important}.adm-card-edit-btn.mobile span,.adm-card-delete-btn.mobile span{font-size:16px!important}.adm-cond-builder{border-radius:var(--radius-md);background:#f8fafc;border:1px solid #e2e8f0;flex-direction:column;gap:10px;padding:14px;display:flex}html.dark .adm-cond-builder{background:#ffffff0a;border-color:#ffffff1a}.adm-cond-header-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.adm-cond-header-label{color:#64748b;font-size:13px;font-weight:600}html.dark .adm-cond-header-label{color:#94a3b8}.adm-cond-operator-btn{cursor:pointer;color:#64748b;background:0 0;border:1px solid #d1d5db;border-radius:999px;padding:4px 14px;font-size:13px;font-weight:700;transition:all .15s}html.dark .adm-cond-operator-btn{color:#94a3b8;border-color:#ffffff26}.adm-cond-operator-btn.active{border:2px solid var(--primary);background:var(--primary-light);color:var(--primary)}html.dark .adm-cond-operator-btn.active{color:#818cf8;background:#818cf833;border-color:#818cf8}.adm-cond-operator-tip{color:#64748b;font-size:11px;font-style:italic}html.dark .adm-cond-operator-tip{color:#94a3b8}.adm-cond-rows-list{flex-direction:column;gap:8px;display:flex}.adm-cond-row-item{border-radius:var(--radius-md);background:#fff;border:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}html.dark .adm-cond-row-item{background:#ffffff0f;border-color:#ffffff1a}.adm-cond-row-label{color:#1e293b;flex:100px;min-width:80px;font-size:13px;font-weight:600}html.dark .adm-cond-row-label{color:#f1f5f9}.adm-cond-row-op{color:#64748b;border-radius:var(--radius-sm);background:#f1f5f9;padding:3px 8px;font-size:13px;font-weight:700}html.dark .adm-cond-row-op{color:#94a3b8;background:#ffffff14}.adm-cond-row-input{border-radius:var(--radius-sm);color:#1e293b;text-align:center;background:#fff;border:1px solid #d1d5db;width:72px;padding:5px 8px;font-size:14px;font-weight:700}html.dark .adm-cond-row-input{color:#f1f5f9;background:#ffffff14;border-color:#ffffff26}.adm-cond-row-unit{color:#64748b;min-width:36px;font-size:12px}html.dark .adm-cond-row-unit{color:#94a3b8}.adm-cond-row-remove-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}html.dark .adm-cond-row-remove-btn{color:#f87171;background:#ef444426}.adm-cond-row-remove-btn.disabled{color:#d1d5db;cursor:not-allowed;background:0 0}html.dark .adm-cond-row-remove-btn.disabled{color:#fff3}.adm-cond-add-wrapper{display:inline-block;position:relative}.adm-cond-add-btn{border-radius:var(--radius-md);color:var(--primary);cursor:pointer;background:0 0;border:1px solid #d1d5db;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}html.dark .adm-cond-add-btn{color:#818cf8;border-color:#ffffff26}.adm-cond-dropdown{z-index:200;border-radius:var(--radius-md);background:#fff;border:1px solid #e2e8f0;min-width:220px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 8px 24px #0003}html.dark .adm-cond-dropdown{background:#1e2535;border-color:#ffffff1f}.adm-cond-dropdown-item{color:#1e293b;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 14px;font-size:13px;font-weight:500;display:flex}html.dark .adm-cond-dropdown-item{color:#f1f5f9}.adm-cond-dropdown-item:hover{background:#f1f5f9}html.dark .adm-cond-dropdown-item:hover{background:#ffffff12}.adm-cond-preview{color:#64748b;margin:0;font-size:11px;font-style:italic}html.dark .adm-cond-preview{color:#94a3b8}.adm-label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}html.dark .adm-label{color:#cbd5e1}.adm-input{border-radius:var(--radius-md);color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;outline:none;padding:9px 12px;font-size:14px}html.dark .adm-input{color:#f1f5f9;background:#ffffff0f;border-color:#ffffff1f}.adm-select{color:#1e293b;box-sizing:border-box;appearance:none;WebkitAppearance:none;cursor:pointer;background:#fff 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") right 14px center/1.25rem no-repeat;border:1px solid #d1d5db;border-radius:99px;outline:none;padding:9px 36px 9px 16px;font-size:14px}html.dark .adm-select{color:#f1f5f9;background-color:#ffffff0f;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:#ffffff1f}#ach-search{border-radius:99px!important;padding-left:18px!important}.adm-th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--neutral-500);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:700}.adm-td{vertical-align:middle;padding:12px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.adm-w-100{width:100%!important}.adm-icon-16{font-size:16px!important}.adm-icon-18{font-size:18px!important}.adm-ml-auto-f11{margin-left:auto;font-size:11px}.adm-cond-preview-strong{font-style:normal}.adm-page-section-container{border-radius:var(--radius-md);border:1px solid #ffffff14;width:100%;max-width:1600px;min-height:700px;margin:0 auto 64px;padding:0;overflow:hidden}.adm-header-layout-row{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}@media (width<=768px){.adm-header-layout-row{flex-direction:column;align-items:stretch}}.adm-header-buttons-row{align-items:center;gap:10px;width:auto;margin-top:0;display:flex}@media (width<=768px){.adm-header-buttons-row{width:100%;margin-top:8px}}.adm-btn-pill{white-space:nowrap;flex:initial;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13.5px;font-weight:600;display:inline-flex}@media (width<=768px){.adm-btn-pill{flex:1 1 0}}.adm-error-alert{border-radius:var(--radius-md);color:#991b1b;background:#fef2f2;border:1px solid #ef4444;margin-bottom:20px;padding:12px 16px;font-size:14px}html.dark .adm-error-alert,html.dark .adm-error-alert{color:#f87171;background:#ef444426}.adm-loading-box{color:var(--neutral-500);justify-content:center;padding:48px;display:flex}.adm-italic{font-style:italic}.adm-empty-box{text-align:center;border:1px dashed var(--neutral-200);border-radius:var(--radius-md);background:var(--neutral-50);color:var(--neutral-500)}html.dark .adm-empty-box,html.dark .adm-empty-box{background:#ffffff08}.adm-icon-large{color:var(--neutral-300);margin:0 auto 12px;display:block;font-size:48px!important}.adm-m-0{margin:0!important}.adm-overflow-x-auto{overflow-x:auto}.adm-overflow-x-auto::-webkit-scrollbar{height:6px}.adm-overflow-x-auto::-webkit-scrollbar-track{background:0 0}.adm-overflow-x-auto::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}html.dark .adm-overflow-x-auto::-webkit-scrollbar-thumb{background:#ffffff26}.adm-overflow-x-auto::-webkit-scrollbar-thumb:hover{background:#94a3b8}html.dark .adm-overflow-x-auto::-webkit-scrollbar-thumb:hover{background:#ffffff40}.adm-table{border-collapse:collapse;width:100%;min-width:700px}.adm-table-header-row{border-bottom:1px solid var(--neutral-200)}html.dark .adm-table-header-row,html.dark .adm-table-header-row{border-bottom-color:#ffffff14}.adm-th-center{text-align:center!important}.adm-th-right{text-align:right!important}.adm-table-row{border-bottom:1px solid var(--neutral-100)}html.dark .adm-table-row,html.dark .adm-table-row{border-bottom-color:#ffffff0a}.adm-table-row.inactive{opacity:.65}.adm-td-title{min-width:180px;max-width:280px}.adm-td-title-bold{margin-bottom:2px;font-size:14px;font-weight:600}.adm-td-desc-clamp{color:var(--neutral-500);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.adm-td-condition-code{color:var(--neutral-400);font-family:monospace;font-size:11px}.adm-td-center{text-align:center!important}.adm-td-right{text-align:right!important}.adm-flex-center{justify-content:center;display:flex}.adm-flex-end-gap{justify-content:flex-end;gap:8px;display:flex}.adm-status-indicator{font-size:16px;font-weight:700}.adm-status-indicator.active{color:#16a34a}.adm-status-indicator.inactive{color:#dc2626}.adm-fw-600{font-weight:600!important}.adm-form-modal-inner{position:relative}.adm-form-header-margin{margin-bottom:24px;padding-right:36px}.adm-form-header-title-fs{font-size:18px}.adm-form-close-btn{cursor:pointer;color:var(--neutral-500);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:20px;right:20px}.adm-form-error-banner{border-radius:var(--radius-md);border:1px solid #ef4444;margin-bottom:16px;padding:10px 14px;font-size:13px}html body.light .adm-form-error-banner{color:#991b1b;background:#fef2f2}html.dark .adm-form-error-banner{color:#f87171;background:#ef444426}.adm-form-flex-column{flex-direction:column;gap:16px;display:flex}.adm-form-input-w100{width:100%}.adm-form-textarea-w100{resize:vertical;width:100%}.adm-form-preview-panel{border-radius:var(--radius-md);align-items:center;gap:16px;padding:12px 16px;display:flex}html body.light .adm-form-preview-panel{background:#f8fafc;border:1px solid #e2e8f0}html.dark .adm-form-preview-panel{background:#ffffff0d;border:1px solid #ffffff14}.adm-form-preview-title{color:var(--neutral-500);margin-bottom:4px;font-size:12px}.adm-form-preview-url{color:var(--neutral-400);margin-top:4px;font-family:monospace;font-size:11px}.adm-form-align-end{align-items:end}.adm-form-checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.adm-form-checkbox-input{width:16px;height:16px;accent-color:"var(--primary)";cursor:pointer}.adm-form-footer-row{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.adm-form-btn-padding{padding:10px 20px}.adm-form-btn-submit{align-items:center;gap:8px;padding:10px 24px;display:inline-flex}.adm-form-saving-text{font-style:italic}html body .admin-dashboard-page.adm-achievements-dashboard-section{border-radius:var(--radius-md);border:1px solid var(--ach-section-border);width:100%;max-width:1600px;min-height:700px;margin:0 auto 64px;padding:0;overflow:hidden}html body .admin-page-title.adm-achievements-title-responsive{font-size:28px}@media (width<=639px){html body .admin-page-title.adm-achievements-title-responsive{font-size:22px}}.adm-custom-badge-upload-area{border-radius:var(--radius-md);text-align:center;cursor:pointer;box-sizing:border-box;background:#f8fafc;border:2px dashed #d1d5db;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;transition:all .2s;display:flex;position:relative}html.dark .adm-custom-badge-upload-area{background:#ffffff08;border-color:#ffffff26}.adm-custom-badge-upload-area:hover{border-color:var(--primary);background:var(--primary-light)}html.dark .adm-custom-badge-upload-area:hover{background:#818cf814;border-color:#818cf8}.adm-upload-icon-large{color:var(--neutral-400);font-size:32px!important}.adm-upload-text-main{color:var(--neutral-600);font-size:13px;font-weight:600}html.dark .adm-upload-text-main{color:var(--neutral-300)}.adm-upload-text-sub{color:var(--neutral-400);font-size:11px}.adm-badge-radio-group{gap:16px;margin-bottom:12px;display:flex}.adm-badge-radio-label{cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.adm-custom-badge-input-group{border-radius:var(--radius-md);box-sizing:border-box;background:#00000003;border:1px solid #e2e8f0;flex-direction:column;gap:12px;padding:14px;display:flex}html.dark .adm-custom-badge-input-group{background:#ffffff03;border-color:#ffffff14}.adm-url-input-label{color:var(--neutral-500);margin-bottom:2px;font-size:12px;font-weight:600}.adm-badge-delete-action-row{justify-content:flex-end;display:flex}.adm-badge-radio-label input[type=radio]{cursor:pointer;accent-color:var(--primary);box-shadow:none!important;outline:none!important}.adm-badge-radio-label input[type=radio]:focus,.adm-badge-radio-label input[type=radio]:focus-visible,.adm-badge-radio-label input[type=radio]:active{box-shadow:none!important;outline:none!important}.pt-icon-20{font-size:20px!important}.pt-icon-green{color:#10b981!important}.pt-icon-yellow{color:#f59e0b!important}.pt-icon-16-green{color:#10b981!important;font-size:16px!important}.pt-icon-16-red{color:#ef4444!important;font-size:16px!important}.pt-icon-16-yellow{color:#f59e0b!important;font-size:16px!important}html body .segmented-control-wrapper::-webkit-scrollbar{display:none}html body .mdb-no-scrollbar::-webkit-scrollbar{display:none}html body .mdb-no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}html body .mdb-skills-tab-btn{box-shadow:none;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:10px 4px;font-size:14.5px;font-weight:700;transition:border-color .15s;display:inline-flex}html body .mdb-skills-tab-btn:hover{box-shadow:none;background:0 0;border-bottom-color:#00000026}html.dark .mdb-skills-tab-btn:hover{border-bottom-color:#ffffff4d}html body .mdb-form-field{flex-direction:column;gap:6px;display:flex}html body .mdb-form-actions{border-top:1px solid var(--neutral-200);gap:12px;width:100%;margin-top:auto;padding-top:16px;display:flex}html.dark .mdb-form-actions{border-top-color:#ffffff0d}html body .mdb-flex-between{justify-content:space-between;align-items:center;display:flex}html body .mdb-flex-align-center-gap-8{align-items:center;gap:8px;display:flex}html body .mdb-sidebar-title{margin:0 0 4px;font-size:18px;font-weight:800}html body .mdb-sidebar-subtitle{color:var(--neutral-500);margin:0;font-size:12px}html body .mdb-page-container{flex-direction:column;gap:24px;display:flex}html body .mdb-alert-box{color:#f87171;border-radius:var(--radius-md);background:#ef44441f;border:1px solid #ef444440;align-items:center;gap:12px;padding:14px 20px;display:flex}html body .mdb-alert-box.success{color:#34d399;background:#10b9811f;border-color:#10b98140}html body .mdb-alert-close{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto}html body .mdb-loader-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 0;display:flex}html body .mdb-spinner{border:4px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}html body .mdb-loader-text{color:var(--text-muted);font-weight:500}html body .mdb-content-wrapper{flex-direction:column;gap:16px;padding:24px;display:flex}@media (width<=768px){html body .mdb-content-wrapper{padding:16px}}html body .mdb-dashboard-wrapper{width:100%;max-width:1600px;min-height:500px;margin:0 auto 64px;padding:0}html body .mdb-dashboard-wrapper.is-mobile{width:100%;margin:0 auto 80px}html body .mdb-dashboard-wrapper.non-overview{border-radius:var(--radius-md);border:1px solid #00000014;overflow:hidden;box-shadow:0 8px 32px #0000000a}html.dark .mdb-dashboard-wrapper.non-overview{border-color:#ffffff14}html body .mdb-page-header-wrap{margin-bottom:24px;padding:0 8px}html body .mdb-section-header{box-sizing:border-box;width:100%;max-width:100%;margin-bottom:0!important;padding-right:0!important}html body .authenticated-shell .admin-page-header.mdb-page-header-no-margin{margin-top:0;margin-bottom:0!important}html body .mdb-alert-text{font-size:14px;font-weight:500}@media (width<=768px){html body .mdb-alert-text{font-size:13px}}html body .mdb-overview-container{flex-direction:column;gap:24px;display:flex}@media (width<=768px){html body .mdb-overview-container{gap:16px}}html body .mdb-overview-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:0;margin-bottom:24px;display:grid}@media (width<=1024px){html body .mdb-overview-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){html body .mdb-overview-grid{grid-template-columns:1fr}}html body .mdb-overview-card{cursor:pointer;min-height:170px}html body .mdb-card-delay-100{animation-delay:.1s}html body .mdb-card-delay-180{animation-delay:.18s}html body .mdb-card-delay-260{animation-delay:.26s}html body .mdb-card-delay-320{animation-delay:.32s}html body .mdb-card-delay-380{animation-delay:.38s}html body .mdb-card-delay-440{animation-delay:.44s}html body .mdb-card-top-row{justify-content:space-between;align-items:center;width:100%;display:flex}html body .mdb-card-badge-blue{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f633;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}html body .mdb-card-badge-purple{color:#c084fc;background:#a855f726;border:1px solid #a855f733;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}html body .mdb-card-bottom-area{max-width:60%}html body .mdb-card-title{margin:0 0 6px;font-size:18px;font-weight:800}html body .mdb-card-desc{opacity:.85;margin:0;font-size:13px}html body .mdb-link-reset{color:inherit;text-decoration:none}html body .mdb-mascot-listening{object-fit:contain;transform:scale(1.15)translateY(-10px)}html body .mdb-mascot-vocab{object-fit:contain;transform:scale(1.15)translateY(-5px)}html body .mdb-card-config{background:linear-gradient(135deg,#a855f70d,#7c3aed0d)}html body .mdb-matching-grid{grid-template-columns:1.2fr 1.8fr;align-items:start;gap:24px;display:grid}@media (width<=768px){html body .mdb-matching-grid{grid-template-columns:1fr}}html body .mdb-flex-col-gap-24{flex-direction:column;gap:24px;display:flex}html body .mdb-card-container{border-radius:var(--radius-lg);padding:24px}@media (width<=768px){html body .mdb-card-container{padding:18px}}html body .mdb-card-header{align-items:center;gap:10px;margin-bottom:18px;display:flex}html body .mdb-card-header-icon{color:var(--primary);font-size:24px}html body .mdb-card-header-title{margin:0;font-size:18px;font-weight:700}html body .mdb-form-error{border-radius:var(--radius-sm);color:#f87171;background:#ef44441f;border:1px solid #ef444433;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:500}html body .mdb-form{flex-direction:column;gap:14px;display:flex}html body .mdb-label-muted{color:var(--text-muted);font-size:13px;font-weight:600}html body .mdb-w-100{width:100%}html body .mdb-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=768px){html body .mdb-form-row{flex-direction:column;display:flex}}html body .mdb-select{width:100%;height:42px;color:var(--foreground);background-color:#fff}html.dark .mdb-select{background-color:#1e293b}html body .mdb-textarea{resize:vertical;width:100%}html body .mdb-btn-submit{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;padding:12px 16px;display:flex}html body .mdb-flex-col-gap-20{flex-direction:column;gap:20px;display:flex}html body .mdb-card-container-sm{border-radius:var(--radius-lg);padding:18px 24px}html body .mdb-card-top-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}html body .mdb-badge-info{color:var(--primary);background:#3b82f626;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}html body .mdb-search-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}html body .mdb-search-input{width:100%;height:42px;padding-left:40px}html body .mdb-empty-card{text-align:center;color:var(--text-muted);border-radius:var(--radius-lg);padding:60px 10px}html body .mdb-empty-card-text{margin:0;font-size:15px;font-weight:500}html body .mdb-class-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px)saturate(120%);border:1px solid #00000014;flex-direction:column;gap:20px;padding:24px;transition:all .2s;display:flex;background:#ffffff73!important}html body .mdb-class-card:hover{transform:translateY(-2px);border-color:var(--primary)!important;box-shadow:none!important}@media (width<=768px){html body .mdb-class-card{padding:18px}}html.dark body .mdb-class-card{background:#1e293b73!important;border-color:#ffffff14!important}html body .mdb-class-card-summary{border-top:1px solid var(--neutral-150);flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;display:flex}html.dark body .mdb-class-card-summary{border-top-color:#ffffff0f}html body .mdb-card-row-between{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}html body .mdb-badge-group{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}html body .mdb-badge-primary{background:var(--primary);color:#fff;text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:800}html body .mdb-card-muted-text{color:var(--text-muted);font-size:12px}html body .mdb-card-muted-text strong{color:var(--foreground)}html body .mdb-btn-delete{color:#ef4444;cursor:pointer;background:#fef2f2;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}html.dark .mdb-btn-delete{background:#ef444426}html body .mdb-class-card-body{border-top:1px solid var(--neutral-150);flex-direction:column;gap:16px;padding-top:20px;display:flex}html.dark .mdb-class-card-body{border-top-color:#ffffff0f}html body .mdb-flex-col-gap-16{flex-direction:column;gap:16px;display:flex}html body .mdb-label-bold{color:var(--text-muted);font-size:12px;font-weight:750}html body .mdb-select-sm{width:100%;height:38px;color:var(--foreground);background:#fff;font-size:13px}html.dark .mdb-select-sm{background:#1e293b}html body .mdb-label-block{color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:750;display:block}html body .mdb-student-empty{text-align:center;border-radius:var(--radius-md);background:#ffffff05;border:1px dashed #ffffff0f;padding:16px}html body .mdb-student-item{border:1px solid var(--neutral-150);background:#00000003;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}html.dark .mdb-student-item{background:#ffffff05;border-color:#ffffff0a}html body .mdb-student-name{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;margin:0 0 2px;font-size:13.5px;font-weight:700;overflow:hidden}html body .mdb-student-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}html body .mdb-btn-remove-student{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}html body .mdb-pagination-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:40px;display:flex}html body .mdb-pagination-btn-arrow{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s;display:inline-flex}html body .mdb-pagination-btn-arrow:disabled{cursor:not-allowed;opacity:.4}html body .mdb-pagination-ellipsis{color:#0f172a66;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:inline-flex}html.dark .mdb-pagination-ellipsis{color:#fff6}html body .mdb-pagination-btn-number{cursor:pointer;width:38px;height:38px;color:var(--neutral-900);box-shadow:none;background:#fff6;border:1px solid #0f172a14;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:800;transition:all .2s;display:inline-flex}html.dark .mdb-pagination-btn-number{color:#cbd5e1;background:#1e293b66;border-color:#ffffff14}html body .mdb-pagination-btn-number.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border:none;box-shadow:0 0 12px #2563eb66}html body .mdb-dict-header-row{flex-flow:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}html body .mdb-dict-search-icon{color:var(--neutral-500);position:absolute;top:50%;left:12px;transform:translateY(-50%)}html.dark .mdb-dict-search-icon{color:#94a3b8}html body .mdb-dict-search-input{width:100%;height:42px;padding-left:40px;border-radius:99px!important}html body .mdb-btn-add-word{border-radius:99px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex}html body .mdb-loading-box{text-align:center;color:var(--text-secondary);padding:48px}html body .mdb-dict-empty{text-align:center;border:1px dashed var(--neutral-200);border-radius:var(--radius-lg);color:var(--neutral-500);padding:32px}html.dark .mdb-dict-empty{color:#64748b;border-color:#ffffff1a}html body .mdb-flex-col-gap-12{flex-direction:column;gap:12px;display:flex}html body .mdb-mobile-card{border-radius:var(--radius-md);border:1px solid #0000000f;flex-direction:column;gap:12px;padding:16px;display:flex}html.dark .mdb-mobile-card{border-color:#ffffff0f}html body .mdb-flex-row-between-align-start{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}html body .mdb-card-word-title{color:var(--neutral-900);font-size:16px;font-weight:800}html.dark .mdb-card-word-title{color:#f8fafc}html body .mdb-card-word-pron{color:var(--neutral-500);margin-top:2px;font-size:13px}html.dark .mdb-card-word-pron{color:#64748b}html body .mdb-badge-pos{color:#10b981;border-radius:var(--radius-sm);background:#10b98126;align-self:flex-start;padding:2px 8px;font-size:11px;font-weight:700}html body .mdb-card-meaning{color:var(--neutral-700);border-left:3px solid var(--primary);word-break:break-all;background:#00000003;border-radius:8px;padding:10px 12px;font-size:14px}html.dark .mdb-card-meaning{color:#cbd5e1;background:#ffffff05}html body .mdb-card-actions-row{border-top:1px dashed #ffffff0f;justify-content:flex-end;gap:8px;margin-top:4px;padding-top:10px;display:flex}html body .mdb-btn-edit-word{background:var(--neutral-100);color:var(--neutral-700);border-color:#0000;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}html.dark .mdb-btn-edit-word{color:#cbd5e1;background:#ffffff14}html body .mdb-btn-delete-word{color:#dc2626;background:#fef2f2;border-color:#0000;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}html.dark .mdb-btn-delete-word{color:#f87171;background:#ef444426}html body .mdb-text-right{text-align:right}html body .mdb-table-word-title{color:var(--neutral-900);font-weight:700}html.dark .mdb-table-word-title{color:#f8fafc}html body .mdb-table-word-pron{color:var(--neutral-500);font-size:12px}html.dark .mdb-table-word-pron{color:#64748b}html body .mdb-table-meaning{color:var(--neutral-700)}html.dark .mdb-table-meaning{color:#cbd5e1}html body .mdb-flex-row-end{justify-content:flex-end;gap:8px;display:flex}html body .mdb-btn-circle-edit{background:var(--neutral-100);width:36px;height:36px;color:var(--neutral-700);border-color:#0000;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}html.dark .mdb-btn-circle-edit{color:#cbd5e1;background:#ffffff14}html body .mdb-btn-circle-delete{color:#dc2626;background:#fef2f2;border-color:#0000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}html.dark .mdb-btn-circle-delete{color:#f87171;background:#ef444426}html body .mdb-pagination-info-bar{border:1px solid var(--neutral-200);background:#00000005;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:12px 16px;display:flex}html.dark .mdb-pagination-info-bar{background:#ffffff08;border-color:#ffffff0d}html body .mdb-pagination-info-text{color:var(--neutral-500);font-size:13px}html.dark .mdb-pagination-info-text{color:#94a3b8}html body .mdb-reports-loading{height:300px;color:var(--neutral-700);justify-content:center;align-items:center;gap:12px;display:flex}html.dark .mdb-reports-loading{color:#cbd5e1}html body .mdb-spinner-sm{border:3px solid;border-top-color:#0000;border-radius:50%;width:24px;height:24px}html body .mdb-reports-metrics-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=768px){html body .mdb-reports-metrics-grid{grid-template-columns:1fr;gap:16px}}html body .mdb-report-label{color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}html.dark .mdb-report-label{color:#94a3b8}html body .mdb-report-value{color:var(--neutral-900);margin:8px 0 4px;font-size:26px;font-weight:850}html.dark .mdb-report-value{color:#f8fafc}html body .mdb-report-subtext{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}html.dark .mdb-report-subtext{color:#64748b}html body .mdb-inline-flex-center-gap-4{align-items:center;gap:4px;display:inline-flex}html body .mdb-report-weekly-growth{color:#16a34a;font-size:12px;font-weight:600}html.dark .mdb-report-weekly-growth{color:#4ade80}html body .mdb-two-col-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:24px;display:grid}@media (width<=768px){html body .mdb-two-col-grid{grid-template-columns:1fr;gap:16px}}html body .mdb-chart-header{margin:0 0 20px;font-size:16px;font-weight:700}html body .mdb-chart-bar-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-end;height:200px;padding:0 12px 12px;display:flex}@media (width<=768px){html body .mdb-chart-bar-row{height:150px;padding:0 4px 8px}}html body .mdb-chart-bar-wrapper{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}html body .mdb-chart-bar-val{color:var(--text-muted);font-size:11px;font-weight:700}@media (width<=768px){html body .mdb-chart-bar-val{font-size:9px}}html body .mdb-chart-bar-label{color:var(--text-muted);font-size:12px;font-weight:600}@media (width<=768px){html body .mdb-chart-bar-label{font-size:10px}}html body .mdb-chart-bar-rect{background:linear-gradient(#c084fc 0%,#c084fc33 100%);border-radius:4px 4px 0 0;width:32px;transition:height .8s cubic-bezier(.4,0,.2,1)}@media (width<=768px){html body .mdb-chart-bar-rect{width:16px}}html body .mdb-flex-col-gap-4{flex-direction:column;gap:4px;display:flex}html body .mdb-flex-row-between-bold-13{justify-content:space-between;font-size:13px;font-weight:700;display:flex}html body .mdb-primary-color{color:var(--primary)}html body .mdb-progress-track{background:#ffffff0d;border-radius:3px;width:100%;height:6px;overflow:hidden}html body .mdb-progress-fill{background:var(--primary);border-radius:3px;height:100%}html body .mdb-skills-tab-header{white-space:nowrap;-webkit-overflow-scrolling:touch;border-bottom:1px solid #0000000f;gap:24px;width:100%;padding-bottom:2px;display:flex;position:relative;overflow-x:auto}html.dark .mdb-skills-tab-header{border-bottom-color:#ffffff14}html body .mdb-skills-active-indicator{pointer-events:none;background-color:#7c3aed;border-radius:3px 3px 0 0;height:3px;transition:left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0}html.dark .mdb-skills-active-indicator{background-color:#c084fc}html body .mdb-flex-row-between-align-center{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}html body .mdb-desc-text{color:var(--text-secondary);margin:4px 0 0;font-size:12.5px}html body .mdb-btn-add-skill{align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13.5px;font-weight:700;display:inline-flex}html body .mdb-filter-box{border-radius:0;flex-direction:row;align-items:center;gap:24px;margin-top:16px;margin-bottom:24px;padding:0;display:flex;box-shadow:none!important;background:0 0!important;border:none!important}html.dark .mdb-filter-box{box-shadow:none!important;background:0 0!important;border:none!important}@media (width<=768px){html body .mdb-filter-box{flex-direction:column;align-items:stretch;gap:12px}}html body .mdb-label-filter{color:var(--text-secondary);white-space:nowrap;font-size:12.5px;font-weight:700}html body .mdb-select-filter{-webkit-backdrop-filter:blur(12px);appearance:none;cursor:pointer;background-position:right 12px center;background-repeat:no-repeat;background-size:1.1rem;border-radius:99px;width:200px;height:42px;padding:0 36px 0 16px;font-size:13.5px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-primary)!important;background-color:#ffffff73!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;border:1px solid #00000014!important}html body .mdb-select-filter:focus{outline:none;background-color:#fffc!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important}html.dark .mdb-select-filter{background-color:#0f172a73!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='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E")!important;border:1px solid #ffffff14!important}html.dark .mdb-select-filter:focus{background-color:#0f172abf!important;border-color:#06b6d4!important;box-shadow:0 0 0 3px #06b6d433!important}html body .glass-input{-webkit-backdrop-filter:blur(12px);box-sizing:border-box;border-radius:12px;height:42px;padding:8px 16px;font-size:13.5px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-primary)!important;background:#ffffff73!important;border:1px solid #00000014!important}html body .glass-input.mdb-search-input{padding-left:40px;border-radius:99px!important}html body .glass-input:focus{outline:none;background:#fffc!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important}html.dark body .glass-input{color:#f8fafc!important;background:#0f172a73!important;border:1px solid #ffffff14!important}html.dark body .glass-input:focus{background:#0f172abf!important;border-color:#06b6d4!important;box-shadow:0 0 0 3px #06b6d433!important}html body .mdb-skills-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex;box-shadow:inset 0 0 20px #ffffff03;box-sizing:border-box!important;background:#ffffff05!important;border:1px dashed #ffffff1a!important;border-radius:24px!important;width:100%!important;max-width:100%!important;margin:32px 0!important}html.dark body .mdb-skills-empty-state{background:#0f172a40!important;border-color:#ffffff14!important}.mdb-skills-empty-icon{opacity:.65;filter:drop-shadow(0 4px 10px #00000026);margin-bottom:16px;color:var(--text-muted)!important;font-size:56px!important}.mdb-skills-empty-text{margin:0;line-height:1.6;color:var(--text-muted)!important;font-size:14.5px!important}html body .mdb-grid-gap-12{gap:12px;display:grid}html body .mdb-grid-gap-16{gap:16px;display:grid}html body .mdb-skill-item-card{border:1px solid var(--neutral-200);background:#00000004;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}html.dark .mdb-skill-item-card{background:#ffffff05}html body .mdb-skill-item-content{flex:1;margin-right:16px}html body .mdb-skill-text-main{color:var(--text-primary);font-size:14px;font-weight:600}html body .mdb-skill-text-main.bold{font-size:14.5px;font-weight:700}html body .mdb-skill-text-main.margin-bottom{margin-bottom:4px}html body .mdb-skill-text-main.margin-bottom-lg{margin-bottom:6px}html body .mdb-skill-index{color:var(--primary);margin-right:8px;font-weight:700}html body .mdb-skill-hint{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-style:italic}html body .mdb-badge-grade{color:#a855f7;background:#a855f71a;border-radius:12px;padding:2px 8px;font-size:10.5px;font-weight:700}html body .mdb-badge-topic{color:var(--text-secondary);background:#0000000a;border-radius:12px;padding:2px 8px;font-size:10.5px}html.dark .mdb-badge-topic{background:#ffffff0d}html body .mdb-keywords-wrapper{flex-wrap:wrap;gap:6px;margin-top:4px;margin-bottom:8px;display:flex}html body .mdb-keywords-label{color:var(--text-secondary);align-self:center;margin-right:4px;font-size:11px}html body .mdb-badge-keyword{color:var(--text-secondary);border:1px solid var(--neutral-300);background:#00000008;border-radius:12px;padding:3px 10px;font-size:11px;transition:all .2s}html.dark body .mdb-badge-keyword{color:#cbd5e1;background:#ffffff0d;border-color:#ffffff14}html body .mdb-reading-card{border:1px solid var(--neutral-200);background:#00000004;border-radius:12px;flex-direction:column;gap:10px;padding:18px;display:flex}html.dark .mdb-reading-card{background:#ffffff05}html body .mdb-badge-inline-mb-6{margin-bottom:6px;padding:2px 8px;font-size:10px;display:inline-block}html body .mdb-reading-header-badge{vertical-align:middle;border-radius:12px;margin-bottom:6px;margin-left:6px;padding:2px 8px;font-size:10.5px;display:inline-block}html body .mdb-reading-questions-bar{color:var(--primary);border-top:1px dashed var(--neutral-200);align-items:center;gap:4px;margin-top:4px;padding-top:8px;font-size:12px;font-weight:700;display:flex}html body .mdb-mb-20{margin-bottom:20px}html body .mdb-two-col-grid-equal{grid-template-columns:1fr 1fr;gap:24px;margin-top:10px;display:grid}@media (width<=768px){html body .mdb-two-col-grid-equal{grid-template-columns:1fr}}html body .mdb-config-panel{background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}html.dark .mdb-config-panel{background:0 0!important}html body .mdb-config-panel-title{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:800;display:flex}html body .mdb-config-icon{color:#7c3aed}html.dark .mdb-config-icon{color:#c084fc}html body .mdb-config-panel-desc{color:var(--text-secondary);margin:0 0 16px;font-size:12px}html body .mdb-flex-row-gap-8-mb-16{gap:8px;margin-bottom:16px;display:flex}html body .mdb-config-input{border:1px solid var(--neutral-200);height:36px;color:var(--text-primary);background:#fff;border-radius:8px;outline:none;flex:1;padding:0 12px;font-size:13.5px}html.dark .mdb-config-input{background:#1e293b}html body .mdb-btn-config-add{border-radius:8px;height:36px;padding:0 16px;font-size:13px;font-weight:700}html body .mdb-flex-wrap-gap-8{flex-wrap:wrap;gap:8px;display:flex}html body .mdb-grade-pill{border:1px solid var(--neutral-200);color:var(--text-primary);background:#0000000a;border-radius:16px;align-items:center;gap:8px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}html.dark .mdb-grade-pill{background:#ffffff0d}html body .mdb-btn-close-red{cursor:pointer;color:#ef4444;background:0 0;border:none;padding:0;display:inline-flex}html body .mdb-grid-gap-8{gap:8px;display:grid}html body .mdb-topic-row{border:1px solid var(--neutral-200);color:var(--text-primary);background:#00000008;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:600;display:flex}html.dark .mdb-topic-row{background:#ffffff0a}html body .mdb-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}html body .mdb-modal-panel{border-radius:var(--radius-lg);text-align:left;border:1px solid #ffffff1a;width:100%;max-width:520px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 20px 40px #0006}html body .mdb-modal-panel.mdb-modal-reading{max-width:700px}html body .mdb-modal-panel.mdb-modal-width-500{max-width:500px}html body .mdb-modal-title{margin:0 0 8px;font-size:20px;font-weight:800}html body .mdb-modal-form{flex-direction:column;gap:16px;margin-top:16px;display:flex}html body .mdb-form-label{color:var(--text-muted);font-size:13px;font-weight:600}html body .mdb-input-full{width:100%}html body .mdb-textarea-full{resize:vertical;width:100%}html body .mdb-form-grid-2-1{grid-template-columns:2fr 1fr;gap:14px;display:grid}html body .mdb-modal-select{width:100%;height:42px;color:var(--foreground);background-color:#fff}html.dark .mdb-modal-select{background-color:#1e293b}html body .mdb-modal-separator{border-top:1px solid #ffffff14;margin-top:10px;padding-top:14px}html body .mdb-modal-section-header{justify-content:space-between;align-items:center;margin:0 0 12px;font-size:14.5px;font-weight:700;display:flex}html body .mdb-btn-compact-sm{padding:4px 10px;font-size:12px}html body .mdb-modal-questions-scroll{flex-direction:column;gap:16px;max-height:200px;padding-right:8px;display:flex;overflow-y:auto}html body .mdb-modal-question-block{border:1px solid var(--neutral-200);background:#ffffff05;border-radius:8px;padding:12px;position:relative}html body .mdb-modal-delete-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:12px;position:absolute;top:8px;right:8px}html body .mdb-form-subtext-bold{color:var(--primary);font-size:11px;font-weight:700}html body .mdb-input-full-h-36{width:100%;height:36px}html body .mdb-input-full-h-32{width:100%;height:32px}html body .mdb-grid-2-gap-8-mb-8{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}html body .mdb-grid-2-gap-8{grid-template-columns:1fr 1fr;gap:8px;display:grid}html body .mdb-modal-footer-selectors{border-top:1px dashed var(--neutral-200);grid-template-columns:1fr 1fr;gap:14px;margin-top:4px;padding-top:14px;display:grid}html body .mdb-modal-select-styled{width:100%;height:42px;color:var(--text-primary);border:1px solid var(--neutral-200);background-color:#fff;border-radius:8px;padding:0 10px}html.dark .mdb-modal-select-styled{background-color:#1e293b}html body .mdb-modal-footer-btns{border-top:1px solid #ffffff14;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:16px;display:flex}html body .mdb-btn-modal-action{height:38px;padding:0 18px;font-size:13.5px}html body .mdb-btn-modal-action.bold{font-weight:700}html body .mdb-modal-subtitle{color:var(--neutral-500);margin:0 0 20px;font-size:13px;line-height:1.4}html.dark .mdb-modal-subtitle{color:#94a3b8}html body .mdb-modal-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}html body .mdb-btn-oxford-lookup{border-radius:4px;align-items:center;gap:4px;height:auto;padding:4px 10px;font-size:11px;display:flex}html body .mdb-modal-form-label{color:var(--neutral-600);font-size:13px;font-weight:600}html.dark .mdb-modal-form-label{color:#cbd5e1}html body .mdb-modal-form-label.mdb-block{margin-bottom:6px;display:block}html body .mdb-modal-input-pad{width:100%;padding:10px 12px}html body .mdb-modal-textarea-pad{resize:vertical;width:100%;min-height:80px;padding:10px 12px}html body .mdb-modal-select-pad{width:100%;color:var(--text-primary);appearance:none;padding:10px 36px 10px 12px;background:#fff 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") right 12px center/1.25rem no-repeat!important}html.dark .mdb-modal-select-pad{background-color:#1e293b!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='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E")!important}html body .mdb-modal-footer-flex-end{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}html body .mdb-btn-dict-cancel{padding:8px 16px}html body .mdb-btn-dict-save{align-items:center;gap:6px;padding:8px 20px;display:inline-flex}html body .mdb-relative{position:relative}html body .mdb-large-icon{opacity:.6;margin-bottom:8px;font-size:48px}html body .mdb-class-card-title{color:var(--foreground);margin:0;font-size:18px;font-weight:800}html body .mdb-class-card-desc{color:var(--text-muted);margin:4px 0 0;font-size:13px}html body .mdb-flex-1-min-0{flex:1;min-width:0}html body .mdb-search-bar-wrap{width:100%;max-width:400px;position:relative}html body .mdb-btn-circle-nav{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}html body .mdb-page-info-label{color:var(--neutral-900);font-size:13px;font-weight:700}html.dark .mdb-page-info-label{color:#f8fafc}html body .mdb-empty-text-13{color:var(--text-muted);font-size:13px}html body .mdb-reports-loading-text{font-size:15px;font-weight:500}html body .mdb-icon-14-blue{color:#3b82f6;font-size:14px}html body .mdb-icon-14-green{color:#10b981;font-size:14px}html body .mdb-icon-14-pink{color:#ec4899;font-size:14px}html body .mdb-icon-14-orange{color:#f59e0b;font-size:14px}html body .mdb-section-title-18{margin:0;font-size:18px;font-weight:800}html body .mdb-config-title{margin:0 0 8px;font-size:18px;font-weight:800}html body .mdb-config-desc{color:var(--text-secondary);margin:0;font-size:12.5px}html body .mdb-grades-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin-top:16px;display:grid}html body .mdb-grade-card{border:1px solid var(--neutral-200);background:#0f172a05;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:16px 12px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}html.dark .mdb-grade-card{background:#ffffff05;border-color:#ffffff14}html body .mdb-grade-card:hover{background:#3b82f60a;border-color:#3b82f6;transform:translateY(-3px);box-shadow:none!important}html.dark .mdb-grade-card:hover{background:#60a5fa0f;border-color:#60a5fa;box-shadow:none!important}html body .mdb-grade-card-icon{color:#3b82f6;background:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:8px;display:flex}html.dark .mdb-grade-card-icon{color:#60a5fa;background:#60a5fa26}html body .mdb-grade-card-text{color:var(--text-primary);font-size:13.5px;font-weight:800}html body .mdb-grade-card-delete{color:#ef4444;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;top:6px;right:6px;transform:scale(.8)}html body .mdb-grade-card-delete span{font-size:16px}html body .mdb-grade-card:hover .mdb-grade-card-delete{opacity:1;transform:scale(1)}html body .mdb-grade-card-delete:hover{background:#ef44441a}html body .mdb-topics-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:16px;display:grid}html body .mdb-topic-card{border:1px solid var(--neutral-200);background:#0f172a05;border-radius:16px;flex-direction:column;padding:16px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}html.dark .mdb-topic-card{background:#ffffff05;border-color:#ffffff14}html body .mdb-topic-card:hover{background:#a855f70a;border-color:#a855f7;transform:translateY(-3px);box-shadow:none!important}html.dark .mdb-topic-card:hover{background:#c084fc0f;border-color:#c084fc;box-shadow:none!important}html body .mdb-topic-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}html body .mdb-topic-card-icon{color:#a855f7;background:#a855f71a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}html.dark .mdb-topic-card-icon{color:#c084fc;background:#c084fc26}html body .mdb-topic-card-delete{color:#ef4444;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;transform:scale(.8)}html body .mdb-topic-card-delete span{font-size:18px}html body .mdb-topic-card:hover .mdb-topic-card-delete{opacity:1;transform:scale(1)}html body .mdb-topic-card-delete:hover{background:#ef44441a}html body .mdb-topic-card-title{color:var(--text-primary);word-break:break-word;margin-bottom:4px;font-size:14.5px;font-weight:800}html body .mdb-topic-card-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}html body .mdb-skills-cards-container{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;margin-bottom:24px;display:grid}@media (width<=1024px){html body .mdb-skills-cards-container{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){html body .mdb-skills-cards-container{grid-template-columns:1fr;gap:12px}}html body .mdb-skill-nav-card{cursor:pointer;text-align:left;color:#fff;background:#0f172a4d;border:1px solid #ffffff0f;border-radius:20px;outline:none;align-items:center;gap:16px;padding:16px 20px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;box-shadow:0 10px 30px #00000026}html.dark .mdb-skill-nav-card{background:#0f172a4d}html:not(.dark) .mdb-skill-nav-card{border-color:var(--neutral-200);color:var(--neutral-800);background:#ffffffb3;box-shadow:0 10px 30px #0000000a}html body .mdb-skill-nav-card-icon{width:44px;height:44px;color:var(--card-accent);background:#ffffff0f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}html:not(.dark) .mdb-skill-nav-card-icon{background:var(--neutral-100)}html body .mdb-skill-nav-card-icon span{font-size:24px}html body .mdb-skill-nav-card-info{flex:1;min-width:0}html body .mdb-skill-nav-card-title{color:inherit;margin:0;font-size:16px;font-weight:800}html body .mdb-skill-nav-card-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;overflow:hidden}html body .mdb-skills-cards-container:hover .mdb-skill-nav-card{filter:blur(2px)grayscale(30%);opacity:.55;box-shadow:none;border-color:#ffffff0a;transform:scale(.97)}html:not(.dark) .mdb-skills-cards-container:hover .mdb-skill-nav-card{border-color:var(--neutral-150)}html body .mdb-skill-nav-card.active{background:linear-gradient(135deg,#0f172a8c 0%,#1e293b66 100%);box-shadow:0 0 25px #ffffff0d,inset 0 0 12px #ffffff03;border-color:var(--card-accent)!important}html:not(.dark) .mdb-skill-nav-card.active{background:#fff;box-shadow:0 10px 25px #0000000d}html body .mdb-skills-cards-container:hover .mdb-skill-nav-card:hover{filter:blur()grayscale(0%);opacity:1;transform:scale(1.04);border-color:var(--card-accent)!important;box-shadow:none!important;background:var(--card-accent)!important;color:#fff!important}html body .mdb-skills-cards-container:hover .mdb-skill-nav-card:hover .mdb-skill-nav-card-icon{color:#fff!important;background:#fff3!important}html body .mdb-skills-cards-container:hover .mdb-skill-nav-card:hover .mdb-skill-nav-card-desc{color:#fffc!important}html body .mdb-skills-tab-content-speaking,html body .mdb-skills-tab-content-listening,html body .mdb-skills-tab-content-writing{gap:20px;width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))!important}@media (width<=600px){html body .mdb-skills-tab-content-speaking,html body .mdb-skills-tab-content-listening,html body .mdb-skills-tab-content-writing{grid-template-columns:1fr;gap:12px}}html body .mdb-skills-tab-content-speaking .mdb-skill-item-card{border-left:4px solid #3b82f6}html body .mdb-skills-tab-content-listening .mdb-skill-item-card{border-left:4px solid #10b981}html body .mdb-skills-tab-content-writing .mdb-skill-item-card{border-left:4px solid #f59e0b}html body .mdb-skill-item-card{-webkit-backdrop-filter:blur(12px)saturate(120%);background:#ffffff73;border:1px solid #00000014;border-radius:18px;flex-direction:column;justify-content:space-between;align-items:stretch;min-height:180px;padding:20px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000003}html.dark body .mdb-skill-item-card{background:#1e293b73;border-color:#ffffff14;box-shadow:0 4px 24px #00000026}html body .mdb-skill-item-card:hover{background:#ffffff8c;border-color:#0000001f;transform:translateY(-4px);box-shadow:none!important}html.dark body .mdb-skill-item-card:hover{background:#1e293b8c;border-color:#ffffff1f;box-shadow:none!important}html body .mdb-skill-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}html body .mdb-skill-card-index{color:var(--primary);background:#3b82f61a;border-radius:6px;padding:2px 8px;font-size:13px;font-weight:800}html.dark .mdb-skill-card-index{color:#60a5fa;background:#60a5fa26}html body .mdb-skill-card-actions{gap:6px;display:flex}html body .mdb-skill-card-body{flex:1;margin-bottom:16px}html body .mdb-skill-card-text{color:var(--text-primary);margin:0;font-size:14.5px;font-weight:600;line-height:1.5}html body .mdb-skill-card-text.font-bold{font-weight:800}html body .mdb-skill-card-hint{color:var(--text-secondary);border-left:2px solid var(--neutral-300);background:#00000003;border-radius:8px;margin:8px 0 0;padding:6px 10px;font-size:12.5px;font-style:italic}html.dark .mdb-skill-card-hint{background:#ffffff03;border-left-color:#ffffff1a}html body .mdb-skill-card-footer{border-top:1px dashed var(--neutral-200);flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}html.dark .mdb-skill-card-footer{border-top-color:#ffffff14}html body .square-btn{border:1px solid var(--neutral-200);width:34px;height:34px;color:var(--text-secondary);background:#0f172a08;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}html.dark .square-btn{color:#94a3b8;background:#ffffff08;border-color:#ffffff14}html body .square-btn:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-2px);color:#fff!important}html body .square-btn.delete-btn:hover{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}html body .mdb-skills-tab-content-reading{gap:20px;width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))!important}@media (width<=768px){html body .mdb-skills-tab-content-reading{grid-template-columns:1fr}}html body .mdb-reading-card{border:1px solid var(--neutral-200);background:#0f172a05;border-left:4px solid #a855f7;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:240px;padding:20px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}html.dark .mdb-reading-card{background:#ffffff05;border-color:#ffffff14}html body .mdb-reading-card:hover{background:#0f172a08;transform:translateY(-4px);box-shadow:none!important}html.dark .mdb-reading-card:hover{background:#ffffff0a;box-shadow:none!important}html body .mdb-reading-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}html body .mdb-reading-card-body{flex:1;margin-bottom:16px}html body .mdb-reading-card-title{color:var(--text-primary);margin:8px 0;font-size:16px;font-weight:800}html body .mdb-reading-excerpt{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.6;display:-webkit-box;overflow:hidden}html body .mdb-reading-questions-bar{border-top:1px dashed var(--neutral-200);color:#a855f7;align-items:center;gap:6px;margin-top:auto;padding-top:12px;font-size:13px;font-weight:700;display:flex}html.dark .mdb-reading-questions-bar{color:#c084fc;border-top-color:#ffffff14}html body .mdb-skills-hub-container{flex-direction:column;gap:16px;width:100%;display:flex}html body .mdb-skills-hub-header{text-align:center;margin-top:8px;margin-bottom:0}html body .mdb-skills-hub-title{display:none}html body .mdb-skills-hub-desc{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:13.5px;line-height:1.5}html body .mdb-skills-hub-grid{grid-template-columns:repeat(4,1fr);gap:24px;width:100%;display:grid}@media (width<=1200px){html body .mdb-skills-hub-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width<=640px){html body .mdb-skills-hub-grid{grid-template-columns:1fr;gap:16px}}html body .mdb-skills-hub-card{cursor:pointer;background:#0f172a73;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;min-height:440px;transition:all .5s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000026}html.dark .mdb-skills-hub-card{background:#0f172a73!important;border-color:#ffffff14!important;box-shadow:0 12px 40px #0000004d!important}html:not(.dark) .mdb-skills-hub-card{border-color:var(--neutral-200)!important;background:#ffffffbf!important;box-shadow:0 12px 40px #0000000a!important}html body .mdb-skills-hub-card-mascot-wrapper{background:#fff;border-bottom:1px solid #0000000d;justify-content:center;align-items:center;height:240px;padding:24px;display:flex;position:relative;overflow:hidden}html:not(.dark) .mdb-skills-hub-card-mascot-wrapper{background:#fff}html body .mdb-skills-hub-card-mascot-cover{background:0 0!important;border-bottom:none!important;padding:0!important}html body .mdb-skills-hub-card-mascot-cover .mdb-skills-hub-card-mascot{object-fit:cover!important;object-position:center top!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}html body .mdb-skills-hub-card-mascot-writing{background:#0f172a73!important;border-bottom:1px solid #ffffff14!important;height:280px!important;padding:10px!important}html:not(.dark) body .mdb-skills-hub-card-mascot-writing{background:#f1f5f9b3!important;border-bottom:1px solid #0000000f!important}html body .mdb-skills-hub-card-mascot-writing .mdb-skills-hub-card-mascot{border-radius:16px;box-shadow:0 8px 24px #0000004d;object-fit:contain!important;object-position:center!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}html body .mdb-skills-hub-card-mascot{object-fit:contain;max-width:100%;max-height:100%;transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}html body .mdb-skills-hub-card-body{flex-direction:column;flex:1;padding:20px;display:flex}html body .mdb-skills-hub-card-accent-pill{text-transform:uppercase;letter-spacing:.05em;background:#ffffff14;border-radius:999px;width:fit-content;margin-bottom:8px;padding:2px 8px;font-size:10px;font-weight:700}html:not(.dark) .mdb-skills-hub-card-accent-pill{background:var(--neutral-100)}html body .mdb-skills-hub-card-title{color:var(--text-primary);margin:0 0 6px;font-size:18px;font-weight:800;transition:color .3s}html.dark .mdb-skills-hub-card-title{color:#fff!important}html body .mdb-skills-hub-card-desc{color:var(--text-secondary);flex:1;margin:0 0 16px;font-size:12.5px;line-height:1.5}html.dark .mdb-skills-hub-card-desc{color:#94a3b8!important}html body .mdb-skills-hub-card-stats{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:16px;font-size:12px;font-weight:700;display:flex}html.dark .mdb-skills-hub-card-stats{color:#64748b!important}html body .mdb-skills-hub-grid:hover .mdb-skills-hub-card{filter:blur(3px);opacity:.5;box-shadow:none;transform:scale(.97)}html body .mdb-skills-hub-grid:hover .mdb-skills-hub-card:hover{filter:blur();opacity:1;border-color:var(--card-accent);transform:scale(1.04);box-shadow:none!important}html:not(.dark) .mdb-skills-hub-grid:hover .mdb-skills-hub-card:hover{box-shadow:none!important}html body .mdb-skills-hub-card:hover .mdb-skills-hub-card-mascot{transform:scale(1.1)translateY(-4px)}html body .mdb-skills-hub-card:hover .mdb-skills-hub-card-title{color:var(--card-accent)!important}html body .mdb-btn-back-hub{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;transition:all .2s}html:not(.dark) .mdb-btn-back-hub{background:var(--neutral-100);border-color:var(--neutral-200)}html body .mdb-btn-back-hub:hover{background:#ffffff1a;transform:translate(-3px)}html.dark .mdb-import-textarea{color:#f8fafc;resize:vertical;background:#0f172a66;border:1.5px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:Fira Code,Courier New,monospace;font-size:13px;line-height:1.6;transition:border-color .2s,box-shadow .2s}html:not(.dark) .mdb-import-textarea{border:1.5px solid var(--neutral-300);color:#1e293b;resize:vertical;background:#fff;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:Fira Code,Courier New,monospace;font-size:13px;line-height:1.6;transition:border-color .2s,box-shadow .2s}html.dark .mdb-import-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf640}html:not(.dark) .mdb-import-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}html body .mdb-skills-details-container{flex-direction:column;gap:20px;width:100%;display:flex}html body .mdb-details-header-left{flex:1;align-items:flex-start;gap:16px;display:flex}html body .mdb-details-header-actions{align-items:center;gap:8px;display:flex}html body .mdb-header-action-btn{cursor:pointer;border-radius:99px;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 16px;font-size:13.5px;font-weight:600;display:flex;white-space:nowrap!important}html body .mdb-btn-ai-gen{color:#a78bfa!important;border-color:#8b5cf6!important}html body .mdb-modal-template-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}html body .mdb-modal-upload-row{align-items:center;gap:12px;display:flex}html body .mdb-modal-ai-checkbox-row{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:12px;align-items:flex-start;gap:8px;margin-top:4px;padding:10px 14px;display:flex}@media (width<=768px){html body .mdb-flex-row-between-align-center{flex-direction:column;align-items:stretch;gap:16px}html body .mdb-details-header-left{align-items:flex-start}html body .mdb-details-header-actions{gap:8px;width:100%;display:grid;grid-template-columns:repeat(2,1fr)!important}html body .mdb-header-action-btn{justify-content:center;width:100%}html body .mdb-details-header-actions>:only-child{grid-column:span 2!important}html body .mdb-filter-box{flex-direction:column;align-items:stretch;gap:12px}html body .mdb-flex-align-center-gap-8{justify-content:space-between;align-items:center;width:100%;display:flex}html body .mdb-select-filter{width:100%;max-width:100%}html body .mdb-modal-template-header{flex-direction:column;align-items:flex-start;gap:8px}html body .mdb-modal-delimiter-row{flex-direction:column;align-items:flex-start;gap:8px;width:100%}html body .mdb-modal-delimiter-options{gap:6px;width:100%;display:grid;grid-template-columns:repeat(3,1fr)!important}html body .mdb-modal-delimiter-options button{text-align:center;justify-content:center;width:100%;padding:6px 0;font-size:11px}html body .mdb-modal-upload-row{flex-direction:column;align-items:stretch;gap:8px}html body .mdb-modal-upload-row label{justify-content:center;width:100%}html body .mdb-modal-upload-row span{text-align:center}html body .mdb-modal-footer-flex-end,html body .mdb-modal-footer-btns{gap:8px;width:100%;display:grid;grid-template-columns:1fr 1fr!important}}html body .mdb-modal-panel.mdb-modal-width-600{max-width:600px}html body .mdb-modal-panel.mdb-modal-width-700{max-width:700px}html body .mdb-modal-form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}html body .mdb-modal-reading-meta-grid{grid-template-columns:2fr 1fr 1fr;gap:12px;display:grid}html body .mdb-modal-delimiter-row{align-items:center;gap:12px;display:flex}html body .mdb-modal-delimiter-options{gap:8px;display:flex}@media (width<=768px){html body .mdb-modal-panel{max-width:95%;margin:8px;padding:20px 16px}html body .mdb-modal-form-grid{gap:12px;grid-template-columns:1fr!important}html body .mdb-modal-reading-meta-grid{gap:10px;grid-template-columns:1fr!important}html body .mdb-modal-delimiter-row{flex-direction:column;align-items:flex-start;gap:8px;width:100%}html body .mdb-modal-delimiter-options{gap:6px;width:100%;flex-wrap:wrap!important}html body .mdb-modal-delimiter-options button{text-align:center;flex:calc(50% - 4px);justify-content:center}html body .mdb-modal-footer-flex-end,html body .mdb-modal-footer-btns{gap:8px;width:100%;display:grid;grid-template-columns:1fr 1fr!important}}html body .mdb-config-container{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}html.dark .mdb-config-container{box-shadow:none;background:0 0;border:none}html body .mdb-config-section{background:0 0;border:none;padding:0}html body .mdb-config-header-banner{background:linear-gradient(135deg,#6366f10d 0%,#a855f70d 100%);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:flex;box-shadow:none!important;border:none!important}html.dark .mdb-config-header-banner{background:linear-gradient(135deg,#6366f11f 0%,#a855f71f 100%);box-shadow:none!important;border:none!important}html body .mdb-config-header-left{flex:1;align-items:center;gap:16px;display:flex}html body .mdb-config-header-badge{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 8px 16px #a855f740}html body .mdb-config-header-badge span{font-size:26px}html body .mdb-config-title-gradient{background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;margin:0 0 6px;font-size:22px;font-weight:900}html body .mdb-config-header-stats{gap:12px;display:flex}html body .mdb-config-stat-card{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-width:100px;padding:12px 20px;transition:all .3s;display:flex}html.dark .mdb-config-stat-card{background:#1e293b99;border-color:#ffffff14}html body .mdb-config-stat-card.border-blue{border-left:3px solid #3b82f6!important}html body .mdb-config-stat-card.border-purple{border-left:3px solid #a855f7!important}html body .mdb-config-stat-card .stat-value{margin-bottom:4px;font-size:22px;font-weight:900;line-height:1}html body .mdb-config-stat-card .stat-value.text-blue{color:#3b82f6}html.dark .mdb-config-stat-card .stat-value.text-blue{color:#60a5fa}html body .mdb-config-stat-card .stat-value.text-purple{color:#a855f7}html.dark .mdb-config-stat-card .stat-value.text-purple{color:#c084fc}html body .mdb-config-stat-card .stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}html body .mdb-config-panel.mdb-config-panel-blue,html.dark .mdb-config-panel.mdb-config-panel-blue,html body .mdb-config-panel.mdb-config-panel-purple,html.dark .mdb-config-panel.mdb-config-panel-purple{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}html body .mdb-config-panel-header-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}html body .mdb-config-panel-badge{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}html body .mdb-config-panel-badge.bg-blue{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);box-shadow:0 4px 10px #3b82f640}html body .mdb-config-panel-badge.bg-purple{background:linear-gradient(135deg,#a855f7 0%,#7e22ce 100%);box-shadow:0 4px 10px #a855f740}html body .mdb-config-panel-title-text{color:var(--text-primary);margin:0 0 2px;font-size:16px;font-weight:800}html body .mdb-config-panel-desc-text{color:var(--text-secondary);margin:0;font-size:12px}html body .mdb-config-action-group{gap:10px;margin-bottom:20px;display:flex}html body .mdb-config-input-wrapper{flex:1;align-items:center;display:flex;position:relative}html body .mdb-config-input-wrapper .input-prefix-icon{color:var(--text-secondary);pointer-events:none;font-size:18px;transition:color .3s;position:absolute;left:12px}html body .mdb-config-input-styled{border:1px solid var(--neutral-200);width:100%;height:42px;color:var(--text-primary);background:#fff;border-radius:12px;outline:none;padding:0 12px 0 38px;font-size:13.5px;font-weight:600;transition:all .3s}html.dark .mdb-config-input-styled{background:#0f172a99;border-color:#ffffff14}html body .mdb-config-input-styled:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}html.dark .mdb-config-input-styled:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html body .mdb-config-input-wrapper:focus-within .input-prefix-icon{color:#3b82f6}html.dark .mdb-config-input-wrapper:focus-within .input-prefix-icon{color:#60a5fa}html body .mdb-btn-config-add-gradient{border:none;border-radius:12px;align-items:center;gap:4px;height:42px;padding:0 18px;font-size:13.5px;font-weight:800;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000000d;color:#fff!important}html body .mdb-btn-config-add-gradient.bg-blue-grad{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}html body .mdb-btn-config-add-gradient.bg-blue-grad:hover{transform:translateY(-1.5px);box-shadow:none!important}html body .mdb-btn-config-add-gradient.bg-purple-grad{background:linear-gradient(135deg,#a855f7 0%,#7e22ce 100%)}html body .mdb-btn-config-add-gradient.bg-purple-grad:hover{transform:translateY(-1.5px);box-shadow:none!important}html body .mdb-grade-card-v2{border:1px solid var(--neutral-200);background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:20px 12px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000003}html.dark .mdb-grade-card-v2{background:#1e293b66;border-color:#ffffff0f}html body .mdb-grade-card-v2-glow{opacity:.7;background:linear-gradient(90deg,#3b82f6,#1d4ed8);height:4px;transition:height .3s;position:absolute;top:0;left:0;right:0}html body .mdb-grade-card-v2:hover{border-color:#3b82f6;transform:translateY(-3px);box-shadow:none!important}html.dark .mdb-grade-card-v2:hover{border-color:#60a5fa;box-shadow:none!important}html body .mdb-grade-card-v2:hover .mdb-grade-card-v2-glow{height:6px}html body .mdb-grade-card-icon-v2{color:#3b82f6;background:#3b82f614;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:10px;transition:all .3s;display:flex}html.dark .mdb-grade-card-icon-v2{color:#60a5fa;background:#60a5fa26}html body .mdb-grade-card-v2:hover .mdb-grade-card-icon-v2{color:#fff;background:#3b82f6;transform:scale(1.1)}html.dark .mdb-grade-card-v2:hover .mdb-grade-card-icon-v2{color:#0f172a;background:#60a5fa}html body .mdb-grade-card-text-v2{color:var(--text-primary);font-size:14px;font-weight:850}html body .mdb-grade-card-delete-v2{color:#ef4444;cursor:pointer;opacity:0;background:#ef44440a;border:1px solid #ef444433;border-radius:50%;justify-content:center;align-items:center;padding:5px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:8px;right:8px;transform:scale(.8)}html body .mdb-grade-card-delete-v2 span{font-size:14px}html body .mdb-grade-card-v2:hover .mdb-grade-card-delete-v2{opacity:1;transform:scale(1)}html body .mdb-grade-card-delete-v2:hover{color:#fff!important;box-shadow:none!important;background:#ef4444!important}html body .mdb-topic-card-v2{border:1px solid var(--neutral-200);background:#fff;border-radius:20px;flex-direction:column;padding:20px 16px 16px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000003}html.dark .mdb-topic-card-v2{background:#1e293b66;border-color:#ffffff0f}html body .mdb-topic-card-v2-glow{height:4px;transition:height .3s;position:absolute;top:0;left:0;right:0}html body .mdb-topic-card-v2:hover{border-color:var(--theme-focus-color,#a855f7);transform:translateY(-3px)}html body .mdb-topic-card-v2:hover .mdb-topic-card-v2-glow{height:6px}html body .mdb-topic-card-header-v2{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}html body .mdb-topic-card-icon-v2{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}html body .mdb-topic-card-v2:hover .mdb-topic-card-icon-v2{transform:scale(1.1)rotate(5deg)}html body .mdb-topic-card-title-v2{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:900;line-height:1.25}html body .mdb-topic-card-subtitle-v2{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:700}html body .mdb-topic-card-delete-v2{color:#ef4444;cursor:pointer;opacity:0;background:#ef44440a;border:1px solid #ef444433;border-radius:50%;justify-content:center;align-items:center;padding:5px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(.8)}html body .mdb-topic-card-delete-v2 span{font-size:15px}html body .mdb-topic-card-v2:hover .mdb-topic-card-delete-v2{opacity:1;transform:scale(1)}html body .mdb-topic-card-delete-v2:hover{color:#fff!important;box-shadow:none!important;background:#ef4444!important}html body .topic-theme-blue{--theme-focus-color:#3b82f6}html body .topic-theme-blue .mdb-topic-card-v2-glow{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}html body .topic-theme-blue .mdb-topic-card-icon-v2{color:#3b82f6;background:#3b82f61a}html.dark .topic-theme-blue .mdb-topic-card-icon-v2{color:#60a5fa;background:#60a5fa26}html body .topic-theme-pink{--theme-focus-color:#ec4899}html body .topic-theme-pink .mdb-topic-card-v2-glow{background:linear-gradient(90deg,#ec4899,#db2777)}html body .topic-theme-pink .mdb-topic-card-icon-v2{color:#ec4899;background:#ec48991a}html.dark .topic-theme-pink .mdb-topic-card-icon-v2{color:#f472b6;background:#f472b626}html body .topic-theme-green{--theme-focus-color:#10b981}html body .topic-theme-green .mdb-topic-card-v2-glow{background:linear-gradient(90deg,#10b981,#059669)}html body .topic-theme-green .mdb-topic-card-icon-v2{color:#10b981;background:#10b9811a}html.dark .topic-theme-green .mdb-topic-card-icon-v2{color:#34d399;background:#34d39926}html body .topic-theme-cyan{--theme-focus-color:#06b6d4}html body .topic-theme-cyan .mdb-topic-card-v2-glow{background:linear-gradient(90deg,#06b6d4,#0891b2)}html body .topic-theme-cyan .mdb-topic-card-icon-v2{color:#06b6d4;background:#06b6d41a}html.dark .topic-theme-cyan .mdb-topic-card-icon-v2{color:#22d3ee;background:#22d3ee26}html body .topic-theme-yellow{--theme-focus-color:#f59e0b}html body .topic-theme-yellow .mdb-topic-card-v2-glow{background:linear-gradient(90deg,#f59e0b,#d97706)}html body .topic-theme-yellow .mdb-topic-card-icon-v2{color:#f59e0b;background:#f59e0b1a}html.dark .topic-theme-yellow .mdb-topic-card-icon-v2{color:#fbbf24;background:#fbbf2426}html body .topic-theme-indigo{--theme-focus-color:#6366f1}html body .topic-theme-indigo .mdb-topic-card-v2-glow{background:linear-gradient(90deg,#6366f1,#4f46e5)}html body .topic-theme-indigo .mdb-topic-card-icon-v2{color:#6366f1;background:#6366f11a}html.dark .topic-theme-indigo .mdb-topic-card-icon-v2{color:#818cf8;background:#818cf826}html body .topic-theme-purple{--theme-focus-color:#a855f7}html body .topic-theme-purple .mdb-topic-card-v2-glow{background:linear-gradient(90deg,#a855f7,#7e22ce)}html body .topic-theme-purple .mdb-topic-card-icon-v2{color:#a855f7;background:#a855f71a}html.dark .topic-theme-purple .mdb-topic-card-icon-v2{color:#c084fc;background:#c084fc26}@media (width<=768px){html body .mdb-config-header-banner{flex-direction:column;align-items:stretch;gap:16px;padding:16px}html body .mdb-config-header-left{text-align:center;flex-direction:column;align-items:center}html body .mdb-config-header-stats{grid-template-columns:1fr 1fr;width:100%;display:grid}}html body .mdb-classes-cards-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1400px){html body .mdb-classes-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1100px){html body .mdb-classes-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){html body .mdb-classes-cards-grid{grid-template-columns:1fr;gap:16px}}html body .mdb-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}html body .mdb-modal-content{border-radius:var(--radius-lg);border:1px solid var(--neutral-200);background:var(--card-bg);flex-direction:column;gap:20px;width:90%;max-width:640px;padding:24px 28px;display:flex;box-shadow:0 20px 40px #00000026}html.dark body .mdb-modal-content{background:var(--card-bg);border-color:#ffffff14}html body .mdb-modal-header{border-bottom:1px solid var(--neutral-150);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}html.dark body .mdb-modal-header{border-bottom-color:#ffffff0f}html body .mdb-modal-close{cursor:pointer;box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex;color:var(--text-muted)!important;background:0 0!important;border:none!important;flex-shrink:0!important}html body .mdb-modal-close:hover{color:var(--text-primary)!important;background:#0000000d!important}html.dark body .mdb-modal-close:hover{color:#fff!important;background:#ffffff14!important}html body .mdb-modal-body .glass-select{-webkit-backdrop-filter:blur(8px);cursor:pointer;background-position:right 14px center;background-size:14px;border-radius:8px;width:100%;height:42px;padding:8px 36px 8px 14px;font-size:13.5px;font-weight:500;line-height:1.5;transition:all .2s;color:var(--text-main)!important;background-color:#ffffff73!important;border:1px solid #00000014!important}html.dark body .mdb-modal-body .glass-select{color:#f8fafc!important;background-color:#1e293b73!important;border-color:#ffffff14!important}html body .mdb-modal-body .glass-select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 2px #2563eb26!important}html body .mdb-student-search-container{width:100%;position:relative}html body .mdb-student-search-input-wrapper .glass-input{-webkit-backdrop-filter:blur(8px);border-radius:99px;width:100%;height:42px;padding:8px 14px 8px 38px;font-size:13.5px;font-weight:500;transition:all .2s;color:var(--text-main)!important;background-color:#ffffff73!important;border:1px solid #00000014!important}html.dark body .mdb-student-search-input-wrapper .glass-input{color:#f8fafc!important;background-color:#1e293b73!important;border-color:#ffffff14!important}html body .mdb-student-search-input-wrapper .glass-input:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 2px #2563eb26!important}html body .mdb-student-search-dropdown{z-index:1100;border:1px solid var(--neutral-200);background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border-radius:8px;max-height:220px;margin-top:6px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #00000026}html.dark body .mdb-student-search-dropdown{border-color:#ffffff14}html body .mdb-search-result-item{cursor:pointer;border-bottom:1px solid var(--neutral-150);text-align:left;background:0 0;flex-direction:column;gap:2px;padding:10px 14px;transition:all .15s;display:flex}html.dark body .mdb-search-result-item{border-bottom-color:#ffffff0f}html body .mdb-search-result-item:last-child{border-bottom:none}html body .mdb-search-result-item:hover{background:#2563eb14}html.dark body .mdb-search-result-item:hover{background:#2563eb26}html body .mdb-search-result-name{color:var(--text-main);font-size:13.5px;font-weight:600;display:block}html.dark body .mdb-search-result-name{color:#f8fafc}html body .mdb-search-result-email{color:var(--text-secondary);font-size:11px;display:block}html.dark body .mdb-search-result-email{color:#94a3b8}html body .mdb-students-list{flex-direction:column;gap:8px;max-height:240px;padding-right:4px;display:flex;overflow-y:auto}html body .mdb-students-list::-webkit-scrollbar{width:6px}html body .mdb-students-list::-webkit-scrollbar-track{background:0 0}html body .mdb-students-list::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:4px}html body .mdb-students-list::-webkit-scrollbar-thumb:hover{background:#9ca3af80}html body .mdb-student-empty{text-align:center;background:#00000003;border:1px dashed #00000014;border-radius:8px;padding:24px}html.dark body .mdb-student-empty{background:#ffffff03;border-color:#ffffff0f}html body .mdb-student-empty-text{color:var(--text-secondary);margin:0;font-size:13px}html body .mdb-student-item{background:#00000005;border:1px solid #0000000f;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 16px;transition:all .2s;display:flex}html.dark body .mdb-student-item{background:#ffffff08;border-color:#ffffff0f}html body .mdb-student-item:hover{background:#0000000a;border-color:#0000001a}html.dark body .mdb-student-item:hover{background:#ffffff0d;border-color:#ffffff1a}html body .mdb-btn-remove-student{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}html body .mdb-btn-remove-student:hover{color:#fff;background:#ef4444;transform:scale(1.05)}html body .mdb-modal-footer{border-top:1px solid #00000014;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;display:flex}html.dark body .mdb-modal-footer{border-top-color:#ffffff14}html body .mdb-modal-footer .mdb-btn-delete{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}html body .mdb-modal-footer .mdb-btn-delete:hover{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:none!important}html body .mdb-config-subtab-bar{border:1px solid var(--neutral-200);border-radius:var(--radius-md);box-sizing:border-box;scrollbar-width:none;background:#00000008;gap:4px;width:fit-content;max-width:100%;margin-top:16px;padding:4px;display:flex;overflow-x:auto}html body .mdb-config-subtab-bar::-webkit-scrollbar{display:none}html.dark body .mdb-config-subtab-bar{background:#ffffff05;border-color:#ffffff14}html body .mdb-config-subtab-btn{color:var(--text-secondary);cursor:pointer;box-shadow:none;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s;display:flex}html body .mdb-config-subtab-btn:hover{color:var(--text-primary);background:#00000008}html.dark body .mdb-config-subtab-btn:hover{background:#ffffff0a}html body .mdb-config-subtab-btn.active{background:var(--card-bg);color:var(--text-primary);border-color:var(--neutral-200);box-shadow:0 4px 12px #0000000a}html.dark body .mdb-config-subtab-btn.active{border-color:#ffffff14;box-shadow:0 4px 12px #0003}html body .mdb-config-stat-card.clickable{transition:all .2s}html body .mdb-config-stat-card.clickable:hover{transform:translateY(-2px);box-shadow:none!important}html.dark body .mdb-config-stat-card.clickable:hover{box-shadow:none!important}html body .mdb-config-stat-card.clickable.active{border-width:2px!important}html body .admin-dashboard-content-wrapper .admin-page-header{flex-direction:column;justify-content:center;display:flex;border-left:none!important;padding-left:0!important;position:relative!important}html body .admin-dashboard-content-wrapper .admin-page-header:before{display:none!important}html body .role-manager .admin-page-header{border-left:none!important;flex-direction:column!important;justify-content:center!important;padding-left:0!important;display:flex!important;position:relative!important}html body .role-manager .admin-page-header:before{display:none!important}html body .mdb-toast-container{z-index:10001;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;top:24px;right:24px}html body .mdb-tape-ribbon{color:#fff;width:150%;font-family:var(--font-mono,monospace);white-space:nowrap;z-index:1;pointer-events:none;opacity:.28;background:linear-gradient(135deg,#ff5e62 0%,#f96 100%);padding:4px 0;font-size:9.5px;font-weight:700;transition:opacity .3s;display:flex;position:absolute;top:38%;left:-25%;overflow:hidden;transform:rotate(-10deg)scale(.95);box-shadow:0 4px 10px #00000026}html.dark body .mdb-tape-ribbon{opacity:.22}html body .mdb-class-card:hover .mdb-tape-ribbon{opacity:.45}html.dark body .mdb-class-card:hover .mdb-tape-ribbon{opacity:.35}html body .mdb-tape-scroll{width:max-content;animation:16s linear infinite mdbMarqueeScroll;display:flex}@keyframes mdbMarqueeScroll{to{transform:translate(-50%)}}html body .mdb-classes-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;width:100%;margin:8px 0 4px;display:flex}html body .mdb-classes-toolbar .mdb-search-wrapper{width:320px;max-width:100%;position:relative}html body .mdb-classes-toolbar .mdb-btn-create-class{justify-content:center;align-items:center;gap:8px;height:42px;padding:0 20px;display:inline-flex;flex-shrink:0!important}@media (width<=768px){html body .mdb-classes-toolbar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}html body .mdb-classes-toolbar .mdb-search-wrapper{width:100%!important}html body .mdb-classes-toolbar .mdb-btn-create-class{justify-content:center!important;width:100%!important}}html body .admin-page-title-separator{color:var(--text-muted);opacity:.6;margin:0 6px;font-weight:400}html body .admin-page-title-subtab{text-transform:uppercase;font-size:.9em;font-weight:800}html body .admin-page-title-speaking{color:#3b82f6!important}html body .admin-page-title-listening{color:#10b981!important}html body .admin-page-title-reading{color:#a855f7!important}html body .admin-page-title-writing{color:#f59e0b!important}html body .mdb-skills-header-row{justify-content:space-between;align-items:flex-start;gap:16px;width:100%;display:flex;flex-wrap:wrap!important;margin-bottom:0!important}html body .mdb-skills-header-row .admin-page-header{flex:1;order:1;min-width:0}html body .mdb-skills-header-row .mdb-header-back-btn{order:2}html body .mdb-dynamic-header-title{align-items:center;gap:8px;display:inline-flex}html body .mdb-header-back-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;color:var(--text-primary)!important;background:#ffffff0f!important;border:1px solid #ffffff1a!important;flex-shrink:0!important}html body .mdb-header-back-btn span{font-size:20px;transition:transform .2s}html body .mdb-header-back-btn:hover{transform:translate(-3px);background:#ffffff1f!important;border-color:#fff3!important}html.dark body .mdb-header-back-btn{background:#0f172a73!important;border:1px solid #ffffff14!important}html.dark body .mdb-header-back-btn:hover{background:#0f172abf!important;border-color:#ffffff26!important}html body .mdb-toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:20px;display:flex}html body .mdb-toolbar-filters{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}html body .mdb-toolbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}@media (width<=900px){html body .mdb-toolbar-row{flex-direction:column;align-items:stretch}html body .mdb-toolbar-filters{width:100%}html body .mdb-toolbar-actions{gap:8px;width:100%;display:grid;grid-template-columns:repeat(3,1fr)!important}html body .mdb-toolbar-actions .mdb-header-action-btn{justify-content:center;width:100%}}@media (width<=600px){html body .mdb-skills-header-row{flex-flow:row!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;width:100%!important;display:flex!important}html body .mdb-skills-header-row .admin-page-header{flex:1;order:1;min-width:0;padding-left:0}html body .mdb-skills-header-row .admin-page-header:before{display:none!important}html body .mdb-skills-header-row .mdb-header-back-btn{order:2;margin-top:4px}html body .admin-page-title-separator{display:none}html body .admin-page-title-subtab{margin-top:4px;font-size:.85em;display:block}html body .mdb-toolbar-filters{flex-direction:column;align-items:stretch;gap:8px}html body .mdb-toolbar-filters .mdb-skill-search-wrapper{width:100%}html body .mdb-toolbar-filters .mdb-flex-align-center-gap-8{align-items:stretch;width:100%;display:flex}html body .mdb-toolbar-filters .mdb-select-filter{width:100%;height:42px}html body .mdb-toolbar-actions{grid-template-columns:1fr!important}html body .admin-page-header{margin-bottom:0!important}html body .admin-section-header.mdb-section-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-bottom:0!important;padding-right:0!important;display:flex!important}html body .mdb-skills-header-row{margin-bottom:0!important}html body .mdb-flex-col-gap-24{gap:12px}html body .mdb-classes-toolbar{margin-top:0;margin-bottom:4px!important}html body .mdb-pagination-container{gap:4px;margin-top:24px;flex-wrap:nowrap!important}html body .mdb-pagination-btn-arrow,html body .mdb-pagination-btn-number{width:32px;height:32px;font-size:13px}html body .mdb-pagination-ellipsis{width:24px;height:32px;font-size:13px}}html body .mdb-config-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%;margin-top:24px;display:grid}@media (width<=600px){html body .mdb-config-cards-grid{grid-template-columns:1fr;gap:16px}}html body .mdb-config-card-vertical{border:1px solid var(--neutral-200);box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;min-height:440px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000005}html.dark body .mdb-config-card-vertical{background:#1e293bb3;border-color:#ffffff14;box-shadow:0 4px 20px #00000040}html body .mdb-config-card-vertical:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:none!important}html.dark body .mdb-config-card-vertical:hover{border-color:#60a5fa;box-shadow:none!important}html body .mdb-config-card-thumbnail-container{background:var(--neutral-100);width:100%;height:224px;position:relative;overflow:hidden}html.dark body .mdb-config-card-thumbnail-container{background:#0f172a99}html body .mdb-config-thumbnail-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}html body .mdb-config-card-vertical:hover .mdb-config-thumbnail-img{transform:scale(1.05)}html body .mdb-config-card-icon-floating{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:2;background:#0f172abf;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 10px #00000026}html body .mdb-config-card-body{flex-direction:column;flex:1;padding:16px 20px 20px;display:flex}html body .mdb-config-card-meta-row{margin-bottom:8px;display:flex}html body .mdb-config-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:99px;padding:4px 10px;font-size:10.5px;font-weight:800}html body .mdb-config-badge.bg-blue{color:#3b82f6;background:#3b82f61a}html body .mdb-config-badge.bg-purple{color:#a855f7;background:#a855f71a}html body .mdb-config-badge.bg-pink{color:#ec4899;background:#ec48991a}html body .mdb-config-badge.bg-green{color:#10b981;background:#10b9811a}html body .mdb-config-badge.bg-cyan{color:#06b6d4;background:#06b6d41a}html body .mdb-config-badge.bg-yellow{color:#eab308;background:#eab3081a}html body .mdb-config-badge.bg-indigo{color:#4f46e5;background:#4f46e51a}html body .mdb-config-card-title{color:var(--text-primary);margin:0 0 6px;font-size:18px;font-weight:800;line-height:1.3}html body .mdb-config-card-desc{color:var(--text-muted);flex:1;margin:0 0 16px;font-size:12.5px;line-height:1.5}html body .mdb-config-card-actions{border-top:1px solid var(--neutral-100);gap:12px;margin-top:auto;padding-top:14px;display:flex}html.dark body .mdb-config-card-actions{border-top-color:#ffffff0f}html body .btn-delete-config,html body .btn-edit-config{cursor:pointer;box-sizing:border-box;border-radius:30px;flex:1;justify-content:center;align-items:center;gap:8px;height:38px;margin:0;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}html body .btn-edit-config{color:#3b82f6;background:#3b82f60a;border:1px solid #3b82f626}html body .btn-edit-config:hover{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:none!important}html.dark body .btn-edit-config{color:#60a5fa;background:#60a5fa0d;border-color:#60a5fa33}html.dark body .btn-edit-config:hover{color:#0f172a;background:#60a5fa;border-color:#60a5fa;box-shadow:none!important}html body .btn-delete-config{color:#ef4444;background:#ef444408;border:1px solid #ef44441f}html body .btn-delete-config:hover{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:none!important}html body .mdb-config-section-header{justify-content:space-between;align-items:center;gap:24px;width:100%;margin-bottom:24px;display:flex}html body .mdb-config-section-title-wrap{flex:1;align-items:center;gap:16px;display:flex}html body .mdb-config-action-group{flex-shrink:0;align-items:center;gap:12px;margin-top:0;margin-bottom:0;display:flex}@media (width<=991px){html body .mdb-config-section-header{flex-direction:column;align-items:stretch;gap:16px}html body .mdb-config-action-group{width:100%}html body .mdb-config-input-wrapper{flex:1}}@media (width<=600px){html body .mdb-config-subtab-bar{box-sizing:border-box;gap:8px!important;width:100%!important;display:flex!important}html body .mdb-config-subtab-bar::-webkit-scrollbar{display:none}html body .mdb-config-subtab-btn{flex:1!important;justify-content:center!important;padding:10px!important}html body .mdb-config-subtab-btn span:not(.material-symbols-rounded):not(.material-icons){display:none!important}html body .mdb-config-subtab-btn .material-symbols-rounded,html body .mdb-config-subtab-btn .material-icons{margin:0!important;font-size:20px!important;display:inline-block!important}html body .mdb-config-card-vertical{min-height:auto!important}html body .mdb-config-card-thumbnail-container{height:180px!important}html body .mdb-desktop-only{display:none!important}html body .mdb-config-card-actions{flex-direction:column!important;gap:8px!important}html body .btn-delete-config,html body .btn-edit-config{flex:none!important;width:100%!important}}@media (width<=480px){html body .mdb-config-action-group{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}html body .mdb-config-input-wrapper{width:100%!important}html body .mdb-btn-config-add-gradient{justify-content:center!important;width:100%!important}}@media (width<=768px){html body .admin-page-header{padding-left:0!important}html body .admin-page-header:before{display:none!important}html body .mdb-dict-header-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}html body .mdb-search-bar-wrap{width:100%!important;max-width:none!important}html body .mdb-btn-add-word{justify-content:center!important;width:100%!important}}@keyframes pulseGreen{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}}@keyframes pulseRed{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}html body .status-dot-active{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseGreen;display:inline-block}html body .status-dot-idle{background-color:#ef4444;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseRed;display:inline-block}html body textarea.glass-input{height:auto!important;min-height:90px!important}@media (width<=480px){html body .mdb-modal-overlay{padding:16px 8px!important;overflow-y:auto!important}html body .mdb-modal-content{gap:16px!important;width:96%!important;padding:20px 14px!important}html body .mdb-form-actions{flex-direction:column-reverse!important;gap:10px!important}html body .mdb-form-actions button{width:100%!important}}@media (height<=620px){html body .mdb-modal-overlay{align-items:flex-start!important;padding-top:24px!important;padding-bottom:24px!important}}.mdb-flowe-loader-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 0;display:flex}.mdb-flowe-loader{--fill-color:var(--primary,#3b82f6);--shine-color:#2563eb26;width:100px;height:100px;filter:drop-shadow(0 0 10px var(--shine-color));position:relative;transform:scale(.6)}.mdb-flowe-loader #pegtopone{animation:1s linear infinite flowe-one;position:absolute}.mdb-flowe-loader #pegtoptwo{opacity:0;animation:1s linear .3s infinite flowe-two;position:absolute;transform:scale(0)translateY(-200px)translate(-100px)}.mdb-flowe-loader #pegtopthree{opacity:0;animation:1s linear .6s infinite flowe-three;position:absolute;transform:scale(0)translateY(-200px)translate(100px)}.mdb-flowe-loader svg g path:first-child{fill:var(--fill-color)}@keyframes flowe-one{0%{opacity:0;transform:scale(.5)translateY(-200px)}25%{opacity:1;transform:scale(.75)translateY(-100px)}50%{opacity:1;transform:scale(1)translateY(0)}75%{opacity:1;transform:scale(.5)translateY(50px)}to{opacity:0;transform:scale(0)translateY(100px)}}@keyframes flowe-two{0%{opacity:0;transform:scale(.5)rotate(-10deg)translateY(-200px)translate(-100px)}25%{opacity:1;transform:scale(1)rotate(-5deg)translateY(-100px)translate(-50px)}50%{opacity:1;transform:scale(1)rotate(0)translateY(0)translate(-25px)}75%{opacity:1;transform:scale(.5)rotate(5deg)translateY(50px)translate(0)}to{opacity:0;transform:scale(0)rotate(10deg)translateY(100px)translate(25px)}}@keyframes flowe-three{0%{opacity:0;transform:scale(.5)rotate(10deg)translateY(-200px)translate(100px)}25%{opacity:1;transform:scale(1)rotate(5deg)translateY(-100px)translate(50px)}50%{opacity:1;transform:scale(1)rotate(0)translateY(0)translate(25px)}75%{opacity:1;transform:scale(.5)rotate(-5deg)translateY(50px)translate(0)}to{opacity:0;transform:scale(0)rotate(-10deg)translateY(100px)translate(-25px)}}.tbm-container,.tbm-container *,.tbm-modal-backdrop,.tbm-modal-backdrop *{box-sizing:border-box}.tbm-container{color:var(--text-primary)}.tbm-breadcrumbs{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:24px;font-size:14.5px;display:flex}.tbm-breadcrumb-item{transition:color .2s}.tbm-breadcrumb-item.clickable{cursor:pointer;color:#a78bfa}.tbm-breadcrumb-item.clickable:hover{color:#c084fc;text-decoration:underline}.tbm-breadcrumb-item.active{color:#fff;font-weight:600}.tbm-breadcrumb-separator{color:#fff3}.tbm-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.tbm-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tbm-search-wrapper{min-width:280px;position:relative}.tbm-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.tbm-search-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:99px;outline:none;width:100%;padding:10px 12px 10px 40px;font-size:14px;transition:all .2s}.tbm-search-input:focus{background:#ffffff14;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.tbm-select{border-radius:var(--radius-md);color:#fff;cursor:pointer;appearance:none;background-color:#ffffff0d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a78bfa' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ffffff1a;outline:none;width:auto;min-width:180px;padding:10px 36px 10px 16px;font-size:14px;transition:all .2s}.tbm-select:focus{background-color:#ffffff14;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.tbm-btn{border-radius:var(--radius-md);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.tbm-btn-primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 4px 12px #7c3aed40}.tbm-btn-primary:hover{transform:translateY(-1px);box-shadow:none!important}.tbm-btn-primary:active{transform:translateY(0)}.tbm-btn-secondary{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff1a}.tbm-btn-secondary:hover{color:#fff;background:#ffffff1f;border-color:#fff3}.tbm-btn-danger{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.tbm-btn-danger:hover{color:#fff;background:#ef444440;border-color:#ef4444}.tbm-btn-icon{width:38px;height:38px;color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;padding:0}.tbm-btn-icon:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.tbm-btn-sm{gap:6px;padding:8px 14px;font-size:13px}.tbm-btn-xs{border-radius:var(--radius-sm);gap:4px;padding:6px 10px;font-size:12.5px}.tbm-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1100px){.tbm-grid{grid-template-columns:repeat(2,1fr)}}.tbm-book-card{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0f;flex-direction:column;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.tbm-book-card:hover{border-color:#8b5cf659;transform:translateY(-4px);box-shadow:none!important}.tbm-book-card-image-wrap{background:#0003;justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.tbm-book-card-img{object-fit:cover;width:100%;height:100%}.tbm-book-card-placeholder{color:#fff3;font-size:48px}.tbm-book-card-grade{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#8b5cf6d9;border-radius:999px;padding:4px 8px;font-size:11.5px;font-weight:700;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #0003}.tbm-book-card-body{flex-direction:column;flex-grow:1;padding:16px;display:flex}.tbm-book-card-title{color:#fff;margin:0 0 4px;font-size:16px;font-weight:700;line-height:1.4}.tbm-book-card-publisher{color:var(--text-muted);margin:0 0 8px;font-size:13px}.tbm-book-card-vol{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b33;border-radius:4px;align-self:flex-start;margin-bottom:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.tbm-book-card-desc{color:#94a3b8;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin:0 0 20px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.tbm-book-card-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.tbm-book-card-actions-right{gap:6px;display:flex}.tbm-view-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.tbm-view-title{color:#fff;margin:0;font-size:20px;font-weight:700}.tbm-view-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:13.5px}.tbm-table-wrapper{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff0d;overflow-x:auto}.tbm-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.tbm-table th{color:var(--text-muted);background:#ffffff08;border-bottom:1px solid #ffffff14;padding:14px 16px;font-weight:600}.tbm-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:14px 16px}.tbm-table tr:hover td{background:#ffffff05}.tbm-td-bold{color:#fff;font-weight:600}.tbm-text-muted{color:var(--text-muted);font-style:italic}.tbm-text-blue{color:#60a5fa}.tbm-badges-flex{flex-wrap:wrap;gap:6px;display:flex}.tbm-status-badge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.tbm-status-badge.active{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.tbm-status-badge.inactive{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff14}.tbm-pos-badge{color:#3b82f6;text-transform:uppercase;background:#3b82f61f;border:1px solid #3b82f633;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700}.tbm-actions-flex-end{justify-content:flex-end;align-items:center;gap:8px;display:flex}.tbm-example-box{border-radius:var(--radius-sm);background:#00000026;border-left:2px solid #8b5cf6;padding:8px 12px}.tbm-example-en{color:#e2e8f0;font-size:13.5px;font-style:italic}.tbm-example-vi{color:var(--text-muted);margin-top:2px;font-size:12px}.tbm-loading-box{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px 32px;display:flex}.tbm-empty-box{color:var(--text-muted);border-radius:var(--radius-md);background:#ffffff03;border:1px dashed #ffffff14;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 32px;display:flex}.tbm-empty-icon{opacity:.3;font-size:48px}.tbm-spinner{border:2.5px solid #ffffff26;border-top-color:#8b5cf6;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite tbm-spin}.tbm-spinner-sm{border-width:1.5px;width:14px;height:14px}@keyframes tbm-spin{to{transform:rotate(360deg)}}.tbm-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#0d091db3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tbm-modal-panel{border-radius:var(--radius-lg);background:#1a1533f2;border:1px solid #ffffff17;flex-direction:column;width:100%;max-width:540px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}.tbm-modal-panel.tbm-modal-lg{max-width:800px}.tbm-modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.tbm-modal-title{color:#fff;margin:0;font-size:18px;font-weight:700}.tbm-modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.tbm-modal-close-btn:hover{color:#fff}.tbm-modal-body{flex-direction:column;flex:1;gap:18px;min-height:0;max-height:480px;padding:24px;display:flex;overflow-y:auto}.tbm-modal-footer{border-top:1px solid #ffffff0f;justify-content:flex-end;gap:12px;margin-top:10px;padding-top:16px;display:flex}.tbm-modal-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:24px;display:grid}.tbm-modal-grid-left{flex-direction:column;gap:18px;display:flex}.tbm-modal-grid-right{border-left:1px solid #ffffff0d;flex-direction:column;gap:18px;padding-left:24px;display:flex}.tbm-cover-preview-card{border-radius:var(--radius-md);background:#ffffff05;border:1px dashed #ffffff1a;justify-content:center;align-items:center;width:100%;height:160px;transition:all .2s;display:flex;position:relative;overflow:hidden}.tbm-cover-preview-card.has-image{background:#0003;border-style:solid;border-color:#ffffff14}.tbm-cover-preview-img{object-fit:contain;border-radius:var(--radius-sm);max-width:120px;max-height:100%;transition:transform .3s;box-shadow:0 8px 24px #00000059}.tbm-cover-preview-card:hover .tbm-cover-preview-img{transform:scale(1.05)}.tbm-cover-preview-placeholder{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px;font-size:13px;display:flex}.tbm-cover-preview-placeholder span{opacity:.8;font-weight:500}@media (width<=768px){.tbm-modal-grid{grid-template-columns:1fr;gap:18px}.tbm-modal-grid-right{border-top:1px solid #ffffff0d;border-left:none;padding-top:18px;padding-left:0}}.tbm-form-row{gap:16px;display:flex}.tbm-form-group{flex-direction:column;gap:6px;display:flex}.tbm-col-3{width:25%}.tbm-col-4{width:33.33%}.tbm-col-6{width:50%}.tbm-col-8{width:66.66%}.tbm-w-full{width:100%}.tbm-label{color:#cbd5e1;font-size:13px;font-weight:600}.tbm-sublabel{color:var(--text-muted);font-size:12px;font-weight:600}.tbm-input{border-radius:var(--radius-sm);color:#fff;background:#ffffff0a;border:1px solid #ffffff14;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.tbm-input:focus{background:#ffffff0f;border-color:#8b5cf6}.tbm-input-sm{border-radius:var(--radius-sm);color:#fff;background:#ffffff08;border:1px solid #ffffff0f;outline:none;width:100%;padding:8px 10px;font-size:13px}.tbm-input-sm:focus{background:#ffffff0d;border-color:#8b5cf6}.tbm-select-sm{border-radius:var(--radius-sm);color:#fff;cursor:pointer;appearance:none;background-color:#ffffff08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a78bfa' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:13px;border:1px solid #ffffff0f;outline:none;width:100%;padding:7px 28px 7px 10px;font-size:13px}.tbm-select-sm:focus{background-color:#ffffff0d;border-color:#8b5cf6}.tbm-monospace{font-family:Courier New,Courier,monospace;font-size:13px}.tbm-file-upload-zone{border-radius:var(--radius-sm);background:#ffffff05;border:1px dashed #ffffff26;justify-content:center;align-items:center;height:80px;transition:all .2s;display:flex;position:relative}.tbm-file-upload-zone:hover{background:#ffffff0a;border-color:#8b5cf6}.tbm-file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.tbm-file-label{color:var(--text-muted);pointer-events:none;align-items:center;gap:8px;font-size:13px;display:flex}.tbm-success-icon{color:#10b981}.tbm-exercises-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:12px;padding-bottom:8px;display:flex}.tbm-tab-switcher{background:#0003;border:1px solid #ffffff0d;border-radius:6px;padding:3px;display:flex}.tbm-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.tbm-tab-btn.active{color:#c084fc;background:#8b5cf633}.tbm-visual-questions-list{flex-direction:column;gap:16px;max-height:350px;padding-right:6px;display:flex;overflow-y:auto}.tbm-question-builder-card{border-radius:var(--radius-sm);background:#ffffff05;border:1px solid #ffffff0d;flex-direction:column;gap:10px;padding:14px;display:flex}.tbm-question-builder-header{color:#a78bfa;font-size:12.5px;font-weight:700}.tbm-alert{border-radius:var(--radius-md);align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13.5px;animation:.25s cubic-bezier(0,0,.2,1) tbm-slide-down;display:flex;position:relative}.tbm-alert-error{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.tbm-alert-success{color:#34d399;background:#10b9811f;border:1px solid #10b98140}.tbm-alert-close{color:inherit;cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}@keyframes tbm-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pagination-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:40px;display:flex}.pagination-btn{color:#cbd5e1;background:#1e293b66;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:14px;font-weight:800;transition:all .2s;display:inline-flex}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-btn:not(:disabled){cursor:pointer}.pagination-btn:hover:not(:disabled){color:#fff;background:#ffffff14}.pagination-btn.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border:none;box-shadow:0 0 12px #2563eb66}@media (width<=768px){.tbm-header-actions{flex-direction:column;align-items:stretch;gap:12px;width:100%}.tbm-search-wrapper,.tbm-select-wrapper,.tbm-search-input,.tbm-select{width:100%}.tbm-btn-primary{justify-content:center;width:100%}.tbm-grid{grid-template-columns:1fr;gap:16px}.tbm-detail-header{flex-direction:column;align-items:stretch;gap:12px}.tbm-detail-header-left{width:100%}.tbm-detail-header-actions{flex-direction:column;gap:8px;width:100%}.tbm-detail-header-actions button,.tbm-detail-header-actions a{justify-content:center;width:100%}.tbm-table-wrapper{background:0 0;border:none;overflow-x:visible}.tbm-table,.tbm-table tbody,.tbm-table tr,.tbm-table td{box-sizing:border-box;width:100%;display:block}.tbm-table thead{display:none}.tbm-table tr{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0f;flex-direction:column;gap:10px;margin-bottom:16px;padding:16px;display:flex;box-shadow:0 4px 12px #00000026}.tbm-table td{text-align:left;border:none;padding:0}.tbm-table td:first-child{color:#a78bfa;border-bottom:1px solid #ffffff0d;padding-bottom:6px;font-size:13px;font-weight:700}.tbm-table td.tbm-td-bold{color:#fff;font-size:16px}.tbm-table td:last-child{border-top:1px solid #ffffff0d;justify-content:flex-end;align-items:center;margin-top:4px;padding-top:12px;display:flex}.tbm-actions-flex-end{justify-content:flex-end;gap:8px;width:100%;display:flex}.tbm-modal-panel{width:100%;max-width:100%;max-height:90vh;margin:0}.tbm-modal-header{padding:14px 16px}.tbm-modal-body{gap:14px;max-height:calc(92vh - 120px);padding:16px}.tbm-form-row{flex-direction:column;gap:12px}.tbm-col-3,.tbm-col-4,.tbm-col-6,.tbm-col-8{width:100%}.tbm-modal-grid-right{border-top:1px solid #ffffff0d;border-left:none;padding-top:16px;padding-left:0}.tbm-modal-footer{margin-top:4px;padding:16px 16px 0}.tbm-exercises-list{max-height:280px}.tbm-question-builder-card{padding:10px}}.tbm-mascot-selector{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px;display:grid}.tbm-mascot-option{cursor:pointer;background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px;transition:all .2s ease-in-out;display:flex}.tbm-mascot-option:hover{background:#ffffff14;border-color:#6366f166}.tbm-mascot-option.active{background:#6366f11a;border-color:#6366f1;box-shadow:0 0 12px #6366f133}.tbm-mascot-img-wrapper{background:#0003;border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.tbm-mascot-img-wrapper img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .2s}.tbm-mascot-option:hover .tbm-mascot-img-wrapper img{transform:scale(1.08)}.tbm-mascot-option span{color:#94a3b8;font-size:13px;font-weight:500}.tbm-mascot-option.active span{color:#f8fafc}