*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--radius:0.5rem}.dark{--background:0 0% 3.9%;--foreground:0 0% 98%;--card:0 0% 3.9%;--card-foreground:0 0% 98%;--popover:0 0% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:0 0% 9%;--secondary:0 0% 14.9%;--secondary-foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--accent:0 0% 14.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:0 0% 14.9%;--input:0 0% 14.9%;--ring:0 0% 83.1%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}*{border-color:#e5e5e5;border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:#0a0a0a;color:hsl(var(--foreground))}[data-debug-wrapper=true]{display:contents!important}[data-debug-wrapper=true]>*{border:inherit;column-gap:inherit;gap:inherit;margin:inherit;padding:inherit;row-gap:inherit}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-12{right:-3rem}.-top-12{top:-3rem}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-bottom:.25rem;margin-top:.25rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[--radix-context-menu-content-available-height\]{max-height:var(--radix-context-menu-content-available-height)}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-\[60px\]{min-height:60px}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[1px\]{width:1px}.w-full{width:100%}.w-max{width:-webkit-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-lg{max-width:32rem}.max-w-max{max-width:-webkit-max-content;max-width:max-content}.flex-1{flex:1 1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem;border-radius:var(--radius)}.rounded-md{border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(.5rem - 4px);border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-tl-sm{border-top-left-radius:calc(.5rem - 4px);border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-destructive{border-color:#ef4444;border-color:hsl(var(--destructive))}.border-destructive\/50{border-color:#ef444480;border-color:hsl(var(--destructive)/.5)}.border-input{border-color:#e5e5e5;border-color:hsl(var(--input))}.border-primary{border-color:#171717;border-color:hsl(var(--primary))}.border-primary\/50{border-color:#17171780;border-color:hsl(var(--primary)/.5)}.border-transparent{border-color:#0000}.border-l-transparent{border-left-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-accent{background-color:#f5f5f5;background-color:hsl(var(--accent))}.bg-background{background-color:#fff;background-color:hsl(var(--background))}.bg-black\/80{background-color:#000c}.bg-border{background-color:#e5e5e5;background-color:hsl(var(--border))}.bg-card{background-color:#fff;background-color:hsl(var(--card))}.bg-destructive{background-color:#ef4444;background-color:hsl(var(--destructive))}.bg-foreground{background-color:#0a0a0a;background-color:hsl(var(--foreground))}.bg-muted{background-color:#f5f5f5;background-color:hsl(var(--muted))}.bg-muted\/50{background-color:#f5f5f580;background-color:hsl(var(--muted)/.5)}.bg-popover{background-color:#fff;background-color:hsl(var(--popover))}.bg-primary{background-color:#171717;background-color:hsl(var(--primary))}.bg-primary\/10{background-color:#1717171a;background-color:hsl(var(--primary)/.1)}.bg-primary\/20{background-color:#17171733;background-color:hsl(var(--primary)/.2)}.bg-secondary{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.bg-transparent{background-color:initial}.fill-current{fill:currentColor}.fill-primary{fill:#171717;fill:hsl(var(--primary))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[1px\]{padding:1px}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.pb-4{padding-bottom:1rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-\[0\.8rem\]{font-size:.8rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-accent-foreground{color:#171717;color:hsl(var(--accent-foreground))}.text-card-foreground{color:#0a0a0a;color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:#ef4444;color:hsl(var(--destructive))}.text-destructive-foreground{color:#fafafa;color:hsl(var(--destructive-foreground))}.text-foreground{color:#0a0a0a;color:hsl(var(--foreground))}.text-foreground\/50{color:#0a0a0a80;color:hsl(var(--foreground)/.5)}.text-muted-foreground{color:#737373;color:hsl(var(--muted-foreground))}.text-popover-foreground{color:#0a0a0a;color:hsl(var(--popover-foreground))}.text-primary{color:#171717;color:hsl(var(--primary))}.text-primary-foreground{color:#fafafa;color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:#171717;color:hsl(var(--secondary-foreground))}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-0{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-ring{--tw-ring-color:hsl(var(--ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:1;opacity:var(--tw-enter-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:1;opacity:var(--tw-exit-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.duration-1000{animation-duration:1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.running{animation-play-state:running}.paused{animation-play-state:paused}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::-webkit-file-upload-button{background-color:initial}.file\:bg-transparent::file-selector-button{background-color:initial}.file\:text-sm::-webkit-file-upload-button{font-size:.875rem;line-height:1.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::-webkit-file-upload-button{font-weight:500}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::-webkit-file-upload-button{color:#0a0a0a;color:hsl(var(--foreground))}.file\:text-foreground::file-selector-button{color:#0a0a0a;color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::placeholder{color:#737373;color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-y-0:after{bottom:0;content:var(--tw-content);top:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:.25rem}.after\:-translate-x-1\/2:after{--tw-translate-x:-50%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.first\:rounded-l-md:first-child{border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-width:1px}.last\:rounded-r-md:last-child{border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.hover\:bg-accent:hover{background-color:#f5f5f5;background-color:hsl(var(--accent))}.hover\:bg-destructive\/80:hover{background-color:#ef4444cc;background-color:hsl(var(--destructive)/.8)}.hover\:bg-destructive\/90:hover{background-color:#ef4444e6;background-color:hsl(var(--destructive)/.9)}.hover\:bg-muted:hover{background-color:#f5f5f5;background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:#f5f5f580;background-color:hsl(var(--muted)/.5)}.hover\:bg-primary:hover{background-color:#171717;background-color:hsl(var(--primary))}.hover\:bg-primary\/80:hover{background-color:#171717cc;background-color:hsl(var(--primary)/.8)}.hover\:bg-primary\/90:hover{background-color:#171717e6;background-color:hsl(var(--primary)/.9)}.hover\:bg-secondary:hover{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:#f5f5f5cc;background-color:hsl(var(--secondary)/.8)}.hover\:text-accent-foreground:hover{color:#171717;color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:#0a0a0a;color:hsl(var(--foreground))}.hover\:text-muted-foreground:hover{color:#737373;color:hsl(var(--muted-foreground))}.hover\:text-primary-foreground:hover{color:#fafafa;color:hsl(var(--primary-foreground))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:bg-accent:focus{background-color:#f5f5f5;background-color:hsl(var(--accent))}.focus\:bg-primary:focus{background-color:#171717;background-color:hsl(var(--primary))}.focus\:text-accent-foreground:focus{color:#171717;color:hsl(var(--accent-foreground))}.focus\:text-primary-foreground:focus{color:#fafafa;color:hsl(var(--primary-foreground))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:#f5f5f566;border-color:hsl(var(--muted)/.4)}.group.toaster .group-\[\.toaster\]\:border-border{border-color:#e5e5e5;border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:#f5f5f5;background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:#171717;background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:#fff;background-color:hsl(var(--background))}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:#737373;color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:#fafafa;color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:#0a0a0a;color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:#ef44444d;border-color:hsl(var(--destructive)/.3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:#ef4444;background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:#fafafa;color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity:1;color:#fef2f2;color:rgb(254 242 242/var(--tw-text-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color:#dc2626}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.aria-selected\:bg-accent[aria-selected=true]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.aria-selected\:bg-accent\/50[aria-selected=true]{background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:#171717;color:hsl(var(--accent-foreground))}.aria-selected\:text-muted-foreground[aria-selected=true]{color:#737373;color:hsl(var(--muted-foreground))}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.data-\[side\=left\]\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right],.data-\[side\=top\]\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end],.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x)}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:#fff;background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:#171717;background-color:hsl(var(--primary))}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:#f5f5f5;background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:#e5e5e5;background-color:hsl(var(--input))}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:#737373;color:hsl(var(--muted-foreground))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:#171717;color:hsl(var(--accent-foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:#0a0a0a;color:hsl(var(--foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:#fafafa;color:hsl(var(--primary-foreground))}.data-\[state\=on\]\:text-accent-foreground[data-state=on],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:#171717;color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:#737373;color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-duration:.15s;animation-name:exit}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:0.8}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:-13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:-13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{--tw-translate-y:-50%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{--tw-translate-x:0px;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=open\]\:focus\:bg-accent:focus[data-state=open],.data-\[state\=open\]\:hover\:bg-accent:hover[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark\:border-destructive:is(.dark *){border-color:#ef4444;border-color:hsl(var(--destructive))}@media (min-width:640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:mt-0{margin-top:0}.sm\:max-w-sm{max-width:24rem}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:.625rem}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.sm\:rounded-lg{border-radius:.5rem;border-radius:var(--radius)}.sm\:text-left{text-align:left}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y:100%}}@media (min-width:768px){.md\:absolute{position:absolute}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}.\[\&\+div\]\:text-xs+div{font-size:.75rem;line-height:1rem}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:#f5f5f5;background-color:hsl(var(--accent))}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>span\]\:line-clamp-1>span{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:left-4>svg{left:1rem}.\[\&\>svg\]\:top-4>svg{top:1rem}.\[\&\>svg\]\:size-4>svg{height:1rem;width:1rem}.\[\&\>svg\]\:h-3\.5>svg{height:.875rem}.\[\&\>svg\]\:w-3\.5>svg{width:.875rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:#ef4444;color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:#0a0a0a;color:hsl(var(--foreground))}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{--tw-rotate:90deg}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div,.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-bottom:.375rem;padding-top:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:#737373;color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-bottom:.75rem;padding-top:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{height:1rem;width:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}.emergent-badge,[data-testid=emergent-badge],a[href*=emergent],div:has(>a[href*=emergent]),div[class*=emergent],div[style*="Made with"],iframe[src*=emergent]{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}:root{--mod-primary:var(--primary-color,#d48a1c);--mod-green:#16a34a;--mod-cyan:#0891b2;--mod-pink:#db2777;--mod-purple:#7c3aed;--mod-orange:#ea580c;--mod-shadow:0 2px 12px #0000000f;--mod-shadow-hover:0 6px 24px #0000001a;--mod-border:1px solid var(--border-color,#e5e5e5);--mod-radius:14px}.game-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e5e5;border:var(--mod-border);border-radius:14px;border-radius:var(--mod-radius);box-shadow:0 2px 12px #0000000f;box-shadow:var(--mod-shadow);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.game-card:hover{border-color:#d48a1c;border-color:var(--mod-primary);box-shadow:0 6px 24px #0000001a;box-shadow:var(--mod-shadow-hover);transform:translateY(-3px)}.game-card:active{transform:translateY(0)}.game-btn,.game-card:active{box-shadow:0 2px 12px #0000000f;box-shadow:var(--mod-shadow)}.game-btn{border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);border-radius:10px;cursor:pointer;font-family:inherit;font-size:.92rem;font-weight:600;letter-spacing:.01em;padding:12px 24px;transition:all .2s ease}.game-btn:hover{border-color:#d48a1c;border-color:var(--mod-primary);box-shadow:0 6px 24px #0000001a;box-shadow:var(--mod-shadow-hover);transform:translateY(-2px)}.game-btn:active{transform:translateY(0)}.game-btn-yellow{background:#fef3c7;border-color:#fbbf24;color:#92400e}.game-btn-yellow:hover{background:#fbbf24;color:#000}.game-btn-pink{background:#fce7f3;border-color:#f9a8d4;color:#9d174d}.game-btn-pink:hover{background:#ec4899;color:#fff}.game-btn-green{background:#dcfce7;border-color:#86efac;color:#166534}.game-btn-green:hover{background:#22c55e;color:#fff}.game-btn-cyan{background:#e0f2fe;border-color:#7dd3fc;color:#075985}.game-btn-cyan:hover{background:#06b6d4;color:#fff}.game-btn-purple{background:#f3e8ff;border-color:#c4b5fd;color:#6b21a8}.game-btn-purple:hover{background:#8b5cf6;color:#fff}.game-btn-retry{background:#fff7ed;border-color:#fdba74;border-radius:10px;box-shadow:0 2px 12px #0000000f;box-shadow:var(--mod-shadow);color:#9a3412;cursor:pointer;flex:1.5 1;font-family:inherit;font-size:.92rem;font-weight:600;padding:12px 20px;transition:all .2s ease}.game-btn-retry:hover{background:#f97316;box-shadow:0 6px 24px #0000001a;box-shadow:var(--mod-shadow-hover);color:#fff;transform:translateY(-2px)}.game-btn-retry:active{transform:translateY(0)}.game-section-title{color:#1a1a1a;color:var(--text-primary,#09090b);font-family:inherit;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.game-section-subtitle{color:#4a4a4a;color:var(--text-secondary,#666);font-family:inherit;font-size:.95rem;font-weight:400;margin-top:4px}.game-badge{align-items:center;border-radius:999px;display:inline-flex;font-family:inherit;font-size:.75rem;font-weight:600;gap:4px;padding:4px 10px}.game-badge,.game-progress-bar{border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5)}.game-progress-bar{background:#f8f9fa;background:var(--bg-secondary,#f5f5f5);border-radius:999px;height:10px;overflow:hidden}.game-progress-fill{border-radius:999px;height:100%;transition:width .5s ease-out}@keyframes game-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes game-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.game-bounce{animation:game-bounce 1.5s ease-in-out infinite}.game-pulse{animation:game-pulse 2s ease-in-out infinite}.game-lang-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:0 auto;max-width:1200px;padding:0 20px 30px}.game-lang-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);border-radius:14px;box-shadow:0 2px 12px #0000000f;box-shadow:var(--mod-shadow);cursor:pointer;overflow:hidden;padding:18px 14px;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.game-lang-card:hover{border-color:#d48a1c;border-color:var(--mod-primary);box-shadow:0 6px 24px #0000001a;box-shadow:var(--mod-shadow-hover);transform:translateY(-3px)}.game-lang-card:active{transform:translateY(0)}.game-lang-card .flag-big{border:2px solid #e5e5e5;border:2px solid var(--border-color,#e5e5e5);border-radius:50%;height:52px;margin-bottom:10px;object-fit:cover;width:52px}.game-lang-card .lang-name{color:#1a1a1a;color:var(--text-primary,#09090b);font-family:inherit;font-size:.95rem;font-weight:700}.game-lang-card .lang-native{color:#4a4a4a;color:var(--text-secondary,#777);font-family:inherit;font-size:.78rem;font-weight:400;margin-top:2px}.game-lang-card .card-accent-stripe{height:4px;left:0;position:absolute;right:0;top:0}.game-tips-container{margin:0 auto;max-width:900px;padding:24px 20px 40px}.game-quest-board{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);border-radius:16px;box-shadow:0 2px 12px #0000000f;box-shadow:var(--mod-shadow);margin-bottom:24px;padding:28px 24px}.game-quest-title{align-items:center;display:flex;font-family:inherit;font-size:1.15rem;font-weight:800;gap:10px;margin-bottom:16px}.game-quest-item{align-items:center;background:#f8f9fa;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);border-radius:12px;box-shadow:0 2px 12px #0000000f;box-shadow:var(--mod-shadow);cursor:pointer;display:flex;gap:14px;margin-bottom:10px;padding:14px 18px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.game-quest-item:hover{background:#fff;background:var(--card-bg,#fff);border-color:#d48a1c;border-color:var(--mod-primary);box-shadow:0 6px 24px #0000001a;box-shadow:var(--mod-shadow-hover);transform:translateY(-2px)}.game-quest-item:active{box-shadow:0 2px 12px #0000000f;box-shadow:var(--mod-shadow);transform:translateY(0)}.game-quest-icon{align-items:center;border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);border-radius:12px;display:flex;flex-shrink:0;font-size:1.2rem;height:44px;justify-content:center;width:44px}.game-quest-label{color:#1a1a1a;color:var(--text-primary,#09090b);font-family:inherit;font-size:.95rem;font-weight:600}.game-quest-desc{color:#4a4a4a;color:var(--text-secondary,#777);font-family:inherit;font-size:.78rem;font-weight:400;margin-top:2px}.game-speech-container{margin:0 auto;max-width:800px;padding:24px 20px 40px}.game-speech-section{margin-bottom:24px}.game-speech-label{color:#4a4a4a;color:var(--text-secondary,#555);font-family:inherit;font-size:.8rem;font-weight:700;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.game-mode-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.game-mode-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);border-radius:14px;box-shadow:0 2px 12px #0000000f;box-shadow:var(--mod-shadow);cursor:pointer;padding:16px;text-align:center;transition:all .2s ease}.game-mode-card.selected{background:#fef3c7;border-color:#d48a1c;border-color:var(--mod-primary);box-shadow:0 0 0 2px #d48a1c;box-shadow:0 0 0 2px var(--mod-primary)}.game-mode-card:hover:not(.selected){border-color:#d48a1c;border-color:var(--mod-primary);box-shadow:0 6px 24px #0000001a;box-shadow:var(--mod-shadow-hover);transform:translateY(-2px)}.game-mode-card:active{transform:translateY(0)}.game-mode-card i{display:block;font-size:1.5rem;margin-bottom:8px}.game-mode-card .mode-label{font-family:inherit;font-size:.9rem;font-weight:700}.game-rank-cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.game-rank-card{border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);border-radius:12px;box-shadow:0 2px 12px #0000000f;box-shadow:var(--mod-shadow);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:700;padding:12px 8px;text-align:center;transition:all .2s ease}.game-rank-card.selected{box-shadow:0 0 0 2px #d48a1c;box-shadow:0 0 0 2px var(--mod-primary);transform:translateY(-2px)}.game-rank-card:active{transform:translateY(0)}.game-rank-card .rank-icon{display:block;font-size:1.5rem;margin-bottom:4px}.game-rank-rookie{background:#e0f2fe}.game-rank-rookie.selected{background:#bae6fd;border-color:#38bdf8}.game-rank-mover{background:#d1fae5}.game-rank-mover.selected{background:#a7f3d0;border-color:#34d399}.game-rank-player{background:#fef3c7}.game-rank-player.selected{background:#fde68a;border-color:#fbbf24}.game-rank-master{background:#fce7f3}.game-rank-master.selected{background:#fbcfe8;border-color:#f472b6}.game-arena-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}.game-arena-scroll::-webkit-scrollbar{height:6px}.game-arena-scroll::-webkit-scrollbar-track{background:#f8f9fa;background:var(--bg-secondary,#eee);border-radius:99px}.game-arena-scroll::-webkit-scrollbar-thumb{background:#7a7a7a;background:var(--text-muted,#bbb);border-radius:99px}.game-arena-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);border-radius:12px;box-shadow:0 2px 12px #0000000f;box-shadow:var(--mod-shadow);cursor:pointer;flex-shrink:0;min-width:120px;padding:14px 10px;text-align:center;transition:all .2s ease}.game-arena-card.selected{background:#e0f2fe;border-color:#0891b2;box-shadow:0 0 0 2px #0891b2}.game-arena-card:hover:not(.selected){border-color:#d48a1c;border-color:var(--mod-primary);box-shadow:0 6px 24px #0000001a;box-shadow:var(--mod-shadow-hover);transform:translateY(-2px)}.game-arena-card .arena-icon{display:block;font-size:1.4rem;margin-bottom:6px}.game-arena-card .arena-label{font-family:inherit;font-size:.75rem;font-weight:600}.game-start-btn{background:#d48a1c;background:var(--primary-color,#d48a1c);border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);border-radius:14px;box-shadow:0 2px 12px #0000000f;box-shadow:var(--mod-shadow);color:#fff;cursor:pointer;display:block;font-family:inherit;font-size:1.1rem;font-weight:700;letter-spacing:.02em;padding:16px 40px;transition:all .2s ease;width:100%}.game-start-btn:hover{box-shadow:0 6px 24px #0000001a;box-shadow:var(--mod-shadow-hover);opacity:.9;transform:translateY(-2px)}.game-start-btn:active{box-shadow:0 2px 12px #0000000f;box-shadow:var(--mod-shadow);transform:translateY(0)}.progress-rec-banner{align-items:center;background:linear-gradient(135deg,#fef3c7,#fefce8);border:1px solid #fbbf24;border-radius:12px;display:flex;gap:14px;margin-bottom:16px;padding:14px 18px}.progress-rec-icon{align-items:center;background:#fbbf24;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;width:40px}.progress-rec-text{color:#92400e;font-size:.9rem;font-weight:600;line-height:1.4}.progress-rec-stats{color:#b45309;display:block;font-size:.78rem;font-weight:400;margin-top:2px}:root{--primary-color:#d48a1c;--primary-dark:#c47a0c;--primary-light:#e8a31f;--background-main:#fff;--background-card:#fff;--background-light:#f5f3ef;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#eef0f2;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#7a7a7a;--success-color:#4caf50;--error-color:#e53935;--border-color:#e5e5e5}[data-theme=dark]{--background-main:#0f0f1a;--background-card:#1a1a2e;--background-light:#22223a;--bg-primary:#1a1a2e;--bg-secondary:#22223a;--bg-tertiary:#2e2e42;--text-primary:#f0ece6;--text-secondary:#b8b4ac;--text-muted:#78756e;--border-color:#2e2e42}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;background-color:var(--background-main);color:#1a1a1a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}.header{background:#fff;background:var(--background-card);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);padding:.75rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.hamburger-btn{background:#0000;border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:8px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:none;font-size:1.2rem;padding:.4rem .6rem;transition:all .2s}.hamburger-btn:hover{border-color:#d48a1c;border-color:var(--primary-color);color:#d48a1c;color:var(--primary-color)}.logo{cursor:pointer;gap:.6rem}.logo,.logo-icon-container{align-items:center;display:flex}.logo-icon-container{background:linear-gradient(135deg,#d48a1c,#e8a31f);border-radius:10px;height:40px;justify-content:center;width:40px}.logo-icon-container svg{fill:#fff;height:22px;width:22px}.logo-text{font-size:1.3rem;font-weight:600;white-space:nowrap}.logo-dark{color:#1a1a1a;color:var(--text-primary)}.logo-accent{color:#d48a1c;color:var(--primary-color)}.nav-links{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;gap:.35rem;min-width:0;overflow-x:auto;padding-bottom:2px;scrollbar-color:#d48a1c #0000;scrollbar-color:var(--primary-color) #0000;scrollbar-width:thin}.nav-links::-webkit-scrollbar{height:3px}.nav-links::-webkit-scrollbar-thumb{background:#d48a1c;background:var(--primary-color);border-radius:3px}.nav-links::-webkit-scrollbar-track{background:#0000}.nav-btn{background:#0000;border:none;border-radius:8px;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:.82rem;padding:.45rem .55rem;transition:all .2s;white-space:nowrap}.nav-btn:hover{background:#f5f3ef;background:var(--background-light);color:#1a1a1a;color:var(--text-primary)}.nav-btn-new,.nav-btn-premium{color:#d48a1c;color:var(--primary-color);font-weight:600}.user-lang-selector{align-items:center;display:flex;gap:.5rem;position:relative}.lang-label{color:#7a7a7a;color:var(--text-muted);font-size:.85rem}.lang-btn{align-items:center;background:#f5f3ef;background:var(--background-light);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:8px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.4rem .8rem}.lang-btn:hover{border-color:#d48a1c;border-color:var(--primary-color)}.lang-dropdown{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #0000001a;margin-top:.5rem;max-height:400px;min-width:200px;overflow-y:auto;padding:.5rem;position:absolute;right:0;top:100%;z-index:1000}.lang-option{align-items:center;background:#0000;border:none;border-radius:8px;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.6rem;padding:.6rem .8rem;text-align:left;width:100%}.lang-option:hover{background:#f5f3ef;background:var(--background-light);color:#1a1a1a;color:var(--text-primary)}.lang-option.active{background:#d48a1c;background:var(--primary-color);color:#fff}.flag-img{border-radius:2px;height:18px;object-fit:cover;width:24px}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:1.5rem 2rem;width:100%}.page-transition{opacity:1;transform:translateY(0);transition:opacity .25s ease,transform .25s ease}.page-transition.hidden{opacity:0;transform:translateY(6px)}.page-transition.visible{opacity:1;transform:translateY(0)}.hero{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;min-height:500px;padding:3rem 0}.hero-left{max-width:550px}.hero-tagline{align-items:center;background:#f5f3ef;background:var(--background-light);border-radius:50px;color:#4a4a4a;color:var(--text-secondary);display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.hero-title{font-size:3.2rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.title-dark{color:#1a1a1a;color:var(--text-primary)}.title-accent{color:#d48a1c;color:var(--primary-color)}.hero-subtitle{color:#4a4a4a;color:var(--text-secondary);font-size:1.15rem;font-style:italic;letter-spacing:.02em;margin-bottom:1.5rem}.hero-description{color:#7a7a7a;color:var(--text-muted);font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;margin-bottom:2.5rem}.cta-btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem 1.8rem;transition:all .2s}.cta-btn.primary{background:#d48a1c;background:var(--primary-color);box-shadow:0 4px 15px #d48a1c4d;color:#fff}.cta-btn.primary:hover{background:#c47a0c;background:var(--primary-dark);transform:translateY(-2px)}.cta-btn.secondary{background:#eef0f2;background:var(--bg-tertiary);border:2px solid #e5e5e5;border:2px solid var(--border-color);color:#1a1a1a;color:var(--text-primary);font-weight:600}.cta-btn.secondary:hover{border-color:#d48a1c;border-color:var(--primary-color)}.hero-stats{display:flex;gap:2rem}.stat{display:flex;flex-direction:column}.stat-number{color:#1a1a1a;color:var(--text-primary);font-size:1.8rem;font-weight:700}.stat-label{color:#7a7a7a;color:var(--text-muted);font-size:.85rem}.free-badge{background:#f5f3ef;background:var(--background-light);border-radius:6px;color:#4a4a4a!important;color:var(--text-secondary)!important;font-size:.85rem!important;padding:.3rem .8rem}.hero-right{position:relative}.hero-image{border-radius:20px;box-shadow:0 20px 60px #00000026;height:auto;max-width:500px;object-fit:cover;width:100%}.now-playing{background:#fff;background:var(--background-card);border-radius:12px;bottom:30px;box-shadow:0 5px 20px #0000001a;display:flex;flex-direction:column;gap:.2rem;left:20px;padding:.8rem 1.2rem;position:absolute}.now-playing-label{color:#7a7a7a;color:var(--text-muted);font-size:.75rem}.now-playing-song{color:#1a1a1a;color:var(--text-primary);font-weight:600}.languages-preview{margin:4rem 0}.languages-preview h2{color:#1a1a1a;color:var(--text-primary);font-size:1.7rem;text-align:center}.flags-grid{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.flag-card{border:1px solid #e5e5e5;border:1px solid var(--border-color);padding:1.2rem .8rem;text-align:center}.flag-card:hover{border-color:#d48a1c;border-color:var(--primary-color);box-shadow:0 8px 25px #d48a1c1f;transform:translateY(-3px)}.flag-card-img{box-shadow:0 2px 4px #0000001a;height:38px;width:50px}.flag-name{font-size:.9rem}.flag-native{font-size:.8rem}.features{padding:3rem 0}.features h2{font-size:1.7rem;margin-bottom:2rem;text-align:center}.features-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.feature-card{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:14px;padding:1.5rem;text-align:center;transition:all .2s}.feature-card:hover{border-color:#d48a1c;border-color:var(--primary-color)}.feature-icon{display:block;font-size:2.2rem;margin-bottom:.8rem}.feature-card h3{color:#1a1a1a;color:var(--text-primary);font-size:1rem;margin-bottom:.4rem}.feature-card p{color:#7a7a7a;color:var(--text-muted);font-size:.9rem}.languages-page{padding:1.5rem 0}.languages-page h1{font-size:2rem;margin-bottom:.6rem;text-align:center}.page-description{color:#7a7a7a;color:var(--text-muted);margin-bottom:2.5rem;text-align:center}.languages-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.language-card{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:14px;cursor:pointer;gap:1.2rem;padding:1.2rem;position:relative}.language-card,.language-listen-icon{align-items:center;display:flex;transition:all .2s}.language-listen-icon{background:#d48a1c;background:var(--primary-color,#d48a1c);border-radius:50%;box-shadow:0 2px 6px #d48a1c40;color:#fff;flex-shrink:0;font-size:.9rem;height:36px;justify-content:center;margin-left:auto;width:36px}.language-card:hover .language-listen-icon{background:#d48a1c;background:var(--primary-color);color:#fff}.language-card:hover{border-color:#d48a1c;border-color:var(--primary-color);transform:translateX(6px)}.language-flag-img{border-radius:5px;box-shadow:0 2px 5px #0000001a;height:42px;object-fit:cover;width:56px}.language-info h3{font-size:1.1rem;margin-bottom:.15rem}.language-info p{color:#7a7a7a;color:var(--text-muted);font-size:.85rem}.latin-badge{background:#d48a1c;background:var(--primary-color);border-radius:4px;color:#fff;display:inline-block;font-size:.7rem;margin-top:.4rem;padding:.2rem .5rem}.songs-page{padding:1rem 0}.difficulty-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.diff-filter-btn{background:#fff;background:var(--background-card);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-color);border-radius:20px;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem 1rem;transition:all .2s ease}.diff-filter-btn:hover{border-color:#d48a1c}.diff-filter-btn.active{background:#1a1a2e;border-color:#1a1a2e;color:#fff}.song-difficulty-badge{border-radius:10px;color:#fff;display:inline-block;font-size:.65rem;font-weight:700;margin-top:.3rem;padding:2px 8px}.page-header{margin-bottom:1.5rem}.back-btn{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:8px;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;font-size:.9rem;margin-bottom:.8rem;padding:.4rem .8rem}.back-btn:hover{border-color:#d48a1c;border-color:var(--primary-color)}.page-header h1{align-items:center;display:flex;font-size:1.8rem;gap:.6rem;margin-bottom:.3rem}.page-header h1 img{border-radius:3px;height:24px;width:32px}.page-header p{color:#7a7a7a;color:var(--text-muted);font-size:.9rem}.songs-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.song-card{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:14px;cursor:pointer;overflow:hidden;transition:all .2s}.song-card:hover{border-color:#d48a1c;border-color:var(--primary-color);box-shadow:0 10px 30px #d48a1c1a;transform:translateY(-3px)}.song-thumbnail{aspect-ratio:16/9;overflow:hidden;position:relative}.song-thumbnail img{height:100%;object-fit:cover;width:100%}.play-icon{align-items:center;background:#d48a1ce6;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:50px}.song-card:hover .play-icon{opacity:1}.song-info{padding:.8rem}.song-info h3{font-size:1rem;margin-bottom:.15rem}.song-info h3,.song-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-info p{color:#7a7a7a;color:var(--text-muted);font-size:.85rem}.song-page{padding:1rem 0}.tabs{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:10px;display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;padding:.4rem}.tab{background:#0000;border:none;border-radius:7px;color:#7a7a7a;color:var(--text-muted);cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem;transition:all .2s}.tab:hover{background:#f5f3ef;background:var(--background-light);color:#1a1a1a;color:var(--text-primary)}.tab.active{background:#d48a1c;background:var(--primary-color);color:#fff}.tab-content{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:14px;min-height:350px;padding:1.5rem}.video-container{overflow:hidden}.video-container,.video-container iframe{border-radius:10px}.lyrics-container,.translation-container{margin:0 auto;max-width:750px}.lyrics-text pre,.translation-section pre,.transliteration-section pre{word-wrap:break-word;background:#f5f3ef;background:var(--background-light);border-radius:10px;color:#1a1a1a;color:var(--text-primary);font-family:inherit;font-size:1rem;line-height:1.7;padding:1.2rem;white-space:pre-wrap}.translation-section,.transliteration-section{margin-bottom:1.5rem}.translation-section h3,.transliteration-section h3{font-size:1rem;margin-bottom:.8rem}.notes-section{background:#d48a1c1a;border-left:3px solid #d48a1c;border-left:3px solid var(--primary-color);border-radius:8px;padding:.8rem}.notes-section h4{font-size:.9rem;margin-bottom:.4rem}.ai-error-message{align-items:flex-start;background:#e5393514;border:1px solid #e53935;border:1px solid var(--error-color);border-radius:10px;display:flex;gap:.8rem;margin-bottom:1rem;padding:1rem}.ai-error-message .error-icon{font-size:1.3rem}.ai-error-message .error-content h4{color:#e53935;color:var(--error-color);font-size:.95rem;margin-bottom:.3rem}.ai-error-message .error-content p{color:#4a4a4a;color:var(--text-secondary);font-size:.85rem;margin-bottom:.6rem}.retry-btn{background:#0000;border:1px solid #e53935;border:1px solid var(--error-color);border-radius:5px;color:#e53935;color:var(--error-color);cursor:pointer;font-size:.8rem;padding:.3rem .8rem}.retry-btn:hover{background:#e53935;background:var(--error-color);color:#fff}.generate-btn{background:#d48a1c;background:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:.95rem;font-weight:600;margin:1.5rem auto;padding:.8rem 1.5rem}.generate-btn:hover{background:#c47a0c;background:var(--primary-dark)}.loading{padding:3rem;text-align:center}.loading,.loading-inline{color:#7a7a7a;color:var(--text-muted)}.loading-inline{align-items:center;display:flex;gap:.8rem;justify-content:center;padding:1.5rem}.spinner{animation:spin 1s linear infinite;border:2px solid #e5e5e5;border-top-color:#d48a1c;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:20px;width:20px}.exercises-container,.quiz-container{margin:0 auto;max-width:650px}.exercise-progress,.quiz-progress{color:#7a7a7a;color:var(--text-muted);font-size:.9rem;margin-bottom:1rem;text-align:center}.quiz-score{color:#d48a1c;color:var(--primary-color);font-weight:600;margin-left:.8rem}.exercise-card,.quiz-card{background:#f5f3ef;background:var(--background-light);border-radius:12px;margin-bottom:1rem;padding:1.5rem}.exercise-instruction{color:#7a7a7a;color:var(--text-muted);font-size:.9rem;margin-bottom:.8rem}.exercise-blanked{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:8px;font-size:1.1rem;line-height:1.7;margin-bottom:1rem;padding:.8rem}.exercise-hint{color:#c47a0c;color:var(--primary-dark);font-size:.9rem;margin-bottom:.8rem}.answer-section{display:flex;gap:.8rem;margin-bottom:.8rem}.answer-input{background:#fff;background:var(--background-card);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:10px;color:#1a1a1a;color:var(--text-primary);flex:1 1;font-size:1rem;outline:none;padding:.8rem}.answer-input:focus{border-color:#d48a1c;border-color:var(--primary-color)}.mic-btn{background:#fff;background:var(--background-card);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:10px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;font-size:.95rem;padding:.8rem 1.2rem;white-space:nowrap}.mic-btn:hover{border-color:#d48a1c;border-color:var(--primary-color)}.mic-btn.listening{animation:pulse 1.5s infinite;background:#e53935;background:var(--error-color);border-color:#e53935;border-color:var(--error-color);color:#fff}.listening-indicator{align-items:center;color:#e53935;color:var(--error-color);display:flex;font-size:.9rem;gap:.4rem;justify-content:center;margin-bottom:.8rem}.pulse{animation:pulse 1s infinite;background:#e53935;background:var(--error-color);border-radius:50%;height:10px;width:10px}.exercise-actions{margin-bottom:.8rem;text-align:center}.check-btn{background:#d48a1c;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.6rem 1.5rem}.check-btn:hover{background:#c47a0c;background:var(--primary-dark)}.result{border-radius:10px;padding:.8rem;text-align:center}.result.correct{background:#4caf501a;border:1px solid #4caf50;border:1px solid var(--success-color)}.result.incorrect{background:#e539351a;border:1px solid #e53935;border:1px solid var(--error-color)}.match-score{font-weight:600;margin:.4rem 0}.original-line{color:#7a7a7a;color:var(--text-muted);font-size:.9rem;margin-top:.6rem}.exercise-navigation,.quiz-navigation{display:flex;gap:.8rem;justify-content:space-between}.nav-exercise-btn{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:8px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem}.nav-exercise-btn:hover:not(:disabled){border-color:#d48a1c;border-color:var(--primary-color)}.nav-exercise-btn:disabled{cursor:not-allowed;opacity:.5}.quiz-question{font-size:1rem;line-height:1.5;margin-bottom:1rem}.quiz-options{gap:.6rem;margin-bottom:1rem}.quiz-option{border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:10px;color:#1a1a1a;color:var(--text-primary);font-size:.95rem;padding:.8rem 1rem}.quiz-option.selected{background:#d48a1c14}.quiz-option.correct{background:#4caf501a;border-color:#4caf50;border-color:var(--success-color)}.quiz-option.incorrect{background:#e539351a;border-color:#e53935;border-color:var(--error-color)}.quiz-explanation{background:#d48a1c14;border-left:3px solid #d48a1c;border-left:3px solid var(--primary-color);font-size:.9rem;margin-top:.8rem;padding:.8rem}.quiz-final-score{background:#d48a1c;background:var(--primary-color);border-radius:12px;color:#fff;margin-top:1.5rem;padding:1.5rem;text-align:center}.quiz-final-score h3{font-size:1.2rem;margin-bottom:.6rem}.score-percentage{font-size:2.5rem;font-weight:700}.footer{background:#fff;background:var(--background-card);border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);color:#7a7a7a;color:var(--text-muted);font-size:.9rem;padding:1.5rem;text-align:center}.footer a{color:#d48a1c;color:var(--primary-color);margin-left:.8rem;text-decoration:none}.footer a:hover{text-decoration:underline}.error{color:#e53935;color:var(--error-color);padding:3rem;text-align:center}@media (max-width:900px){.hamburger-btn{display:none!important}.header{position:relative}.header-content{flex-wrap:wrap}.logo{order:1}.header-right{margin-left:auto;order:2}.nav-links{-webkit-overflow-scrolling:touch;border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);display:flex!important;flex:0 0 100%;gap:.3rem;justify-content:flex-start;order:3;overflow-x:auto;padding:.4rem 0;scrollbar-color:#d48a1c #0000;scrollbar-color:var(--primary-color) #0000;scrollbar-width:thin;white-space:nowrap;width:100%}.nav-links::-webkit-scrollbar{height:3px}.nav-links::-webkit-scrollbar-thumb{background:#d48a1c;background:var(--primary-color);border-radius:3px}.nav-links .nav-btn{flex-shrink:0;font-size:.78rem;padding:.35rem .5rem;white-space:nowrap}.hero{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-left{max-width:100%}.hero-title{font-size:2.5rem}.hero-buttons,.hero-stats{justify-content:center}.hero-right{order:-1}.hero-image{display:block;margin:0 auto;max-width:350px}.now-playing{display:none}}@media (max-width:480px){.nav-links{display:none!important}.hamburger-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:8px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex!important;font-size:1.2rem;justify-content:center;padding:.4rem .6rem;transition:all .2s}.hamburger-btn:hover{border-color:#d48a1c;border-color:var(--primary-color);color:#d48a1c;color:var(--primary-color)}.header-content{flex-wrap:nowrap;gap:.3rem}.header{padding:.5rem 1rem}.logo-text{font-size:1.1rem}.hero-title{font-size:2rem}.hero-buttons{flex-direction:column}.flags-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.main-content{padding:1rem}.answer-section{flex-direction:column}.header-right{gap:.3rem}.auth-btn{font-size:.75rem;padding:.3rem .55rem}.theme-toggle-btn{font-size:.9rem;padding:.3rem}.auth-buttons{display:none!important}}.mobile-drawer-overlay{display:none}@media (max-width:480px){.mobile-drawer-overlay{-webkit-tap-highlight-color:transparent;animation:fadeInOverlay .2s ease;background:#0006;display:block;inset:0;position:fixed;z-index:1100}}.mobile-drawer{display:none}@media (max-width:480px){.mobile-drawer{background:#fff;background:var(--background-card);box-shadow:-8px 0 30px #00000026;display:block;height:100vh;height:100dvh;max-width:80vw;overflow-y:auto;overscroll-behavior:contain;position:fixed;right:-100%;top:0;transition:right .3s cubic-bezier(.22,1,.36,1);width:280px;z-index:1200}.mobile-drawer.open{right:0}.mobile-drawer-header{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.25rem}.mobile-drawer-title{color:#1a1a1a;color:var(--text-primary);font-size:1.1rem;font-weight:700}.mobile-drawer-close{-webkit-tap-highlight-color:transparent;background:none;border:none;border-radius:8px;color:#7a7a7a;color:var(--text-muted);cursor:pointer;font-size:1.3rem;padding:.3rem;transition:color .2s,background .2s}.mobile-drawer-close:hover{background:#f5f3ef;background:var(--background-light);color:#d48a1c;color:var(--primary-color)}.mobile-drawer-items{padding:.5rem 0}.mobile-drawer-item{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.92rem;gap:.75rem;padding:.75rem 1.25rem;text-align:left;transition:background .15s,color .15s;width:100%}.mobile-drawer-item.active,.mobile-drawer-item:active,.mobile-drawer-item:hover{background:#f5f3ef;background:var(--background-light);color:#d48a1c;color:var(--primary-color)}.mobile-drawer-item.active{font-weight:600}.mobile-drawer-item i{flex-shrink:0;font-size:1rem;text-align:center;width:20px}.mobile-drawer-footer{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);margin-top:auto;padding:1rem 1.25rem}.mobile-drawer-auth-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.65rem 1rem;transition:opacity .2s;width:100%}.mobile-drawer-auth-btn:active{opacity:.8}.mobile-drawer-auth-btn.login{background:#d48a1c;background:var(--primary-color);color:#fff;flex:1 1}.mobile-drawer-auth-btn.signup{background:#0000;border:1px solid #d48a1c;border:1px solid var(--primary-color);color:#d48a1c;color:var(--primary-color);flex:1 1}.mobile-drawer-auth-btn.logout{background:#f5f5f5;color:#e74c3c}}.header-right{align-items:center;display:flex;gap:1rem}.theme-toggle-btn{align-items:center;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:50%;color:#7a7a7a;color:var(--text-muted);cursor:pointer;display:flex;font-size:.95rem;height:36px;justify-content:center;transition:all .2s;width:36px}.theme-toggle-btn:hover{border-color:#d48a1c;border-color:var(--primary-color);color:#d48a1c;color:var(--primary-color)}.auth-buttons{align-items:center;display:flex;gap:.5rem}.auth-btn{border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.signin-btn{background:#0000;border:1px solid #e5e5e5;border:1px solid var(--border-color);color:#1a1a1a;color:var(--text-primary)}.signin-btn:hover{border-color:#d48a1c;border-color:var(--primary-color);color:#d48a1c;color:var(--primary-color)}.signup-btn{background:#d48a1c;background:var(--primary-color);border:none;color:#fff}.signup-btn:hover{background:#c47a0c;background:var(--primary-dark)}.logout-btn{background:#0000;border:1px solid #e53935;border:1px solid var(--error-color);color:#e53935;color:var(--error-color)}.logout-btn:hover{background:#e53935;background:var(--error-color);color:#fff}.user-name{color:#4a4a4a;color:var(--text-secondary);font-weight:500}.premium-badge{background:linear-gradient(135deg,gold,#ffb300);border-radius:12px;color:#1a1a1a;font-size:.75rem;font-weight:600;padding:.25rem .6rem}.premium-lock{align-items:center;background:#ffd70008;border:1px dashed #ffd70033;border-radius:16px;display:flex;flex-direction:column;gap:.8rem;margin:1rem 0;padding:2rem 1.5rem;text-align:center}.premium-lock-icon{color:#ffd70099;font-size:2.5rem}.premium-lock-text{color:gold;font-size:1rem;font-weight:700;margin:0}.premium-lock-sub{color:#ffffff80;font-size:.82rem;line-height:1.4;margin:0;max-width:320px}.premium-lock-btn{align-items:center;background:linear-gradient(135deg,gold,#ffb300);border:none;border-radius:12px;color:#1a1a1a;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:.5rem;padding:.7rem 1.5rem;transition:all .2s}.premium-lock-btn:hover{box-shadow:0 4px 15px #ffd7004d;transform:scale(1.05)}.freemium-limit-reached,.freemium-lock{align-items:center;border-radius:16px;display:flex;flex-direction:column;gap:.8rem;margin:1rem 0;padding:2.5rem 1.5rem;text-align:center}.freemium-lock{background:linear-gradient(135deg,#e67e220f,#8e44ad0f);border:1px dashed #e67e2240}.freemium-limit-reached{background:linear-gradient(135deg,#e74c3c0f,#f1c40f0f);border:1px dashed #e74c3c40}.freemium-lock-icon{color:#e67e22b3;font-size:2.5rem}.freemium-limit-icon{color:#e74c3cb3;font-size:2.5rem}.freemium-limit-title,.freemium-lock-title{color:#e67e22;font-size:1rem;font-weight:700;margin:0}.freemium-limit-sub,.freemium-lock-sub{color:#ffffff80;font-size:.82rem;line-height:1.4;margin:0;max-width:360px}.freemium-limit-cta{color:#fff9;font-size:.82rem;margin:0}.freemium-lock-btn{align-items:center;background:linear-gradient(135deg,#e67e22,#d35400);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:.5rem;padding:.7rem 1.5rem;transition:all .2s}.freemium-lock-btn:hover{box-shadow:0 4px 15px #e67e224d;transform:scale(1.05)}.usage-badge{font-feature-settings:"tnum";align-items:center;background:#ffffff0d;border-radius:6px;display:inline-flex;font-variant-numeric:tabular-nums;padding:.1rem .4rem}.freemium-usage-bar{align-items:center;background:#ffffff08;border-radius:8px;color:#ffffff80;display:flex;font-size:.75rem;gap:.5rem;margin-bottom:.5rem;padding:.4rem .8rem}.freemium-usage-bar .bar{background:#ffffff1a;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.freemium-usage-bar .bar-fill{border-radius:2px;height:100%;transition:width .3s}.premium-overlay-card{overflow:hidden;position:relative}.premium-overlay-card:after{background:linear-gradient(180deg,#0000 40%,#000000d9);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.premium-card-badge{align-items:center;background:linear-gradient(135deg,gold,#ffb300);border-radius:8px;color:#1a1a1a;display:flex;font-size:.7rem;font-weight:700;gap:.3rem;padding:.2rem .5rem;position:absolute;right:.5rem;top:.5rem;z-index:2}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.auth-modal{background:#fff;background:var(--background-card);border-radius:16px;box-shadow:0 10px 40px #0003;max-width:400px;padding:2rem;position:relative;width:100%}.modal-close{background:none;border:none;color:#7a7a7a;color:var(--text-muted);cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem}.auth-modal h2{color:#1a1a1a;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{color:#4a4a4a;color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.4rem}.form-group input{border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#d48a1c;border-color:var(--primary-color);outline:none}.password-input-wrap{align-items:center;display:flex;position:relative}.password-input-wrap input{padding-right:42px}.password-eye-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:1rem;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.password-eye-btn:hover{color:#555}.pwd-criteria{background:#f5f3ef;background:var(--background-light);border-radius:8px;display:flex;flex-wrap:wrap;font-size:.78rem;gap:.35rem .75rem;margin:.35rem 0 .75rem;padding:.5rem .6rem}.pwd-check{align-items:center;color:#7a7a7a;color:var(--text-muted);display:flex;gap:.3rem;transition:color .2s}.pwd-check.ok{color:#27ae60}.pwd-check i{font-size:.8rem}.pwd-check:not(.ok) i{color:#e74c3c;opacity:.6}.auth-error{background:#e539351a;border-radius:8px;color:#e53935;color:var(--error-color);font-size:.9rem;margin-bottom:1rem;padding:.75rem}.auth-submit-btn{background:#d48a1c;background:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.85rem;transition:background .2s;width:100%}.auth-submit-btn:hover{background:#c47a0c;background:var(--primary-dark)}.auth-submit-btn:disabled{background:#7a7a7a;background:var(--text-muted);cursor:not-allowed}.auth-switch{color:#4a4a4a;color:var(--text-secondary);font-size:.9rem;margin-top:1.5rem;text-align:center}.auth-switch button{background:none;border:none;color:#d48a1c;color:var(--primary-color);cursor:pointer;font-weight:600}.auth-switch button:hover{text-decoration:underline}.pricing-page{margin:0 auto;max-width:1100px;padding:2rem;text-align:center}.country-selector{display:inline-block;margin-bottom:1.5rem;position:relative}.country-selector-btn{align-items:center;background:#fff;background:var(--background-card);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:10px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s}.country-selector-btn:hover{border-color:#d48a1c;border-color:var(--primary-color)}.country-flag{font-size:1.2rem;line-height:1}.country-dropdown{background:#fff;background:var(--background-card);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000001f;left:50%;margin-top:.4rem;min-width:300px;overflow:hidden;padding:0;position:absolute;top:100%;transform:translateX(-50%);z-index:100}.country-search-box{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;padding:.7rem .8rem}.country-search-box i{color:#7a7a7a;color:var(--text-muted);font-size:.85rem}.country-search-input{background:#0000;border:none;color:#1a1a1a;color:var(--text-primary);flex:1 1;font-size:.9rem;outline:none}.country-list{max-height:280px;overflow-y:auto;padding:.3rem}.country-no-results{color:#7a7a7a;color:var(--text-muted);font-size:.9rem;padding:1rem;text-align:center}.country-option{align-items:center;background:#0000;border:none;border-radius:8px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.6rem;padding:.5rem .8rem;text-align:left;transition:background .15s;width:100%}.country-option:hover{background:#f5f3ef;background:var(--background-light)}.country-option.active{background:#d48a1c1a;font-weight:600}.pro-best-value{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important}.trial-banner{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50px;box-shadow:0 4px 12px #10b9814d;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:.6rem;margin-bottom:1.5rem;padding:.75rem 1.8rem}.trial-banner i{font-size:1.1rem}.pricing-page h1{font-size:2.5rem;margin-bottom:.5rem}.pricing-subtitle{color:#7a7a7a;color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem}.billing-toggle{background:#f5f3ef;background:var(--background-light);border-radius:12px;display:inline-flex;gap:4px;margin-bottom:1rem;padding:4px}.billing-option{align-items:center;background:#0000;border:none;border-radius:10px;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.4rem;padding:.7rem 1.8rem;transition:all .25s ease}.billing-option.active{background:#d48a1c;background:var(--primary-color);box-shadow:0 2px 8px #d48a1c4d;color:#fff}.billing-option:not(.active):hover{background:#e5e5e5;background:var(--border-color)}.pricing-justification{color:#7a7a7a;color:var(--text-muted);font-size:.9rem;font-style:italic;margin-bottom:.5rem}.pricing-cancel-anytime{align-items:center;color:#4caf50;color:var(--success-color);display:flex;font-size:.9rem;font-weight:500;gap:.4rem;justify-content:center;margin-bottom:2rem}.pricing-cards{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem}.pricing-cards.three-cols{margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:960px}.pricing-card{background:#fff;background:var(--background-card);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:16px;padding:2rem 1.5rem;position:relative;text-align:center;transition:transform .2s,box-shadow .2s}.pricing-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.pricing-card.featured{border-color:#d48a1c;border-color:var(--primary-color);box-shadow:0 4px 20px #d48a1c33;transform:scale(1.03)}.pricing-card.featured:hover{transform:scale(1.03) translateY(-4px)}.save-badge{background:linear-gradient(135deg,#d48a1c,#e6a030);background:linear-gradient(135deg,var(--primary-color),#e6a030);color:#fff;display:flex;font-size:.8rem;font-weight:600;left:50%;padding:.35rem 1.2rem;position:absolute;top:-14px;transform:translateX(-50%);white-space:nowrap}.pro-complete-badge,.save-badge{align-items:center;border-radius:20px;gap:.3rem}.pro-complete-badge{background:#f5f3ef;background:var(--background-light);color:#7a7a7a;color:var(--text-muted);display:inline-flex;font-size:.75rem;font-weight:500;margin-bottom:.5rem;padding:.25rem .8rem}.pricing-card h3{color:#1a1a1a;color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem}.pricing-card .price{color:#d48a1c;color:var(--primary-color);font-size:2.5rem;font-weight:700;margin-bottom:.3rem}.pricing-card .price span{color:#7a7a7a;color:var(--text-muted);font-size:1rem;font-weight:400}.price-details{margin-bottom:1.2rem}.price-monthly-equiv{color:#4a4a4a;color:var(--text-secondary);font-size:.95rem;font-weight:500}.price-savings{color:#4caf50;color:var(--success-color);font-size:.85rem;font-weight:600;margin-top:.2rem}.price-no-commitment{color:#7a7a7a;color:var(--text-muted);font-size:.9rem}.features-list{list-style:none;margin:1.2rem 0;text-align:left}.features-list li{align-items:flex-start;color:#4a4a4a;color:var(--text-secondary);display:flex;font-size:.92rem;gap:.5rem;padding:.45rem 0 .45rem .2rem}.features-list li i{color:#4caf50;color:var(--success-color);flex-shrink:0;font-size:.8rem;margin-top:.2rem}.current-plan-badge{background:#f5f3ef;background:var(--background-light);border-radius:10px;color:#7a7a7a;color:var(--text-muted);font-weight:500;padding:.75rem 1.5rem}.subscribe-btn{background:#d48a1c;background:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.85rem;transition:all .2s;width:100%}.subscribe-btn:hover{background:#c47a0c;background:var(--primary-dark);box-shadow:0 4px 12px #d48a1c4d}.subscribe-btn:disabled{background:#7a7a7a;background:var(--text-muted);cursor:not-allowed}.trial-btn{background:#0000;border:2px solid #d48a1c;border:2px solid var(--primary-color);border-radius:10px;color:#d48a1c;color:var(--primary-color);cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:.5rem;padding:.75rem;transition:all .2s;width:100%}.trial-btn:hover{background:#d48a1c;background:var(--primary-color);color:#fff}.trial-btn:disabled{cursor:not-allowed;opacity:.5}.pricing-comparison{margin:2rem 0 3rem}.pricing-comparison h2{color:#1a1a1a;color:var(--text-primary);font-size:1.5rem;margin-bottom:1.2rem}.comparison-table-wrapper{overflow-x:auto}.comparison-table{background:#fff;background:var(--background-card);border-collapse:collapse;border-radius:12px;overflow:hidden;text-align:left;width:100%}.comparison-table th{background:#f5f3ef;background:var(--background-light);font-size:.9rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.comparison-table td,.comparison-table th{color:#4a4a4a;color:var(--text-secondary);padding:1rem}.comparison-table td{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);font-size:.93rem;vertical-align:middle}.comparison-table td strong{color:#1a1a1a;color:var(--text-primary)}.comparison-table .table-sub{color:#7a7a7a;color:var(--text-muted);display:block;font-size:.82rem}.comparison-highlight{background:#d48a1c0d}.comparison-highlight td{border-top:2px solid #d48a1c;border-top:2px solid var(--primary-color)}.comparison-highlight-col{background:#d48a1c0f;font-weight:600}.free-btn{background:#4a4a4a!important;background:var(--text-secondary)!important;opacity:.9}.free-btn:hover{opacity:1}.comparison-table td:nth-child(4),.comparison-table th:nth-child(4){border-left:2px solid #d48a1c;border-left:2px solid var(--primary-color);border-right:2px solid #d48a1c;border-right:2px solid var(--primary-color)}.comparison-table thead th:nth-child(4){background:#d48a1c14;border-top:2px solid #d48a1c;border-top:2px solid var(--primary-color)}.comparison-table .fa-check{color:#22c55e}.comparison-table .fa-xmark{color:#cbd5e1}.comparison-table .fa-infinity{color:#d48a1c;color:var(--primary-color)}.table-badge{background:#d48a1c;background:var(--primary-color);border-radius:10px;color:#fff;display:inline-block;font-size:.7rem;font-weight:700;margin-left:.5rem;padding:.15rem .6rem;vertical-align:middle}.flashcards-container{margin:0 auto;max-width:500px;text-align:center}.flashcards-empty{padding:2rem;text-align:center}.flashcard-progress{color:#7a7a7a;color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.flashcard{cursor:pointer;height:250px;margin-bottom:1.5rem;perspective:1000px;width:100%}.flashcard-back,.flashcard-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;position:absolute;transition:transform .6s;width:100%}.flashcard-front{background:linear-gradient(135deg,#d48a1c,#c47a0c);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff}.flashcard-back{background:#fff;background:var(--background-card);border:2px solid #d48a1c;border:2px solid var(--primary-color)}.flashcard-back,.flashcard.flipped .flashcard-front{transform:rotateY(180deg)}.flashcard.flipped .flashcard-back{transform:rotateY(0)}.flashcard h3{font-size:1.8rem;margin-bottom:.5rem}.flashcard .pronunciation{font-style:italic;opacity:.8}.flashcard .example{color:#4a4a4a;color:var(--text-secondary);font-size:.9rem;margin-top:.5rem}.flashcard-controls{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.flashcard-controls button{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;padding:.6rem 1.2rem;transition:all .2s}.flashcard-controls button:hover:not(:disabled){border-color:#d48a1c;border-color:var(--primary-color);color:#d48a1c;color:var(--primary-color)}.flashcard-controls button:disabled{cursor:not-allowed;opacity:.5}.quiz-start-btn{background:#1a1a1a;background:var(--text-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:opacity .2s}.quiz-start-btn:hover{opacity:.9}.flashcard-quiz{text-align:left}.flashcard-quiz .back-btn{margin-bottom:1rem}.legal-page{margin:0 auto;max-width:800px;padding:2rem}.legal-page h1{margin-bottom:.5rem}.legal-page .last-updated{color:#7a7a7a;color:var(--text-muted);font-size:.9rem;margin-bottom:2rem}.legal-content{color:#4a4a4a;color:var(--text-secondary);line-height:1.8}.legal-content h2{font-size:1.3rem;margin-bottom:1rem;margin-top:2rem}.legal-content h2,.legal-content h3{color:#1a1a1a;color:var(--text-primary)}.legal-content h3{font-size:1.1rem;margin-bottom:.75rem;margin-top:1.5rem}.footer{background:#1a1a2e;color:#fff;margin-top:auto;padding:1.5rem 2rem}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1400px}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem}.footer-links a{color:#ffffffb3;font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}@media (max-width:480px){.header-right{gap:.4rem;justify-content:flex-end}.header-content,.header-right{flex-wrap:nowrap}.auth-buttons{display:none!important}.user-name{display:none}.auth-modal{margin:1rem;max-width:calc(100% - 2rem)}.pricing-cards{grid-template-columns:1fr}.pricing-card.featured{order:-1;transform:none}.billing-toggle{flex-direction:column;max-width:300px;width:100%}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}}.payment-success-page{margin:4rem auto;max-width:600px;padding:2rem;text-align:center}.payment-status{background:#fff;background:var(--background-card);border-radius:16px;box-shadow:0 4px 20px #00000014;padding:3rem}.payment-status.checking .spinner-large{animation:spin 1s linear infinite;border:4px solid #e5e5e5;border-top-color:#d48a1c;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:60px;margin:0 auto 1.5rem;width:60px}.payment-status .success-icon{align-items:center;background:#4caf50;background:var(--success-color);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.payment-status h2{color:#1a1a1a;color:var(--text-primary);margin-bottom:1rem}.payment-status p{color:#4a4a4a;color:var(--text-secondary);margin-bottom:.5rem}.payment-status .redirect-notice{color:#7a7a7a;color:var(--text-muted);font-size:.9rem;margin-top:1rem}.payment-status button{background:#d48a1c;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1.5rem;padding:.75rem 2rem}.expressions-page{margin:0 auto;max-width:1200px;padding:2rem}.expressions-categories{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.category-btn{align-items:center;background:#fff;background:var(--background-card);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:30px;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.category-btn.active,.category-btn:hover{background:#d48a1c;background:var(--primary-color);border-color:#d48a1c;border-color:var(--primary-color);color:#fff}.cat-icon{font-size:1.2rem}.expressions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:2rem 0}.expression-card{background:#fff;background:var(--background-card);border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;transition:transform .2s}.expression-card:hover{transform:translateY(-3px)}.expression-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.expression-original{color:#d48a1c;color:var(--primary-color);flex:1 1;font-size:1.4rem;font-weight:600;margin-bottom:.5rem}.audio-btn{align-items:center;background:#d48a1c;background:var(--primary-color,#d48a1c);border:2px solid #d48a1c;border:2px solid var(--primary-color,#d48a1c);border-radius:50%;box-shadow:0 2px 8px #d48a1c4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.15rem;height:46px;justify-content:center;transition:all .2s;width:46px}.audio-btn:hover{background:#c47a14;border-color:#c47a14;box-shadow:0 4px 12px #d48a1c66;color:#fff;transform:scale(1.12)}.audio-btn.playing{animation:pulse 1s infinite;background:#d48a1c;background:var(--primary-color,#d48a1c);border-color:#d48a1c;border-color:var(--primary-color,#d48a1c);color:#fff}.audio-btn.loading{cursor:wait;opacity:.7}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.expression-transliteration{align-items:center;color:#d4a017;display:flex;font-size:.88rem;font-style:italic;margin-bottom:.25rem;opacity:.85}.expression-pronunciation{color:#7a7a7a;color:var(--text-muted);font-size:.9rem;margin-bottom:.5rem}.expression-translation{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);color:#1a1a1a;color:var(--text-primary);font-size:1rem;padding-top:.5rem}.expressions-cta{background:#f5f3ef;background:var(--background-light);border-radius:16px;margin-top:2rem;padding:2rem;text-align:center}.expressions-cta p{color:#4a4a4a;color:var(--text-secondary);margin-bottom:1rem}.no-expressions{color:#7a7a7a;color:var(--text-muted);grid-column:1/-1;padding:3rem;text-align:center}.expressions-preview{background:#f5f3ef;background:var(--background-light);padding:4rem 2rem}.expressions-preview h2{font-size:2rem}.expressions-preview>p{color:#4a4a4a;color:var(--text-secondary)}.expressions-flags{gap:1rem;margin:0 auto;max-width:800px}.expression-lang-btn{flex-direction:column;min-width:80px;padding:1rem}.expression-lang-btn:hover{border-color:#d48a1c;border-color:var(--primary-color);transform:translateY(-3px)}.expression-lang-btn img{border-radius:4px;height:30px;object-fit:cover;width:40px}.expression-lang-btn span{color:#4a4a4a;color:var(--text-secondary);font-size:.8rem}.testimonials-preview{margin:0 auto;max-width:1200px;padding:4rem 2rem;text-align:center}.testimonials-preview h2{font-size:2rem;margin-bottom:2rem}.testimonials-preview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.testimonial-preview-card{background:#fff;background:var(--background-card);border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;text-align:left}.testimonial-preview-card .stars{color:#ffc107;font-size:1.2rem;margin-bottom:.75rem}.testimonial-preview-card p{color:#4a4a4a;color:var(--text-secondary);font-style:italic;margin-bottom:.75rem}.testimonial-preview-card .author{color:#7a7a7a;color:var(--text-muted);font-size:.9rem}.testimonials-page{margin:0 auto;max-width:1200px;padding:2rem}.testimonials-page h1{margin-bottom:2rem;text-align:center}.admin-controls{background:#f5f3ef;background:var(--background-light);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.admin-controls label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.testimonials-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.testimonial-card{background:#fff;background:var(--background-card);border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;position:relative}.testimonial-card.pending{border:2px dashed #d48a1c;border:2px dashed var(--primary-color);opacity:.8}.pending-badge{background:#d48a1c;background:var(--primary-color);border-radius:4px;color:#fff;font-size:.75rem;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem}.testimonial-rating{color:#ffc107;font-size:1.3rem;margin-bottom:.75rem}.testimonial-message{color:#4a4a4a;color:var(--text-secondary);font-style:italic;line-height:1.5;margin-bottom:1rem}.testimonial-author{display:flex;flex-direction:column;gap:.25rem}.testimonial-author strong{color:#1a1a1a;color:var(--text-primary)}.testimonial-author span{color:#7a7a7a;color:var(--text-muted);font-size:.85rem}.admin-actions{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem}.admin-actions button{background:#4caf50;background:var(--success-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .8rem}.admin-actions .delete-btn{background:#e53935;background:var(--error-color)}.no-testimonials{color:#7a7a7a;color:var(--text-muted);grid-column:1/-1;padding:3rem;text-align:center}.add-testimonial-btn{background:#d48a1c;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:2rem auto;padding:1rem 2rem}.testimonial-form{background:#fff;background:var(--background-card);border:2px solid #d48a1c;border:2px solid var(--primary-color);border-radius:12px;box-shadow:0 4px 20px #00000014;margin:2rem auto;max-width:500px;padding:2rem}.testimonial-form-section{margin-bottom:3rem}.login-prompt{background:#f5f3ef;background:var(--background-light);border-radius:12px;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px;padding:2rem;text-align:center}.login-prompt p{color:#4a4a4a;color:var(--text-secondary);font-size:1.1rem}.testimonial-form h3{margin-bottom:1.5rem;text-align:center}.testimonial-form .form-group{margin-bottom:1rem}.testimonial-form label{display:block;font-weight:500;margin-bottom:.5rem}.testimonial-form input,.testimonial-form select,.testimonial-form textarea{border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;padding:.75rem;width:100%}.rating-input{display:flex;gap:.25rem}.rating-input button{background:none;border:none;color:#e5e5e5;color:var(--border-color);cursor:pointer;font-size:1.5rem;transition:color .2s}.rating-input button.active{color:#ffc107}.form-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.form-actions button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 2rem}.form-actions button[type=button]{background:#f5f3ef;background:var(--background-light);color:#4a4a4a;color:var(--text-secondary)}.form-actions .submit-btn,.form-actions button[type=submit]{background:#d48a1c;background:var(--primary-color);color:#fff;min-width:150px}.subscription-manager{background:#fff;background:var(--background-card);border:2px solid #d48a1c;border:2px solid var(--primary-color);border-radius:12px;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px;padding:1.5rem}.subscription-manager h2{color:#d48a1c;color:var(--primary-color);margin-bottom:1rem}.subscription-details{margin-bottom:1rem}.subscription-details p{margin:.5rem 0}.cancelled-notice{color:#e53935;color:var(--error-color);font-style:italic}.cancel-subscription-btn{background:#e53935;background:var(--error-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1.5rem}.cancel-subscription-btn:disabled{cursor:not-allowed;opacity:.6}.subscription-note{color:#7a7a7a;color:var(--text-muted);font-size:.85rem}.subscription-note a{color:#d48a1c;color:var(--primary-color)}.subscription-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;margin-top:1rem}.portal-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s}.portal-btn:hover{box-shadow:0 3px 10px #3498db4d;transform:translateY(-1px)}.invoices-btn{align-items:center;background:#eef0f2;background:var(--bg-tertiary,#eee);border:2px solid #e5e5e5;border:2px solid var(--border-color,#ddd);border-radius:10px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s}.invoices-btn:hover{border-color:#d48a1c}.invoices-section{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #e5e5e5;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;margin-top:1.5rem;padding:1.25rem}.invoices-section h3{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin-bottom:.75rem}.invoices-list{display:flex;flex-direction:column;gap:.5rem}.invoice-row{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e5e5;border:1px solid var(--border-color,#eee);border-radius:8px;display:flex;font-size:.9rem;gap:1rem;padding:.6rem .8rem}.invoice-number{font-weight:600;min-width:100px}.invoice-date{color:#4a4a4a;color:var(--text-secondary);min-width:90px}.invoice-amount{color:#d48a1c;font-weight:700;min-width:60px}.invoice-status{border-radius:10px;font-size:.8rem;font-weight:600;padding:2px 8px}.invoice-status.paid{background:#d4edda;color:#155724}.invoice-status.open{background:#fff3cd;color:#856404}.invoice-download{align-items:center;background:#d48a1c;border-radius:6px;color:#fff;display:flex;font-size:.8rem;font-weight:600;gap:4px;margin-left:auto;padding:4px 10px;text-decoration:none}.invoice-download:hover{background:#c47a14}.no-invoices{color:#4a4a4a;color:var(--text-secondary);font-size:.9rem}.promo-code-section{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:2px dashed #d48a1c59;border-radius:14px;margin:2rem auto;max-width:500px;padding:1.25rem 1.5rem;text-align:center}.promo-code-section h3{align-items:center;color:#d48a1c;font-size:1rem;margin-bottom:.75rem}.promo-code-input-row,.promo-code-section h3{display:flex;gap:.5rem;justify-content:center}.promo-input{background:#fff;background:var(--bg-primary,#fff);border:2px solid #e5e5e5;border:2px solid var(--border-color,#ddd);border-radius:10px;color:#1a1a1a;color:var(--text-primary);font-size:.95rem;letter-spacing:1px;padding:.6rem 1rem;text-transform:uppercase;width:200px}.promo-input:focus{border-color:#d48a1c;outline:none}.promo-validate-btn{background:#d48a1c;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:.6rem 1.2rem;transition:all .2s}.promo-validate-btn:hover{background:#c47a14}.promo-validate-btn:disabled{cursor:default;opacity:.5}.promo-result{align-items:center;border-radius:8px;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;margin-top:.6rem;padding:.4rem .8rem}.promo-result.valid{background:#27ae601a;color:#27ae60}.promo-result.invalid{background:#e74c3c1a;color:#e74c3c}.school-access-section{background:linear-gradient(135deg,#3498db0d,#9b59b60d);border:2px dashed #3498db59;border-radius:14px;margin:2rem auto;max-width:500px;padding:1.5rem;text-align:center}.school-access-section.active{background:linear-gradient(135deg,#27ae600f,#2ecc710a);border-color:#27ae6066;border-style:solid}.school-access-section h3{align-items:center;color:#3498db;display:flex;font-size:1rem;gap:.5rem;justify-content:center;margin-bottom:.5rem}.school-access-desc{color:#4a4a4a;color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin-bottom:.8rem}.school-code-input-row{display:flex;gap:.5rem;justify-content:center}.school-code-input{background:#fff;background:var(--bg-primary,#fff);border:2px solid #e5e5e5;border:2px solid var(--border-color,#ddd);border-radius:10px;color:#1a1a1a;color:var(--text-primary);font-size:.95rem;font-weight:700;letter-spacing:2px;padding:.6rem 1rem;text-transform:uppercase;width:200px}.school-code-input:focus{border-color:#3498db;outline:none}.school-code-btn{background:#3498db;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:.6rem 1.2rem;transition:all .2s}.school-code-btn:hover{background:#2980b9}.school-code-btn:disabled{cursor:default;opacity:.5}.school-result{align-items:center;border-radius:8px;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;margin-top:.6rem;padding:.4rem .8rem}.school-result.valid{background:#27ae601a;color:#27ae60}.school-result.invalid{background:#e74c3c1a;color:#e74c3c}.school-active-badge{align-items:center;display:flex;gap:.8rem;justify-content:center;margin-bottom:.5rem}.school-active-badge i{color:#27ae60;font-size:1.8rem}.school-active-badge strong{display:block;font-size:1.05rem}.school-tier-badge{background:#27ae6026;border-radius:6px;color:#27ae60;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:1px;margin-left:6px;padding:2px 8px}.school-active-text{color:#4a4a4a;color:var(--text-secondary);font-size:.85rem;margin:0}.school-login-prompt{color:#7a7a7a;color:var(--text-muted);font-size:.85rem;font-style:italic}@media (max-width:600px){.school-code-input-row{align-items:center;flex-direction:column}.school-code-input{width:100%}.invoice-row{flex-wrap:wrap;gap:.5rem}.promo-code-input-row{align-items:center;flex-direction:column}.promo-input{width:100%}.subscription-actions{flex-direction:column}}.pricing-notice{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:.9rem;margin:2rem auto;max-width:800px;padding:1rem}.pricing-notice a{color:#533f03;text-decoration:underline}.admin-page{margin:0 auto;max-width:1200px;padding:2rem}.admin-page h1{color:#d48a1c;color:var(--primary-color);font-size:2rem;margin-bottom:1.5rem}.admin-tabs{border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--border-color);display:flex;gap:.5rem;margin-bottom:2rem;padding-bottom:.5rem}.admin-tabs button{background:#0000;border:none;border-radius:8px 8px 0 0;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.admin-tabs button:hover{background:#f5f3ef;background:var(--background-light)}.admin-tabs button.active{background:#d48a1c;background:var(--primary-color);color:#fff}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-card h3{color:#7a7a7a;color:var(--text-muted);font-size:.9rem;margin-bottom:.5rem;text-transform:uppercase}.stat-card .stat-value{color:#1a1a1a;color:var(--text-primary);font-size:2.5rem;font-weight:700}.stat-card.premium{background:linear-gradient(135deg,#fff9e6,#fff3cd);border-color:#d48a1c;border-color:var(--primary-color)}.stat-card.premium .stat-value{color:#d48a1c;color:var(--primary-color)}.stat-card.pending{background:#fff3cd;border-color:#ffc107}.stat-card.pending .stat-value{color:#856404}.stat-card .stat-icon{font-size:1.5rem;margin-bottom:.5rem;opacity:.6}.stat-card.premium .stat-icon{color:#d48a1c}.stat-card.pending .stat-icon{color:#856404}.admin-section-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:1.5rem}.admin-card{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.admin-card h3{align-items:center;color:#1a1a1a;color:var(--text-primary);display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.admin-card h3 i{color:#d48a1c;color:var(--primary-color)}.admin-card h4{color:#4a4a4a;color:var(--text-secondary);font-size:.85rem;margin:0 0 .5rem}.trend-items{display:flex;flex-direction:column;gap:.5rem}.trend-item{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.4rem 0}.trend-item:last-child{border-bottom:none}.trend-label{color:#4a4a4a;color:var(--text-secondary);font-size:.85rem}.trend-value{color:#1a1a1a;color:var(--text-primary);font-size:1.1rem;font-weight:700}.trend-value.highlight{color:#d48a1c;color:var(--primary-color)}.mini-chart{align-items:flex-end;border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);display:flex;gap:.25rem;height:100px;margin-top:1.25rem;padding-top:1rem}.chart-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2px}.chart-bar{background:linear-gradient(0deg,#d48a1c,#e6a030);background:linear-gradient(to top,var(--primary-color),#e6a030);border-radius:4px 4px 0 0;max-width:36px;min-height:4px;transition:height .3s ease;width:100%}.chart-label{color:#7a7a7a;color:var(--text-muted);font-size:.6rem}.chart-count{color:#4a4a4a;color:var(--text-secondary);font-size:.65rem;font-weight:600}@media (max-width:768px){.admin-section-row{grid-template-columns:1fr}}.users-table{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.users-table table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);padding:1rem;text-align:left}.users-table th{color:#4a4a4a;color:var(--text-secondary);font-weight:600}.users-table th,.users-table tr:hover{background:#f5f3ef;background:var(--background-light)}.users-table tr.premium-user{background:#fffde7}.testimonials-list{display:flex;flex-direction:column;gap:1rem}.testimonial-item{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.testimonial-item.pending{border-left:4px solid #ffc107}.testimonial-item.approved{border-left:4px solid #4caf50;border-left:4px solid var(--success-color)}.testimonial-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.testimonial-header .status{border-radius:20px;font-size:.8rem;padding:.25rem .75rem}.testimonial-header .status.pending{background:#fff3cd;color:#856404}.testimonial-header .status.approved{background:#d4edda;color:#155724}.testimonial-meta{color:#7a7a7a;color:var(--text-muted);display:flex;font-size:.9rem;gap:1rem;margin-top:.5rem}.testimonial-actions{display:flex;gap:.5rem;margin-top:1rem}.testimonial-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.testimonial-actions .approve-btn{background:#4caf50;background:var(--success-color);color:#fff}.testimonial-actions .delete-btn{background:#e53935;background:var(--error-color);color:#fff}.admin-btn{background:linear-gradient(135deg,#4a4a4a,#333)!important;border:none!important;border-radius:6px!important;color:#fff!important;font-size:.85rem!important;padding:.5rem 1rem!important}.admin-btn:hover{opacity:.9}@media (max-width:768px){.admin-page{padding:1rem}.admin-tabs{flex-wrap:wrap}.users-table{overflow-x:auto}.stats-grid{grid-template-columns:repeat(2,1fr)}}.educational-content{padding:1rem}.educational-content h3{border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--border-color);color:#d48a1c;color:var(--primary-color);margin:1.5rem 0 1rem;padding-bottom:.5rem}.educational-content h3:first-child{margin-top:0}.vocab-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.vocab-card{background:#f5f3ef;background:var(--background-light);border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.vocab-card strong{color:#1a1a1a;color:var(--text-primary);font-size:1.1rem}.vocab-card .translation{color:#d48a1c;color:var(--primary-color)}.vocab-card .vocab-latin{color:#e67e22;color:var(--accent-color,#e67e22);font-size:.95rem;font-style:italic}.vocab-card .example{margin-top:.5rem}.vocab-card .example,.vocab-card .example-latin{color:#7a7a7a;color:var(--text-muted);font-style:italic}.vocab-card .example-latin{font-size:.85rem;opacity:.8}.phrase-latin{color:#e67e22;color:var(--accent-color,#e67e22);font-style:italic}.phrases-section .phrase-item{background:#fff;background:var(--background-card);border-left:4px solid #d48a1c;border-left:4px solid var(--primary-color);border-radius:8px;margin-bottom:.75rem;padding:1rem}.phrase-item .usage{color:#7a7a7a;color:var(--text-muted);font-size:.9rem;margin-top:.5rem}.grammar-section ul{list-style:none;padding:0}.grammar-section li{background:#f5f3ef;background:var(--background-light);border-radius:8px;margin-bottom:.5rem;padding:.75rem 1rem .75rem 2rem;position:relative}.grammar-section li:before{color:#4caf50;color:var(--success-color);content:"✓";left:.75rem;position:absolute}.cultural-section p,.theme-section p{background:#f5f3ef;background:var(--background-light);border-radius:8px;line-height:1.6;padding:1rem}.alphabet-section{padding:20px 0}.alphabet-header{margin-bottom:24px}.alphabet-header h2{color:#1a1a1a;color:var(--text-primary,#1a1a2e);font-size:1.5rem;margin-bottom:12px}.alphabet-notes{background:#f8f9fa;background:var(--bg-secondary,#f0f4ff);border-left:3px solid #4361ee;border-left:3px solid var(--primary,#4361ee);border-radius:8px;color:#4a4a4a;color:var(--text-secondary,#666);font-size:.9rem;line-height:1.6;padding:12px 16px}.alphabet-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:32px}.alphabet-card{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:10px;padding:12px;text-align:center;transition:transform .2s,box-shadow .2s}.alphabet-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.letter-main{color:#4361ee;color:var(--primary,#4361ee);font-size:1.8rem;font-weight:700;margin-bottom:4px}.letter-translit{color:#f72585;color:var(--accent,#f72585);font-size:.85rem;font-weight:600;margin-bottom:4px}.letter-pronunciation{color:#4a4a4a;color:var(--text-secondary,#666);font-size:.8rem;font-style:italic;margin-bottom:4px}.letter-example{color:#4a4a4a;color:var(--text-secondary,#888);font-size:.75rem;word-break:break-word}.special-chars-section{margin-top:24px}.special-chars-section h3{color:#1a1a1a;color:var(--text-primary,#1a1a2e);font-size:1.2rem;margin-bottom:16px}.special-chars-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.special-char-card{background:#f8f9fa;background:var(--bg-secondary,#fff8f0);border:1px solid #ffe0cc;border:1px solid var(--border,#ffe0cc);border-radius:10px;padding:14px}.char-main{color:#f72585;color:var(--accent,#f72585);font-size:1.4rem;font-weight:700;margin-bottom:4px}.char-name{color:#1a1a1a;color:var(--text-primary,#333);font-size:.85rem;font-weight:600;margin-bottom:2px}.char-pronunciation{color:#4a4a4a;color:var(--text-secondary,#666);font-size:.8rem;font-style:italic;margin-bottom:4px}.char-example{color:#4a4a4a;color:var(--text-secondary,#888);font-size:.8rem}@media (max-width:768px){.alphabet-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.special-chars-grid{grid-template-columns:1fr}.letter-main{font-size:1.4rem}}.learning-dashboard{margin:0 auto;max-width:1100px;padding:2rem 1.5rem}.ld-header{gap:1.5rem;margin-bottom:1.5rem}.ld-header,.ld-header-info{align-items:center;display:flex}.ld-header-info{flex:1 1;justify-content:space-between}.ld-header-info h1{align-items:center;display:flex;font-size:1.5rem;gap:.5rem}.ld-flag{border-radius:2px;height:24px}.ld-level-badge{align-items:center;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:2rem;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.4rem 1rem}.ld-level-icon{font-size:1.2rem}.ld-xp{color:#d48a1c;color:var(--primary-color);font-weight:700}.ld-overall-progress{margin-bottom:1.5rem}.ld-progress-label{color:#4a4a4a;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.4rem}.ld-next-level{font-size:.8rem;opacity:.7}.ld-progress-track{background:#f5f3ef;background:var(--background-light);border-radius:4px;height:8px;overflow:hidden}.ld-progress-fill{background:linear-gradient(90deg,#d48a1c,#e8a31f);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:4px;height:100%;transition:width .5s ease}.ld-hub{grid-gap:.6rem;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;display:grid;gap:.6rem;grid-template-columns:repeat(6,1fr);margin-bottom:1.2rem;margin-left:auto;margin-right:auto;max-width:800px;padding:.8rem}.ld-hub-card{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;color:#fffc;cursor:pointer;display:flex;flex-direction:column;font-size:.78rem;font-weight:600;gap:.4rem;justify-content:center;line-height:1.2;padding:.8rem .5rem;text-align:center;transition:all .25s}.ld-hub-card i{font-size:1.3rem}.ld-hub-card:hover{background:#ffffff1f;border-color:#ffffff2e;box-shadow:0 4px 12px #0003;color:#fff;transform:translateY(-2px)}.ld-hub-card:first-child:hover{border-color:#e74c3c4d;color:#e74c3c}.ld-hub-card:nth-child(2):hover{border-color:#2ecc714d;color:#2ecc71}.ld-hub-card:nth-child(3):hover{border-color:#f39c124d;color:#f39c12}.ld-hub-card:nth-child(4):hover{border-color:#3498db4d;color:#3498db}.ld-hub-card:nth-child(5):hover{border-color:#e74c3c4d;color:#e74c3c}.ld-hub-card:nth-child(6):hover{border-color:#9b59b64d;color:#9b59b6}@media (max-width:600px){.ld-hub{grid-template-columns:repeat(3,1fr)}}.ld-tabs{background:#f5f3ef;background:var(--background-light);border-radius:12px;display:flex;gap:.25rem;margin-bottom:2rem;padding:.3rem}.ld-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#7a7a7a;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:.4rem;justify-content:center;padding:.7rem .5rem;transition:all .2s}.ld-tab.active{background:#fff;background:var(--background-card);box-shadow:0 1px 3px #0000001a;color:#1a1a1a;color:var(--text-primary)}.ld-tab-icon{font-size:1.1rem}.ld-path-timeline{display:flex;flex-direction:column;gap:0;position:relative}.ld-stage-card{cursor:pointer;display:flex;gap:1.2rem;padding:.5rem 0;transition:opacity .2s}.ld-stage-card.locked{cursor:default;opacity:.45}.ld-stage-connector{align-items:center;display:flex;flex-direction:column;min-height:80px;position:relative;width:3px}.ld-stage-card:last-child .ld-stage-connector{min-height:auto}.ld-stage-dot{align-items:center;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px;z-index:1}.ld-stage-content{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;flex:1 1;margin-bottom:.5rem;padding:1rem 1.2rem;transition:all .2s}.ld-stage-card.active .ld-stage-content{border-color:#d48a1c;border-color:var(--primary-color);box-shadow:0 2px 12px #d48a1c26}.ld-stage-card.completed .ld-stage-content{border-color:#4caf50;border-color:var(--success-color)}.ld-stage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.3rem}.ld-stage-header h3{font-size:1.1rem;font-weight:700}.ld-stage-count{color:#7a7a7a;color:var(--text-muted);font-size:.85rem;font-weight:600}.ld-stage-subtitle{color:#4a4a4a;color:var(--text-secondary);font-size:.85rem;margin-bottom:.6rem}.ld-stage-bar{background:#f5f3ef;background:var(--background-light);border-radius:2px;height:4px;overflow:hidden}.ld-stage-bar-fill{border-radius:2px;height:100%;transition:width .5s}.ld-stage-expanded{animation:slideDown .3s ease;margin-top:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ld-stage-desc{color:#4a4a4a;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.ld-stage-lessons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.ld-lesson-chip{align-items:center;background:#f5f3ef;background:var(--background-light);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:2rem;cursor:pointer;display:flex;font-size:.8rem;gap:.4rem;padding:.4rem .8rem;transition:all .2s}.ld-lesson-chip:hover{border-color:#d48a1c;border-color:var(--primary-color)}.ld-lesson-chip.premium{border-style:dashed}.ld-lock{font-size:.7rem}.ld-stage-songs-grid{display:flex;flex-direction:column;gap:.4rem;max-height:300px;overflow-y:auto}.ld-song-mini{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.7rem;padding:.5rem;transition:background .15s}.ld-song-mini:hover{background:#f5f3ef;background:var(--background-light)}.ld-song-mini img{border-radius:4px;height:36px;object-fit:cover;width:48px}.ld-song-mini-info{flex:1 1;min-width:0}.ld-song-mini-title{display:block;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-song-mini-artist{color:#7a7a7a;color:var(--text-muted);display:block;font-size:.75rem}.ld-song-mini-status{font-size:1rem}.ld-check{color:#4caf50;color:var(--success-color);font-weight:700}.ld-in-progress{color:#d48a1c;color:var(--primary-color)}.ld-todo{color:#7a7a7a;color:var(--text-muted)}.ld-song-mini.done{opacity:.7}.ld-song-mini.started{background:#d48a1c0d}.ld-final-goal{background:#fff;background:var(--background-card);border:2px dashed #d48a1c;border:2px dashed var(--primary-color);border-radius:16px;margin-top:2rem;padding:2rem;text-align:center}.ld-final-icon{font-size:2.5rem;margin-bottom:.5rem}.ld-final-goal h3{color:#d48a1c;color:var(--primary-color);font-size:1.2rem;margin-bottom:.3rem}.ld-final-goal p{color:#4a4a4a;color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.ld-final-bar{background:#f5f3ef;background:var(--background-light);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.ld-final-bar-fill{background:linear-gradient(90deg,#4caf50,#d48a1c,#9c27b0);border-radius:4px;height:100%;transition:width .5s}.ld-final-goal span{color:#7a7a7a;color:var(--text-muted);font-size:.85rem;font-weight:600}.song-completed .song-thumbnail:after{background:#4caf5026;border-radius:inherit;content:"";inset:0;position:absolute}.song-done-badge{align-items:center;background:#4caf50;background:var(--success-color);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:22px;justify-content:center;position:absolute;right:6px;top:6px;width:22px}.song-mini-progress{display:flex;gap:.3rem;margin-top:.3rem}.song-mini-progress span{align-items:center;background:#f5f3ef;background:var(--background-light);border-radius:50%;color:#7a7a7a;color:var(--text-muted);display:flex;font-size:.6rem;font-weight:700;height:20px;justify-content:center;width:20px}.song-mini-progress span.done{background:#4caf50;background:var(--success-color);color:#fff}.ld-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.ld-stat-card{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:.3rem;padding:1.2rem;text-align:center}.ld-stat-icon{font-size:1.5rem}.ld-stat-value{color:#d48a1c;color:var(--primary-color);font-size:1.8rem;font-weight:800}.ld-stat-label{color:#7a7a7a;color:var(--text-muted);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.ld-level-section{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1.2rem}.ld-level-display{align-items:center;display:flex;gap:1rem;margin-bottom:.8rem}.ld-level-big-icon{font-size:2.5rem}.ld-level-display h3{font-size:1.1rem;margin-bottom:.2rem}.ld-level-display p{color:#7a7a7a;color:var(--text-muted);font-size:.85rem}.ld-xp-bar{background:#f5f3ef;background:var(--background-light);border-radius:5px;height:10px;overflow:hidden}.ld-xp-fill{background:linear-gradient(90deg,#d48a1c,#e8a31f);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:5px;height:100%;transition:width .5s}.ld-weekly{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1.2rem}.ld-weekly h3{font-size:1rem;margin-bottom:.8rem}.ld-weekly-progress{align-items:center;display:flex;gap:1rem}.ld-weekly-dots{display:flex;gap:.5rem}.ld-weekly-dot{background:#f5f3ef;background:var(--background-light);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:50%;height:28px;transition:all .3s;width:28px}.ld-weekly-dot.filled{background:#d48a1c;background:var(--primary-color);border-color:#d48a1c;border-color:var(--primary-color)}.ld-weekly-progress>span{color:#7a7a7a;color:var(--text-muted);font-size:.85rem}.ld-streak{align-items:center;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.2rem}.ld-streak-fire{font-size:1.5rem}.ld-streak-count{color:#d48a1c;color:var(--primary-color);font-size:1.8rem;font-weight:800}.ld-streak-label{color:#7a7a7a;color:var(--text-muted);font-size:.9rem}.ld-badges-section h3{font-size:1.1rem;margin-bottom:1rem}.ld-badges-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.ld-badge{align-items:center;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:.3rem;padding:1rem;text-align:center;transition:transform .2s}.ld-badge.earned{border-color:#d48a1c;border-color:var(--primary-color);box-shadow:0 2px 8px #d48a1c33}.ld-badge.locked{filter:grayscale(1);opacity:.4}.ld-badge-icon{font-size:2rem}.ld-badge-name{font-size:.8rem;font-weight:700}.ld-badge-desc{color:#7a7a7a;color:var(--text-muted);font-size:.7rem}.ld-lessons-title{font-size:1.3rem;margin-bottom:.3rem}.ld-lessons-subtitle{color:#7a7a7a;color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.ld-lessons-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ld-lesson-card{align-items:flex-start;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.2rem;transition:all .2s}.ld-lesson-card:hover{border-color:#d48a1c;border-color:var(--primary-color);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.ld-lesson-card.premium{border-color:#e8a31f;border-color:var(--primary-light);border-style:dashed;position:relative}.ld-lesson-card-icon{flex-shrink:0;font-size:2rem}.ld-lesson-card-info h3{font-size:.95rem;margin-bottom:.3rem}.ld-lesson-meta{align-items:center;color:#7a7a7a;color:var(--text-muted);display:flex;font-size:.8rem;gap:.4rem}.ld-premium-tag{background:linear-gradient(135deg,#d48a1c,#e8a31f);border-radius:1rem;color:#fff;font-size:.7rem;font-weight:600;padding:.1rem .5rem}.ld-lesson-detail{animation:slideDown .3s ease}.ld-lesson-header{margin:1.5rem 0;text-align:center}.ld-lesson-icon-big{display:block;font-size:3rem;margin-bottom:.5rem}.ld-lesson-header h2{font-size:1.4rem;margin-bottom:.3rem}.ld-lesson-duration{background:#f5f3ef;background:var(--background-light);border-radius:1rem;color:#7a7a7a;color:var(--text-muted);font-size:.85rem;padding:.2rem .8rem}.ld-lesson-body{margin:0 auto;max-width:700px}.ld-lesson-block{margin-bottom:1.2rem}.ld-block-intro{background:#f5f3ef;background:var(--background-light);border-left:4px solid #d48a1c;border-left:4px solid var(--primary-color);border-radius:12px;color:#4a4a4a;color:var(--text-secondary);font-size:1rem;line-height:1.7;padding:1rem}.ld-block-tip{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;padding:1rem}.ld-block-tip h3{color:#d48a1c;color:var(--primary-color);font-size:.95rem;margin-bottom:.4rem}.ld-block-tip p{color:#4a4a4a;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.ld-block-highlight{background:linear-gradient(135deg,#d48a1c1a,#e8a31f0d);border:1px solid #e8a31f;border:1px solid var(--primary-light);border-radius:12px;padding:1rem;text-align:center}.ld-block-highlight p{color:#d48a1c;color:var(--primary-color);font-size:1rem;font-weight:600}.song-progress-dots{gap:.4rem;margin-top:.5rem}.song-progress-dots,.sp-dot{align-items:center;display:flex}.sp-dot{background:#f5f3ef;background:var(--background-light);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:50%;color:#7a7a7a;color:var(--text-muted);font-size:.65rem;font-weight:700;height:24px;justify-content:center;width:24px}.sp-dot.done{background:#4caf50;background:var(--success-color);border-color:#4caf50;border-color:var(--success-color);color:#fff}.sp-complete{color:#4caf50;color:var(--success-color);font-size:.8rem;font-weight:600;margin-left:.3rem}@media (max-width:768px){.ld-header,.ld-header-info{align-items:flex-start;flex-direction:column;gap:.5rem}.ld-tabs{flex-wrap:wrap}.ld-tab{font-size:.75rem;padding:.5rem .3rem}.ld-tab-icon{display:none}.ld-stats-grid{grid-template-columns:repeat(2,1fr)}.ld-stat-value{font-size:1.4rem}.ld-badges-grid{grid-template-columns:repeat(2,1fr)}.ld-lessons-grid{grid-template-columns:1fr}.ld-stage-songs-grid{max-height:200px}}.avatar-video-page{margin:0 auto;max-width:1200px;padding:2rem 1.5rem}.av-header{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:2rem}.av-title{align-items:center;display:flex;font-size:1.8rem;gap:.5rem}.av-title-icon{font-size:2rem}.av-subtitle{color:#7a7a7a;color:var(--text-muted);font-size:.95rem;margin-top:.3rem}.av-filters{display:flex;gap:.5rem;margin-bottom:2rem}.av-filter{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:2rem;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.2rem;transition:all .2s}.av-filter.active{background:#d48a1c;background:var(--primary-color);border-color:#d48a1c;border-color:var(--primary-color);color:#fff}.av-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:3rem}.av-card{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:16px;cursor:pointer;overflow:hidden;transition:all .25s}.av-card:hover{border-color:#d48a1c;border-color:var(--primary-color);box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.av-card.premium{border-color:#e8a31f;border-color:var(--primary-light);border-style:dashed}.av-card-top{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);display:flex;gap:.6rem;padding:.8rem 1rem}.av-flag{border-radius:2px;height:auto;width:28px}.av-lang-name{flex:1 1;font-size:.95rem;font-weight:700}.av-premium-badge{background:linear-gradient(135deg,#d48a1c,#e8a31f);border-radius:1rem;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.15rem .6rem;text-transform:uppercase}.av-avatar-area{aspect-ratio:16/9;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);cursor:pointer;overflow:hidden}.av-avatar-area,.av-photo-container{align-items:center;display:flex;justify-content:center;position:relative}.av-photo,.av-photo-container{height:100%;width:100%}.av-photo{object-fit:cover;object-position:center top;transition:filter .3s}.av-card:hover .av-photo{filter:brightness(1.05)}.av-card.playing .av-photo{filter:brightness(.85)}.av-play-overlay{align-items:center;background:#00000040;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.av-card:hover .av-play-overlay{opacity:1}.av-play-btn{align-items:center;background:#d48a1c;background:var(--primary-color);border-radius:50%;box-shadow:0 4px 16px #0000004d;color:#fff;display:flex;font-size:1.3rem;height:56px;justify-content:center;transition:transform .2s;width:56px}.av-card:hover .av-play-btn{transform:scale(1.1)}.av-speaking-indicator{align-items:flex-end;background:#0009;border-radius:14px;bottom:12px;display:flex;gap:3px;height:28px;left:50%;padding:4px 12px;position:absolute;transform:translateX(-50%)}.av-speaking-indicator span{animation:soundWave .8s ease-in-out infinite;background:#d48a1c;background:var(--primary-color);border-radius:2px;width:4px}.av-speaking-indicator span:first-child{animation-delay:0s;height:8px}.av-speaking-indicator span:nth-child(2){animation-delay:.1s;height:16px}.av-speaking-indicator span:nth-child(3){animation-delay:.2s;height:24px}.av-speaking-indicator span:nth-child(4){animation-delay:.3s;height:16px}.av-speaking-indicator span:nth-child(5){animation-delay:.4s;height:8px}@keyframes soundWave{0%,to{opacity:.5;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}.av-live-badge{animation:pulseLive 1.5s ease infinite;background:#e74c3c;border-radius:4px;color:#fff;font-size:.65rem;font-weight:800;letter-spacing:1px;padding:.15rem .6rem;position:absolute;right:8px;top:8px}@keyframes pulseLive{0%,to{opacity:1}50%{opacity:.6}}.av-lock-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:flex;inset:0;justify-content:center;position:absolute}.av-lock-icon{font-size:2rem}.av-highlight{background:#d48a1c14;border-radius:6px;padding-left:.3rem;transition:background .5s ease}.av-highlight .av-phrase-text,.av-highlight .av-pronunciation-text,.av-highlight .av-translation-text{animation:textReveal .5s ease}.av-phrase-section{display:flex;flex-direction:column;gap:.4rem;padding:1rem}.av-phrase,.av-pronunciation,.av-translation{align-items:baseline;display:flex;gap:.5rem}.av-phrase-label{color:#7a7a7a;color:var(--text-muted);flex-shrink:0;font-size:.7rem;letter-spacing:.5px;min-width:90px;text-transform:uppercase}.av-phrase-text{color:#1a1a1a;color:var(--text-primary);font-size:1.1rem;font-weight:700}.av-translation-text{color:#4a4a4a;color:var(--text-secondary);font-size:.9rem}.av-pronunciation-text{color:#d48a1c;color:var(--primary-color);font-family:monospace;font-size:.9rem;font-weight:600;letter-spacing:.5px}.av-repeat{align-items:center;background:#f5f3ef;background:var(--background-light);border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);color:#7a7a7a;color:var(--text-muted);display:flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem;transition:all .3s}.av-repeat-active{animation:pulseRepeat 1s ease infinite;background:#d48a1c;background:var(--primary-color);color:#fff}@keyframes pulseRepeat{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes textReveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.av-howto{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:16px;margin-top:2rem;padding:2.5rem}.av-howto h2{font-size:1.3rem;margin-bottom:2rem;text-align:center}.av-howto-steps{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.av-howto-step{text-align:center}.av-step-num{align-items:center;background:#d48a1c;background:var(--primary-color);border-radius:50%;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:800;height:40px;justify-content:center;margin-bottom:.8rem;width:40px}.av-howto-step h3{font-size:1rem;margin-bottom:.3rem}.av-howto-step p{color:#7a7a7a;color:var(--text-muted);font-size:.85rem;line-height:1.5}.video-lessons-preview{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border-radius:20px;margin:3rem 0;overflow:hidden}.vlp-content{gap:2rem;justify-content:space-between}.vlp-badge{background:#d48a1c;background:var(--primary-color);border-radius:1rem;color:#fff;font-size:.75rem;letter-spacing:1px;padding:.2rem .8rem;text-transform:uppercase}.vlp-text h2{color:#fff;margin-bottom:.5rem}.vlp-text p{color:#ffffffb3;font-size:.95rem;line-height:1.6;max-width:450px}.vlp-cards{align-items:center}.vlp-mini-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #fff3;height:56px;transition:transform .2s;width:56px}.vlp-mini-card:hover{transform:scale(1.1)}.vlp-mini-card img{border-radius:2px;width:32px}.vlp-more{color:#fffc;font-size:.9rem}@media (max-width:768px){.av-grid{grid-template-columns:1fr}.av-howto-steps{grid-template-columns:repeat(2,1fr)}.vlp-content{flex-direction:column;padding:2rem;text-align:center}.vlp-text p{max-width:100%}}.method-section{margin:0 auto;max-width:1200px;padding:4rem 2rem;text-align:center}.method-title{color:#1a1a1a;color:var(--text-primary);font-size:2rem;font-weight:800;margin-bottom:.5rem}.method-subtitle{color:#4a4a4a;color:var(--text-secondary);font-size:1.05rem;margin-bottom:3rem}.method-blocks{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.method-block-card{background:#fff;background:var(--background-card);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:20px;box-shadow:0 2px 8px #0000000f;cursor:pointer;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .3s ease}.method-block-card:hover{border-color:#e74c3c;border-color:var(--block-color,#e74c3c);box-shadow:0 16px 40px #0000001a;transform:translateY(-6px)}.method-block-icon{align-items:center;border-radius:18px;color:#fff;display:flex;font-size:1.8rem;height:70px;justify-content:center;margin:0 auto 1.2rem;width:70px}.method-block-card h3{color:#1a1a1a;color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.method-block-card p{color:#7a7a7a;color:var(--text-muted);font-size:.9rem;line-height:1.5;margin-bottom:1rem;min-height:50px}.method-block-count{align-items:center;display:flex;gap:.4rem;justify-content:center;margin-bottom:1.2rem}.count-number{color:#333;color:var(--block-color,#333);font-size:1.6rem;font-weight:800}.count-label{color:#7a7a7a;color:var(--text-muted);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.method-block-btn{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border:none;border-radius:30px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;padding:.6rem 1.5rem;transition:all .2s}.method-block-card:hover .method-block-btn{background:#e74c3c;background:var(--block-color,#e74c3c);color:#fff}.block-page{margin:0 auto;max-width:1200px;padding:1rem 2rem 4rem}.block-header{margin-bottom:2rem}.block-header .back-btn{background:none;border:none;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;display:block;font-size:.95rem;margin-bottom:1rem;padding:.5rem 0}.block-header-content{align-items:center;display:flex;gap:1.5rem}.block-header-icon{align-items:center;border-radius:16px;color:#fff;display:flex;flex-shrink:0;font-size:1.8rem;height:64px;justify-content:center;width:64px}.block-header-content h1{color:#1a1a1a;color:var(--text-primary);font-size:1.8rem;font-weight:800;margin:0}.block-header-content p{color:#4a4a4a;color:var(--text-secondary);font-size:.95rem;margin:.3rem 0 0}.block-lang-bar{margin-bottom:2rem;text-align:center}.block-lang-bar p{color:#7a7a7a;color:var(--text-muted);font-size:.9rem;margin-bottom:.8rem}.block-lang-flags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.block-lang-flag{background:none;border:2px solid #0000;border-radius:8px;cursor:pointer;padding:4px;transition:all .2s}.block-lang-flag:hover{border-color:#2ecc71;border-color:var(--block-color,#2ecc71);transform:scale(1.15)}.block-lang-flag img{border-radius:3px;display:block;height:22px;width:32px}.situations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:3rem}.situation-card{background:#fff;background:var(--background-card);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:16px;padding:1.5rem;position:relative;transition:all .3s ease}.situation-card:hover{border-color:#d48a1c;border-color:var(--primary-color);box-shadow:0 8px 24px #00000014;transform:translateY(-3px)}.situation-card.premium{opacity:.75}.situation-premium-badge{background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:20px;color:#fff;font-size:.7rem;font-weight:700;padding:3px 10px;position:absolute;right:12px;top:12px}.situation-icon{font-size:2rem;margin-bottom:.8rem}.situation-card h3{color:#1a1a1a;color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:.4rem}.situation-desc{color:#7a7a7a;color:var(--text-muted);font-size:.85rem;line-height:1.4}.situation-desc,.situation-meta{margin-bottom:1rem}.situation-phrases{color:#7a7a7a;color:var(--text-muted);font-size:.8rem}.situation-start-btn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1rem;transition:all .2s;width:100%}.situation-start-btn:hover{opacity:.9;transform:scale(1.02)}.block-video-cta{background:linear-gradient(135deg,#1a1a2e,#2d2d44);border-radius:20px;margin-top:2rem;padding:2rem}.block-video-cta-content{align-items:center;color:#fff;display:flex;gap:1.5rem}.block-video-cta-content>i{font-size:2rem;opacity:.8}.block-video-cta-content h3{font-size:1.1rem;margin:0}.block-video-cta-content p{font-size:.85rem;margin:.2rem 0 0;opacity:.7}.block-video-cta-content .cta-btn{margin-left:auto;white-space:nowrap}.video-lessons-preview{margin:2rem auto;max-width:1200px;padding:0 2rem}.vlp-content{align-items:center;background:linear-gradient(135deg,#1a1a2e,#2d2d44);border-radius:24px;color:#fff;display:flex;gap:3rem;padding:3rem}.vlp-badge{background:#e74c3c33;border-radius:20px;color:#e74c3c;display:inline-block;font-size:.8rem;font-weight:700;margin-bottom:.8rem;padding:4px 14px}.vlp-text h2{font-size:1.6rem;margin:0 0 .5rem}.vlp-text p{margin-bottom:1.5rem;max-width:400px;opacity:.7}.vlp-cards{display:flex;flex-wrap:wrap;gap:.8rem}.vlp-mini-card{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.vlp-mini-card img{height:100%;object-fit:cover;width:100%}.vlp-more{color:#fff9;font-size:.85rem;font-weight:700}.expressions-preview{margin:4rem auto;max-width:1200px;padding:0 2rem;text-align:center}.expressions-preview h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.expressions-preview>p{color:#7a7a7a;color:var(--text-muted);margin-bottom:2rem}.expressions-flags{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.expression-lang-btn{align-items:center;background:#fff;background:var(--background-card);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.6rem 1rem;transition:all .2s}.expression-lang-btn:hover{border-color:#e74c3c;box-shadow:0 4px 12px #0000000f;transform:translateY(-2px)}.expression-lang-btn img{border-radius:2px;height:16px;width:24px}.languages-preview{margin:2rem auto;max-width:1200px;padding:0 2rem 2rem;text-align:center}.languages-preview h2{font-size:1.5rem;font-weight:700;margin-bottom:2rem}.flags-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.flag-card{align-items:center;background:#fff;background:var(--background-card);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;min-width:90px;padding:1rem;transition:all .2s}.flag-card:hover{border-color:#e74c3c;box-shadow:0 8px 20px #00000014;transform:translateY(-4px)}.flag-card-img{border-radius:4px;height:32px;object-fit:cover;width:48px}.flag-name{color:#1a1a1a;color:var(--text-primary);font-size:.8rem;font-weight:600}.flag-native{color:#7a7a7a;color:var(--text-muted);font-size:.7rem}@media (max-width:768px){.method-blocks{gap:1.5rem;grid-template-columns:1fr}.method-section{padding:2rem 1rem}.block-page{padding:1rem 1rem 3rem}.block-header-content{flex-direction:column;gap:.8rem;text-align:center}.situations-grid{grid-template-columns:1fr}.block-video-cta-content{flex-direction:column;gap:1rem;text-align:center}.block-video-cta-content .cta-btn{margin-left:0}.vlp-content{flex-direction:column;padding:2rem;text-align:center}.vlp-text p{max-width:100%}.flags-grid{gap:.5rem}.flag-card{min-width:70px;padding:.7rem}.expression-lang-btn span{display:none}}.situation-detail-icon{flex-shrink:0;font-size:2.5rem}.sit-lang-selector{margin-bottom:2rem}.sit-lang-label{color:#7a7a7a;color:var(--text-muted);font-size:.9rem;margin-bottom:.8rem;text-align:center}.sit-lang-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.sit-lang-btn{align-items:center;background:#fff;background:var(--background-card);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:10px;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8rem;gap:.4rem;padding:.4rem .8rem;transition:all .2s}.sit-lang-btn:hover{border-color:#ccc;transform:translateY(-1px)}.sit-lang-btn.active{box-shadow:0 2px 8px #0000000f;color:#1a1a1a;color:var(--text-primary);font-weight:700}.sit-lang-btn img{border-radius:2px;height:16px;width:24px}.sit-phrases{min-height:200px}.sit-loading{align-items:center;color:#7a7a7a;color:var(--text-muted);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 0}.sit-spinner{animation:spin .8s linear infinite;border:4px solid #e5e5e5;border:4px solid var(--border-color);border-radius:50%;border-top:4px solid #2ecc71;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.sit-error{color:#e74c3c;padding:3rem;text-align:center}.sit-empty{align-items:center;color:#ccc;padding:4rem;text-align:center}.sit-empty,.sit-phrases-list{display:flex;flex-direction:column}.sit-phrases-list{gap:1rem}.sit-phrase-card{background:#fff;background:var(--background-card);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:16px;display:flex;gap:1rem;padding:1.2rem;transition:all .2s}.sit-phrase-card:hover{border-color:#d48a1c;border-color:var(--primary-color);box-shadow:0 4px 12px #0000000a}.sit-phrase-num{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border-radius:10px;color:#7a7a7a;color:var(--text-muted);display:flex;flex-shrink:0;font-size:.85rem;font-weight:800;height:32px;justify-content:center;width:32px}.sit-phrase-content{flex:1 1;min-width:0}.sit-phrase-main{align-items:center;display:flex;gap:.8rem;margin-bottom:.4rem}.sit-phrase-text{color:#1a1a1a;color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:700}.sit-play-btn{align-items:center;background:#0000;border:2px solid;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;height:36px;justify-content:center;transition:all .2s;width:36px}.sit-play-btn:hover{background:currentColor;color:#fff!important}.sit-play-btn.playing{animation:pulse-play 1s ease-in-out infinite}@keyframes pulse-play{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sit-phrase-latin{color:#8e44ad;font-size:.85rem;font-style:italic;margin-bottom:.3rem}.sit-phrase-translation{border-left:3px solid #e5e5e5;border-left:3px solid var(--border-color);color:#4a4a4a;color:var(--text-secondary);font-size:.95rem;margin-bottom:.3rem;padding-left:.5rem}.sit-phrase-pronunciation{color:#7a7a7a;color:var(--text-muted)}.sit-phrase-context,.sit-phrase-pronunciation{align-items:center;display:flex;font-size:.8rem;gap:.4rem;margin-top:.3rem}.sit-phrase-context{background:#f0fff4;border-radius:8px;color:#27ae60;display:inline-flex;padding:.3rem .6rem}@media (max-width:768px){.sit-lang-btn span{display:none}.sit-phrase-card{padding:1rem}.sit-phrase-text{font-size:1rem}}.sit-tabs{border-bottom:2px solid #ffffff0f;display:flex;gap:0;margin:0 auto 1rem;max-width:700px}.sit-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#fff6;cursor:pointer;display:flex;flex:1 1;font-size:.88rem;font-weight:600;gap:.4rem;justify-content:center;margin-bottom:-2px;padding:.7rem 1rem;transition:all .2s}.sit-tab:hover{color:#ffffffb3}.sit-tab.active{border-bottom-color:#2ecc71;color:#2ecc71}.sit-dialogue{margin:0 auto;max-width:700px}.dlg-controls{display:flex;gap:.6rem;margin-bottom:1rem}.dlg-play-all{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.88rem;font-weight:600;gap:.4rem;justify-content:center;padding:.65rem 1rem;transition:all .2s}.dlg-play-all:hover{opacity:.9;transform:translateY(-1px)}.dlg-play-all.active{opacity:.8}.dlg-transcript-toggle{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;color:#ffffff80;cursor:pointer;display:flex;font-size:.85rem;gap:.4rem;padding:.65rem 1rem;transition:all .2s}.dlg-transcript-toggle:hover{background:#ffffff1a;color:#fffc}.dlg-transcript-toggle.active{background:#ffffff1a;border-color:#ffffff26;color:#fff}.dlg-speakers{display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.dlg-speaker{align-items:center;display:flex;gap:.5rem}.dlg-speaker-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.dlg-speaker-name{color:#fff;display:block;font-size:.85rem;font-weight:600}.dlg-speaker-role{color:#fff6;display:block;font-size:.72rem}.dlg-lines{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.dlg-line{align-items:flex-start;display:flex;gap:.5rem;max-width:85%;transition:background .3s}.dlg-line.left{align-self:flex-start}.dlg-line.right{align-self:flex-end;flex-direction:row-reverse}.dlg-line.playing{background:#ffffff08;border-radius:12px;padding:.3rem}.dlg-line-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:28px;justify-content:center;margin-top:2px;width:28px}.dlg-bubble{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:12px;padding:.55rem .8rem}.dlg-line.left .dlg-bubble{border-top-left-radius:4px}.dlg-line.right .dlg-bubble{border-top-right-radius:4px}.dlg-bubble-text{color:#fff;font-size:.88rem;line-height:1.5;margin:0}.dlg-bubble-trans{color:#fff6;font-size:.78rem;font-style:italic;margin:.2rem 0 0}.dlg-bubble-latin{color:#9b59b699;font-size:.73rem;margin:.15rem 0 0}.dlg-line-play{align-items:center;background:#ffffff0f;border:none;border-radius:50%;color:#fff6;cursor:pointer;display:flex;flex-shrink:0;font-size:.65rem;height:28px;justify-content:center;margin-top:4px;transition:all .2s;width:28px}.dlg-line-play:hover{background:#ffffff1f;color:#fff}.dlg-line-play.active{background:#e74c3c26;color:#e74c3c}.dlg-vocab-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:1.2rem;padding:1rem}.dlg-vocab-section h3{align-items:center;color:#fff;display:flex;font-size:.9rem;gap:.4rem;margin:0 0 .7rem}.dlg-vocab-list{display:flex;flex-direction:column;gap:.5rem}.dlg-vocab-item{border-bottom:1px solid #ffffff0a;display:flex;flex-wrap:wrap;gap:.3rem .8rem;padding:.4rem 0}.dlg-vocab-item:last-child{border-bottom:none}.dlg-vocab-word{color:#e8c84a;font-size:.88rem;font-weight:600}.dlg-vocab-meaning{color:#ffffff80;font-size:.82rem}.dlg-vocab-example{color:#ffffff59;font-size:.78rem;font-style:italic;width:100%}.dlg-quiz-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:1.2rem;padding:1rem}.dlg-quiz-section h3{align-items:center;color:#fff;display:flex;font-size:.9rem;gap:.4rem;margin:0 0 .8rem}.dlg-quiz-q{margin-bottom:.8rem}.dlg-quiz-question{color:#fffc;font-size:.88rem;font-weight:500;margin:0 0 .4rem}.dlg-quiz-options{display:flex;flex-direction:column;gap:.3rem}.dlg-quiz-opt{align-items:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-size:.84rem;gap:.5rem;padding:.5rem .7rem;text-align:left;transition:all .2s}.dlg-quiz-opt:hover{background:#ffffff12;color:#fff}.dlg-quiz-opt.selected{background:#3498db14;border-color:#3498db66;color:#fff}.dlg-quiz-opt.correct{background:#2ecc711a;border-color:#2ecc7180;color:#2ecc71}.dlg-quiz-opt.wrong{background:#e74c3c1a;border-color:#e74c3c80;color:#e74c3c}.dlg-quiz-letter{align-items:center;background:#ffffff14;border-radius:50%;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:22px;justify-content:center;width:22px}.dlg-quiz-result{align-items:center;background:#2ecc7114;border-radius:10px;color:#ffffffb3;display:flex;font-size:.88rem;gap:.5rem;padding:.6rem .8rem}.dlg-quiz-score{color:#2ecc71;font-size:1.2rem;font-weight:800}@media (max-width:500px){.dlg-line{max-width:92%}.dlg-speakers{flex-direction:column;gap:.5rem}}.av-play-area{height:80px;margin:0 auto;width:80px}.av-play-area,.av-play-circle{align-items:center;display:flex;justify-content:center}.av-play-circle{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:50%;box-shadow:0 4px 16px #e74c3c4d;color:#fff;cursor:pointer;font-size:1.2rem;height:60px;transition:transform .2s,box-shadow .2s;width:60px}.av-play-circle:hover{box-shadow:0 6px 24px #e74c3c80;transform:scale(1.1)}.intro-video-section{margin:0 auto;max-width:600px;padding:3rem 2rem}.intro-video-wrapper{background:#0a0a1a;border-radius:16px;box-shadow:0 12px 48px #0003;overflow:visible;position:relative}.intro-video-container{border-radius:16px;overflow:hidden;position:relative;width:100%}.intro-video{border-radius:16px;display:block;width:100%}.video-subtitle-overlay{bottom:56px;left:50%;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);width:90%;z-index:5}.video-subtitle-overlay span{background:#000000c7;border-radius:6px;color:#fff;display:inline-block;font-size:1.05rem;font-weight:500;line-height:1.5;max-width:100%;padding:6px 16px;text-shadow:0 1px 3px #00000080}.subtitle-controls{background:#0f0f23;border-radius:0 0 16px 16px;display:flex;justify-content:center;padding:12px 0;position:relative}.subtitle-lang-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 18px;transition:all .2s}.subtitle-lang-btn:hover{background:#ffffff26}.subtitle-lang-btn i:first-child{color:#e74c3c;font-size:1rem}.subtitle-lang-picker{grid-gap:2px;background:#1a1a2e;border:1px solid #ffffff1a;border-radius:12px;bottom:100%;box-shadow:0 -8px 32px #0000004d;display:grid;gap:2px;grid-template-columns:1fr 1fr;left:50%;max-height:320px;overflow-y:auto;padding:8px;position:absolute;transform:translateX(-50%);width:240px;z-index:100}.subtitle-lang-option{align-items:center;background:#0000;border:none;border-radius:8px;color:#ccc;cursor:pointer;display:flex;font-size:.82rem;gap:8px;padding:8px 10px;transition:all .15s;white-space:nowrap}.subtitle-lang-option:hover{background:#ffffff14;color:#fff}.subtitle-lang-option.active{background:#e74c3c26;color:#e74c3c;font-weight:600}.subtitle-flag{border-radius:2px;height:14px;object-fit:cover;width:20px}.subtitle-lang-option .fa-check{color:#e74c3c;font-size:.7rem;margin-left:auto}.subtitle-lang-picker::-webkit-scrollbar{width:4px}.subtitle-lang-picker::-webkit-scrollbar-track{background:#0000}.subtitle-lang-picker::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}@media (max-width:768px){.intro-video-section{padding:2rem 1rem}.video-subtitle-overlay{bottom:48px}.video-subtitle-overlay span{font-size:.85rem;padding:4px 10px}.subtitle-lang-picker{grid-template-columns:1fr;width:200px}}.conv-gate{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:70vh;padding:2rem;text-align:center}.conv-gate-photo{border:3px solid #e74c3c66;border-radius:50%;height:80px;margin-bottom:1.5rem;object-fit:cover;width:80px}.conv-gate h2{color:#1a1a1a;color:var(--text-primary);font-size:1.6rem;margin-bottom:.8rem}.conv-gate p{color:#4a4a4a;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;max-width:400px}.conv-upgrade-btn{align-items:center;background:linear-gradient(135deg,#f1c40f,#e67e22);border:none;border-radius:50px;color:#1a1a2e;cursor:pointer;display:inline-flex;font-weight:700;gap:.5rem;padding:.8rem 2rem;text-decoration:none;transition:transform .2s}.conv-upgrade-btn:hover{box-shadow:0 8px 25px #f1c40f4d;transform:translateY(-2px)}.conv-setup{animation:convFadeIn .3s ease;margin:0 auto;max-width:560px;padding:2rem 1.5rem}.conv-setup-header{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem}.conv-mini-photo{border:2px solid #e74c3c66;border-radius:50%;height:52px;object-fit:cover;width:52px}.conv-setup-header h1{color:#1a1a1a;color:var(--text-primary);font-size:1.5rem;margin:0}.conv-subtitle{color:#7a7a7a;color:var(--text-muted);font-size:.85rem;margin:0}.conv-section{margin-bottom:1.5rem}.conv-label{color:#4a4a4a;color:var(--text-secondary);display:block;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:.6rem;text-transform:uppercase}.conv-lang-picker-wrap{position:relative}.conv-lang-btn{align-items:center;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:10px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.6rem 1rem}.conv-lang-btn img{border-radius:2px;height:16px;object-fit:cover;width:22px}.conv-lang-btn:hover{background:#f5f3ef;background:var(--background-light)}.conv-lang-dropdown{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px #0000001a;left:0;margin-top:4px;max-height:280px;overflow-y:auto;padding:4px;position:absolute;right:0;top:100%;z-index:100}.conv-lang-option{align-items:center;background:none;border:none;border-radius:6px;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem .8rem;text-align:left;width:100%}.conv-lang-option:hover{background:#f5f3ef;background:var(--background-light);color:#1a1a1a;color:var(--text-primary)}.conv-lang-option.active{background:#e74c3c1a;color:#e74c3c}.conv-lang-option img{border-radius:2px;height:15px;object-fit:cover;width:20px}.conv-themes{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.conv-theme-btn{align-items:center;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;color:#7a7a7a;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;gap:.4rem;padding:.8rem .5rem;transition:all .2s}.conv-theme-btn i{font-size:1.2rem}.conv-theme-btn:hover{background:#f5f3ef;background:var(--background-light);color:#1a1a1a;color:var(--text-primary)}.conv-theme-btn.active{background:#e74c3c14;border-color:#e74c3c66;color:#e74c3c}.conv-levels{display:flex;gap:.4rem}.conv-level-btn{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:8px;color:#7a7a7a;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:.5rem;text-align:center;transition:all .2s}.conv-level-btn:hover{background:#f5f3ef;background:var(--background-light)}.conv-level-btn.active{background:#3498db1a;border-color:#3498db66;color:#3498db}.conv-correction-toggle{display:flex;gap:.5rem}.conv-corr-btn{align-items:center;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:10px;color:#7a7a7a;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;font-size:.8rem;gap:.4rem;justify-content:center;padding:.6rem;transition:all .2s}.conv-corr-btn:hover{background:#f5f3ef;background:var(--background-light)}.conv-corr-btn.active{background:#2ecc7114;border-color:#2ecc7166;color:#2ecc71}.conv-start-btn{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;margin-top:1rem;padding:.9rem;transition:transform .2s,box-shadow .2s;width:100%}.conv-start-btn:hover{box-shadow:0 6px 20px #e74c3c4d;transform:translateY(-1px)}.conv-demo-note{color:#c47a0c;font-size:.8rem;margin-top:.8rem;text-align:center}.conv-history-section{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.conv-history-toggle{align-items:center;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:10px;color:#7a7a7a;color:var(--text-muted);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;justify-content:center;padding:.7rem;width:100%}.conv-history-toggle:hover{background:#f5f3ef;background:var(--background-light);color:#1a1a1a;color:var(--text-primary)}.conv-history{animation:convFadeIn .3s ease;margin:0 auto;max-width:560px;padding:1.5rem}.conv-history-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.conv-history-header h2{color:#1a1a1a;color:var(--text-primary);font-size:1.3rem;margin:0}.conv-back-btn{align-items:center;background:#f5f3ef;background:var(--background-light);border:none;border-radius:50%;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.conv-back-btn:hover{background:#e5e5e5;background:var(--border-color);color:#1a1a1a;color:var(--text-primary)}.conv-empty,.conv-loading{color:#7a7a7a;color:var(--text-muted);text-align:center}.conv-empty{font-style:italic}.conv-sessions-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.conv-session-card{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:10px;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;padding:.8rem 1rem;text-align:left;transition:all .2s;width:100%}.conv-session-card:hover{background:#f5f3ef;background:var(--background-light);border-color:#d48a1c;border-color:var(--primary-color)}.conv-session-meta{align-items:center;display:flex;gap:.5rem;margin-bottom:.3rem}.conv-session-date{color:#7a7a7a;color:var(--text-muted);font-size:.7rem}.conv-session-level,.conv-session-theme{background:#3498db1a;border-radius:4px;color:#3498db;font-size:.65rem;padding:1px 6px;text-transform:uppercase}.conv-session-preview{color:#7a7a7a;color:var(--text-muted);font-size:.8rem;line-height:1.4;margin:0}.conv-chat{display:flex;flex-direction:column;height:calc(100vh - 80px);margin:0 auto;max-width:700px}.conv-chat-header{align-items:center;background:#fff;background:var(--background-card);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);display:flex;gap:.6rem;padding:.8rem 1rem}.conv-header-photo{border:2px solid #e74c3c4d;border-radius:50%;height:36px;object-fit:cover;width:36px}.conv-header-info{flex:1 1}.conv-header-name{color:#1a1a1a;color:var(--text-primary);display:block;font-size:.9rem;font-weight:600}.conv-header-status{align-items:center;color:#7a7a7a;color:var(--text-muted);display:flex;font-size:.7rem;gap:.3rem}.conv-header-badges{align-items:center;display:flex;gap:.4rem}.conv-badge-level{background:#3498db1a;border-radius:6px;color:#3498db;font-size:.7rem;font-weight:700;padding:2px 8px}.conv-badge-theme{align-items:center;background:#f5f3ef;background:var(--background-light);border-radius:6px;color:#7a7a7a;color:var(--text-muted);display:flex;font-size:.75rem;height:28px;justify-content:center;width:28px}.conv-header-flag{border-radius:2px;height:16px;object-fit:cover;width:22px}.conv-audio-bar{align-items:center;background:#2ecc710d;display:flex;gap:3px;justify-content:center;padding:6px 0}.conv-audio-bar span{animation:convWave .8s ease-in-out infinite;background:#2ecc71;border-radius:2px;height:16px;width:3px}@keyframes convWave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1.3)}}.conv-messages{display:flex;flex:1 1;flex-direction:column;gap:.8rem;overflow-y:auto;padding:1rem}.conv-welcome-hint{color:#7a7a7a;color:var(--text-muted);font-size:.85rem;padding:3rem 1rem;text-align:center}.conv-msg{animation:convFadeIn .3s ease;display:flex;gap:.5rem;max-width:85%}.conv-msg.assistant{align-self:flex-start}.conv-msg.user{align-self:flex-end;flex-direction:row-reverse}.conv-msg.error{align-self:center}.conv-msg-photo{border-radius:50%;flex-shrink:0;height:30px;object-fit:cover;width:30px}.conv-msg-bubble{border-radius:16px;font-size:.9rem;line-height:1.5;padding:.7rem 1rem}.conv-msg-bubble p{margin:0 0 .3rem}.conv-msg-bubble p:last-child{margin-bottom:0}.conv-msg-bubble .conv-correction{background:#f39c121a;border-left:3px solid #f39c12;border-radius:0 6px 6px 0;color:#c47a0c;font-size:.82rem;margin-top:.5rem;padding:.3rem .6rem}.conv-msg.assistant .conv-msg-bubble{background:#f5f3ef;background:var(--background-light);border-bottom-left-radius:4px;color:#1a1a1a;color:var(--text-primary)}.conv-msg.user .conv-msg-bubble{background:#e74c3c1a;border-bottom-right-radius:4px;color:#1a1a1a;color:var(--text-primary)}.conv-msg.error .conv-msg-bubble{background:#e74c3c14;color:#e74c3c;font-size:.8rem}.conv-msg-bubble.typing{display:flex;gap:4px;padding:.8rem 1rem}.conv-msg-bubble.typing span{animation:convTyping 1.2s ease-in-out infinite;background:#7a7a7a;background:var(--text-muted);border-radius:50%;height:7px;width:7px}.conv-msg-bubble.typing span:nth-child(2){animation-delay:.2s}.conv-msg-bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes convTyping{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.7;transform:translateY(-5px)}}.conv-input{align-items:center;background:#fff;background:var(--background-card);border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);display:flex;gap:.5rem;padding:.8rem 1rem;position:relative}.conv-input input{background:#f5f3ef;background:var(--background-light);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:20px;color:#1a1a1a;color:var(--text-primary);flex:1 1;font-size:.9rem;outline:none;padding:.7rem 1rem}.conv-input input:focus{border-color:#e74c3c66}.conv-input input::placeholder{color:#7a7a7a;color:var(--text-muted)}.conv-mic-btn,.conv-send-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.conv-mic-btn{background:#e74c3c14;border:1px solid #e74c3c33;color:#e74c3c}.conv-mic-btn:hover{background:#e74c3c26;color:#c0392b}.conv-mic-btn.active{animation:convPulse 1s ease-in-out infinite;background:#e74c3c26;color:#e74c3c}.conv-send-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.conv-send-btn:hover:not(:disabled){transform:scale(1.05)}.conv-send-btn:disabled{cursor:not-allowed;opacity:.3}.conv-demo-badge{background:#f39c121a;border-radius:10px;color:#c47a0c;font-size:.7rem;font-weight:600;left:50%;padding:2px 10px;position:absolute;top:-24px;transform:translateX(-50%);white-space:nowrap}@keyframes convFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes convPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (max-width:600px){.conv-themes{grid-template-columns:repeat(2,1fr)}.conv-msg{max-width:92%}.conv-setup{padding:1.5rem 1rem}}.nav-btn-avatar{color:#f1c40f!important;position:relative}.nav-btn-avatar:after{background:#e74c3c;border-radius:4px;color:#fff;content:"NEW";font-size:.5rem;font-weight:700;padding:1px 4px;position:absolute;right:-10px;top:-6px}.nav-btn-pro{position:relative}.nav-btn-pro:after{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:4px;color:#fff;content:"Pro";font-size:.5rem;font-weight:700;letter-spacing:.3px;padding:1px 5px;position:absolute;right:-10px;top:-6px}.lt-landing{animation:convFadeIn .3s ease;margin:0 auto;max-width:700px;padding:2rem 1.5rem}.lt-landing-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.lt-landing-header h1{color:#d48a1c;font-size:1.6rem;font-weight:800;margin:0}.lt-landing-subtitle{color:#7a7a7a;color:var(--text-muted);font-size:.85rem;margin:.2rem 0 0}.lt-landing-lang-section{margin-bottom:1.5rem}.lt-landing-blocks{display:flex;flex-direction:column;gap:1.5rem}.lt-landing-card{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:18px;padding:1.5rem;transition:all .3s ease}.lt-landing-card:hover{border-color:#d48a1c;border-color:var(--primary-color);box-shadow:0 4px 12px #0000000f}.lt-landing-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.2rem}.lt-landing-card-icon{align-items:center;border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;height:50px;justify-content:center;width:50px}.lt-landing-card-header h2{color:#1a1a1a;color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0}.lt-landing-card-sub{color:#7a7a7a;color:var(--text-muted);font-size:.82rem;line-height:1.4;margin:.2rem 0 0}.lt-landing-features{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.lt-landing-feature{align-items:center;color:#4a4a4a;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.7rem;padding:.4rem 0}.lt-landing-feature i{color:#7a7a7a;color:var(--text-muted);font-size:.9rem;text-align:center;width:20px}.lt-landing-actions{display:flex;flex-wrap:wrap;gap:.7rem}.lt-landing-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;min-width:180px;padding:.75rem 1rem;transition:all .2s ease}.lt-landing-action-btn.primary-green{background:#2ecc71;color:#fff}.lt-landing-action-btn.primary-green:hover{background:#27ae60}.lt-landing-action-btn.secondary-green{background:#2ecc711a;border:1px solid #2ecc714d;color:#27ae60}.lt-landing-action-btn.secondary-green:hover{background:#2ecc712e}.lt-landing-action-btn.primary-blue{background:#3498db;color:#fff}.lt-landing-action-btn.primary-blue:hover{background:#2980b9}.lt-landing-action-btn.primary-orange{background:linear-gradient(135deg,#e67e22,#f39c12);color:#fff}.lt-landing-action-btn.primary-orange:hover{background:linear-gradient(135deg,#d35400,#e67e22)}.lt-landing-jobality{align-items:center;background:#3498db0f;border:1px solid #3498db33;border-radius:10px;color:#7a7a7a;color:var(--text-muted);display:flex;font-size:.8rem;font-style:italic;gap:.6rem;margin-bottom:1rem;padding:.7rem 1rem}.lt-landing-jobality i{color:#3498db}@media (max-width:600px){.lt-landing{padding:1.2rem 1rem}.lt-landing-actions{flex-direction:column}.lt-landing-action-btn{min-width:0;min-width:auto}}.lt-page{animation:convFadeIn .3s ease;margin:0 auto;max-width:600px;padding:2rem 1.5rem}.lt-header{gap:1rem;margin-bottom:2rem}.lt-header,.lt-header-icon{align-items:center;display:flex}.lt-header-icon{border-radius:14px;flex-shrink:0;font-size:1.3rem;height:48px;justify-content:center;width:48px}.lt-header h1{color:#1a1a1a;color:var(--text-primary);font-size:1.5rem;margin:0}.lt-subtitle{color:#7a7a7a;color:var(--text-muted);font-size:.82rem;margin:0}.lt-section{margin-bottom:1.5rem}.lt-label{color:#4a4a4a;color:var(--text-secondary);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.lt-lang-wrap{position:relative}.lt-lang-btn{align-items:center;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:10px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;font-size:.88rem;gap:.5rem;padding:.55rem 1rem}.lt-lang-btn img{border-radius:2px;height:16px;object-fit:cover;width:22px}.lt-lang-btn:hover{background:#f5f3ef;background:var(--background-light)}.lt-lang-dropdown{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px #0000001a;left:0;margin-top:4px;max-height:260px;overflow-y:auto;padding:4px;position:absolute;right:0;top:100%;z-index:100}.lt-lang-option{align-items:center;background:none;border:none;border-radius:6px;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.82rem;gap:.5rem;padding:.45rem .8rem;text-align:left;width:100%}.lt-lang-option:hover{background:#f5f3ef;background:var(--background-light);color:#1a1a1a;color:var(--text-primary)}.lt-lang-option.active{background:#3498db1a;color:#3498db}.lt-lang-option img{border-radius:2px;height:15px;object-fit:cover;width:20px}.lt-generate-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:1.5rem;padding:.8rem;transition:all .2s;width:100%}.lt-generate-btn:hover:not(:disabled){box-shadow:0 6px 20px #3498db4d;transform:translateY(-1px)}.lt-generate-btn:disabled{cursor:not-allowed;opacity:.5}.lt-tips-grid{display:flex;flex-direction:column;gap:.8rem}.lt-tip-card{animation:convFadeIn .4s ease both;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:14px;padding:1.2rem;position:relative}.lt-tip-num{align-items:center;background:#3498db;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:22px;justify-content:center;left:16px;position:absolute;top:-8px;width:22px}.lt-tip-title{color:#1a1a1a;color:var(--text-primary);font-size:.95rem;margin:.3rem 0 .5rem}.lt-tip-content{color:#4a4a4a;color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin:0 0 .6rem}.lt-tip-example{align-items:flex-start;background:#3498db0f;border-left:3px solid #3498db;border-radius:0 8px 8px 0;color:#1a1a1a;color:var(--text-primary);display:flex;font-size:.88rem;font-style:italic;gap:.5rem;padding:.5rem .8rem}.lt-tip-example i{color:#3498db;font-size:.7rem;margin-top:4px}.lt-tip-translation{font-size:.78rem;font-style:italic;margin:.4rem 0 0}.lt-empty,.lt-tip-translation{color:#7a7a7a;color:var(--text-muted)}.lt-empty{padding:3rem 1rem;text-align:center}.lt-empty i{display:block;font-size:2rem;margin-bottom:1rem}.lt-empty p{font-size:.88rem}@media (max-width:500px){.lt-skills{grid-template-columns:1fr}}.lt-levels{display:flex;gap:.4rem}.lt-level-btn{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:8px;color:#7a7a7a;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:.5rem;text-align:center;transition:all .2s}.lt-level-btn:hover{background:#f5f3ef;background:var(--background-light)}.lt-level-btn.active{background:#3498db1a;border-color:#3498db66;color:#3498db}.lt-progress{margin-bottom:1.5rem}.lt-progress-bar{background:#e5e5e5;background:var(--border-color);border-radius:3px;height:6px;margin-bottom:.4rem;overflow:hidden}.lt-progress-fill{background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:3px;height:100%;transition:width .5s}.lt-progress-label{color:#7a7a7a;color:var(--text-muted);font-size:.75rem}.lt-skills{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.lt-skill-card{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:14px;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;padding:1.2rem;position:relative;text-align:center;transition:all .2s}.lt-skill-card:hover{background:#f5f3ef;background:var(--background-light);border-color:#3498db4d;transform:translateY(-2px)}.lt-skill-card.done{border-color:#2ecc714d}.lt-skill-num{color:#7a7a7a;color:var(--text-muted);font-size:.65rem;letter-spacing:.05em;margin-bottom:.4rem;text-transform:uppercase}.lt-skill-icon{color:#3498db;font-size:1.6rem;margin-bottom:.5rem}.lt-skill-card.done .lt-skill-icon{color:#2ecc71}.lt-skill-title{color:#1a1a1a;color:var(--text-primary);font-size:.88rem;margin:0 0 .3rem}.lt-skill-desc{color:#7a7a7a;color:var(--text-muted);font-size:.72rem;line-height:1.4;margin:0}.lt-skill-check{color:#2ecc71;font-size:1.1rem;position:absolute;right:8px;top:8px}.lt-cert-btn{align-items:center;background:linear-gradient(135deg,#f1c40f,#e67e22);border:none;border-radius:12px;color:#1a1a2e;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;padding:.9rem;transition:all .2s;width:100%}.lt-cert-btn:hover{box-shadow:0 6px 20px #f1c40f4d;transform:translateY(-1px)}.lt-skill-header{gap:.8rem;margin-bottom:1.5rem}.lt-back-btn,.lt-skill-header{align-items:center;display:flex}.lt-back-btn{background:#f5f3ef;background:var(--background-light);border:none;border-radius:50%;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;height:36px;justify-content:center;width:36px}.lt-back-btn:hover{background:#e5e5e5;background:var(--border-color)}.lt-back-btn:hover,.lt-skill-header h2{color:#1a1a1a;color:var(--text-primary)}.lt-skill-header h2{flex:1 1;font-size:1.2rem;margin:0}.lt-skill-header-info{flex:1 1}.lt-skill-badges{align-items:center;display:flex;gap:.4rem;margin-top:.2rem}.lt-badge{background:#3498db1a;border-radius:6px;color:#3498db;font-size:.7rem;font-weight:700;padding:2px 8px}.lt-skill-flag{border-radius:2px;height:16px;object-fit:cover;width:22px}.lt-loading{color:#7a7a7a;color:var(--text-muted);padding:2rem;text-align:center}.lt-card{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:14px;margin-bottom:1rem;padding:1.2rem}.lt-card h3{align-items:center;color:#1a1a1a;color:var(--text-primary);display:flex;font-size:.9rem;gap:.5rem;margin:0 0 .8rem}.lt-strategy-list{color:#4a4a4a;color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin:0;padding-left:1.2rem}.lt-strategy-list li{margin-bottom:.3rem}.lt-vocab-grid{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(2,1fr)}.lt-vocab-item{background:#3498db0f;border-radius:6px;display:flex;justify-content:space-between;padding:.4rem .6rem}.lt-vocab-word{color:#1a1a1a;color:var(--text-primary);font-size:.82rem;font-weight:600}.lt-vocab-trans{color:#7a7a7a;color:var(--text-muted);font-size:.78rem}.lt-tip-item{margin-bottom:.6rem}.lt-tip-item strong{color:#1a1a1a;color:var(--text-primary);font-size:.85rem}.lt-tip-item p{color:#7a7a7a;color:var(--text-muted);font-size:.82rem;margin:.2rem 0 0}.lt-exercise-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;padding:.8rem;transition:all .2s;width:100%}.lt-exercise-btn:hover:not(:disabled){box-shadow:0 6px 20px #3498db4d;transform:translateY(-1px)}.lt-exercise-btn:disabled{opacity:.5}.lt-exercise-card{background:#3498db0a;border:1px solid #3498db26;border-radius:16px;margin-bottom:1.2rem;padding:1.3rem}.lt-exercise-type{color:#3498db;font-size:.7rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase}.lt-exercise-text{background:#f5f3ef;background:var(--background-light);border-radius:8px;line-height:1.6;margin-bottom:.8rem;padding:.8rem}.lt-exercise-question,.lt-exercise-text{color:#1a1a1a;color:var(--text-primary);font-size:.95rem}.lt-exercise-question{margin:0 0 .8rem}.lt-audio-section{align-items:center;background:#f5f3ef;background:var(--background-light);border-radius:12px;display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem;padding:1rem}.lt-audio-icon{color:#3498db;font-size:2rem}.lt-audio-section audio{border-radius:8px;max-width:100%}.lt-transcript-toggle{align-items:center;background:none;border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:8px;color:#7a7a7a;color:var(--text-muted);cursor:pointer;display:flex;font-size:.78rem;gap:.4rem;padding:.35rem .8rem;transition:all .2s}.lt-transcript-toggle:hover{border-color:#d48a1c;border-color:var(--primary-color);color:#1a1a1a;color:var(--text-primary)}.lt-transcript-text{border-radius:6px;color:#7a7a7a;color:var(--text-muted);font-size:.85rem;font-style:italic;line-height:1.5;padding:.6rem;width:100%}.lt-dictation-toggle,.lt-transcript-text{background:#f5f3ef;background:var(--background-light)}.lt-dictation-toggle{border-radius:10px;display:flex;gap:.4rem;margin-bottom:.8rem;padding:.3rem}.lt-mode-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#7a7a7a;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;font-size:.8rem;gap:.4rem;justify-content:center;padding:.5rem .8rem;transition:all .2s}.lt-mode-btn.active{background:#3498db26;color:#3498db;font-weight:600}.lt-mode-btn:hover{color:#1a1a1a;color:var(--text-primary)}.lt-dictation-input{font-family:monospace;letter-spacing:.3px}.lt-exercise-options{display:flex;flex-direction:column;gap:.4rem}.lt-option-btn{align-items:center;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:10px;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.88rem;gap:.6rem;padding:.7rem 1rem;text-align:left;transition:all .2s;width:100%}.lt-option-btn:hover{background:#f5f3ef;background:var(--background-light)}.lt-option-btn.selected{background:#3498db14;border-color:#3498db66;color:#3498db}.lt-option-letter{align-items:center;background:#f5f3ef;background:var(--background-light);border-radius:50%;color:#7a7a7a;color:var(--text-muted);display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.lt-option-btn.selected .lt-option-letter{background:#3498db33;color:#3498db}.lt-answer-input{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:#1a1a1a;color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;padding:.8rem 1rem;resize:vertical;width:100%}.lt-answer-input:focus{border-color:#3498db66}.lt-answer-input::placeholder{color:#7a7a7a;color:var(--text-muted)}.lt-submit-btn{align-items:center;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;padding:.8rem;transition:all .2s;width:100%}.lt-submit-btn:hover:not(:disabled){transform:translateY(-1px)}.lt-submit-btn:disabled{cursor:not-allowed;opacity:.4}.lt-result-card{align-items:center;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.lt-result-card.passed{border-color:#2ecc7166}.lt-result-card.failed{border-color:#e74c3c66}.lt-result-icon{font-size:2.5rem;margin-bottom:.5rem}.lt-result-card.passed .lt-result-icon{color:#2ecc71}.lt-result-card.failed .lt-result-icon{color:#e74c3c}.lt-result-score{color:#1a1a1a;color:var(--text-primary);font-size:2rem;font-weight:800}.lt-result-comment{color:#4a4a4a;color:var(--text-secondary);font-size:.88rem;margin:.5rem 0 0}.lt-correction-text{color:#27ae60;font-size:.88rem;line-height:1.5}.lt-result-actions{display:flex;gap:.6rem}.lt-back-home-btn{align-items:center;background:#f5f3ef;background:var(--background-light);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:10px;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;gap:.4rem;justify-content:center;padding:.7rem}.lt-back-home-btn:hover{background:#e5e5e5;background:var(--border-color);color:#1a1a1a;color:var(--text-primary)}.lt-result-actions .lt-exercise-btn{flex:2 1}.cert-page{margin:0 auto;max-width:650px;padding:2rem 1rem}.cert-card{background:linear-gradient(160deg,#1a1a2e,#16213e 50%,#0f3460);border-radius:16px;box-shadow:0 12px 40px #0006;overflow:hidden}.cert-border{border:2px solid #f1c40f4d;border-radius:14px;margin:8px;padding:2rem 1.5rem}.cert-header{margin-bottom:2rem;text-align:center}.cert-logo{color:#f1c40f;font-size:2.5rem;margin-bottom:.5rem}.cert-header h1{color:#fff;font-size:1.6rem;letter-spacing:.05em;margin:0 0 .3rem}.cert-type{color:#f1c40fcc;font-size:.85rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.cert-body{margin-bottom:2rem;text-align:center}.cert-attests{color:#ffffff80;font-size:.85rem;margin:0 0 .5rem}.cert-name{border-bottom:1px solid #f1c40f33;color:#f1c40f;display:inline-block;font-size:1.5rem;margin:0 0 1.5rem;padding-bottom:.8rem}.cert-desc{color:#fff9;font-size:.85rem;line-height:1.6;margin:0 auto 1.2rem;max-width:450px}.cert-skills{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);margin:1rem auto;max-width:380px}.cert-skill{align-items:center;background:#f1c40f0f;border:1px solid #f1c40f26;border-radius:8px;color:#ffffffb3;display:flex;font-size:.8rem;gap:.4rem;justify-content:center;padding:.5rem .8rem;text-align:center}.cert-skill i{color:#f1c40f}.cert-complement{color:#ffffff80;font-size:.8rem;font-style:italic;margin:1rem 0 0}.cert-footer{align-items:flex-end;border-top:1px solid #ffffff0f;display:flex;justify-content:space-between;padding-top:1.5rem}.cert-date-label{color:#ffffff59;display:block;font-size:.65rem;text-transform:uppercase}.cert-date-value{color:#fff9;font-size:.82rem}.cert-seal{text-align:center}.cert-seal i{color:#f1c40f;display:block;font-size:2rem;margin-bottom:.2rem}.cert-seal span{color:#f1c40f99;font-size:.65rem;letter-spacing:.05em;text-transform:uppercase}.cert-download-btn{align-items:center;background:linear-gradient(135deg,#f1c40f,#e67e22);border:none;border-radius:10px;color:#1a1a2e;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;margin:1.5rem auto 0;padding:.75rem 2rem;transition:all .3s ease}.cert-download-btn:hover{box-shadow:0 4px 15px #f1c40f66;transform:translateY(-2px)}.cert-download-btn:disabled{cursor:wait;opacity:.7;transform:none}.cert-note{color:#ffffff59;font-size:.75rem;font-style:italic;line-height:1.5;text-align:center}.badges-profile,.cert-note{margin-top:1.5rem}.badges-toggle{align-items:center;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease;width:100%}.badges-toggle:hover{border-color:#d48a1c}.badges-toggle-left{align-items:center;display:flex;gap:.5rem}.badges-toggle-left .fa-medal{color:#f1c40f}.badges-count{background:#e5e5e5;background:var(--border-color);border-radius:10px;color:#7a7a7a;color:var(--text-muted);font-size:.7rem;font-weight:600;padding:2px 8px}.badges-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));padding:1rem .5rem}.badge-item{align-items:center;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:.3rem;padding:.75rem .5rem;transition:all .3s ease}.badge-item.unlocked{border-color:#f1c40f}.badge-item.unlocked .badge-icon-wrap{background:linear-gradient(135deg,#f1c40f,#e67e22);color:#1a1a2e}.badge-item.locked{opacity:.45}.badge-icon-wrap{align-items:center;background:#e5e5e5;background:var(--border-color);border-radius:50%;color:#7a7a7a;color:var(--text-muted);display:flex;font-size:.9rem;height:38px;justify-content:center;transition:all .3s ease;width:38px}.badge-label{color:#1a1a1a;color:var(--text-primary);font-size:.65rem;font-weight:600;line-height:1.2;text-align:center}.badge-progress{color:#7a7a7a;color:var(--text-muted);font-size:.6rem}@media (max-width:600px){.badges-grid{gap:.5rem;grid-template-columns:repeat(3,1fr)}}.lp-page{animation:convFadeIn .3s ease;margin:0 auto;max-width:600px;padding:2rem 1.5rem}.lp-header{gap:1rem;margin-bottom:2rem}.lp-header,.lp-header-icon{align-items:center;display:flex}.lp-header-icon{border-radius:14px;flex-shrink:0;font-size:1.3rem;height:48px;justify-content:center;width:48px}.lp-header h1{color:#1a1a1a;color:var(--text-primary);font-size:1.5rem;margin:0}.lp-subtitle{color:#7a7a7a;color:var(--text-muted);font-size:.82rem;margin:0}.lp-progress-bar{align-items:center;background:#f39c1214;border:1px solid #f39c1226;border-radius:10px;color:#c47a0c;display:flex;font-size:.82rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.lp-progress-bar,.lp-section{margin-bottom:1.5rem}.lp-label{color:#4a4a4a;color:var(--text-secondary);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.lp-lang-wrap{position:relative}.lp-lang-btn{align-items:center;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:10px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;font-size:.88rem;gap:.5rem;padding:.55rem 1rem}.lp-lang-btn img{border-radius:2px;height:16px;object-fit:cover;width:22px}.lp-lang-btn:hover{background:#f5f3ef;background:var(--background-light)}.lp-lang-dropdown{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px #0000001a;left:0;margin-top:4px;max-height:260px;overflow-y:auto;padding:4px;position:absolute;right:0;top:100%;z-index:100}.lp-lang-option{align-items:center;background:none;border:none;border-radius:6px;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.82rem;gap:.5rem;padding:.45rem .8rem;text-align:left;width:100%}.lp-lang-option:hover{background:#f5f3ef;background:var(--background-light);color:#1a1a1a;color:var(--text-primary)}.lp-lang-option.active{background:#9b59b61a;color:#9b59b6}.lp-lang-option img{border-radius:2px;height:15px;object-fit:cover;width:20px}.lp-themes{grid-gap:.45rem;display:grid;gap:.45rem;grid-template-columns:repeat(3,1fr)}.lp-theme-btn{align-items:center;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:10px;color:#7a7a7a;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:.72rem;gap:.3rem;padding:.7rem .4rem;text-align:center;transition:all .2s}.lp-theme-btn i{font-size:1.1rem}.lp-theme-btn:hover{background:#f5f3ef;background:var(--background-light);color:#1a1a1a;color:var(--text-primary)}.lp-theme-btn.active{background:#9b59b614;border-color:#9b59b666;color:#9b59b6}.lp-levels{display:flex;gap:.4rem}.lp-level-btn{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:8px;color:#7a7a7a;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:.5rem;text-align:center;transition:all .2s}.lp-level-btn:hover{background:#f5f3ef;background:var(--background-light)}.lp-level-btn.active{background:#9b59b61a;border-color:#9b59b666;color:#9b59b6}.lp-start-btn{align-items:center;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;padding:.85rem;transition:all .2s;width:100%}.lp-start-btn:hover:not(:disabled){box-shadow:0 6px 20px #9b59b64d;transform:translateY(-1px)}.lp-start-btn:disabled{cursor:not-allowed;opacity:.5}.lp-exercise-header{align-items:center;display:flex;gap:.8rem;margin-bottom:1.5rem}.lp-back-btn{align-items:center;background:#f5f3ef;background:var(--background-light);border:none;border-radius:50%;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.lp-back-btn:hover{background:#e5e5e5;background:var(--border-color);color:#1a1a1a;color:var(--text-primary)}.lp-exercise-meta{align-items:center;display:flex;gap:.4rem;margin-left:auto}.lp-badge-level{background:#9b59b61a;border-radius:6px;color:#9b59b6;font-size:.7rem;font-weight:700;padding:2px 8px}.lp-badge-theme{align-items:center;background:#f5f3ef;background:var(--background-light);border-radius:6px;color:#7a7a7a;color:var(--text-muted);display:flex;font-size:.75rem;height:28px;justify-content:center;width:28px}.lp-flag{border-radius:2px;height:16px;object-fit:cover;width:22px}.lp-prompt-card{background:#9b59b60a;border:1px solid #9b59b626;border-radius:16px;margin-bottom:1.5rem;padding:1.3rem}.lp-prompt-label{color:#9b59b6;font-size:.7rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.lp-prompt-text{color:#1a1a1a;color:var(--text-primary);font-size:1rem;line-height:1.6;margin:0 0 .8rem}.lp-prompt-hint{color:#7a7a7a;color:var(--text-muted);font-size:.82rem;margin:0 0 .6rem}.lp-prompt-hint i{color:#3498db;margin-right:.3rem}.lp-vocab{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.lp-vocab-label{color:#7a7a7a;color:var(--text-muted);font-size:.75rem;margin-bottom:.2rem;width:100%}.lp-vocab-chip{background:#9b59b614;border:1px solid #9b59b633;border-radius:20px;color:#8e44ad;font-size:.78rem;padding:3px 10px}.lp-record-area{flex-direction:column;gap:.5rem;margin-bottom:1rem}.lp-record-area,.lp-record-btn{align-items:center;display:flex}.lp-record-btn{background:#9b59b61a;border:none;border-radius:50%;color:#9b59b6;cursor:pointer;font-size:1.5rem;height:64px;justify-content:center;transition:all .2s;width:64px}.lp-record-btn:hover{background:#9b59b633;transform:scale(1.05)}.lp-record-btn.active{animation:convPulse 1s ease-in-out infinite;background:#e74c3c26;color:#e74c3c}.lp-record-label{color:#7a7a7a;color:var(--text-muted);font-size:.78rem}.lp-response-area{margin-bottom:1rem}.lp-response-input{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:#1a1a1a;color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;padding:.8rem 1rem;resize:vertical;width:100%}.lp-response-input:focus{border-color:#9b59b666}.lp-response-input::placeholder{color:#7a7a7a;color:var(--text-muted)}.lp-submit-btn{align-items:center;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.4rem;justify-content:center;margin-top:.6rem;padding:.75rem;transition:all .2s;width:100%}.lp-submit-btn:hover:not(:disabled){transform:translateY(-1px)}.lp-submit-btn:disabled{cursor:not-allowed;opacity:.4}.lp-score-card{align-items:center;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:16px;display:flex;gap:1.2rem;margin-bottom:1.5rem;padding:1.2rem}.lp-score-circle{align-items:center;border:3px solid;border-radius:50%;display:flex;flex-direction:column;flex-shrink:0;height:70px;justify-content:center;width:70px}.lp-score-num{color:#1a1a1a;color:var(--text-primary);font-size:1.5rem;font-weight:800;line-height:1}.lp-score-label{color:#7a7a7a;color:var(--text-muted);font-size:.6rem}.lp-score-text{color:#4a4a4a;color:var(--text-secondary);font-size:.88rem;line-height:1.5}.lp-feedback-section{background:#f5f3ef;background:var(--background-light);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;margin-bottom:1rem;padding:1rem}.lp-feedback-section h3{align-items:center;color:#1a1a1a;color:var(--text-primary);display:flex;font-size:.88rem;gap:.5rem;margin:0 0 .6rem}.lp-user-text{color:#4a4a4a;color:var(--text-secondary);font-style:italic}.lp-corrected-text,.lp-user-text{font-size:.88rem;line-height:1.5;margin:0}.lp-corrected-text{color:#27ae60}.lp-corrections-list{display:flex;flex-direction:column;gap:.6rem}.lp-correction-item{align-items:center;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.4rem}.lp-correction-wrong{color:#e74c3c;text-decoration:line-through}.lp-correction-right{color:#2ecc71;font-weight:600}.lp-correction-item i{color:#7a7a7a;color:var(--text-muted);font-size:.7rem}.lp-correction-why{color:#7a7a7a;color:var(--text-muted);font-size:.78rem;margin:0;width:100%}.lp-tips-list{color:#4a4a4a;color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin:0;padding-left:1.2rem}.lp-tips-list li{margin-bottom:.3rem}.lp-feedback-actions{display:flex;gap:.6rem;margin-top:1.2rem}.lp-back-setup-btn{align-items:center;background:#f5f3ef;background:var(--background-light);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:10px;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;gap:.4rem;justify-content:center;padding:.7rem}.lp-back-setup-btn:hover{background:#e5e5e5;background:var(--border-color);color:#1a1a1a;color:var(--text-primary)}.lp-feedback-actions .lp-start-btn{flex:2 1}@media (max-width:500px){.lp-themes{grid-template-columns:repeat(2,1fr)}}.guided-exercise-container{display:flex;flex-direction:column;gap:.8rem}.guided-prompt-card{background:#9b59b60d;border:1px solid #9b59b626;border-radius:14px;padding:1rem 1.1rem}.guided-prompt-label{align-items:center;color:#9b59b6;display:flex;font-size:.72rem;font-weight:700;gap:.4rem;letter-spacing:.06em;margin-bottom:.6rem;text-transform:uppercase}.guided-prompt-text{color:#1a1a1a;color:var(--text-primary);font-size:.95rem;line-height:1.65;margin:0 0 .5rem}.guided-hint{align-items:flex-start;background:#3498db0d;border-radius:8px;color:#7a7a7a;color:var(--text-muted);display:flex;font-size:.82rem;gap:.35rem;margin:0;padding:.5rem .7rem}.guided-hint i{color:#3498db;flex-shrink:0;margin-top:2px}.guided-aid-card{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.guided-aid-header{font-size:.78rem;gap:.4rem}.guided-aid-header,.guided-aid-toggle{align-items:center;color:#4a4a4a;color:var(--text-secondary);display:flex;font-weight:600;padding:.7rem 1rem}.guided-aid-toggle{background:#0000;border:none;cursor:pointer;font-size:.82rem;justify-content:space-between;transition:background .2s;width:100%}.guided-aid-toggle:hover{background:#f5f3ef;background:var(--background-light);color:#1a1a1a;color:var(--text-primary)}.guided-aid-toggle span{align-items:center;display:flex;gap:.4rem}.guided-vocab-grid{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 1rem .8rem}.guided-vocab-chip{background:#9b59b614;border:1px solid #9b59b626;border-radius:8px;display:flex;flex-direction:column;gap:.1rem;padding:.35rem .65rem}.guided-vocab-word{color:#8e44ad;font-size:.82rem;font-weight:600}.guided-vocab-trans{color:#7a7a7a;color:var(--text-muted);font-size:.7rem}.guided-phrases-list{list-style:none;margin:0;padding:0 1rem .8rem}.guided-phrase-item{align-items:flex-start;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);color:#4a4a4a;color:var(--text-secondary);display:flex;font-size:.83rem;gap:.4rem;line-height:1.5;padding:.35rem 0}.guided-phrase-item:last-child{border-bottom:none}.guided-phrase-item i{color:#3498db;flex-shrink:0;font-size:.65rem;margin-top:3px}.guided-models-list{display:flex;flex-direction:column;gap:.5rem;padding:0 .8rem .8rem}.guided-model-card{background:#2ecc710d;border:1px solid #2ecc7126;border-radius:10px;padding:.7rem .9rem}.guided-model-badge{align-items:center;color:#2ecc71;display:flex;font-size:.68rem;font-weight:700;gap:.3rem;letter-spacing:.04em;margin-bottom:.4rem;text-transform:uppercase}.guided-model-text{color:#1a1a1a;color:var(--text-primary);font-size:.88rem;font-style:italic;line-height:1.6;margin:0 0 .3rem}.guided-model-translation{color:#7a7a7a;color:var(--text-muted);font-size:.78rem;line-height:1.5;margin:0}.guided-response-area{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;padding:.8rem}.guided-response-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.6rem}.guided-response-header>span{align-items:center;color:#4a4a4a;color:var(--text-secondary);display:flex;font-size:.82rem;font-weight:600;gap:.4rem}.guided-mic-btn{align-items:center;background:#e74c3c14;border:1px solid #e74c3c33;border-radius:20px;color:#e74c3c;cursor:pointer;display:flex;font-size:.78rem;gap:.35rem;padding:.4rem .75rem;transition:all .2s}.guided-mic-btn:hover{background:#e74c3c26}.guided-mic-btn.recording{animation:convPulse 1s ease-in-out infinite;background:#e74c3c33}.guided-recording-indicator{align-items:center;background:#e74c3c0f;border-radius:8px;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.4rem .7rem}.guided-recording-indicator span{color:#e74c3c;font-size:.78rem;font-weight:500}.guided-pulse{animation:convPulse 1s ease-in-out infinite;background:#e74c3c;border-radius:50%;height:10px;width:10px}.guided-response-input{background:#f5f3ef;background:var(--background-light);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:#1a1a1a;color:var(--text-primary);font-family:inherit;font-size:.88rem;margin-bottom:.6rem;min-height:80px;padding:.7rem;resize:vertical;transition:border-color .2s;width:100%}.guided-response-input:focus{border-color:#9b59b666;outline:none}.guided-response-input::placeholder{color:#7a7a7a;color:var(--text-muted)}.support-page{margin:0 auto;max-width:800px;padding:2rem 1.5rem}.faq-header{margin-bottom:2.5rem;text-align:center}.faq-header i{color:#e74c3c;display:block;font-size:2.5rem;margin-bottom:1rem}.faq-header h1{color:#1a1a1a;color:var(--text-primary);font-size:1.8rem;margin-bottom:.5rem}.faq-header p{color:#7a7a7a;color:var(--text-muted)}.faq-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:3rem}.faq-item{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:border-color .2s}.faq-item.expanded{border-color:#e74c3c4d}.faq-question{align-items:center;background:none;border:none;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;justify-content:space-between;padding:1rem 1.2rem;text-align:left;transition:background .2s;width:100%}.faq-question:hover{background:#f5f3ef;background:var(--background-light)}.faq-question i{color:#7a7a7a;color:var(--text-muted);flex-shrink:0;margin-left:1rem}.faq-answer{animation:avatar-fadeIn .2s ease;padding:0 1.2rem 1rem}.faq-answer p{color:#4a4a4a;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.support-contact{margin-bottom:2rem;text-align:center}.support-contact h2{color:#1a1a1a;color:var(--text-primary);font-size:1.3rem;margin-bottom:1.5rem}.support-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.support-option{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:border-color .2s,transform .2s}.support-option:hover{border-color:#e74c3c4d;transform:translateY(-2px)}.support-option i{color:#e74c3c;display:block;font-size:1.8rem;margin-bottom:.8rem}.support-option h3{color:#1a1a1a;color:var(--text-primary);margin-bottom:.3rem}.support-option a,.support-option p{color:#7a7a7a;color:var(--text-muted);font-size:.85rem;text-decoration:none}.support-chat-fab{align-items:center;animation:avatar-fadeIn .3s ease;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:50%;bottom:24px;box-shadow:0 6px 20px #e74c3c66;color:#fff;cursor:pointer;display:flex;font-size:1.4rem;height:56px;justify-content:center;position:fixed;right:24px;transition:transform .2s,box-shadow .2s;width:56px;z-index:1000}.support-chat-fab:hover{box-shadow:0 8px 30px #e74c3c80;transform:scale(1.1)}.support-chat-widget{animation:avatar-fadeIn .3s ease;background:#1a1a2e;border:1px solid #ffffff1a;border-radius:16px;bottom:24px;box-shadow:0 15px 50px #00000080;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:fixed;right:24px;width:380px;z-index:1000}.support-chat-header{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);display:flex;justify-content:space-between;padding:.8rem 1rem}.support-chat-title{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.support-chat-close{background:none;border:none;color:#fffc;cursor:pointer;font-size:1.1rem;padding:4px}.support-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:.7rem;max-height:350px;overflow-y:auto;padding:1rem}.support-msg{animation:avatar-fadeIn .2s ease;display:flex;gap:.5rem;max-width:85%}.support-msg.assistant{align-self:flex-start}.support-msg.user{align-self:flex-end;flex-direction:row-reverse}.support-msg-icon{align-items:center;background:#e74c3c33;border-radius:50%;color:#e74c3c;display:flex;flex-shrink:0;font-size:.7rem;height:28px;justify-content:center;width:28px}.support-msg-bubble{border-radius:12px;font-size:.85rem;line-height:1.5;padding:.6rem .9rem}.support-msg.assistant .support-msg-bubble{background:#ffffff0f;color:#fffc}.support-msg.user .support-msg-bubble{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.support-msg-bubble.typing{display:flex;gap:3px;padding:.8rem 1rem}.support-msg-bubble.typing span{animation:avatar-typing 1.2s ease-in-out infinite;background:#ffffff4d;border-radius:50%;height:6px;width:6px}.support-msg-bubble.typing span:nth-child(2){animation-delay:.2s}.support-msg-bubble.typing span:nth-child(3){animation-delay:.4s}.support-chat-input{border-top:1px solid #ffffff0f;display:flex;gap:.4rem;padding:.7rem}.support-chat-input input{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-size:.85rem;outline:none;padding:.5rem .8rem}.support-chat-input input::placeholder{color:#ffffff4d}.support-chat-input button{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.support-chat-input button:disabled{cursor:not-allowed;opacity:.3}@media (max-width:768px){.avatar-header{padding:.8rem 1rem}.avatar-chat-messages{padding:1rem}.avatar-info h2{font-size:.95rem}.support-chat-widget{bottom:16px;right:16px;width:calc(100vw - 32px)}.support-options{grid-template-columns:1fr}}.eb-tabs{-webkit-overflow-scrolling:touch;background:#f5f3ef;background:var(--background-light);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding:.25rem;scroll-snap-type:x mandatory;scrollbar-width:none}.eb-tabs::-webkit-scrollbar{display:none}.eb-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#7a7a7a;color:var(--text-muted);cursor:pointer;display:flex;flex:0 0 auto;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.7rem 1rem;scroll-snap-align:start;transition:all .2s ease;white-space:nowrap}.eb-tab:hover{background:#fff;background:var(--background-card);color:#1a1a1a;color:var(--text-primary)}.eb-tab.active{background:#d48a1c;background:var(--primary-color);border:none;color:#fff}.eb-tab i{font-size:1rem}.idioms-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.idiom-card{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;padding:1.2rem;transition:border-color .2s}.idiom-card:hover{border-color:#d48a1c;border-color:var(--primary-color)}.idiom-badge{background:#f5f3ef;background:var(--background-light);border-radius:6px;color:#7a7a7a;color:var(--text-muted);display:inline-block;font-size:.75rem;letter-spacing:.5px;margin-bottom:.5rem;padding:.15rem .5rem;text-transform:uppercase}.idiom-expression{align-items:center;display:flex;gap:.5rem;margin-bottom:.6rem}.idiom-expression span{color:#d48a1c;color:var(--primary-color);font-size:1.15rem;font-weight:600}.idiom-expression .audio-btn{flex-shrink:0}.idiom-literal{color:#7a7a7a;color:var(--text-muted);font-size:.85rem;font-style:italic;margin-bottom:.4rem}.idiom-literal i{font-size:.75rem;margin-right:.3rem}.idiom-meaning{color:#1a1a1a;color:var(--text-primary);font-size:.95rem;margin-bottom:.5rem}.idiom-meaning i{color:#f39c12;margin-right:.4rem}.idiom-example{background:#f5f3ef;background:var(--background-light);border-left:3px solid #d48a1c;border-left:3px solid var(--primary-color);border-radius:8px;color:#4a4a4a;color:var(--text-secondary);font-size:.88rem;padding:.5rem .8rem}.idiom-example i{color:#d48a1c;color:var(--primary-color);font-size:.75rem;margin-right:.3rem}.quiz-section{margin:0 auto;max-width:700px}.quiz-score{border-radius:12px;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding:1rem;text-align:center}.quiz-score.excellent{background:#2ecc7126;color:#2ecc71}.quiz-score.good{background:#f1c40f26;color:#c47a0c}.quiz-score.improve{background:#e74c3c26;color:#e74c3c}.quiz-score i{margin-right:.5rem}.quiz-questions{display:flex;flex-direction:column;gap:1.2rem}.quiz-question{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;padding:1.2rem;transition:border-color .3s}.quiz-question.correct{border-color:#2ecc7199}.quiz-question.wrong{border-color:#e74c3c99}.quiz-q-num{color:#3498db;font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:.4rem;text-transform:uppercase}.quiz-expression{background:#d48a1c14;border-radius:6px;color:#d48a1c;color:var(--primary-color);display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.3rem .6rem}.quiz-q-text{color:#1a1a1a;color:var(--text-primary);font-size:.95rem;margin-bottom:.8rem}.quiz-options{display:flex;flex-direction:column;gap:.5rem}.quiz-option{align-items:center;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:8px;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.6rem;padding:.65rem .9rem;text-align:left;transition:all .2s}.quiz-option:hover:not(:disabled){background:#d48a1c0d;border-color:#d48a1c;border-color:var(--primary-color)}.quiz-option.selected{background:#d48a1c1a;border-color:#d48a1c;border-color:var(--primary-color);color:#1a1a1a;color:var(--text-primary)}.quiz-option.correct-answer{background:#2ecc711a;border-color:#2ecc7199;color:#27ae60}.quiz-option.wrong-answer{background:#e74c3c1a;border-color:#e74c3c99;color:#e74c3c}.quiz-opt-letter{align-items:center;background:#f5f3ef;background:var(--background-light);border-radius:50%;color:#7a7a7a;color:var(--text-muted);display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.quiz-option.selected .quiz-opt-letter{background:#d48a1c;background:var(--primary-color);color:#fff}.quiz-explanation{background:#d48a1c0f;border-radius:8px;color:#4a4a4a;color:var(--text-secondary);font-size:.85rem;margin-top:.6rem;padding:.5rem .8rem}.quiz-explanation i{color:#f39c12;margin-right:.3rem}.quiz-submit-btn{background:linear-gradient(135deg,#d48a1c,#c47a0c);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1.2rem;padding:.8rem;transition:opacity .2s;width:100%}.quiz-submit-btn:disabled{cursor:not-allowed;opacity:.4}.quiz-submit-btn:hover:not(:disabled){opacity:.85}.quiz-submit-btn i{margin-right:.4rem}@media (min-width:768px){.idioms-grid{grid-template-columns:repeat(2,1fr)}}.about-page{animation:convFadeIn .4s ease}.about-container{margin:0 auto;max-width:760px;padding:2.5rem 1.5rem 4rem}.about-title{color:#1a1a1a;color:var(--text-primary);font-size:2rem;font-weight:800;margin:0 0 2rem;text-align:left}.about-intro{align-items:flex-start;display:flex;gap:2rem;margin-bottom:2rem}.about-photo{border:3px solid #d48a1c;border:3px solid var(--primary-color);border-radius:50%;box-shadow:0 6px 24px #d48a1c1f;flex-shrink:0;height:160px;object-fit:cover;width:160px}.about-welcome p{color:#4a4a4a;color:var(--text-secondary);font-size:.95rem;line-height:1.75;margin:0 0 .8rem}.about-welcome strong{color:#1a1a1a;color:var(--text-primary);font-size:1.05rem}.about-story p{color:#4a4a4a;color:var(--text-secondary);font-size:.95rem;line-height:1.75;margin:0 0 1rem}.about-highlight{background:#d48a1c0f;border-left:3px solid #d48a1c;border-left:3px solid var(--primary-color);border-radius:0 12px 12px 0;font-size:.95rem;font-style:italic;line-height:1.7;margin:1.8rem 0;padding:1.2rem 1.5rem}.about-closing,.about-highlight{color:#1a1a1a;color:var(--text-primary)}.about-closing{font-size:1.05rem;font-weight:700;margin-top:1.5rem}.about-method-preview{align-items:center;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:14px;display:flex;gap:1.5rem;margin:2rem 0;padding:1.2rem}.about-method-img{border-radius:10px;flex-shrink:0;width:100px}.about-link{align-items:center;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:10px;color:#1a1a1a;color:var(--text-primary);display:inline-flex;font-size:.88rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .2s}.about-link:hover{border-color:#d48a1c;border-color:var(--primary-color);transform:translateY(-1px)}.about-link i{font-size:1.1rem}.about-link .fa-file-pdf,.about-link .fa-youtube{color:#e74c3c}.about-links{margin-top:1rem}@media (max-width:640px){.about-intro{align-items:center;flex-direction:column;text-align:center}.about-photo{height:130px;width:130px}.about-container{padding:1.5rem 1rem 3rem}.about-title{font-size:1.6rem}.about-method-preview{flex-direction:column;text-align:center}}.songs-intro-video{margin:0 auto 2.5rem;max-width:720px;text-align:center}.songs-intro-title{color:#1a1a1a;color:var(--text-primary);font-size:1.2rem;font-weight:700;line-height:1.4;margin:0 0 1rem}.songs-intro-player{background:#000;border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:14px;box-shadow:0 6px 28px #0000001a;overflow:hidden;position:relative}.songs-intro-player video{display:block;max-height:420px;object-fit:contain;width:100%}.dyk-translated-sub{bottom:26px;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;z-index:3}.dyk-translated-sub span{background:#000000e6;border-radius:3px;color:#fff;display:inline-block;font-size:.85rem;line-height:1.4;max-width:92%;padding:4px 14px;text-align:center}.mcq-progress-bar{background:#eef0f2;background:var(--bg-tertiary,#e0e0e0);border-radius:3px;height:6px;margin-bottom:1rem;overflow:hidden}.mcq-progress-fill{background:linear-gradient(90deg,#d48a1c,#e6a040);border-radius:3px;height:100%;transition:width .4s ease}.mcq-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.mcq-counter{color:#4a4a4a;color:var(--text-secondary,#666);font-size:.95rem;font-weight:600}.mcq-score-badge{background:#d48a1c26;border-radius:20px;color:#d48a1c;font-size:.9rem;font-weight:700;padding:4px 12px}.mcq-score-badge i{margin-right:4px}.mcq-streak-badge{animation:streakPulse .6s ease;border-radius:20px;color:#fff;font-size:.85rem;font-weight:700;padding:4px 14px}@keyframes streakPulse{0%{opacity:0;transform:scale(.7)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.mcq-question-card{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:2px solid #e5e5e5;border:2px solid var(--border-color,#e0e0e0);border-radius:16px;margin-bottom:1.25rem;padding:1.5rem;position:relative}.mcq-word-display{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.mcq-word-text{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1.4rem;font-weight:700}.mcq-audio-btn{align-items:center;background:#d48a1c;background:var(--primary-color,#d48a1c);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:42px;justify-content:center;transition:all .2s;width:42px}.mcq-audio-btn:hover{box-shadow:0 3px 10px #d48a1c59;transform:scale(1.1)}.mcq-audio-btn:disabled{cursor:default;opacity:.5;transform:none}.mcq-context{align-items:flex-start;background:#d48a1c14;border-radius:10px;color:#4a4a4a;color:var(--text-secondary,#555);display:flex;font-size:.9rem;font-style:italic;gap:.5rem;margin-top:.5rem;padding:.6rem .8rem}.mcq-context i{color:#d48a1c;margin-top:2px}.mcq-difficulty{border-radius:12px;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:2px 10px;position:absolute;right:14px;text-transform:uppercase;top:12px}.mcq-difficulty.easy{background:#d4edda;color:#155724}.mcq-difficulty.medium{background:#fff3cd;color:#856404}.mcq-difficulty.hard{background:#f8d7da;color:#721c24}.mcq-options{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.mcq-option{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:2px solid #e5e5e5;border:2px solid var(--border-color,#ddd);border-radius:12px;color:#1a1a1a;color:var(--text-primary,#333);cursor:pointer;display:flex;font-size:1rem;gap:.75rem;padding:1rem 1.1rem;position:relative;text-align:left;transition:all .2s}.mcq-option:hover:not(:disabled){background:#d48a1c0a;border-color:#d48a1c}.mcq-option.selected{background:#d48a1c1a;border-color:#d48a1c;box-shadow:0 0 0 1px #d48a1c}.mcq-option.correct{background:#27ae601a;border-color:#27ae60}.mcq-option.incorrect{background:#e74c3c1a;border-color:#e74c3c}.mcq-option.disabled{opacity:.5}.mcq-option-letter{align-items:center;background:#eef0f2;background:var(--bg-tertiary,#eee);border-radius:50%;color:#4a4a4a;color:var(--text-secondary,#555);display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:30px;justify-content:center;width:30px}.mcq-option.selected .mcq-option-letter{background:#d48a1c;color:#fff}.mcq-option.correct .mcq-option-letter{background:#27ae60;color:#fff}.mcq-option.incorrect .mcq-option-letter{background:#e74c3c;color:#fff}.mcq-option-text{flex:1 1}.mcq-option-icon{font-size:1.1rem;margin-left:auto}.mcq-option.correct .mcq-option-icon{color:#27ae60}.mcq-option.incorrect .mcq-option-icon{color:#e74c3c}.mcq-confirm-btn{align-items:center;background:linear-gradient(135deg,#d48a1c,#e6a040);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.9rem;transition:all .2s;width:100%}.mcq-confirm-btn:hover{box-shadow:0 4px 12px #d48a1c59;transform:translateY(-1px)}.mcq-feedback{animation:feedbackSlide .35s ease;border-radius:14px;margin-bottom:1rem;padding:1rem 1.2rem}@keyframes feedbackSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mcq-feedback.correct{background:#27ae6014;border:1px solid #27ae604d}.mcq-feedback.incorrect{background:#e74c3c14;border:1px solid #e74c3c4d}.mcq-feedback-header{align-items:center;display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin-bottom:.5rem}.mcq-feedback.correct .mcq-feedback-header{color:#27ae60}.mcq-feedback.incorrect .mcq-feedback-header{color:#e74c3c}.mcq-feedback-text{color:#1a1a1a;color:var(--text-primary,#333);font-size:.95rem;line-height:1.55}.mcq-nav{display:flex;gap:.75rem;justify-content:space-between}.mcq-nav .nav-exercise-btn.primary{background:linear-gradient(135deg,#d48a1c,#e6a040);border-color:#0000;color:#fff}.mcq-nav .nav-exercise-btn.primary:hover{box-shadow:0 3px 10px #d48a1c4d}.mcq-results-card{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:2px solid #e5e5e5;border:2px solid var(--border-color,#e0e0e0);border-radius:20px;margin:0 auto;max-width:440px;padding:2.5rem 2rem;text-align:center}.mcq-results-icon{align-items:center;background:linear-gradient(135deg,#d48a1c,#e6a040);border-radius:50%;color:#fff;display:flex;font-size:1.8rem;height:72px;justify-content:center;margin:0 auto 1rem;width:72px}.mcq-results-score{color:#1a1a1a;color:var(--text-primary);font-size:2.5rem;font-weight:800}.mcq-results-pct{color:#d48a1c;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.mcq-results-streak{align-items:center;background:#e67e221f;border-radius:20px;color:#e67e22;display:inline-flex;font-size:.9rem;font-weight:700;gap:.4rem;margin-bottom:.75rem;padding:6px 16px}.mcq-results-msg{color:#4a4a4a;color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem}.song-mcq{padding:.5rem 0}.song-mcq-intro{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:2px dashed #d48a1c66;border-radius:16px;padding:2.5rem 1.5rem;text-align:center}.song-mcq-intro i{color:#d48a1c;display:block;font-size:2.2rem;margin-bottom:.75rem}.song-mcq-intro h3{font-size:1.3rem;margin-bottom:.5rem}.song-mcq-intro p{color:#4a4a4a;color:var(--text-secondary);margin-bottom:1.25rem;margin-left:auto;margin-right:auto;max-width:400px}.tips-mcq-page{margin:0 auto;max-width:700px;padding:1rem 0}.tips-mcq-setup{position:relative}.tips-mcq-setup h1{align-items:center;display:flex;font-size:1.6rem;gap:.5rem;margin-bottom:.25rem}.tips-mcq-setup h1 i{color:#e67e22}.tips-mcq-subtitle{color:#4a4a4a;color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.tips-mcq-config{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.tips-mcq-field{flex:1 1;min-width:200px}.tips-mcq-field label{color:#4a4a4a;color:var(--text-secondary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.tips-mcq-levels{display:flex;flex-wrap:wrap;gap:.4rem}.tips-mcq-level-btn{background:#0000;border:2px solid #e5e5e5;border:2px solid var(--border-color,#ddd);border-radius:20px;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 16px;transition:all .2s}.tips-mcq-level-btn.active{background:#d48a1c1f;border-color:#d48a1c;color:#d48a1c}.tips-mcq-categories{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.tips-mcq-cat-card{background:#f8f9fa;background:var(--bg-secondary,#fff);border:2px solid #e5e5e5;border:2px solid var(--border-color,#e0e0e0);border-radius:16px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .25s}.tips-mcq-cat-card:hover{border-color:var(--cat-from);box-shadow:0 6px 20px #00000014;transform:translateY(-3px)}.tips-mcq-cat-card:disabled{cursor:default;opacity:.5;transform:none}.tips-mcq-cat-icon{align-items:center;background:linear-gradient(135deg,var(--cat-from),var(--cat-to));border-radius:14px;color:#fff;display:flex;font-size:1.4rem;height:56px;justify-content:center;margin:0 auto .75rem;width:56px}.tips-mcq-cat-card h3{color:#1a1a1a;color:var(--text-primary);font-size:1.05rem;margin-bottom:.3rem}.tips-mcq-cat-card p{color:#4a4a4a;color:var(--text-secondary);font-size:.85rem}.tips-mcq-back-small{align-items:center;background:#0000;border:2px solid #e5e5e5;border:2px solid var(--border-color,#ddd);border-radius:50%;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.tips-mcq-back-small:hover{border-color:#d48a1c;color:#d48a1c}.tips-mcq-cat-badge{align-items:center;border-radius:14px;color:#fff;display:flex;font-size:.8rem;font-weight:600;gap:4px;padding:4px 12px}.tips-exam-tip{align-items:flex-start;background:#e67e2214;border-radius:10px;color:#1a1a1a;color:var(--text-primary);display:flex;font-size:.9rem;gap:.5rem;margin-top:.75rem;padding:.7rem 1rem}.tips-exam-tip i{color:#e67e22;flex-shrink:0;margin-top:3px}.tips-mcq-result-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.tips-mcq-result-actions .generate-btn.secondary{background:#eef0f2;background:var(--bg-tertiary,#eee);color:#1a1a1a;color:var(--text-primary)}[data-theme=dark] .mcq-option,[data-theme=dark] .mcq-question-card,[data-theme=dark] .mcq-results-card{background:#f8f9fa;background:var(--bg-secondary);border-color:#e5e5e5;border-color:var(--border-color)}[data-theme=dark] .song-mcq-intro{background:#f8f9fa;background:var(--bg-secondary);border-color:#d48a1c4d}[data-theme=dark] .tips-mcq-cat-card{background:#f8f9fa;background:var(--bg-secondary);border-color:#e5e5e5;border-color:var(--border-color)}@media (max-width:600px){.mcq-word-text{font-size:1.15rem}.mcq-option{font-size:.9rem;padding:.8rem}.mcq-results-score{font-size:2rem}.tips-mcq-categories{grid-template-columns:1fr}}.ia-landing{margin:0 auto;max-width:900px;padding:1rem}.ia-header{margin-bottom:1.5rem;text-align:center}.ia-header h1{color:#8e44ad;font-size:2rem;font-weight:800;margin:.5rem 0 .25rem}.module-logo{display:block;height:64px;margin:0 auto;width:64px}.ia-subtitle{color:#7a7a7a;color:var(--text-muted);font-size:1rem}.ia-disclaimer{align-items:flex-start;background:#fff;background:var(--background-card);border-left:4px solid #8e44ad;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.ia-disclaimer i{color:#8e44ad;flex-shrink:0;margin-top:.2rem}.ia-disclaimer p{color:#4a4a4a;color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin:0}.ia-lang-section{margin-bottom:1.5rem}.ia-label{color:#1a1a1a;color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.ia-levels{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.ia-level-btn{align-items:center;background:#fff;background:var(--background-card);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:50px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s}.ia-level-btn.active{border-color:var(--level-color)}.ia-level-btn.active,.ia-level-num{background:var(--level-color);color:#fff}.ia-level-num{align-items:center;border-radius:50%;display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;width:24px}.ia-level-btn.active .ia-level-num{background:#ffffff4d}.ia-level-description{color:#7a7a7a;color:var(--text-muted);font-size:.85rem;margin-bottom:1.5rem;padding:0 1rem;text-align:center}.ia-exercises{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.ia-exercise-card{align-items:center;background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;position:relative;transition:all .2s}.ia-exercise-card:hover{box-shadow:0 2px 8px #00000014;transform:translateX(4px)}.ia-exercise-card.locked{cursor:not-allowed;opacity:.6}.ia-ex-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;height:44px;justify-content:center;width:44px}.ia-ex-info h3{color:#1a1a1a;color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 .15rem}.ia-ex-info p{margin:0}.ia-ex-arrow,.ia-ex-info p{color:#7a7a7a;color:var(--text-muted);font-size:.8rem}.ia-ex-arrow{margin-left:auto}.ia-benefits{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:16px;padding:1.5rem}.ia-benefits h3{color:#1a1a1a;color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0 0 1rem}.ia-benefits-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.ia-benefit{align-items:center;display:flex;gap:.75rem}.ia-benefit i{color:#8e44ad;font-size:1.1rem}.ia-benefit span{color:#4a4a4a;color:var(--text-secondary);font-size:.85rem}.ia-exercise-page{margin:0 auto;max-width:800px;padding:1rem}.ia-ex-header{margin-bottom:1.5rem}.ia-ex-title-row{align-items:center;display:flex;gap:.75rem;margin-top:.5rem}.ia-ex-title-row h2{font-size:1.3rem;font-weight:700;margin:0}.ia-ex-level-badge{background:#8e44ad;border-radius:50px;color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .75rem}.ia-setup{text-align:center}.ia-domain-section{margin-bottom:1.5rem}.ia-domain-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}.ia-domain-btn{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:50px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s}.ia-domain-btn.active{background:#8e44ad;border-color:#8e44ad;color:#fff}.ia-start-btn{align-items:center;background:#8e44ad;border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.8rem 2rem;transition:all .2s}.ia-start-btn:hover{background:#7d3c98;transform:translateY(-1px)}.ia-loading{padding:2rem;text-align:center}.ia-instruction{background:#f3e8ff;border-radius:12px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem 1.25rem}.ia-instruction i{color:#8e44ad;margin-top:.2rem}.ia-instruction p{font-size:.9rem;line-height:1.5;margin:0}[data-theme=dark] .ia-instruction{background:#3d2a5c}.ia-source-text{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;margin-bottom:1rem;padding:1.25rem}.ia-source-text h3{color:#7a7a7a;color:var(--text-muted);font-size:.85rem;font-weight:600;margin:0 0 .5rem}.ia-source-text p{color:#1a1a1a;color:var(--text-primary);font-size:1.05rem;line-height:1.6;margin:0}.ia-audio-section{margin-bottom:1.5rem}.ia-audio-section audio{width:100%}.ia-response-section h3{font-size:.95rem;font-weight:600;margin:0 0 .75rem}.ia-response-options{display:flex;flex-direction:column;gap:.75rem}.ia-option-btn{align-items:center;background:#8e44ad;border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;gap:.5rem;justify-content:center;padding:.75rem 1.5rem}.ia-option-btn.recording{animation:pulse 1.5s infinite;background:#e74c3c}.ia-or-divider{color:#7a7a7a;color:var(--text-muted);font-size:.85rem;text-align:center}.ia-text-input{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:#1a1a1a;color:var(--text-primary);font-size:.95rem;padding:.75rem;resize:vertical;width:100%}.ia-submit-text-btn{align-self:center;background:#27ae60;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:.9rem;padding:.6rem 1.5rem}.ia-submit-text-btn:disabled{cursor:not-allowed;opacity:.5}.ia-result{text-align:center}.ia-score-card{margin-bottom:1.5rem}.ia-score-circle{align-items:center;border:4px solid var(--score-color);border-radius:50%;display:inline-flex;flex-direction:column;height:100px;justify-content:center;width:100px}.ia-score-value{color:var(--score-color);font-size:2rem;font-weight:800}.ia-score-label{color:#7a7a7a;color:var(--text-muted);font-size:.8rem}.ia-expected,.ia-feedback,.ia-tips,.ia-your-answer{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;margin-bottom:.75rem;padding:1rem;text-align:left}.ia-expected h3,.ia-feedback h3,.ia-tips h3,.ia-your-answer h3{color:#7a7a7a;color:var(--text-muted);font-size:.85rem;font-weight:600;margin:0 0 .5rem}.ia-tips ul{margin:0;padding-left:1.25rem}.ia-tips li{color:#4a4a4a;color:var(--text-secondary);font-size:.9rem;margin-bottom:.3rem}.ia-result-actions{margin-top:1.5rem}.method-blocks.four-cols{grid-template-columns:repeat(4,1fr)}.premium-tag{background:linear-gradient(135deg,#8e44ad,#9b59b6);border-radius:50px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:.2rem .6rem;position:absolute;right:.75rem;text-transform:uppercase;top:.75rem}@media (max-width:900px){.method-blocks.four-cols{grid-template-columns:repeat(2,1fr)}.ia-benefits-grid{grid-template-columns:1fr}}@media (max-width:500px){.method-blocks.four-cols{grid-template-columns:1fr}.ia-levels{align-items:stretch;flex-direction:column}}.jobality-page{margin:0 auto;max-width:900px;padding:1rem}.jobality-header{margin-bottom:1.5rem;text-align:center}.jobality-header h1{color:#3498db;font-size:2rem;font-weight:800;margin:.5rem 0 .25rem}.jobality-tagline{color:#7a7a7a;color:var(--text-muted);font-size:.85rem;font-style:italic;margin-bottom:.25rem}.jobality-subtitle{color:#4a4a4a;color:var(--text-secondary);font-size:.95rem}.jobality-country-section{margin-bottom:1.5rem}.jobality-sections{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.jobality-section-btn{align-items:center;background:#fff;background:var(--background-card);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:50px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.6rem 1.2rem;position:relative;transition:all .2s}.jobality-section-btn.active{background:var(--section-color);border-color:var(--section-color);color:#fff}.jobality-section-btn.locked{cursor:not-allowed;opacity:.6}.jobality-section-btn i{font-size:.9rem}.jobality-content{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:16px;padding:1.5rem}.jobality-content h2{color:#1a1a1a;color:var(--text-primary);font-size:1.3rem;font-weight:700;margin:0 0 1rem}.jobality-content-section{margin-bottom:1.25rem}.jobality-content-section h3{color:#1a1a1a;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.jobality-section-text{color:#4a4a4a;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.jobality-item{align-items:flex-start;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;padding:.6rem 0}.jobality-item:last-child{border-bottom:none}.jobality-item i{flex-shrink:0;font-size:1rem;margin-top:.2rem}.jobality-item-text{color:#1a1a1a;color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 .15rem}.jobality-item-explanation{color:#7a7a7a;color:var(--text-muted);font-size:.8rem;margin:0}.jobality-insights{background:#eef3ff;border-radius:12px;margin-top:1rem;padding:1rem 1.25rem}.jobality-insights h3{color:#3498db;font-size:.95rem;font-weight:600;margin:0 0 .5rem}.jobality-insights ul{margin:0;padding-left:1.25rem}.jobality-insights li{color:#4a4a4a;color:var(--text-secondary);font-size:.85rem;margin-bottom:.3rem}[data-theme=dark] .jobality-insights{background:#1a2a4a}.jobality-intro-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:1rem}.jobality-intro-card{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;text-align:center}.jobality-intro-card i{color:#3498db;font-size:1.5rem;margin-bottom:.75rem}.jobality-intro-card h3{font-size:.95rem;font-weight:600;margin:0 0 .5rem}.jobality-intro-card p{color:#7a7a7a;color:var(--text-muted);font-size:.8rem;margin:0}.jobality-stats-bar{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:1.5rem}.jobality-stat{align-items:center;color:#4a4a4a;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.4rem}.jobality-stat i{color:#d48a1c;color:var(--primary-color);font-size:.95rem}.jobality-stat strong{color:#1a1a1a;color:var(--text-primary);font-weight:700}.jobality-preview-list{list-style:none;margin:.75rem 0 0;padding:0;text-align:left}.jobality-preview-list li{align-items:center;color:#4a4a4a;color:var(--text-secondary);display:flex;font-size:.78rem;gap:.4rem;padding:.25rem 0}.jobality-preview-list li i{color:#27ae60;flex-shrink:0;font-size:.7rem}@media (max-width:600px){.jobality-intro-grid{grid-template-columns:1fr}.jobality-sections{align-items:stretch;flex-direction:column}}.promo-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.promo-popup{animation:popupIn .3s ease;background:#fff;background:var(--background-card);border-radius:20px;box-shadow:0 20px 60px #0003;max-width:420px;padding:2rem;position:relative;text-align:center;width:100%}@keyframes popupIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.promo-popup-close{background:none;border:none;color:#7a7a7a;color:var(--text-muted);cursor:pointer;font-size:1.2rem;position:absolute;right:1rem;top:1rem}.promo-popup-icon{font-size:3rem;margin-bottom:.5rem}.promo-popup h2{color:#1a1a1a;color:var(--text-primary);font-size:1.4rem;font-weight:800;margin-bottom:.5rem}.promo-popup p{color:#4a4a4a;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1.2rem}.promo-code-box{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border:2px dashed #e5e5e5;border:2px dashed var(--border-color);border-radius:12px;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.8rem 1rem}.promo-code-box.small{margin-bottom:.5rem;padding:.4rem .8rem}.promo-code-value{color:#d48a1c;color:var(--primary-color);font-family:Courier New,monospace;font-size:1.1rem;font-weight:800;letter-spacing:1px}.promo-code-copy{align-items:center;background:#d48a1c;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;gap:.3rem;padding:.4rem .8rem;transition:all .2s;white-space:nowrap}.promo-code-copy:hover{opacity:.85}.promo-popup-cta{background:#d48a1c;background:var(--primary-color);border-radius:30px;color:#fff;display:inline-block;font-size:.95rem;font-weight:700;padding:.8rem 2rem;text-decoration:none;transition:all .2s}.promo-popup-cta:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.promo-popup-dismiss{background:none;border:none;color:#7a7a7a;color:var(--text-muted);cursor:pointer;display:block;font-size:.85rem;margin:1rem auto 0}.referral-stats{margin:1rem 0}.referral-count{color:#d48a1c;color:var(--primary-color);font-size:1.2rem;font-weight:700}.referral-list{margin-top:.5rem}.referral-item{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);color:#4a4a4a;color:var(--text-secondary);display:flex;font-size:.8rem;justify-content:space-between;padding:.3rem 0}.referral-status.reward_applied{color:#27ae60;font-weight:600}.reward-codes{margin-top:1rem}.reward-codes h4{color:#1a1a1a;color:var(--text-primary);font-size:.85rem;margin-bottom:.5rem}.nav-btn-switch{position:relative}.nav-btn-switch:after{background:#d48a1c;background:var(--primary-color,#d48a1c);border-radius:6px;color:#fff;content:"new";font-size:9px;font-weight:700;padding:1px 5px;position:absolute;right:-8px;text-transform:uppercase;top:-4px}.switch-container{font-family:"Fredoka, Outfit, sans-serif";font-family:var(--font-game,"Fredoka, Outfit, sans-serif");margin:0 auto;max-width:900px;padding:24px 16px 60px}.switch-hero{margin-bottom:28px;text-align:center}.switch-title{color:#1a1a1a;color:var(--text-primary);font-family:"Fredoka, sans-serif";font-family:var(--font-game,"Fredoka, sans-serif");font-size:2rem;font-weight:800}.switch-title i{color:#f39c12;margin-right:8px}.switch-subtitle{font-size:1rem;margin-top:6px}.switch-login-prompt,.switch-subtitle{color:#4a4a4a;color:var(--text-secondary)}.switch-login-prompt{font-size:1.1rem;padding:60px 20px;text-align:center}.switch-login-prompt i{color:#ccc;display:block;font-size:2.5rem;margin-bottom:16px}.switch-tabs{border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--border-color);display:flex;gap:4px;margin-bottom:24px;overflow-x:auto;padding-bottom:0}.switch-tab{background:none;border:none;border-bottom:3px solid #0000;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;padding:10px 16px;position:relative;transition:all .2s;white-space:nowrap}.switch-tab:hover{color:#1a1a1a;color:var(--text-primary)}.switch-tab.active{border-bottom-color:#f39c12;color:#f39c12}.switch-tab-badge{align-items:center;background:#e74c3c;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;position:absolute;right:2px;top:4px}.switch-tab i{margin-right:6px}.switch-tab-content{min-height:200px}.switch-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.switch-profile-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:14px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.switch-profile-card:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.switch-profile-card.tandem{background:linear-gradient(135deg,#d48a1c0a,#0000);border-color:#d48a1c;border-color:var(--primary-color,#d48a1c)}.switch-card-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.switch-avatar{align-items:center;background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;height:44px;justify-content:center;overflow:hidden;width:44px}.switch-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.switch-card-name{color:#1a1a1a;color:var(--text-primary);font-size:1.05rem;font-weight:700}.switch-card-info{display:flex;flex-direction:column;gap:4px}.switch-match-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.72rem;font-weight:700;gap:4px;padding:2px 8px;text-transform:uppercase}.switch-match-badge.tandem{background:#fef3c7;color:#92400e}.switch-match-badge.same_target{background:#dbeafe;color:#1e40af}.switch-card-langs{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.switch-card-lang-row{align-items:center;display:flex;font-size:.88rem;gap:8px}.switch-lang-label{color:#4a4a4a;color:var(--text-secondary);font-weight:600;min-width:55px}.switch-lang-value{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.switch-lang-tag{align-items:center;background:#f8f9fa;background:var(--bg-secondary,#f5f5f5);border-radius:8px;display:inline-flex;font-size:.82rem;gap:4px;padding:2px 8px}.switch-flag-sm{border-radius:50%;height:16px;object-fit:cover;width:16px}.switch-card-bio{color:#4a4a4a;color:var(--text-secondary);font-size:.88rem;line-height:1.4;margin-bottom:10px}.switch-card-meta{color:#7a7a7a;color:var(--text-muted,#999);display:flex;font-size:.8rem;gap:16px}.switch-card-meta i{margin-right:4px}.switch-contact-reveal{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;color:#065f46;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-top:12px;padding:10px 14px}.switch-card-actions{margin-top:14px}.switch-connect-btn{background:#d48a1c;background:var(--primary-color,#d48a1c);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #00000014;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:10px;transition:all .2s ease;width:100%}.switch-connect-btn:hover{box-shadow:0 4px 16px #0000001f;opacity:.9;transform:translateY(-2px)}.switch-connect-btn:active{transform:translateY(0)}.switch-pending-badge{align-items:center;color:#999;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px}.switch-jitsi-btn{align-items:center;background:linear-gradient(135deg,#1a73e8,#4285f4);border:none;border-radius:10px;box-shadow:0 2px 8px #1a73e833;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:all .2s ease;width:100%}.switch-jitsi-btn:hover{background:linear-gradient(135deg,#1557b0,#1a73e8);box-shadow:0 4px 16px #1a73e84d;transform:translateY(-2px)}.switch-jitsi-btn:active{transform:translateY(0)}.switch-request-section{margin-bottom:24px}.switch-request-section h3{color:#1a1a1a;color:var(--text-primary);font-size:.95rem;font-weight:700;margin-bottom:12px}.switch-request-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;margin-bottom:10px;padding:16px}.switch-request-actions{display:flex;gap:8px;margin-top:12px}.switch-accept-btn,.switch-reject-btn{border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #0000000f;cursor:pointer;flex:1 1;font-family:inherit;font-size:.85rem;font-weight:600;padding:8px 14px;transition:all .2s ease}.switch-accept-btn{background:#dcfce7;border-color:#86efac;color:#166534}.switch-reject-btn{background:#f8f9fa;background:var(--bg-secondary,#f5f5f5);color:#555}.switch-accept-btn:hover{background:#22c55e;color:#fff;transform:translateY(-1px)}.switch-reject-btn:hover{background:#e5e5e5;transform:translateY(-1px)}.switch-search-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.switch-select{background:#fff;background:var(--card-bg,#fff);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:10px;color:#1a1a1a;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.9rem;min-width:140px;padding:10px 14px}.switch-search-btn{background:#d48a1c;background:var(--primary-color,#d48a1c);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #00000014;color:#fff;cursor:pointer;font-family:inherit;font-weight:600;padding:10px 20px;transition:all .2s ease}.switch-search-btn:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.switch-empty{color:#7a7a7a;color:var(--text-muted,#aaa);padding:50px 20px;text-align:center}.switch-empty i{display:block;font-size:2.5rem;margin-bottom:14px}.switch-empty p{font-size:.95rem}.switch-setup-form{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 12px #0000000a;margin:0 auto;max-width:700px;padding:28px}.switch-setup-heading{color:#1a1a1a;color:var(--text-primary);font-size:1.2rem;font-weight:700;margin-bottom:20px}.switch-field{margin-bottom:20px}.switch-field label{color:#1a1a1a;color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.switch-hint{color:#7a7a7a;color:var(--text-muted,#999);font-size:.8rem;font-weight:400}.switch-lang-grid{display:flex;flex-wrap:wrap;gap:6px;max-height:200px;overflow-y:auto;padding:4px}.switch-lang-chip{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:20px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.switch-lang-chip.selected,.switch-lang-chip:hover{border-color:#d48a1c;border-color:var(--primary-color,#d48a1c)}.switch-lang-chip.selected{background:#d48a1c;background:var(--primary-color,#d48a1c);color:#fff}.switch-flag{border-radius:50%;height:20px;object-fit:cover;width:20px}.switch-avail-row{display:flex;flex-wrap:wrap;gap:8px}.switch-avail-chip{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:10px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.switch-avail-chip.selected,.switch-avail-chip:hover{border-color:#d48a1c;border-color:var(--primary-color,#d48a1c)}.switch-avail-chip.selected{background:#d48a1c;background:var(--primary-color,#d48a1c);color:#fff}.switch-textarea{background:#fff;background:var(--card-bg,#fff);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:12px;color:#1a1a1a;color:var(--text-primary);font-family:inherit;font-size:.9rem;min-height:80px;padding:12px;resize:vertical;width:100%}.switch-textarea:focus{border-color:#f39c12;outline:none}.switch-input{background:#fff;background:var(--card-bg,#fff);border:2px solid #e5e5e5;border:2px solid var(--border-color);border-radius:10px;color:#1a1a1a;color:var(--text-primary);font-family:inherit;font-size:.9rem;margin-top:8px;padding:10px 14px;width:100%}.switch-input:focus{border-color:#f39c12;outline:none}.switch-save-btn{background:#d48a1c;background:var(--primary-color,#d48a1c);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 12px #00000014;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;margin-top:8px;padding:14px;transition:all .2s ease;width:100%}.switch-save-btn:hover{box-shadow:0 6px 20px #0000001f;opacity:.9;transform:translateY(-2px)}.switch-save-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}@media (max-width:640px){.switch-cards-grid{grid-template-columns:1fr}.switch-tabs{gap:0}.switch-tab{font-size:.78rem;padding:8px 10px}.switch-search-bar{flex-direction:column}.switch-title{font-size:1.5rem}}.travel-phrases-page{margin:0 auto;max-width:800px;padding:1.5rem}.travel-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.travel-flag{border-radius:4px;height:32px;object-fit:cover;width:48px}.travel-header h1{color:#1a1a1a;color:var(--text-primary);font-size:1.8rem;margin:0}.travel-subtitle{color:#4a4a4a;color:var(--text-secondary);font-size:.9rem;margin:.2rem 0 0}.travel-categories{-webkit-overflow-scrolling:touch;display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding:.5rem 0}.travel-cat-btn{align-items:center;background:#fff;background:var(--background-card);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-color);border-radius:20px;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:.4rem;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.travel-cat-btn:hover{border-color:#d48a1c;border-color:var(--primary-color);color:#d48a1c;color:var(--primary-color)}.travel-cat-btn.active{transform:scale(1.02)}.travel-phrases-list{display:flex;flex-direction:column;gap:.75rem}.travel-phrase-card{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.25rem;transition:transform .15s,box-shadow .15s}.travel-phrase-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.phrase-main{color:#1a1a1a;color:var(--text-primary);font-size:1.15rem;font-weight:600;margin-bottom:.3rem}.phrase-pronunciation{color:#d48a1c;color:var(--primary-color);font-size:.8rem;font-style:italic;margin-bottom:.3rem}.phrase-translation{color:#4a4a4a;color:var(--text-secondary);font-size:.95rem;margin-bottom:.4rem}.phrase-context{align-items:flex-start;border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);color:#7a7a7a;color:var(--text-muted);display:flex;font-size:.8rem;gap:.4rem;padding-top:.4rem}.contact-page{display:flex;justify-content:center;padding:2rem 1rem}.contact-card{background:#fff;background:var(--background-card);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:16px;max-width:600px;overflow:hidden;width:100%}.contact-header{background:linear-gradient(135deg,#d48a1c,#e6a030);color:#fff;padding:2rem;text-align:center}.contact-header i{font-size:2rem;margin-bottom:.75rem}.contact-header h1{font-size:1.6rem;margin:0}.contact-header p{font-size:.9rem;margin:.5rem 0 0;opacity:.9}.contact-form{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.contact-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:500px){.contact-row{grid-template-columns:1fr}}.contact-field{display:flex;flex-direction:column;gap:.3rem}.contact-field label{color:#4a4a4a;color:var(--text-secondary);font-size:.8rem;font-weight:600}.contact-field input,.contact-field select,.contact-field textarea{background:#f5f3ef;background:var(--background-light);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-color);border-radius:8px;color:#1a1a1a;color:var(--text-primary);font-family:inherit;font-size:.9rem;padding:.6rem .8rem;transition:border-color .2s}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:#d48a1c;border-color:var(--primary-color);outline:none}.contact-field textarea{min-height:100px;resize:vertical}.contact-submit{align-items:center;background:linear-gradient(135deg,#d48a1c,#e6a030);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:transform .15s,opacity .2s}.contact-submit:hover{transform:translateY(-1px)}.contact-submit:active{transform:scale(.97)}.contact-submit:disabled{cursor:not-allowed;opacity:.6}.contact-success{padding:2.5rem 1.5rem;text-align:center}.contact-success i{color:#27ae60;font-size:3rem;margin-bottom:1rem}.contact-success p{color:#4a4a4a;color:var(--text-secondary);font-size:1rem;line-height:1.5}.contact-error{color:#e74c3c;font-size:.85rem;margin:0}.phrase-context i{color:#d48a1c;color:var(--primary-color);flex-shrink:0;margin-top:2px}.nav-search-btn{background:none;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;font-size:1rem;padding:6px 8px;transition:background .2s}.nav-search-btn:hover{background:#d48a1c1f;color:#d48a1c;color:var(--primary-color)}.search-overlay-bg{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;inset:0;position:fixed;z-index:9998}.search-overlay{animation:searchSlideIn .2s ease-out;background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 20px 60px #00000040;left:50%;overflow:hidden;position:fixed;top:60px;transform:translateX(-50%);width:min(600px,92vw);z-index:9999}@keyframes searchSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.search-input-wrap{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color,#e5e5e5);display:flex;gap:10px;padding:12px 16px}.search-input-icon{color:#7a7a7a;color:var(--text-muted);font-size:1rem}.search-input{background:#0000;border:none;color:var(--text-color);flex:1 1;font-family:Outfit,sans-serif;font-size:1rem;outline:none;padding:4px 0}.search-close-btn,.search-input::placeholder{color:#7a7a7a;color:var(--text-muted)}.search-close-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:4px}.search-close-btn:hover{color:var(--text-color)}.search-results{max-height:400px;overflow-y:auto;padding:6px 0}.search-result-item{align-items:center;background:#0000;border:none;color:var(--text-color);cursor:pointer;display:flex;font-family:Outfit,sans-serif;gap:12px;padding:10px 16px;text-align:left;transition:background .15s;width:100%}.search-result-item:hover{background:#d48a1c14}.search-result-label{flex:1 1;font-size:.92rem;font-weight:500}.search-result-type{background:#f5f3ef;background:var(--background-light,#f5f5f5);border-radius:20px;color:#7a7a7a;color:var(--text-muted);font-size:.72rem;padding:2px 8px;white-space:nowrap}.search-no-results{color:#7a7a7a;color:var(--text-muted);padding:2rem 1rem;text-align:center}.search-no-results p{font-size:.85rem;margin:0}
/*# sourceMappingURL=main.e183a901.css.map*/