*,: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.17 | 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}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.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}.h-12{height:3rem}.h-14{height:3.5rem}.h-full{height:100%}.w-12{width:3rem}.w-14{width:3.5rem}.w-full{width:100%}.max-w-4xl{max-width:56rem}.max-w-none{max-width:none}.-rotate-90{--tw-rotate:-90deg}.-rotate-90,.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))}.resize{resize:both}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:.75rem}.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))}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.p-3{padding:.75rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pl-6{padding-left:1.5rem}.text-left{text-align:left}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.opacity-75{opacity:.75}.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{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{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)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-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-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.animate-fadeIn,.main-title{animation:fadeIn .5s ease-in-out}.main-title{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1));font-size:2.25rem;font-weight:700;line-height:2.5rem;margin-bottom:2rem}.button-container{grid-gap:1rem;display:grid;gap:1rem;max-width:28rem;width:100%}.gradient-background{--tw-gradient-from:#dbeafe var(--tw-gradient-from-position);--tw-gradient-to:#dbeafe00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f3e8ff var(--tw-gradient-to-position);align-items:center;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:1.5rem}.hover\:shadow-lg:hover{--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)}@media (max-width:768px){.modern-menu-grid.tab-transition{animation:mobileTabTransition .3s ease-in-out}.modern-menu-item:active{transform:scale(.98)!important;transition:transform .1s ease!important}.force-appear{animation:forceAppear .5s ease-in-out}}.App div[style*=transform]:not(.mobile-header):not(.debug-indicator):not(.mobile-header *):not(.header-left):not(.header-title):not(.header-actions),.App div[style*=translate3d]:not(.mobile-header):not(.debug-indicator):not(.mobile-header *):not(.header-left):not(.header-title):not(.header-actions),.App div[style*=translateY]:not(.mobile-header):not(.debug-indicator):not(.mobile-header *):not(.header-left):not(.header-title):not(.header-actions),.App div[style*=translateZ]:not(.mobile-header):not(.debug-indicator):not(.mobile-header *):not(.header-left):not(.header-title):not(.header-actions){transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important}.App div[style*=opacity]:not(.mobile-header):not(.debug-indicator):not(.mobile-header *):not(.header-left):not(.header-title):not(.header-actions){opacity:1!important}.App div[style*="position: absolute"]:not(.mobile-header):not(.debug-indicator):not(.interactive-mascot):not(.loading-overlay):not(.modal):not(.tooltip):not(.mobile-header *):not(.header-left):not(.header-title):not(.header-actions),.App div[style*="position: fixed"]:not(.mobile-header):not(.debug-indicator):not(.interactive-mascot):not(.loading-overlay):not(.modal):not(.tooltip):not(.mobile-header *):not(.header-left):not(.header-title):not(.header-actions){bottom:auto!important;left:auto!important;position:relative!important;right:auto!important;top:auto!important}.App>div[style]:not(.mobile-header):not(.debug-indicator):not(.swipe-navigation-container){height:auto!important;left:0!important;opacity:1!important;position:relative!important;top:0!important;transform:none!important;width:100%!important}.App>div>div[style]:not(.mobile-header):not(.debug-indicator):not(.mobile-header *){opacity:1!important;position:relative!important;transform:none!important}:not(.mobile-header):not(.mobile-header *):not(.header-left):not(.header-title):not(.header-actions){animation-delay:0s!important;animation-duration:0s!important;transition-delay:0s!important;transition-duration:0s!important}.App{bottom:auto!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important}.App>div:not(.mobile-header):not(.debug-indicator):not(.interactive-mascot):not(.loading-overlay):not(.modal):not(.tooltip):not(.swipe-navigation-container){bottom:auto!important;left:auto!important;position:static!important;right:auto!important;top:auto!important;transform:none!important}.debug-indicator,.interactive-mascot,.loading-overlay,.mobile-header,.modal,.premium-banner,.swipe-navigation-container,.tooltip{position:fixed!important}.App{background:linear-gradient(135deg,peru,#8b4513 50%,#654321)!important;background:linear-gradient(135deg,var(--dark-primary) 0,var(--dark-secondary) 50%,var(--dark-accent) 100%)!important;color:#fff!important;color:var(--dark-text)!important;transition:background .5s ease,color .5s ease!important}.App.light{background:linear-gradient(135deg,#daa520,#f4e4bc 50%,wheat)!important;background:linear-gradient(135deg,var(--light-primary) 0,var(--light-secondary) 50%,var(--light-accent) 100%)!important;color:#654321!important;color:var(--light-text)!important}.App.gradient-warm{background:linear-gradient(135deg,peru,sienna 50%,#8b4513)!important}.App.gradient-earth{background:linear-gradient(135deg,#daa520,peru 30%,#8b4513 70%,#654321)!important}.App.light.gradient-sand{background:linear-gradient(135deg,#f4e4bc,wheat 50%,#daa520)!important}.App.light.gradient-beach{background:linear-gradient(135deg,#fff8dc,#f4e4bc 50%,#daa520)!important}.mobile-header{background:linear-gradient(to right,var(--dark-primary),var(--dark-secondary))!important;box-shadow:0 4px 8px #8b45134d!important;color:var(--dark-text)!important;transition:background .3s ease,box-shadow .3s ease!important}.mobile-header.light{background:linear-gradient(90deg,#daa520,#f4e4bc)!important;background:linear-gradient(to right,var(--light-primary),var(--light-secondary))!important;box-shadow:0 4px 8px #daa5204d!important;color:var(--light-text)!important}.mobile-header *,.mobile-header .header-actions,.mobile-header .header-left,.mobile-header .header-title,.mobile-header .header-title h1,.mobile-header button{display:flex!important;opacity:1!important;position:relative!important;transform:none!important;transition:color .3s ease!important;visibility:visible!important;z-index:inherit!important}.mobile-header:not(.light) *,.mobile-header:not(.light) .header-actions *,.mobile-header:not(.light) .header-left *,.mobile-header:not(.light) .header-title *{color:#fff!important;color:var(--dark-text)!important}.mobile-header.light *,.mobile-header.light .header-actions *,.mobile-header.light .header-left *,.mobile-header.light .header-title *{color:#654321!important;color:var(--light-text)!important}.header-left{min-width:80px!important}.header-left,.header-title{align-items:center!important;display:flex!important;opacity:1!important;visibility:visible!important}.header-title{flex:1 1!important;font-size:1.25rem!important;font-weight:600!important;justify-content:center!important;margin:0 auto!important;max-width:200px!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important}.header-title h1{display:block!important;font-size:1.25rem!important;margin:0!important}.header-actions,.header-title h1{opacity:1!important;visibility:visible!important}.header-actions{align-items:center!important;display:flex!important;gap:12px!important;justify-content:flex-end!important;min-width:80px!important}.back-button-mobile,.logout-button,.premium-header-button,.theme-toggle-button{align-items:center!important;border:none!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;height:36px!important;justify-content:center!important;opacity:1!important;position:relative!important;transform:none!important;transition:all .2s ease!important;visibility:visible!important;width:36px!important}.mobile-header:not(.light) .back-button-mobile,.mobile-header:not(.light) .theme-toggle-button{background:#ffffff26!important;color:#fff!important;color:var(--dark-text)!important}.mobile-header:not(.light) .back-button-mobile:hover,.mobile-header:not(.light) .theme-toggle-button:hover{background:#ffffff40!important}.mobile-header.light .back-button-mobile,.mobile-header.light .theme-toggle-button{background:#65432126!important;color:#654321!important;color:var(--light-text)!important}.mobile-header.light .back-button-mobile:hover,.mobile-header.light .theme-toggle-button:hover{background:#65432140!important}.premium-header-button{background:linear-gradient(45deg,peru,#8b4513)!important;background:linear-gradient(45deg,var(--dark-primary),var(--dark-secondary))!important;border:1px solid #ffffff4d!important;border-radius:16px!important;color:#fff!important;color:var(--dark-text)!important;font-size:12px!important;font-weight:600!important;height:auto!important;padding:6px 10px!important;width:auto!important}.mobile-header.light .premium-header-button{background:linear-gradient(45deg,#daa520,#f4e4bc)!important;background:linear-gradient(45deg,var(--light-primary),var(--light-secondary))!important;border-color:#6543214d!important;color:#654321!important;color:var(--light-text)!important}.language-selector-small{display:block!important;height:36px!important;min-width:110px!important;opacity:1!important;visibility:visible!important}.grammar-mode-container,.learn-mode,.modern-main-container,.modern-sentence-game,.quiz-container,.sentence-gap-container{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;margin:0!important;min-height:100vh!important;padding:1rem!important;position:relative!important;transition:background .5s ease,color .5s ease!important;width:100%!important}.modern-main-container{background:linear-gradient(135deg,peru,#8b4513 50%,#654321)!important;background:linear-gradient(135deg,var(--dark-primary) 0,var(--dark-secondary) 50%,var(--dark-accent) 100%)!important;color:var(--dark-text)!important;justify-content:center!important;padding:2rem!important}.modern-main-container.light{background:linear-gradient(135deg,#daa520,#f4e4bc 50%,wheat)!important;background:linear-gradient(135deg,var(--light-primary) 0,var(--light-secondary) 50%,var(--light-accent) 100%)!important;color:#654321!important;color:var(--light-text)!important}.sentence-gap-container{align-items:center!important;background:linear-gradient(135deg,peru,#8b4513)!important;background:linear-gradient(135deg,var(--dark-primary) 0,var(--dark-secondary) 100%)!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.sentence-gap-container.light{background:linear-gradient(135deg,#daa520,#f4e4bc)!important;background:linear-gradient(135deg,var(--light-primary) 0,var(--light-secondary) 100%)!important}.sentence-gap-game{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffff2!important;border-radius:20px!important;box-shadow:0 20px 40px #0000001a!important;margin:0!important;max-width:700px!important;padding:2rem!important;transition:box-shadow .3s ease!important;width:100%!important}.sentence-gap-game:not(.light){box-shadow:0 20px 40px #8b451333!important}.sentence-gap-game.light{box-shadow:0 20px 40px #daa52033!important}.grammar-mode-container{background:linear-gradient(135deg,peru,#8b4513)!important;background:linear-gradient(135deg,var(--dark-primary) 0,var(--dark-secondary) 100%)!important;color:#fff!important;color:var(--dark-text)!important;padding:2rem!important}.grammar-mode-container.light{background:linear-gradient(135deg,#daa520,#f4e4bc)!important;background:linear-gradient(135deg,var(--light-primary) 0,var(--light-secondary) 100%)!important;color:#654321!important;color:var(--light-text)!important}.modern-logo-circle{background-color:var(--dark-secondary)!important;border:3px solid var(--dark-primary)!important;box-shadow:0 6px 12px #8b45134d!important;transition:all .3s ease!important}.light .modern-logo-circle{background-color:#f4e4bc!important;background-color:var(--light-secondary)!important;border:3px solid #daa520!important;border:3px solid var(--light-primary)!important;box-shadow:0 6px 12px #daa5204d!important}.light .modern-logo-circle:after{background:radial-gradient(circle at center,#daa5204d 0,#daa52000 70%)!important}.modern-logo-title{background:linear-gradient(45deg,var(--dark-primary),var(--dark-secondary))!important;transition:all .3s ease!important}.light .modern-logo-title{background:linear-gradient(45deg,#654321,#5d3317)!important;background:linear-gradient(45deg,var(--light-text),var(--light-text-secondary))!important}.modern-progress-fill{background:linear-gradient(to right,var(--dark-primary),var(--dark-secondary))!important;transition:background .3s ease!important}.light .modern-progress-fill{background:linear-gradient(90deg,#5d3317,#654321)!important;background:linear-gradient(to right,var(--light-text-secondary),var(--light-text))!important}.modern-progress-bar{transition:background-color .3s ease!important}.light .modern-progress-bar{background-color:#daa52033!important}.desktop-tab.active{color:var(--dark-text)!important}.desktop-tab:hover{color:var(--dark-primary)!important}.light .desktop-tab.active{color:#654321!important;color:var(--light-text)!important}.light .desktop-tab:hover{background-color:#daa5201a!important;border-color:#8b45134d!important;color:#daa520!important;color:var(--light-primary)!important}.bottom-nav-item.active{color:var(--dark-primary)!important}.bottom-nav-item.active:after{background-color:var(--dark-primary)!important}.light .bottom-nav-item.active{color:var(--light-primary)!important}.light .bottom-nav-item.active:after{background-color:var(--light-primary)!important}.modern-stat-badge-primary,.modern-stat-icon{color:var(--dark-primary)!important}.modern-stat-badge-secondary{border:1px solid #8b45134d!important;color:#8b4513!important;color:var(--dark-secondary)!important}.light .modern-stat-badge-primary,.light .modern-stat-icon{background-color:#daa52033!important;color:var(--light-primary)!important}.light .modern-stat-badge-primary{border:1px solid #daa5204d!important}.light .modern-stat-badge-secondary{background-color:#8b451333!important;border:1px solid #8b45134d!important}.quota-progress-fill{background:linear-gradient(to right,var(--dark-primary),var(--dark-secondary))!important}.quota-icon{color:var(--dark-primary)!important}.light .quota-progress-fill{background:linear-gradient(90deg,#daa520,#5d3317)!important;background:linear-gradient(to right,var(--light-primary),var(--light-text-secondary))!important}.light .quota-icon{background-color:#daa52033!important;color:var(--light-primary)!important}.floating-premium-button,.premium-upgrade-menu-button{background:linear-gradient(45deg,var(--dark-primary),var(--dark-secondary))!important}.light .floating-premium-button,.light .premium-upgrade-menu-button{background:linear-gradient(45deg,#daa520,#5d3317)!important;background:linear-gradient(45deg,var(--light-primary),var(--light-text-secondary))!important}.light .modern-decoration{background:radial-gradient(circle,#daa5204d 0,#daa52000 70%)!important}.modern-menu-item{background-color:#f5f5dc1a!important;border-color:var(--dark-primary)!important;color:#fff!important;color:var(--dark-text)!important;transition:all .3s ease!important}.modern-menu-item:hover{background-color:#cd853f33!important;box-shadow:0 4px 8px #cd853f33!important}.modern-menu-item.active{border-color:var(--dark-secondary)!important}.light .modern-menu-item{background-color:#fffc!important;border-color:#daa520!important;border-color:var(--light-primary)!important;color:#654321!important;color:var(--light-text)!important}.light .modern-menu-item:hover{background-color:#daa5201a!important;box-shadow:0 4px 8px #daa52033!important}.light .modern-menu-item.active{background-color:#daa52033!important;border-color:#5d3317!important;border-color:var(--light-text-secondary)!important}.modern-menu-icon{color:var(--dark-secondary)!important}.light .modern-menu-icon{background-color:#daa5201a!important;color:#5d3317!important;color:var(--light-text-secondary)!important}.modern-badge{border:2px solid var(--dark-primary)!important;box-shadow:0 3px 6px #8b45134d!important;color:var(--dark-text)!important}.light .modern-badge{border:2px solid #daa520!important;border:2px solid var(--light-primary)!important;box-shadow:0 3px 6px #daa5204d!important;color:#654321!important;color:var(--light-text)!important}.modern-badge:after{border:2px solid #cd853f4d!important}.light .modern-badge:after{border:2px solid #daa5204d!important}.modern-level-card{border:1px solid var(--dark-primary)!important;box-shadow:0 6px 16px #cd853f33!important;color:#fff!important;color:var(--dark-text)!important}.light .modern-level-card{background-color:#fffc!important;border:1px solid #daa520!important;border:1px solid var(--light-primary)!important;box-shadow:0 6px 16px #daa52033!important;color:#654321!important;color:var(--light-text)!important}.modern-stat-item{background-color:#f4e4bc1a!important}.modern-stat-value{color:#fff!important;color:var(--dark-text)!important}.modern-stat-label{color:#f5deb3cc!important}.light .modern-stat-item{background-color:#fff9!important}.light .modern-stat-value{color:#654321!important;color:var(--light-text)!important}.light .modern-stat-label{color:#8b4513b3!important}.bottom-navigation{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-top:1px solid var(--dark-primary)!important}.bottom-nav-item{transition:all .2s ease!important}.bottom-nav-item:hover{background-color:#cd853f1a!important;color:peru!important;color:var(--dark-primary)!important}.light .bottom-navigation{background-color:#fffffff2!important;border-top:1px solid #daa520!important;border-top:1px solid var(--light-primary)!important}.light .bottom-nav-item{color:#654321cc!important}.light .bottom-nav-item:hover{background-color:#daa5201a!important;color:#daa520!important;color:var(--light-primary)!important}@media (max-width:768px){body.mobile-view{margin:0!important;overflow-x:hidden!important;padding-top:60px!important;transition:background-color .5s ease!important}body.mobile-view:not(.light){background-color:#654321!important;background-color:var(--dark-accent)!important}body.mobile-view.light{background-color:wheat!important;background-color:var(--light-accent)!important}.mobile-header:not(.light){align-items:center!important;background:linear-gradient(90deg,peru,#8b4513)!important;background:linear-gradient(to right,var(--dark-primary),var(--dark-secondary))!important;box-shadow:0 4px 8px #8b45134d!important;color:#fff!important;color:var(--dark-text)!important;display:flex!important;height:60px!important;justify-content:space-between!important;left:0!important;opacity:1!important;padding:0 16px!important;position:fixed!important;right:0!important;top:0!important;visibility:visible!important;width:100%!important;z-index:100000!important}.mobile-header.light{background:linear-gradient(90deg,#daa520,#f4e4bc)!important;background:linear-gradient(to right,var(--light-primary),var(--light-secondary))!important;box-shadow:0 4px 8px #daa5204d!important;color:#654321!important;color:var(--light-text)!important}.grammar-mode-container:not(.light),.modern-main-container:not(.light),.modern-sentence-game:not(.light),.sentence-gap-container:not(.light){background:linear-gradient(135deg,peru,#8b4513 50%,#654321)!important;background:linear-gradient(135deg,var(--dark-primary) 0,var(--dark-secondary) 50%,var(--dark-accent) 100%)!important;color:#fff!important;color:var(--dark-text)!important;min-height:100vh!important;padding:1rem!important}.grammar-mode-container.light,.modern-main-container.light,.modern-sentence-game.light,.sentence-gap-container.light{background:linear-gradient(135deg,#daa520,#f4e4bc 50%,wheat)!important;background:linear-gradient(135deg,var(--light-primary) 0,var(--light-secondary) 50%,var(--light-accent) 100%)!important;color:#654321!important;color:var(--light-text)!important}.modern-game-container,.sentence-gap-game{border-radius:0!important;margin:0!important}*{transition-duration:.2s!important}}.interactive-mascot{height:60px!important;left:20px!important;position:fixed!important;top:20px!important;width:60px!important;z-index:1000!important}.has-mobile-header .modern-main-container,.has-mobile-header .modern-sentence-game,.has-mobile-header .sentence-gap-container{padding-top:80px!important}.swipe-navigation-container,.swipe-navigation-manager{height:100vh!important;margin:0!important;padding:0!important;position:relative!important;width:100%!important}.loading-overlay{align-items:center!important;background:#8b4513cc!important;bottom:0!important;color:#fff!important;display:flex!important;font-size:18px!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:9998!important}.light .loading-overlay{background:#daa520cc!important;color:#654321!important;color:var(--light-text)!important}.App>div:not(.mobile-header):not(.debug-indicator){animation:fadeInComponent .3s ease-in-out!important}@keyframes fadeInComponent{0%{opacity:0}to{opacity:1}}@keyframes ocre-glow-dark{0%,to{box-shadow:0 0 5px #cd853f80}50%{box-shadow:0 0 15px #cd853fcc}}@keyframes ocre-glow-light{0%,to{box-shadow:0 0 5px #daa52080}50%{box-shadow:0 0 15px #daa520cc}}.modern-badge:not(.light){animation:ocre-glow-dark 3s ease-in-out infinite!important}.light .modern-badge{animation:ocre-glow-light 3s ease-in-out infinite!important}.mode-transition{opacity:.7!important}.component-transition{opacity:.8!important;transition:opacity .2s ease!important}.theme-transition{transition:all .5s ease!important}.debug-indicator{background:#cd853fe6!important;border-radius:5px!important;color:#fff!important;font-size:12px!important;padding:10px!important;position:fixed!important;right:10px!important;top:70px!important;z-index:99999!important}.light .debug-indicator{background:#daa520e6!important;color:#654321!important;color:var(--light-text)!important}.premium-banner{align-items:center!important;background:linear-gradient(45deg,peru,#8b4513)!important;background:linear-gradient(45deg,var(--dark-primary),var(--dark-secondary))!important;border-radius:12px!important;bottom:20px!important;box-shadow:0 4px 12px #8b45134d!important;color:#fff!important;color:var(--dark-text)!important;display:flex!important;font-size:14px!important;font-weight:600!important;gap:12px!important;left:50%!important;padding:12px 20px!important;position:fixed!important;transform:translateX(-50%)!important;z-index:9997!important}.light .premium-banner{background:linear-gradient(45deg,#daa520,#5d3317)!important;background:linear-gradient(45deg,var(--light-primary),var(--light-text-secondary))!important;box-shadow:0 4px 12px #daa5204d!important;color:#654321!important;color:var(--light-text)!important}.premium-upgrade-button{background:#fff3!important;border:1px solid #ffffff4d!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-size:12px!important;font-weight:600!important;padding:6px 12px!important;transition:all .2s ease!important}.premium-upgrade-button:hover{background:#ffffff4d!important;transform:scale(1.05)!important}.light .premium-upgrade-button{background:#65432133!important;border-color:#6543214d!important;color:#654321!important;color:var(--light-text)!important}.light .premium-upgrade-button:hover{background:#6543214d!important}.modal{align-items:center!important;background:#8b4513b3!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:9996!important}.light .modal{background:#daa520b3!important}.premium-tooltip{background-color:var(--dark-secondary)!important;box-shadow:0 4px 12px #8b45134d!important;color:var(--dark-text)!important}.premium-tooltip:before{border-bottom-color:var(--dark-secondary)!important}.light .premium-tooltip{background-color:#f4e4bc!important;background-color:var(--light-secondary)!important;box-shadow:0 4px 12px #daa5204d!important;color:#654321!important;color:var(--light-text)!important}.light .premium-tooltip:before{border-bottom-color:#f4e4bc!important;border-bottom-color:var(--light-secondary)!important}.modern-notification{background-color:var(--dark-secondary)!important;box-shadow:0 6px 12px #8b45134d!important;color:beige!important;color:var(--dark-text-secondary)!important}.light .modern-notification{background-color:#daa520!important;background-color:var(--light-primary)!important;box-shadow:0 6px 12px #daa5204d!important;color:#654321!important;color:var(--light-text)!important}.modern-logout-button,.modern-theme-button,.reset-quotas-button{background:linear-gradient(45deg,peru,#8b4513)!important;background:linear-gradient(45deg,var(--dark-primary),var(--dark-secondary))!important;border:none!important;color:#fff!important;color:var(--dark-text)!important;transition:all .3s ease!important}.modern-logout-button:hover,.modern-theme-button:hover{background:linear-gradient(45deg,#8b4513,#654321)!important;background:linear-gradient(45deg,var(--dark-secondary),var(--dark-accent))!important;transform:scale(1.05)!important}.light .modern-logout-button,.light .modern-theme-button,.light .reset-quotas-button{background:linear-gradient(45deg,#daa520,#5d3317)!important;background:linear-gradient(45deg,var(--light-primary),var(--light-text-secondary))!important;color:#654321!important;color:var(--light-text)!important}.light .modern-logout-button:hover,.light .modern-theme-button:hover{background:linear-gradient(45deg,#5d3317,#654321)!important;background:linear-gradient(45deg,var(--light-text-secondary),var(--light-text))!important}.reset-quotas-button{color:var(--dark-primary)!important}.reset-quotas-button:hover{transform:translateY(-2px)!important}.light .reset-quotas-button{background-color:#daa5201a!important;border-color:#daa5204d!important;color:var(--light-primary)!important}.light .reset-quotas-button:hover{background-color:#daa52033!important}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;transition:background-color .5s ease,color .5s ease!important}@media (max-width:480px){.App{font-size:14px!important}.grammar-mode-container,.modern-main-container,.modern-sentence-game,.sentence-gap-container{padding:.5rem!important}.mobile-header{height:50px!important}body.mobile-view{padding-top:50px!important}.debug-indicator{top:60px!important}}.black-bar,.header-black-background,.top-black-bar,[style*="background-color: #000000"],[style*="background-color: black"],[style*="background-color: rgb(0, 0, 0)"],[style*="background: #000"],[style*="background: black"],[style*="background: rgb(0, 0, 0)"]{background:#0000!important;display:none!important}.App:before,.PullToRefresh:before,.SwipeNavigationManager:before,.mobile-view:before,.swipe-navigation-container:before{background:#0000!important;content:none!important;display:none!important}.bottom-nav-item:focus-visible,.desktop-tab:focus-visible,.modern-logout-button:focus-visible,.modern-menu-item:focus-visible,.modern-reset-button:focus-visible,.modern-theme-button:focus-visible,.premium-upgrade-menu-button:focus-visible,.reset-quotas-button:focus-visible{outline:2px solid var(--dark-primary)!important}.light .bottom-nav-item:focus-visible,.light .desktop-tab:focus-visible,.light .modern-logout-button:focus-visible,.light .modern-menu-item:focus-visible,.light .modern-reset-button:focus-visible,.light .modern-theme-button:focus-visible,.light .premium-upgrade-menu-button:focus-visible,.light .reset-quotas-button:focus-visible{outline:2px solid var(--light-primary)!important}@media print{.modern-main-container{background:#fff!important;box-shadow:none!important;color:#8b4513!important;color:var(--dark-secondary)!important;padding:20px!important}.bottom-navigation,.floating-premium-button,.modern-logout-button,.modern-theme-button,.premium-upgrade-menu-button{display:none!important}.modern-menu-item{color:#8b4513!important;color:var(--dark-secondary)!important}.modern-level-card,.modern-menu-item{background:#fff!important;border:1px solid peru!important;border:1px solid var(--dark-primary)!important;break-inside:avoid!important;page-break-inside:avoid!important}}@media (min-width:769px) and (max-width:1024px){.modern-main-container{max-width:90%!important;padding:1.5rem!important}.mobile-header{display:none!important}}@media (min-width:1200px){.modern-main-container{max-width:1000px!important;padding:3rem!important}.App{background-attachment:fixed!important}}@media (prefers-color-scheme:dark){.App:not(.light){--dark-primary:#daa520;--dark-secondary:peru;--dark-accent:#8b4513}}@media (prefers-contrast:high){.modern-menu-item{border-color:#8b4513!important;border-color:var(--dark-secondary)!important;border-width:3px!important}.modern-badge{border-color:peru!important;border-color:var(--dark-primary)!important;border-width:3px!important}.premium-tooltip{border:2px solid!important}.modern-level-card{border-color:#8b4513!important;border-color:var(--dark-secondary)!important;border-width:2px!important}.light .modern-menu-item{border-color:#5d3317!important;border-color:var(--light-text-secondary)!important}.light .modern-badge{border-color:#daa520!important;border-color:var(--light-primary)!important}.light .modern-level-card{border-color:#5d3317!important;border-color:var(--light-text-secondary)!important}}.floating-premium-button,.mobile-header,.modern-badge,.modern-menu-item,.modern-progress-fill{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;will-change:transform!important}.mobile-header,.modern-main-container{font-display:swap!important;text-rendering:optimizeLegibility!important}.ocre-bg{background-color:peru!important;background-color:var(--dark-primary)!important}.ocre-text{color:peru!important;color:var(--dark-primary)!important}.ocre-border{border-color:peru!important;border-color:var(--dark-primary)!important}.ocre-gradient{background:linear-gradient(45deg,peru,#8b4513)!important;background:linear-gradient(45deg,var(--dark-primary),var(--dark-secondary))!important}.light .ocre-bg{background-color:#daa520!important;background-color:var(--light-primary)!important}.light .ocre-text{color:#daa520!important;color:var(--light-primary)!important}.light .ocre-border{border-color:#daa520!important;border-color:var(--light-primary)!important}.light .ocre-gradient{background:linear-gradient(45deg,#daa520,#5d3317)!important;background:linear-gradient(45deg,var(--light-primary),var(--light-text-secondary))!important}.sable-bg{background-color:#f4e4bc!important;background-color:var(--light-secondary)!important}.terre-cuite-bg{background-color:#8b4513!important;background-color:var(--dark-secondary)!important}.App,.bottom-navigation,.floating-premium-button,.loading-overlay,.mobile-header,.modern-badge,.modern-level-card,.modern-logo-circle,.modern-main-container,.modern-menu-item,.modern-notification,.premium-tooltip,.premium-upgrade-menu-button{transition:background .5s ease,background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease!important}:root{--dark-text-primary:#fff;--dark-text-secondary:beige;--dark-text-accent:#fffacd;--light-text-primary:#4a2c17;--light-text-secondary:#5d3317;--light-text-accent:#2f1b14}.modern-level-title,.modern-logo-title,.modern-main-container,.modern-menu-label,.modern-section-title,.modern-stat-value{color:#fff!important}.modern-level-description,.modern-menu-description,.modern-stat-label{color:beige!important}.light .modern-level-title,.light .modern-logo-title,.light .modern-main-container,.light .modern-menu-label,.light .modern-section-title,.light .modern-stat-value{color:#4a2c17!important}.light .modern-level-description,.light .modern-menu-description,.light .modern-stat-label{color:#5d3317!important}.modern-menu-item.active{border:3px solid #8b4513!important}.light .modern-menu-item.active{border:3px solid #5d3317!important}.light .modern-badge{background-color:#f4e4bc!important;color:#4a2c17!important}.modern-menu-icon{color:#fff!important}.light .modern-menu-icon{color:#4a2c17!important}.modern-stat-badge-primary{color:#fff!important}.modern-stat-badge-secondary{color:beige!important}.light .modern-stat-badge-primary{color:#4a2c17!important}.light .modern-stat-badge-secondary{color:#5d3317!important}.quota-label{color:#fff!important}.quota-count{color:beige!important}.light .quota-label{color:#4a2c17!important}.light .quota-count{color:#5d3317!important}.desktop-tab{color:#fff!important}.light .desktop-tab{color:#4a2c17!important}.light .desktop-tab.active{border-color:#5d3317!important;color:#4a2c17!important}.bottom-nav-item{color:beige!important}.bottom-nav-item.active{color:#fff!important}.bottom-nav-item.active:after{background-color:#fff!important}.light .bottom-nav-item{color:#5d3317!important}.light .bottom-nav-item.active{color:#4a2c17!important}.light .bottom-nav-item.active:after{background-color:#4a2c17!important}html{height:100%!important;margin:0!important;padding:0!important}#root,body{height:auto!important;margin:0!important;min-height:100vh!important;overflow-x:hidden!important;padding:0!important;width:100%!important}@media (min-width:769px){.App{height:auto!important;justify-content:flex-start!important;max-width:100vw!important;overflow-y:auto!important;position:relative!important}.App,.desktop-navigation-container{align-items:center!important;display:flex!important;flex-direction:column!important;margin:0!important;min-height:100vh!important;overflow-x:hidden!important;padding:0!important;width:100%!important}.desktop-navigation-container{max-width:100%!important;overflow-y:visible!important}.desktop-component-wrapper{display:flex!important;justify-content:center!important;margin:0!important;max-width:100%!important;overflow:visible!important;padding:0!important;width:100%!important}.grammar-mode-container,.modern-main-container,.modern-sentence-game,.quiz-container,.sentence-gap-container{box-sizing:border-box!important;height:auto!important;margin:0 auto!important;max-width:900px!important;min-height:auto!important;overflow-x:hidden!important;overflow-y:visible!important;padding:20px!important;position:relative!important;width:100%!important}.App div[style*=transform]:not(.mobile-header):not(.floating-premium-button){transform:none!important}.App div[style*="position: absolute"]:not(.floating-premium-button):not(.premium-tooltip):not(.modal){bottom:auto!important;left:auto!important;position:relative!important;right:auto!important;top:auto!important}.App div[style*=opacity]:not(.loading-overlay){opacity:1!important}.desktop-tabs,.modern-header,.modern-level-card,.modern-logo-container,.modern-menu-container,.modern-menu-grid,.premium-footer,.quotas-section{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important;width:100%!important}.modern-menu-item,.modern-stat-item,.quota-item{word-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;max-width:100%!important;overflow:hidden!important}.language-name,.language-option-name,.modern-level-description,.modern-level-title,.modern-menu-description,.modern-menu-label{word-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;max-width:100%!important;overflow-wrap:break-word!important}.language-selector-container{max-width:180px!important;min-width:140px!important;overflow:visible!important;position:relative!important}.language-dropdown{box-sizing:border-box!important;left:0!important;min-width:160px!important;right:auto!important}.floating-premium-button,.language-dropdown{max-width:200px!important;overflow:hidden!important}.floating-premium-button{bottom:24px!important;position:fixed!important;right:24px!important;z-index:1000!important}.premium-tooltip{word-wrap:break-word!important;max-width:250px!important;overflow:hidden!important}.App{max-width:100vw!important;overflow-x:hidden!important}.modern-main-container{margin:0 auto!important;max-width:min(900px,95vw)!important;padding:20px!important}.modern-menu-item:hover{transform:translateY(-2px)!important}.modern-badge{overflow:hidden!important}.App,.App *,.modern-badge{max-width:100%!important}.floating-premium-button,.loading-overlay,.modern-notification,.premium-tooltip{max-width:none!important}}.mobile-view,.mobile-view .App{background-color:#0f172a!important;min-height:100vh!important}@media (max-width:768px){.modern-main-container{position:relative!important;z-index:10!important}html body .mobile-app-container .App,html body.mobile-view .App{height:auto!important;max-height:none!important;min-height:100vh!important}html body.mobile-view .mobile-app-container,html body.mobile-view .mobile-main-content,html body.mobile-view .modern-main-container{height:auto!important;max-height:none!important;min-height:calc(100vh - 70px)!important}html body.mobile-view{height:auto!important;min-height:100vh!important}}.floating-particle,.xp-animation-container,.xp-animation-container *,.xp-burst-container,.xp-burst-particle,.xp-counter,.xp-description,.xp-icon,:not(.mobile-header):not(.mobile-header *):not(.header-left):not(.header-title):not(.header-actions):not(.xp-animation-container):not(.xp-animation-container *):not(.xp-burst-container):not(.xp-burst-particle):not(.floating-particle){animation-delay:0s!important;animation-duration:0s!important;transition-delay:0s!important;transition-duration:0s!important}@media (max-width:768px){.xp-animation-container{animation:none!important;display:flex!important;opacity:1!important;position:relative!important;transform:none!important;visibility:visible!important;z-index:1000!important}.xp-animation-container *{animation-duration:0s!important;transition-duration:0s!important}.mobile-component-container .xp-animation-container,.mobile-component-container .xp-animation-container *{animation-duration:0s!important;opacity:1!important;position:static!important;transform:none!important;transition-duration:0s!important}}.App div[style*=transform]:not(.mobile-header):not(.xp-animation-container):not(.xp-burst-container),.floating-particle[style*=transform],.xp-animation-container,.xp-animation-container[style*=transform],.xp-burst-container[style*=transform],.xp-burst-particle[style*=transform]{transform:none!important}.xp-animation-container{align-items:center!important;animation:none 0s ease 0s 1 normal none running!important;animation:initial!important;display:flex!important;flex-direction:column!important;justify-content:center!important;opacity:1!important;pointer-events:auto!important;position:relative!important;transition:none 0s ease 0s!important;transition:initial!important;visibility:visible!important;z-index:1000!important}@media (max-width:768px){.learn-mode-container .xp-animation-container,.summary-step-xp .xp-animation-container{display:flex!important;opacity:1!important;position:relative!important;visibility:visible!important;z-index:1001!important}}.quiz-nav-return-btn{align-items:center!important;background-color:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:20px!important;bottom:20px!important;box-shadow:0 4px 12px #00000026!important;color:#475569!important;cursor:pointer!important;display:flex!important;font-size:16px!important;font-weight:500!important;justify-content:center!important;left:50%!important;min-width:120px!important;padding:12px 24px!important;position:fixed!important;transform:translateX(-50%)!important;transition:all .2s ease!important;width:auto!important;z-index:2000!important}.quiz-nav-return-btn:before{content:"←";font-size:18px;margin-right:8px}.quiz-nav-return-btn:hover{background-color:#e2e8f0!important;box-shadow:0 6px 16px #0003!important}.quiz-nav-menu-btn{align-items:center!important;background-color:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:10px!important;box-shadow:0 2px 8px #0000001a!important;color:#475569!important;cursor:pointer!important;display:flex!important;font-size:16px!important;font-weight:500!important;justify-content:center!important;margin:20px auto 10px!important;max-width:300px!important;padding:14px 20px!important;transition:all .2s ease!important;width:100%!important}.quiz-nav-menu-btn:hover{background-color:#e2e8f0!important;box-shadow:0 4px 12px #00000026!important}.dark .quiz-nav-return-btn{background-color:#334155!important;border-color:#475569!important;color:#f1f5f9!important}.dark .quiz-nav-return-btn:hover{background-color:#475569!important}.dark .quiz-nav-menu-btn{background-color:#334155!important;border-color:#475569!important;color:#f1f5f9!important}.dark .quiz-nav-menu-btn:hover{background-color:#475569!important}@media (max-width:768px){.quiz-nav-menu-btn,.quiz-nav-return-btn{display:flex!important}@media (max-width:360px){.quiz-nav-return-btn{font-size:14px!important;padding:10px 20px!important}}}.quiz-container{padding-bottom:80px!important}:root{--learn-dark-primary:#8b4513;--learn-dark-secondary:sienna;--learn-dark-accent:peru;--learn-dark-bg:#2c1810;--learn-dark-card:#3d2517;--learn-dark-border:#5d3a26;--learn-dark-text:wheat;--learn-dark-text-secondary:#e6d3b7;--learn-light-primary:#daa520;--learn-light-secondary:peru;--learn-light-accent:#b8860b;--learn-light-bg:#fefcf3;--learn-light-card:#f8f4e6;--learn-light-border:#e6d8c5;--learn-light-text:#8b4513;--learn-light-text-secondary:sienna;--learn-success:#228b22;--learn-success-light:#32cd32;--learn-error:peru;--learn-error-light:#daa520;--learn-spacing-xs:4px;--learn-spacing-sm:8px;--learn-spacing-md:16px;--learn-spacing-lg:24px;--learn-spacing-xl:32px;--learn-radius-sm:6px;--learn-radius-md:12px;--learn-radius-lg:16px;--learn-transition:0.25s ease-out}.learn-mode-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3d2517;background:var(--learn-dark-card);border:2px solid #5d3a26;border:2px solid var(--learn-dark-border);border-radius:16px;border-radius:var(--learn-radius-lg);box-shadow:0 6px 16px #8b45134d;color:wheat;color:var(--learn-dark-text);margin:0 auto;max-width:800px;padding:24px;padding:var(--learn-spacing-lg);position:relative;transition:all .25s ease-out;transition:all var(--learn-transition);width:100%}.light .learn-mode-container,[data-theme=light] .learn-mode-container{background:#f8f4e6;background:var(--learn-light-card);border-color:#e6d8c5;border-color:var(--learn-light-border);box-shadow:0 6px 16px #daa52040;color:#8b4513;color:var(--learn-light-text)}.learn-mode-header{align-items:center;border-bottom:2px solid #5d3a26;border-bottom:2px solid var(--learn-dark-border);display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--learn-spacing-xl);padding-bottom:16px;padding-bottom:var(--learn-spacing-md)}.light .learn-mode-header,[data-theme=light] .learn-mode-header{border-bottom-color:#e6d8c5;border-bottom-color:var(--learn-light-border)}.learn-mode-header h2{color:wheat;color:var(--learn-dark-text);font-size:24px;font-weight:700;margin:0}.light .learn-mode-header h2,[data-theme=light] .learn-mode-header h2{color:#8b4513;color:var(--learn-light-text)}.learn-mode-back-button{align-items:center;background:#0000;border:2px solid #8b4513;border:2px solid var(--learn-dark-primary);border-radius:12px;border-radius:var(--learn-radius-md);color:#8b4513;color:var(--learn-dark-primary);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;gap:var(--learn-spacing-sm);padding:8px 16px;padding:var(--learn-spacing-sm) var(--learn-spacing-md);transition:all .25s ease-out;transition:all var(--learn-transition)}.light .learn-mode-back-button,[data-theme=light] .learn-mode-back-button{border-color:#daa520;border-color:var(--learn-light-primary);color:#daa520;color:var(--learn-light-primary)}.learn-mode-back-button:hover{background-color:#8b4513;background-color:var(--learn-dark-primary);box-shadow:0 4px 12px #8b451366;color:wheat;color:var(--learn-dark-text);transform:translateY(-2px)}.light .learn-mode-back-button:hover,[data-theme=light] .learn-mode-back-button:hover{background-color:#daa520;background-color:var(--learn-light-primary);box-shadow:0 4px 12px #daa5204d;color:#f8f4e6;color:var(--learn-light-card)}.learn-mode-main{align-items:center;display:flex;flex-direction:column;padding:24px 0;padding:var(--learn-spacing-lg) 0}.learn-mode-word{background:#2c1810;background:var(--learn-dark-bg);border:2px solid #5d3a26;border:2px solid var(--learn-dark-border);border-radius:12px;border-radius:var(--learn-radius-md);margin-bottom:32px;margin-bottom:var(--learn-spacing-xl);padding:24px;padding:var(--learn-spacing-lg);text-align:center;width:100%}.light .learn-mode-word,[data-theme=light] .learn-mode-word{background:#fefcf3;background:var(--learn-light-bg);border-color:#e6d8c5;border-color:var(--learn-light-border)}.learn-mode-word h3{color:wheat;color:var(--learn-dark-text);font-size:32px;font-weight:700;margin-bottom:16px;margin-bottom:var(--learn-spacing-md)}.light .learn-mode-word h3,[data-theme=light] .learn-mode-word h3{color:#8b4513;color:var(--learn-light-text)}.learn-mode-translation{color:#e6d3b7;color:var(--learn-dark-text-secondary);font-size:24px;font-weight:500;margin-bottom:24px;margin-bottom:var(--learn-spacing-lg)}.light .learn-mode-translation,[data-theme=light] .learn-mode-translation{color:sienna;color:var(--learn-light-text-secondary)}.learn-mode-explanation{color:#e6d3b7;color:var(--learn-dark-text-secondary);font-size:16px;font-style:italic;line-height:1.5;margin:16px 0;margin:var(--learn-spacing-md) 0}.light .learn-mode-explanation,[data-theme=light] .learn-mode-explanation{color:sienna;color:var(--learn-light-text-secondary)}.learn-mode-example{background:#8b45131a;border-left:4px solid #8b4513;border-left:4px solid var(--learn-dark-primary);border-radius:6px;border-radius:var(--learn-radius-sm);font-style:italic;margin-top:16px;margin-top:var(--learn-spacing-md);padding:16px;padding:var(--learn-spacing-md)}.light .learn-mode-example,[data-theme=light] .learn-mode-example{background:#daa5201a;border-left-color:#daa520;border-left-color:var(--learn-light-primary)}.learn-mode-example strong{color:wheat;color:var(--learn-dark-text);font-weight:600}.light .learn-mode-example strong,[data-theme=light] .learn-mode-example strong{color:#8b4513;color:var(--learn-light-text)}.learn-mode-illustration{font-size:48px;margin:24px 0;margin:var(--learn-spacing-lg) 0;opacity:.8;text-align:center}.learn-mode-audio-button{align-items:center;background:#0000;border:2px solid #8b4513;border:2px solid var(--learn-dark-primary);border-radius:50%;color:#8b4513;color:var(--learn-dark-primary);cursor:pointer;display:flex;height:60px;justify-content:center;margin:24px auto;margin:var(--learn-spacing-lg) auto;padding:16px;padding:var(--learn-spacing-md);transition:all .25s ease-out;transition:all var(--learn-transition);width:60px}.light .learn-mode-audio-button,[data-theme=light] .learn-mode-audio-button{border-color:#daa520;border-color:var(--learn-light-primary);color:#daa520;color:var(--learn-light-primary)}.learn-mode-audio-button:hover{background-color:#8b4513;background-color:var(--learn-dark-primary);box-shadow:0 4px 12px #8b451366;color:wheat;color:var(--learn-dark-text);transform:scale(1.1)}.light .learn-mode-audio-button:hover,[data-theme=light] .learn-mode-audio-button:hover{background-color:#daa520;background-color:var(--learn-light-primary);box-shadow:0 4px 12px #daa5204d;color:#f8f4e6;color:var(--learn-light-card)}.learn-mode-progress{margin:32px 0;margin:var(--learn-spacing-xl) 0;width:100%}.learn-mode-progress-text{color:#e6d3b7;color:var(--learn-dark-text-secondary);font-size:14px;font-weight:500;margin-bottom:8px;margin-bottom:var(--learn-spacing-sm);text-align:center}.light .learn-mode-progress-text,[data-theme=light] .learn-mode-progress-text{color:sienna;color:var(--learn-light-text-secondary)}.learn-mode-progress-bar{background:#5d3a26;background:var(--learn-dark-border);border-radius:6px;border-radius:var(--learn-radius-sm);box-shadow:inset 0 2px 4px #0000001a;height:8px;overflow:hidden;width:100%}.light .learn-mode-progress-bar,[data-theme=light] .learn-mode-progress-bar{background:#e6d8c5;background:var(--learn-light-border)}.learn-mode-progress-fill{background:linear-gradient(90deg,#8b4513,sienna);background:linear-gradient(90deg,var(--learn-dark-primary),var(--learn-dark-secondary));border-radius:6px;border-radius:var(--learn-radius-sm);height:100%;transition:width .5s ease-out}.light .learn-mode-progress-fill,[data-theme=light] .learn-mode-progress-fill{background:linear-gradient(90deg,#daa520,peru);background:linear-gradient(90deg,var(--learn-light-primary),var(--learn-light-secondary))}.learn-mode-question{background:#2c1810;background:var(--learn-dark-bg);border:2px solid #5d3a26;border:2px solid var(--learn-dark-border);border-radius:12px;border-radius:var(--learn-radius-md);margin-bottom:32px;margin-bottom:var(--learn-spacing-xl);padding:24px;padding:var(--learn-spacing-lg);text-align:center}.light .learn-mode-question,[data-theme=light] .learn-mode-question{background:#fefcf3;background:var(--learn-light-bg);border-color:#e6d8c5;border-color:var(--learn-light-border)}.learn-mode-question h3{color:wheat;color:var(--learn-dark-text);font-size:32px;font-weight:700;margin-bottom:8px;margin-bottom:var(--learn-spacing-sm)}.light .learn-mode-question h3,[data-theme=light] .learn-mode-question h3{color:#8b4513;color:var(--learn-light-text)}.learn-mode-question p{color:#e6d3b7;color:var(--learn-dark-text-secondary);font-size:16px;line-height:1.5}.light .learn-mode-question p,[data-theme=light] .learn-mode-question p{color:sienna;color:var(--learn-light-text-secondary)}.learn-mode-options{grid-gap:16px;grid-gap:var(--learn-spacing-md);display:grid;gap:16px;gap:var(--learn-spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:32px;margin-bottom:var(--learn-spacing-xl)}.learn-mode-option{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3d2517;background:var(--learn-dark-card);border:2px solid #5d3a26;border:2px solid var(--learn-dark-border);border-radius:12px;border-radius:var(--learn-radius-md);color:var(--learn-dark-text);font-size:16px;justify-content:center;min-height:60px;padding:var(--learn-spacing-lg);text-align:center;transition:all .25s ease-out;transition:all var(--learn-transition)}.light .learn-mode-option,[data-theme=light] .learn-mode-option{background:#f8f4e6;background:var(--learn-light-card);border-color:#e6d8c5;border-color:var(--learn-light-border);color:var(--learn-light-text)}.learn-mode-option:not(:disabled):hover{background-color:#8b4513;background-color:var(--learn-dark-primary);border-color:sienna;border-color:var(--learn-dark-secondary);box-shadow:0 4px 12px #8b451366;color:#2c1810!important;color:var(--learn-dark-bg)!important;transform:translateY(-2px)}.light .learn-mode-option:not(:disabled):hover,[data-theme=light] .learn-mode-option:not(:disabled):hover{background-color:#daa520;background-color:var(--learn-light-primary);border-color:peru;border-color:var(--learn-light-secondary);box-shadow:0 4px 12px #daa5204d;color:#8b4513!important}.learn-mode-option.selected{background-color:#8b4513;background-color:var(--learn-dark-primary);border-color:sienna;border-color:var(--learn-dark-secondary);color:wheat;color:var(--learn-dark-text)}.light .learn-mode-option.selected,[data-theme=light] .learn-mode-option.selected{background-color:#daa520;background-color:var(--learn-light-primary);border-color:peru;border-color:var(--learn-light-secondary);color:#f8f4e6;color:var(--learn-light-card)}.learn-mode-option.correct{animation:correct-pulse .6s ease-out;background-color:#228b22;background-color:var(--learn-success);border-color:#32cd32;border-color:var(--learn-success-light);color:#fff}.learn-mode-option.incorrect{animation:incorrect-shake .6s ease-out;background-color:peru;background-color:var(--learn-error);border-color:#daa520;border-color:var(--learn-error-light);color:#fff}.learn-mode-feedback{border-radius:12px;border-radius:var(--learn-radius-md);font-size:16px;font-weight:600;margin-top:24px;margin-top:var(--learn-spacing-lg);padding:16px;padding:var(--learn-spacing-md);text-align:center}.learn-mode-feedback.correct{background-color:#228b22;background-color:var(--learn-success);border:2px solid #32cd32;border:2px solid var(--learn-success-light);color:#fff}.learn-mode-feedback.incorrect{background-color:peru;background-color:var(--learn-error);border:2px solid #daa520;border:2px solid var(--learn-error-light);color:#fff}.learn-mode-summary-title{color:#8b4513;color:var(--learn-dark-primary);font-size:28px;margin-bottom:32px;margin-bottom:var(--learn-spacing-xl)}.light .learn-mode-summary-title,[data-theme=light] .learn-mode-summary-title{color:#daa520;color:var(--learn-light-primary)}.learn-mode-summary-stats{grid-gap:16px;grid-gap:var(--learn-spacing-md);display:grid;gap:16px;gap:var(--learn-spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px;margin-bottom:var(--learn-spacing-xl)}.learn-mode-summary-stat{background:#3d2517;background:var(--learn-dark-card);border:2px solid #5d3a26;border:2px solid var(--learn-dark-border);border-radius:12px;border-radius:var(--learn-radius-md);padding:24px;padding:var(--learn-spacing-lg);text-align:center}.light .learn-mode-summary-stat,[data-theme=light] .learn-mode-summary-stat{background:#f8f4e6;background:var(--learn-light-card);border-color:#e6d8c5;border-color:var(--learn-light-border)}.learn-mode-summary-stat h3{color:wheat;color:var(--learn-dark-text);font-size:20px;margin-bottom:8px;margin-bottom:var(--learn-spacing-sm)}.light .learn-mode-summary-stat h3,[data-theme=light] .learn-mode-summary-stat h3{color:#8b4513;color:var(--learn-light-text)}.learn-mode-summary-stat p{color:#8b4513;color:var(--learn-dark-primary);font-size:32px;font-weight:700;margin:0}.light .learn-mode-summary-stat p,[data-theme=light] .learn-mode-summary-stat p{color:#daa520;color:var(--learn-light-primary)}.learn-mode-continue-button,.learn-mode-finish-button,.learn-mode-next-button{background:linear-gradient(135deg,#8b4513,sienna);background:linear-gradient(135deg,var(--learn-dark-primary),var(--learn-dark-secondary));border:none;border-radius:12px;border-radius:var(--learn-radius-md);box-shadow:0 4px 12px #8b45134d;color:wheat;color:var(--learn-dark-text);cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:16px 32px;padding:var(--learn-spacing-md) var(--learn-spacing-xl);transition:all .25s ease-out;transition:all var(--learn-transition)}.light .learn-mode-continue-button,.light .learn-mode-finish-button,.light .learn-mode-next-button,[data-theme=light] .learn-mode-continue-button,[data-theme=light] .learn-mode-finish-button,[data-theme=light] .learn-mode-next-button{background:linear-gradient(135deg,#daa520,peru);background:linear-gradient(135deg,var(--learn-light-primary),var(--learn-light-secondary));box-shadow:0 4px 12px #daa5204d;color:#f8f4e6;color:var(--learn-light-card)}.learn-mode-continue-button:hover,.learn-mode-finish-button:hover,.learn-mode-next-button:hover{box-shadow:0 6px 16px #8b451366;transform:translateY(-3px);transition:all .25s ease-out;transition:all var(--learn-transition);z-index:1000}.light .mobile-fixed-button,[data-theme=light] .mobile-fixed-button{background:linear-gradient(135deg,#daa520,peru);background:linear-gradient(135deg,var(--learn-light-primary),var(--learn-light-secondary));box-shadow:0 6px 16px #daa52066;color:#f8f4e6;color:var(--learn-light-card)}.mobile-fixed-button:hover{box-shadow:0 8px 20px #8b451380;transform:translateY(-2px)}.light .mobile-fixed-button:hover,[data-theme=light] .mobile-fixed-button:hover{box-shadow:0 8px 20px #daa52080}.learn-spacing-xs{margin:4px;margin:var(--learn-spacing-xs)}.learn-spacing-sm{margin:8px;margin:var(--learn-spacing-sm)}.learn-spacing-md{margin:16px;margin:var(--learn-spacing-md)}.learn-spacing-lg{margin:24px;margin:var(--learn-spacing-lg)}.learn-spacing-xl{margin:32px;margin:var(--learn-spacing-xl)}.learn-text-primary{color:wheat!important;color:var(--learn-dark-text)!important}.learn-text-secondary{color:#e6d3b7!important;color:var(--learn-dark-text-secondary)!important}.light .learn-text-primary,[data-theme=light] .learn-text-primary{color:#8b4513!important;color:var(--learn-light-text)!important}.light .learn-text-secondary,[data-theme=light] .learn-text-secondary{color:sienna!important;color:var(--learn-light-text-secondary)!important}.learn-bg-card{background:#3d2517!important;background:var(--learn-dark-card)!important}.learn-bg-primary{background:#8b4513!important;background:var(--learn-dark-primary)!important}.light .learn-bg-card,[data-theme=light] .learn-bg-card{background:#f8f4e6!important;background:var(--learn-light-card)!important}.light .learn-bg-primary,[data-theme=light] .learn-bg-primary{background:#daa520!important;background:var(--learn-light-primary)!important}.dark-mode .learn-mode-container{background:#3d2517;background:var(--learn-dark-card);border-color:#5d3a26;border-color:var(--learn-dark-border);color:wheat;color:var(--learn-dark-text)}.dark-mode .learn-mode-header{border-bottom-color:#5d3a26;border-bottom-color:var(--learn-dark-border)}.dark-mode .learn-mode-header h2{color:wheat;color:var(--learn-dark-text)}.dark-mode .learn-mode-back-button{border-color:#8b4513;border-color:var(--learn-dark-primary);color:#8b4513;color:var(--learn-dark-primary)}.dark-mode .learn-mode-back-button:hover{background-color:#8b4513;background-color:var(--learn-dark-primary);color:wheat;color:var(--learn-dark-text)}.dark-mode .learn-mode-word{background:#2c1810;background:var(--learn-dark-bg);border-color:#5d3a26;border-color:var(--learn-dark-border)}.dark-mode .learn-mode-word h3{color:wheat;color:var(--learn-dark-text)}.dark-mode .learn-mode-explanation,.dark-mode .learn-mode-translation{color:#e6d3b7;color:var(--learn-dark-text-secondary)}.dark-mode .learn-mode-example{background:#8b45131a;border-left-color:#8b4513;border-left-color:var(--learn-dark-primary)}.dark-mode .learn-mode-example strong{color:wheat;color:var(--learn-dark-text)}.dark-mode .learn-mode-audio-button{border-color:#8b4513;border-color:var(--learn-dark-primary);color:#8b4513;color:var(--learn-dark-primary)}.dark-mode .learn-mode-audio-button:hover{background-color:#8b4513;background-color:var(--learn-dark-primary);color:wheat;color:var(--learn-dark-text)}.dark-mode .learn-mode-progress-text{color:#e6d3b7;color:var(--learn-dark-text-secondary)}.dark-mode .learn-mode-progress-bar{background:#5d3a26;background:var(--learn-dark-border)}.dark-mode .learn-mode-progress-fill{background:linear-gradient(90deg,#8b4513,sienna);background:linear-gradient(90deg,var(--learn-dark-primary),var(--learn-dark-secondary))}.dark-mode .learn-mode-question{background:#2c1810;background:var(--learn-dark-bg);border-color:#5d3a26;border-color:var(--learn-dark-border)}.dark-mode .learn-mode-question h3{color:wheat;color:var(--learn-dark-text)}.dark-mode .learn-mode-question p{color:#e6d3b7;color:var(--learn-dark-text-secondary)}.dark-mode .learn-mode-option{background:#3d2517;background:var(--learn-dark-card);border-color:#5d3a26;border-color:var(--learn-dark-border);color:wheat;color:var(--learn-dark-text)}.dark-mode .learn-mode-option.selected,.dark-mode .learn-mode-option:not(:disabled):hover{background-color:#8b4513;background-color:var(--learn-dark-primary);color:wheat;color:var(--learn-dark-text)}.dark-mode .learn-mode-option.selected{border-color:sienna;border-color:var(--learn-dark-secondary)}.dark-mode .learn-mode-option.correct{background-color:#228b22;background-color:var(--learn-success);border-color:#32cd32;border-color:var(--learn-success-light)}.dark-mode .learn-mode-option.incorrect{background-color:peru;background-color:var(--learn-error);border-color:#daa520;border-color:var(--learn-error-light)}.dark-mode .learn-mode-feedback.correct{background-color:#228b22;background-color:var(--learn-success)}.dark-mode .learn-mode-feedback.incorrect{background-color:peru;background-color:var(--learn-error)}.dark-mode .learn-mode-summary-title{color:wheat;color:var(--learn-dark-text)}.dark-mode .learn-mode-summary-stat{background:#3d2517;background:var(--learn-dark-card);border-color:#5d3a26;border-color:var(--learn-dark-border)}.dark-mode .learn-mode-summary-stat h3{color:wheat;color:var(--learn-dark-text)}.dark-mode .learn-mode-summary-stat p{color:#8b4513;color:var(--learn-dark-primary)}@media print{.learn-mode-container{background:#fff!important;border:1px solid #8b4513!important;box-shadow:none!important;color:#8b4513!important}.learn-mode-option,.learn-mode-question,.learn-mode-summary-stat,.learn-mode-word{background:#fff!important;border:1px solid #8b4513!important;break-inside:avoid!important;color:#8b4513!important;page-break-inside:avoid!important}.learn-mode-audio-button,.learn-mode-continue-button,.learn-mode-finish-button,.learn-mode-next-button,.mobile-fixed-button{display:none!important}}.learn-mode-container::-webkit-scrollbar{width:8px}.learn-mode-container::-webkit-scrollbar-track{background:#8b45131a;border-radius:4px}.learn-mode-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b4513,sienna);border-radius:4px}.learn-mode-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,sienna,#8b4513)}.light .learn-mode-container::-webkit-scrollbar-track,[data-theme=light] .learn-mode-container::-webkit-scrollbar-track{background:#daa52026}.light .learn-mode-container::-webkit-scrollbar-thumb,[data-theme=light] .learn-mode-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#daa520,peru)}@media (prefers-color-scheme:dark){.learn-mode-container:not(.light):not([data-theme=light]){background-color:#3d2517;background-color:var(--learn-dark-card);border-color:#5d3a26;border-color:var(--learn-dark-border);color:wheat;color:var(--learn-dark-text)}}@media (prefers-color-scheme:light){.learn-mode-container:not(.dark):not([data-theme=dark]){background-color:#f8f4e6;background-color:var(--learn-light-card);border-color:#e6d8c5;border-color:var(--learn-light-border);color:#8b4513;color:var(--learn-light-text)}}.learn-mode-loading{align-items:center;color:#e6d3b7;color:var(--learn-dark-text-secondary);display:flex;justify-content:center;padding:32px;padding:var(--learn-spacing-xl)}.light .learn-mode-loading,[data-theme=light] .learn-mode-loading{color:sienna;color:var(--learn-light-text-secondary)}.learn-mode-spinner{animation:spin 1s linear infinite;border:3px solid #5d3a26;border-top:3px solid #8b4513;border:3px solid var(--learn-dark-border);border-radius:50%;border-top-color:var(--learn-dark-primary);height:32px;width:32px}.light .learn-mode-spinner,[data-theme=light] .learn-mode-spinner{border-color:#e6d8c5;border-color:var(--learn-light-border);border-top-color:#daa520;border-top-color:var(--learn-light-primary)}.learn-mode-error{background:#cd853f1a;border:2px solid peru;border:2px solid var(--learn-error);border-radius:12px;border-radius:var(--learn-radius-md);color:peru;color:var(--learn-error);margin:24px 0;margin:var(--learn-spacing-lg) 0;padding:16px;padding:var(--learn-spacing-md);text-align:center}.learn-mode-error h3{font-weight:600;margin-bottom:8px;margin-bottom:var(--learn-spacing-sm)}.learn-mode-error p{line-height:1.5;margin:0}.learn-mode-empty{color:#e6d3b7;color:var(--learn-dark-text-secondary);padding:32px;padding:var(--learn-spacing-xl);text-align:center}.light .learn-mode-empty,[data-theme=light] .learn-mode-empty{color:sienna;color:var(--learn-light-text-secondary)}.learn-mode-empty-icon{font-size:48px;margin-bottom:24px;margin-bottom:var(--learn-spacing-lg);opacity:.5}.learn-mode-empty h3{color:wheat;color:var(--learn-dark-text);margin-bottom:8px;margin-bottom:var(--learn-spacing-sm)}.light .learn-mode-empty h3,[data-theme=light] .learn-mode-empty h3{color:#8b4513;color:var(--learn-light-text)}.light .learn-mode-continue-button:hover,.light .learn-mode-finish-button:hover,.light .learn-mode-next-button:hover,[data-theme=light] .learn-mode-continue-button:hover,[data-theme=light] .learn-mode-finish-button:hover,[data-theme=light] .learn-mode-next-button:hover{box-shadow:0 6px 16px #daa52066}.dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#2c1810cc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9998}.light .dialog-overlay,[data-theme=light] .dialog-overlay{background-color:#8b451399}.dialog-content{background:#3d2517;background:var(--learn-dark-card);border:2px solid #5d3a26;border:2px solid var(--learn-dark-border);border-radius:16px;border-radius:var(--learn-radius-lg);box-shadow:0 8px 24px #8b451366;max-width:28rem;padding:32px;padding:var(--learn-spacing-xl);position:relative;width:90%;z-index:9999}.light .dialog-content,[data-theme=light] .dialog-content{background:#f8f4e6;background:var(--learn-light-card);border-color:#e6d8c5;border-color:var(--learn-light-border);box-shadow:0 8px 24px #daa5204d}.dialog-title{color:wheat;color:var(--learn-dark-text);font-size:20px;font-weight:700;margin-bottom:8px;margin-bottom:var(--learn-spacing-sm)}.light .dialog-title,[data-theme=light] .dialog-title{color:#8b4513;color:var(--learn-light-text)}.dialog-message{color:#e6d3b7;color:var(--learn-dark-text-secondary);line-height:1.5;margin-bottom:32px;margin-bottom:var(--learn-spacing-xl)}.light .dialog-message,[data-theme=light] .dialog-message{color:sienna;color:var(--learn-light-text-secondary)}.dialog-buttons{display:flex;gap:16px;gap:var(--learn-spacing-md);justify-content:flex-end}.dialog-button{border:2px solid #0000;border-radius:12px;border-radius:var(--learn-radius-md);cursor:pointer;font-weight:500;padding:8px 24px;padding:var(--learn-spacing-sm) var(--learn-spacing-lg);transition:all .25s ease-out;transition:all var(--learn-transition)}.dialog-button.primary{background:#8b4513;background:var(--learn-dark-primary);color:wheat;color:var(--learn-dark-text)}.light .dialog-button.primary,[data-theme=light] .dialog-button.primary{background:#daa520;background:var(--learn-light-primary);color:#f8f4e6;color:var(--learn-light-card)}.dialog-button.secondary{background:#0000;border-color:#5d3a26;border-color:var(--learn-dark-border);color:#e6d3b7;color:var(--learn-dark-text-secondary)}.light .dialog-button.secondary,[data-theme=light] .dialog-button.secondary{border-color:#e6d8c5;border-color:var(--learn-light-border);color:sienna;color:var(--learn-light-text-secondary)}@keyframes correct-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes incorrect-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.learn-mode-container{animation:fade-in .5s ease-out}@media (max-width:768px){.learn-mode-container{margin:8px;margin:var(--learn-spacing-sm);padding:16px;padding:var(--learn-spacing-md)}.learn-mode-header{flex-direction:column;gap:16px;gap:var(--learn-spacing-md);text-align:center}.learn-mode-options{grid-template-columns:1fr}.learn-mode-word h3{font-size:24px}.learn-mode-translation{font-size:18px}.learn-mode-summary-stats{grid-template-columns:1fr}}@media (max-width:480px){.learn-mode-container{padding:8px;padding:var(--learn-spacing-sm)}.dialog-content{padding:24px;padding:var(--learn-spacing-lg)}.learn-mode-option,.learn-mode-word{padding:16px;padding:var(--learn-spacing-md)}.learn-mode-option{min-height:50px}}@media (prefers-reduced-motion:reduce){.learn-mode-audio-button,.learn-mode-container,.learn-mode-continue-button,.learn-mode-finish-button,.learn-mode-next-button,.learn-mode-option{animation:none!important;transition:none!important}.learn-mode-audio-button:hover,.learn-mode-option:hover{transform:none!important}}@media (prefers-contrast:high){.learn-mode-container,.learn-mode-option,.learn-mode-question,.learn-mode-word{border-width:3px!important}}.learn-mode-container :focus{outline:2px solid #8b4513;outline:2px solid var(--learn-dark-primary);outline-offset:2px}.light .learn-mode-container :focus,[data-theme=light] .learn-mode-container :focus{outline-color:#daa520;outline-color:var(--learn-light-primary)}.learn-mode-audio-button,.learn-mode-continue-button,.learn-mode-finish-button,.learn-mode-next-button,.learn-mode-option{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.learn-mode-container{contain:layout style paint}.mobile-fixed-button{align-items:center;background:linear-gradient(135deg,#8b4513,sienna);background:linear-gradient(135deg,var(--learn-dark-primary),var(--learn-dark-secondary));border:none;border-radius:12px;border-radius:var(--learn-radius-md);bottom:24px;bottom:var(--learn-spacing-lg);box-shadow:0 6px 16px #8b451366;color:wheat;color:var(--learn-dark-text);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;gap:var(--learn-spacing-sm);justify-content:center;left:24px;left:var(--learn-spacing-lg);padding:16px;padding:var(--learn-spacing-md);position:fixed;right:24px;right:var(--learn-spacing-lg)}.xp-summary{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:12px;box-shadow:0 4px 12px #10b98126;color:#059669;font-weight:600;margin-top:12px;padding:12px 20px;text-align:center;transition:all .3s ease}.dark-mode .xp-summary{background:linear-gradient(135deg,#022c22,#064e3b);border-color:#34d399;box-shadow:0 4px 12px #34d39933;color:#34d399}.xp-summary:hover{box-shadow:0 6px 16px #10b98140;transform:translateY(-2px)}.dark-mode .xp-summary:hover{box-shadow:0 6px 16px #34d3994d}.mastered-word-item{align-items:center;background-color:#f8fafc;border-left:4px solid #10b981;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px 16px;transition:all .2s ease}.dark-mode .mastered-word-item{background-color:#1e293b;border-left-color:#34d399}.mastered-word-item:hover{background-color:#f0fdf4;transform:translateX(4px)}.dark-mode .mastered-word-item:hover{background-color:#022c22}.word-xp{background-color:#dcfce7;border:1px solid #bbf7d0;border-radius:12px;color:#059669;font-size:.75rem;font-weight:700;margin-left:auto;padding:4px 8px}.dark-mode .word-xp{background-color:#064e3b;border-color:#059669;color:#34d399}@keyframes xpGlow{0%,to{box-shadow:0 4px 12px #10b98126}50%{box-shadow:0 4px 20px #10b98166}}.xp-summary.animate{animation:xpGlow 2s ease-in-out infinite}.learn-mode-summary-score{background-color:#f8fafc;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin:20px 0;padding:20px}.dark-mode .learn-mode-summary-score{background-color:#1e293b;box-shadow:0 2px 8px #0003}.learn-mode-summary-words{margin:24px 0}.learn-mode-summary-word{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px;transition:all .2s ease}.dark-mode .learn-mode-summary-word{background-color:#1e293b;border-color:#374151}.learn-mode-summary-word:hover{background-color:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.dark-mode .learn-mode-summary-word:hover{background-color:#0f172a;border-color:#4b5563;box-shadow:0 2px 4px #0003}.learn-mode-word-score{align-items:center;display:flex;font-weight:600;gap:8px}.icon-success{color:#10b981;filter:drop-shadow(0 1px 2px rgba(16,185,129,.3))}.icon-error{color:#ef4444;filter:drop-shadow(0 1px 2px rgba(239,68,68,.3))}.learn-mode-summary-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin:24px 0;position:relative;text-align:center}.dark-mode .learn-mode-summary-title{color:#23394e}.learn-mode-summary-title:after{background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}@media (max-width:768px){.xp-summary{font-size:.9rem;padding:10px 16px}.mastered-word-item{gap:8px;padding:10px 12px}.word-xp{font-size:.7rem;padding:3px 6px}.learn-mode-summary-score{margin:16px 0;padding:16px}.learn-mode-summary-word{padding:10px 12px}}.learn-mode-mastered-words{margin:24px 0}.learn-mode-mastered-words h3{color:#1f2937;font-size:1.2rem;font-weight:600;margin-bottom:16px}.dark-mode .learn-mode-mastered-words h3{color:#f9fafb}.mastered-words-list{display:flex;flex-direction:column;gap:8px}.mastered-word-item{animation:slideInFromLeft .5s ease-out forwards;opacity:0;transform:translateX(-20px)}.mastered-word-item:first-child{animation-delay:.1s}.mastered-word-item:nth-child(2){animation-delay:.2s}.mastered-word-item:nth-child(3){animation-delay:.3s}.mastered-word-item:nth-child(4){animation-delay:.4s}.mastered-word-item:nth-child(5){animation-delay:.5s}@keyframes slideInFromLeft{to{opacity:1;transform:translateX(0)}}.learn-mode-summary-actions{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:32px}.learn-mode-complete-button,.learn-mode-next-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-width:200px;padding:14px 24px;transition:all .2s ease}.learn-mode-next-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff}.learn-mode-next-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.learn-mode-complete-button{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.learn-mode-complete-button:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}@media (max-width:768px){.learn-mode-summary-actions{margin-top:24px}.learn-mode-complete-button,.learn-mode-next-button{font-size:.95rem;min-width:auto;padding:12px 20px;width:100%}}.xp-animation-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 25px #667eea4d;display:flex;flex-direction:column;justify-content:center;margin:20px 0;overflow:hidden;padding:20px;position:relative;z-index:10}.xp-animation-container.large{border-radius:20px;box-shadow:0 12px 35px #667eea66;padding:30px}.xp-animation-container.compact{border-radius:12px;box-shadow:0 4px 15px #667eea40;padding:15px}.xp-animation-container:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.xp-burst-container{height:100px;pointer-events:none;width:100px}.xp-burst-container,.xp-burst-particle{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.xp-burst-particle{background:linear-gradient(45deg,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 0 10px #fbbf24cc;height:8px;width:8px}.xp-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:3rem;margin-bottom:10px;z-index:2}.xp-animation-container.large .xp-icon{font-size:4rem;margin-bottom:15px}.xp-animation-container.compact .xp-icon{font-size:2rem;margin-bottom:8px}.xp-counter{align-items:baseline;color:#fff;display:flex;font-family:Arial,sans-serif;font-weight:700;gap:2px;text-shadow:0 2px 4px #0000004d;z-index:2}.xp-prefix{color:#fbbf24;font-size:1.5rem}.xp-value{color:#fff;font-size:2.5rem;min-width:3ch;text-align:center}.xp-suffix{color:#e5e7eb;font-size:1.2rem;margin-left:4px}.xp-animation-container.large .xp-prefix{font-size:2rem}.xp-animation-container.large .xp-value{font-size:3.5rem}.xp-animation-container.large .xp-suffix{font-size:1.5rem}.xp-animation-container.compact .xp-prefix{font-size:1.2rem}.xp-animation-container.compact .xp-value{font-size:2rem}.xp-animation-container.compact .xp-suffix{font-size:1rem}.xp-description{color:#ffffffe6;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-top:8px;text-align:center;z-index:2}.xp-animation-container.large .xp-description{font-size:1.1rem;margin-top:12px}.xp-animation-container.compact .xp-description{font-size:.8rem;margin-top:6px}.xp-floating-particles{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.floating-particle{background:radial-gradient(circle,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 0 6px #fbbf24cc;height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.xp-animation-container.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 25px #10b9814d}.xp-animation-container.warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 25px #f59e0b4d}.xp-animation-container.info{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 8px 25px #3b82f64d}.dark-mode .xp-animation-container{background:linear-gradient(135deg,#4c1d95,#5b21b6);box-shadow:0 8px 25px #4c1d9566}.dark-mode .xp-animation-container.success{background:linear-gradient(135deg,#065f46,#047857);box-shadow:0 8px 25px #065f4666}.dark-mode .xp-animation-container.warning{background:linear-gradient(135deg,#92400e,#b45309);box-shadow:0 8px 25px #92400e66}.dark-mode .xp-animation-container.info{background:linear-gradient(135deg,#1e40af,#1d4ed8);box-shadow:0 8px 25px #1e40af66}@keyframes pulse-glow{0%,to{box-shadow:0 8px 25px #667eea4d}50%{box-shadow:0 8px 35px #667eea80}}.xp-animation-container.pulse{animation:pulse-glow 2s infinite}@media (max-width:768px){.xp-animation-container{margin:8px 0;max-width:250px;padding:12px 16px;transform:scale(.85)}.xp-icon{font-size:1.8rem;margin-bottom:4px}.xp-value{font-size:1.4rem;min-width:2ch}.xp-prefix{font-size:1.1rem}.xp-suffix{font-size:.9rem;margin-left:2px}.xp-description{font-size:.7rem;margin-top:4px}.xp-animation-container.large{padding:16px 20px;transform:scale(.9)}.xp-animation-container.large .xp-icon{font-size:2.2rem;margin-bottom:6px}.xp-animation-container.large .xp-value{font-size:1.8rem}.xp-animation-container.large .xp-prefix{font-size:1.4rem}.xp-animation-container.large .xp-suffix{font-size:1.1rem}.xp-animation-container.large .xp-description{font-size:.85rem;margin-top:6px}.xp-animation-container.compact{padding:8px 12px;transform:scale(.8)}.xp-animation-container.compact .xp-icon{font-size:1.5rem}.xp-animation-container.compact .xp-value{font-size:1.2rem}.floating-particle{height:3px;width:3px}.xp-burst-particle{height:6px;width:6px}}@media (max-width:480px){.xp-animation-container{border-radius:10px;margin:4px 0;max-width:180px;padding:8px 12px;transform:scale(.75)}.xp-icon{font-size:1.5rem;margin-bottom:2px}.xp-value{font-size:1.2rem;min-width:2ch}.xp-prefix{font-size:1rem}.xp-suffix{font-size:.8rem;margin-left:1px}.xp-description{font-size:.6rem;letter-spacing:.2px;margin-top:2px}.xp-animation-container.large{max-width:200px;padding:12px 16px;transform:scale(.8)}.xp-animation-container.large .xp-icon{font-size:1.8rem;margin-bottom:4px}.xp-animation-container.large .xp-value{font-size:1.5rem}.xp-animation-container.large .xp-prefix{font-size:1.2rem}.xp-animation-container.large .xp-suffix{font-size:1rem}.xp-animation-container.large .xp-description{font-size:.75rem;margin-top:4px}.xp-animation-container.compact{max-width:150px;padding:6px 10px;transform:scale(.65)}.xp-animation-container.compact .xp-icon{font-size:1.2rem;margin-bottom:1px}.xp-animation-container.compact .xp-value{font-size:1rem}.xp-animation-container.compact .xp-prefix{font-size:.9rem}.xp-animation-container.compact .xp-suffix{font-size:.7rem}.xp-animation-container.compact .xp-description{font-size:.55rem;margin-top:1px}.floating-particle{box-shadow:0 0 3px #fbbf2499;height:2px;width:2px}.xp-burst-particle{box-shadow:0 0 5px #fbbf2499;height:4px;width:4px}.xp-burst-container{height:60px;width:60px}.xp-animation-container{box-shadow:0 4px 15px #667eea33}.xp-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.xp-counter{text-shadow:0 1px 2px #0003}}@media (max-width:360px){.xp-animation-container{border-radius:8px;margin:2px 0;max-width:160px;padding:6px 10px;transform:scale(.65)}.xp-icon{font-size:1.3rem;margin-bottom:1px}.xp-value{font-size:1.1rem}.xp-prefix{font-size:.9rem}.xp-suffix{font-size:.7rem}.xp-description{font-size:.55rem;margin-top:1px}.xp-animation-container:before,.xp-floating-particles{display:none}}.xp-ultra-compact{border-radius:6px!important;margin:2px 0!important;max-width:120px!important;padding:4px 8px!important;transform:scale(.6)!important}.xp-ultra-compact .xp-icon{font-size:1rem!important;margin-bottom:0!important}.xp-ultra-compact .xp-value{font-size:.9rem!important}.xp-ultra-compact .xp-prefix{font-size:.8rem!important}.xp-ultra-compact .xp-suffix{font-size:.6rem!important}.xp-ultra-compact .xp-description{font-size:.5rem!important;margin-top:0!important}.xp-performance-mode .xp-animation-container:before,.xp-performance-mode .xp-burst-container,.xp-performance-mode .xp-floating-particles{display:none!important}.xp-performance-mode .xp-animation-container{box-shadow:0 2px 8px #667eea26!important}.xp-performance-mode .xp-icon{filter:none!important}@media (max-width:768px) and (orientation:landscape){.xp-animation-container{margin:2px 0!important;transform:scale(.7)!important}.xp-animation-container.large{transform:scale(.75)!important}.xp-animation-container.compact{transform:scale(.6)!important}}:root{--success-green:#22c55e;--error-red:#ef4444;--force-text-dark:#1a1a1a;--force-text-medium:#2c2c2c;--force-text-light:#404040;--force-bg-light:#fffffff2;--force-shadow-light:0 1px 3px #fff9}.word-list-preview-container{background:linear-gradient(135deg,#8b4513,#5d3317);background:linear-gradient(135deg,var(--grammar-dark-primary) 0,var(--grammar-dark-secondary) 100%)}[data-theme=light] .word-list-preview-container{background:linear-gradient(135deg,#daa520,peru);background:linear-gradient(135deg,var(--grammar-light-primary) 0,var(--grammar-light-secondary) 100%)}.word-list-preview{background:#8b451326;background:var(--grammar-dark-card);border-radius:var(--radius-xl);box-shadow:0 20px 25px #8b451366;box-shadow:var(--shadow-xl);margin-top:24px;margin-top:var(--spacing-lg);max-width:900px;padding:32px;padding:var(--spacing-xl)}[data-theme=light] .word-list-preview{background:#ffffffe6;background:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border);box-shadow:0 8px 24px #daa52040;color:#8b4513;color:var(--grammar-light-text)}.header-section{align-items:center;border-bottom:2px solid #8b45134d;border-bottom:2px solid var(--grammar-dark-border);display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--spacing-xl);padding-bottom:24px;padding-bottom:var(--spacing-lg)}[data-theme=light] .header-section{border-color:#daa52066;border-color:var(--grammar-light-border)}.modern-back-button{background:#8b451326;background:var(--grammar-dark-card);border:2px solid #8b45134d;border:2px solid var(--grammar-dark-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #8b45131a;box-shadow:var(--shadow-sm);color:wheat;color:var(--grammar-dark-text);display:flex;padding:16px 24px;text-decoration:none;transition:all .2s ease}.modern-back-button:hover{background:#8b4513;background:var(--grammar-dark-primary);border-color:#8b4513;border-color:var(--grammar-dark-primary);box-shadow:0 4px 6px #8b451333;box-shadow:var(--shadow-md);color:wheat;color:var(--grammar-dark-text)}[data-theme=light] .modern-back-button{background:#ffffffe6;background:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border);color:#8b4513;color:var(--grammar-light-text)}[data-theme=light] .modern-back-button:hover{background:#daa520;background:var(--grammar-light-primary);border-color:#daa520;border-color:var(--grammar-light-primary);color:#8b4513;color:var(--grammar-light-text)}.mobile-header-back-button{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#8b4513!important;background:var(--grammar-dark-primary)!important;border:3px solid wheat!important;border:3px solid var(--grammar-dark-text)!important;border-radius:50%!important;border-radius:var(--radius-full)!important;box-shadow:0 4px 12px #0000004d!important;box-shadow:var(--mobile-back-shadow)!important;color:wheat!important;cursor:pointer!important;font-size:18px!important;font-weight:700!important;height:56px!important;height:var(--mobile-back-size)!important;left:16px!important;left:var(--mobile-back-position)!important;position:fixed!important;top:16px!important;top:var(--mobile-back-position)!important;transition:all .2s ease!important;transition:all var(--transition-fast)!important;width:56px!important;width:var(--mobile-back-size)!important;z-index:1000!important;z-index:var(--mobile-back-z-index)!important}.mobile-header-back-button:hover{background:sienna!important;background:var(--grammar-dark-accent)!important;box-shadow:0 6px 16px #0006!important;transform:scale(1.1)!important}.mobile-header-back-button:active{transform:scale(.95)!important}[data-theme=light] .mobile-header-back-button{background:#daa520!important;background:var(--grammar-light-primary)!important;border-color:#8b4513!important;border-color:var(--grammar-light-text)!important;box-shadow:0 4px 12px #daa52066!important;color:#8b4513!important;color:var(--grammar-light-text)!important}[data-theme=light] .mobile-header-back-button:hover{background:#b8860b!important;background:var(--grammar-light-accent)!important;box-shadow:0 6px 16px #daa52080!important}.grammar-header.mobile-layout{background:#0000;border:none;margin-bottom:var(--spacing-md);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.grammar-mobile-title{color:wheat;padding:0 16px;padding:0 var(--spacing-md)}[data-theme=light] .grammar-mobile-title{color:#8b4513;color:var(--grammar-light-text)}.grammar-header-spacer{flex-shrink:0;height:56px;height:var(--mobile-back-size);width:56px;width:var(--mobile-back-size)}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b4513,sienna);background:linear-gradient(135deg,var(--grammar-dark-primary),var(--grammar-dark-accent));-webkit-background-clip:text;background-clip:text;color:wheat;color:var(--grammar-dark-text);flex:1 1;font-weight:800}[data-theme=light] .page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#daa520,peru);background:linear-gradient(135deg,var(--grammar-light-primary),var(--grammar-light-secondary));-webkit-background-clip:text;background-clip:text;color:#8b4513;color:var(--grammar-light-text)}.search-filters-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b45131a;background:var(--grammar-dark-bg);border:1px solid #8b45134d;border:1px solid var(--grammar-dark-border);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:32px;margin-bottom:var(--spacing-xl);padding:24px;padding:var(--spacing-lg)}[data-theme=light] .search-filters-section{background:#f5deb34d;background:var(--grammar-light-bg);border-color:#daa52066;border-color:var(--grammar-light-border)}.search-container{margin-bottom:16px;margin-bottom:var(--spacing-md);position:relative}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b451326;background:var(--grammar-dark-card);border:2px solid #8b45134d;border:2px solid var(--grammar-dark-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #8b45131a;box-shadow:var(--shadow-sm);color:wheat;color:var(--grammar-dark-text);font-size:16px;font-weight:500;padding:24px;padding:var(--spacing-lg);padding-right:60px;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.search-input:focus{border-color:#8b4513;border-color:var(--grammar-dark-primary);box-shadow:0 0 0 4px #8b451333;outline:none;transform:translateY(-1px)}.search-input::placeholder{color:#deb887;color:var(--grammar-dark-text-secondary);font-weight:400}[data-theme=light] .search-input{background:#ffffffe6;background:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border);color:#8b4513;color:var(--grammar-light-text)}[data-theme=light] .search-input:focus{border-color:#daa520;border-color:var(--grammar-light-primary);box-shadow:0 0 0 4px #daa52033}[data-theme=light] .search-input::placeholder{color:#5d3317;color:var(--grammar-light-text-secondary)}.search-clear{align-items:center;background:#ef4444;background:var(--error-red);border:none;border-radius:50%;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-weight:600;height:32px;justify-content:center;position:absolute;right:24px;right:var(--spacing-lg);top:50%;transform:translateY(-50%);transition:all .2s ease;transition:all var(--transition-fast);width:32px}.search-clear:hover{background:#dc2626;transform:translateY(-50%) scale(1.1)}.filters-row{gap:16px;gap:var(--spacing-md);justify-content:space-between}.filters-row,.sort-button{align-items:center;display:flex}.sort-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b451326;background:var(--grammar-dark-card);border:2px solid #8b45134d;border:2px solid var(--grammar-dark-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #8b45131a;box-shadow:var(--shadow-sm);cursor:pointer;font-weight:600;gap:8px;gap:var(--spacing-sm);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease;transition:all var(--transition-fast)}.sort-button,.sort-button:hover{color:wheat;color:var(--grammar-dark-text)}.sort-button:hover{background:#8b4513;background:var(--grammar-dark-primary);border-color:#8b4513;border-color:var(--grammar-dark-primary);box-shadow:0 4px 6px #8b451333;box-shadow:var(--shadow-md);transform:translateY(-2px)}[data-theme=light] .sort-button{background:#ffffffe6;background:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border);color:#8b4513;color:var(--grammar-light-text)}[data-theme=light] .sort-button:hover{background:#daa520;background:var(--grammar-light-primary);border-color:#daa520;border-color:var(--grammar-light-primary);color:#8b4513;color:var(--grammar-light-text)}.word-count{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b451326;background:var(--grammar-dark-card);border:1px solid #8b45134d;border:1px solid var(--grammar-dark-border);border-radius:8px;border-radius:var(--radius-md);color:#deb887;color:var(--grammar-dark-text-secondary);font-size:14px;font-weight:600;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}[data-theme=light] .word-count{background:#ffffffe6;background:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border);color:#5d3317;color:var(--grammar-light-text-secondary)}.progress-card{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#8b45131a,#8b451326);background:linear-gradient(135deg,var(--grammar-dark-bg),var(--grammar-dark-card));border:2px solid #8b45134d;border:2px solid var(--grammar-dark-border);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 10px 15px #8b45134d;box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--spacing-xl);overflow:hidden;padding:32px;padding:var(--spacing-xl);position:relative}[data-theme=light] .progress-card{background:linear-gradient(135deg,#f5deb34d,#ffffffe6);background:linear-gradient(135deg,var(--grammar-light-bg),var(--grammar-light-card));border-color:#daa52066;border-color:var(--grammar-light-border);box-shadow:0 8px 24px #daa52040}.progress-card:before{background:radial-gradient(circle,#8b45131a 0,#0000 70%);border-radius:50%;content:"";height:150px;position:absolute;right:0;top:0;transform:translate(30%,-30%);width:150px}[data-theme=light] .progress-card:before{background:radial-gradient(circle,#daa5201a 0,#0000 70%)}.progress-info h3{color:#8b4513;color:var(--grammar-dark-primary);font-size:24px;font-weight:700;margin-bottom:8px;margin-bottom:var(--spacing-sm)}[data-theme=light] .progress-info h3{color:#daa520;color:var(--grammar-light-primary)}.progress-text{color:#deb887;color:var(--grammar-dark-text-secondary);font-size:16px;font-weight:500}[data-theme=light] .progress-text{color:#5d3317;color:var(--grammar-light-text-secondary)}.progress-circle-container{height:100px;position:relative;width:100px}.progress-percentage{color:#22c55e;color:var(--success-green);font-size:20px;font-weight:800;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.words-grid{display:flex;flex-direction:column}.word-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b451326;background:var(--grammar-dark-card);border:2px solid #8b45134d;border:2px solid var(--grammar-dark-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #8b45131a;box-shadow:var(--shadow-sm);cursor:pointer;min-height:auto;overflow:hidden;position:relative;transition:all .2s ease;transition:all var(--transition-fast)}.word-card:hover{border-color:#8b4513;border-color:var(--grammar-dark-primary);box-shadow:0 10px 15px #8b45134d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.word-card.learned{background:linear-gradient(90deg,#22c55e0d,#8b451326);background:linear-gradient(to right,#22c55e0d,var(--grammar-dark-card));border-left:6px solid #22c55e;border-left:6px solid var(--success-green)}.word-card.learned:before{background:#22c55e;background:var(--success-green);border-radius:50%;border-radius:var(--radius-full);content:"";z-index:2}.word-card.learned:after,.word-card.learned:before{align-items:center;display:flex;height:24px;justify-content:center;position:absolute;right:16px;right:var(--spacing-md);top:16px;top:var(--spacing-md);width:24px}.word-card.learned:after{color:#fff;content:"✓";font-size:14px;font-weight:800;z-index:3}[data-theme=light] .word-card{background:#ffffffe6;background:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border)}[data-theme=light] .word-card:hover{background:#f5deb380;border-color:#daa520;border-color:var(--grammar-light-primary);box-shadow:0 20px 25px #8b451366;box-shadow:var(--shadow-xl)}[data-theme=light] .word-card.learned{background:linear-gradient(90deg,#22c55e0d,#ffffffe6);background:linear-gradient(to right,#22c55e0d,var(--grammar-light-card))}.word-header{align-items:flex-start;gap:16px;gap:var(--spacing-md)}.word-main-content{flex:1 1}.word-number-title{gap:16px;gap:var(--spacing-md);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.word-number{background:#8b4513;background:var(--grammar-dark-primary);border-radius:var(--radius-full);box-shadow:0 4px 6px #8b451333;box-shadow:var(--shadow-md);color:wheat;color:var(--grammar-dark-text);flex-shrink:0;font-size:14px;font-weight:700;height:36px;transition:all .2s ease;transition:all var(--transition-fast);width:36px}.word-number.learned{animation:pulse 2s infinite;background:#22c55e;background:var(--success-green)}[data-theme=light] .word-number{background:#daa520;background:var(--grammar-light-primary);color:#8b4513;color:var(--grammar-light-text)}.foreign-word{font-size:20px!important;font-weight:800!important}.App[data-theme=dark] .foreign-word,.App[data-theme=light] .foreign-word,.dark .foreign-word,.foreign-word,.light .foreign-word,[data-theme=dark] .foreign-word,[data-theme=light] .foreign-word{-webkit-text-fill-color:unset!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#1a1a1a!important;color:var(--force-text-dark)!important;text-shadow:0 1px 3px #fff9!important;text-shadow:var(--force-shadow-light)!important}.translation,.word-translation{font-size:15px!important;font-weight:600!important;line-height:1.4;margin-top:4px;margin-top:var(--spacing-xs)}.App[data-theme=dark] .translation,.App[data-theme=dark] .word-translation,.App[data-theme=light] .translation,.App[data-theme=light] .word-translation,.dark .translation,.dark .word-translation,.light .translation,.light .word-translation,.translation,.word-translation,[data-theme=dark] .translation,[data-theme=dark] .word-translation,[data-theme=light] .translation,[data-theme=light] .word-translation{color:#2c2c2c!important;color:var(--force-text-medium)!important;text-shadow:0 1px 3px #fff9!important;text-shadow:var(--force-shadow-light)!important}.word-actions{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.audio-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b45131a,#8b451326);background:linear-gradient(135deg,var(--grammar-dark-bg),var(--grammar-dark-card));border:2px solid #8b45134d;border:2px solid var(--grammar-dark-border);border-radius:var(--radius-full);box-shadow:0 1px 3px #8b45131a;box-shadow:var(--shadow-sm);height:42px;transition:all .2s ease;transition:all var(--transition-fast);width:42px}.audio-button:hover{background:#8b4513;background:var(--grammar-dark-primary);box-shadow:0 4px 6px #8b451333;box-shadow:var(--shadow-md)}.audio-button:active{transform:scale(.95)}[data-theme=light] .audio-button{background:linear-gradient(135deg,#f5deb34d,#ffffffe6);background:linear-gradient(135deg,var(--grammar-light-bg),var(--grammar-light-card));border-color:#daa52066;border-color:var(--grammar-light-border);color:#daa520;color:var(--grammar-light-primary)}[data-theme=light] .audio-button:hover{background:#daa520;background:var(--grammar-light-primary);color:#8b4513;color:var(--grammar-light-text)}.expand-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:none;border:2px solid #8b45134d;border:2px solid var(--grammar-dark-border);border-radius:50%;border-radius:var(--radius-full);color:#deb887;color:var(--grammar-dark-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;transition:all var(--transition-fast);width:32px}.expand-button:hover{transform:scale(1.05)}.expand-button.expanded,.expand-button:hover{background:#8b4513;background:var(--grammar-dark-primary);border-color:#8b4513;border-color:var(--grammar-dark-primary);color:wheat;color:var(--grammar-dark-text)}.expand-button.expanded{transform:rotate(180deg)}.expand-button.expanded:hover{transform:rotate(180deg) scale(1.05)}[data-theme=light] .expand-button{border-color:#daa52066;border-color:var(--grammar-light-border);color:#5d3317;color:var(--grammar-light-text-secondary)}[data-theme=light] .expand-button:hover{background:#daa520;background:var(--grammar-light-primary);border-color:#daa520;border-color:var(--grammar-light-primary);color:#8b4513;color:var(--grammar-light-text)}.word-details{animation:slideDown .3s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b45131a,#8b451326);background:linear-gradient(135deg,var(--grammar-dark-bg),var(--grammar-dark-card));border-top:2px solid #8b45134d;border-top:2px solid var(--grammar-dark-border);padding:24px;padding:var(--spacing-lg);padding-top:16px;padding-top:var(--spacing-md)}[data-theme=light] .word-details{background:linear-gradient(135deg,#f5deb34d,#ffffffe6);background:linear-gradient(135deg,var(--grammar-light-bg),var(--grammar-light-card));border-color:#daa52066;border-color:var(--grammar-light-border)}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:200px;opacity:1;transform:translateY(0)}}.word-example,.word-explanation{margin-bottom:16px;margin-bottom:var(--spacing-md)}.word-example:last-child,.word-explanation:last-child{margin-bottom:0}.detail-label{color:#8b4513;color:var(--grammar-dark-primary);display:block;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;margin-bottom:var(--spacing-xs);text-transform:uppercase}[data-theme=light] .detail-label{color:#daa520;color:var(--grammar-light-primary)}.word-explanation-content{font-size:14px!important;font-weight:600!important;line-height:1.5}.App[data-theme=dark] .word-explanation-content,.App[data-theme=light] .word-explanation-content,.dark .word-explanation-content,.light .word-explanation-content,.word-explanation-content,[data-theme=dark] .word-explanation-content,[data-theme=light] .word-explanation-content{color:#2c2c2c!important;color:var(--force-text-medium)!important;text-shadow:0 1px 3px #fff9!important;text-shadow:var(--force-shadow-light)!important}.example-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:4px solid #8b4513;border-left:4px solid var(--grammar-dark-primary);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #8b45131a;box-shadow:var(--shadow-sm);font-size:14px!important;font-style:italic;font-weight:600!important;line-height:1.5;padding:16px;padding:var(--spacing-md)}.App[data-theme=dark] .example-content,.App[data-theme=light] .example-content,.dark .example-content,.example-content,.light .example-content,[data-theme=dark] .example-content,[data-theme=light] .example-content{background:#fffffff2!important;background:var(--force-bg-light)!important;color:#404040!important;color:var(--force-text-light)!important;text-shadow:0 1px 3px #fff9!important;text-shadow:var(--force-shadow-light)!important}.pagination-section{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#8b45131a;background:var(--grammar-dark-bg);border:2px solid #8b45134d;border:2px solid var(--grammar-dark-border);border-radius:12px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg);margin:32px 0;margin:var(--spacing-xl) 0;padding:24px;padding:var(--spacing-lg)}[data-theme=light] .pagination-section{background:#f5deb34d;background:var(--grammar-light-bg);border-color:#daa52066;border-color:var(--grammar-light-border)}.pagination-controls{gap:24px;gap:var(--spacing-lg)}.pagination-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b451326;background:var(--grammar-dark-card);border-radius:50%;border-radius:var(--radius-full);box-shadow:0 1px 3px #8b45131a;box-shadow:var(--shadow-sm);height:42px;justify-content:center;transition:all .2s ease;transition:all var(--transition-fast);width:42px}.pagination-button:hover:not(:disabled){border-color:#8b4513;border-color:var(--grammar-dark-primary);box-shadow:0 4px 6px #8b451333;box-shadow:var(--shadow-md);transform:scale(1.1)}.pagination-button:disabled{opacity:.4;transform:none}[data-theme=light] .pagination-button{background:#ffffffe6;background:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border);color:#8b4513;color:var(--grammar-light-text)}[data-theme=light] .pagination-button:hover:not(:disabled){background:#daa520;background:var(--grammar-light-primary);border-color:#daa520;border-color:var(--grammar-light-primary);color:#8b4513;color:var(--grammar-light-text)}.page-numbers{display:flex;gap:8px;gap:var(--spacing-sm)}.page-number{align-items:center;border-radius:50%;border-radius:var(--radius-full);box-shadow:0 1px 3px #8b45131a;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .2s ease;transition:all var(--transition-fast);width:38px}.page-number.active{background:#8b4513;background:var(--grammar-dark-primary);box-shadow:0 4px 6px #8b451333;box-shadow:var(--shadow-md);color:wheat;color:var(--grammar-dark-text)}.page-number.active,.page-number:not(.active):hover{border-color:#8b4513;border-color:var(--grammar-dark-primary);transform:scale(1.05)}.page-number:not(.active):hover{background:#8b45131a;background:var(--grammar-dark-bg)}[data-theme=light] .page-number{background:#ffffffe6;background:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border);color:#8b4513;color:var(--grammar-light-text)}[data-theme=light] .page-number.active{background:#daa520;background:var(--grammar-light-primary);border-color:#daa520;border-color:var(--grammar-light-primary);color:#8b4513;color:var(--grammar-light-text)}[data-theme=light] .page-number:not(.active):hover{background:#f5deb34d;background:var(--grammar-light-bg);border-color:#daa520;border-color:var(--grammar-light-primary)}.page-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border-radius:var(--radius-lg);font-size:16px;font-weight:700!important;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg)}.App[data-theme=dark] .page-indicator,.App[data-theme=light] .page-indicator,.dark .page-indicator,.light .page-indicator,.page-indicator,[data-theme=dark] .page-indicator,[data-theme=light] .page-indicator{background:#fffffff2!important;background:var(--force-bg-light)!important;border:2px solid #0003!important;color:#2c2c2c!important;color:var(--force-text-medium)!important;text-shadow:0 1px 3px #fff9!important;text-shadow:var(--force-shadow-light)!important}.action-buttons{margin-top:32px;margin-top:var(--spacing-xl)}.action-button{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius-lg);box-shadow:0 4px 6px #8b451333;box-shadow:var(--shadow-md);display:flex;flex:1 1;font-weight:700;gap:8px;gap:var(--spacing-sm);justify-content:center;padding:24px;padding:var(--spacing-lg);transition:all .2s ease;transition:all var(--transition-fast)}.action-button:before{background:linear-gradient(90deg,#0000,#f5deb333,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-button:hover:before{left:100%}.action-button.primary{background:linear-gradient(135deg,#22c55e,#059669);background:linear-gradient(135deg,var(--success-green),#059669);box-shadow:0 4px 16px #22c55e66;color:#fff}.action-button.primary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 24px #22c55e80;transform:translateY(-3px)}.action-button.secondary{background:linear-gradient(135deg,#8b4513,sienna);background:linear-gradient(135deg,var(--grammar-dark-primary),var(--grammar-dark-accent));box-shadow:0 4px 16px #8b451366}.action-button.secondary:hover{background:linear-gradient(135deg,sienna,#5d3317);background:linear-gradient(135deg,var(--grammar-dark-accent),var(--grammar-dark-secondary));box-shadow:0 8px 24px #8b451380;transform:translateY(-3px)}[data-theme=light] .action-button.secondary{background:linear-gradient(135deg,#daa520,peru);background:linear-gradient(135deg,var(--grammar-light-primary),var(--grammar-light-secondary));box-shadow:0 4px 16px #daa52066;color:#8b4513;color:var(--grammar-light-text)}[data-theme=light] .action-button.secondary:hover{background:linear-gradient(135deg,peru,#b8860b);background:linear-gradient(135deg,var(--grammar-light-secondary),var(--grammar-light-accent));box-shadow:0 8px 24px #daa52080}.action-button.tertiary{background:linear-gradient(135deg,#8b45131a,#8b451326);background:linear-gradient(135deg,var(--grammar-dark-bg),var(--grammar-dark-card));border:2px solid #8b45134d;border:2px solid var(--grammar-dark-border);box-shadow:0 3px 10px #8b45134d;color:wheat;color:var(--grammar-dark-text)}.action-button.tertiary:hover{background:linear-gradient(135deg,#8b451326,#8b45134d);background:linear-gradient(135deg,var(--grammar-dark-card),var(--grammar-dark-border));box-shadow:0 6px 16px #8b451366;transform:translateY(-3px)}[data-theme=light] .action-button.tertiary{background:linear-gradient(135deg,#f5deb34d,#ffffffe6);background:linear-gradient(135deg,var(--grammar-light-bg),var(--grammar-light-card));border-color:#daa52066;border-color:var(--grammar-light-border);box-shadow:0 3px 10px #daa5204d;color:#8b4513;color:var(--grammar-light-text)}[data-theme=light] .action-button.tertiary:hover{background:linear-gradient(135deg,#ffffffe6,#daa52066);background:linear-gradient(135deg,var(--grammar-light-card),var(--grammar-light-border));box-shadow:0 6px 16px #daa52066}.empty-state{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#8b45131a,#8b451326);background:linear-gradient(135deg,var(--grammar-dark-bg),var(--grammar-dark-card));border:2px dashed #8b45134d;border:2px dashed var(--grammar-dark-border);border-radius:12px;border-radius:var(--radius-lg);margin:24px 0;margin:var(--spacing-lg) 0;padding:32px;padding:var(--spacing-xl)}[data-theme=light] .empty-state{background:linear-gradient(135deg,#f5deb34d,#ffffffe6);background:linear-gradient(135deg,var(--grammar-light-bg),var(--grammar-light-card));border-color:#daa52066;border-color:var(--grammar-light-border)}.empty-state-icon{font-size:48px;margin-bottom:16px;margin-bottom:var(--spacing-md)}.empty-state-message{color:#deb887;color:var(--grammar-dark-text-secondary);font-size:16px;font-weight:500;margin-bottom:8px;margin-bottom:var(--spacing-sm)}[data-theme=light] .empty-state-message{color:#5d3317;color:var(--grammar-light-text-secondary)}.empty-state-suggestion{color:#deb887;color:var(--grammar-dark-text-secondary);font-size:13px;opacity:.8}[data-theme=light] .empty-state-suggestion{color:#5d3317;color:var(--grammar-light-text-secondary)}@media (max-width:768px){.word-list-preview-container{padding:16px;padding:var(--spacing-md);padding-top:120px!important;padding-top:calc(var(--mobile-back-size) + var(--mobile-back-position)*2 + var(--spacing-xl))!important}.word-list-preview{margin-top:8px!important;margin-top:var(--spacing-sm)!important;min-height:calc(100vh - 136px);min-height:calc(100vh - var(--mobile-back-size) - var(--mobile-back-position)*3 - var(--spacing-xl));padding:24px;padding:var(--spacing-lg)}.header-section{flex-direction:column;gap:24px;gap:var(--spacing-lg);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding-bottom:16px;padding-bottom:var(--spacing-md);text-align:center}.page-title{font-size:22px}.modern-back-button{display:none}.progress-card{flex-direction:column;gap:24px;gap:var(--spacing-lg);text-align:center}.word-header{flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:16px;padding:var(--spacing-md)}.word-actions{flex-direction:row;justify-content:center;width:100%}.foreign-word{font-size:18px!important}.translation,.word-translation{font-size:14px!important}.action-buttons{flex-direction:column}.pagination-controls{gap:16px;gap:var(--spacing-md)}.page-numbers{gap:4px;gap:var(--spacing-xs)}.page-number{height:34px;width:34px}.search-filters-section{padding:16px;padding:var(--spacing-md)}.filters-row{align-items:stretch;flex-direction:column;gap:16px;gap:var(--spacing-md)}.mobile-header-back-button{top:calc(env(safe-area-inset-top, 0px) + 16px)!important;top:calc(env(safe-area-inset-top, 0px) + var(--mobile-back-position))!important}.grammar-header.mobile-layout{margin-top:16px;margin-top:var(--spacing-md);padding-top:0}}@media (max-width:480px){.word-list-preview-container{padding-top:152px!important;padding-top:calc(var(--mobile-back-size) + var(--mobile-back-position)*3 + var(--spacing-2xl))!important}.word-list-preview{margin-top:0!important;min-height:calc(100vh - 168px);min-height:calc(100vh - var(--mobile-back-size) - var(--mobile-back-position)*4 - var(--spacing-2xl));padding:16px;padding:var(--spacing-md)}.word-header{padding:8px;padding:var(--spacing-sm)}.action-button,.word-details{padding:16px;padding:var(--spacing-md)}.action-button{font-size:14px}.page-title{font-size:18px}.foreign-word{font-size:16px!important}.example-content,.translation,.word-explanation-content,.word-translation{font-size:13px!important}:root{--mobile-back-size:48px;--mobile-back-position:12px}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.mobile-header-back-button{animation:mobileButtonAppear .4s ease-out}.word-card{animation:fadeInUp .6s ease forwards}.word-card:first-child{animation-delay:.1s}.word-card:nth-child(2){animation-delay:.2s}.word-card:nth-child(3){animation-delay:.3s}.word-card:nth-child(4){animation-delay:.4s}.word-card:nth-child(5){animation-delay:.5s}.word-details{animation:slideInLeft .3s ease forwards}.audio-button:active{animation:bounce .6s}.action-button,.audio-button,.mobile-header-back-button,.pagination-button,.word-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}@media (prefers-reduced-motion:reduce){.audio-button,.mobile-header-back-button,.word-card,.word-details{animation:none}.action-button:before{display:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.action-button:focus-visible,.audio-button:focus-visible,.expand-button:focus-visible,.mobile-header-back-button:focus-visible,.modern-back-button:focus-visible,.page-number:focus-visible,.pagination-button:focus-visible,.sort-button:focus-visible{outline:3px solid #8b4513;outline:3px solid var(--grammar-dark-primary);outline-offset:2px}[data-theme=light] .action-button:focus-visible,[data-theme=light] .audio-button:focus-visible,[data-theme=light] .expand-button:focus-visible,[data-theme=light] .mobile-header-back-button:focus-visible,[data-theme=light] .modern-back-button:focus-visible,[data-theme=light] .page-number:focus-visible,[data-theme=light] .pagination-button:focus-visible,[data-theme=light] .sort-button:focus-visible{outline-color:#daa520;outline-color:var(--grammar-light-primary)}.mobile-header-back-button:focus-visible{outline:4px solid #fffc;outline-offset:3px}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.empty-state,.pagination-section,.progress-card,.search-filters-section,.word-card,.word-list-preview{background-color:#8b4513e6!important}[data-theme=light] .empty-state,[data-theme=light] .pagination-section,[data-theme=light] .progress-card,[data-theme=light] .search-filters-section,[data-theme=light] .word-card,[data-theme=light] .word-list-preview{background-color:#fffffff2!important}.mobile-header-back-button{background-color:#8b4513!important;background-color:var(--grammar-dark-primary)!important}[data-theme=light] .mobile-header-back-button{background-color:#daa520!important;background-color:var(--grammar-light-primary)!important}}@supports not (background:linear-gradient(135deg,#8b4513,#5d3317)){.word-list-preview-container{background-color:#5d3317!important;background-color:var(--grammar-dark-secondary)!important}[data-theme=light] .word-list-preview-container{background-color:peru!important;background-color:var(--grammar-light-secondary)!important}.action-button.secondary{background-color:#8b4513!important;background-color:var(--grammar-dark-primary)!important}[data-theme=light] .action-button.secondary{background-color:#daa520!important;background-color:var(--grammar-light-primary)!important}}@supports not (top:env(safe-area-inset-top)){@media (max-width:768px){.mobile-header-back-button{top:16px!important;top:var(--mobile-back-position)!important}}}@media (prefers-contrast:high){.foreign-word{color:#000!important;font-weight:900!important;text-shadow:0 0 2px #fff!important}.translation,.word-explanation-content,.word-translation{color:#000!important;font-weight:800!important;text-shadow:0 0 1px #fff!important}.example-content,.page-indicator{background:#fff!important;border:3px solid #000!important;color:#000!important;text-shadow:none!important}.page-indicator{font-weight:900!important}.mobile-header-back-button{background:#000!important;border:4px solid #fff!important;box-shadow:0 4px 12px #000c!important;color:#fff!important}[data-theme=light] .mobile-header-back-button{background:#fff!important;border:4px solid #000!important;box-shadow:0 4px 12px #00000080!important;color:#000!important}}@supports (-webkit-overflow-scrolling:touch){.mobile-header-back-button{position:-webkit-sticky!important;position:sticky!important;top:calc(env(safe-area-inset-top, 0px) + 16px)!important;top:calc(env(safe-area-inset-top, 0px) + var(--mobile-back-position))!important;z-index:1001!important;z-index:calc(var(--mobile-back-z-index) + 1)!important}@media (max-width:768px){.word-list-preview-container{-webkit-overflow-scrolling:touch;padding-top:calc(env(safe-area-inset-top, 0px) + 120px)!important;padding-top:calc(env(safe-area-inset-top, 0px) + var(--mobile-back-size) + var(--mobile-back-position)*2 + var(--spacing-xl))!important}.word-list-preview{position:relative!important;transform:translateY(0)!important;z-index:1!important}}}@media (hover:none) and (pointer:coarse){.mobile-header-back-button{-webkit-tap-highlight-color:rgba(139,69,19,.3);min-height:64px;min-height:calc(var(--mobile-back-size) + 8px);min-width:64px;min-width:calc(var(--mobile-back-size) + 8px)}.mobile-header-back-button:active{transform:scale(.9)!important;transition:transform .1s ease!important}[data-theme=light] .mobile-header-back-button{-webkit-tap-highlight-color:rgba(218,165,32,.3)}.action-button,.audio-button,.expand-button,.page-number,.pagination-button{-webkit-tap-highlight-color:rgba(139,69,19,.2);min-height:44px;min-width:44px}[data-theme=light] .action-button,[data-theme=light] .audio-button,[data-theme=light] .expand-button,[data-theme=light] .page-number,[data-theme=light] .pagination-button{-webkit-tap-highlight-color:rgba(218,165,32,.2)}}@media (max-width:768px) and (orientation:landscape){.mobile-header-back-button{left:calc(env(safe-area-inset-left, 0px) + 16px)!important;left:calc(env(safe-area-inset-left, 0px) + var(--mobile-back-position))!important;top:calc(env(safe-area-inset-top, 0px) + 8px)!important}.word-list-preview-container{padding-left:calc(env(safe-area-inset-left, 0px) + 16px);padding-left:calc(env(safe-area-inset-left, 0px) + var(--spacing-md));padding-right:calc(env(safe-area-inset-right, 0px) + 16px);padding-right:calc(env(safe-area-inset-right, 0px) + var(--spacing-md));padding-top:calc(env(safe-area-inset-top, 0px) + 80px)!important;padding-top:calc(env(safe-area-inset-top, 0px) + var(--mobile-back-size) + var(--spacing-lg))!important}.progress-card{flex-direction:row;text-align:left}.word-list-preview{margin-top:0!important}}@media (max-width:768px){.mobile-header-back-button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0)}.action-button,.pagination-button,.word-card{transform:translateZ(0)}}@media (prefers-color-scheme:dark){:root{--system-dark-bg:#0a0a0a;--system-dark-surface:#1a1a1a;--system-dark-text:#fff}.mobile-header-back-button{background:#8b4513!important;background:var(--grammar-dark-primary)!important;border-color:var(--system-dark-text)!important;color:var(--system-dark-text)!important}}.mobile-header-back-button:after{clip:rect(0,0,0,0);content:"Retour à la liste des catégories";height:1px;left:-9999px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (pointer:fine){.mobile-header-back-button:focus{outline:3px solid sienna;outline:3px solid var(--grammar-dark-accent);outline-offset:4px}[data-theme=light] .mobile-header-back-button:focus{outline-color:#b8860b;outline-color:var(--grammar-light-accent)}}.mobile-header-back-button{transform:translateZ(0);will-change:transform,opacity}.word-card{contain:layout style}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.mobile-header-back-button{border-width:2px}}@supports not (display:flex){.mobile-header-back-button{display:block!important;line-height:56px!important;line-height:var(--mobile-back-size)!important;text-align:center!important}}@supports not (--css:variables){.mobile-header-back-button{background:#8b4513!important;border:3px solid wheat!important;border-radius:50%!important;box-shadow:0 4px 12px #0000004d!important;color:wheat!important;height:56px!important;left:16px!important;top:16px!important;width:56px!important}}.word-list-preview-container{align-items:center!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(135deg,#8b45131a,#8b451326 50%,#8b45134d);background:linear-gradient(135deg,var(--grammar-dark-bg) 0,var(--grammar-dark-card) 50%,var(--grammar-dark-border) 100%);bottom:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;left:0!important;overflow-y:auto!important;padding:24px;padding:var(--spacing-lg);position:fixed!important;right:0!important;top:0!important;transform:translateZ(0);-webkit-transform:translateZ(0);z-index:10!important}.light .word-list-preview-container,[data-theme=light] .word-list-preview-container{background:linear-gradient(135deg,#f5deb34d,#ffffffe6 50%,#daa52066);background:linear-gradient(135deg,var(--grammar-light-bg) 0,var(--grammar-light-card) 50%,var(--grammar-light-border) 100%)}.word-list-preview{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#8b45131a;background-color:var(--grammar-dark-bg);border:2px solid #8b45134d;border:2px solid var(--grammar-dark-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #8b45134d;color:wheat;color:var(--grammar-dark-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:800px;overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative;transition:all .3s ease;transition:all var(--transition-normal);width:100%}.light .word-list-preview,[data-theme=light] .word-list-preview{background-color:#f5deb34d;background-color:var(--grammar-light-bg);border-color:#daa52066;border-color:var(--grammar-light-border);box-shadow:0 8px 24px #daa52033;color:#8b4513;color:var(--grammar-light-text)}.word-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b4513,#5d3317);background:linear-gradient(135deg,var(--grammar-dark-primary),var(--grammar-dark-secondary));border:2px solid #8b45134d;border:2px solid var(--grammar-dark-border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 6px 16px #8b45134d;color:wheat;color:var(--grammar-dark-text);display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--spacing-xl);padding:24px;padding:var(--spacing-lg);position:relative;text-align:center}.light .word-header,[data-theme=light] .word-header{background:linear-gradient(135deg,#daa520,peru);background:linear-gradient(135deg,var(--grammar-light-primary),var(--grammar-light-secondary));border-color:#daa52066;border-color:var(--grammar-light-border);box-shadow:0 6px 16px #daa52040;color:#ffffffe6;color:var(--grammar-light-card)}.page-title{color:inherit;font-size:28px;font-weight:700;margin:0;text-align:center}.word-number-title{gap:24px;gap:var(--spacing-lg);margin-top:16px;margin-top:var(--spacing-md)}.word-number,.word-number-title{align-items:center;display:flex;justify-content:center}.word-number{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5deb333;border:2px solid #f5deb366;border-radius:50%;color:inherit;font-size:16px;font-weight:600;height:40px;width:40px}.light .word-number,[data-theme=light] .word-number{background:#8b451333;border-color:#8b451366}.word-content-section{padding:24px 0;padding:var(--spacing-lg) 0}.words-grid{grid-gap:24px;grid-gap:var(--spacing-lg);gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px;margin-bottom:var(--spacing-xl);min-height:400px}.word-card{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#8b451326!important;background:var(--grammar-dark-card)!important;border:2px solid #8b45134d!important;border:2px solid var(--grammar-dark-border)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;box-shadow:0 6px 16px #8b45134d!important;color:wheat!important;color:var(--grammar-dark-text)!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;justify-content:center!important;justify-self:center!important;max-width:280px!important;min-height:120px!important;padding:16px!important;padding:var(--spacing-md)!important;position:relative!important;transition:all .2s ease!important;transition:all var(--transition-fast)!important;width:100%!important}.light .word-card,[data-theme=light] .word-card{background:#ffffffe6!important;background:var(--grammar-light-card)!important;border-color:#daa52066!important;border-color:var(--grammar-light-border)!important;box-shadow:0 6px 16px #daa52040!important;color:#8b4513!important;color:var(--grammar-light-text)!important}.word-card:hover{background:#8b45134d!important;border-color:#8b4513!important;box-shadow:0 8px 20px #8b451366!important;transform:translateY(-4px)!important}.light .word-card:hover,[data-theme=light] .word-card:hover{background:#daa52033!important;border-color:#daa520!important;border-color:var(--grammar-light-primary)!important;box-shadow:0 8px 20px #daa5204d!important}.word-details{padding:16px;padding:var(--spacing-md);text-align:center;width:100%}.foreign-word{color:wheat!important;color:var(--grammar-dark-text)!important;font-size:18px!important;font-weight:600!important;line-height:1.2;margin-bottom:8px!important;margin-bottom:var(--spacing-sm)!important;text-align:center!important}.light .foreign-word,[data-theme=light] .foreign-word{color:#8b4513!important;color:var(--grammar-light-text)!important}.translation{color:#deb887!important;color:var(--grammar-dark-text-secondary)!important;font-size:14px!important;margin-bottom:var(--spacing-md);text-align:center!important}.light .translation,[data-theme=light] .translation{color:#5d3317!important;color:var(--grammar-light-text-secondary)!important}.explanation{color:#deb887!important;color:var(--grammar-dark-text-secondary)!important;font-size:12px!important;line-height:1.4;margin-bottom:8px;margin-bottom:var(--spacing-sm);opacity:.8!important;text-align:center!important}.light .explanation,[data-theme=light] .explanation{color:#5d3317!important;color:var(--grammar-light-text-secondary)!important}.example{background:#8b45131a;border-left:3px solid #8b4513;border-left:3px solid var(--grammar-dark-primary);border-radius:6px;border-radius:var(--radius-sm);font-size:12px;font-style:italic;line-height:1.3;margin-top:8px;margin-top:var(--spacing-sm);padding:8px;padding:var(--spacing-sm)}.light .example,[data-theme=light] .example{background:#daa5201a;border-left-color:#daa520;border-left-color:var(--grammar-light-primary)}.example strong{color:wheat;font-weight:600}.audio-button{align-items:center;background:#0000;border:2px solid #8b4513;border:2px solid var(--grammar-dark-primary);border-radius:50%;color:#8b4513;color:var(--grammar-dark-primary);cursor:pointer;display:flex;justify-content:center;margin:16px auto 0;margin:var(--spacing-md) auto 0;transition:all .3s ease;transition:all var(--transition-normal)}.light .audio-button,[data-theme=light] .audio-button{border-color:#daa520;border-color:var(--grammar-light-primary);color:#daa520;color:var(--grammar-light-primary)}.audio-button:hover{background-color:#8b4513;background-color:var(--grammar-dark-primary);box-shadow:0 4px 12px #8b451366;color:wheat;color:var(--grammar-dark-text);transform:scale(1.1)}.light .audio-button:hover,[data-theme=light] .audio-button:hover{background-color:#daa520;background-color:var(--grammar-light-primary);box-shadow:0 4px 12px #daa5204d;color:#ffffffe6;color:var(--grammar-light-card)}.audio-button:disabled{cursor:not-allowed;opacity:.5}.audio-button:disabled:hover{background:#0000;box-shadow:none;transform:none}.pagination-controls{align-items:center;background:#8b45131a;background:var(--grammar-dark-bg);border-radius:0 0 16px 16px;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:2px solid #8b45134d;border-top:2px solid var(--grammar-dark-border);display:flex;gap:16px;gap:var(--spacing-md);justify-content:center;padding:32px;padding:var(--spacing-xl)}.light .pagination-controls,[data-theme=light] .pagination-controls{background:#f5deb34d;background:var(--grammar-light-bg);border-top-color:#daa52066;border-top-color:var(--grammar-light-border)}.pagination-button{align-items:center;background:#0000;border:2px solid #8b45134d;border:2px solid var(--grammar-dark-border);border-radius:12px;border-radius:var(--radius-md);color:wheat;color:var(--grammar-dark-text);cursor:pointer;display:flex;font-weight:500;gap:8px;gap:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:all var(--transition-normal)}.light .pagination-button,[data-theme=light] .pagination-button{border-color:#daa52066;border-color:var(--grammar-light-border);color:#8b4513;color:var(--grammar-light-text)}.pagination-button:hover:not(:disabled){background:#8b4513;background:var(--grammar-dark-primary);border-color:#5d3317;border-color:var(--grammar-dark-secondary);box-shadow:0 4px 12px #8b45134d;color:wheat;color:var(--grammar-dark-text);transform:translateY(-2px)}.light .pagination-button:hover:not(:disabled),[data-theme=light] .pagination-button:hover:not(:disabled){background:#daa520;background:var(--grammar-light-primary);border-color:peru;border-color:var(--grammar-light-secondary);box-shadow:0 4px 12px #daa5204d;color:#ffffffe6;color:var(--grammar-light-card)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{align-items:center;color:#deb887;color:var(--grammar-dark-text-secondary);display:flex;font-weight:500;gap:8px;gap:var(--spacing-sm)}.light .pagination-info,[data-theme=light] .pagination-info{color:#5d3317;color:var(--grammar-light-text-secondary)}.page-number{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b451326;background:var(--grammar-dark-card);border:2px solid #8b45134d;border:2px solid var(--grammar-dark-border);border-radius:6px;border-radius:var(--radius-sm);color:wheat;color:var(--grammar-dark-text);font-weight:600;min-width:40px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.light .page-number,[data-theme=light] .page-number{background:#ffffffe6;background:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border);color:#8b4513;color:var(--grammar-light-text)}.action-buttons{background:#8b45131a;background:var(--grammar-dark-bg);border-top:2px solid #8b45134d;border-top:2px solid var(--grammar-dark-border);display:flex;gap:16px;gap:var(--spacing-md);justify-content:center;padding:32px;padding:var(--spacing-xl)}.light .action-buttons,[data-theme=light] .action-buttons{background:#f5deb34d;background:var(--grammar-light-bg);border-top-color:#daa52066;border-top-color:var(--grammar-light-border)}.action-button{background:linear-gradient(135deg,#8b4513,#5d3317);background:linear-gradient(135deg,var(--grammar-dark-primary),var(--grammar-dark-secondary));border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 6px 16px #8b45134d;color:wheat;color:var(--grammar-dark-text);cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;min-width:140px;overflow:hidden;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);position:relative;text-transform:uppercase;transition:all .3s ease;transition:all var(--transition-normal)}.light .action-button,[data-theme=light] .action-button{background:linear-gradient(135deg,#daa520,peru);background:linear-gradient(135deg,var(--grammar-light-primary),var(--grammar-light-secondary));box-shadow:0 6px 16px #daa52040;color:#ffffffe6;color:var(--grammar-light-card)}.action-button:hover{box-shadow:0 8px 20px #8b451366;transform:translateY(-3px)}.light .action-button:hover,[data-theme=light] .action-button:hover{box-shadow:0 8px 20px #daa52066}.action-button:active{transform:translateY(-1px)}.action-button.secondary{background:#0000;border:2px solid #8b45134d;border:2px solid var(--grammar-dark-border);color:wheat;color:var(--grammar-dark-text)}.light .action-button.secondary,[data-theme=light] .action-button.secondary{border-color:#daa52066;border-color:var(--grammar-light-border);color:#8b4513;color:var(--grammar-light-text)}.action-button.secondary:hover{background:#8b4513;background:var(--grammar-dark-primary);border-color:#5d3317;border-color:var(--grammar-dark-secondary);color:wheat;color:var(--grammar-dark-text)}.light .action-button.secondary:hover,[data-theme=light] .action-button.secondary:hover{background:#daa520;background:var(--grammar-light-primary);border-color:peru;border-color:var(--grammar-light-secondary);color:#ffffffe6;color:var(--grammar-light-card)}.loading-state{align-items:center;color:#deb887;color:var(--grammar-dark-text-secondary);display:flex;justify-content:center;padding:48px;padding:var(--spacing-2xl)}.light .loading-state,[data-theme=light] .loading-state{color:#5d3317;color:var(--grammar-light-text-secondary)}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #8b45134d;border-top:4px solid #8b4513;border:4px solid var(--grammar-dark-border);border-top-color:var(--grammar-dark-primary);height:40px;margin-right:16px;margin-right:var(--spacing-md);width:40px}.light .loading-spinner,[data-theme=light] .loading-spinner{border-color:#daa52066;border-color:var(--grammar-light-border);border-top-color:#daa520;border-top-color:var(--grammar-light-primary)}.empty-state{color:#deb887;color:var(--grammar-dark-text-secondary);padding:48px;padding:var(--spacing-2xl);text-align:center}.light .empty-state,[data-theme=light] .empty-state{color:#5d3317;color:var(--grammar-light-text-secondary)}.empty-state-icon{font-size:64px;margin-bottom:24px;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h3{color:wheat;color:var(--grammar-dark-text);font-size:20px;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.light .empty-state h3,[data-theme=light] .empty-state h3{color:#8b4513;color:var(--grammar-light-text)}.error-state{background:#8b45131a;border:2px solid #8b45134d;border:2px solid var(--grammar-dark-border);border-radius:12px;border-radius:var(--radius-md);margin:24px;margin:var(--spacing-lg);padding:24px;padding:var(--spacing-lg);text-align:center}.light .error-state,[data-theme=light] .error-state{background:#daa5201a;border-color:#daa52066;border-color:var(--grammar-light-border)}@media (max-width:768px){.word-list-preview,.word-list-preview-container{padding:16px;padding:var(--spacing-md)}.word-list-preview{border-radius:12px;border-radius:var(--radius-md)}.word-header{margin-bottom:16px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.page-title{font-size:22px}.word-number-title{flex-direction:column;gap:16px;gap:var(--spacing-md)}.words-grid{gap:16px;gap:var(--spacing-md);grid-template-columns:1fr}.word-card{min-height:100px;padding:16px;padding:var(--spacing-md)}.foreign-word{font-size:16px}.translation{font-size:13px}.action-buttons{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.action-button{min-width:auto;width:100%}.pagination-controls{flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}}@media (max-width:480px){.word-header,.word-list-preview-container{padding:8px;padding:var(--spacing-sm)}.page-title{font-size:18px}.word-number{font-size:14px;height:32px;width:32px}.word-content-section{padding:16px;padding:var(--spacing-md)}.word-card{min-height:80px;padding:8px;padding:var(--spacing-sm)}.foreign-word{font-size:15px}.translation{font-size:12px}.example,.explanation{font-size:11px}}@media (prefers-reduced-motion:reduce){.action-button,.audio-button,.pagination-button,.word-card,.word-list-preview{animation:none!important;transition:none!important}.action-button:hover,.audio-button:hover,.pagination-button:hover,.word-card:hover{transform:none!important}}@media (prefers-contrast:high){.action-button,.pagination-button,.word-card,.word-list-preview{border-width:3px!important}}.word-list-preview-container :focus{outline:2px solid #8b4513;outline:2px solid var(--grammar-dark-primary);outline-offset:2px}.light .word-list-preview-container :focus,[data-theme=light] .word-list-preview-container :focus{outline-color:#daa520;outline-color:var(--grammar-light-primary)}.action-button,.audio-button,.pagination-button,.word-card{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:transform}.word-list-preview-container{contain:layout style paint}.words-grid{contain:layout}.word-list-preview-container::-webkit-scrollbar{width:8px}.word-list-preview-container::-webkit-scrollbar-track{background:#8b45131a;border-radius:4px}.word-list-preview-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b4513,sienna);border-radius:4px}.word-list-preview-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,sienna,#8b4513)}.light .word-list-preview-container::-webkit-scrollbar-track,[data-theme=light] .word-list-preview-container::-webkit-scrollbar-track{background:#daa52026}.light .word-list-preview-container::-webkit-scrollbar-thumb,[data-theme=light] .word-list-preview-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#daa520,peru)}.dark-mode .word-list-preview-container{background:linear-gradient(135deg,#8b45131a,#8b451326 50%,#8b45134d);background:linear-gradient(135deg,var(--grammar-dark-bg) 0,var(--grammar-dark-card) 50%,var(--grammar-dark-border) 100%)}.dark-mode .word-list-preview{background-color:#8b45131a;background-color:var(--grammar-dark-bg)}.dark-mode .word-header,.dark-mode .word-list-preview{border-color:#8b45134d;border-color:var(--grammar-dark-border);color:wheat;color:var(--grammar-dark-text)}.dark-mode .word-header{background:linear-gradient(135deg,#8b4513,#5d3317);background:linear-gradient(135deg,var(--grammar-dark-primary),var(--grammar-dark-secondary))}.dark-mode .word-card{background:#8b451326!important;background:var(--grammar-dark-card)!important;border-color:#8b45134d!important;border-color:var(--grammar-dark-border)!important;color:wheat!important;color:var(--grammar-dark-text)!important}.dark-mode .word-card:hover{background:#8b45134d!important;border-color:#8b4513!important}.dark-mode .foreign-word{color:wheat!important;color:var(--grammar-dark-text)!important}.dark-mode .explanation,.dark-mode .translation{color:#deb887!important;color:var(--grammar-dark-text-secondary)!important}.dark-mode .example{background:#8b45131a;border-left-color:#8b4513;border-left-color:var(--grammar-dark-primary)}.dark-mode .example strong{color:wheat;color:var(--grammar-dark-text)}.dark-mode .audio-button{border-color:#8b4513;border-color:var(--grammar-dark-primary);color:#8b4513;color:var(--grammar-dark-primary)}.dark-mode .audio-button:hover{background-color:#8b4513;background-color:var(--grammar-dark-primary);color:wheat;color:var(--grammar-dark-text)}.dark-mode .action-buttons,.dark-mode .pagination-controls{background:#8b45131a;background:var(--grammar-dark-bg);border-top-color:#8b45134d;border-top-color:var(--grammar-dark-border)}.dark-mode .pagination-button{border-color:#8b45134d;border-color:var(--grammar-dark-border);color:wheat;color:var(--grammar-dark-text)}.dark-mode .pagination-button:hover:not(:disabled){background:#8b4513;background:var(--grammar-dark-primary);border-color:#5d3317;border-color:var(--grammar-dark-secondary);color:wheat;color:var(--grammar-dark-text)}.dark-mode .pagination-info{color:#deb887;color:var(--grammar-dark-text-secondary)}.dark-mode .page-number{background:#8b451326;background:var(--grammar-dark-card);border-color:#8b45134d;border-color:var(--grammar-dark-border);color:wheat;color:var(--grammar-dark-text)}.dark-mode .action-button{background:linear-gradient(135deg,#8b4513,#5d3317);background:linear-gradient(135deg,var(--grammar-dark-primary),var(--grammar-dark-secondary));color:wheat;color:var(--grammar-dark-text)}.dark-mode .action-button.secondary{background:#0000;border-color:#8b45134d;border-color:var(--grammar-dark-border);color:wheat;color:var(--grammar-dark-text)}.dark-mode .action-button.secondary:hover{background:#8b4513;background:var(--grammar-dark-primary);border-color:#5d3317;border-color:var(--grammar-dark-secondary);color:wheat;color:var(--grammar-dark-text)}.dark-mode .loading-spinner{border-color:#8b45134d;border-color:var(--grammar-dark-border);border-top-color:#8b4513;border-top-color:var(--grammar-dark-primary)}.dark-mode .empty-state{color:#deb887;color:var(--grammar-dark-text-secondary)}.dark-mode .empty-state h3{color:wheat;color:var(--grammar-dark-text)}.dark-mode .error-state{background:#8b45131a;border-color:#8b45134d;border-color:var(--grammar-dark-border)}@media (prefers-color-scheme:dark){.word-list-preview-container:not(.light):not([data-theme=light]){background:linear-gradient(135deg,#8b45131a,#8b451326 50%,#8b45134d);background:linear-gradient(135deg,var(--grammar-dark-bg) 0,var(--grammar-dark-card) 50%,var(--grammar-dark-border) 100%)}.word-list-preview:not(.light):not([data-theme=light]){background-color:#8b45131a;background-color:var(--grammar-dark-bg);border-color:#8b45134d;border-color:var(--grammar-dark-border);color:wheat;color:var(--grammar-dark-text)}}@media (prefers-color-scheme:light){.word-list-preview-container:not(.dark):not([data-theme=dark]){background:linear-gradient(135deg,#f5deb34d,#ffffffe6 50%,#daa52066);background:linear-gradient(135deg,var(--grammar-light-bg) 0,var(--grammar-light-card) 50%,var(--grammar-light-border) 100%)}.word-list-preview:not(.dark):not([data-theme=dark]){background-color:#f5deb34d;background-color:var(--grammar-light-bg);border-color:#daa52066;border-color:var(--grammar-light-border);color:#8b4513;color:var(--grammar-light-text)}}.grammar-spacing-xs{margin:var(--spacing-xs)}.grammar-spacing-sm{margin:var(--spacing-sm)}.grammar-spacing-md{margin:var(--spacing-md)}.grammar-spacing-lg{margin:var(--spacing-lg)}.grammar-spacing-xl{margin:var(--spacing-xl)}.grammar-text-primary{color:wheat!important}.grammar-text-secondary{color:#deb887!important}.grammar-bg-card{background:#8b451326!important}.grammar-bg-primary{background:#8b4513!important}@media print{.word-list-preview-container{background:#fff!important;padding:0!important;position:static!important}.word-list-preview{background:#fff!important;border:1px solid #8b4513!important;box-shadow:none!important;color:#8b4513!important}.word-header{background:#8b4513!important;border-bottom:2px solid #8b4513!important;color:#fff!important}.word-card{background:#fff!important;border:1px solid #8b4513!important;break-inside:avoid!important;color:#8b4513!important;page-break-inside:avoid!important}.action-buttons,.audio-button,.pagination-controls{display:none!important}.words-grid{grid-template-columns:repeat(2,1fr)!important}}.word-list-preview-container h1,.word-list-preview-container h2,.word-list-preview-container h3,.word-list-preview-container h4{color:wheat!important;color:var(--grammar-dark-text)!important}.light .word-list-preview-container h1,.light .word-list-preview-container h2,.light .word-list-preview-container h3,.light .word-list-preview-container h4,[data-theme=light] .word-list-preview-container h1,[data-theme=light] .word-list-preview-container h2,[data-theme=light] .word-list-preview-container h3,[data-theme=light] .word-list-preview-container h4{color:#8b4513!important;color:var(--grammar-light-text)!important}.word-list-preview-container p{color:#deb887;color:var(--grammar-dark-text-secondary)}.light .word-list-preview-container p,[data-theme=light] .word-list-preview-container p{color:#5d3317;color:var(--grammar-light-text-secondary)}@media (prefers-contrast:high){.word-card,.word-list-preview{border-width:3px!important}.word-card{box-shadow:none!important}.action-button,.pagination-button,.word-header{border-width:3px!important}.light .word-card,[data-theme=light] .word-card{background:#fff!important;color:#8b4513!important;color:var(--grammar-light-text)!important}}@supports not (color:var(--grammar-dark-primary )){.word-list-preview{background-color:#8b45131a;border-color:#8b45134d;color:wheat}.light .word-list-preview{background-color:#f5deb34d;border-color:#daa52066;color:#8b4513}}.App[data-theme=dark] .word-list-preview-container,.dark .word-list-preview-container,[data-theme=dark] .word-list-preview-container{background:linear-gradient(135deg,#8b45131a,#8b451326 50%,#8b45134d);background:linear-gradient(135deg,var(--grammar-dark-bg) 0,var(--grammar-dark-card) 50%,var(--grammar-dark-border) 100%)}.App[data-theme=light] .word-list-preview-container,.light .word-list-preview-container,[data-theme=light] .word-list-preview-container{background:linear-gradient(135deg,#f5deb34d,#ffffffe6 50%,#daa52066);background:linear-gradient(135deg,var(--grammar-light-bg) 0,var(--grammar-light-card) 50%,var(--grammar-light-border) 100%)}.App[data-theme=dark] .word-list-preview,.dark .word-list-preview,[data-theme=dark] .word-list-preview{background-color:#8b45131a;background-color:var(--grammar-dark-bg);border-color:#8b45134d;border-color:var(--grammar-dark-border);color:wheat;color:var(--grammar-dark-text)}.App[data-theme=light] .word-list-preview,.light .word-list-preview,[data-theme=light] .word-list-preview{background-color:#f5deb34d;background-color:var(--grammar-light-bg);border-color:#daa52066;border-color:var(--grammar-light-border);color:#8b4513;color:var(--grammar-light-text)}.App[data-theme=dark] .word-list-preview-container *,.App[data-theme=light] .word-list-preview-container *,.dark .word-list-preview-container *,.light .word-list-preview-container *,[data-theme=dark] .word-list-preview-container *,[data-theme=light] .word-list-preview-container *{color:inherit}:root{--category-dark-primary:#8b4513;--category-dark-secondary:#5d3317;--category-dark-accent:sienna;--category-dark-bg:#8b45131a;--category-dark-card:#8b451326;--category-dark-border:#8b45134d;--category-dark-text:#291d0f;--category-dark-text-secondary:#291d0f;--category-light-primary:#daa520;--category-light-secondary:peru;--category-light-accent:#b8860b;--category-light-bg:#f5deb34d;--category-light-card:#ffffffe6;--category-light-border:#daa52066;--category-light-text:#8b4513;--category-light-text-secondary:#5d3317;--force-bg-light:#ffffffe6}.component-wrapper,.component-wrapper *{box-sizing:border-box!important}.component-wrapper{align-items:center;background:#8b45131a;background:var(--category-dark-bg);box-sizing:border-box;color:#291d0f;color:var(--category-dark-text);display:flex;flex-direction:column;justify-content:flex-start;min-height:100dvh;overflow-x:hidden;padding:16px;padding:var(--spacing-lg);padding-top:60px;position:relative}.light .component-wrapper,[data-theme=light] .component-wrapper{background:#f5deb34d;background:var(--category-light-bg);color:#8b4513;color:var(--category-light-text)}.category-selection{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#8b451326;background:var(--category-dark-card);border:2px solid #8b45134d;border:2px solid var(--category-dark-border);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #8b45134d;color:#291d0f;color:var(--category-dark-text);display:flex;flex-direction:column;height:auto;margin:0 auto 24px;margin-bottom:var(--spacing-xl);max-width:1200px;min-height:auto;overflow:hidden;padding:0;width:100%}.light .category-selection,[data-theme=light] .category-selection{background:#ffffffe6;background:var(--category-light-card);border-color:#daa52066;border-color:var(--category-light-border);box-shadow:0 8px 24px #daa52033;color:#8b4513;color:var(--category-light-text)}.category-selection h2{-webkit-text-fill-color:#0000;background-color:#8b451326;background-color:var(--category-dark-card);background:linear-gradient(45deg,#8b4513,#5d3317);background:linear-gradient(45deg,var(--category-dark-primary),var(--category-dark-secondary));-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #8b45134d;border-bottom:2px solid var(--category-dark-border);color:#291d0f;color:var(--category-dark-text);font-size:clamp(24px,4vw,32px);font-weight:700;margin:0;padding:24px;padding:var(--spacing-xl);text-align:center;text-shadow:0 1px 2px #0000004d}.light .category-selection h2,[data-theme=light] .category-selection h2{-webkit-text-fill-color:#0000;background-color:#ffffffe6;background-color:var(--category-light-card);background:linear-gradient(45deg,#daa520,peru);background:linear-gradient(45deg,var(--category-light-primary),var(--category-light-secondary));-webkit-background-clip:text;background-clip:text;border-color:#daa52066;border-color:var(--category-light-border);color:#8b4513;color:var(--category-light-text);text-shadow:0 1px 1px #fffc}.mobile-categories-content{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-lg);padding:24px;padding:var(--spacing-xl)}.category-description{background:#8b45131a;border:2px solid #8b45134d;border:2px solid var(--category-dark-border);border-radius:8px;border-radius:var(--radius-md);margin-bottom:24px;margin-bottom:var(--spacing-xl);padding:16px;padding:var(--spacing-lg);text-align:center}.light .category-description,[data-theme=light] .category-description{background:#daa5201a;border-color:#daa52066;border-color:var(--category-light-border)}.category-description p{color:#291d0f;color:var(--category-dark-text-secondary);line-height:1.5;margin:0}.light .category-description p,[data-theme=light] .category-description p{color:#5d3317;color:var(--category-light-text-secondary)}.unified-categories-grid{grid-gap:24px;grid-gap:var(--spacing-xl);display:grid;gap:24px;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px;margin-bottom:var(--spacing-xl);max-height:none;overflow:visible;width:100%}.unified-category-card{animation:slideInMobile .6s ease-out both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b451326;background:var(--category-dark-card);border:2px solid #8b45134d;border:2px solid var(--category-dark-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 6px 16px #8b45134d;cursor:pointer;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-lg);min-height:160px;overflow:hidden;padding:24px;padding:var(--spacing-xl);position:relative;transition:all .25s ease-out;transition:all var(--transition-normal)}.light .unified-category-card,[data-theme=light] .unified-category-card{background:#ffffffe6;background:var(--category-light-card);border-color:#daa52066;border-color:var(--category-light-border);box-shadow:0 6px 16px #daa52040}.unified-category-card:hover{background:#8b45134d;border-color:#8b4513;border-color:var(--category-dark-primary);box-shadow:0 8px 20px #8b451366;transform:translateY(-4px)}.light .unified-category-card:hover,[data-theme=light] .unified-category-card:hover{background:#daa52033;border-color:#daa520;border-color:var(--category-light-primary);box-shadow:0 8px 20px #daa5204d}.unified-category-card:first-child{animation-delay:.1s}.unified-category-card:nth-child(2){animation-delay:.2s}.unified-category-card:nth-child(3){animation-delay:.3s}.unified-category-card:nth-child(4){animation-delay:.4s}.unified-category-card:nth-child(5){animation-delay:.5s}.unified-category-card:nth-child(6){animation-delay:.6s}.unified-category-card:nth-child(7){animation-delay:.7s}.unified-category-card:nth-child(8){animation-delay:.8s}.unified-category-card:nth-child(9){animation-delay:.9s}.unified-category-card:nth-child(10){animation-delay:1s}@keyframes slideInMobile{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.unified-category-card:before{background:radial-gradient(circle,#8b45134d 0,#8b451300 70%);border-radius:50%;border-radius:var(--radius-full);content:"";height:80px;opacity:.6;position:absolute;right:0;top:0;transform:translate(25%,-25%);transition:background .25s ease-out;transition:background var(--transition-normal);width:80px}.light .unified-category-card:before,[data-theme=light] .unified-category-card:before{background:radial-gradient(circle,#daa5204d 0,#daa52000 70%)}.unified-category-card .category-header{align-items:center;display:flex;gap:16px;gap:var(--spacing-lg);position:relative;z-index:1}.unified-category-card .category-icon{align-items:center;background:#8b4513;background:var(--category-dark-primary);border:2px solid sienna;border:2px solid var(--category-dark-accent);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 8px #8b451366;color:#291d0f;color:var(--category-dark-text);display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.light .unified-category-card .category-icon,[data-theme=light] .unified-category-card .category-icon{background:#daa520;background:var(--category-light-primary);border-color:peru;border-color:var(--category-light-secondary);box-shadow:0 4px 8px #daa5204d;color:#8b4513;color:var(--category-light-text)}.unified-category-card .category-name{color:#291d0f;color:var(--category-dark-text);font-size:20px;font-weight:700;line-height:1.2;margin:0}.light .unified-category-card .category-name,[data-theme=light] .unified-category-card .category-name{color:#8b4513;color:var(--category-light-text)}.unified-category-card .category-description{background:#0000;border:none;color:#291d0f;color:var(--category-dark-text-secondary);font-size:14px;line-height:1.5;margin:0;padding:0;position:relative;text-align:left;z-index:1}.light .unified-category-card .category-description,[data-theme=light] .unified-category-card .category-description{color:#5d3317;color:var(--category-light-text-secondary)}.unified-category-card .progress-badge{background:#ffffffe6!important;background:var(--force-bg-light)!important;border:2px solid #0003!important;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 12px #8b451366;color:#2c2c2c!important;color:var(--force-text-dark)!important;font-size:12px;font-weight:700;min-width:45px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:16px;right:var(--spacing-lg);text-align:center;text-shadow:none!important;top:16px;top:var(--spacing-lg);z-index:2}.unified-category-card .progress-badge.completed{background:#4caf50e6!important;background:var(--force-bg-success)!important;border:2px solid #4caf5080!important;box-shadow:0 4px 12px #4caf5066;color:#1b5e20!important;color:var(--force-text-success)!important}.dark .unified-category-card .progress-badge,.light .unified-category-card .progress-badge,[data-theme=dark] .unified-category-card .progress-badge,[data-theme=light] .unified-category-card .progress-badge{background:#ffffffe6!important;background:var(--force-bg-light)!important;border:2px solid #0003!important;color:#2c2c2c!important;color:var(--force-text-dark)!important}.dark .unified-category-card .progress-badge.completed,.light .unified-category-card .progress-badge.completed,[data-theme=dark] .unified-category-card .progress-badge.completed,[data-theme=light] .unified-category-card .progress-badge.completed{background:#4caf50e6!important;background:var(--force-bg-success)!important;border:2px solid #4caf5080!important;color:#1b5e20!important;color:var(--force-text-success)!important}.unified-category-card .completed-checkmark{align-items:center;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55);background:#8b4513;background:var(--category-dark-primary);border:3px solid #8b451326;border:3px solid var(--category-dark-card);border-radius:50%;box-shadow:0 4px 12px #8b451366;color:#291d0f;color:var(--category-dark-text);display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;position:absolute;right:8px;right:var(--spacing-sm);top:8px;top:var(--spacing-sm);width:28px;z-index:3}.light .unified-category-card .completed-checkmark,[data-theme=light] .unified-category-card .completed-checkmark{background:#daa520;background:var(--category-light-primary);border-color:#ffffffe6;border-color:var(--category-light-card);box-shadow:0 4px 12px #daa5204d;color:#8b4513;color:var(--category-light-text)}@media (min-width:1200px){.unified-categories-grid{grid-template-columns:repeat(3,1fr);margin:0 auto 24px;margin:0 auto var(--spacing-xl) auto;max-width:1000px}}@media (max-width:768px){.unified-categories-grid{gap:24px;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:480px){.component-wrapper{padding:8px;padding:var(--spacing-sm);padding-top:70px}.category-selection{border-radius:12px;border-radius:var(--radius-lg)}.category-selection h2{font-size:20px}.category-selection h2,.mobile-categories-content{padding:16px;padding:var(--spacing-lg)}.unified-categories-grid{gap:16px;gap:var(--spacing-lg);grid-template-columns:1fr}.unified-category-card{min-height:140px;padding:16px;padding:var(--spacing-lg)}.unified-category-card .category-icon{font-size:20px;height:40px;width:40px}.unified-category-card .category-name{font-size:18px}.unified-category-card .category-description{font-size:13px}}.global-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b451326;background:var(--category-dark-card);border:2px solid #8b45134d;border:2px solid var(--category-dark-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px #8b451340;box-shadow:var(--shadow-lg);margin:24px auto 0;margin:var(--spacing-xl) auto 0 auto;max-width:500px;padding:24px;padding:var(--spacing-xl);text-align:center}.light .global-stats,[data-theme=light] .global-stats{background:#ffffffe6;background:var(--category-light-card);border-color:#daa52066;border-color:var(--category-light-border);box-shadow:0 8px 25px #daa52033}.global-stats h3{color:#291d0f;color:var(--category-dark-text);font-size:20px;font-weight:700;margin-bottom:16px;margin-bottom:var(--spacing-lg);text-align:center}.light .global-stats h3,[data-theme=light] .global-stats h3{color:#8b4513;color:var(--category-light-text)}.stats-container{grid-gap:24px;grid-gap:var(--spacing-xl);display:grid;gap:24px;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);margin-top:16px;margin-top:var(--spacing-lg)}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b451326;background:var(--category-dark-card);border:2px solid #8b45134d;border:2px solid var(--category-dark-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 12px #8b45134d;padding:16px;padding:var(--spacing-lg);text-align:center;transition:all .25s ease-out;transition:all var(--transition-normal)}.light .stat-item,[data-theme=light] .stat-item{background:#ffffffe6;background:var(--category-light-card);border-color:#daa52066;border-color:var(--category-light-border);box-shadow:0 4px 12px #daa52040}.global-stats .stat-value,.stat-item .stat-value,.stat-value,.stats-container .stat-value{color:#2c2c2c!important;color:var(--force-text-dark)!important;display:block;font-size:28px;font-weight:800;margin-bottom:5px;text-shadow:0 1px 2px #ffffff80!important}.global-stats .stat-label,.stat-item .stat-label,.stat-label,.stats-container .stat-label{color:#404040!important;color:var(--force-text-medium)!important;font-size:12px;font-weight:600!important;line-height:1.3;text-shadow:0 1px 1px #ffffff4d!important}.dark .stat-value,.light .stat-value,[data-theme=dark] .stat-value,[data-theme=light] .stat-value{color:#2c2c2c!important;color:var(--force-text-dark)!important;text-shadow:0 1px 2px #ffffff80!important}.dark .stat-label,.light .stat-label,[data-theme=dark] .stat-label,[data-theme=light] .stat-label{color:#404040!important;color:var(--force-text-medium)!important;text-shadow:0 1px 1px #ffffff4d!important}@media (max-width:768px){.stats-container{gap:16px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:480px){.stats-container{gap:12px;gap:var(--spacing-md);grid-template-columns:1fr}.stat-item{align-items:center;display:flex;justify-content:space-between;padding:12px;padding:var(--spacing-md);text-align:left}.stat-value{color:#2c2c2c!important;color:var(--force-text-dark)!important;font-size:20px!important;margin-bottom:0}.stat-label{color:#404040!important;color:var(--force-text-medium)!important;font-size:11px}}.back-button-top{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b451326;background:var(--category-dark-card);border:2px solid #8b45134d;border:2px solid var(--category-dark-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px #8b451340;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--spacing-sm);left:16px;left:var(--spacing-lg);padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg);position:fixed;top:16px;top:var(--spacing-lg);transition:all .25s ease-out;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;z-index:1000}.back-button-top,.back-button-top:hover{color:#291d0f;color:var(--category-dark-text)}.back-button-top:hover{background:#8b4513;background:var(--category-dark-primary);border-color:#8b4513;border-color:var(--category-dark-primary);box-shadow:0 20px 25px #8b45134d;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.light .back-button-top,[data-theme=light] .back-button-top{background:#ffffffe6;background:var(--category-light-card);border-color:#daa52066;border-color:var(--category-light-border);box-shadow:0 8px 25px #daa5204d;color:#8b4513;color:var(--category-light-text)}.light .back-button-top:hover,[data-theme=light] .back-button-top:hover{background:#daa520;background:var(--category-light-primary);border-color:#daa520;border-color:var(--category-light-primary);box-shadow:0 12px 30px #daa52066;color:#8b4513;color:var(--category-light-text)}.unified-category-card:active:after{animation:ripple .6s ease-out;background:#8b451366;border-radius:50%;content:"";height:20px;left:50%;pointer-events:none;position:absolute;top:50%;width:20px}.light .unified-category-card:active:after,[data-theme=light] .unified-category-card:active:after{background:#daa52066}.back-button-top:focus-visible,.unified-category-card:focus-visible{outline:3px solid #8b4513;outline:3px solid var(--category-dark-primary);outline-offset:3px;z-index:1000}.light .back-button-top:focus-visible,.light .unified-category-card:focus-visible,[data-theme=light] .back-button-top:focus-visible,[data-theme=light] .unified-category-card:focus-visible{outline-color:#daa520;outline-color:var(--category-light-primary)}@media (prefers-reduced-motion:reduce){.back-button-top,.completed-checkmark,.unified-category-card{animation:none!important;transition:none!important}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.back-button-top,.completed-checkmark,.progress-badge,.unified-category-card{border-width:4px!important}.stat-value{color:#000!important;font-weight:900!important;text-shadow:0 0 2px #fff!important}.stat-label{color:#000!important;font-weight:800!important;text-shadow:0 0 1px #fff!important}.progress-badge{background:#fff!important;border:3px solid #000!important;color:#000!important}}.back-button-top,.unified-category-card{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:transform}.component-wrapper{contain:layout style paint}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.back-button-top,.global-stats,.unified-category-card{background:#8b451326!important;background:var(--category-dark-card)!important}.light .back-button-top,.light .global-stats,.light .unified-category-card,[data-theme=light] .back-button-top,[data-theme=light] .global-stats,[data-theme=light] .unified-category-card{background:#ffffffe6!important;background:var(--category-light-card)!important}}.component-wrapper h1,.component-wrapper h2,.component-wrapper h3,.component-wrapper h4{color:#291d0f!important;color:var(--category-dark-text)!important}.light .component-wrapper h1,.light .component-wrapper h2,.light .component-wrapper h3,.light .component-wrapper h4,[data-theme=light] .component-wrapper h1,[data-theme=light] .component-wrapper h2,[data-theme=light] .component-wrapper h3,[data-theme=light] .component-wrapper h4{color:#8b4513!important;color:var(--category-light-text)!important}.component-wrapper p{color:#291d0f;color:var(--category-dark-text-secondary)}.light .component-wrapper p,[data-theme=light] .component-wrapper p{color:#5d3317;color:var(--category-light-text-secondary)}@media (prefers-color-scheme:dark){.component-wrapper:not(.light):not([data-theme=light]){background:#8b45131a;background:var(--category-dark-bg);color:#291d0f;color:var(--category-dark-text)}}@media (prefers-color-scheme:light){.component-wrapper:not(.dark):not([data-theme=dark]){background:#f5deb34d;background:var(--category-light-bg);color:#8b4513;color:var(--category-light-text)}}.global-stats .stat-value,.stat-item .stat-value,.stat-value,.stats-container .stat-value,.unified-category-card .stat-value{color:#2c2c2c!important;color:var(--force-text-dark)!important;text-shadow:0 1px 2px #ffffff80!important}.global-stats .stat-label,.stat-item .stat-label,.stat-label,.stats-container .stat-label,.unified-category-card .stat-label{color:#404040!important;color:var(--force-text-medium)!important;text-shadow:0 1px 1px #ffffff4d!important}.unified-category-card:hover .progress-badge{background:#ffffffe6!important;background:var(--force-bg-light)!important;color:#2c2c2c!important;color:var(--force-text-dark)!important}.unified-category-card:hover .progress-badge.completed{background:#4caf50e6!important;background:var(--force-bg-success)!important;color:#1b5e20!important;color:var(--force-text-success)!important}.App[data-theme=dark] .progress-badge,.App[data-theme=light] .progress-badge,.dark .progress-badge,.light .progress-badge,[data-theme=dark] .progress-badge,[data-theme=light] .progress-badge{background:#ffffffe6!important}:root{--sentence-dark-primary:#704313fb;--sentence-dark-secondary:#d7ab7bf3;--sentence-dark-accent:#f1eee951;--sentence-dark-bg:#8b45131a;--sentence-dark-card:rgba(96,44,8,.588);--sentence-dark-border:#fefefe4d;--sentence-dark-text:#fff;--sentence-dark-text-secondary:#e0e0e0;--category-brown-1:#35170226;--category-brown-2:#35170226;--category-brown-3:#35170226;--category-brown-4:#35170226;--category-brown-5:#35170226;--category-brown-6:#35170226;--category-brown-7:#35170226;--category-brown-8:#35170226;--category-brown-9:#35170226;--category-border-1:rgba(106,53,6,.663);--category-border-2:#8b451359;--category-border-3:#a0522d59;--category-border-4:#5c331759;--category-border-5:#733b1f59;--category-border-6:#8b451366;--category-border-7:#854f2759;--category-border-8:#6a341359;--category-border-9:#96552b59;--sentence-light-primary:#daa520;--sentence-light-secondary:peru;--sentence-light-accent:#b8860b;--sentence-light-bg:#f5deb34d;--sentence-light-card:#f6d799e6;--sentence-light-border:#daa52066;--sentence-light-text:#8b4513;--sentence-light-text-secondary:#5d3317;--force-text-dark:#2c2c2c;--force-text-medium:#404040;--force-bg-light:#bb750ae6;--force-bg-success:#4caf50e6;--force-text-success:#1b5e20}.modern-sentence-game{align-items:center;background:#8b45131a;background:var(--sentence-dark-bg);color:#fff;color:var(--sentence-dark-text);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:flex-start;min-height:100vh;min-height:100dvh;padding:16px;padding:var(--spacing-lg);padding-top:16px;padding-top:var(--spacing-lg)}.light .modern-sentence-game,[data-theme=light] .modern-sentence-game{background:#f5deb34d;background:var(--sentence-light-bg);color:#8b4513;color:var(--sentence-light-text)}.modern-game-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(96,44,8,.588);background:var(--sentence-dark-card);border:2px solid #fefefe4d;border:2px solid var(--sentence-dark-border);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 25px 50px #8b451359;box-shadow:var(--shadow-2xl);height:auto;margin:0 auto 24px;margin-bottom:var(--spacing-xl);max-width:900px;min-height:auto;overflow:hidden;width:100%}.light .modern-game-container,[data-theme=light] .modern-game-container{background:#f6d799e6;background:var(--sentence-light-card);border-color:#daa52066;border-color:var(--sentence-light-border);box-shadow:0 8px 24px #daa52033}.modern-game-header{align-items:center;background-color:rgba(96,44,8,.588);background-color:var(--sentence-dark-card);border-bottom:2px solid #fefefe4d;border-bottom:2px solid var(--sentence-dark-border);display:flex;justify-content:space-between;margin-top:0;padding:24px;padding:var(--spacing-xl) var(--spacing-xl)}.light .modern-game-header,[data-theme=light] .modern-game-header{background-color:#f6d799e6;background-color:var(--sentence-light-card);border-color:#daa52066;border-color:var(--sentence-light-border)}.modern-back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(96,44,8,.588);background:var(--sentence-dark-card);border:2px solid #fefefe4d;border:2px solid var(--sentence-dark-border);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--sentence-dark-text);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;gap:var(--spacing-sm);padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg);transition:all .15s ease-out;transition:all var(--transition-fast)}.modern-back-button:hover{background:#704313fb;background:var(--sentence-dark-primary);border-color:#f1eee951;border-color:var(--sentence-dark-accent);box-shadow:0 10px 15px #8b451340;box-shadow:var(--shadow-lg);color:#fff;color:var(--sentence-dark-text);transform:translateY(-2px)}.light .modern-back-button,[data-theme=light] .modern-back-button{background:#f6d799e6;background:var(--sentence-light-card);border-color:#daa52066;border-color:var(--sentence-light-border);color:#8b4513;color:var(--sentence-light-text)}.light .modern-back-button:hover,[data-theme=light] .modern-back-button:hover{background:#daa520;background:var(--sentence-light-primary);border-color:peru;border-color:var(--sentence-light-secondary);box-shadow:0 4px 12px #daa5204d;color:#8b4513;color:var(--sentence-light-text)}.modern-header-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#704313fb,#d7ab7bf3);background:linear-gradient(45deg,var(--sentence-dark-primary),var(--sentence-dark-secondary));-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--sentence-dark-text);font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.light .modern-header-title,[data-theme=light] .modern-header-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#daa520,peru);background:linear-gradient(45deg,var(--sentence-light-primary),var(--sentence-light-secondary));-webkit-background-clip:text;background-clip:text;color:#8b4513;color:var(--sentence-light-text);text-shadow:0 1px 1px #fffc}.modern-categories-grid,.modern-main-content{padding:24px;padding:var(--spacing-xl)}.modern-categories-grid{grid-gap:24px;grid-gap:var(--spacing-xl);display:grid;gap:24px;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.modern-category-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(96,44,8,.588);background:var(--sentence-dark-card);border:2px solid #fefefe4d;border:2px solid var(--sentence-dark-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px #8b451340;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-lg);overflow:hidden;padding:24px;padding:var(--spacing-xl);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth)}.modern-category-card:nth-child(9n+1){background:#35170226;background:var(--category-brown-1);border-color:rgba(106,53,6,.663);border-color:var(--category-border-1)}.modern-category-card:nth-child(9n+2){background:#35170226;background:var(--category-brown-2);border-color:#8b451359;border-color:var(--category-border-2)}.modern-category-card:nth-child(9n+3){background:#35170226;background:var(--category-brown-3);border-color:#a0522d59;border-color:var(--category-border-3)}.modern-category-card:nth-child(9n+4){background:#35170226;background:var(--category-brown-4);border-color:#5c331759;border-color:var(--category-border-4)}.modern-category-card:nth-child(9n+5){background:#35170226;background:var(--category-brown-5);border-color:#733b1f59;border-color:var(--category-border-5)}.modern-category-card:nth-child(9n+6){background:#35170226;background:var(--category-brown-6);border-color:#8b451366;border-color:var(--category-border-6)}.modern-category-card:nth-child(9n+7){background:#35170226;background:var(--category-brown-7);border-color:#854f2759;border-color:var(--category-border-7)}.modern-category-card:nth-child(9n+8){background:#35170226;background:var(--category-brown-8);border-color:#6a341359;border-color:var(--category-border-8)}.modern-category-card:nth-child(9n+9){background:#35170226;background:var(--category-brown-9);border-color:#96552b59;border-color:var(--category-border-9)}.modern-category-card:nth-child(9n+1):hover{background:var(--category-hover-1);border-color:#654321}.modern-category-card:nth-child(9n+2):hover{background:var(--category-hover-2);border-color:#704313fb;border-color:var(--sentence-dark-primary)}.modern-category-card:nth-child(9n+3):hover{background:var(--category-hover-3);border-color:sienna}.modern-category-card:nth-child(9n+4):hover{background:var(--category-hover-4);border-color:#5c3317}.modern-category-card:nth-child(9n+5):hover{background:var(--category-hover-5);border-color:#733b1f}.modern-category-card:nth-child(9n+6):hover{background:var(--category-hover-6);border-color:#f1eee951;border-color:var(--sentence-dark-accent)}.modern-category-card:nth-child(9n+7):hover{background:var(--category-hover-7);border-color:#854f27}.modern-category-card:nth-child(9n+8):hover{background:var(--category-hover-8);border-color:#6a3413}.modern-category-card:nth-child(9n+9):hover{background:var(--category-hover-9);border-color:#96552b}.modern-category-card:hover{box-shadow:0 20px 25px #8b45134d;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.light .modern-category-card,[data-theme=light] .modern-category-card{background:#f6d799e6;background:var(--sentence-light-card);border-color:#daa52066;border-color:var(--sentence-light-border);box-shadow:0 6px 16px #daa52040}.light .modern-category-card:hover,[data-theme=light] .modern-category-card:hover{background:#daa52033;border-color:#daa520;border-color:var(--sentence-light-primary);box-shadow:0 8px 20px #daa5204d}.modern-category-decoration{background:radial-gradient(circle,#8b45134d 0,#8b451300 70%);border-radius:50%;border-radius:var(--radius-full);height:80px;opacity:.6;position:absolute;right:0;top:0;transform:translate(25%,-25%);transition:background .25s ease-out;transition:background var(--transition-normal);width:80px}.modern-category-card:nth-child(9n+1) .modern-category-decoration{background:radial-gradient(circle,#6543214d 0,#65432100 70%)}.modern-category-card:nth-child(9n+2) .modern-category-decoration{background:radial-gradient(circle,#8b45134d 0,#8b451300 70%)}.modern-category-card:nth-child(9n+3) .modern-category-decoration{background:radial-gradient(circle,#a0522d4d 0,#a0522d00 70%)}.modern-category-card:nth-child(9n+4) .modern-category-decoration{background:radial-gradient(circle,#5c33174d 0,#5c331700 70%)}.modern-category-card:nth-child(9n+5) .modern-category-decoration{background:radial-gradient(circle,#733b1f4d 0,#733b1f00 70%)}.modern-category-card:nth-child(9n+6) .modern-category-decoration{background:radial-gradient(circle,#8b451359 0,#8b451300 70%)}.modern-category-card:nth-child(9n+7) .modern-category-decoration{background:radial-gradient(circle,#854f274d 0,#854f2700 70%)}.modern-category-card:nth-child(9n+8) .modern-category-decoration{background:radial-gradient(circle,#6a34134d 0,#6a341300 70%)}.modern-category-card:nth-child(9n+9) .modern-category-decoration{background:radial-gradient(circle,#96552b4d 0,#96552b00 70%)}.light .modern-category-decoration,[data-theme=light] .modern-category-decoration{background:radial-gradient(circle,#daa5204d 0,#daa52000 70%)}.modern-category-header{align-items:center;display:flex;gap:16px;gap:var(--spacing-lg);position:relative;z-index:1}.modern-category-icon{align-items:center;background:#704313fb;background:var(--sentence-dark-primary);border:2px solid #f1eee951;border:2px solid var(--sentence-dark-accent);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 6px #8b451333;box-shadow:var(--shadow-md);color:#fff;color:var(--sentence-dark-text);display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.light .modern-category-icon,[data-theme=light] .modern-category-icon{background:#daa520;background:var(--sentence-light-primary);border-color:peru;border-color:var(--sentence-light-secondary);box-shadow:0 4px 8px #daa5204d;color:#8b4513;color:var(--sentence-light-text)}.modern-category-title{color:#fff;color:var(--sentence-dark-text);font-size:20px;font-weight:700;margin:0}.light .modern-category-title,[data-theme=light] .modern-category-title{color:#8b4513;color:var(--sentence-light-text)}.modern-category-description{color:#e0e0e0;color:var(--sentence-dark-text-secondary);font-size:14px;line-height:1.5;position:relative;z-index:1}.light .modern-category-description,[data-theme=light] .modern-category-description{color:#5d3317;color:var(--sentence-light-text-secondary)}.modern-checkmark{background:rgba(96,44,8,.588);background:var(--sentence-dark-card);border-radius:50%;border-radius:var(--radius-full);box-shadow:0 4px 6px #8b451333;box-shadow:var(--shadow-md);color:#704313fb;color:var(--sentence-dark-primary);padding:4px;padding:var(--spacing-xs);position:absolute;right:16px;right:var(--spacing-lg);top:16px;top:var(--spacing-lg);z-index:2}.light .modern-checkmark,[data-theme=light] .modern-checkmark{background:#f6d799e6;background:var(--sentence-light-card);box-shadow:0 2px 4px #daa5204d;color:#daa520;color:var(--sentence-light-primary)}.modern-category-stats{grid-gap:24px;grid-gap:var(--spacing-xl);display:grid;gap:24px;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;margin-bottom:var(--spacing-xl)}.modern-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(96,44,8,.588);background:var(--sentence-dark-card);border:2px solid #fefefe4d;border:2px solid var(--sentence-dark-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px #8b451340;box-shadow:var(--shadow-lg);padding:24px;padding:var(--spacing-xl);text-align:center;transition:all .25s ease-out;transition:all var(--transition-normal)}.light .modern-stat-card,[data-theme=light] .modern-stat-card{background:#f6d799e6;background:var(--sentence-light-card);border-color:#daa52066;border-color:var(--sentence-light-border);box-shadow:0 4px 12px #daa52040}.modern-stat-title{color:#e0e0e0;color:var(--sentence-dark-text-secondary);font-size:14px;font-weight:500;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.light .modern-stat-title,[data-theme=light] .modern-stat-title{color:#5d3317;color:var(--sentence-light-text-secondary)}.modern-stat-value{color:#fff;color:var(--sentence-dark-text);font-size:24px;font-weight:700;margin:0}.light .modern-stat-value,[data-theme=light] .modern-stat-value{color:#8b4513;color:var(--sentence-light-text)}.modern-action-buttons{display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-lg);justify-content:center;margin-bottom:24px;margin-bottom:var(--spacing-xl)}.modern-primary-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(45deg,#704313fb,#f1eee951);background:linear-gradient(45deg,var(--sentence-dark-primary),var(--sentence-dark-accent));border:2px solid #8b45134d;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px #8b451340;box-shadow:var(--shadow-lg);color:#fff;color:var(--sentence-dark-text);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;padding:12px 24px;padding:var(--spacing-md) var(--spacing-xl);transition:all .25s ease-out;transition:all var(--transition-normal)}.modern-primary-button:hover{background:linear-gradient(45deg,#f1eee951,#704313fb);background:linear-gradient(45deg,var(--sentence-dark-accent),var(--sentence-dark-primary));box-shadow:0 20px 25px #8b45134d;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.light .modern-primary-button,[data-theme=light] .modern-primary-button{background:linear-gradient(45deg,#daa520,peru);background:linear-gradient(45deg,var(--sentence-light-primary),var(--sentence-light-secondary));border-color:#daa52066;border-color:var(--sentence-light-border);box-shadow:0 4px 12px #daa5204d;color:#8b4513;color:var(--sentence-light-text)}.light .modern-primary-button:hover,[data-theme=light] .modern-primary-button:hover{background:linear-gradient(45deg,peru,#b8860b);background:linear-gradient(45deg,var(--sentence-light-secondary),var(--sentence-light-accent));box-shadow:0 6px 16px #daa52066}.modern-secondary-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(96,44,8,.588);background-color:var(--sentence-dark-card);border:2px solid #fefefe4d;border:2px solid var(--sentence-dark-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px #8b451340;box-shadow:var(--shadow-lg);color:#fff;color:var(--sentence-dark-text);cursor:pointer;display:inline-flex;font-weight:500;gap:8px;gap:var(--spacing-sm);justify-content:center;padding:12px 24px;padding:var(--spacing-md) var(--spacing-xl);transition:all .25s ease-out;transition:all var(--transition-normal)}.modern-secondary-button:hover{background-color:#704313fb;background-color:var(--sentence-dark-primary);box-shadow:0 20px 25px #8b45134d;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.light .modern-secondary-button,[data-theme=light] .modern-secondary-button{background-color:#f6d799e6;background-color:var(--sentence-light-card);border-color:#daa52066;border-color:var(--sentence-light-border);box-shadow:0 4px 12px #daa52033;color:#8b4513;color:var(--sentence-light-text)}.light .modern-secondary-button:hover,[data-theme=light] .modern-secondary-button:hover{background-color:#daa520;background-color:var(--sentence-light-primary);box-shadow:0 6px 16px #daa5204d}.modern-sentence-list{grid-gap:16px;grid-gap:var(--spacing-lg);display:grid;gap:16px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:24px;margin-bottom:var(--spacing-xl)}.modern-sentence-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(96,44,8,.588);background:var(--sentence-dark-card);border:2px solid #fefefe4d;border:2px solid var(--sentence-dark-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px #8b451340;box-shadow:var(--shadow-lg);padding:24px;padding:var(--spacing-xl);position:relative;transition:all .25s ease-out;transition:all var(--transition-normal)}.modern-sentence-card:hover{box-shadow:0 20px 25px #8b45134d;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.modern-sentence-card.learned{background:linear-gradient(90deg,#8b45130d,#0000);border-left:6px solid #704313fb;border-left:6px solid var(--sentence-dark-primary)}.light .modern-sentence-card,[data-theme=light] .modern-sentence-card{background:#f6d799e6;background:var(--sentence-light-card);border-color:#daa52066;border-color:var(--sentence-light-border);box-shadow:0 4px 12px #daa52040}.light .modern-sentence-card:hover,[data-theme=light] .modern-sentence-card:hover{box-shadow:0 6px 16px #daa5204d}.light .modern-sentence-card.learned,[data-theme=light] .modern-sentence-card.learned{background:linear-gradient(90deg,#daa5200d,#0000);border-left-color:#daa520;border-left-color:var(--sentence-light-primary)}.modern-sentence-french{color:#fff;color:var(--sentence-dark-text);font-size:16px;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.light .modern-sentence-french,[data-theme=light] .modern-sentence-french{color:#8b4513;color:var(--sentence-light-text)}.modern-sentence-original{color:#e0e0e0;color:var(--sentence-dark-text-secondary);font-size:14px;font-style:italic;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.light .modern-sentence-original,[data-theme=light] .modern-sentence-original{color:#5d3317;color:var(--sentence-light-text-secondary)}.modern-sentence-review{align-items:center;color:#e0e0e0;color:var(--sentence-dark-text-secondary);display:flex;font-size:12px;gap:8px;gap:var(--spacing-sm);margin-top:8px;margin-top:var(--spacing-sm)}.light .modern-sentence-review,[data-theme=light] .modern-sentence-review{color:#5d3317;color:var(--sentence-light-text-secondary)}.modern-audio-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #fefefe4d;border:2px solid var(--sentence-dark-border);border-radius:50%;border-radius:var(--radius-full);color:#704313fb;color:var(--sentence-dark-primary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;margin-top:8px;margin-top:var(--spacing-sm);transition:all .15s ease-out;transition:all var(--transition-fast);width:32px}.modern-audio-button:hover{background:#704313fb;background:var(--sentence-dark-primary);box-shadow:0 10px 15px #8b451340;box-shadow:var(--shadow-lg);color:#fff;color:var(--sentence-dark-text);transform:scale(1.1)}.light .modern-audio-button,[data-theme=light] .modern-audio-button{border-color:#daa52066;border-color:var(--sentence-light-border);color:#daa520;color:var(--sentence-light-primary)}.light .modern-audio-button:hover,[data-theme=light] .modern-audio-button:hover{background:#daa520;background:var(--sentence-light-primary);box-shadow:0 4px 12px #daa5204d;color:#8b4513;color:var(--sentence-light-text)}.modern-status-icon{align-items:center;color:#e0e0e0;color:var(--sentence-dark-text-secondary);display:flex;justify-content:center;position:absolute;right:16px;right:var(--spacing-lg);top:16px;top:var(--spacing-lg)}.modern-status-icon.completed{color:#704313fb;color:var(--sentence-dark-primary)}.light .modern-status-icon,[data-theme=light] .modern-status-icon{color:#5d3317;color:var(--sentence-light-text-secondary)}.light .modern-status-icon.completed,[data-theme=light] .modern-status-icon.completed{color:#daa520;color:var(--sentence-light-primary)}.modern-preview-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(96,44,8,.588);background:var(--sentence-dark-card);border:2px solid #fefefe4d;border:2px solid var(--sentence-dark-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px #8b451340;box-shadow:var(--shadow-lg);margin:0 auto 24px;margin:0 auto var(--spacing-xl);max-width:600px;padding:24px;padding:var(--spacing-xl);text-align:center}.light .modern-preview-container,[data-theme=light] .modern-preview-container{background:#f6d799e6;background:var(--sentence-light-card);border-color:#daa52066;border-color:var(--sentence-light-border);box-shadow:0 6px 16px #daa52040}.modern-preview-decoration{background:linear-gradient(90deg,#704313fb,#f1eee951);background:linear-gradient(90deg,var(--sentence-dark-primary),var(--sentence-dark-accent));border-radius:6px;border-radius:var(--radius-sm);height:8px;margin-bottom:24px;margin-bottom:var(--spacing-xl);overflow:hidden;position:relative;width:100%}.light .modern-preview-decoration,[data-theme=light] .modern-preview-decoration{background:linear-gradient(90deg,#daa520,peru);background:linear-gradient(90deg,var(--sentence-light-primary),var(--sentence-light-secondary))}.modern-preview-decoration:after{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#fff3,#fffc 50%,#fff3);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.modern-target-phrase{color:#fff;color:var(--sentence-dark-text);font-size:28px;font-weight:600;line-height:1.4;margin-bottom:24px;margin-bottom:var(--spacing-xl)}.light .modern-target-phrase,[data-theme=light] .modern-target-phrase{color:#8b4513;color:var(--sentence-light-text)}.modern-phrase-translation{background:#8b45131a;border:2px solid #fefefe4d;border:2px solid var(--sentence-dark-border);border-radius:8px;border-radius:var(--radius-md);color:#e0e0e0;color:var(--sentence-dark-text-secondary);font-size:20px;margin:16px 0;margin:var(--spacing-lg) 0;padding:16px;padding:var(--spacing-lg)}.light .modern-phrase-translation,[data-theme=light] .modern-phrase-translation{background:#daa5201a;border-color:#daa52066;border-color:var(--sentence-light-border);color:#5d3317;color:var(--sentence-light-text-secondary)}.modern-preview-actions{align-items:center;display:flex;gap:16px;gap:var(--spacing-lg);justify-content:space-between;margin-top:24px;margin-top:var(--spacing-xl)}.modern-construction-area{align-items:center;background:#8b45130d;border:2px dashed #fefefe4d;border:2px dashed var(--sentence-dark-border);border-radius:12px;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-md);justify-content:center;margin-bottom:24px;margin-bottom:var(--spacing-xl);min-height:120px;padding:24px;padding:var(--spacing-xl);transition:all .25s ease-out;transition:all var(--transition-normal)}.modern-construction-area.active{background:#8b45131a;border-color:#704313fb;border-color:var(--sentence-dark-primary);transform:scale(1.01)}.modern-construction-area.success{background:#8b451326;border-color:#704313fb;border-color:var(--sentence-dark-primary)}.light .modern-construction-area,[data-theme=light] .modern-construction-area{background:#daa5200d;border-color:#daa52066;border-color:var(--sentence-light-border)}.light .modern-construction-area.active,[data-theme=light] .modern-construction-area.active{background:#daa5201a;border-color:#daa520;border-color:var(--sentence-light-primary)}.light .modern-construction-area.success,[data-theme=light] .modern-construction-area.success{background:#daa52026;border-color:#daa520;border-color:var(--sentence-light-primary)}.modern-word-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(96,44,8,.588);background:var(--sentence-dark-card);border:2px solid #fefefe4d;border:2px solid var(--sentence-dark-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #8b451326;box-shadow:var(--shadow-sm);color:#fff;color:var(--sentence-dark-text);cursor:grab;font-size:14px;font-weight:500;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .15s ease-out;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.modern-word-item:hover{background:#8b451333;box-shadow:0 4px 6px #8b451333;box-shadow:var(--shadow-md);transform:translateY(-2px)}.modern-word-item.dragging,.modern-word-item:hover{border-color:#704313fb;border-color:var(--sentence-dark-primary)}.modern-word-item.dragging{background:#8b45134d;cursor:grabbing;opacity:.8;transform:scale(1.05)}.modern-word-item.success{background:#8b451333;border-color:#704313fb;border-color:var(--sentence-dark-primary)}.light .modern-word-item,[data-theme=light] .modern-word-item{background:#f6d799e6;background:var(--sentence-light-card);border-color:#daa52066;border-color:var(--sentence-light-border);box-shadow:0 2px 6px #daa52040;color:#8b4513;color:var(--sentence-light-text)}.light .modern-word-item:hover,[data-theme=light] .modern-word-item:hover{background:#daa52033;border-color:#daa520;border-color:var(--sentence-light-primary);box-shadow:0 4px 8px #daa5204d}.light .modern-word-item.dragging,[data-theme=light] .modern-word-item.dragging{background:#daa5204d;border-color:#daa520;border-color:var(--sentence-light-primary)}.light .modern-word-item.success,[data-theme=light] .modern-word-item.success{background:#daa52033;border-color:#daa520;border-color:var(--sentence-light-primary)}.modern-available-words{flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.modern-available-words,.modern-test-actions{display:flex;justify-content:center;margin-bottom:24px;margin-bottom:var(--spacing-xl)}.modern-test-actions{gap:16px;gap:var(--spacing-lg)}.modern-reset-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:tan!important;border:2px solid #c19a6b!important;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 12px #d2b48c4d,0 2px 4px #8b45131a!important;color:#8b4513!important;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;gap:var(--spacing-sm);margin:0;padding:12px 24px;padding:var(--spacing-md) var(--spacing-xl);position:relative;text-decoration:none;transform:translateZ(0);transition:all .25s ease-out;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;will-change:transform}.modern-reset-button:hover{background:#c19a6b!important;border-color:#b8860b!important;box-shadow:0 6px 16px #d2b48c66,0 4px 8px #8b451333!important;color:#5d3317!important}.modern-reset-button:active{background:#b8860b!important;border-color:#8b7355!important;box-shadow:0 2px 8px #d2b48c33,inset 0 2px 4px #8b45131a!important;transform:translateY(0)}.modern-reset-button:focus-visible{outline:3px solid #daa520;outline-offset:2px}.modern-reset-button:disabled{cursor:not-allowed;opacity:.6}.modern-reset-button:disabled,.modern-reset-button:disabled:hover{background:#e5d3b3!important;border-color:#d0d0d0!important;box-shadow:none!important;color:#a0a0a0!important;transform:none}.modern-reset-button svg{flex-shrink:0;transition:transform .15s ease-out;transition:transform var(--transition-fast)}.modern-reset-button:hover svg{transform:scale(1.1)}.modern-reset-button:after{background:#8b45134d;border-radius:50%;content:"";height:0;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.modern-reset-button:active:after{height:300px;opacity:1;transition:width 0s,height 0s,opacity .6s;width:300px}.light .modern-reset-button,[data-theme=light] .modern-reset-button{background:#f5e6d3!important;border-color:#e5d3b3!important;box-shadow:0 4px 12px #8b451333,0 2px 4px #d2b48c1a!important;color:#8b4513!important}.light .modern-reset-button:hover,[data-theme=light] .modern-reset-button:hover{background:#e5d3b3!important;border-color:tan!important;box-shadow:0 6px 16px #8b45134d,0 4px 8px #d2b48c33!important;color:#5d3317!important}.light .modern-reset-button:active,[data-theme=light] .modern-reset-button:active{background:tan!important;border-color:#c19a6b!important}.light .modern-reset-button:after,[data-theme=light] .modern-reset-button:after{background:#d2b48c4d}.modern-verify-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(45deg,#704313fb,#f1eee951);background:linear-gradient(45deg,var(--sentence-dark-primary),var(--sentence-dark-accent));border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px #8b451340;box-shadow:var(--shadow-lg);color:#fff;color:var(--sentence-dark-text);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;padding:12px 24px;padding:var(--spacing-md) var(--spacing-xl);transition:all .25s ease-out;transition:all var(--transition-normal)}.modern-verify-button:hover{background:linear-gradient(45deg,#f1eee951,#704313fb);background:linear-gradient(45deg,var(--sentence-dark-accent),var(--sentence-dark-primary));box-shadow:0 20px 25px #8b45134d;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.light .modern-verify-button,[data-theme=light] .modern-verify-button{background:linear-gradient(45deg,#daa520,peru);background:linear-gradient(45deg,var(--sentence-light-primary),var(--sentence-light-secondary));box-shadow:0 4px 12px #daa5204d;color:#8b4513;color:var(--sentence-light-text)}.light .modern-verify-button:hover,[data-theme=light] .modern-verify-button:hover{background:linear-gradient(45deg,peru,#b8860b);background:linear-gradient(45deg,var(--sentence-light-secondary),var(--sentence-light-accent));box-shadow:0 6px 16px #daa52066}.modern-reset-button:disabled,.modern-verify-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.modern-feedback-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(96,44,8,.588);background:var(--sentence-dark-card);border:2px solid #fefefe4d;border:2px solid var(--sentence-dark-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px #8b451340;box-shadow:var(--shadow-lg);margin-bottom:24px;margin-bottom:var(--spacing-xl);padding:24px;padding:var(--spacing-xl);text-align:center}.modern-feedback-message.success{background:#8b45131a;border-left:6px solid #704313fb;border-left:6px solid var(--sentence-dark-primary)}.modern-feedback-message.error{background:#ef44441a;border-left:6px solid #ef4444}.light .modern-feedback-message,[data-theme=light] .modern-feedback-message{background:#f6d799e6;background:var(--sentence-light-card);border-color:#daa52066;border-color:var(--sentence-light-border);box-shadow:0 4px 12px #daa52040}.light .modern-feedback-message.success,[data-theme=light] .modern-feedback-message.success{background:#daa5201a;border-left-color:#daa520;border-left-color:var(--sentence-light-primary)}.light .modern-feedback-message.error,[data-theme=light] .modern-feedback-message.error{background:#ef44441a;border-left-color:#ef4444}.modern-correct-sentence{background:#8b451326;border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--sentence-dark-text);font-weight:600;margin:16px 0;margin:var(--spacing-lg) 0;padding:12px;padding:var(--spacing-md)}.light .modern-correct-sentence,[data-theme=light] .modern-correct-sentence{background:#daa52026;color:#8b4513;color:var(--sentence-light-text)}.modern-summary-container{margin-bottom:24px;margin-bottom:var(--spacing-xl);text-align:center}.modern-summary-title{color:#fff;color:var(--sentence-dark-text);font-size:24px;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.light .modern-summary-title,[data-theme=light] .modern-summary-title{color:#8b4513;color:var(--sentence-light-text)}.modern-summary-score{color:#704313fb;color:var(--sentence-dark-primary);font-size:32px;font-weight:700;margin-bottom:24px;margin-bottom:var(--spacing-xl)}.light .modern-summary-score,[data-theme=light] .modern-summary-score{color:#daa520;color:var(--sentence-light-primary)}.modern-session-sentences{grid-gap:16px;grid-gap:var(--spacing-lg);display:grid;gap:16px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:24px;margin-bottom:var(--spacing-xl)}.modern-empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(96,44,8,.588);background:var(--sentence-dark-card);border:2px solid #fefefe4d;border:2px solid var(--sentence-dark-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px #8b451340;box-shadow:var(--shadow-lg);margin:32px auto;margin:var(--spacing-2xl) auto;max-width:500px;overflow:hidden;padding:32px 24px;padding:var(--spacing-2xl) var(--spacing-xl);position:relative;text-align:center}.light .modern-empty-state,[data-theme=light] .modern-empty-state{background:#f6d799e6;background:var(--sentence-light-card);border-color:#daa52066;border-color:var(--sentence-light-border);box-shadow:0 6px 16px #daa52040}.modern-empty-decoration{background:linear-gradient(90deg,#704313fb,#f1eee951);background:linear-gradient(90deg,var(--sentence-dark-primary),var(--sentence-dark-accent));height:8px;left:0;position:absolute;top:0;width:100%}.light .modern-empty-decoration,[data-theme=light] .modern-empty-decoration{background:linear-gradient(90deg,#daa520,peru);background:linear-gradient(90deg,var(--sentence-light-primary),var(--sentence-light-secondary))}.modern-empty-state h3{color:#fff;color:var(--sentence-dark-text);font-size:24px;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.light .modern-empty-state h3,[data-theme=light] .modern-empty-state h3{color:#8b4513;color:var(--sentence-light-text)}.modern-empty-state p{color:#e0e0e0;color:var(--sentence-dark-text-secondary);line-height:1.6;margin-bottom:24px;margin-bottom:var(--spacing-xl)}.light .modern-empty-state p,[data-theme=light] .modern-empty-state p{color:#5d3317;color:var(--sentence-light-text-secondary)}.mixed-categories-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(45deg,#704313fb,#f1eee951);background:linear-gradient(45deg,var(--sentence-dark-primary),var(--sentence-dark-accent));border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px #8b451340;box-shadow:var(--shadow-lg);color:#fff;color:var(--sentence-dark-text);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;gap:var(--spacing-md);justify-content:center;margin:0 auto 24px;margin:0 auto var(--spacing-xl);max-width:600px;padding:16px 24px;padding:var(--spacing-lg) var(--spacing-xl);transition:all .25s ease-out;transition:all var(--transition-normal);width:100%}.mixed-categories-button:hover{background:linear-gradient(45deg,#f1eee951,#704313fb);background:linear-gradient(45deg,var(--sentence-dark-accent),var(--sentence-dark-primary));box-shadow:0 20px 25px #8b45134d;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.light .mixed-categories-button,[data-theme=light] .mixed-categories-button{background:linear-gradient(45deg,#daa520,peru);background:linear-gradient(45deg,var(--sentence-light-primary),var(--sentence-light-secondary));box-shadow:0 4px 12px #daa5204d;color:#8b4513;color:var(--sentence-light-text)}.light .mixed-categories-button:hover,[data-theme=light] .mixed-categories-button:hover{background:linear-gradient(45deg,peru,#b8860b);background:linear-gradient(45deg,var(--sentence-light-secondary),var(--sentence-light-accent));box-shadow:0 6px 16px #daa52066}.modern-info-text{background:#8b45131a;border:2px solid #fefefe4d;border:2px solid var(--sentence-dark-border);border-radius:8px;border-radius:var(--radius-md);color:#e0e0e0;color:var(--sentence-dark-text-secondary);line-height:1.6;margin:24px auto;margin:var(--spacing-xl) auto;max-width:800px;padding:24px;padding:var(--spacing-xl);text-align:center}.light .modern-info-text,[data-theme=light] .modern-info-text{background:#daa5201a;border-color:#daa52066;border-color:var(--sentence-light-border);color:#5d3317;color:var(--sentence-light-text-secondary)}.score-display{color:#704313fb;color:var(--sentence-dark-primary);font-size:24px;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-lg);text-align:center}.light .score-display,[data-theme=light] .score-display{color:#daa520;color:var(--sentence-light-primary)}.sticky-learn-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(45deg,#704313fb,#f1eee951);background:linear-gradient(45deg,var(--sentence-dark-primary),var(--sentence-dark-accent));border:none;border-radius:8px;border-radius:var(--radius-md);bottom:16px;bottom:var(--spacing-lg);box-shadow:0 20px 25px #8b45134d;box-shadow:var(--shadow-xl);color:#fff;color:var(--sentence-dark-text);cursor:pointer;display:flex;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;left:50%;max-width:800px;padding:16px;padding:var(--spacing-lg);position:fixed;transform:translateX(-50%);transition:all .25s ease-out;transition:all var(--transition-normal);width:calc(100% - 40px);z-index:1000}.sticky-learn-button:hover{background:linear-gradient(45deg,#f1eee951,#704313fb);background:linear-gradient(45deg,var(--sentence-dark-accent),var(--sentence-dark-primary));box-shadow:0 25px 50px #8b451359;box-shadow:var(--shadow-2xl);transform:translateX(-50%) translateY(-2px)}.light .sticky-learn-button,[data-theme=light] .sticky-learn-button{background:linear-gradient(45deg,#daa520,peru);background:linear-gradient(45deg,var(--sentence-light-primary),var(--sentence-light-secondary));box-shadow:0 6px 16px #daa5204d;color:#8b4513;color:var(--sentence-light-text)}.light .sticky-learn-button:hover,[data-theme=light] .sticky-learn-button:hover{background:linear-gradient(45deg,peru,#b8860b);background:linear-gradient(45deg,var(--sentence-light-secondary),var(--sentence-light-accent));box-shadow:0 8px 20px #daa52066}.modern-text-input-container{margin:2rem 0;text-align:center}.text-input-label{color:#e0e0e0;color:var(--sentence-dark-text-secondary);display:block;font-size:1.1rem;font-weight:500;margin-bottom:1rem}.light .text-input-label,[data-theme=light] .text-input-label{color:#5d3317;color:var(--sentence-light-text-secondary)}.modern-text-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(96,44,8,.588);background:var(--sentence-dark-card);border:2px solid #fefefe4d;border:2px solid var(--sentence-dark-border);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--sentence-dark-text);font-size:1.1rem;max-width:500px;outline:none;padding:1rem;transition:all .3s ease;width:100%}.modern-text-input:focus{box-shadow:0 0 0 3px #8b45131a}.modern-text-input.success,.modern-text-input:focus{border-color:#704313fb;border-color:var(--sentence-dark-primary)}.modern-text-input.success{background-color:#8b45131a}.light .modern-text-input,[data-theme=light] .modern-text-input{background:#f6d799e6;background:var(--sentence-light-card);border-color:#daa52066;border-color:var(--sentence-light-border);color:#8b4513;color:var(--sentence-light-text)}.light .modern-text-input:focus,[data-theme=light] .modern-text-input:focus{border-color:#daa520;border-color:var(--sentence-light-primary);box-shadow:0 0 0 3px #daa5201a}.light .modern-text-input.success,[data-theme=light] .modern-text-input.success{background-color:#daa5201a;border-color:#daa520;border-color:var(--sentence-light-primary)}.incorrect-answer{color:#ef4444;font-weight:500}.user-answer{color:#e0e0e0;color:var(--sentence-dark-text-secondary);font-size:.9rem;margin-top:.5rem}.light .user-answer,[data-theme=light] .user-answer{color:#5d3317;color:var(--sentence-light-text-secondary)}.mode-indicator.text-input{background:linear-gradient(45deg,#8b5cf6,#a78bfa)}.mode-indicator.drag-drop{background:linear-gradient(45deg,#10b981,#34d399)}.modern-word-item.constructed-word{border:2px solid #0000;cursor:pointer;position:relative;transition:all .2s ease}.modern-word-item.constructed-word:hover{background-color:#8b45134d;border-color:#704313fb;border-color:var(--sentence-dark-primary);box-shadow:0 4px 6px #8b451333;box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (prefers-color-scheme:dark){.modern-word-item.constructed-word:hover{background-color:#8b45134d;border-color:#704313fb;border-color:var(--sentence-dark-primary)}}.dark .modern-word-item.constructed-word:hover,[data-theme=dark] .modern-word-item.constructed-word:hover{background-color:#8b45134d!important;border-color:#704313fb!important;border-color:var(--sentence-dark-primary)!important}.light .modern-word-item.constructed-word:hover,[data-theme=light] .modern-word-item.constructed-word:hover{background-color:#daa5204d;border-color:#daa520;border-color:var(--sentence-light-primary)}.modern-word-item.constructed-word:after{align-items:center;background-color:#dc2626;border-radius:50%;color:#fff;content:"×";display:flex;font-size:12px;height:16px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:-8px;top:-8px;transition:opacity .2s ease;width:16px}.modern-word-item.constructed-word:hover:after{opacity:1}.modern-word-item.constructed-word.success:after{display:none}.modern-word-item.constructed-word:active{background-color:#8b451366;border-color:#f1eee951;border-color:var(--sentence-dark-accent);transform:translateY(0)}.light .modern-word-item.constructed-word:active,[data-theme=light] .modern-word-item.constructed-word:active{background-color:#daa52066;border-color:#b8860b;border-color:var(--sentence-light-accent)}.modern-word-item.constructed-word.success{cursor:default;pointer-events:none}.modern-word-item.constructed-word.success:hover{background-color:inherit;border-color:#0000;box-shadow:none;transform:none}@keyframes wordRemoval{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(0)}}.modern-word-item.removing{animation:wordRemoval .3s ease-in-out forwards}.construction-hint{background-color:#8b45131a;border-left:3px solid #704313fb;border-left:3px solid var(--sentence-dark-primary);border-radius:6px;border-radius:var(--radius-sm);color:#e0e0e0;color:var(--sentence-dark-text-secondary);font-size:.875rem;margin-bottom:1rem;padding:.5rem;text-align:center}.light .construction-hint,[data-theme=light] .construction-hint{background-color:#daa5201a;border-left-color:#daa520;border-left-color:var(--sentence-light-primary);color:#5d3317;color:var(--sentence-light-text-secondary)}.modern-sentence-card.mastered{background-color:#8b45131a;border:2px solid #704313fb;border:2px solid var(--sentence-dark-primary);position:relative}.light .modern-sentence-card.mastered,[data-theme=light] .modern-sentence-card.mastered{background-color:#daa5201a;border-color:#daa520;border-color:var(--sentence-light-primary)}.mastered-badge{align-items:center;background-color:#8b451333;border-radius:9999px;color:#fff;color:var(--sentence-dark-text);display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;margin-top:.5rem;padding:.25rem .5rem;text-transform:uppercase}.light .mastered-badge,[data-theme=light] .mastered-badge{background-color:#daa52033;color:#8b4513;color:var(--sentence-light-text)}.mastered-badge svg{animation:masteredPulse 1s ease-in-out}@keyframes masteredPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.modern-sentence-card.mastered{box-shadow:0 4px 6px -1px #8b451333,0 2px 4px -1px #8b45131a}.light .modern-sentence-card.mastered,[data-theme=light] .modern-sentence-card.mastered{box-shadow:0 4px 6px -1px #daa52033,0 2px 4px -1px #daa5201a}.modern-sentence-card.mastered:hover{box-shadow:0 8px 15px -3px #8b45134d,0 4px 6px -2px #8b451333;transform:translateY(-2px)}.light .modern-sentence-card.mastered:hover,[data-theme=light] .modern-sentence-card.mastered:hover{box-shadow:0 8px 15px -3px #daa5204d,0 4px 6px -2px #daa52033}.modern-stat-card .stat-value{color:#fff;color:var(--sentence-dark-text);font-size:1.875rem;font-weight:700}.light .modern-stat-card .stat-value,[data-theme=light] .modern-stat-card .stat-value{color:#8b4513;color:var(--sentence-light-text)}.progress-indicator{background-color:#fefefe4d;background-color:var(--sentence-dark-border);border-radius:2px;height:4px;margin-top:1rem;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#704313fb,#f1eee951);background:linear-gradient(90deg,var(--sentence-dark-primary),var(--sentence-dark-accent));height:100%;transition:width .5s ease}.light .progress-indicator,[data-theme=light] .progress-indicator{background-color:#daa52066;background-color:var(--sentence-light-border)}.light .progress-bar,[data-theme=light] .progress-bar{background:linear-gradient(90deg,#daa520,peru);background:linear-gradient(90deg,var(--sentence-light-primary),var(--sentence-light-secondary))}.modern-category-card.completed{background:linear-gradient(135deg,#704313fb,#f1eee951);background:linear-gradient(135deg,var(--sentence-dark-primary),var(--sentence-dark-accent));border:2px solid #f1eee951;border:2px solid var(--sentence-dark-accent);opacity:.8}.light .modern-category-card.completed,[data-theme=light] .modern-category-card.completed{background:linear-gradient(135deg,#daa520,peru);background:linear-gradient(135deg,var(--sentence-light-primary),var(--sentence-light-secondary));border:2px solid peru;border:2px solid var(--sentence-light-secondary)}.completion-badge{background:#f1eee951;background:var(--sentence-dark-accent);border-radius:12px;color:#fff;color:var(--sentence-dark-text);font-size:.75rem;font-weight:700;padding:2px 8px}.light .completion-badge,[data-theme=light] .completion-badge{background:#b8860b;background:var(--sentence-light-accent);color:#8b4513;color:var(--sentence-light-text)}.complete-text{color:#704313fb;color:var(--sentence-dark-primary);font-size:.9rem;font-weight:700}.light .complete-text,[data-theme=light] .complete-text{color:#daa520;color:var(--sentence-light-primary)}.remaining-text{color:#e0e0e0;color:var(--sentence-dark-text-secondary);font-size:.9rem}.light .remaining-text,[data-theme=light] .remaining-text{color:#5d3317;color:var(--sentence-light-text-secondary)}@media (max-width:768px){.modern-sentence-game{padding:16px 8px;padding:var(--spacing-lg) var(--spacing-sm);padding-top:8px;padding-top:var(--spacing-sm)}.modern-categories-grid,.modern-game-header,.modern-main-content{padding:16px;padding:var(--spacing-lg)}.modern-categories-grid,.modern-category-stats{grid-template-columns:1fr}.modern-action-buttons{flex-direction:column}.modern-primary-button,.modern-reset-button,.modern-secondary-button,.modern-verify-button{width:100%}.modern-test-actions{flex-direction:column}.modern-sentence-list,.modern-session-sentences{grid-template-columns:1fr}.modern-target-phrase{font-size:24px}.modern-phrase-translation{font-size:16px}.mixed-categories-button{max-width:100%}.modern-info-text{margin:16px;margin:var(--spacing-lg)}.sticky-learn-button{font-size:14px;padding:12px;padding:var(--spacing-md);width:calc(100% - 20px)}}@media (max-width:640px){.modern-word-item.constructed-word{min-height:44px}.modern-word-item.constructed-word:after{font-size:14px;height:20px;right:-10px;top:-10px;width:20px}}@media (max-width:480px){.modern-sentence-game{padding:8px;padding:var(--spacing-sm)}.modern-game-header{flex-direction:column;gap:12px;gap:var(--spacing-md)}.modern-game-header,.modern-main-content{padding:12px;padding:var(--spacing-md)}.modern-header-title{font-size:18px;text-align:center}.modern-target-phrase{font-size:20px}.modern-phrase-translation{font-size:14px}}@keyframes correctAnswer{0%{box-shadow:0 0 0 0 #8b451399;transform:scale(1)}50%{box-shadow:0 0 20px 10px #8b451366;transform:scale(1.05)}to{box-shadow:0 0 0 0 #8b451300;transform:scale(1)}}@keyframes incorrectAnswer{0%{box-shadow:0 0 0 0 #ef444466;transform:scale(1)}25%{transform:translateX(-5px)}50%{box-shadow:0 0 20px 10px #ef444433;transform:translateX(5px)}75%{transform:translateX(-5px)}to{box-shadow:0 0 0 0 #ef444400;transform:translateX(0)}}.modern-word-item.correct{animation:correctAnswer .6s}.modern-word-item.incorrect{animation:incorrectAnswer .6s}.modern-primary-button:active:after,.modern-secondary-button:active:after,.modern-word-item:active:after{animation:ripple .6s ease-out;background:#8b451366;border-radius:50%;content:"";height:20px;left:50%;pointer-events:none;position:absolute;top:50%;width:20px}.light .modern-primary-button:active:after,.light .modern-secondary-button:active:after,.light .modern-word-item:active:after,[data-theme=light] .modern-primary-button:active:after,[data-theme=light] .modern-secondary-button:active:after,[data-theme=light] .modern-word-item:active:after{background:#daa52066}.modern-category-card,.modern-primary-button,.modern-reset-button,.modern-secondary-button,.modern-verify-button,.modern-word-item{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:transform}.modern-game-container{contain:layout style paint}.modern-sentence-game :focus-visible{outline:3px solid #704313fb;outline:3px solid var(--sentence-dark-primary);outline-offset:2px}.light .modern-sentence-game :focus-visible,[data-theme=light] .modern-sentence-game :focus-visible{outline-color:#daa520;outline-color:var(--sentence-light-primary)}@media (prefers-reduced-motion:reduce){.modern-category-card,.modern-primary-button,.modern-reset-button,.modern-secondary-button,.modern-verify-button,.modern-word-item{animation:none!important;transition:none!important}.modern-preview-decoration:after{display:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.modern-category-card,.modern-construction-area,.modern-primary-button,.modern-reset-button,.modern-secondary-button,.modern-text-input,.modern-verify-button,.modern-word-item{border-width:3px!important}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.mixed-categories-button,.modern-category-card,.modern-empty-state,.modern-feedback-message,.modern-game-container,.modern-preview-container,.modern-primary-button,.modern-reset-button,.modern-secondary-button,.modern-sentence-card,.modern-stat-card,.modern-text-input,.modern-verify-button,.modern-word-item,.sticky-learn-button{background:rgba(96,44,8,.588)!important;background:var(--sentence-dark-card)!important}.light .mixed-categories-button,.light .modern-category-card,.light .modern-empty-state,.light .modern-feedback-message,.light .modern-game-container,.light .modern-preview-container,.light .modern-primary-button,.light .modern-reset-button,.light .modern-secondary-button,.light .modern-sentence-card,.light .modern-stat-card,.light .modern-text-input,.light .modern-verify-button,.light .modern-word-item,.light .sticky-learn-button,[data-theme=light] .mixed-categories-button,[data-theme=light] .modern-category-card,[data-theme=light] .modern-empty-state,[data-theme=light] .modern-feedback-message,[data-theme=light] .modern-game-container,[data-theme=light] .modern-preview-container,[data-theme=light] .modern-primary-button,[data-theme=light] .modern-reset-button,[data-theme=light] .modern-secondary-button,[data-theme=light] .modern-sentence-card,[data-theme=light] .modern-stat-card,[data-theme=light] .modern-text-input,[data-theme=light] .modern-verify-button,[data-theme=light] .modern-word-item,[data-theme=light] .sticky-learn-button{background:#f6d799e6!important;background:var(--sentence-light-card)!important}}.modern-sentence-game h1,.modern-sentence-game h2,.modern-sentence-game h3,.modern-sentence-game h4{color:#fff!important;color:var(--sentence-dark-text)!important}.light .modern-sentence-game h1,.light .modern-sentence-game h2,.light .modern-sentence-game h3,.light .modern-sentence-game h4,[data-theme=light] .modern-sentence-game h1,[data-theme=light] .modern-sentence-game h2,[data-theme=light] .modern-sentence-game h3,[data-theme=light] .modern-sentence-game h4{color:#8b4513!important;color:var(--sentence-light-text)!important}.modern-sentence-game p{color:#e0e0e0;color:var(--sentence-dark-text-secondary)}.light .modern-sentence-game p,[data-theme=light] .modern-sentence-game p{color:#5d3317;color:var(--sentence-light-text-secondary)}.sentence-text-primary{color:#fff!important;color:var(--sentence-dark-text)!important}.sentence-text-secondary{color:#e0e0e0!important;color:var(--sentence-dark-text-secondary)!important}.light .sentence-text-primary,[data-theme=light] .sentence-text-primary{color:#8b4513!important;color:var(--sentence-light-text)!important}.light .sentence-text-secondary,[data-theme=light] .sentence-text-secondary{color:#5d3317!important;color:var(--sentence-light-text-secondary)!important}.sentence-bg-card{background:rgba(96,44,8,.588)!important;background:var(--sentence-dark-card)!important}.sentence-bg-primary{background:#704313fb!important;background:var(--sentence-dark-primary)!important}.light .sentence-bg-card,[data-theme=light] .sentence-bg-card{background:#f6d799e6!important;background:var(--sentence-light-card)!important}.light .sentence-bg-primary,[data-theme=light] .sentence-bg-primary{background:#daa520!important;background:var(--sentence-light-primary)!important}@media (prefers-color-scheme:dark){.modern-sentence-game:not(.light):not([data-theme=light]){background:#8b45131a;background:var(--sentence-dark-bg);color:#fff;color:var(--sentence-dark-text)}}@media (prefers-color-scheme:light){.modern-sentence-game:not(.dark):not([data-theme=dark]){background:#f5deb34d;background:var(--sentence-light-bg);color:#8b4513;color:var(--sentence-light-text)}}.sentence-spacing-xs{margin:4px;margin:var(--spacing-xs)}.sentence-spacing-sm{margin:8px;margin:var(--spacing-sm)}.sentence-spacing-md{margin:12px;margin:var(--spacing-md)}.sentence-spacing-lg{margin:16px;margin:var(--spacing-lg)}.sentence-spacing-xl{margin:24px;margin:var(--spacing-xl)}.sentence-radius-sm{border-radius:6px;border-radius:var(--radius-sm)}.sentence-radius-md{border-radius:8px;border-radius:var(--radius-md)}.sentence-radius-lg{border-radius:12px;border-radius:var(--radius-lg)}.sentence-radius-xl{border-radius:16px;border-radius:var(--radius-xl)}.sentence-shadow-sm{box-shadow:0 1px 3px #8b451326;box-shadow:var(--shadow-sm)}.sentence-shadow-md{box-shadow:0 4px 6px #8b451333;box-shadow:var(--shadow-md)}.sentence-shadow-lg{box-shadow:0 10px 15px #8b451340;box-shadow:var(--shadow-lg)}.sentence-shadow-xl{box-shadow:0 20px 25px #8b45134d;box-shadow:var(--shadow-xl)}.sentence-transition-fast{transition:all .15s ease-out;transition:all var(--transition-fast)}.sentence-transition-normal{transition:all .25s ease-out;transition:all var(--transition-normal)}.sentence-transition-slow{transition:all .35s ease-in-out;transition:all var(--transition-slow)}.sentence-transition-smooth{transition:all .4s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth)}.modern-category-card .progress-badge,.modern-sentence-card .progress-badge,.progress-badge{background:#bb750ae6!important;background:var(--force-bg-light)!important;border:2px solid #0003!important;color:#2c2c2c!important;color:var(--force-text-dark)!important;text-shadow:0 1px 2px #ffffff80!important}.modern-category-card .progress-badge.completed,.modern-sentence-card .progress-badge.completed,.progress-badge.completed{background:#4caf50e6!important;background:var(--force-bg-success)!important;border:2px solid #4caf5080!important;color:#1b5e20!important;color:var(--force-text-success)!important}.modern-sentence-card .stat-value,.modern-stat-card .stat-value,.stat-value{color:#2c2c2c!important;color:var(--force-text-dark)!important;text-shadow:0 1px 2px #ffffff80!important}.modern-sentence-card .stat-label,.modern-stat-card .stat-label,.stat-label{color:#404040!important;color:var(--force-text-medium)!important;text-shadow:0 1px 1px #ffffff4d!important}.App[data-theme=dark] .progress-badge,.App[data-theme=light] .progress-badge,.dark .progress-badge,.light .progress-badge,[data-theme=dark] .progress-badge,[data-theme=light] .progress-badge{background:#bb750ae6!important;background:var(--force-bg-light)!important;border:2px solid #0003!important;color:#2c2c2c!important;color:var(--force-text-dark)!important}.App[data-theme=dark] .progress-badge.completed,.App[data-theme=light] .progress-badge.completed,.dark .progress-badge.completed,.light .progress-badge.completed,[data-theme=dark] .progress-badge.completed,[data-theme=light] .progress-badge.completed{background:#4caf50e6!important;background:var(--force-bg-success)!important;border:2px solid #4caf5080!important;color:#1b5e20!important;color:var(--force-text-success)!important}.App[data-theme=dark] .stat-value,.App[data-theme=light] .stat-value,.dark .stat-value,.light .stat-value,[data-theme=dark] .stat-value,[data-theme=light] .stat-value{color:#2c2c2c!important;color:var(--force-text-dark)!important;text-shadow:0 1px 2px #ffffff80!important}.App[data-theme=dark] .stat-label,.App[data-theme=light] .stat-label,.dark .stat-label,.light .stat-label,[data-theme=dark] .stat-label,[data-theme=light] .stat-label{color:#404040!important;color:var(--force-text-medium)!important;text-shadow:0 1px 1px #ffffff4d!important}:root{--grammar-dark-primary:#8b4513;--grammar-dark-bg:#8b45131a;--grammar-dark-card:#8b451326;--grammar-dark-border:#8b45134d;--grammar-dark-text:wheat;--grammar-dark-text-secondary:#deb887;--spacing-xs:6px;--spacing-sm:12px;--spacing-md:20px;--spacing-lg:32px;--spacing-xl:48px;--spacing-2xl:64px;--spacing-3xl:80px;--shadow-sm:0 1px 3px #8b45131a;--shadow-lg:0 10px 15px #8b45134d;--shadow-xl:0 20px 25px #8b451366;--mobile-back-size:56px;--mobile-back-position:16px;--mobile-back-shadow:0 4px 12px #0000004d;--mobile-back-z-index:1000}.quiz-force-center{align-items:center!important;background:linear-gradient(135deg,#8b4513,#5d3317 50%,sienna)!important;background:linear-gradient(135deg,var(--grammar-dark-primary) 0,var(--grammar-dark-secondary) 50%,var(--grammar-dark-accent) 100%)!important;color:wheat!important;color:var(--grammar-dark-text)!important;display:flex!important;flex-direction:column!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;overflow:hidden!important;padding:12px!important;padding:var(--spacing-sm)!important;position:fixed!important;top:0!important;transition:all .5s ease!important;width:100vw!important;z-index:9999!important}.quiz-force-center[data-theme=light]{background:linear-gradient(135deg,#daa520,peru 50%,#b8860b)!important;background:linear-gradient(135deg,var(--grammar-light-primary) 0,var(--grammar-light-secondary) 50%,var(--grammar-light-accent) 100%)!important;color:#8b4513!important;color:var(--grammar-light-text)!important}.quiz-force-center~*{display:none!important}body:has(.quiz-force-center) .bottom-navigation,body:has(.quiz-force-center) .floating-premium-button,body:has(.quiz-force-center) .mascot-container,body:has(.quiz-force-center) .mobile-header{display:none!important;visibility:hidden!important}.quiz-active .bottom-navigation,.quiz-active .floating-premium-button,.quiz-active .mascot-container,.quiz-active .mobile-header{display:none!important;visibility:hidden!important}.quiz-force-center .quiz-container{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#28140af2!important;border:3px solid #8b4513cc!important;border-radius:16px!important;border-radius:var(--radius-xl)!important;bottom:auto!important;box-shadow:0 12px 32px #0006,0 4px 16px #8b45134d!important;color:wheat!important;color:var(--grammar-dark-text)!important;left:auto!important;margin:0 auto!important;max-height:95vh!important;max-width:900px!important;min-height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;padding:32px!important;padding:var(--spacing-lg)!important;position:relative!important;right:auto!important;top:auto!important;transform:translateY(0)!important;transition:all .3s ease!important;transition:all var(--transition-normal)!important;width:90%!important}.quiz-force-center[data-theme=light] .quiz-container{background:#fff8f0f2!important;border:3px solid #8b451399!important;box-shadow:0 12px 32px #0003,0 4px 16px #daa5204d!important;color:#8b4513!important;color:var(--grammar-light-text)!important}.quiz-force-center .header-section{align-items:center;border-bottom:2px solid #8b45134d;border-bottom:2px solid var(--grammar-dark-border);display:flex;justify-content:space-between;margin-bottom:32px!important;margin-bottom:var(--spacing-lg)!important;padding-bottom:20px!important;padding-bottom:var(--spacing-md)!important}[data-theme=light] .quiz-force-center .header-section{border-color:#daa52066;border-color:var(--grammar-light-border)}.quiz-force-center .modern-back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b451326;background:var(--grammar-dark-card);border:2px solid #8b45134d;border:2px solid var(--grammar-dark-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #8b45131a;box-shadow:var(--shadow-sm);color:wheat;color:var(--grammar-dark-text);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;gap:var(--spacing-sm);padding:32px 48px!important;padding:var(--spacing-lg) var(--spacing-xl)!important;text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast)}.quiz-force-center .modern-back-button:hover{background:#8b4513;background:var(--grammar-dark-primary);border-color:#8b4513;border-color:var(--grammar-dark-primary);box-shadow:0 4px 6px #8b451333;box-shadow:var(--shadow-md);color:wheat;color:var(--grammar-dark-text);transform:translateY(-2px)}[data-theme=light] .quiz-force-center .modern-back-button{background:#ffffffe6;background:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border);color:#8b4513;color:var(--grammar-light-text)}[data-theme=light] .quiz-force-center .modern-back-button:hover{background:#daa520;background:var(--grammar-light-primary);border-color:#daa520;border-color:var(--grammar-light-primary);color:#8b4513;color:var(--grammar-light-text)}.quiz-force-center .quiz-title{display:none!important}.quiz-force-center .quiz-description{color:#fff!important;font-size:17px!important;font-weight:500!important;line-height:1.6!important;margin-bottom:64px!important;margin-bottom:var(--spacing-2xl)!important;margin-left:auto!important;margin-right:auto!important;max-width:600px!important;text-align:center!important;text-shadow:1px 1px 3px #00000080!important}.quiz-force-center[data-theme=light] .quiz-description{color:#5d3317!important;color:var(--grammar-light-text-secondary)!important}.quiz-force-center .quiz-score{color:wheat!important;color:var(--grammar-dark-text)!important;font-size:20px!important;font-weight:700!important;margin-bottom:20px!important;margin-bottom:var(--spacing-md)!important;text-align:center!important}.quiz-force-center[data-theme=light] .quiz-score{color:#8b4513!important;color:var(--grammar-light-text)!important}.quiz-force-center .quiz-info{align-items:center!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:linear-gradient(135deg,#8b4513cc,#5d3317b3)!important;border:2px solid #f5deb399!important;border-radius:16px!important;border-radius:var(--radius-xl)!important;box-shadow:0 6px 20px #00000040,inset 0 1px 4px #f5deb34d!important;color:#fff!important;display:flex!important;flex-direction:row!important;gap:32px!important;gap:var(--spacing-lg)!important;justify-content:space-between!important;margin-bottom:32px!important;margin-bottom:var(--spacing-lg)!important;padding:32px 48px!important;padding:var(--spacing-lg) var(--spacing-xl)!important}.quiz-force-center[data-theme=light] .quiz-info{background:linear-gradient(135deg,#8b4513d9,#5d3317cc)!important;border-color:#f5deb3cc!important;color:#fff!important}.quiz-force-center .quiz-timer{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#0000004d!important;border:1px solid #f5deb366!important;border-radius:8px!important;border-radius:var(--radius-md)!important;color:#fff!important;font-size:18px!important;font-weight:700!important;order:1!important;padding:20px 32px!important;padding:var(--spacing-md) var(--spacing-lg)!important;text-shadow:1px 1px 2px #00000080!important}.quiz-force-center .quiz-lives{align-items:center!important;display:flex!important;gap:12px!important;gap:var(--spacing-sm)!important;margin-left:auto!important;order:2!important}.quiz-force-center .quiz-lives .heart{filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))!important;font-size:26px!important}.quiz-force-center .quiz-question-container{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background-color:#8b451326!important;background-color:var(--grammar-dark-card)!important;border:2px solid #8b45134d!important;border:2px solid var(--grammar-dark-border)!important;border-radius:16px!important;border-radius:var(--radius-xl)!important;box-shadow:0 6px 16px #8b45134d!important;display:flex!important;flex-direction:column!important;gap:20px!important;gap:var(--spacing-md)!important;height:auto!important;justify-content:flex-start!important;margin-bottom:20px!important;margin-bottom:var(--spacing-md)!important;max-height:none!important;min-height:280px!important;opacity:1!important;overflow:visible!important;padding:32px!important;padding:var(--spacing-lg)!important;position:relative!important;visibility:visible!important;z-index:50!important}.quiz-force-center[data-theme=light] .quiz-question-container{background-color:#ffffffe6!important;background-color:var(--grammar-light-card)!important;border-color:#daa52066!important;border-color:var(--grammar-light-border)!important;box-shadow:0 6px 16px #daa52040!important}.quiz-force-center .quiz-question{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#8b451333,#5d331726)!important;border:2px solid #8b45134d!important;border:2px solid var(--grammar-dark-border)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;color:wheat!important;color:var(--grammar-dark-text)!important;display:flex!important;font-size:22px!important;font-weight:600!important;height:auto!important;justify-content:center!important;line-height:1.4!important;margin-bottom:20px!important;margin-bottom:var(--spacing-md)!important;min-height:60px!important;opacity:1!important;padding:20px!important;padding:var(--spacing-md)!important;position:relative!important;text-align:center!important;transition:all .3s ease!important;transition:all var(--transition-normal)!important;visibility:visible!important;z-index:70!important}.quiz-force-center[data-theme=light] .quiz-question{background:linear-gradient(135deg,#daa52033,#cd853f26)!important;border-color:#daa52066!important;border-color:var(--grammar-light-border)!important;color:#8b4513!important;color:var(--grammar-light-text)!important}.quiz-force-center .quiz-content{display:flex!important;flex-direction:column!important;gap:32px!important;gap:var(--spacing-lg)!important;height:auto!important;z-index:60!important}.quiz-force-center .quiz-content,.quiz-force-center .quiz-options{opacity:1!important;position:relative!important;visibility:visible!important;width:100%!important}.quiz-force-center .quiz-options{grid-gap:20px!important;grid-gap:var(--spacing-md)!important;display:grid!important;gap:20px!important;gap:var(--spacing-md)!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;margin-top:0!important;min-height:160px!important;z-index:100!important}.quiz-force-center .quiz-option{word-wrap:break-word!important;align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#8b4513,#5d3317)!important;background:linear-gradient(135deg,var(--grammar-dark-primary),var(--grammar-dark-secondary))!important;border:2px solid #8b45134d!important;border:2px solid var(--grammar-dark-border)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 12px #8b45134d!important;color:wheat!important;color:var(--grammar-dark-text)!important;cursor:pointer!important;font-size:16px!important;font-weight:600!important;-webkit-hyphens:auto!important;hyphens:auto!important;justify-content:center!important;line-height:1.3!important;min-height:60px!important;opacity:1!important;overflow:visible!important;padding:20px!important;padding:var(--spacing-md)!important;position:relative!important;text-align:center!important;text-overflow:clip!important;transition:all .2s ease!important;transition:all var(--transition-fast)!important;visibility:visible!important;white-space:normal!important;z-index:101!important}.quiz-force-center .quiz-option:hover:not(:disabled){background:linear-gradient(135deg,#5d3317,sienna)!important;background:linear-gradient(135deg,var(--grammar-dark-secondary),var(--grammar-dark-accent))!important;box-shadow:0 6px 16px #8b451366!important;transform:translateY(-2px)!important}.quiz-force-center[data-theme=light] .quiz-option{background:linear-gradient(135deg,#daa520,peru)!important;background:linear-gradient(135deg,var(--grammar-light-primary),var(--grammar-light-secondary))!important;border-color:#daa52066!important;border-color:var(--grammar-light-border)!important;box-shadow:0 4px 12px #daa5204d!important;color:#8b4513!important;color:var(--grammar-light-text)!important}.quiz-force-center[data-theme=light] .quiz-option:hover:not(:disabled){background:linear-gradient(135deg,peru,#b8860b)!important;background:linear-gradient(135deg,var(--grammar-light-secondary),var(--grammar-light-accent))!important;box-shadow:0 6px 16px #daa52066!important}.quiz-force-center .quiz-option.correct{animation:pulse-correct .6s ease-out!important;background:linear-gradient(135deg,#22c55e,#16a34a)!important;border-color:#fff9!important;color:#fff!important}.quiz-force-center .quiz-option.incorrect{animation:shake-incorrect .6s ease-out!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border-color:#fff9!important;color:#fff!important}@keyframes pulse-correct{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake-incorrect{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.quiz-force-center .quiz-content,.quiz-force-center .quiz-content *,.quiz-force-center .quiz-option,.quiz-force-center .quiz-option *,.quiz-force-center .quiz-options,.quiz-force-center .quiz-options *,.quiz-force-center .quiz-question-container,.quiz-force-center .quiz-question-container *{opacity:1!important;overflow:visible!important;position:relative!important;visibility:visible!important}.quiz-force-center .quiz-option{display:flex!important}* .quiz-force-center .quiz-options,body .quiz-force-center .quiz-options,html .quiz-force-center .quiz-options{display:grid!important;opacity:1!important;visibility:visible!important}* .quiz-force-center .quiz-option,body .quiz-force-center .quiz-option,html .quiz-force-center .quiz-option{display:flex!important;opacity:1!important;visibility:visible!important}.quiz-force-center .quiz-feedback{animation:feedback-appear .5s ease-out!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:3px solid!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;bottom:60px!important;box-shadow:0 8px 24px #0006!important;font-size:18px!important;font-weight:700!important;min-width:120px!important;padding:20px 32px!important;padding:var(--spacing-md) var(--spacing-lg)!important;text-shadow:1px 1px 3px #00000080!important;z-index:2000!important}@keyframes feedback-appear{0%{opacity:0;transform:translateX(-50%) translateY(20px) scale(.8)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.quiz-force-center .quiz-feedback.correct{background:linear-gradient(135deg,#22c55efa,#16a34af2)!important;border-color:#ffffffe6!important;box-shadow:0 12px 32px #0006,0 0 24px #22c55e4d!important;color:#fff!important}.quiz-force-center .quiz-feedback.incorrect{background:linear-gradient(135deg,#ef4444fa,#dc2626f2)!important;border-color:#ffffffe6!important;box-shadow:0 12px 32px #0006,0 0 24px #ef44444d!important;color:#fff!important}.quiz-force-center .quiz-start-container{padding:80px!important;padding:var(--spacing-3xl)!important;text-align:center!important}.quiz-force-center .quiz-start-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(45deg,#8b4513,#5d3317)!important;background:linear-gradient(45deg,var(--grammar-dark-primary),var(--grammar-dark-secondary))!important;border:2px solid #8b45134d!important;border:2px solid var(--grammar-dark-border)!important;border-radius:16px!important;border-radius:var(--radius-xl)!important;box-shadow:0 8px 24px #8b45134d!important;color:wheat!important;color:var(--grammar-dark-text)!important;cursor:pointer!important;font-size:20px!important;font-weight:700!important;margin-top:32px!important;margin-top:var(--spacing-lg)!important;padding:48px 64px!important;padding:var(--spacing-xl) var(--spacing-2xl)!important;transition:all .2s ease!important;transition:all var(--transition-fast)!important}.quiz-force-center .quiz-start-button:hover{background:linear-gradient(45deg,#5d3317,sienna)!important;background:linear-gradient(45deg,var(--grammar-dark-secondary),var(--grammar-dark-accent))!important;box-shadow:0 12px 32px #8b451366!important;transform:translateY(-4px)!important}.quiz-force-center[data-theme=light] .quiz-start-button{background:linear-gradient(45deg,#daa520,peru)!important;background:linear-gradient(45deg,var(--grammar-light-primary),var(--grammar-light-secondary))!important;border-color:#daa52066!important;border-color:var(--grammar-light-border)!important;box-shadow:0 8px 24px #daa5204d!important;color:#8b4513!important;color:var(--grammar-light-text)!important}.quiz-force-center[data-theme=light] .quiz-start-button:hover{background:linear-gradient(45deg,peru,#b8860b)!important;background:linear-gradient(45deg,var(--grammar-light-secondary),var(--grammar-light-accent))!important;box-shadow:0 12px 32px #daa52066!important}.quiz-force-center .quiz-countdown-container{align-items:center!important;display:flex!important;height:250px!important;justify-content:center!important;margin:64px 0!important;margin:var(--spacing-2xl) 0!important}.quiz-force-center .quiz-countdown-number{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,#8b4513,#5d3317)!important;background:linear-gradient(45deg,var(--grammar-dark-primary),var(--grammar-dark-secondary))!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:90px!important;font-weight:900!important;text-shadow:2px 2px 8px #0000004d!important}.quiz-force-center[data-theme=light] .quiz-countdown-number{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,#daa520,peru)!important;background:linear-gradient(45deg,var(--grammar-light-primary),var(--grammar-light-secondary))!important;-webkit-background-clip:text!important}.quiz-force-center .quiz-gameover-container{padding:80px!important;padding:var(--spacing-3xl)!important;text-align:center!important}.quiz-force-center .quiz-gameover-title{display:none!important}.quiz-force-center .quiz-gameover-score{color:wheat!important;color:var(--grammar-dark-text)!important;font-size:22px!important;font-weight:600!important;margin-bottom:32px!important;margin-bottom:var(--spacing-lg)!important}.quiz-force-center[data-theme=light] .quiz-gameover-score{color:#8b4513!important;color:var(--grammar-light-text)!important}.quiz-force-center .quiz-buttons{display:flex!important;gap:32px!important;gap:var(--spacing-lg)!important;justify-content:center!important;margin-top:64px!important;margin-top:var(--spacing-2xl)!important}.quiz-force-center .quiz-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(45deg,#8b4513,#5d3317)!important;background:linear-gradient(45deg,var(--grammar-dark-primary),var(--grammar-dark-secondary))!important;border:2px solid #8b45134d!important;border:2px solid var(--grammar-dark-border)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;box-shadow:0 6px 16px #8b45134d!important;color:wheat!important;color:var(--grammar-dark-text)!important;cursor:pointer!important;font-size:18px!important;font-weight:600!important;padding:32px 48px!important;padding:var(--spacing-lg) var(--spacing-xl)!important;transition:all .2s ease!important;transition:all var(--transition-fast)!important}.quiz-force-center .quiz-button:hover{background:linear-gradient(45deg,#5d3317,sienna)!important;background:linear-gradient(45deg,var(--grammar-dark-secondary),var(--grammar-dark-accent))!important;box-shadow:0 8px 20px #8b451366!important;transform:translateY(-3px)!important}.quiz-force-center[data-theme=light] .quiz-button{background:linear-gradient(45deg,#daa520,peru)!important;background:linear-gradient(45deg,var(--grammar-light-primary),var(--grammar-light-secondary))!important;border-color:#daa52066!important;border-color:var(--grammar-light-border)!important;box-shadow:0 6px 16px #daa5204d!important;color:#8b4513!important;color:var(--grammar-light-text)!important}.quiz-force-center[data-theme=light] .quiz-button:hover{background:linear-gradient(45deg,peru,#b8860b)!important;background:linear-gradient(45deg,var(--grammar-light-secondary),var(--grammar-light-accent))!important;box-shadow:0 8px 20px #daa52066!important}.quiz-force-center .mobile-header-back-button{align-items:center!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#8b4513!important;background:var(--grammar-dark-primary)!important;border:3px solid wheat!important;border:3px solid var(--grammar-dark-text)!important;border-radius:50%!important;border-radius:var(--radius-full)!important;box-shadow:0 4px 12px #0000004d!important;box-shadow:var(--mobile-back-shadow)!important;color:wheat!important;color:var(--grammar-dark-text)!important;cursor:pointer!important;display:none!important;font-size:20px!important;font-weight:700!important;height:56px!important;height:var(--mobile-back-size)!important;justify-content:center!important;left:16px!important;left:var(--mobile-back-position)!important;position:fixed!important;top:16px!important;top:var(--mobile-back-position)!important;transition:all .2s ease!important;transition:all var(--transition-fast)!important;width:56px!important;width:var(--mobile-back-size)!important;z-index:1000!important;z-index:var(--mobile-back-z-index)!important}@media (max-width:768px){.quiz-force-center .mobile-header-back-button{display:flex!important;opacity:1!important;visibility:visible!important}}.quiz-force-center .mobile-header-back-button:hover{background:sienna!important;background:var(--grammar-dark-accent)!important;box-shadow:0 8px 20px #0006!important;transform:scale(1.1)!important}.quiz-force-center .mobile-header-back-button:active{transform:scale(.95)!important}[data-theme=light] .quiz-force-center .mobile-header-back-button{background:#daa520!important;background:var(--grammar-light-primary)!important;border-color:#8b4513!important;border-color:var(--grammar-light-text)!important;box-shadow:0 4px 12px #daa52066!important;color:#8b4513!important;color:var(--grammar-light-text)!important}[data-theme=light] .quiz-force-center .mobile-header-back-button:hover{background:#b8860b!important;background:var(--grammar-light-accent)!important;box-shadow:0 8px 20px #daa52080!important}.quiz-force-center .grammar-header.mobile-layout{align-items:center;background:#0000;border:none;display:none;justify-content:space-between;margin-bottom:32px!important;margin-bottom:var(--spacing-lg)!important;padding:32px 48px!important;padding:var(--spacing-lg) var(--spacing-xl)!important}@media (max-width:768px){.quiz-force-center .grammar-header.mobile-layout{display:flex!important;opacity:1!important;visibility:visible!important}}.quiz-force-center .grammar-mobile-title{color:wheat;color:var(--grammar-dark-text);flex:1 1;font-size:22px!important;font-weight:700;margin:0;padding:0 32px!important;padding:0 var(--spacing-lg)!important;text-align:center}[data-theme=light] .quiz-force-center .grammar-mobile-title{color:#8b4513;color:var(--grammar-light-text)}.quiz-force-center .grammar-header-spacer{flex-shrink:0;height:56px;height:var(--mobile-back-size);width:56px;width:var(--mobile-back-size)}@media (max-width:768px){.quiz-force-center{padding:6px!important;padding:var(--spacing-xs)!important}.quiz-force-center .quiz-container{margin:0!important;max-height:98vh!important;padding:12px!important;padding:var(--spacing-sm)!important;width:98%!important}.quiz-force-center .header-section,.quiz-force-center .modern-back-button,.quiz-force-center .quiz-title{display:none!important}.quiz-force-center .quiz-score{font-size:16px!important;margin-bottom:6px!important;margin-bottom:var(--spacing-xs)!important}.quiz-force-center .quiz-info{flex-direction:row!important;gap:20px!important;gap:var(--spacing-md)!important;justify-content:space-between!important;margin-bottom:20px!important;margin-bottom:var(--spacing-md)!important;padding:12px!important;padding:var(--spacing-sm)!important;text-align:center!important}.quiz-force-center .quiz-question-container{gap:12px!important;gap:var(--spacing-sm)!important;margin-bottom:6px!important;margin-bottom:var(--spacing-xs)!important;min-height:180px!important;padding:12px!important;padding:var(--spacing-sm)!important}.quiz-force-center .quiz-question{font-size:17px!important;line-height:1.4!important;margin-bottom:12px!important;margin-bottom:var(--spacing-sm)!important;min-height:45px!important;padding:12px!important;padding:var(--spacing-sm)!important}.quiz-force-center .quiz-options{grid-gap:12px!important;grid-gap:var(--spacing-sm)!important;display:grid!important;gap:12px!important;gap:var(--spacing-sm)!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;min-height:110px!important;opacity:1!important;position:relative!important;visibility:visible!important;z-index:100!important}.quiz-force-center .quiz-option{word-wrap:break-word!important;display:flex!important;font-size:14px!important;line-height:1.3!important;min-height:45px!important;opacity:1!important;padding:12px!important;padding:var(--spacing-sm)!important;visibility:visible!important;white-space:normal!important}.quiz-force-center .quiz-feedback{bottom:40px!important;font-size:16px!important;max-width:85vw!important;min-width:140px!important;padding:12px 20px!important;padding:var(--spacing-sm) var(--spacing-md)!important}.quiz-force-center .quiz-countdown-number{font-size:60px!important}.quiz-force-center .quiz-countdown-container{height:200px!important;margin:48px 0!important;margin:var(--spacing-xl) 0!important}.quiz-force-center .quiz-timer{font-size:16px!important;padding:12px 20px!important;padding:var(--spacing-sm) var(--spacing-md)!important}.quiz-force-center .quiz-lives .heart{font-size:22px!important}.quiz-force-center .quiz-gameover-container,.quiz-force-center .quiz-start-container{padding:48px!important;padding:var(--spacing-xl)!important}.quiz-force-center .quiz-start-button{font-size:18px!important;margin-top:32px!important;margin-top:var(--spacing-lg)!important;padding:32px 48px!important;padding:var(--spacing-lg) var(--spacing-xl)!important}.quiz-force-center .quiz-description{font-size:16px!important;line-height:1.5!important;margin-bottom:48px!important;margin-bottom:var(--spacing-xl)!important;padding:0 20px!important;padding:0 var(--spacing-md)!important}}@media (max-width:480px){.quiz-force-center .quiz-container{max-height:99vh!important;padding:6px!important;padding:var(--spacing-xs)!important}.quiz-force-center .quiz-question-container{min-height:160px!important;padding:6px!important;padding:var(--spacing-xs)!important}.quiz-force-center .quiz-question{font-size:15px!important;min-height:35px!important;padding:6px!important;padding:var(--spacing-xs)!important}.quiz-force-center .quiz-options{gap:6px!important;gap:var(--spacing-xs)!important;min-height:90px!important}.quiz-force-center .quiz-option{font-size:12px!important;min-height:35px!important;padding:6px!important;padding:var(--spacing-xs)!important}.quiz-force-center .quiz-info{margin-bottom:6px!important;margin-bottom:var(--spacing-xs)!important;padding:6px!important;padding:var(--spacing-xs)!important}:root{--mobile-back-size:52px;--mobile-back-position:16px}}@media (max-width:768px) and (orientation:landscape){.quiz-force-center .quiz-container{max-height:95vh!important;padding:6px!important;padding:var(--spacing-xs)!important}.quiz-force-center .quiz-question-container{min-height:140px!important}.quiz-force-center .quiz-options{min-height:80px!important}.quiz-force-center .quiz-option{font-size:12px!important;min-height:30px!important}}@keyframes quiz-fade-in{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-force-center .quiz-container{animation:quiz-fade-in .6s ease-out!important}@keyframes quiz-option-hover{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.03)}to{transform:translateY(-4px) scale(1.03)}}.quiz-force-center .quiz-option:hover{animation:quiz-option-hover .3s ease-out forwards!important}@keyframes mobileButtonAppear{0%{opacity:0;transform:scale(.3) translateY(-60px)}to{opacity:1;transform:scale(1) translateY(0)}}.quiz-force-center .mobile-header-back-button{animation:mobileButtonAppear .5s ease-out}@keyframes feedback-mobile-appear{0%{opacity:0;transform:translateX(-50%) translateY(40px) scale(.7)}50%{opacity:.8;transform:translateX(-50%) translateY(20px) scale(.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.quiz-force-center .quiz-feedback{animation:feedback-mobile-appear .5s ease-out!important}@media (prefers-reduced-motion:reduce){.quiz-force-center .mobile-header-back-button,.quiz-force-center .quiz-container,.quiz-force-center .quiz-countdown-number,.quiz-force-center .quiz-option.correct,.quiz-force-center .quiz-option.incorrect{animation:none!important}.quiz-force-center .mobile-header-back-button,.quiz-force-center .modern-back-button,.quiz-force-center .quiz-button,.quiz-force-center .quiz-option,.quiz-force-center .quiz-start-button{transition:none!important}.quiz-force-center .quiz-button:hover,.quiz-force-center .quiz-option:hover,.quiz-force-center .quiz-start-button:hover{transform:translateY(-2px)!important}}@media (prefers-contrast:high){.quiz-force-center .quiz-option,.quiz-force-center .quiz-question{border-width:4px!important}.quiz-force-center .quiz-title{-webkit-text-fill-color:wheat!important;-webkit-text-fill-color:var(--grammar-dark-text)!important;color:wheat!important;color:var(--grammar-dark-text)!important;font-weight:900!important;text-shadow:2px 2px 4px #000c!important}.quiz-force-center[data-theme=light] .quiz-title{-webkit-text-fill-color:#8b4513!important;-webkit-text-fill-color:var(--grammar-light-text)!important;color:#8b4513!important;color:var(--grammar-light-text)!important;text-shadow:2px 2px 4px #fffc!important}}.quiz-force-center .mobile-header-back-button:focus-visible,.quiz-force-center .modern-back-button:focus-visible,.quiz-force-center .quiz-button:focus-visible,.quiz-force-center .quiz-option:focus-visible,.quiz-force-center .quiz-start-button:focus-visible{outline:3px solid #8b4513!important;outline:3px solid var(--grammar-dark-primary)!important;outline-offset:4px!important}.quiz-force-center[data-theme=light] .mobile-header-back-button:focus-visible,.quiz-force-center[data-theme=light] .modern-back-button:focus-visible,.quiz-force-center[data-theme=light] .quiz-button:focus-visible,.quiz-force-center[data-theme=light] .quiz-option:focus-visible,.quiz-force-center[data-theme=light] .quiz-start-button:focus-visible{outline-color:#daa520!important;outline-color:var(--grammar-light-primary)!important}@media (hover:none) and (pointer:coarse){.quiz-force-center .mobile-header-back-button{-webkit-tap-highlight-color:rgba(139,69,19,.3);min-height:68px!important;min-height:calc(var(--mobile-back-size) + 12px)!important;min-width:68px!important;min-width:calc(var(--mobile-back-size) + 12px)!important}.quiz-force-center .mobile-header-back-button:active{transform:scale(.9)!important;transition:transform .15s ease!important}.quiz-force-center .quiz-button,.quiz-force-center .quiz-option,.quiz-force-center .quiz-start-button{-webkit-tap-highlight-color:rgba(139,69,19,.2);min-height:48px!important;min-width:48px!important}}.quiz-force-center .mobile-header-back-button,.quiz-force-center .quiz-button,.quiz-force-center .quiz-container,.quiz-force-center .quiz-countdown-number,.quiz-force-center .quiz-option,.quiz-force-center .quiz-start-button{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;transform-style:preserve-3d!important;will-change:transform!important}.quiz-force-center{font-display:swap!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important;text-rendering:optimizeLegibility!important}.quiz-force-center .quiz-container{contain:layout style paint!important}@media (prefers-color-scheme:dark){.quiz-force-center:not([data-theme=light]){background:linear-gradient(135deg,#8b4513,#5d3317 50%,sienna)!important;background:linear-gradient(135deg,var(--grammar-dark-primary) 0,var(--grammar-dark-secondary) 50%,var(--grammar-dark-accent) 100%)!important;color:wheat!important;color:var(--grammar-dark-text)!important}}@media (prefers-color-scheme:light){.quiz-force-center:not([data-theme=dark]){background:linear-gradient(135deg,#daa520,peru 50%,#b8860b)!important;background:linear-gradient(135deg,var(--grammar-light-primary) 0,var(--grammar-light-secondary) 50%,var(--grammar-light-accent) 100%)!important;color:#8b4513!important;color:var(--grammar-light-text)!important}}.App[data-theme=dark] .quiz-force-center,.dark .quiz-force-center,[data-theme=dark] .quiz-force-center{background:linear-gradient(135deg,#8b4513,#5d3317 50%,sienna)!important;background:linear-gradient(135deg,var(--grammar-dark-primary) 0,var(--grammar-dark-secondary) 50%,var(--grammar-dark-accent) 100%)!important;color:wheat!important;color:var(--grammar-dark-text)!important}.App[data-theme=light] .quiz-force-center,.light .quiz-force-center,[data-theme=light] .quiz-force-center{background:linear-gradient(135deg,#daa520,peru 50%,#b8860b)!important;background:linear-gradient(135deg,var(--grammar-light-primary) 0,var(--grammar-light-secondary) 50%,var(--grammar-light-accent) 100%)!important;color:#8b4513!important;color:var(--grammar-light-text)!important}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.quiz-force-center .quiz-container{background-color:#8b4513f2!important}.quiz-force-center[data-theme=light] .quiz-container{background-color:#fffffffa!important}}body:has(.quiz-force-center){height:100%!important;overflow:hidden!important;position:fixed!important;width:100%!important}body.quiz-active{height:100%!important;overflow:hidden!important;position:fixed!important;width:100%!important}.quiz-force-center *,.quiz-force-center :after,.quiz-force-center :before{box-sizing:border-box!important}.quiz-force-center{isolation:isolate;z-index:999999!important}.quiz-force-center .quiz-button,.quiz-force-center .quiz-option,.quiz-force-center .quiz-question,.quiz-force-center .quiz-start-button,.quiz-force-center .quiz-title{position:relative!important;z-index:10!important}.quiz-force-center .quiz-container,.quiz-force-center .quiz-options,.quiz-force-center .quiz-question-container{bottom:auto!important;left:auto!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important}.quiz-force-center .quiz-feedback{left:50%!important;margin:0!important;min-width:160px!important;position:fixed!important;right:auto!important;text-align:center!important;transform:translateX(-50%)!important;white-space:nowrap!important}.sentence-gap-container{align-items:center;background:linear-gradient(135deg,peru,#8b4513 50%,#654321)!important;background:linear-gradient(135deg,var(--dark-primary) 0,var(--dark-secondary) 50%,var(--dark-accent) 100%)!important;display:flex;justify-content:center;min-height:100vh;padding:20px;transition:background .5s ease;width:100%}.sentence-gap-container.light{background:linear-gradient(135deg,#daa520,#f4e4bc 50%,wheat)!important;background:linear-gradient(135deg,var(--light-primary) 0,var(--light-secondary) 50%,var(--light-accent) 100%)!important}.sentence-gap-game{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background-color:#f5f5dc26!important;border:2px solid #cd853f80!important;border-radius:16px;box-shadow:0 8px 20px #8b451366!important;color:#fff!important;color:var(--dark-text)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:800px;padding:20px;transition:all .3s ease;width:100%}.sentence-gap-game.light{background-color:#ffffffe6!important;border:2px solid #daa520b3!important;box-shadow:0 8px 20px #daa5204d!important;color:#654321!important;color:var(--light-text)!important}.sentence-gap-header{align-items:center;border-bottom:2px solid #cd853f4d;display:flex;justify-content:center;margin-bottom:24px;padding-bottom:16px}.sentence-gap-header.light{border-bottom-color:#daa52066}.sentence-gap-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,peru,#8b4513)!important;background:linear-gradient(45deg,var(--dark-primary),var(--dark-secondary))!important;-webkit-background-clip:text!important;background-clip:text!important;color:#fff!important;color:var(--dark-text)!important;font-size:28px;font-weight:700;margin:0;text-align:center;text-shadow:0 1px 2px #0000004d}.light .sentence-gap-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,#654321,#8b4513)!important;background:linear-gradient(45deg,var(--light-text),var(--light-text-secondary))!important;-webkit-background-clip:text!important;color:#654321!important;color:var(--light-text)!important;text-shadow:0 1px 1px #fffc}.sentence-gap-score{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}@media (min-width:640px){.sentence-gap-score{grid-template-columns:repeat(4,1fr)}}.score-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f4e4bc26!important;border:1px solid #cd853f4d!important;border-radius:12px;box-shadow:0 4px 12px #cd853f33!important;padding:16px;text-align:center;transition:all .2s ease}.score-item:hover{box-shadow:0 6px 16px #cd853f4d!important;transform:translateY(-2px)}.light .score-item{background-color:#fffc!important;border-color:#daa52066!important;box-shadow:0 4px 12px #daa52026!important}.light .score-item:hover{box-shadow:0 6px 16px #daa52033!important}.score-label{color:wheat!important;color:var(--dark-text-secondary)!important;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.light .score-label{color:#8b4513!important;color:var(--light-text-secondary)!important}.score-value{color:#fff!important;color:var(--dark-text)!important;font-size:24px;font-weight:700;text-shadow:0 1px 2px #0000004d}.light .score-value{color:#654321!important;color:var(--light-text)!important;text-shadow:0 1px 1px #fffc}.score-item:nth-child(3){background-color:#cd853f33!important;border-left:3px solid peru;border-left:3px solid var(--dark-primary)}.light .score-item:nth-child(3){background-color:#daa52033!important;border-left-color:#daa520;border-left-color:var(--light-primary)}.score-item:nth-child(4){background-color:#8b451326!important;border-left:3px solid #8b4513;border-left:3px solid var(--dark-secondary)}.light .score-item:nth-child(4){background-color:#8b451326!important;border-left-color:#8b4513;border-left-color:var(--light-text-secondary)}.sentence-gap-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f4e4bc1a!important;border:1px solid #cd853f4d!important;border-radius:12px;box-shadow:0 2px 8px #8b451333!important;margin-bottom:24px;padding:24px}.light .sentence-gap-content{background-color:#fff9!important;border-color:#daa52066!important;box-shadow:0 2px 8px #daa52026!important}.sentence-gap-instruction{color:wheat!important;color:var(--dark-text-secondary)!important;font-size:18px;font-weight:500;margin-bottom:16px;text-align:center}.light .sentence-gap-instruction{color:#8b4513!important;color:var(--light-text-secondary)!important}.sentence-gap-phrase{background-color:#8b45131a!important;border:1px solid #cd853f4d!important;border-radius:10px;box-shadow:0 2px 6px #8b451333!important;color:#fff!important;color:var(--dark-text)!important;font-size:26px;font-weight:700;line-height:1.5;margin-bottom:20px;padding:16px;text-align:center;text-shadow:0 1px 2px #0000004d}.light .sentence-gap-phrase{background-color:#daa5201a!important;border-color:#daa52066!important;box-shadow:0 2px 6px #daa52026!important;color:#654321!important;color:var(--light-text)!important;text-shadow:0 1px 1px #fffc}.sentence-gap-translation{color:wheat!important;color:var(--dark-text-secondary)!important;font-size:18px;font-style:italic;font-weight:500;line-height:1.4;margin-bottom:20px;text-align:center}.light .sentence-gap-translation{color:#8b4513!important;color:var(--light-text-secondary)!important}.sentence-gap-category{background-color:#cd853f33!important;border:1px solid #cd853f66!important;border-radius:20px;box-shadow:0 2px 4px #cd853f33!important;color:peru!important;color:var(--dark-primary)!important;display:inline-block;display:block;font-size:14px;font-weight:600;margin:0 auto 20px;padding:8px 16px;text-align:center;width:-webkit-fit-content;width:fit-content}.light .sentence-gap-category{background-color:#daa52033!important;border-color:#daa52080!important;box-shadow:0 2px 4px #daa52026!important;color:#daa520!important;color:var(--light-primary)!important}.sentence-gap-form{margin-bottom:20px}.sentence-gap-input{display:flex;gap:12px;margin:0 auto;max-width:500px}.sentence-gap-input input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f4e4bc1a!important;border:2px solid #cd853f66!important;border-radius:12px;color:#fff!important;color:var(--dark-text)!important;flex-grow:1;font-size:16px;font-weight:500;outline:none;padding:14px 16px;transition:all .3s ease}.light .sentence-gap-input input{background-color:#ffffffe6!important;border-color:#daa52080!important;color:#654321!important;color:var(--light-text)!important}.sentence-gap-input input:focus{background-color:#f4e4bc33!important;border-color:peru!important;border-color:var(--dark-primary)!important;box-shadow:0 0 0 3px #cd853f4d!important}.light .sentence-gap-input input:focus{background-color:#fff!important;border-color:#daa520!important;border-color:var(--light-primary)!important;box-shadow:0 0 0 3px #daa5204d!important}.sentence-gap-input input::placeholder{color:#f5deb3b3!important}.light .sentence-gap-input input::placeholder{color:#8b4513b3!important}.verify-button{align-items:center;background:linear-gradient(45deg,peru,#8b4513)!important;background:linear-gradient(45deg,var(--dark-primary),var(--dark-secondary))!important;border:none;border:2px solid #fff3!important;border-radius:12px;box-shadow:0 4px 12px #8b45134d!important;color:#fff!important;color:var(--dark-text)!important;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 20px;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.verify-button:hover:not(:disabled){background:linear-gradient(45deg,#8b4513,#654321)!important;background:linear-gradient(45deg,var(--dark-secondary),var(--dark-accent))!important;box-shadow:0 6px 16px #8b451366!important;transform:translateY(-2px)}.verify-button:disabled{background:#8b451380!important;cursor:not-allowed;opacity:.7;transform:none}.light .verify-button{background:linear-gradient(45deg,#daa520,#8b4513)!important;background:linear-gradient(45deg,var(--light-primary),var(--light-text-secondary))!important;border-color:#0000001a!important;box-shadow:0 4px 12px #daa5204d!important;color:#654321!important;color:var(--light-text)!important;text-shadow:0 1px 1px #fffc}.light .verify-button:hover:not(:disabled){background:linear-gradient(45deg,#8b4513,#654321)!important;background:linear-gradient(45deg,var(--light-text-secondary),var(--light-text))!important;box-shadow:0 6px 16px #daa52066!important}.light .verify-button:disabled{background:#daa52080!important}.next-button{align-items:center;background:linear-gradient(45deg,peru,#8b4513)!important;background:linear-gradient(45deg,var(--dark-primary),var(--dark-secondary))!important;border:none;border-radius:12px;box-shadow:0 4px 12px #8b45134d!important;color:#fff!important;color:var(--dark-text)!important;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:180px;padding:12px 24px;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.next-button:hover:not(:disabled){background:linear-gradient(45deg,#8b4513,#654321)!important;background:linear-gradient(45deg,var(--dark-secondary),var(--dark-accent))!important;box-shadow:0 6px 16px #8b451366!important;transform:translateY(-2px)}.next-button:disabled{background:#8b451380!important;cursor:not-allowed;opacity:.7;transform:none}.light .next-button{background:linear-gradient(45deg,#daa520,#8b4513)!important;background:linear-gradient(45deg,var(--light-primary),var(--light-text-secondary))!important;box-shadow:0 4px 12px #daa5204d!important;color:#654321!important;color:var(--light-text)!important;text-shadow:0 1px 1px #fffc}.light .next-button:hover:not(:disabled){background:linear-gradient(45deg,#8b4513,#654321)!important;background:linear-gradient(45deg,var(--light-text-secondary),var(--light-text))!important;box-shadow:0 6px 16px #daa52066!important}.light .next-button:disabled{background:#daa52080!important}.back-button{align-items:center;background-color:#cd853f1a!important;border:1px solid #cd853f4d!important;border-radius:12px;box-shadow:0 2px 8px #8b451333!important;color:peru!important;color:var(--dark-primary)!important;cursor:pointer;display:block;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:24px;padding:14px;text-align:center;transition:all .3s ease;width:100%}.back-button:hover{background-color:#cd853f33!important;box-shadow:0 4px 12px #8b45134d!important;transform:translateY(-2px)}.light .back-button{background-color:#daa5201a!important;border-color:#daa5204d!important;box-shadow:0 2px 8px #daa52026!important;color:#daa520!important;color:var(--light-primary)!important}.light .back-button:hover{background-color:#daa52033!important;box-shadow:0 4px 12px #daa52040!important}.sentence-gap-feedback{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:4px solid;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-size:16px;font-weight:600;margin:20px auto;max-width:500px;padding:16px;text-align:center}.feedback-success{background-color:#cd853f33!important;border-left-color:peru!important;border-left-color:var(--dark-primary)!important;box-shadow:0 4px 12px #cd853f4d!important;color:#fff!important;color:var(--dark-text)!important}.light .feedback-success{background-color:#daa52033!important;border-left-color:#daa520!important;border-left-color:var(--light-primary)!important;box-shadow:0 4px 12px #daa52033!important;color:#654321!important;color:var(--light-text)!important}.feedback-warning{background-color:#8b451333!important;border-left-color:#8b4513!important;border-left-color:var(--dark-secondary)!important;box-shadow:0 4px 12px #8b45134d!important;color:wheat!important;color:var(--dark-text-secondary)!important}.light .feedback-warning{background-color:#8b451333!important;border-left-color:#8b4513!important;border-left-color:var(--light-text-secondary)!important;box-shadow:0 4px 12px #8b451333!important;color:#8b4513!important;color:var(--light-text-secondary)!important}.feedback-error{background-color:#65432133!important;border-left-color:#654321!important;border-left-color:var(--dark-accent)!important;box-shadow:0 4px 12px #6543214d!important;color:#fff!important;color:var(--dark-text)!important}.light .feedback-error{background-color:#65432126!important;border-left-color:#654321!important;border-left-color:var(--light-text)!important;box-shadow:0 4px 12px #65432133!important;color:#654321!important;color:var(--light-text)!important}.series-time-feedback{animation:pulse-ocre 1.5s infinite;background:linear-gradient(45deg,peru,#8b4513)!important;background:linear-gradient(45deg,var(--dark-primary),var(--dark-secondary))!important;border-left-color:#654321!important;border-left-color:var(--dark-accent)!important;box-shadow:0 4px 12px #8b451366!important;color:#fff!important;color:var(--dark-text)!important}.light .series-time-feedback{background:linear-gradient(45deg,#daa520,#8b4513)!important;background:linear-gradient(45deg,var(--light-primary),var(--light-text-secondary))!important;border-left-color:#654321!important;border-left-color:var(--light-text)!important;box-shadow:0 4px 12px #daa52066!important;color:#654321!important;color:var(--light-text)!important}@keyframes pulse-ocre{0%{box-shadow:0 0 0 0 #cd853f66}70%{box-shadow:0 0 0 10px #cd853f00}to{box-shadow:0 0 0 0 #cd853f00}}.no-words-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#8b451326!important;border:1px solid #8b45134d!important;border-left:4px solid #8b4513!important;border-left:4px solid var(--dark-secondary)!important;border-radius:12px;box-shadow:0 4px 12px #8b451333!important;margin-bottom:20px;padding:20px;text-align:center}.light .no-words-message{background-color:#daa5201a!important;border-color:#daa52066 #daa52066 #daa52066 #daa520!important;border-left-color:var(--light-primary)!important;box-shadow:0 4px 12px #daa52026!important}.no-words-message p{color:wheat!important;color:var(--dark-text-secondary)!important;font-size:16px;font-weight:500;margin:0}.light .no-words-message p{color:#8b4513!important;color:var(--light-text-secondary)!important}.series-summary-container{margin:0 auto;max-width:800px;padding:24px;width:100%}.series-summary-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:32px}.summary-stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f4e4bc26!important;border:1px solid #cd853f4d!important;border-radius:12px;border-top:4px solid peru!important;border-top:4px solid var(--dark-primary)!important;box-shadow:0 4px 12px #8b451333!important;padding:20px;text-align:center;transition:transform .2s ease}.summary-stat-item:hover{box-shadow:0 6px 16px #8b45134d!important;transform:translateY(-4px)}.light .summary-stat-item{background-color:#fffc!important;border-color:#daa520 #daa52066 #daa52066!important;border-top-color:var(--light-primary)!important;box-shadow:0 4px 12px #daa52026!important}.light .summary-stat-item:hover{box-shadow:0 6px 16px #daa52040!important}.summary-stat-label{color:wheat!important;color:var(--dark-text-secondary)!important;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.light .summary-stat-label{color:#8b4513!important;color:var(--light-text-secondary)!important}.summary-stat-value{color:#fff!important;color:var(--dark-text)!important;font-size:28px;font-weight:700;text-shadow:0 1px 2px #0000004d}.light .summary-stat-value{color:#654321!important;color:var(--light-text)!important;text-shadow:0 1px 1px #fffc}.summary-section-title{color:#fff!important;color:var(--dark-text)!important;font-size:20px;font-weight:600;margin:40px 0 20px;position:relative;text-align:center}.light .summary-section-title{color:#654321!important;color:var(--light-text)!important}.summary-section-title:after{background:linear-gradient(45deg,peru,#8b4513)!important;background:linear-gradient(45deg,var(--dark-primary),var(--dark-secondary))!important;border-radius:3px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.light .summary-section-title:after{background:linear-gradient(45deg,#daa520,#8b4513)!important;background:linear-gradient(45deg,var(--light-primary),var(--light-text-secondary))!important}.series-attempts-list{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.attempt-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f4e4bc1a!important;border:1px solid #cd853f4d!important;border-left:4px solid #8b451380!important;border-radius:12px;box-shadow:0 4px 12px #8b451333!important;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.attempt-card:hover{box-shadow:0 6px 16px #8b45134d!important;transform:translateY(-2px)}.attempt-card.correct{background-color:#cd853f26!important;border-left-color:peru!important;border-left-color:var(--dark-primary)!important}.attempt-card.incorrect{background-color:#6543211a!important;border-left-color:#654321!important;border-left-color:var(--dark-accent)!important}.light .attempt-card{background-color:#ffffffe6!important;border-color:#daa52066 #daa52066 #daa52066 #8b451380!important;box-shadow:0 4px 12px #daa52026!important}.light .attempt-card:hover{box-shadow:0 6px 16px #daa52040!important}.light .attempt-card.correct{background-color:#daa5201a!important;border-left-color:#daa520!important;border-left-color:var(--light-primary)!important}.light .attempt-card.incorrect{background-color:#8b45130d!important;border-left-color:#654321!important;border-left-color:var(--light-text)!important}.attempt-header{align-items:center;background-color:#8b45131a!important;border-bottom:1px solid #cd853f4d!important;display:flex;justify-content:space-between;padding:12px 16px}.light .attempt-header{background-color:#daa5200d!important;border-bottom-color:#daa5204d!important}.attempt-number{color:wheat!important;color:var(--dark-text-secondary)!important;font-size:14px;font-weight:600}.light .attempt-number{color:#8b4513!important;color:var(--light-text-secondary)!important}.attempt-result{border:1px solid;border-radius:20px;font-size:14px;font-weight:600;padding:4px 12px}.attempt-result.correct{background-color:#cd853f33!important;border-color:#cd853f66!important;color:peru!important;color:var(--dark-primary)!important}.attempt-result.incorrect{background-color:#65432133!important;border-color:#65432166!important;color:#654321!important;color:var(--dark-accent)!important}.light .attempt-result.correct{background-color:#daa52033!important;border-color:#daa52066!important;color:#daa520!important;color:var(--light-primary)!important}.light .attempt-result.incorrect{background-color:#8b451326!important;border-color:#8b45134d!important;color:#8b4513!important;color:var(--light-text-secondary)!important}.attempt-sentence{background-color:#f4e4bc0d!important;color:#fff!important;color:var(--dark-text)!important;font-size:18px;font-weight:500;line-height:1.5;padding:16px}.light .attempt-sentence{background-color:#fffc!important;color:#654321!important;color:var(--light-text)!important}.gap-highlight{background-color:#cd853f33!important;border-bottom:2px solid peru!important;border-bottom:2px solid var(--dark-primary)!important;border-radius:6px;box-shadow:0 2px 4px #cd853f4d!important;color:peru!important;color:var(--dark-primary)!important;font-weight:700;padding:3px 8px}.light .gap-highlight{background-color:#daa52033!important;border-bottom-color:#daa520!important;border-bottom-color:var(--light-primary)!important;box-shadow:0 2px 4px #daa52033!important;color:#daa520!important;color:var(--light-primary)!important}.attempt-details{background-color:#8b45130d!important;border-top:1px solid #cd853f4d!important;display:flex;flex-direction:column;gap:12px;padding:16px}.light .attempt-details{background-color:#daa52008!important;border-top-color:#daa5204d!important}.attempt-item{display:flex;flex-direction:column;gap:6px}.attempt-label{color:wheat!important;color:var(--dark-text-secondary)!important;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.light .attempt-label{color:#8b4513!important;color:var(--light-text-secondary)!important}.attempt-value{background-color:#f4e4bc1a!important;border:1px solid #cd853f4d!important;border-radius:8px;color:#fff!important;color:var(--dark-text)!important;font-size:14px;font-weight:500;padding:10px 14px}.light .attempt-value{background-color:#ffffffb3!important;border-color:#daa5204d!important;color:#654321!important;color:var(--light-text)!important}.attempt-value.correct{background-color:#cd853f26!important;border-color:#cd853f66!important;color:peru!important;color:var(--dark-primary)!important}.light .attempt-value.correct{background-color:#daa5201a!important;border-color:#daa52066!important;color:#daa520!important;color:var(--light-primary)!important}.attempt-value.incorrect{background-color:#65432126!important;border-color:#65432166!important;color:#654321!important;color:var(--dark-accent)!important}.light .attempt-value.incorrect{background-color:#8b45131a!important;border-color:#8b45134d!important;color:#8b4513!important;color:var(--light-text-secondary)!important}.attempt-value.category{background-color:#8b451326!important;border-color:#8b451366!important;color:#8b4513!important;color:var(--dark-secondary)!important}.light .attempt-value.category{background-color:#8b45131a!important;border-color:#8b45134d!important;color:#8b4513!important;color:var(--light-text-secondary)!important}.summary-actions{flex-direction:column;gap:16px;margin-top:40px}.new-series-button{align-items:center;background:linear-gradient(45deg,peru,#8b4513)!important;background:linear-gradient(45deg,var(--dark-primary),var(--dark-secondary))!important;border:none;border:2px solid #fff3!important;border-radius:12px;box-shadow:0 4px 12px #8b45134d!important;color:#fff!important;color:var(--dark-text)!important;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px 24px;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.new-series-button:hover{background:linear-gradient(45deg,#8b4513,#654321)!important;background:linear-gradient(45deg,var(--dark-secondary),var(--dark-accent))!important;box-shadow:0 6px 16px #8b451366!important;transform:translateY(-2px)}.light .new-series-button{background:linear-gradient(45deg,#daa520,#8b4513)!important;background:linear-gradient(45deg,var(--light-primary),var(--light-text-secondary))!important;border-color:#0000001a!important;box-shadow:0 4px 12px #daa5204d!important;color:#654321!important;color:var(--light-text)!important;text-shadow:0 1px 1px #fffc}.light .new-series-button:hover{background:linear-gradient(45deg,#8b4513,#654321)!important;background:linear-gradient(45deg,var(--light-text-secondary),var(--light-text))!important;box-shadow:0 6px 16px #daa52066!important}.sentence-gap-actions{display:flex;justify-content:center;margin-top:20px}.sentence-gap-mode-toggle{display:flex;gap:12px;justify-content:center;margin:20px 0}.mode-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f4e4bc1a!important;border:1px solid #cd853f4d!important;border-radius:12px;color:wheat!important;color:var(--dark-text-secondary)!important;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:all .3s ease}.light .mode-button{background-color:#fffc!important;border-color:#daa52066!important;color:#8b4513!important;color:var(--light-text-secondary)!important}.mode-button:hover:not(:disabled){background-color:#cd853f26!important;box-shadow:0 2px 8px #8b451333!important;transform:translateY(-1px)}.light .mode-button:hover:not(:disabled){background-color:#daa5201a!important;box-shadow:0 2px 8px #daa52026!important}.mode-button.active{background:linear-gradient(45deg,peru,#8b4513)!important;background:linear-gradient(45deg,var(--dark-primary),var(--dark-secondary))!important;border-color:#cd853f99!important;box-shadow:0 4px 12px #8b45134d!important;color:#fff!important;color:var(--dark-text)!important}.light .mode-button.active{background:linear-gradient(45deg,#daa520,#8b4513)!important;background:linear-gradient(45deg,var(--light-primary),var(--light-text-secondary))!important;border-color:#daa52099!important;box-shadow:0 4px 12px #daa5204d!important;color:#654321!important;color:var(--light-text)!important}.mode-button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.sentence-gap-info{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px}.info-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#cd853f33!important;border:1px solid #cd853f66!important;border-radius:20px;box-shadow:0 4px 8px #cd853f33!important;color:peru!important;color:var(--dark-primary)!important;font-size:14px;font-weight:600;padding:10px 18px}.light .info-badge{background-color:#daa52033!important;border-color:#daa52066!important;box-shadow:0 4px 8px #daa52026!important;color:#daa520!important;color:var(--light-primary)!important}@media (max-width:768px){.sentence-gap-game{border-radius:12px;margin:10px;padding:16px}.sentence-gap-title{font-size:24px}.sentence-gap-info{align-items:center;flex-direction:column;gap:12px}.sentence-gap-phrase{font-size:22px;padding:14px}.sentence-gap-translation{font-size:16px}.sentence-gap-input{flex-direction:column;gap:12px}.verify-button{justify-content:center;width:100%}.next-button{width:100%}.series-summary-stats{gap:12px;grid-template-columns:1fr}.attempt-sentence{font-size:16px;padding:12px}.attempt-header{padding:10px 12px}.summary-stat-value{font-size:24px}.summary-section-title{font-size:18px;margin:30px 0 16px}.summary-actions{flex-direction:column;gap:12px}}@media (min-width:769px){.summary-actions{flex-direction:row;gap:20px;justify-content:center}.back-button,.new-series-button{min-width:200px}.sentence-gap-input{max-width:600px}}@media (max-width:480px){.sentence-gap-game{margin:5px;padding:12px}.sentence-gap-title{font-size:20px}.sentence-gap-phrase{font-size:18px;padding:12px}.score-value{font-size:20px}.score-label{font-size:12px}.next-button,.sentence-gap-input input,.verify-button{font-size:14px;padding:12px}}@keyframes ocre-glow-enhanced{0%,to{box-shadow:0 0 8px #cd853f99,0 0 16px #cd853f4d}50%{box-shadow:0 0 16px #cd853fcc,0 0 32px #cd853f80}}.sentence-gap-phrase{animation:ocre-glow-enhanced 4s ease-in-out infinite}.light .sentence-gap-phrase{animation:ocre-glow-enhanced-light 4s ease-in-out infinite}@media (prefers-contrast:high){.score-value,.sentence-gap-phrase,.sentence-gap-title{font-weight:900!important;text-shadow:2px 2px 4px #000c!important}.light .score-value,.light .sentence-gap-phrase,.light .sentence-gap-title{text-shadow:1px 1px 2px #fffc!important}.sentence-gap-game{border-width:3px!important}.attempt-card{border-width:2px 2px 2px 6px!important}}.back-button:focus-visible,.mode-button:focus-visible,.new-series-button:focus-visible,.next-button:focus-visible,.sentence-gap-input input:focus-visible,.verify-button:focus-visible{outline:2px solid peru!important;outline:2px solid var(--dark-primary)!important;outline-offset:2px!important}.light .back-button:focus-visible,.light .mode-button:focus-visible,.light .new-series-button:focus-visible,.light .next-button:focus-visible,.light .sentence-gap-input input:focus-visible,.light .verify-button:focus-visible{outline-color:#daa520!important;outline-color:var(--light-primary)!important}@media (prefers-reduced-motion:reduce){.attempt-card,.sentence-gap-phrase,.series-time-feedback,.summary-stat-item{animation:none!important}.attempt-card,.back-button,.mode-button,.new-series-button,.next-button,.verify-button{transition:none!important}}@media print{.sentence-gap-game{background:#fff!important;border:1px solid peru!important;border:1px solid var(--dark-primary)!important;box-shadow:none!important;color:#8b4513!important;color:var(--dark-secondary)!important}.back-button,.new-series-button,.next-button,.verify-button{display:none!important}.sentence-gap-phrase{background:#fff!important;border:1px solid peru!important;border:1px solid var(--dark-primary)!important;color:#8b4513!important;color:var(--dark-secondary)!important}}.attempt-card,.back-button,.new-series-button,.next-button,.score-item,.sentence-gap-game,.sentence-gap-input input,.sentence-gap-phrase,.summary-stat-item,.verify-button{transition:background .5s ease,background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease,transform .2s ease!important}:root{--light-primary:peru;--light-secondary:#f0d068;--light-accent:#deb887}.language-selector-container{height:40px;min-width:160px;position:relative;z-index:50}.language-selector-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#cd853ff2,#8b4513f2);border:2px solid #fff6;border-radius:20px;box-shadow:0 4px 8px #00000080;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;outline:none;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s ease;width:100%}.language-selector-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.language-selector-button:hover:before{left:100%}.language-selector-button:hover{background:linear-gradient(90deg,peru,#8b4513);border-color:#fff9;box-shadow:0 6px 12px #0009;transform:translateY(-2px)}.language-selector-button:active{box-shadow:0 2px 6px #0009;transform:translateY(0)}.language-flag{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .3s ease;width:24px}.language-name{color:#fff;flex-grow:1;font-size:14px;font-weight:700;text-align:left;text-shadow:0 1px 2px #0000004d}.language-chevron{color:#fff;height:16px;opacity:1;transition:transform .3s ease;width:16px}.language-chevron.rotate{transform:rotate(180deg)}.language-dropdown:not(.mobile-carousel-dropdown){animation:fadeInScale .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#8b4513fa,#654321fa);border:2px solid #fff6;border-radius:12px;box-shadow:0 8px 20px #000000b3;left:0;min-width:160px;overflow:hidden;position:absolute;top:calc(100% + 8px);width:100%;z-index:100}.language-list{list-style:none;margin:0;padding:0}.language-option{align-items:center;background:#ffffff14;border-bottom:1px solid #ffffff26;color:#fff;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:12px 16px;position:relative;transition:all .2s ease}.language-option:last-child{border-bottom:none}.language-option:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.language-option:hover:before{left:100%}.language-option:hover{background:#ffffff26;border-bottom-color:#ffffff40;color:#fff;transform:translateX(4px)}.language-option.selected{background:#fff3;border-bottom-color:#ffffff4d;border-left:4px solid #fff;color:#fff;font-weight:600;padding-left:12px}.language-option-flag{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;height:24px;justify-content:center;transition:all .3s ease;width:24px}.language-option:hover .language-option-flag{background:#fff3;transform:scale(1.1)}.language-option-name{color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 2px #0006;transition:all .3s ease}.language-option-description{color:#ffffffd9;font-size:11px;font-style:italic;margin-top:2px;opacity:1;text-shadow:0 1px 1px #00000080}.language-option-check{background:#cd853fcc;border-radius:50%;color:#fff;font-size:14px;font-weight:800;margin-left:auto;padding:2px 4px;text-shadow:0 1px 2px #000c}.mobile-carousel-dropdown{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:linear-gradient(135deg,#8b4513fa,#654321fa)!important;border:2px solid #ffffff80!important;border-radius:16px!important;box-shadow:0 15px 30px #000000b3!important;height:auto!important;left:50%!important;max-height:85vh!important;max-width:350px!important;overflow:hidden!important;padding:0!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:90vw!important}.mobile-carousel-container{box-sizing:border-box!important;max-width:100%!important;overflow:hidden!important;padding:16px!important;width:100%!important}.carousel-indicators{display:flex!important;gap:6px!important;justify-content:center!important;margin-bottom:12px!important;padding:0!important}.carousel-indicator{background-color:#fff6!important;border:2px solid #0000!important;border-radius:50%!important;cursor:pointer!important;height:10px!important;width:10px!important}.carousel-indicator.active{background-color:#fff!important;border-color:peru!important;box-shadow:0 0 6px #cd853f99!important;transform:scale(1.2)!important}.carousel-wrapper{background:linear-gradient(135deg,#8b45134d,#6543214d)!important;border:2px solid #ffffff4d!important;border-radius:16px!important;box-shadow:0 6px 15px #00000080!important;height:140px!important;margin-bottom:12px!important;overflow:hidden!important;position:relative!important;width:100%!important}.carousel-content{width:100%!important;will-change:transform!important}.carousel-content,.current-carousel-item{display:flex!important;height:100%!important}.current-carousel-item{align-items:center!important;background:#ffffff1a!important;border-radius:16px!important;box-sizing:border-box!important;cursor:pointer!important;flex:1 1!important;flex-direction:column!important;justify-content:center!important;opacity:1!important;padding:16px!important;pointer-events:auto!important;position:relative!important;text-align:center!important;transform:scale(1)!important;transition:all .3s ease!important;visibility:visible!important;z-index:10!important}.current-carousel-item.selected{background:linear-gradient(135deg,#ffffff26,#cd853f33)!important;border:2px solid #ffffff80!important;box-shadow:0 4px 12px #00000080!important}.current-carousel-item>div:first-child{align-items:center!important;background:#fffffff2!important;border:3px solid #fffc!important;border-radius:50%!important;box-shadow:0 6px 12px #0006!important;display:flex!important;font-size:30px!important;height:60px!important;justify-content:center!important;margin-bottom:8px!important;transition:all .3s ease!important;width:60px!important}.current-carousel-item>div:nth-child(2){border-radius:0 0 16px 16px!important;bottom:0!important;box-sizing:border-box!important;left:0!important;padding:12px!important;position:absolute!important;right:0!important;text-align:left!important;width:100%!important}.current-carousel-item h3{color:#fff!important;font-size:18px!important;font-weight:900!important;line-height:1.2!important;margin:0!important;max-width:calc(100% - 40px)!important;overflow:hidden!important;position:relative!important;text-align:left!important;text-overflow:ellipsis!important;text-shadow:0 2px 4px #0009!important;white-space:nowrap!important}.current-carousel-item>div:nth-child(3){align-items:center!important;background:#fffffff2!important;border:2px solid #cd853fcc!important;border-radius:50%!important;box-shadow:0 3px 6px #0006!important;display:flex!important;font-size:14px!important;font-weight:700!important;height:24px!important;justify-content:center!important;position:absolute!important;right:12px!important;top:12px!important;width:24px!important;z-index:20!important}.carousel-wrapper:after,.carousel-wrapper:before,.current-carousel-item:after,.current-carousel-item:before{content:none!important;display:none!important}.carousel-wrapper,.carousel-wrapper *,.current-carousel-item,.current-carousel-item *,.current-carousel-item :focus,.current-carousel-item:focus{outline:none!important}.current-carousel-item button,.current-carousel-item input,.current-carousel-item select,.current-carousel-item>:not(:first-child):not(:nth-child(2)):not(:nth-child(3)){display:none!important}.carousel-nav-button{align-items:center!important;background:#8b4513e6!important;border:2px solid #fff6!important;border-radius:50%!important;box-shadow:0 3px 6px #0006!important;color:#fff!important;cursor:pointer!important;display:flex!important;height:32px!important;justify-content:center!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;transition:all .3s ease!important;width:32px!important;z-index:10!important}.carousel-nav-button:hover{background:#8b4513!important;border-color:#fff9!important;box-shadow:0 4px 8px #00000080!important;transform:translateY(-50%) scale(1.05)!important}.carousel-nav-button:active{transform:translateY(-50%) scale(.95)!important}.carousel-prev{left:-16px!important}.carousel-next{right:-16px!important}.carousel-actions{display:flex!important;gap:8px!important;justify-content:center!important;margin-bottom:0!important;padding:0!important}.carousel-action-button{border:2px solid #0000!important;border-radius:20px!important;cursor:pointer!important;font-size:13px!important;font-weight:600!important;min-width:100px!important;padding:8px 16px!important;text-align:center!important;transition:all .3s ease!important}.carousel-select{background:linear-gradient(45deg,peru,#8b4513)!important;border-color:#fff6!important;box-shadow:0 3px 6px #0006!important;color:#fff!important}.carousel-select:hover:not(:disabled){background:linear-gradient(45deg,#8b4513,#654321)!important;box-shadow:0 4px 8px #8b451380!important;transform:translateY(-1px)!important}.carousel-select:disabled{box-shadow:0 2px 4px #cd853f33!important;cursor:not-allowed!important;opacity:.5!important;transform:none!important}.carousel-cancel{background:#8b4513cc!important;border-color:#ffffff4d!important;box-shadow:0 3px 6px #0000004d!important;color:#fff!important}.carousel-cancel:hover{background:#8b4513!important;border-color:#ffffff80!important;box-shadow:0 4px 8px #0003!important;transform:translateY(-1px)!important}@keyframes carouselSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.mobile-carousel-dropdown{animation:carouselSlideIn .3s cubic-bezier(.4,0,.2,1)!important}.language-chevron{transition:transform .3s cubic-bezier(.4,0,.2,1)}@keyframes selectedPulseDark{0%,to{box-shadow:0 4px 8px #00000080}50%{box-shadow:0 4px 8px #000000b3,0 0 0 2px #ffffff4d}}.language-selector-button.active{animation:selectedPulseDark 2s ease-in-out infinite}.carousel-item{transition:transform .3s cubic-bezier(.4,0,.2,1)!important;will-change:transform!important}.carousel-indicator{transition:all .3s cubic-bezier(.4,0,.2,1)!important;will-change:transform,background-color!important}.language-selector-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.language-option:focus-visible{outline:2px solid #fff;outline-offset:-2px}.carousel-action-button:focus-visible,.carousel-indicator:focus-visible,.carousel-nav-button:focus-visible{outline:2px solid #fff!important;outline-offset:2px!important}.language-selector-button:active{animation:buttonBounce .2s ease}@keyframes buttonBounce{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}@media (max-width:640px){.language-selector-container{min-width:140px}.language-selector-button{font-size:15px;min-height:44px;padding:8px 14px}.language-name{font-size:15px!important;font-weight:800!important;text-shadow:0 1px 3px #000,0 0 20px #000000e6,0 3px 8px #000c!important}.language-option{min-height:48px;padding:12px 16px}.language-option-name{font-size:15px!important;font-weight:800!important;text-shadow:0 1px 3px #000,0 0 20px #000000e6,0 3px 8px #000c!important}.language-option-description{font-size:12px!important;text-shadow:0 1px 3px #000000e6!important}}@media (max-width:480px){.language-selector-container{min-width:130px}.language-selector-button{font-size:14px;min-height:44px;padding:8px 12px}.language-name{font-size:14px!important;font-weight:900!important;text-shadow:0 2px 4px #000,0 0 25px #000000e6,0 4px 10px #000c!important}.language-flag,.language-option-flag{height:22px;width:22px}.language-chevron{height:16px;width:16px}.language-option{min-height:48px;padding:10px 14px}.language-option-name{font-size:14px!important;font-weight:900!important;text-shadow:0 2px 4px #000,0 0 25px #000000e6,0 4px 10px #000c!important}.language-option-description{font-size:11px!important;opacity:1!important;text-shadow:0 1px 3px #000!important}.mobile-carousel-container{padding:12px!important}.carousel-wrapper{border-radius:14px!important;height:120px!important}.current-carousel-item>div:first-child{font-size:25px!important;height:50px!important;width:50px!important}.current-carousel-item h3{font-size:16px!important}.current-carousel-item>div:nth-child(2){padding:10px!important}.carousel-nav-button{height:28px!important;width:28px!important}.carousel-prev{left:-14px!important}.carousel-next{right:-14px!important}.carousel-action-button{font-size:12px!important;min-width:80px!important;padding:6px 12px!important}.carousel-indicators{gap:5px!important;margin-bottom:10px!important}.carousel-indicator{height:8px!important;width:8px!important}}@media (max-width:360px){.mobile-carousel-dropdown{max-width:none!important;width:95vw!important}.mobile-carousel-container{padding:10px!important}.carousel-wrapper{height:100px!important}.current-carousel-item>div:first-child{font-size:22px!important;height:45px!important;width:45px!important}.current-carousel-item h3{font-size:14px!important}.current-carousel-item>div:nth-child(2){padding:8px!important}.carousel-action-button{font-size:11px!important;min-width:70px!important;padding:5px 10px!important}}.mobile-header .language-selector-container{z-index:100001}.mobile-header .language-selector-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#8b4513e6!important;border:2px solid #fff6!important;box-shadow:0 4px 8px #0006!important;color:#fff!important}.mobile-header .language-selector-button:hover{background:#8b4513!important;border-color:#fff9!important;box-shadow:0 6px 12px #00000080!important}.mobile-header .language-name,.mobile-header .language-selector-button .language-name{color:#fff!important;font-weight:800!important;text-shadow:0 1px 3px #000,0 0 15px #000c,0 2px 6px #000000e6!important}.mobile-header .language-dropdown{background:#8b4513fa!important;border:2px solid #fff6!important;box-shadow:0 8px 20px #0009!important}.mobile-header .language-option{background:#ffffff1a!important;color:#fff!important}.mobile-header .language-option:hover{background:#fff3!important}@media (max-width:768px){.language-dropdown:not(.mobile-carousel-dropdown){-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border-radius:20px!important;border-width:2px!important;box-shadow:0 12px 30px #000000b3!important;left:50%!important;max-width:340px!important;min-width:300px!important;padding:18px 14px!important;top:calc(100% + 12px)!important;transform:translateX(-50%)!important}.language-dropdown:not(.mobile-carousel-dropdown) .language-option{align-items:center!important;background:#ffffff1a!important;border:2px solid #0000!important;border-radius:16px!important;box-shadow:0 2px 8px #0000004d!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;gap:12px!important;justify-content:center!important;margin-bottom:8px!important;min-height:80px!important;padding:16px 18px!important;text-align:center!important;transition:all .3s ease!important}.language-dropdown:not(.mobile-carousel-dropdown){animation:dropdownSlideIn .3s cubic-bezier(.4,0,.2,1)!important}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}}@media (max-width:480px){.language-dropdown:not(.mobile-carousel-dropdown){max-width:320px!important;min-width:280px!important;padding:16px 12px!important}.language-dropdown:not(.mobile-carousel-dropdown) .language-option{gap:10px!important;min-height:75px!important;padding:14px 16px!important}.language-dropdown:not(.mobile-carousel-dropdown) .language-option-flag{border-width:2px!important;font-size:24px!important;height:40px!important;width:40px!important}.language-dropdown:not(.mobile-carousel-dropdown) .language-option-name{font-size:15px!important}.language-dropdown:not(.mobile-carousel-dropdown) .language-option-check{font-size:16px!important;height:22px!important;right:6px!important;top:6px!important;width:22px!important}}@media (max-width:768px){.mobile-header .language-dropdown{left:20px!important;max-width:calc(100vw - 40px)!important;position:fixed!important;right:20px!important;top:70px!important;transform:none!important;z-index:100010!important}.mobile-header .language-selector-button{border-radius:22px!important;font-size:15px!important;gap:10px!important;height:44px!important;min-width:140px!important;padding:8px 14px!important}.mobile-header .language-flag{border-width:2px!important;font-size:16px!important;height:28px!important;width:28px!important}.mobile-header .language-name{font-size:15px!important;font-weight:700!important}.mobile-header .language-name,.mobile-header .language-selector-button .language-name{color:#fff!important;font-weight:900!important;text-shadow:0 1px 2px #0009!important}.mobile-header .language-chevron{color:#fff!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))!important;height:16px!important;width:16px!important}}@media (prefers-contrast:high){.language-selector-button{font-weight:700!important}.language-dropdown,.language-selector-button{border-color:#fffc!important;border-width:3px!important}.language-option{font-weight:700!important}.language-option.selected{border-left-color:#fff!important;border-left-width:6px!important;font-weight:900!important}.language-name,.language-option-name{color:#fff!important;font-weight:900!important;text-shadow:0 1px 3px #000c!important}.current-carousel-item h3{font-weight:900!important;text-shadow:0 2px 4px #000000b3!important}.carousel-action-button,.carousel-nav-button{border-width:3px!important}}@media (prefers-reduced-motion:reduce){.language-chevron,.language-option,.language-option-flag,.language-selector-button{animation:none!important;transition:none!important}.language-dropdown{animation:none!important}.language-option:hover,.language-selector-button:hover{transform:none!important}.carousel-action-button,.carousel-content,.carousel-indicator,.carousel-item,.carousel-nav-button{transition:none!important}.mobile-carousel-dropdown{animation:none!important}.carousel-nav-button:hover{transform:translateY(-50%)!important}@media (max-width:768px){.language-option:hover{transform:none!important}}}.language-selector-button:disabled{cursor:not-allowed;opacity:.7}.language-selector-button:disabled:hover{box-shadow:0 4px 8px #00000080!important;transform:none}.dropdown-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:0;z-index:100005}.mobile-carousel-container,.mobile-carousel-dropdown{display:block!important;opacity:1!important;visibility:visible!important}.language-dropdown:not(.mobile-carousel-dropdown) .mobile-carousel-container,.mobile-carousel-dropdown .language-list{display:none!important}body.light .language-selector-button,html.light .language-selector-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(90deg,peru,#f0d068)!important;background:linear-gradient(to right,var(--light-primary),var(--light-secondary))!important;border:2px solid #8b45134d!important;box-shadow:0 4px 8px #daa5204d!important;color:#654321!important;color:var(--light-text)!important}body.light .language-selector-button:hover,html.light .language-selector-button:hover{background:linear-gradient(90deg,peru,#f0d068)!important;background:linear-gradient(to right,var(--light-primary),var(--light-secondary))!important;border-color:#8b451380!important;box-shadow:0 6px 12px #daa52066!important}body.light .language-name,body.light .language-selector-button .language-name,html.light .language-name,html.light .language-selector-button .language-name{color:#fff!important;font-weight:700!important;text-shadow:0 1px 2px #0009!important}body.light .language-chevron,html.light .language-chevron{color:#fff!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))!important;opacity:1!important}body.light .language-dropdown,html.light .language-dropdown{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:linear-gradient(135deg,#fffffff2,#f5deb3f2)!important;border:2px solid #daa52066!important;box-shadow:0 8px 20px #daa5204d!important}body.light .language-option,html.light .language-option{background:#ffffff14!important;border-bottom:1px solid #ffffff26!important;color:#fff!important}body.light .language-option:hover,html.light .language-option:hover{background:#ffffff26!important;border-bottom-color:#ffffff40!important;color:#fff!important}body.light .language-option.selected,html.light .language-option.selected{background:#fff3!important;border-bottom-color:#ffffff4d!important;border-left:4px solid #fff!important;color:#fff!important}body.light .language-option-name,html.light .language-option-name{color:#fff!important;font-weight:700!important;text-shadow:0 1px 2px #00000080!important}body.light .language-option-description,html.light .language-option-description{color:#ffffffd9!important;opacity:1!important;text-shadow:0 1px 1px #00000080!important}body.light .language-option-check,html.light .language-option-check{background:#cd853fcc!important;border-radius:50%!important;color:#fff!important;font-weight:800!important;padding:2px 4px!important;text-shadow:0 1px 2px #000c!important}body.light .mobile-carousel-dropdown,html.light .mobile-carousel-dropdown{background:linear-gradient(135deg,#fffffffa,#f5deb3fa)!important;border:2px solid #daa52099!important;box-shadow:0 15px 30px #0000004d!important}body.light .carousel-wrapper,html.light .carousel-wrapper{background:linear-gradient(135deg,#daa5201a,#f5deb31a)!important;border:2px solid #daa5204d!important;box-shadow:0 6px 15px #daa52033!important}body.light .carousel-indicator,html.light .carousel-indicator{background-color:#fff6!important}body.light .carousel-indicator.active,html.light .carousel-indicator.active{background-color:#fff!important;border-color:peru!important;box-shadow:0 0 6px #cd853f99!important}body.light .carousel-nav-button,html.light .carousel-nav-button{background:#8b4513e6!important;border:2px solid #fff6!important;box-shadow:0 3px 6px #0006!important;color:#fff!important}body.light .carousel-nav-button:hover,html.light .carousel-nav-button:hover{background:#8b4513!important;border-color:#fff9!important;box-shadow:0 4px 8px #00000080!important}body.light .carousel-select,html.light .carousel-select{background:linear-gradient(45deg,peru,#8b4513)!important;border-color:#fff6!important;box-shadow:0 3px 6px #0006!important;color:#fff!important}body.light .carousel-cancel,html.light .carousel-cancel{background:#8b4513cc!important;border-color:#ffffff4d!important;box-shadow:0 3px 6px #0000004d!important;color:#fff!important}body.light .carousel-cancel:hover,html.light .carousel-cancel:hover{background:#8b4513!important;border-color:#ffffff80!important;box-shadow:0 4px 8px #0003!important}body.light .current-carousel-item>div:nth-child(3),html.light .current-carousel-item>div:nth-child(3){background:#fffffff2!important;border:2px solid #cd853fcc!important;text-shadow:none!important}:not(.light) .language-selector-container *,body:not(.light) .language-selector-container *,html:not(.light) .language-selector-container *{color:#fff!important}:not(.light) .language-selector-container .language-name,:not(.light) .language-selector-container .language-option-name,body:not(.light) .language-selector-container .language-name,body:not(.light) .language-selector-container .language-option-name,html:not(.light) .language-selector-container .language-name,html:not(.light) .language-selector-container .language-option-name{color:#fff!important;font-weight:700!important;text-shadow:0 1px 2px #00000080!important}.force-visible-text,:not(.light) .force-visible-text,body:not(.light) .force-visible-text,html:not(.light) .force-visible-text{color:#fff!important;font-weight:700!important;text-shadow:0 1px 2px #0009!important}.carousel-action-button,.carousel-indicator,.carousel-nav-button,.current-carousel-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,opacity}.carousel-wrapper,.current-carousel-item,.mobile-carousel-dropdown{transform:translateZ(0);will-change:transform}.carousel-content{contain:layout style paint}@supports not ((-webkit-backdrop-filter:blur(15px)) or (backdrop-filter:blur(15px))){.mobile-carousel-dropdown{background:linear-gradient(135deg,#8b4513,#654321)!important}body.light .mobile-carousel-dropdown,html.light .mobile-carousel-dropdown{background:linear-gradient(135deg,#fff,wheat)!important}.language-dropdown:not(.mobile-carousel-dropdown){background:linear-gradient(135deg,#8b4513,#654321)!important}body.light .language-dropdown:not(.mobile-carousel-dropdown),html.light .language-dropdown:not(.mobile-carousel-dropdown){background:linear-gradient(135deg,#fff,wheat)!important}}@supports not (transform:translateZ(0)){.carousel-action-button,.carousel-nav-button,.current-carousel-item{transform:none}}@supports (padding:max(0px)){.mobile-carousel-dropdown{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}}.mobile-carousel-dropdown{z-index:999999!important}.dropdown-overlay{z-index:999998!important}:not(.light) .current-carousel-item>div:nth-child(3),body:not(.light) .current-carousel-item>div:nth-child(3),html:not(.light) .current-carousel-item>div:nth-child(3){color:#000!important;font-weight:900!important}body.light .current-carousel-item>div:nth-child(3),html.light .current-carousel-item>div:nth-child(3){color:#8b4513!important;font-weight:900!important}.login-container{display:flex;justify-content:center;margin:20px 0}.google-login-button{align-items:center;background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:10px 20px;transition:background-color .3s}.google-login-button:hover{background-color:#3367d6}.header-auth-container{height:36px;position:absolute;right:50px;top:0;z-index:10}.header-google-login{margin-top:-2px;transform:scale(.8)}.header-logout-button{align-items:center;background-color:#ffffff26;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;height:28px;justify-content:center;min-width:36px;padding:4px 8px;transition:background-color .2s ease;white-space:nowrap}.header-logout-button:hover{background-color:#ffffff40;transform:scale(1.1)}.dark .header-logout-button{background-color:#0000004d}.dark .header-logout-button:hover{background-color:#0006}.header-auth-loading{color:#fff;font-size:14px;opacity:.7}@media (max-width:360px){.header-logout-button{font-size:10px;min-width:30px;padding:4px 6px}}.modern-logout-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.modern-logout-button:hover{background-color:#e2e8f0}.dark .modern-logout-button{color:#94a3b8}.dark .modern-logout-button:hover{background-color:#334155}.modern-main-container,.modern-main-container *{box-sizing:border-box!important;margin:0;padding:0}.modern-main-container:after,.modern-main-container:before{content:none!important;display:none!important}.modern-main-container{background-color:initial;bottom:0!important;gap:16px;left:0!important;max-width:800px;padding:16px;right:0!important;top:0!important;width:100%}.light .modern-main-container{color:#1e293b}.light .modern-logout-button,.light .modern-theme-button{background:#0000000d;color:#64748b}.light .modern-logout-button:hover,.light .modern-theme-button:hover{background-color:#0000001a}.light .modern-logo-circle{background-color:#dbeafe;border-color:#bfdbfe;box-shadow:0 6px 12px #3b82f633}.light .modern-logo-title{color:#4f46e5}.light .modern-level-card{background-color:#ffffffb3;border-color:#e2e8f0;box-shadow:0 6px 16px #0000000d}.light .modern-level-title{color:#1e293b}.light .modern-level-description{color:#64748b}.light .modern-badge{background-color:#d1fae5;border-color:#a7f3d0;box-shadow:0 3px 6px #10b98133;color:#064e3b}.light .modern-progress-bar{background-color:#f1f5f9}.light .modern-progress-fill{background:linear-gradient(90deg,#4ade80,#34d399)}.light .modern-stat-badge-primary{background-color:#dbeafe;border-color:#bfdbfe;color:#1e40af}.light .modern-stat-badge-secondary{background-color:#fef3c7;border-color:#fde68a;color:#92400e}.light .modern-stat-item{background-color:#f1f5f9b3}.light .modern-stat-icon{background-color:#3b82f61a;color:#3b82f6}.light .modern-stat-icon.review-icon{background-color:#f59e0b1a;color:#d97706}.light .modern-stat-value{color:#0f172a}.light .modern-stat-label{color:#64748b}.light .modern-notification{background-color:#fef3c7;color:#92400e}.light .premium-tooltip{background-color:#f8fafc;box-shadow:0 4px 12px #0000001a;color:#0f172a}.light .premium-tooltip:before{border-bottom-color:#f8fafc}.light .premium-link{color:#ea580c}.light .premium-link:hover{background-color:#ea580c1a}.light .premium-footer{color:#64748b}.light .quota-item{background-color:#e2e8f080}.light .quota-icon{background-color:#3b82f61a;color:#3b82f6}.light .quota-label{color:#0f172a}.light .quota-count{color:#475569}.light .quota-progress-bar{background-color:#cbd5e180}.light .reset-quotas-button{background-color:#3b82f60d}.light .reset-quotas-button:hover{background-color:#3b82f61a}.light .bottom-navigation{background-color:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -4px 10px #0000000d}.light .bottom-nav-item{color:#64748b}.light .bottom-nav-item.active{color:#2563eb}.light .bottom-nav-item.active:after{background-color:#2563eb}.light .bottom-nav-item:hover{background-color:#0000000d}.light .desktop-tabs{background-color:#1e293b1a}.light .desktop-tab{color:#475569}.modern-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;width:100%}.modern-language-selector{position:relative;z-index:10}.modern-header-actions{align-items:center;display:flex;gap:8px}.modern-logout-button,.modern-theme-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.modern-theme-button:hover{background-color:#fff3;transform:rotate(30deg)}.modern-logout-button:hover{background-color:#fff3;transform:scale(1.1)}.modern-logo-container{margin-bottom:20px}.modern-logo-circle{border:3px solid #3b82f6;box-shadow:0 6px 12px #1e40af4d;height:70px;margin-bottom:8px;width:70px}.modern-logo-circle:after{animation:rotate 8s linear infinite;background:radial-gradient(circle at center,#3b82f64d 0,#3b82f600 70%);bottom:-20%;content:"";left:-20%;position:absolute;right:-20%;top:-20%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modern-logo-image{height:56px;width:56px}.modern-logo-title{font-size:24px}.premium-upgrade-menu-button{border-radius:16px;box-shadow:0 3px 6px #f973164d;font-size:13px;gap:6px;margin-top:8px;padding:8px 14px}.premium-upgrade-menu-button:hover{box-shadow:0 6px 10px #f973164d;transform:translateY(-2px)}.premium-icon{color:#fd0}.modern-level-card{border-radius:16px;box-shadow:0 6px 16px #0003;margin-bottom:20px;padding:16px}.modern-decoration{background:radial-gradient(circle,#ef444433 0,#ef444400 70%);height:120px;transform:translate(30%,-30%);width:120px}.modern-level-info{margin-bottom:12px}.modern-badge{box-shadow:0 3px 6px #064e3b4d;font-size:24px;height:48px;margin-right:12px;width:48px}.modern-badge:after{border:2px solid #0596694d;bottom:-3px;left:-3px;right:-3px;top:-3px}@keyframes pulse-badge{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}.modern-level-text{display:flex;flex-direction:column}.modern-level-title{font-size:20px;margin:0 0 2px}.modern-level-description{font-size:14px}.modern-progress-bar{border-radius:16px;box-shadow:inset 0 1px 3px #0003;margin-bottom:8px}.modern-progress-fill{background:linear-gradient(90deg,#22c55e,#10b981);border-radius:16px;box-shadow:0 0 8px #22c55e80;position:relative}.modern-progress-marker{align-items:center;bottom:0;display:flex;position:absolute;top:0}.modern-marker-line{height:12px;width:2px}.modern-progress-stats{gap:8px;margin-bottom:12px}.modern-stat-badge{border-radius:16px;font-size:12px;padding:4px 10px}.modern-stat-badge-primary{background-color:#1e3a8a80;border:1px solid #3b82f64d;color:#93c5fd}.modern-stat-badge-secondary{background-color:#78350f80;border:1px solid #f59e0b4d;color:#fbbf24}.modern-learning-stats{gap:12px}.modern-stat-item{border-radius:10px;gap:8px;padding:6px 10px}.modern-stat-icon{border-radius:6px;height:28px;width:28px}.modern-stat-icon.review-icon{background-color:#f59e0b33;color:#fbbf24}.modern-stat-info{display:flex;flex-direction:column}.modern-stat-value{font-size:16px}.modern-stat-label{font-size:11px}.desktop-tabs{display:none;margin-bottom:16px;position:relative!important;transform:none!important}@media (min-width:769px){.desktop-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f1f5f980;border-radius:12px;display:flex;gap:6px;justify-content:center;padding:6px}.desktop-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.desktop-tab:hover{background-color:#3b82f61a;border-color:#3b82f64d;color:#3b82f6;transform:translateY(-1px)}.desktop-tab.active{background-color:#3b82f6;border-color:#2563eb;box-shadow:0 3px 6px #3b82f64d;color:#fff}.desktop-tab-icon{font-size:14px}}.modern-section-title{font-size:16px;margin-bottom:12px;min-height:24px}.modern-section-title span{background-color:#0f172ab3;padding:0 8px;z-index:1}.light .modern-section-title span{background-color:#f1f5f9b3}.modern-section-title:after{background-color:#64748b33;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:0}.modern-menu-container{align-items:center!important;display:flex!important;flex-direction:column!important;gap:12px;height:auto!important;max-width:800px;overflow:visible!important;padding:0!important;position:relative!important;transform:none!important;transition:all .3s ease;width:100%}.menu-grid-wrapper{position:relative;width:100%;z-index:5}.modern-menu-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:16px;position:relative!important;transform:none!important;transition:opacity .3s ease;width:100%}.fade-out{opacity:.2}.modern-menu-item{border:1px solid;border-radius:12px;box-shadow:0 3px 5px #0000001a;cursor:pointer;min-height:64px;overflow:hidden;padding:12px;position:relative!important;transform:none!important;transition:background-color .3s ease,border-color .3s ease;z-index:1!important}.modern-menu-item:before{background:linear-gradient(90deg,#ffffff80,#0000);content:"";height:3px;left:0;opacity:.5;position:absolute;right:0;top:0}.modern-menu-item.active{border-width:2px;box-shadow:0 6px 12px #0000001a}.dark .modern-menu-item.active{box-shadow:0 6px 12px #0000004d}.modern-menu-item.active .modern-menu-label{font-weight:700}.modern-menu-icon{align-items:center;background-color:#ffffffe6;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;margin-right:12px;width:40px}.modern-menu-content{display:flex;flex-direction:column;flex-grow:1}.modern-menu-label{font-size:14px;font-weight:600}.modern-menu-description{font-size:11px;margin-top:1px;opacity:.8}.modern-menu-badge{border-radius:50%;height:8px;position:absolute;right:10px;top:10px;width:8px}.modern-menu-badge.notification{animation:pulse-dot 1.5s infinite;background-color:#ef4444;box-shadow:0 0 8px #ef444480}.menu-item-action{align-items:center;display:flex;justify-content:center;margin-left:6px;opacity:.6;transition:all .2s ease}.modern-menu-item:hover .menu-item-action{opacity:1;transform:translateX(2px)}.premium-locked{position:relative}.premium-lock-icon{background-color:#f59e0b33;border-radius:50%;height:28px;justify-content:center;top:50%;transform:translate(-50%,-50%);width:28px;z-index:2}.premium-lock-icon,.premium-tooltip{align-items:center;display:flex;left:50%;position:absolute}.premium-tooltip{background-color:#1e293b;border-radius:6px;bottom:-35px;box-shadow:0 3px 10px #0003;color:#fff;font-size:11px;gap:4px;padding:6px 10px;pointer-events:none;transform:translateX(-50%);white-space:nowrap;z-index:100}.premium-tooltip:before{border-bottom:5px solid #1e293b;border-left:5px solid #0000;border-right:5px solid #0000;content:"";left:50%;position:absolute;top:-5px;transform:translateX(-50%)}.premium-tooltip-icon{color:#f59e0b}.premium-upgrade-badge{align-items:center;background:linear-gradient(45deg,#f59e0b,#f97316);border-radius:10px;color:#fff;display:flex;font-size:9px;font-weight:600;gap:2px;padding:2px 5px;position:absolute;right:6px;top:6px;z-index:3}.quota-indicator{bottom:6px;display:flex;flex-direction:column;gap:1px;left:12px;position:absolute;right:12px;z-index:5}.quota-bar{background-color:#fff3;border-radius:2px;height:3px;overflow:hidden}.quota-progress{background-color:#3b82f6;border-radius:2px;height:100%;transition:width .3s ease}.quota-text{font-size:8px;opacity:.7}.quotas-section{margin-bottom:12px;width:100%}.quotas-container{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.quota-item{background-color:#33415580;border-radius:10px;gap:10px;padding:8px}.quota-icon,.quota-item{align-items:center;display:flex}.quota-icon{background-color:#3b82f633;border-radius:8px;color:#60a5fa;height:32px;justify-content:center;width:32px}.quota-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.quota-label{color:#f1f5f9;font-size:13px;font-weight:600}.quota-progress-bar{background-color:#e2e8f033;border-radius:3px;height:5px;overflow:hidden}.quota-progress-fill{background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:3px;height:100%;transition:width .3s ease}.quota-count{color:#cbd5e1;font-size:11px}.reset-quotas-button{align-items:center;background-color:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px;transition:all .2s ease;width:100%}.reset-quotas-button:hover{background-color:#3b82f633;transform:translateY(-2px)}.modern-reset-button{align-items:center;background-color:#ef444426;border:1px solid #dc2626;border-radius:12px;box-shadow:0 3px 5px #0000001a;color:#ef4444;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-bottom:12px;padding:10px;transition:transform .3s ease,background-color .3s ease;width:100%}.modern-reset-button:hover{background-color:#ef444440;transform:translateY(-2px)}.modern-notification{animation:slide-up .4s ease-out;background-color:#78350f;border-radius:6px;bottom:16px;box-shadow:0 6px 12px #0000004d;color:#fcd34d;font-size:13px;left:50%;padding:8px 16px;position:fixed;transform:translateX(-50%);z-index:1000}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}.premium-footer{color:#94a3b8;font-size:13px;margin-top:12px;padding:12px;text-align:center;width:100%}.premium-link{align-items:center;background:none;border:none;border-radius:8px;color:#f59e0b;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:3px;margin-left:4px;padding:3px 6px;transition:all .2s ease}.premium-link:hover{background-color:#f59e0b1a;transform:scale(1.03)}.floating-premium-button{align-items:center!important;background:linear-gradient(45deg,#f59e0b,#f97316)!important;border:none!important;border-radius:40px!important;bottom:70px!important;box-shadow:0 3px 10px #f9731666!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:13px!important;font-weight:600!important;gap:6px!important;padding:8px 16px!important;right:16px!important;transition:all .3s ease!important;z-index:100!important}.floating-premium-button:hover{box-shadow:0 5px 14px #f9731680!important;transform:translateY(-2px)!important}.floating-premium-button .premium-button-icon{color:#fd0!important}.bottom-navigation{background-color:#1e293b;border-top:1px solid #334155;bottom:0!important;box-shadow:0 -3px 8px #0000001a;display:none;left:0!important;padding:6px 0;position:fixed!important;right:0!important;transform:none!important;z-index:1000!important}.bottom-nav-container{align-items:center;display:flex;justify-content:space-around;margin:0 auto;max-width:800px}.bottom-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:6px 12px;transition:all .2s ease}.bottom-nav-item.active{color:#3b82f6;position:relative}.bottom-nav-item.active:after{background-color:#3b82f6;border-radius:2px;bottom:-6px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.bottom-nav-item:hover{background-color:#ffffff0d}.bottom-nav-label{font-size:11px;font-weight:500;margin-top:2px}@media (min-width:769px){.modern-main-container{gap:20px;margin:8px auto;padding:24px 20px}.modern-logo-circle{height:80px;width:80px}.modern-logo-image{height:64px;width:64px}.modern-logo-title{font-size:26px}.floating-premium-button{bottom:24px!important;right:24px!important}}@media (max-width:768px){.modern-main-container{gap:12px;padding:60px 12px 80px!important}.bottom-navigation{display:block!important}.modern-logo-circle{height:60px;width:60px}.modern-logo-image{height:48px;width:48px}.modern-logo-title{font-size:20px}.modern-level-card{padding:12px}.modern-badge{font-size:18px;height:40px;margin-right:10px;width:40px}.modern-level-title{font-size:16px}.modern-level-description{font-size:12px}.modern-menu-grid{gap:8px;grid-template-columns:1fr}.modern-menu-item{min-height:56px;padding:10px}.modern-menu-icon{font-size:16px;height:32px;margin-right:10px;width:32px}.modern-learning-stats{flex-direction:column;gap:6px}.modern-stat-badge{font-size:11px;padding:3px 8px}.premium-upgrade-menu-button{font-size:12px;padding:6px 12px}.quota-item{padding:6px}.quota-icon{height:28px;width:28px}.quota-label{font-size:12px}.floating-premium-button{bottom:60px!important;font-size:12px!important;padding:6px 12px!important;right:12px!important}}@media (max-width:480px){.modern-main-container{gap:10px;padding:50px 8px 70px!important}.modern-level-card{padding:8px}.modern-badge{font-size:16px;height:36px;margin-right:8px;width:36px}.modern-level-title{font-size:14px}.modern-level-description{font-size:11px}.modern-progress-stats{flex-direction:column;gap:6px}.modern-menu-icon{font-size:14px;height:28px;margin-right:8px;width:28px}.modern-menu-label{font-size:13px}.modern-menu-description{font-size:10px}.bottom-nav-item{padding:4px 6px}.bottom-nav-label{font-size:10px}.quota-item{padding:6px}.quota-icon{height:24px;width:24px}.floating-premium-button{bottom:50px!important;font-size:11px!important;padding:5px 10px!important;right:8px!important}}@media (min-width:769px){.bottom-navigation{display:none!important}}.modern-badge{animation:float 4s ease-in-out infinite}@keyframes shine{0%{background-position:-100% 0}to{background-position:200% 0}}.modern-progress-fill:after{animation:shine 3s infinite;background:linear-gradient(90deg,#fff0,#ffffff4d 50%,#fff0);background-size:200% 100%;content:"";height:100%;position:absolute;top:0;width:100%}.floating-premium-button.with-pulse{animation:pulse 3s infinite}.bottom-nav-item,.desktop-tab,.modern-logout-button,.modern-menu-item,.modern-reset-button,.modern-theme-button,.premium-upgrade-menu-button,.reset-quotas-button{transition:all .15s ease!important}.modern-menu-grid.fade-out{opacity:.2!important;pointer-events:none!important;transform:scale(.98)!important}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modern-menu-grid{animation:fadeInScale .25s ease-out!important}.theme-transition{transition:background-color .2s ease,color .2s ease,border-color .2s ease!important}.floating-premium-button,.modern-badge,.modern-menu-item,.modern-progress-fill{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;will-change:transform!important}.modern-main-container,.modern-main-container .modern-level-card,.modern-main-container .modern-logo-container,.modern-main-container .modern-menu-container,.modern-main-container .modern-menu-grid{bottom:auto!important;left:auto!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important}.mode-transition{opacity:.8!important;transition:opacity .15s ease!important}.tab-transition{animation:fadeInOut .25s ease-out!important}@keyframes fadeInOut{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.floating-premium-button.with-pulse,.modern-badge,.modern-progress-fill:after{animation:none!important}.bottom-nav-item,.desktop-tab,.modern-logout-button,.modern-menu-item,.modern-theme-button{transition:none!important}.modern-menu-grid{animation:none!important}}@media (prefers-contrast:high){.modern-menu-item{border-width:2px!important}.modern-badge{border-width:3px!important}.premium-tooltip{border:2px solid!important}.modern-level-card{border-width:2px!important}}.bottom-nav-item:focus-visible,.desktop-tab:focus-visible,.modern-logout-button:focus-visible,.modern-menu-item:focus-visible,.modern-reset-button:focus-visible,.modern-theme-button:focus-visible,.premium-upgrade-menu-button:focus-visible,.reset-quotas-button:focus-visible{outline:2px solid #3b82f6!important;outline-offset:2px!important}@media print{.modern-main-container{background:#fff!important;box-shadow:none!important;color:#000!important;padding:20px!important}.bottom-navigation,.floating-premium-button,.modern-logout-button,.modern-theme-button,.premium-upgrade-menu-button{display:none!important}.modern-menu-item{color:#000!important}.modern-level-card,.modern-menu-item{background:#fff!important;border:1px solid #ccc!important;break-inside:avoid!important;page-break-inside:avoid!important}}body,html{background-color:initial!important;height:100%!important;margin:0!important;overflow-x:hidden!important;padding:0!important;width:100%!important}.App{bottom:0!important;height:auto!important;left:0!important;right:0!important;top:0!important}.modern-main-container{align-items:center!important;box-sizing:border-box!important;color:#f1f5f9;display:flex!important;flex-direction:column!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;gap:16px!important;justify-content:flex-start!important}.modern-main-container *{box-sizing:border-box!important;max-width:100%!important}.App:after,.App:before,.modern-main-container:after,.modern-main-container:before{content:none!important;display:none!important}@media (max-width:768px){.App,body{padding:0!important}.App,.modern-main-container,body{margin:0!important;overflow-x:hidden!important;width:100%!important}.modern-main-container{padding:60px 12px 80px!important}}@media (min-width:769px){.App{min-height:100vh!important;overflow-x:hidden!important;width:100%!important}.modern-main-container{margin:8px auto!important;overflow-x:hidden!important;padding:24px 20px!important}}.modern-menu-grid{overflow-x:hidden!important}.bottom-navigation,.floating-premium-button,.modern-header{box-sizing:border-box!important;max-width:100%!important}.modern-header{overflow-x:hidden!important}.desktop-tabs,.modern-level-card,.modern-logo-container,.modern-menu-container,.premium-footer,.quotas-section{box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;width:100%!important}*{box-sizing:border-box!important;max-width:100%!important}.modern-notification,.premium-tooltip{left:50%!important;max-width:calc(100vw - 40px)!important;transform:translateX(-50%)!important}.modern-level-description,.modern-level-title,.modern-menu-description,.modern-menu-label{word-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;overflow-wrap:break-word!important}html{overflow-x:hidden!important;width:100%!important}*,:after,:before,html{box-sizing:border-box!important}.App{background:linear-gradient(135deg,#667eea,#764ba2)!important;margin:0!important;min-height:100vh!important;padding:0!important;position:relative!important;text-align:center!important}.App,.App>div{overflow-x:hidden!important;width:100%!important}.App>div{box-sizing:border-box!important;max-width:100%!important}.modern-level-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1e293b80;border:1px solid #334155;border-radius:12px;box-shadow:0 4px 12px #0003;margin-bottom:16px;max-height:200px!important;min-height:auto!important;overflow:hidden;padding:12px;position:relative!important;transform:none!important;width:100%!important}.modern-decoration{background:radial-gradient(circle,#ef444426 0,#ef444400 70%);border-radius:50%;height:80px;position:absolute;right:0;top:0;transform:translate(25%,-25%);width:80px}.modern-level-info{align-items:center;display:flex;margin-bottom:8px}.modern-badge{align-items:center;background-color:#064e3b;border:2px solid #059669;border-radius:50%;box-shadow:0 2px 4px #064e3b4d;display:flex;font-size:20px;height:40px;justify-content:center;margin-right:10px;position:relative;width:40px;z-index:2}.modern-level-title{color:#f1f5f9;font-size:18px;line-height:1.2;margin:0 0 1px}.modern-level-description{color:#94a3b8;font-size:12px;line-height:1.2;margin:0}.modern-progress-bar{background-color:#334155;border-radius:12px;box-shadow:inset 0 1px 2px #0003;height:8px;margin-bottom:6px;position:relative;width:100%;z-index:10}.modern-marker-line{background-color:#ffffff4d;height:8px;opacity:.7;width:1px}.modern-progress-stats{display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;margin-bottom:8px}.modern-stat-badge{border-radius:12px;font-size:11px;font-weight:500;line-height:1.2;padding:3px 8px}.modern-learning-stats{display:flex;gap:8px}.modern-stat-item{align-items:center;background-color:#33415580;border-radius:8px;display:flex;flex-grow:1;gap:6px;padding:4px 8px}.modern-stat-icon{align-items:center;background-color:#3b82f633;border-radius:4px;color:#60a5fa;display:flex;height:24px;justify-content:center;width:24px}.modern-stat-value{color:#f1f5f9;font-size:14px;font-weight:600;line-height:1.2}.modern-stat-label{color:#94a3b8;font-size:10px;line-height:1.1}.modern-badge:after{animation:pulse-badge 2s infinite;border:1px solid #0596694d;border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px}.modern-logo-container{align-items:center!important;display:flex!important;flex-direction:column!important;margin-bottom:16px;position:relative!important;transform:none!important}.modern-logo-circle{align-items:center;background-color:#1e40af;border:2px solid #3b82f6;border-radius:50%;box-shadow:0 4px 8px #1e40af4d;display:flex;height:60px;justify-content:center;margin-bottom:6px;overflow:hidden;position:relative;width:60px}.modern-logo-image{border-radius:50%;height:48px;object-fit:cover;position:relative;width:48px;z-index:2}.modern-logo-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#818cf8;font-size:22px;line-height:1.2;margin:0}.premium-upgrade-menu-button{align-items:center;background:linear-gradient(45deg,#f59e0b,#f97316);border:none;border-radius:12px;box-shadow:0 2px 4px #f973164d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;line-height:1.2;margin-top:6px;padding:6px 12px;transition:transform .3s ease}.modern-main-container{gap:12px!important}.modern-section-title{align-items:center;color:#64748b;display:flex;font-size:15px;font-weight:600;justify-content:center;margin-bottom:10px;min-height:20px;position:relative!important;text-align:center!important;transform:none!important}@media (max-width:768px){.modern-level-card{margin-bottom:12px;max-height:160px;padding:10px}.modern-badge{height:32px;margin-right:8px;width:32px}.modern-badge,.modern-level-title{font-size:16px}.modern-level-description{font-size:11px}.modern-progress-bar{height:6px}.modern-stat-badge{font-size:10px;padding:2px 6px}.modern-stat-item{padding:3px 6px}.modern-stat-icon{height:20px;width:20px}.modern-stat-value{font-size:12px}.modern-stat-label{font-size:9px}.modern-logo-circle{height:50px;width:50px}.modern-logo-image{height:40px;width:40px}.modern-logo-title{font-size:18px}.modern-main-container{gap:8px!important;padding:60px 12px 80px!important}.modern-logo-container{margin-bottom:12px}}@media (max-width:480px){.modern-level-card{margin-bottom:10px;max-height:140px;padding:8px}.modern-badge{height:28px;margin-right:6px;width:28px}.modern-badge,.modern-level-title{font-size:14px}.modern-level-description{font-size:10px}.modern-progress-bar{height:5px}.modern-logo-circle{height:45px;width:45px}.modern-logo-image{height:36px;width:36px}.modern-logo-title{font-size:16px}}:root{--color-bg:#f4e7c5;--color-card:#fff6e0;--color-primary:#b45309;--color-accent:#8a3d0b;--color-dark:#2d1d0e;--color-soft:#5b3e1d;--color-border:#c29452;--color-btn-bg:#d9831f;--color-btn-hover:#a65c0c;--color-black:#1c120a;--color-progress:#633311;--radius:14px}body{background-color:#f4e7c5;background-color:var(--color-bg);color:#2d1d0e;color:var(--color-dark);font-family:Inter,Segoe UI,sans-serif;margin:0;padding:0}.modern-main-container{background-color:#fff6e0;background-color:var(--color-card);border:3px solid #c29452;border:3px solid var(--color-border);border-radius:14px;border-radius:var(--radius);box-shadow:0 8px 24px #00000014;margin:0 auto;max-width:700px;padding:1.5rem}.modern-logo-title{color:#b45309;color:var(--color-primary);font-size:2rem;font-weight:700;margin-top:.5rem;text-align:center}.modern-level-card{background-color:#fae3b6;border:2px solid #c29452;border:2px solid var(--color-border);border-radius:14px;border-radius:var(--radius);margin-top:1rem;padding:1rem}.modern-level-title{font-size:1.2rem;font-weight:700}.modern-level-description{color:#5b3e1d;color:var(--color-soft);font-size:.95rem}.modern-progress-bar{background:#fef6e4;border:1px solid #c29452;border:1px solid var(--color-border);border-radius:14px;border-radius:var(--radius);height:12px;margin-top:.5rem;overflow:hidden}.modern-progress-fill{background-color:#633311;background-color:var(--color-progress);height:100%;transition:width .5s ease-in-out}.modern-menu-grid{grid-gap:1rem;display:grid;gap:1rem;margin-top:1.5rem}.modern-menu-item{align-items:center;background-color:#fff;border:2px solid #c29452;border:2px solid var(--color-border);border-radius:14px;border-radius:var(--radius);display:flex;justify-content:space-between;padding:1rem;transition:transform .2s,background-color .3s}.modern-menu-item:hover{background-color:#fdf0dd;transform:scale(1.02)}.modern-theme-button,.premium-upgrade-menu-button,button{background-color:#d9831f;background-color:var(--color-btn-bg);border:none;border-radius:14px;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.2rem;transition:background-color .2s ease}button:hover{background-color:#a65c0c;background-color:var(--color-btn-hover)}.modern-stat-badge{border-radius:14px;border-radius:var(--radius);font-size:.8rem;font-weight:600;margin-top:.5rem;padding:.4rem .7rem}.modern-stat-badge-primary{background-color:#d9831f;background-color:var(--color-btn-bg);color:#fff}.modern-stat-badge-secondary{background-color:#e6d3b3;color:#2d1d0e;color:var(--color-dark)}.desktop-tabs{display:flex;justify-content:space-around;margin-top:2rem}.desktop-tab{background-color:initial;border:none;border-bottom:2px solid #0000;color:#b45309;color:var(--color-primary);cursor:pointer;font-weight:600;padding:.5rem 1rem}.desktop-tab.active{border-bottom:3px solid #8a3d0b;border-bottom:3px solid var(--color-accent)}@media (max-width:600px){.modern-main-container{padding:1rem}.desktop-tabs{flex-direction:column;gap:.5rem}}.App{background:linear-gradient(135deg,peru,#8b4513 50%,sienna)!important}.App.soft-gradient{background:linear-gradient(135deg,tan,peru 40%,#8b4513)!important}.mobile-header{background:linear-gradient(90deg,peru,#8b4513)!important;color:#fff!important}.modern-main-container{background-color:#f4e4bc1a!important;color:#8b4513!important}.modern-level-card{background-color:#cd853f26!important;border:1px solid peru!important;color:#8b4513!important}.modern-badge{background-color:#8b4513!important;border:2px solid peru!important;color:#fff!important}.modern-progress-bar{background-color:#8b451333!important}.modern-progress-fill{background:linear-gradient(90deg,peru,#8b4513)!important}.desktop-tabs{background-color:#f4e4bcb3!important}.desktop-tab{color:#8b4513!important}.desktop-tab.active{border-color:#8b4513!important;color:#fff!important}.desktop-tab:hover{background-color:#cd853f33!important;border-color:#8b45134d!important;color:#8b4513!important}.modern-menu-item{background-color:#f5f5dccc!important;border-color:peru!important;color:#8b4513!important}.modern-menu-item:hover{background-color:#d2b48c99!important;transform:translateY(-2px)!important}.modern-menu-item.active{background-color:#cd853f4d!important;border-color:#8b4513!important;border-width:2px!important}.modern-menu-icon{background-color:#8b45131a!important;color:#8b4513!important}.modern-logout-button,.modern-theme-button,.premium-upgrade-menu-button,.reset-quotas-button{background:linear-gradient(45deg,peru,#8b4513)!important;border:none!important;color:#fff!important}.modern-logout-button:hover,.modern-theme-button:hover{background:linear-gradient(45deg,#8b4513,sienna)!important}.modern-stat-badge-primary{border:1px solid peru!important;color:#8b4513!important}.modern-stat-badge-secondary{background-color:#8b451333!important;border:1px solid #8b4513!important;color:peru!important}.modern-stat-item{background-color:#f4e4bc80!important}.modern-stat-icon{color:#8b4513!important}.modern-logo-circle{background-color:#8b4513!important;border:3px solid peru!important}.modern-logo-title{background:linear-gradient(45deg,peru,#8b4513)!important;color:peru!important}.bottom-navigation{background-color:#8b4513f2!important;border-top:1px solid peru!important}.bottom-nav-item{color:#f5f5dccc!important}.quota-item{background-color:#f4e4bc99!important}.quota-icon{color:#8b4513!important}.quota-progress-fill{background:linear-gradient(90deg,peru,#8b4513)!important}.floating-premium-button,.premium-upgrade-menu-button{background:linear-gradient(45deg,peru,#8b4513)!important}.modern-decoration{background:radial-gradient(circle,#cd853f4d 0,#cd853f00 70%)!important}.premium-tooltip{background-color:#8b4513!important;color:#fff!important}.premium-tooltip:before{border-bottom-color:#8b4513!important}.modern-notification{background-color:#8b4513!important;color:#f4e4bc!important}.light .modern-main-container{background-color:#f5f5dc4d!important;color:#8b4513!important}.light .modern-level-card{background-color:#f4e4bccc!important;border-color:peru!important}.light .modern-menu-item{background-color:#f5f5dce6!important;border-color:peru!important}.light .modern-menu-item:hover{background-color:#d2b48ccc!important}@keyframes ocre-glow{0%,to{box-shadow:0 0 5px #cd853f80}50%{box-shadow:0 0 15px #cd853fcc}}.modern-badge{animation:ocre-glow 3s ease-in-out infinite!important}.gradient-variant-1{background:linear-gradient(135deg,#daa520,peru 50%,#8b4513)!important}.gradient-variant-2{background:linear-gradient(135deg,#f4e4bc,peru 30%,#8b4513 70%,#654321)!important}.gradient-variant-3{background:radial-gradient(circle at center,peru 0,#8b4513 50%,#654321 100%)!important}.App{background:linear-gradient(135deg,peru,#daa520 50%,#b8860b)!important}.modern-logo-circle{background-color:peru!important;border:3px solid #daa520!important;box-shadow:0 6px 12px #cd853f4d!important}.modern-logo-circle:after{background:radial-gradient(circle at center,#cd853f4d 0,#cd853f00 70%)!important}.modern-logo-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,peru,#daa520)!important;-webkit-background-clip:text!important;background-clip:text!important}.modern-progress-fill{background:linear-gradient(90deg,peru,#daa520)!important}.desktop-tab.active{background-color:peru!important;border-color:#daa520!important}.desktop-tab:hover{background-color:#cd853f1a!important;border-color:#daa5204d!important}.bottom-nav-item.active,.desktop-tab:hover{color:peru!important}.bottom-nav-item.active:after{background-color:peru!important}.quota-progress-fill{background:linear-gradient(90deg,peru,#daa520)!important}.floating-premium-button,.premium-upgrade-menu-button{background:linear-gradient(45deg,peru,#daa520)!important}.light .App{background:linear-gradient(135deg,#f4e4bc,wheat 50%,#daa520)!important}.light .modern-logo-circle{background-color:wheat!important;border-color:#daa520!important;box-shadow:0 6px 12px #f5deb34d!important}.light .modern-logo-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,peru,#daa520)!important;-webkit-background-clip:text!important;background-clip:text!important;color:peru!important}.light .modern-progress-fill{background:linear-gradient(90deg,#daa520,peru)!important}.light .desktop-tab.active{background-color:#daa520!important;border-color:peru!important}.light .desktop-tab:hover{background-color:#f5deb34d!important;border-color:#daa52080!important;color:peru!important}.light .bottom-nav-item.active{color:#daa520!important}.light .bottom-nav-item.active:after{background-color:#daa520!important}.light .quota-progress-fill{background:linear-gradient(90deg,#daa520,peru)!important}.light .floating-premium-button,.light .premium-upgrade-menu-button{background:linear-gradient(45deg,#daa520,peru)!important}.modern-stat-icon{background-color:#cd853f33!important;color:peru!important}.light .modern-stat-icon{background-color:#f5deb366!important;color:#daa520!important}.modern-stat-badge-primary{background-color:#cd853f33!important;border:1px solid #cd853f4d!important;color:peru!important}.light .modern-stat-badge-primary{background-color:#f5deb366!important;border-color:#daa52080!important;color:#daa520!important}.quota-progress{background-color:peru!important}.quota-icon{background-color:#cd853f33!important;color:peru!important}.light .quota-icon{background-color:#f5deb366!important;color:#daa520!important}.reset-quotas-button{background-color:#cd853f1a!important;border:1px solid #cd853f4d!important;color:peru!important}.light .reset-quotas-button{background-color:#f5deb34d!important;border-color:#daa52080!important;color:#daa520!important}.reset-quotas-button:hover{background-color:#cd853f33!important}.light .reset-quotas-button:hover{background-color:#f5deb380!important}.bottom-nav-item:focus-visible,.desktop-tab:focus-visible,.modern-logout-button:focus-visible,.modern-menu-item:focus-visible,.modern-reset-button:focus-visible,.modern-theme-button:focus-visible,.premium-upgrade-menu-button:focus-visible,.reset-quotas-button:focus-visible{outline:2px solid peru!important}.light .bottom-nav-item:focus-visible,.light .desktop-tab:focus-visible,.light .modern-logout-button:focus-visible,.light .modern-menu-item:focus-visible,.light .modern-reset-button:focus-visible,.light .modern-theme-button:focus-visible,.light .premium-upgrade-menu-button:focus-visible,.light .reset-quotas-button:focus-visible{outline:2px solid #daa520!important}.modern-main-container{color:var(--dark-text-primary)!important}.modern-level-title,.modern-logo-title,.modern-menu-label,.modern-section-title,.modern-stat-value{color:var(--dark-text-primary)!important;font-weight:700!important;text-shadow:0 1px 2px #0000004d!important}.modern-level-description,.modern-menu-description,.modern-stat-label{color:var(--dark-text-secondary)!important;font-weight:500!important}.light .modern-main-container{color:var(--light-text-primary)!important}.light .modern-level-title,.light .modern-logo-title,.light .modern-menu-label,.light .modern-section-title,.light .modern-stat-value{color:var(--light-text-primary)!important;font-weight:700!important;text-shadow:0 1px 1px #fffc!important}.light .modern-level-description,.light .modern-menu-description,.light .modern-stat-label{color:var(--light-text-secondary)!important;font-weight:500!important}.modern-level-card{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background-color:#cd853f40!important;border:2px solid #cd853f99!important;box-shadow:0 8px 20px #8b451366!important}.light .modern-level-card{background-color:#ffffffe6!important;border:2px solid #daa520b3!important;box-shadow:0 8px 20px #daa5204d!important}.modern-menu-item{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background-color:#f5f5dc26!important;border:2px solid #cd853f80!important;box-shadow:0 4px 12px #cd853f4d!important}.modern-menu-item:hover{background-color:#cd853f4d!important;border-color:#cd853fcc!important;box-shadow:0 6px 16px #cd853f66!important}.modern-menu-item.active{background-color:#cd853f66!important;border:3px solid var(--dark-secondary)!important}.light .modern-menu-item{background-color:#fffffff2!important;border:2px solid #daa52099!important;box-shadow:0 4px 12px #daa52040!important}.light .modern-menu-item:hover{background-color:#daa52026!important;border-color:#daa520cc!important;box-shadow:0 6px 16px #daa5204d!important}.light .modern-menu-item.active{background-color:#daa52040!important;border:3px solid var(--light-text-secondary)!important}.modern-badge{background-color:var(--dark-secondary)!important;border:3px solid #cd853fcc!important;box-shadow:0 4px 8px #8b451380!important;color:var(--dark-text-primary)!important;font-weight:700!important;text-shadow:0 1px 2px #00000080!important}.light .modern-badge{background-color:var(--light-secondary)!important;border:3px solid #daa520cc!important;box-shadow:0 4px 8px #daa52066!important;color:var(--light-text-primary)!important;text-shadow:0 1px 1px #fffc!important}.modern-menu-icon{background-color:#8b451333!important;border:1px solid #cd853f4d!important;box-shadow:0 2px 4px #8b45134d!important;color:var(--dark-text-primary)!important}.light .modern-menu-icon{background-color:#daa52026!important;border:1px solid #daa52066!important;box-shadow:0 2px 4px #daa52033!important;color:var(--light-text-primary)!important}.modern-stat-badge-primary{background-color:#cd853f4d!important;border:2px solid #cd853f99!important;color:var(--dark-text-primary)!important;font-weight:600!important}.modern-stat-badge-secondary{background-color:#8b45134d!important;border:2px solid #8b451399!important;color:var(--dark-text-secondary)!important;font-weight:600!important}.light .modern-stat-badge-primary{background-color:#daa52040!important;border:2px solid #daa52099!important;color:var(--light-text-primary)!important}.light .modern-stat-badge-secondary{background-color:#8b451340!important;border:2px solid #8b451399!important;color:var(--light-text-secondary)!important}.modern-stat-item{background-color:#f4e4bc26!important;border:1px solid #cd853f4d!important;box-shadow:0 2px 6px #8b451333!important}.light .modern-stat-item{background-color:#fffc!important;border:1px solid #daa52066!important;box-shadow:0 2px 6px #daa52026!important}.quota-item{background-color:#f4e4bc33!important;border:1px solid #cd853f66!important;box-shadow:0 2px 8px #8b451333!important}.quota-label{color:var(--dark-text-primary)!important;font-weight:600!important}.quota-count{color:var(--dark-text-secondary)!important;font-weight:500!important}.light .quota-item{background-color:#ffffffe6!important;border:1px solid #daa52080!important;box-shadow:0 2px 8px #daa52026!important}.light .quota-label{color:var(--light-text-primary)!important}.light .quota-count{color:var(--light-text-secondary)!important}.desktop-tabs{background-color:#f4e4bccc!important;border:1px solid #cd853f80!important;box-shadow:0 4px 12px #8b451333!important}.desktop-tab{font-weight:500!important}.desktop-tab,.desktop-tab.active{color:var(--dark-text-primary)!important}.desktop-tab.active{background-color:var(--dark-primary)!important;border-color:var(--dark-secondary)!important;box-shadow:0 2px 8px #8b45134d!important;font-weight:700!important}.light .desktop-tabs{background-color:#ffffffe6!important;border:1px solid #daa52099!important;box-shadow:0 4px 12px #daa52026!important}.light .desktop-tab,.light .desktop-tab.active{color:var(--light-text-primary)!important}.light .desktop-tab.active{background-color:var(--light-primary)!important;border-color:var(--light-text-secondary)!important}.bottom-navigation{background-color:#8b4513fa!important;border-top:2px solid #cd853fb3!important;box-shadow:0 -4px 12px #8b45134d!important}.bottom-nav-item{color:var(--dark-text-secondary)!important;font-weight:500!important}.bottom-nav-item.active{color:var(--dark-text-primary)!important;font-weight:700!important}.bottom-nav-item.active:after{background-color:var(--dark-text-primary)!important;height:4px!important}.light .bottom-navigation{background-color:#fffffffa!important;border-top:2px solid #daa520b3!important;box-shadow:0 -4px 12px #daa52033!important}.light .bottom-nav-item{color:var(--light-text-secondary)!important}.light .bottom-nav-item.active{color:var(--light-text-primary)!important}.light .bottom-nav-item.active:after{background-color:var(--light-text-primary)!important}.modern-reset-button,.premium-upgrade-menu-button,.reset-quotas-button{border:2px solid #fff3!important;box-shadow:0 4px 12px #8b451366!important;font-weight:700!important;text-shadow:0 1px 2px #0000004d!important}.modern-reset-button:hover,.premium-upgrade-menu-button:hover,.reset-quotas-button:hover{box-shadow:0 6px 16px #8b451380!important;transform:translateY(-3px)!important}.light .modern-reset-button,.light .premium-upgrade-menu-button,.light .reset-quotas-button{border:2px solid #0000001a!important;box-shadow:0 4px 12px #daa5204d!important;text-shadow:0 1px 1px #fffc!important}.modern-progress-bar{background-color:#8b45134d!important;border:1px solid #cd853f66!important;box-shadow:inset 0 2px 4px #0000004d!important}.modern-progress-fill{box-shadow:0 0 12px #cd853f99!important}.light .modern-progress-bar{background-color:#daa52040!important;border:1px solid #daa52080!important;box-shadow:inset 0 2px 4px #0000001a!important}.light .modern-progress-fill{box-shadow:0 0 12px #8b451366!important}@media (max-width:768px){.modern-level-title,.modern-menu-label{font-size:1.1em!important;font-weight:800!important}.modern-menu-item{border-width:2px!important}.modern-badge{border-width:3px!important;font-size:1.1em!important}}@keyframes ocre-glow-enhanced-dark{0%,to{box-shadow:0 0 8px #cd853f99,0 0 16px #cd853f4d}50%{box-shadow:0 0 16px #cd853fcc,0 0 32px #cd853f80}}@keyframes ocre-glow-enhanced-light{0%,to{box-shadow:0 0 8px #daa52099,0 0 16px #daa5204d}50%{box-shadow:0 0 16px #daa520cc,0 0 32px #daa52080}}.modern-badge:not(.light){animation:ocre-glow-enhanced-dark 3s ease-in-out infinite!important}.light .modern-badge{animation:ocre-glow-enhanced-light 3s ease-in-out infinite!important}@media (prefers-contrast:high){.modern-level-title,.modern-logo-title,.modern-menu-label{color:#fff!important;font-weight:900!important;text-shadow:2px 2px 4px #000c!important}.light .modern-level-title,.light .modern-logo-title,.light .modern-menu-label{color:#000!important;text-shadow:1px 1px 2px #fffc!important}.modern-menu-item{border-width:3px!important}.modern-badge{border-width:4px!important}}.modern-header{justify-content:space-between!important;left:0!important;margin-bottom:16px!important;padding:0!important;right:0!important;top:0!important;transform:none!important;width:100%!important;z-index:10!important}.modern-header,.modern-header-left{align-items:center!important;display:flex!important;position:relative!important}.modern-header-left{flex:0 0 auto!important}.modern-header .modern-language-selector{left:auto!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;z-index:10!important}.modern-header-actions{align-items:center!important;display:flex!important;flex:0 0 auto!important;gap:12px!important;position:relative!important}.modern-header .language-selector-container{bottom:auto!important;height:40px!important;left:auto!important;min-width:140px!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;z-index:50!important}.modern-header .language-dropdown{left:0!important;min-width:160px!important;position:absolute!important;top:calc(100% + 8px)!important;transform:none!important;width:100%!important;z-index:100!important}@media (min-width:769px){.modern-header{display:flex!important}.modern-main-container{padding-top:20px!important;position:relative!important}}@media (max-width:768px){.modern-header{display:none!important}.mobile-header{display:flex!important}}.modern-header .language-selector-button{background:linear-gradient(to right,var(--dark-primary),var(--dark-secondary))!important;border:1px solid #f5deb34d!important;border-radius:20px!important;box-shadow:0 2px 6px #cd853f4d!important;color:var(--dark-text)!important;font-size:14px!important;font-weight:600!important;height:40px!important;padding:8px 14px!important}.modern-header .language-selector-button:hover{border-color:#f5deb380!important;box-shadow:0 4px 8px #cd853f66!important;transform:translateY(-1px)!important}.light .modern-header .language-selector-button{background:linear-gradient(to right,var(--light-primary),var(--light-secondary))!important;border-color:#8b45134d!important;box-shadow:0 2px 6px #daa5204d!important;color:var(--light-text)!important}.light .modern-header .language-selector-button:hover{border-color:#8b451380!important;box-shadow:0 4px 8px #daa52066!important}.modern-main-container{background-color:initial!important;bottom:auto!important;height:auto!important;left:auto!important;margin:0 auto!important;max-height:none!important;max-width:800px!important;min-height:auto!important;overflow:visible!important;overflow-x:hidden!important;overflow-y:visible!important;padding:16px!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important}@media (min-width:769px){body,html{height:auto!important;margin:0!important;min-height:100vh!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0!important;position:relative!important;width:100%!important}#root,.App{height:auto!important;min-height:100vh!important;overflow-x:hidden!important;overflow-y:visible!important;position:relative!important;width:100%!important}.modern-header{box-sizing:border-box!important;justify-content:space-between!important;margin:0 auto 16px!important;max-width:800px!important;padding:0 16px!important;position:relative!important;transform:none!important;width:100%!important}.modern-header,.modern-header-actions{align-items:center!important;display:flex!important;overflow:visible!important}.modern-header-actions{flex-shrink:0!important;gap:12px!important;max-width:none!important;width:auto!important}.modern-header .language-selector-container{flex-shrink:0!important;max-width:180px!important;min-width:140px!important;overflow:visible!important;position:relative!important;z-index:50!important}}.desktop-tabs,.modern-level-card,.modern-logo-container,.modern-menu-container,.modern-menu-grid,.premium-footer,.quotas-section{box-sizing:border-box!important;max-width:100%!important;overflow:visible!important;width:100%!important}.modern-menu-grid{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;margin:0!important;padding:0!important}.modern-menu-item{word-wrap:break-word!important;box-sizing:border-box!important;max-width:100%!important;overflow:hidden!important;width:100%!important}@media (min-width:769px){.desktop-tabs{box-sizing:border-box!important;display:flex!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:center!important;margin:0 auto 16px!important;max-width:100%!important;overflow:visible!important;padding:6px!important;width:100%!important}.desktop-tab{flex:0 1 auto!important;max-width:120px!important;min-width:80px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}}@media (min-width:769px) and (max-width:1024px){.modern-main-container{max-width:95%!important;padding:20px 16px!important}.modern-header{max-width:95%!important;padding:0 16px!important}}@media (min-width:1025px){.modern-main-container{max-width:900px!important;padding:24px 20px!important}.modern-header{max-width:900px!important;padding:0 20px!important}}@media (min-width:769px){.modern-main-container::-webkit-scrollbar{background:#0000!important;width:0!important}.modern-main-container::-webkit-scrollbar-thumb{background:#0000!important}.modern-main-container{scrollbar-width:none!important}}.floating-premium-button{bottom:20px!important;box-sizing:border-box!important;max-width:200px!important;overflow:hidden!important;position:fixed!important;right:20px!important;z-index:1000!important}@media (min-width:769px){.App{align-items:center!important;box-sizing:border-box!important;flex-direction:column!important;justify-content:flex-start!important;max-width:100vw!important;min-height:100vh!important;overflow-x:hidden!important;overflow-y:auto!important}.App,.desktop-component-wrapper{display:flex!important;margin:0!important;padding:0!important;width:100%!important}.desktop-component-wrapper{justify-content:center!important;max-width:100%!important;overflow:visible!important}}@viewport{initial-scale:1;maximum-scale:1;user-scalable:no;width:device-width}@media (max-width:768px){*{box-sizing:border-box!important}body,html{overflow-x:hidden!important;padding:0!important;width:100%!important}body,body.mobile-view,html{background-color:#0f172a!important;margin:0!important}body.mobile-view{min-height:100vh!important;padding:60px 0 70px!important}.App{background-color:#0f172a!important;display:block!important;max-width:100vw!important;opacity:1!important;overflow-x:hidden!important;visibility:visible!important;width:100%!important}.mobile-app-container{min-height:100vh!important;padding-bottom:70px!important;padding-top:60px!important;z-index:1000!important}.mobile-app-container,.mobile-main-content{background-color:#0f172a!important;display:block!important;max-width:100vw!important;opacity:1!important;overflow-x:hidden!important;position:relative!important;transform:none!important;visibility:visible!important;width:100%!important}.mobile-main-content{min-height:calc(100vh - 140px)!important;z-index:1001!important}.mobile-header{align-items:center!important;background:linear-gradient(90deg,#3b82f6,#6366f1)!important;display:flex!important;height:60px!important;justify-content:space-between!important;left:0!important;padding:0 15px!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}.mobile-header,.modern-main-container,.modern-main-container.mobile-view-container{box-sizing:border-box!important;color:#fff!important;opacity:1!important;visibility:visible!important;width:100%!important}.modern-main-container,.modern-main-container.mobile-view-container{background-color:#0f172a!important;display:block!important;margin:0!important;max-width:100%!important;min-height:calc(100vh - 130px)!important;overflow-x:hidden!important;padding:15px!important;position:relative!important;transform:none!important;z-index:1002!important}.modern-logo-container{display:block!important;margin-bottom:20px!important;padding:10px!important;text-align:center!important;width:100%!important}.modern-logo-circle,.modern-logo-container{opacity:1!important;transform:none!important;visibility:visible!important}.modern-logo-circle{align-items:center!important;border-radius:50%!important;display:flex!important;height:60px!important;justify-content:center!important;margin:0 auto 15px!important;width:60px!important}.modern-logo-title{color:#fff!important;font-size:24px!important;margin:0!important}.modern-level-card,.modern-logo-title{display:block!important;opacity:1!important;transform:none!important;visibility:visible!important}.modern-level-card{border-radius:12px!important;box-sizing:border-box!important;margin:15px 0!important;max-width:100%!important;overflow:hidden!important;padding:15px!important;position:relative!important;width:100%!important}.modern-level-info{align-items:center!important;display:flex!important;flex-wrap:wrap!important;margin-bottom:15px!important}.modern-level-info,.modern-progress-bar{opacity:1!important;transform:none!important;visibility:visible!important}.modern-progress-bar{border-radius:4px!important;display:block!important;height:8px!important;margin:15px 0!important;overflow:hidden!important;width:100%!important}.modern-progress-stats{display:flex!important;flex-wrap:wrap!important;font-size:12px!important;gap:8px!important;justify-content:space-between!important}.modern-menu-container,.modern-progress-stats{opacity:1!important;transform:none!important;visibility:visible!important}.modern-menu-container{display:block!important;margin:20px 0!important;z-index:1003!important}.modern-menu-container,.modern-menu-grid{position:relative!important;width:100%!important}.modern-menu-grid{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:1fr 1fr!important;margin:15px 0!important;z-index:1004!important}.modern-menu-grid,.modern-menu-item{max-width:100%!important;opacity:1!important;transform:none!important;visibility:visible!important}.modern-menu-item{align-items:center!important;border-radius:12px!important;box-sizing:border-box!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:12px!important;position:relative!important;text-align:center!important;transition:transform .2s!important;width:100%!important;z-index:1005!important}.modern-menu-icon{flex-shrink:0!important;margin-bottom:8px!important;margin-right:0!important}.modern-menu-content,.modern-menu-icon{opacity:1!important;transform:none!important;visibility:visible!important}.modern-menu-content{flex:1 1!important;min-width:0!important;text-align:center!important}.modern-menu-label{font-size:14px!important;font-weight:700!important;margin-bottom:4px!important;opacity:1!important}.modern-menu-description,.modern-menu-label{display:block!important;transform:none!important;visibility:visible!important}.modern-menu-description{font-size:11px!important;line-height:1.2!important;opacity:.8!important}.modern-section-title{margin-bottom:15px!important}.modern-section-title,.modern-section-title span{display:block!important;opacity:1!important;transform:none!important;visibility:visible!important}.modern-menu-grid.learn-grid{grid-template-columns:1fr 1fr!important}.modern-menu-grid.review-grid{grid-template-columns:1fr!important;margin:15px auto!important;max-width:280px!important}.modern-menu-grid.games-grid{grid-template-columns:1fr 1fr!important}.modern-menu-grid.stats-grid{grid-template-columns:1fr!important;margin:15px auto!important;max-width:280px!important}}@media (max-width:480px){.modern-menu-grid,.modern-menu-grid.games-grid,.modern-menu-grid.learn-grid,.modern-menu-grid.review-grid,.modern-menu-grid.stats-grid{gap:12px!important;grid-template-columns:1fr!important;margin:15px 0!important;max-width:100%!important}.modern-menu-item{flex-direction:row!important;padding:15px!important;text-align:left!important}.modern-menu-icon{margin-bottom:0!important;margin-right:15px!important}.modern-menu-content{text-align:left!important}.modern-menu-label{font-size:16px!important}.modern-menu-description{font-size:13px!important}}@media (max-width:768px){.bottom-navigation{background:#1e293b!important;border-top:1px solid #374151!important;bottom:0!important;box-sizing:border-box!important;height:70px!important;left:0!important;opacity:1!important;position:fixed!important;right:0!important;visibility:visible!important;z-index:10000!important}.bottom-nav-container,.bottom-navigation{justify-content:space-around!important;width:100%!important}.bottom-nav-container,.bottom-nav-item,.bottom-navigation{align-items:center!important;display:flex!important;transform:none!important}.bottom-nav-item{background:#0000!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;flex-direction:column!important;font-size:11px!important;gap:4px!important;max-width:80px!important;min-width:60px!important;opacity:1!important;padding:8px 12px!important;visibility:visible!important}.bottom-nav-item.active{background:#3b82f633!important;color:#60a5fa!important}.bottom-nav-label{display:block!important;opacity:1!important;transform:none!important;visibility:visible!important}.modern-main-container div[style*=transform],.modern-main-container div[style*=translate3d],.modern-main-container div[style*=translateY],.modern-main-container div[style*=translateZ]{transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important}.modern-main-container div[style*=opacity]{opacity:1!important}.modern-main-container div[style*="position: absolute"]:not(.premium-tooltip):not(.modal):not(.menu-item-action){bottom:auto!important;left:auto!important;position:relative!important;right:auto!important;top:auto!important}.modern-main-container [style*="display: none"]{display:block!important}.modern-main-container [style*="visibility: hidden"]{visibility:visible!important}.modern-main-container [style*=transition-delay]{transition-delay:0s!important}.force-mobile-display,.force-mobile-display *{display:block!important;opacity:1!important;position:relative!important;transform:none!important;visibility:visible!important}.force-mobile-display .modern-menu-item{display:flex!important}.force-mobile-display .modern-menu-grid{display:grid!important}.modern-main-container.anti-hide,.modern-main-container.anti-hide *{display:block!important;opacity:1!important;transform:none!important;visibility:visible!important}.modern-main-container.anti-hide .modern-menu-item{display:flex!important}.modern-main-container.anti-hide .modern-menu-grid{display:grid!important}.mobile-override{display:block!important;position:relative!important}.mobile-flex-override,.mobile-override{opacity:1!important;transform:none!important;visibility:visible!important}.mobile-flex-override{display:flex!important}.mobile-grid-override{display:grid!important;opacity:1!important;transform:none!important;visibility:visible!important}}@media (max-width:768px){.App:has(.mobile-app-container) .landing-page{display:none!important}.loading-overlay:not(.needed),.modal-backdrop:not(.needed),.overlay{display:none!important}.modern-menu-grid.tab-transition{animation:mobileTabTransition .3s ease-in-out}}@media (max-width:768px){@keyframes mobileTabTransition{0%{opacity:.7;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modern-menu-item:active{transform:scale(.98)!important;transition:transform .1s ease!important}.force-appear{animation:forceAppear .5s ease-in-out}@keyframes forceAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@media (min-width:769px) and (max-width:1024px){.modern-menu-grid{gap:15px!important;grid-template-columns:repeat(3,1fr)!important}}@media (min-width:481px) and (max-width:768px){.modern-main-container{padding:20px!important}.modern-menu-grid{gap:12px!important}.modern-menu-item{padding:14px!important}}@media (max-width:360px){.modern-level-card,.modern-main-container,.modern-menu-item{padding:10px!important}.modern-menu-label{font-size:14px!important}.modern-menu-description{font-size:11px!important}}@media (max-width:768px){.premium-upgrade-menu-button{font-size:12px!important;margin-top:10px!important;padding:8px 16px!important}.quota-indicator{font-size:10px!important;padding:2px 6px!important}.premium-tooltip{font-size:11px!important;padding:6px 8px!important}.modern-menu-badge{height:8px!important;width:8px!important}.modern-menu-badge,.premium-lock-icon{right:8px!important;top:8px!important}.menu-item-action{display:none!important}.modern-main-container *{will-change:auto!important}.modern-menu-item{contain:layout style!important}.modern-level-card,.modern-menu-item{box-shadow:0 2px 4px #0000001a!important}.drawer-menu,.left-menu,.left-sidebar,.menu-sidebar,.mobile-menu-sidebar,.mobile-sidebar,.side-navigation,.sidebar,.slide-menu,.vertical-menu{display:none!important;opacity:0!important;overflow:hidden!important;transform:translateX(-100%)!important;visibility:hidden!important;width:0!important}.drawer-overlay,.menu-overlay,.mobile-menu-overlay,.sidebar-overlay{display:none!important;opacity:0!important;visibility:hidden!important}.burger-menu,.hamburger-menu,.menu-toggle,.menu-trigger,.mobile-menu-button,.toggle-sidebar{display:none!important;visibility:hidden!important}.app-content,.content-area,.main-content,.page-content{margin-left:0!important;max-width:100%!important;padding-left:0!important;width:100%!important}.absolute-left,.fixed-left,.left-drawer,.left-panel,[style*="position: absolute"][style*="left: 0"],[style*="position: fixed"][style*="left: 0"]{display:none!important}.bottom-navigation{background:#1e293b!important;border-top:1px solid #374151!important;bottom:0!important;height:70px!important;left:0!important;opacity:1!important;position:fixed!important;right:0!important;transform:none!important;visibility:visible!important;z-index:10000!important}.bottom-nav-container,.bottom-navigation{display:flex!important;width:100%!important}.bottom-nav-container{align-items:center!important;justify-content:space-around!important;margin:0!important;padding:0!important}.bottom-nav-item{align-items:center!important;background:#0000!important;border:none!important;color:#94a3b8!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;font-size:11px!important;justify-content:center!important;min-width:60px!important;opacity:1!important;padding:6px 12px!important;transform:none!important;transition:color .2s ease!important;visibility:visible!important}.bottom-nav-item.active{color:#3b82f6!important}.bottom-nav-label{font-size:10px!important;margin-top:4px!important;opacity:1!important;visibility:visible!important}body,html{background-color:#0f172a!important;height:100%!important}.App,body,html{margin:0!important;overflow-x:hidden!important;padding:0!important;width:100%!important}.App{background:linear-gradient(135deg,peru,#8b4513 50%,sienna)!important}.App,.mobile-app-container{height:100vh!important;position:relative!important}.mobile-app-container{display:block!important;padding:0!important;z-index:1!important}.mobile-app-container,.mobile-main-content{background-color:initial!important;margin:0!important;overflow-x:hidden!important;width:100%!important}.mobile-main-content{box-sizing:border-box!important;min-height:calc(100vh - 140px)!important;padding:60px 0 80px!important}.mobile-header{align-items:center!important;background:linear-gradient(90deg,peru,#8b4513)!important;box-sizing:border-box!important;color:#fff!important;display:flex!important;height:60px!important;justify-content:space-between!important;left:0!important;padding:0 15px!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:9999!important}.Accordion,.LeftMenu,.Menu,.MobileMenu:not(.bottom-navigation),.NavigationDrawer,.SideMenu,.SlideOut,.TabList:not(.bottom-nav-container),.navbar:not(.bottom-navigation),.navigation:not(.bottom-navigation),nav:not(.bottom-navigation){display:none!important}.bottom-nav-container,.bottom-nav-container *,.bottom-nav-item,.bottom-nav-item *,.bottom-navigation,.bottom-navigation *{display:flex!important;opacity:1!important;visibility:visible!important}.bottom-nav-item{display:flex!important;flex-direction:column!important}.page-wrapper,.route-container,.view-container{margin:0!important;overflow-x:hidden!important;padding:60px 0 80px!important;width:100%!important}.modern-main-container{background-color:initial!important;box-sizing:border-box!important;margin:0!important;overflow-x:hidden!important;padding:15px!important;width:100%!important}.dialog,.modal,.popup{z-index:20000!important}.bottom-navigation{background:#1e293b!important;border-top:1px solid #374151!important;bottom:0!important;box-shadow:0 -2px 10px #0000001a!important;height:70px!important;justify-content:center!important;left:0!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;right:0!important;transform:none!important;visibility:visible!important;width:100vw!important;z-index:999999!important}.bottom-nav-container,.bottom-navigation{align-items:center!important;display:flex!important}.bottom-nav-container{height:100%!important;justify-content:space-around!important;max-width:500px!important;padding:0 20px!important;width:100%!important}.bottom-nav-item{align-items:center!important;background:#0000!important;border:none!important;color:#9ca3af!important;cursor:pointer!important;display:flex!important;flex:1 1!important;flex-direction:column!important;height:60px!important;justify-content:center!important;max-width:80px!important;outline:none!important;text-decoration:none!important;transition:color .2s ease!important}.bottom-nav-item:focus,.bottom-nav-item:hover{background:#60a5fa1a!important;border-radius:8px!important;color:#60a5fa!important}.bottom-nav-item.active{color:#3b82f6!important}.bottom-nav-item svg{height:24px!important;margin-bottom:2px!important;width:24px!important}.bottom-nav-label{font-size:10px!important;font-weight:500!important;line-height:1!important;margin:0!important;text-align:center!important}:not(.bottom-navigation):not(.mobile-header)[style*="position: absolute"][style*=left],:not(.bottom-navigation):not(.mobile-header)[style*="position: fixed"][style*=left]{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}[style*=width][style*="left: 0"]:not(.bottom-navigation):not(.mobile-header),[style*=z-index]:not(.bottom-navigation):not(.mobile-header)[style*="position: fixed"]{display:none!important}.bottom-navigation,.dialog,.mobile-header,.modal,.notification,.popup,.toast{display:flex!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important}.menu-list:not(.bottom-nav-container),.nav-list:not(.bottom-nav-container),.tab-list:not(.bottom-nav-container),.tabs:not(.bottom-navigation){display:none!important}body{height:100%!important}.main-content,.mobile-main-content,body{overflow-x:hidden!important;overflow-y:auto!important}.component-wrapper{background-color:#0f172a!important;min-height:100vh!important;overflow-x:hidden!important;padding:20px!important;z-index:1000!important}.category-selection,.component-wrapper{box-sizing:border-box!important;display:block!important;margin:0!important;opacity:1!important;position:relative!important;visibility:visible!important;width:100%!important}.category-selection{max-width:100%!important;padding:0!important;z-index:1001!important}.category-selection h2{color:#fff!important;font-size:24px!important;margin-bottom:30px!important;text-align:center!important}.category-selection h2,.circular-selection-container{display:block!important;opacity:1!important;visibility:visible!important}.circular-selection-container{background:#0000!important;height:400px!important;margin:20px auto!important;max-width:100%!important;overflow:visible!important;position:relative!important;width:100%!important;z-index:1002!important}.circular-background{background:#ffffff1a!important;display:block!important;height:300px!important;left:50%!important;opacity:.3!important;top:50%!important;transform:translate(-50%,-50%)!important;width:300px!important;z-index:1!important}.circular-background,.circular-category{border-radius:50%!important;position:absolute!important;visibility:visible!important}.circular-category{align-items:center!important;background:#ffffffe6!important;border:2px solid #f0f0f0!important;box-shadow:0 4px 12px #00000026!important;box-sizing:border-box!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;height:80px!important;justify-content:center!important;opacity:1!important;padding:8px!important;text-align:center!important;transition:transform .2s ease!important;width:80px!important;z-index:1003!important}.circular-category:hover{background:#fff!important;box-shadow:0 6px 20px #00000040!important;transform:scale(1.1)!important}.category-icon{font-size:24px!important;margin-bottom:4px!important}.category-icon,.category-name{display:block!important;opacity:1!important;visibility:visible!important}.category-name{word-wrap:break-word!important;color:#333!important;font-size:10px!important;font-weight:600!important;line-height:1.1!important;max-width:100%!important;overflow-wrap:break-word!important;text-align:center!important}.progress-badge{border-radius:10px!important;font-size:8px!important;font-weight:700!important;padding:2px 6px!important;right:-5px!important;top:-5px!important;z-index:1004!important}.completed-checkmark,.progress-badge{background:#10b981!important;color:#fff!important;display:block!important;opacity:1!important;position:absolute!important;visibility:visible!important}.completed-checkmark{border-radius:50%!important;height:20px!important;right:-8px!important;top:-8px!important;width:20px!important;z-index:1005!important}.circular-navigation,.completed-checkmark{align-items:center!important;display:flex!important;justify-content:center!important}.circular-navigation{gap:20px!important;margin-top:30px!important;z-index:1006!important}.circular-navigation,.nav-button{opacity:1!important;visibility:visible!important}.nav-button{align-items:center!important;background:#ffffffe6!important;border:none!important;border-radius:50%!important;box-shadow:0 2px 8px #0000001a!important;color:#333!important;cursor:pointer!important;display:flex!important;height:44px!important;justify-content:center!important;width:44px!important}.page-indicator{color:#fff!important;display:block!important}.back-button-top,.page-indicator{font-size:14px!important;font-weight:600!important;opacity:1!important;visibility:visible!important}.back-button-top{align-items:center!important;background:#ffffffe6!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important;color:#333!important;cursor:pointer!important;display:flex!important;gap:8px!important;left:15px!important;padding:8px 12px!important;position:fixed!important;top:70px!important;z-index:9998!important}.global-stats{background:#ffffff1a!important;border-radius:12px!important;margin-top:40px!important;padding:20px!important}.global-stats,.global-stats h3{display:block!important;opacity:1!important;visibility:visible!important}.global-stats h3{color:#fff!important;font-size:18px!important;margin-bottom:15px!important;text-align:center!important}.stats-container{flex-wrap:wrap!important;gap:10px!important;justify-content:space-around!important}.stat-item,.stats-container{display:flex!important;opacity:1!important;visibility:visible!important}.stat-item{align-items:center!important;flex-direction:column!important;text-align:center!important}.stat-value{color:#10b981!important;font-size:24px!important;font-weight:700!important;margin-bottom:4px!important}.stat-label,.stat-value{display:block!important;opacity:1!important;visibility:visible!important}.stat-label{color:#fffc!important;font-size:12px!important}.circular-category[style*=transform]{transform:none!important}.circular-category:first-child{left:50%!important;top:20px!important;transform:translateX(-50%)!important}.circular-category:nth-child(2){right:30px!important;top:60px!important}.circular-category:nth-child(3){right:10px!important;top:140px!important}.circular-category:nth-child(4){bottom:60px!important;right:30px!important}.circular-category:nth-child(5){bottom:20px!important;left:50%!important;transform:translateX(-50%)!important}.circular-category:nth-child(6){bottom:60px!important;left:30px!important}.circular-category:nth-child(7){left:10px!important;top:140px!important}.circular-category:nth-child(8){left:30px!important;top:60px!important}.circular-selection-container.fallback-grid{grid-gap:15px!important;display:grid!important;gap:15px!important;grid-template-columns:repeat(3,1fr)!important;height:auto!important;margin:20px auto!important;max-width:300px!important}.circular-selection-container.fallback-grid .circular-category{bottom:auto!important;left:auto!important;margin:0 auto!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important}.category-selection *,.circular-selection-container *,.component-wrapper *{opacity:1!important;visibility:visible!important}}:root{--grammar-dark-primary:#ba703ba0;--grammar-dark-secondary:#5d3317;--grammar-dark-accent:sienna;--grammar-dark-bg:#ca5e1136;--grammar-dark-card:rgba(91,43,9,.821);--grammar-dark-border:rgba(139,69,19,.671);--grammar-dark-text:#be742e;--grammar-dark-text-secondary:wheat;--grammar-light-primary:#daa520;--grammar-light-secondary:peru;--grammar-light-accent:#b8860b;--grammar-light-bg:#f5deb34d;--grammar-light-card:#ffffffe6;--grammar-light-border:#daa52066;--grammar-light-text:#8b4513;--grammar-light-text-secondary:#5d3317}.grammar-main-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ca5e1136;background-color:var(--grammar-dark-bg);border:2px solid rgba(139,69,19,.671);border:2px solid var(--grammar-dark-border);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 8px 24px #8b45134d;color:#be742e;color:var(--grammar-dark-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:800px;padding:24px;padding:var(--spacing-lg,24px);transition:all .3s ease;transition:all var(--transition-normal,.3s ease);width:100%}.light .grammar-main-container,[data-theme=light] .grammar-main-container{background-color:#f5deb34d;background-color:var(--grammar-light-bg);border-color:#daa52066;border-color:var(--grammar-light-border);box-shadow:0 8px 24px #daa52033;color:#8b4513;color:var(--grammar-light-text)}.grammar-header{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.grammar-header,.grammar-header.mobile-layout{align-items:center;display:flex;justify-content:space-between}.grammar-header.mobile-layout{margin-bottom:16px;margin-bottom:var(--spacing-md,16px);width:100%}.grammar-header h1,.grammar-header h2{color:#be742e;color:var(--grammar-dark-text);font-size:24px;font-weight:700;margin:0;text-shadow:0 1px 2px #0000004d}.light .grammar-header h1,.light .grammar-header h2,[data-theme=light] .grammar-header h1,[data-theme=light] .grammar-header h2{color:#8b4513;color:var(--grammar-light-text);text-shadow:0 1px 1px #fffc}.grammar-logo-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ba703ba0,#5d3317);background:linear-gradient(45deg,var(--grammar-dark-primary),var(--grammar-dark-secondary));-webkit-background-clip:text;background-clip:text;color:#ba703ba0;color:var(--grammar-dark-primary);font-size:24px;font-weight:700;margin:0}.light .grammar-logo-title,[data-theme=light] .grammar-logo-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#daa520,peru);background:linear-gradient(45deg,var(--grammar-light-primary),var(--grammar-light-secondary));-webkit-background-clip:text;background-clip:text;color:#daa520;color:var(--grammar-light-primary)}.grammar-mobile-title{color:#be742e;color:var(--grammar-dark-text);flex:1 1;font-size:20px;font-weight:700;margin:0;text-align:center}.light .grammar-mobile-title,[data-theme=light] .grammar-mobile-title{color:#8b4513;color:var(--grammar-light-text)}.grammar-header-spacer{height:40px;width:40px}.grammar-level-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(91,43,9,.821);background:var(--grammar-dark-card);border:2px solid rgba(139,69,19,.671);border:2px solid var(--grammar-dark-border);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 8px 20px #8b451366;margin-bottom:32px;margin-bottom:var(--spacing-xl,32px);overflow:hidden;padding:24px;padding:var(--spacing-lg,24px);position:relative;transition:all .3s ease;transition:all var(--transition-normal,.3s ease)}.light .grammar-level-card,[data-theme=light] .grammar-level-card{background:#ffffffe6;background:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border);box-shadow:0 8px 20px #daa5204d}.grammar-decoration{background:radial-gradient(circle,#8b45134d 0,#8b451300 70%);border-radius:50px;border-radius:var(--radius-full,50px);height:80px;opacity:.6;position:absolute;right:0;top:0;transform:translate(25%,-25%);transition:background .3s ease;transition:background var(--transition-normal,.3s ease);width:80px}.light .grammar-decoration,[data-theme=light] .grammar-decoration{background:radial-gradient(circle,#daa5204d 0,#daa52000 70%)}.grammar-level-info{align-items:center;display:flex;margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.grammar-badge{align-items:center;background-color:#8b4513;border:3px solid #6a220161;border-radius:50px;border-radius:var(--radius-full,50px);box-shadow:0 4px 8px #8b451366;color:wheat;display:flex;font-size:18px;font-weight:700;height:56px;justify-content:center;margin-right:16px;margin-right:var(--spacing-md,16px);transition:all .3s ease;transition:all var(--transition-normal,.3s ease);width:56px}.light .grammar-badge,[data-theme=light] .grammar-badge{background-color:#daa520;background-color:var(--grammar-light-primary);border-color:peru;border-color:var(--grammar-light-secondary);box-shadow:0 4px 8px #daa5204d;color:#8b4513;color:var(--grammar-light-text)}.grammar-level-text{display:flex;flex-direction:column}.grammar-intro-title,.grammar-level-title{color:#be742e;color:var(--grammar-dark-text);font-size:20px;font-weight:700;margin:0 0 4px;margin:0 0 var(--spacing-xs,4px);text-shadow:0 1px 2px #0000004d}.light .grammar-intro-title,.light .grammar-level-title,[data-theme=light] .grammar-intro-title,[data-theme=light] .grammar-level-title{color:#8b4513;color:var(--grammar-light-text);text-shadow:0 1px 1px #fffc}.grammar-intro-text,.grammar-level-description{color:wheat;color:var(--grammar-dark-text-secondary);font-size:14px;font-weight:500;line-height:1.5;margin:0}.light .grammar-intro-text,.light .grammar-level-description,[data-theme=light] .grammar-intro-text,[data-theme=light] .grammar-level-description{color:#5d3317;color:var(--grammar-light-text-secondary)}.grammar-progress-bar{background-color:#8b45134d;border:1px solid rgba(139,69,19,.671);border:1px solid var(--grammar-dark-border);border-radius:20px;border-radius:var(--radius-full,20px);box-shadow:inset 0 2px 4px #0000004d;height:16px;margin-bottom:8px;margin-bottom:var(--spacing-sm,8px);overflow:hidden;position:relative;width:100%;z-index:10}.light .grammar-progress-bar,[data-theme=light] .grammar-progress-bar{background-color:#daa52040;border-color:#daa52066;border-color:var(--grammar-light-border);box-shadow:inset 0 2px 4px #0000001a}.grammar-progress-fill{background:linear-gradient(90deg,#bb914ecc,sienna);border-radius:20px;border-radius:var(--radius-full,20px);box-shadow:0 0 12px #8b451399;height:100%;position:relative;transition:width .3s ease;transition:width var(--transition-normal,.3s ease)}.light .grammar-progress-fill,[data-theme=light] .grammar-progress-fill{background:linear-gradient(90deg,#daa520,peru);background:linear-gradient(to right,var(--grammar-light-primary),var(--grammar-light-secondary));box-shadow:0 0 12px #daa52066}.grammar-progress-stats{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm,8px);justify-content:space-between}.grammar-progress-badge{background-color:#8b451326;border:2px solid #8b45134d;border-radius:20px;border-radius:var(--radius-full,20px);color:#8b4513;font-size:14px;font-weight:600;padding:4px 8px;padding:var(--spacing-xs,4px) var(--spacing-sm,8px);transition:all .3s ease;transition:all var(--transition-normal,.3s ease)}.light .grammar-progress-badge,[data-theme=light] .grammar-progress-badge{background-color:#ffffffe6;background-color:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border);color:#daa520;color:var(--grammar-light-primary)}.grammar-progress-badge.secondary{background-color:#8b45134d;border-color:#8b451399;color:#5d3317;color:var(--grammar-dark-secondary)}.light .grammar-progress-badge.secondary,[data-theme=light] .grammar-progress-badge.secondary{background-color:#8b451340;border-color:#8b451399;color:peru;color:var(--grammar-light-secondary)}.grammar-menu-grid{grid-gap:16px!important;grid-gap:var(--spacing-md,16px)!important;align-items:center!important;display:grid!important;gap:16px!important;gap:var(--spacing-md,16px)!important;grid-template-columns:repeat(2,1fr)!important;justify-content:center!important;margin-bottom:24px!important;margin-bottom:var(--spacing-lg,24px)!important;margin-left:auto!important;margin-right:auto!important;max-width:600px!important;width:100%!important}@media (max-width:768px){.grammar-menu-grid{gap:8px;gap:var(--spacing-sm,8px);grid-template-columns:1fr;max-width:100%}}.grammar-menu-item{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:rgba(91,43,9,.821)!important;background:var(--grammar-dark-card)!important;border:2px solid rgba(139,69,19,.671)!important;border:2px solid var(--grammar-dark-border)!important;border-radius:12px!important;border-radius:var(--radius-md,12px)!important;box-shadow:0 6px 16px #8b45134d!important;color:#be742e!important;color:var(--grammar-dark-text)!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;justify-content:center!important;justify-self:center!important;max-width:280px!important;min-height:120px!important;padding:16px!important;padding:var(--spacing-md,16px)!important;position:relative!important;transition:all .2s ease!important;transition:all var(--transition-fast,.2s ease)!important;width:100%!important}.light .grammar-menu-item,[data-theme=light] .grammar-menu-item{background:#ffffffe6!important;background:var(--grammar-light-card)!important;border-color:#daa52066!important;border-color:var(--grammar-light-border)!important;box-shadow:0 6px 16px #daa52040!important;color:#8b4513!important;color:var(--grammar-light-text)!important}.grammar-menu-item:hover{background:#8b45134d!important;border-color:#8b4513!important;box-shadow:0 8px 20px #8b451366!important;transform:translateY(-4px)!important}.light .grammar-menu-item:hover,[data-theme=light] .grammar-menu-item:hover{background:#daa52033!important;border-color:#daa520!important;border-color:var(--grammar-light-primary)!important;box-shadow:0 8px 20px #daa5204d!important}.grammar-menu-icon{align-items:center!important;color:#ba703ba0!important;color:var(--grammar-dark-primary)!important;display:flex!important;font-size:24px!important;justify-content:center!important;margin-bottom:8px!important;margin-bottom:var(--spacing-sm,8px)!important}.light .grammar-menu-icon,[data-theme=light] .grammar-menu-icon{color:#daa520!important;color:var(--grammar-light-primary)!important}.grammar-menu-label{color:#be742e!important;color:var(--grammar-dark-text)!important;font-size:14px!important;font-weight:600!important;margin-bottom:4px!important;margin-bottom:var(--spacing-xs,4px)!important;text-align:center!important}.light .grammar-menu-label,[data-theme=light] .grammar-menu-label{color:#8b4513!important;color:var(--grammar-light-text)!important}.grammar-menu-info{color:wheat!important;color:var(--grammar-dark-text-secondary)!important;font-size:12px!important;opacity:.8!important;text-align:center!important}.light .grammar-menu-info,[data-theme=light] .grammar-menu-info{color:#5d3317!important;color:var(--grammar-light-text-secondary)!important}.word-list-container{grid-gap:16px;grid-gap:var(--spacing-md,16px);display:grid;gap:16px;gap:var(--spacing-md,16px);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.word-item-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(91,43,9,.821);background:var(--grammar-dark-card);border:2px solid rgba(139,69,19,.671);border:2px solid var(--grammar-dark-border);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 4px 12px #8b45134d;padding:16px;padding:var(--spacing-md,16px);position:relative;transition:all .3s ease;transition:all var(--transition-normal,.3s ease)}.light .word-item-card,[data-theme=light] .word-item-card{background:#ffffffe6;background:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border);box-shadow:0 4px 12px #daa52040}.word-item-card:hover{box-shadow:0 6px 16px #8b451366;transform:translateY(-2px)}.light .word-item-card:hover,[data-theme=light] .word-item-card:hover{box-shadow:0 6px 16px #daa5204d}.word-content{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm,8px)}.word-content h4{color:#be742e;color:var(--grammar-dark-text);font-size:16px;font-weight:600;margin:0}.light .word-content h4,[data-theme=light] .word-content h4{color:#8b4513;color:var(--grammar-light-text)}.word-content p{color:wheat;color:var(--grammar-dark-text-secondary);font-size:14px;margin:0}.light .word-content p,[data-theme=light] .word-content p{color:#5d3317;color:var(--grammar-light-text-secondary)}.word-explanation{background-color:#8b451333;border:1px solid rgba(139,69,19,.671);border:1px solid var(--grammar-dark-border);border-radius:6px;border-radius:var(--radius-sm,6px);color:wheat;color:var(--grammar-dark-text-secondary);font-size:13px;margin-top:4px;margin-top:var(--spacing-xs,4px);padding:8px;padding:var(--spacing-sm,8px);transition:all .3s ease;transition:all var(--transition-normal,.3s ease)}.light .word-explanation,[data-theme=light] .word-explanation{background-color:#daa52026;border-color:#daa52066;border-color:var(--grammar-light-border);color:#5d3317;color:var(--grammar-light-text-secondary)}.word-check{color:#ba703ba0;color:var(--grammar-dark-primary);position:absolute;right:8px;right:var(--spacing-sm,8px);top:8px;top:var(--spacing-sm,8px)}.light .word-check,[data-theme=light] .word-check{color:#daa520;color:var(--grammar-light-primary)}.word-preview-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(91,43,9,.821);background:var(--grammar-dark-card);border:2px solid rgba(139,69,19,.671);border:2px solid var(--grammar-dark-border);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 6px 16px #8b45134d;margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:24px;padding:var(--spacing-lg,24px);transition:all .3s ease;transition:all var(--transition-normal,.3s ease)}.light .word-preview-card,[data-theme=light] .word-preview-card{background:#ffffffe6;background:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border);box-shadow:0 6px 16px #daa52040}.word-preview-card h3{color:#be742e;color:var(--grammar-dark-text);font-size:20px;font-weight:700;margin:0 0 8px;margin:0 0 var(--spacing-sm,8px)}.light .word-preview-card h3,[data-theme=light] .word-preview-card h3{color:#8b4513;color:var(--grammar-light-text)}.translation{color:wheat;color:var(--grammar-dark-text-secondary);font-size:18px;font-weight:500;margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.light .translation,[data-theme=light] .translation{color:#5d3317;color:var(--grammar-light-text-secondary)}.explanation{background-color:#e37b3033;border:1px solid rgba(139,69,19,.671);border:1px solid var(--grammar-dark-border);border-radius:6px;border-radius:var(--radius-sm,6px);color:wheat;color:var(--grammar-dark-text-secondary);font-size:14px;font-style:italic;margin-bottom:16px;margin-bottom:var(--spacing-md,16px);padding:8px;padding:var(--spacing-sm,8px)}.light .explanation,[data-theme=light] .explanation{background-color:#daa52026;border-color:#daa52066;border-color:var(--grammar-light-border);color:#5d3317;color:var(--grammar-light-text-secondary)}.example{color:wheat;color:var(--grammar-dark-text-secondary);font-size:14px;margin-top:16px;margin-top:var(--spacing-md,16px)}.light .example,[data-theme=light] .example{color:#5d3317;color:var(--grammar-light-text-secondary)}.example strong{color:#be742e;color:var(--grammar-dark-text);display:block;margin-bottom:4px;margin-bottom:var(--spacing-xs,4px)}.light .example strong,[data-theme=light] .example strong{color:#8b4513;color:var(--grammar-light-text)}.test-content{padding:24px;padding:var(--spacing-lg,24px)}.test-progress{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);text-align:center}.test-progress h3{color:#be742e;color:var(--grammar-dark-text);font-size:16px;font-weight:600;margin:0}.light .test-progress h3,[data-theme=light] .test-progress h3{color:#8b4513;color:var(--grammar-light-text)}.test-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(91,43,9,.821);background:var(--grammar-dark-card);border:2px solid rgba(139,69,19,.671);border:2px solid var(--grammar-dark-border);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 6px 16px #8b45134d;margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:24px;padding:var(--spacing-lg,24px);position:relative;text-align:center;transition:all .3s ease;transition:all var(--transition-normal,.3s ease)}.light .test-card,[data-theme=light] .test-card{background:#ffffffe6;background:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border);box-shadow:0 6px 16px #daa52040}.test-card h3{color:#be742e;color:var(--grammar-dark-text);font-size:24px;font-weight:700;margin:0 0 8px;margin:0 0 var(--spacing-sm,8px)}.light .test-card h3,[data-theme=light] .test-card h3{color:#8b4513;color:var(--grammar-light-text)}.test-card p{color:wheat;color:var(--grammar-dark-text-secondary);font-size:16px}.light .test-card p,[data-theme=light] .test-card p{color:#5d3317;color:var(--grammar-light-text-secondary)}.options-grid{grid-gap:8px;grid-gap:var(--spacing-sm,8px);gap:8px;gap:var(--spacing-sm,8px);margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);margin-top:24px;margin-top:var(--spacing-lg,24px)}.option-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(91,43,9,.821);background:var(--grammar-dark-card);border:2px solid rgba(139,69,19,.671);border:2px solid var(--grammar-dark-border);border-radius:12px;border-radius:var(--radius-md,12px);color:#be742e;color:var(--grammar-dark-text);cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;min-height:3rem;padding:16px;padding:var(--spacing-md,16px);text-align:center;transition:all .3s ease;transition:all var(--transition-normal,.3s ease)}.light .option-button,[data-theme=light] .option-button{background:#ffffffe6;background:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border)}.option-button:hover:not(:disabled){background-color:#8b4513;border-color:sienna;box-shadow:0 4px 12px #8b451366;color:wheat;transform:translateY(-2px)}.light .option-button:hover:not(:disabled),[data-theme=light] .option-button:hover:not(:disabled){background-color:#daa520;background-color:var(--grammar-light-primary);border-color:peru;border-color:var(--grammar-light-secondary);box-shadow:0 4px 12px #daa5204d;color:#8b4513;color:var(--grammar-light-text)}.option-button:disabled{cursor:not-allowed;opacity:.7}.option-button.correct{animation:correctOption .6s;background-color:#8b4513;border-color:sienna;box-shadow:0 6px 16px #8b451380;color:wheat}.light .option-button.correct,[data-theme=light] .option-button.correct{background-color:#daa520;background-color:var(--grammar-light-primary);border-color:peru;border-color:var(--grammar-light-secondary);box-shadow:0 6px 16px #daa52066;color:#8b4513;color:var(--grammar-light-text)}.option-button.incorrect{animation:incorrectOption .6s}.light .option-button.incorrect,.option-button.incorrect,[data-theme=light] .option-button.incorrect{background-color:#dc2626;border-color:#ef4444;color:#fef2f2}.feedback{border:2px solid;border-radius:6px;border-radius:var(--radius-sm,6px);font-weight:500;margin-top:16px;margin-top:var(--spacing-md,16px);padding:8px 16px;padding:var(--spacing-sm,8px) var(--spacing-md,16px);text-align:center}.feedback.correct{background-color:#8b4513;border-color:sienna;box-shadow:0 4px 12px #8b451366;color:wheat}.light .feedback.correct,[data-theme=light] .feedback.correct{background-color:#daa520;background-color:var(--grammar-light-primary);border-color:peru;border-color:var(--grammar-light-secondary);box-shadow:0 4px 12px #daa5204d;color:#8b4513;color:var(--grammar-light-text)}.feedback.incorrect{color:#fef2f2}.feedback.incorrect,.light .feedback.incorrect,[data-theme=light] .feedback.incorrect{background-color:#dc2626;border-color:#ef4444}.summary-content{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);text-align:center}.summary-heading{color:#be742e;color:var(--grammar-dark-text);font-size:18px;font-weight:600;margin:0 0 8px;margin:0 0 var(--spacing-sm,8px)}.light .summary-heading,[data-theme=light] .summary-heading{color:#8b4513;color:var(--grammar-light-text)}.summary-badge{background-color:rgba(91,43,9,.821);background-color:var(--grammar-dark-card);border:2px solid rgba(139,69,19,.671);border:2px solid var(--grammar-dark-border);border-radius:20px;border-radius:var(--radius-full,20px);color:#ba703ba0;color:var(--grammar-dark-primary);display:inline-block;font-size:14px;font-weight:500;padding:4px 8px;padding:var(--spacing-xs,4px) var(--spacing-sm,8px)}.light .summary-badge,[data-theme=light] .summary-badge{background-color:#ffffffe6;background-color:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border);color:#daa520;color:var(--grammar-light-primary)}.mastered-rules{grid-gap:16px;grid-gap:var(--spacing-md,16px);display:grid;gap:16px;gap:var(--spacing-md,16px);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.mastered-word-card{background-color:rgba(91,43,9,.821);background-color:var(--grammar-dark-card);border:2px solid #ba703ba0;border:2px solid var(--grammar-dark-primary);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 4px 12px #8b451366;padding:16px;padding:var(--spacing-md,16px);padding-right:40px;position:relative}.light .mastered-word-card,[data-theme=light] .mastered-word-card{background-color:#ffffffe6;background-color:var(--grammar-light-card);border-color:#daa520;border-color:var(--grammar-light-primary);box-shadow:0 4px 12px #daa5204d}.mastery-icon{color:#ba703ba0;color:var(--grammar-dark-primary);position:absolute;right:16px;right:var(--spacing-md,16px);top:16px;top:var(--spacing-md,16px)}.light .mastery-icon,[data-theme=light] .mastery-icon{color:#daa520;color:var(--grammar-light-primary)}.summary-actions{display:flex;gap:8px;gap:var(--spacing-sm,8px);justify-content:center;margin-top:24px;margin-top:var(--spacing-lg,24px)}.grammar-action-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;border-radius:12px;border-radius:var(--radius-md,12px);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:4px;gap:var(--spacing-xs,4px);justify-content:center;margin-bottom:16px;margin-bottom:var(--spacing-md,16px);padding:12px 24px;transition:all .3s ease;transition:all var(--transition-normal,.3s ease)}.grammar-action-button.primary{background:linear-gradient(45deg,#8b4513,sienna);border-color:#8b45134d;box-shadow:0 4px 12px #8b451366;color:wheat}.grammar-action-button.primary:hover{background:linear-gradient(45deg,sienna,#8b4513);box-shadow:0 6px 16px #8b451380;transform:translateY(-2px)}.light .grammar-action-button.primary,[data-theme=light] .grammar-action-button.primary{background:linear-gradient(45deg,#daa520,peru);background:linear-gradient(45deg,var(--grammar-light-primary),var(--grammar-light-secondary));border-color:#daa52066;border-color:var(--grammar-light-border);box-shadow:0 4px 12px #daa5204d;color:#8b4513;color:var(--grammar-light-text)}.light .grammar-action-button.primary:hover,[data-theme=light] .grammar-action-button.primary:hover{background:linear-gradient(45deg,peru,#b8860b);background:linear-gradient(45deg,var(--grammar-light-secondary),var(--grammar-light-accent));box-shadow:0 6px 16px #daa52066}.grammar-action-button.secondary{background-color:rgba(91,43,9,.821);background-color:var(--grammar-dark-card);border-color:rgba(139,69,19,.671);border-color:var(--grammar-dark-border);box-shadow:0 4px 12px #8b45134d;color:#be742e;color:var(--grammar-dark-text)}.grammar-action-button.secondary:hover{background-color:#8b4513;box-shadow:0 6px 16px #8b451366;transform:translateY(-2px)}.light .grammar-action-button.secondary,[data-theme=light] .grammar-action-button.secondary{background-color:#ffffffe6;background-color:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border);box-shadow:0 4px 12px #daa52033;color:#8b4513;color:var(--grammar-light-text)}.light .grammar-action-button.secondary:hover,[data-theme=light] .grammar-action-button.secondary:hover{background-color:#daa520;background-color:var(--grammar-light-primary);box-shadow:0 6px 16px #daa5204d}.grammar-stats-container{display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md,16px);justify-content:center;margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.grammar-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(91,43,9,.821);background:var(--grammar-dark-card);border:2px solid rgba(139,69,19,.671);border:2px solid var(--grammar-dark-border);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 4px 12px #8b45134d;flex:1 1;max-width:200px;min-width:120px;padding:16px;padding:var(--spacing-md,16px);text-align:center;transition:all .3s ease;transition:all var(--transition-normal,.3s ease)}.light .grammar-stat-card,[data-theme=light] .grammar-stat-card{background:#ffffffe6;background:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border);box-shadow:0 4px 12px #daa52040}.grammar-stat-title{color:wheat;color:var(--grammar-dark-text-secondary);font-size:14px;font-weight:500;margin:0 0 8px;margin:0 0 var(--spacing-sm,8px)}.light .grammar-stat-title,[data-theme=light] .grammar-stat-title{color:#5d3317;color:var(--grammar-light-text-secondary)}.grammar-stat-value{color:#be742e;color:var(--grammar-dark-text);font-size:24px;font-weight:700;margin:0}.light .grammar-stat-value,[data-theme=light] .grammar-stat-value{color:#8b4513;color:var(--grammar-light-text)}.completed-message{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px);padding:24px;padding:var(--spacing-lg,24px);text-align:center}.completed-message p{color:#be742e;color:var(--grammar-dark-text);font-size:16px;font-weight:500}.light .completed-message p,[data-theme=light] .completed-message p{color:#8b4513;color:var(--grammar-light-text)}.loading-overlay{color:wheat;color:var(--grammar-dark-text-secondary);font-size:16px;height:200px}.light .loading-overlay,[data-theme=light] .loading-overlay{color:#5d3317;color:var(--grammar-light-text-secondary)}.mobile-header-back-button{align-items:center!important;background:#0000!important;border:none!important;border-radius:6px!important;border-radius:var(--radius-sm,6px)!important;color:#be742e!important;color:var(--grammar-dark-text)!important;cursor:pointer;display:flex!important;justify-content:center!important;padding:8px!important;padding:var(--spacing-sm,8px)!important;position:relative!important;transition:all .2s ease;transition:all var(--transition-fast,.2s ease)}.light .mobile-header-back-button,[data-theme=light] .mobile-header-back-button{color:#8b4513!important;color:var(--grammar-light-text)!important}.mobile-header-back-button:hover{background-color:#8b451333!important}.light .mobile-header-back-button:hover,[data-theme=light] .mobile-header-back-button:hover{background-color:#daa52033!important}.grammar-sticky-button{-webkit-touch-callout:none;-webkit-user-drag:none;align-items:center;background:linear-gradient(45deg,#3e1e07,sienna);border:2px solid #8b45134d;border-radius:12px;border-radius:var(--radius-md,12px);bottom:auto;box-shadow:0 6px 16px #db712566;color:wheat;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;gap:var(--spacing-sm,8px);justify-content:center;left:auto;margin:24px auto;margin:var(--spacing-lg,24px) auto;max-width:800px;padding:16px 24px;padding:var(--spacing-md,16px) var(--spacing-lg,24px);position:relative;touch-action:auto;transform:none;transition:all .2s ease;transition:all var(--transition-fast,.2s ease);-webkit-user-select:none;user-select:none;width:100%}.grammar-sticky-button:hover{background:linear-gradient(45deg,sienna,#8b4513);box-shadow:0 8px 20px #8b451380;transform:translateY(-2px)}.light .grammar-sticky-button,[data-theme=light] .grammar-sticky-button{background:linear-gradient(45deg,#daa520,peru);background:linear-gradient(45deg,var(--grammar-light-primary),var(--grammar-light-secondary));border-color:#daa52066;border-color:var(--grammar-light-border);box-shadow:0 6px 16px #daa5204d;color:#8b4513;color:var(--grammar-light-text)}.light .grammar-sticky-button:hover,[data-theme=light] .grammar-sticky-button:hover{background:linear-gradient(45deg,peru,#b8860b);background:linear-gradient(45deg,var(--grammar-light-secondary),var(--grammar-light-accent));box-shadow:0 8px 20px #daa52066}.audio-button,.learn-mode-audio-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid rgba(139,69,19,.671);border:2px solid var(--grammar-dark-border);border-radius:50px;border-radius:var(--radius-full,50px);color:#ba703ba0;color:var(--grammar-dark-primary);cursor:pointer;display:flex;justify-content:center;margin:8px auto;margin:var(--spacing-sm,8px) auto;padding:8px;padding:var(--spacing-sm,8px);transition:all .2s ease;transition:all var(--transition-fast,.2s ease)}.audio-button:hover,.learn-mode-audio-button:hover{background-color:#8b4513;box-shadow:0 4px 12px #8b451366;color:wheat;transform:scale(1.1)}.light .audio-button,.light .learn-mode-audio-button,[data-theme=light] .audio-button,[data-theme=light] .learn-mode-audio-button{border-color:#daa52066;border-color:var(--grammar-light-border);color:#daa520;color:var(--grammar-light-primary)}.light .audio-button:hover,.light .learn-mode-audio-button:hover,[data-theme=light] .audio-button:hover,[data-theme=light] .learn-mode-audio-button:hover{background-color:#daa520;background-color:var(--grammar-light-primary);box-shadow:0 4px 12px #daa5204d;color:#8b4513;color:var(--grammar-light-text)}.audio-button:focus,.learn-mode-audio-button:focus{outline:2px solid #ba703ba0;outline:2px solid var(--grammar-dark-primary);outline-offset:2px}.light .audio-button:focus,.light .learn-mode-audio-button:focus,[data-theme=light] .audio-button:focus,[data-theme=light] .learn-mode-audio-button:focus{outline-color:#daa520;outline-color:var(--grammar-light-primary)}.feedback-badge{border:2px solid;border-radius:6px;border-radius:var(--radius-sm,6px);font-weight:700;margin:16px 0;margin:var(--spacing-md,16px) 0;padding:8px 16px;padding:var(--spacing-sm,8px) var(--spacing-md,16px);text-align:center}.feedback-badge.success{animation:successPulse 2s;background-color:#8b4513;border-color:sienna;box-shadow:0 4px 12px #8b451366;color:wheat}.light .feedback-badge.success,[data-theme=light] .feedback-badge.success{background-color:#daa520;background-color:var(--grammar-light-primary);border-color:peru;border-color:var(--grammar-light-secondary);box-shadow:0 4px 12px #daa5204d;color:#8b4513;color:var(--grammar-light-text)}.feedback-badge.error{animation:errorPulse 2s infinite}.feedback-badge.error,.light .feedback-badge.error,[data-theme=light] .feedback-badge.error{background-color:#dc2626;border-color:#ef4444;color:#fef2f2}.example-context{background-color:rgba(91,43,9,.821);background-color:var(--grammar-dark-card);border:2px solid rgba(139,69,19,.671);border:2px solid var(--grammar-dark-border);border-radius:6px;border-radius:var(--radius-sm,6px);box-shadow:0 4px 12px #8b45134d;color:wheat;color:var(--grammar-dark-text-secondary);margin:16px 0;margin:var(--spacing-md,16px) 0;padding:16px;padding:var(--spacing-md,16px)}.light .example-context,[data-theme=light] .example-context{background-color:#ffffffe6;background-color:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border);box-shadow:0 4px 12px #daa52040;color:#5d3317;color:var(--grammar-light-text-secondary)}.example-context h4{color:#be742e;color:var(--grammar-dark-text);font-weight:600;margin:0 0 8px;margin:0 0 var(--spacing-sm,8px) 0}.light .example-context h4,[data-theme=light] .example-context h4{color:#8b4513;color:var(--grammar-light-text)}.example-text{color:wheat;color:var(--grammar-dark-text-secondary);font-style:italic;margin:0}.light .example-text,[data-theme=light] .example-text{color:#5d3317;color:var(--grammar-light-text-secondary)}.continue-button{animation:pulseButton 2s infinite;background:linear-gradient(45deg,#8b4513,sienna);border:2px solid #8b45134d;border-radius:6px;border-radius:var(--radius-sm,6px);box-shadow:0 4px 12px #8b451366;color:wheat;display:block;gap:8px;gap:var(--spacing-sm,8px);margin-top:24px;margin-top:var(--spacing-lg,24px);padding:var(--spacing-md,16px) var(--spacing-lg,24px);transition:all .2s ease;transition:all var(--transition-fast,.2s ease)}.continue-button:hover{background:linear-gradient(45deg,sienna,#8b4513);box-shadow:0 6px 16px #8b451380;transform:translateY(-2px)}.light .continue-button,[data-theme=light] .continue-button{background:linear-gradient(45deg,#daa520,peru);background:linear-gradient(45deg,var(--grammar-light-primary),var(--grammar-light-secondary));border-color:#daa52066;border-color:var(--grammar-light-border);box-shadow:0 4px 12px #daa5204d;color:#8b4513;color:var(--grammar-light-text)}.light .continue-button:hover,[data-theme=light] .continue-button:hover{background:linear-gradient(45deg,peru,#b8860b);background:linear-gradient(45deg,var(--grammar-light-secondary),var(--grammar-light-accent));box-shadow:0 6px 16px #daa52066}.correct-answer-animation{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1000}@keyframes correctOption{0%{box-shadow:0 0 0 0 #8b451399;transform:scale(1)}50%{box-shadow:0 0 20px 10px #8b451366;transform:scale(1.05)}to{box-shadow:0 0 0 0 #8b451300;transform:scale(1)}}@keyframes incorrectOption{0%{box-shadow:0 0 0 0 #ef444466;transform:scale(1)}25%{transform:translateX(-5px)}50%{box-shadow:0 0 20px 10px #ef444433;transform:translateX(5px)}75%{transform:translateX(-5px)}to{box-shadow:0 0 0 0 #ef444400;transform:translateX(0)}}@keyframes successPulse{0%{box-shadow:0 0 0 0 #8b451399}70%{box-shadow:0 0 0 10px #8b451300}to{box-shadow:0 0 0 0 #8b451300}}@keyframes errorPulse{0%{box-shadow:0 0 0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 0 0 #ef444400}}@keyframes pulseButton{0%{box-shadow:0 0 0 0 #8b451399}70%{box-shadow:0 0 0 10px #8b451300}to{box-shadow:0 0 0 0 #8b451300}}@keyframes shakeFeedback{0%{transform:translateX(0)}20%{transform:translateX(-10px)}40%{transform:translateX(10px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}to{transform:translateX(0)}}.feedback-badge.error{animation-duration:.5s,2s;animation-iteration-count:1,infinite;animation-name:shakeFeedback,errorPulse}@media (max-width:768px){.grammar-main-container{margin:8px;margin:var(--spacing-sm,8px);padding:16px;padding:var(--spacing-md,16px)}.grammar-menu-grid{gap:8px;gap:var(--spacing-sm,8px);grid-template-columns:1fr;justify-content:stretch;margin-left:0;margin-right:0;max-width:100%}.grammar-menu-item{justify-self:stretch;max-width:none}.grammar-badge{font-size:16px;height:48px;width:48px}.grammar-stats-container{flex-direction:column;gap:8px;gap:var(--spacing-sm,8px)}.grammar-stat-card{max-width:none;min-width:auto}.mastered-rules,.options-grid,.word-list-container{grid-template-columns:1fr}.summary-actions{flex-direction:column}.grammar-intro-title,.grammar-level-title{font-size:18px}.grammar-logo-title{font-size:20px}.grammar-header{align-items:center;flex-direction:row;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.grammar-intro-text{font-size:13px;line-height:1.4}}@media (max-width:640px){.grammar-main-container{margin:4px;margin:var(--spacing-xs,4px);padding:8px;padding:var(--spacing-sm,8px)}.grammar-header,.grammar-level-card{margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.grammar-level-card,.test-card,.word-preview-card{padding:16px;padding:var(--spacing-md,16px)}.grammar-menu-grid{gap:4px;gap:var(--spacing-xs,4px)}.grammar-sticky-button{font-size:14px;padding:8px 16px;padding:var(--spacing-sm,8px) var(--spacing-md,16px)}}@media screen and (max-height:600px){.grammar-level-card,.grammar-main-container{padding:8px;padding:var(--spacing-sm,8px)}.grammar-level-card{margin-bottom:8px;margin-bottom:var(--spacing-sm,8px)}.grammar-menu-item{min-height:80px;padding:8px;padding:var(--spacing-sm,8px)}.grammar-menu-icon{font-size:20px;margin-bottom:4px;margin-bottom:var(--spacing-xs,4px)}}.grammar-main-container :focus{outline:2px solid #ba703ba0;outline:2px solid var(--grammar-dark-primary);outline-offset:2px}.light .grammar-main-container :focus,[data-theme=light] .grammar-main-container :focus{outline-color:#daa520;outline-color:var(--grammar-light-primary)}.light .feedback.incorrect,[data-theme=light] .feedback.incorrect{color:#fef2f2}.light .option-button,[data-theme=light] .option-button{color:#8b4513;color:var(--grammar-light-text)}.light .mastered-word-card .word-content h4,.light .mastered-word-card .word-content p,[data-theme=light] .mastered-word-card .word-content h4,[data-theme=light] .mastered-word-card .word-content p{color:#8b4513!important;color:var(--grammar-light-text)!important}.grammar-main-container *{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.grammar-main-container .card{background:rgba(91,43,9,.821);background:var(--grammar-dark-card);border:2px solid rgba(139,69,19,.671);border:2px solid var(--grammar-dark-border)}.light .grammar-main-container .card,[data-theme=light] .grammar-main-container .card{background:#ffffffe6;background:var(--grammar-light-card);border-color:#daa52066;border-color:var(--grammar-light-border)}.grammar-main-container[data-theme=dark] *{border-color:rgba(139,69,19,.671);border-color:var(--grammar-dark-border)}.grammar-main-container[data-theme=light] *{border-color:#daa52066;border-color:var(--grammar-light-border)}.grammar-category-grid-container{align-items:center;display:flex;justify-content:center;margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);width:100%}.grammar-menu-grid.three-items{gap:16px;gap:var(--spacing-md,16px);grid-template-columns:repeat(2,1fr);justify-items:center}.grammar-menu-grid.three-items .grammar-menu-item:last-child{grid-column:1/-1}@media (max-width:480px){.grammar-menu-grid{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm,8px);width:100%}.grammar-menu-item{max-width:320px;width:100%}}.grammar-category-container{align-items:center;background-color:initial;display:block;flex-direction:column;overflow-y:auto;padding:24px;padding:var(--spacing-lg,24px)}.grammar-action-sticky{background:#8b45131a;border:1px solid rgba(139,69,19,.671);border:1px solid var(--grammar-dark-border);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 2px 8px #8b45134d;margin:16px 0;margin:var(--spacing-md,16px) 0;padding:16px 0;padding:var(--spacing-md,16px) 0;top:0;z-index:10}.light .grammar-action-sticky,[data-theme=light] .grammar-action-sticky{background:#f5deb34d;background:var(--grammar-light-bg);border-color:#daa52066;border-color:var(--grammar-light-border);box-shadow:0 2px 8px #daa52033}.word-list-scrollable{background:#8b45131a;border:1px solid rgba(139,69,19,.671);border:1px solid var(--grammar-dark-border);border-radius:6px;border-radius:var(--radius-sm,6px);margin:16px 0;margin:var(--spacing-md,16px) 0;overflow-y:auto;padding:8px;padding:var(--spacing-sm,8px)}.light .word-list-scrollable,[data-theme=light] .word-list-scrollable{background:#f5deb333;border-color:#daa52066;border-color:var(--grammar-light-border)}.component-wrapper{background:#0000;margin:0;min-height:100vh;padding:0;width:100%}.App[data-theme=dark] .grammar-main-container,.dark .grammar-main-container,[data-theme=dark] .grammar-main-container{background-color:#ca5e1136;background-color:var(--grammar-dark-bg);border-color:rgba(139,69,19,.671);border-color:var(--grammar-dark-border);color:#be742e;color:var(--grammar-dark-text)}.App[data-theme=light] .grammar-main-container,.light .grammar-main-container,[data-theme=light] .grammar-main-container{background-color:#f5deb34d;background-color:var(--grammar-light-bg);border-color:#daa52066;border-color:var(--grammar-light-border);color:#8b4513;color:var(--grammar-light-text)}.App[data-theme=dark] .grammar-main-container *,.App[data-theme=light] .grammar-main-container *,.dark .grammar-main-container *,.light .grammar-main-container *,[data-theme=dark] .grammar-main-container *,[data-theme=light] .grammar-main-container *{color:inherit}.grammar-main-container h1,.grammar-main-container h2,.grammar-main-container h3,.grammar-main-container h4{color:#be742e!important;color:var(--grammar-dark-text)!important}.light .grammar-main-container h1,.light .grammar-main-container h2,.light .grammar-main-container h3,.light .grammar-main-container h4,[data-theme=light] .grammar-main-container h1,[data-theme=light] .grammar-main-container h2,[data-theme=light] .grammar-main-container h3,[data-theme=light] .grammar-main-container h4{color:#8b4513!important;color:var(--grammar-light-text)!important}.grammar-main-container p{color:wheat;color:var(--grammar-dark-text-secondary)}.light .grammar-main-container p,[data-theme=light] .grammar-main-container p{color:#5d3317;color:var(--grammar-light-text-secondary)}@supports not (color:var(--grammar-dark-primary )){.grammar-main-container{background-color:#8b45131a;border-color:#8b45134d;color:wheat}.light .grammar-main-container{background-color:#f5deb34d;border-color:#daa52066;color:#8b4513}}@media print{.grammar-main-container{box-shadow:none!important}.grammar-level-card,.grammar-main-container,.grammar-menu-item,.word-item-card{background:#fff!important;border:1px solid #8b4513!important;color:#8b4513!important}.grammar-level-card,.grammar-menu-item,.word-item-card{break-inside:avoid!important;page-break-inside:avoid!important}.audio-button,.grammar-action-button,.learn-mode-audio-button{display:none!important}}.word-list-scrollable::-webkit-scrollbar{width:8px}.word-list-scrollable::-webkit-scrollbar-track{background:#8b45131a;border-radius:4px}.word-list-scrollable::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b4513,sienna);border-radius:4px}.word-list-scrollable::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,sienna,#8b4513)}.light .word-list-scrollable::-webkit-scrollbar-track,[data-theme=light] .word-list-scrollable::-webkit-scrollbar-track{background:#daa52026}.light .word-list-scrollable::-webkit-scrollbar-thumb,[data-theme=light] .word-list-scrollable::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#daa520,peru)}@media (prefers-reduced-motion:reduce){.grammar-level-card,.grammar-menu-item,.option-button,.test-card,.word-item-card{animation:none!important;transition:none!important}.grammar-action-button:hover,.grammar-menu-item:hover,.option-button:hover{transform:none!important}}@media (prefers-contrast:high){.grammar-main-container{border-width:3px!important}.grammar-level-card,.grammar-menu-item,.word-item-card{border-width:3px!important;box-shadow:none!important}.grammar-progress-fill{background:#8b4513!important}.light .grammar-progress-fill,[data-theme=light] .grammar-progress-fill{background:#daa520!important;background:var(--grammar-light-primary)!important}}@media (prefers-color-scheme:dark){.grammar-main-container:not(.light):not([data-theme=light]){background-color:#ca5e1136;background-color:var(--grammar-dark-bg);border-color:rgba(139,69,19,.671);border-color:var(--grammar-dark-border);color:#be742e;color:var(--grammar-dark-text)}}@media (prefers-color-scheme:light){.grammar-main-container:not(.dark):not([data-theme=dark]){background-color:#f5deb34d;background-color:var(--grammar-light-bg);border-color:#daa52066;border-color:var(--grammar-light-border);color:#8b4513;color:var(--grammar-light-text)}}.continue-button,.grammar-action-button,.grammar-menu-item,.option-button{transform:translateZ(0);will-change:transform}.grammar-main-container{contain:layout style paint}.word-list-container{contain:layout}.grammar-spacing-xs{margin:4px;margin:var(--spacing-xs,4px)}.grammar-spacing-sm{margin:8px;margin:var(--spacing-sm,8px)}.grammar-spacing-md{margin:16px;margin:var(--spacing-md,16px)}.grammar-spacing-lg{margin:24px;margin:var(--spacing-lg,24px)}.grammar-spacing-xl{margin:32px;margin:var(--spacing-xl,32px)}.grammar-text-primary{color:#be742e!important;color:var(--grammar-dark-text)!important}.grammar-text-secondary{color:wheat!important;color:var(--grammar-dark-text-secondary)!important}.light .grammar-text-primary,[data-theme=light] .grammar-text-primary{color:#8b4513!important;color:var(--grammar-light-text)!important}.light .grammar-text-secondary,[data-theme=light] .grammar-text-secondary{color:#5d3317!important;color:var(--grammar-light-text-secondary)!important}.grammar-bg-card{background:rgba(91,43,9,.821)!important;background:var(--grammar-dark-card)!important}.grammar-bg-primary{background:#ba703ba0!important;background:var(--grammar-dark-primary)!important}.light .grammar-bg-card,[data-theme=light] .grammar-bg-card{background:#ffffffe6!important;background:var(--grammar-light-card)!important}.light .grammar-bg-primary,[data-theme=light] .grammar-bg-primary{background:#daa520!important;background:var(--grammar-light-primary)!important}.revision-stats-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;display:flex;height:100vh;inset:0;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100vw;z-index:9999}.revision-stats-modal{background-color:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;margin:auto;max-height:90vh;max-width:56rem;min-height:50vh;overflow:hidden;position:relative;width:100%;z-index:10000}.revision-stats-modal.dark{background-color:#111827}.revision-stats-modal-header{align-items:center;background-color:#fff7ed;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;min-height:80px;padding:1.5rem;position:relative}.revision-stats-modal-header.dark{background-color:#1f2937;border-bottom-color:#374151}.revision-stats-modal-title{color:#111827;font-size:1.5rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.revision-stats-modal-title.dark{color:#f9fafb}.revision-stats-modal-close-btn{align-items:center;background:#0000001a;border:none;border-radius:.5rem;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:40px;min-width:40px;padding:.5rem;transition:all .15s ease-in-out}.revision-stats-modal-close-btn:hover{background-color:#ef44441a;transform:scale(1.05)}.revision-stats-modal-close-btn.dark{background:#ffffff1a}.revision-stats-modal-close-btn.dark:hover{background-color:#ef444433}.revision-stats-modal-close-btn svg{color:#374151;transition:color .15s ease-in-out}.revision-stats-modal-close-btn:hover svg{color:#ef4444}.revision-stats-modal-close-btn.dark svg{color:#d1d5db}.revision-stats-modal-close-btn.dark:hover svg{color:#ef4444}.revision-stats-modal-category-selector{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;min-height:80px;padding:1.5rem}.revision-stats-modal-category-selector.dark{background-color:#1f2937;border-bottom-color:#374151}.revision-stats-modal-select-container{align-items:center;display:flex;justify-content:center;position:relative}.revision-stats-modal-select{background-color:#fff;border:2px solid #d1d5db;border-radius:.5rem;color:#111827;font-weight:500;max-width:400px;min-width:250px;outline:none;overflow:hidden;padding:.5rem 2.5rem .5rem 1rem;text-overflow:ellipsis;white-space:nowrap;width:100%}.revision-stats-modal-select:focus{border-color:#f97316}.revision-stats-modal-select.dark{background-color:#374151;border-color:#4b5563;color:#f9fafb}.revision-stats-modal-select-icon{color:#9ca3af;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}@media (min-width:768px){.revision-stats-modal-select{min-width:300px;width:auto}}.revision-stats-modal-content{background-color:#f9fafb;flex:1 1;min-height:200px;overflow-x:hidden;overflow-y:auto;padding:1.5rem;scroll-behavior:smooth}.revision-stats-modal-content.dark{background-color:#111827}.revision-stats-modal-content::-webkit-scrollbar{width:8px}.revision-stats-modal-content::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.revision-stats-modal-content::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.revision-stats-modal-content::-webkit-scrollbar-thumb:hover{background:#00000080}.revision-stats-modal-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:3rem 1rem;text-align:center}.revision-stats-modal-empty-state-icon{font-size:3.75rem;margin-bottom:1rem}.revision-stats-modal-empty-state-title{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:.5rem;text-align:center}.revision-stats-modal-empty-state-title.dark{color:#f9fafb}.revision-stats-modal-empty-state-text{color:#4b5563;max-width:400px;text-align:center}.revision-stats-modal-empty-state-text.dark{color:#9ca3af}.revision-stats-modal-categories{display:flex;flex-direction:column;gap:2rem;overflow:hidden;width:100%}.revision-stats-modal-category-section{overflow:hidden;width:100%}.revision-stats-modal-category-title{align-items:center;color:#111827;display:flex;flex-wrap:wrap;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.revision-stats-modal-category-title.dark{color:#f9fafb}.revision-stats-modal-category-indicator{background-color:#f97316;border-radius:.125rem;flex-shrink:0;height:1.5rem;width:.25rem}.revision-stats-modal-category-count{color:#6b7280;font-size:.875rem;font-weight:400}.revision-stats-modal-category-count.dark{color:#9ca3af}.revision-stats-modal-words-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%}@media (min-width:768px){.revision-stats-modal-words-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width:1024px){.revision-stats-modal-words-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.revision-stats-modal-word-item{word-wrap:break-word;background-color:#fff;border:2px solid #e5e7eb;border-radius:.5rem;min-height:120px;overflow:hidden;padding:1rem;transition:all .2s ease-in-out;width:100%}.revision-stats-modal-word-item:hover{border-color:#fb923c;box-shadow:0 4px 6px -1px #0000001a}.revision-stats-modal-word-item.dark{background-color:#1f2937;border-color:#4b5563}.revision-stats-modal-word-item.dark:hover{border-color:#fb923c}.revision-stats-modal-word-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;min-height:24px}.revision-stats-modal-word-info{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.revision-stats-modal-status-icon{align-items:center;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;height:1.5rem;justify-content:center;transition:all .2s ease;width:1.5rem}.revision-stats-modal-status-icon.available{background-color:#3b82f6;color:#fff}.revision-stats-modal-status-icon.available.dark{background-color:#60a5fa}.revision-stats-modal-status-icon.mastered{background-color:#10b981;color:#fff}.revision-stats-modal-status-icon.mastered.dark{background-color:#34d399}.revision-stats-modal-status-icon.needs-work{background-color:#f59e0b;color:#fff}.revision-stats-modal-status-icon.needs-work.dark{background-color:#fbbf24}.revision-stats-modal-status-icon.correct{background-color:#10b981;color:#fff}.revision-stats-modal-status-icon.incorrect{background-color:#ef4444;color:#fff}.revision-stats-modal-word-text{color:#111827;flex:1 1;font-size:1.125rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.revision-stats-modal-word-text.dark{color:#f9fafb}.revision-stats-modal-translation{word-wrap:break-word;color:#4b5563;font-size:.875rem;font-style:italic;-webkit-hyphens:auto;hyphens:auto;margin-bottom:.5rem;overflow-wrap:break-word}.revision-stats-modal-translation.dark{color:#9ca3af}.revision-stats-modal-next-review{align-items:center;display:flex;font-size:.875rem;gap:.5rem;margin-top:auto}.revision-stats-modal-next-review-text{font-weight:500}.revision-stats-modal-next-review-text.available{color:#059669}.revision-stats-modal-next-review-text.available.dark{color:#34d399}.revision-stats-modal-next-review-text.pending{color:#4b5563}.revision-stats-modal-next-review-text.pending.dark{color:#9ca3af}@media (max-width:768px){.revision-stats-modal{margin:.5rem;max-height:95vh;max-width:95vw}.revision-stats-modal-category-selector,.revision-stats-modal-content,.revision-stats-modal-header{padding:1rem}.revision-stats-modal-words-grid{gap:.5rem;grid-template-columns:1fr}.revision-stats-modal-word-item{min-height:100px;padding:.75rem}}@media (max-width:480px){.revision-stats-modal{border-radius:0;margin:0;max-height:100vh;max-width:100vw}.revision-stats-modal-title{font-size:1.25rem}.revision-stats-modal-select{font-size:.875rem;min-width:200px}}.revision-stats-modal-overlay[data-state=open]{animation:fadeIn .2s ease-out}.revision-stats-modal[data-state=open]{animation:slideIn .3s ease-out}:root{--revision-dark-primary:#8b4513;--revision-dark-secondary:#5d3317;--revision-dark-accent:sienna;--revision-dark-bg:#8b45131a;--revision-dark-card:#8b451326;--revision-dark-border:#8b45134d;--revision-dark-text:wheat;--revision-dark-text-secondary:#deb887;--revision-light-primary:#daa520;--revision-light-secondary:peru;--revision-light-accent:#b8860b;--revision-light-bg:#f5deb34d;--revision-light-card:#ffffffe6;--revision-light-border:#daa52066;--revision-light-text:#8b4513;--revision-light-text-secondary:#5d3317;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}.revision-mode-wrapper{align-items:center;background:linear-gradient(135deg,#8b45131a,#8b451326 50%,#8b45134d);background:linear-gradient(135deg,var(--revision-dark-bg) 0,var(--revision-dark-card) 50%,var(--revision-dark-border) 100%);box-sizing:border-box;color:wheat;color:var(--revision-dark-text);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:flex-start;min-height:100vh;overflow-x:hidden;padding:24px;padding:var(--spacing-lg);position:relative;width:100%}.light .revision-mode-wrapper,[data-theme=light] .revision-mode-wrapper{background:linear-gradient(135deg,#f5deb34d,#ffffffe6 50%,#daa52066);background:linear-gradient(135deg,var(--revision-light-bg) 0,var(--revision-light-card) 50%,var(--revision-light-border) 100%);color:#8b4513;color:var(--revision-light-text)}.revision-mode{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:1200px;padding:24px;padding:var(--spacing-lg);position:relative;width:100%}.revision-back-button-top{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b451326;background:var(--revision-dark-card);border:2px solid #8b45134d;border:2px solid var(--revision-dark-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 25px #8b45134d;color:wheat;color:var(--revision-dark-text);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--spacing-sm);left:24px;left:var(--spacing-lg);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:fixed;top:24px;top:var(--spacing-lg);transition:all .3s ease;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;z-index:100}.revision-back-button-top:hover{background:#8b4513;background:var(--revision-dark-primary);box-shadow:0 12px 30px #8b451366;transform:translateY(-2px)}.light .revision-back-button-top,[data-theme=light] .revision-back-button-top{background:#ffffffe6;background:var(--revision-light-card);border-color:#daa52066;border-color:var(--revision-light-border);box-shadow:0 8px 25px #daa5204d;color:#8b4513;color:var(--revision-light-text)}.light .revision-back-button-top:hover,[data-theme=light] .revision-back-button-top:hover{background:#daa520;background:var(--revision-light-primary);box-shadow:0 12px 30px #daa52066;color:#ffffffe6;color:var(--revision-light-card)}.revision-header{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#8b4513,#5d3317);background:linear-gradient(135deg,var(--revision-dark-primary),var(--revision-dark-secondary));border:2px solid #8b45134d;border:2px solid var(--revision-dark-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #8b45134d;color:wheat;color:var(--revision-dark-text);display:flex;justify-content:center;margin-bottom:32px;margin-bottom:var(--spacing-xl);max-width:800px;padding:32px;padding:var(--spacing-xl);position:relative;text-align:center;width:100%}.light .revision-header,[data-theme=light] .revision-header{background:linear-gradient(135deg,#daa520,peru);background:linear-gradient(135deg,var(--revision-light-primary),var(--revision-light-secondary));border-color:#daa52066;border-color:var(--revision-light-border);box-shadow:0 8px 24px #daa52040;color:#ffffffe6;color:var(--revision-light-card)}.revision-title{color:inherit;font-size:clamp(24px,4vw,32px);font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0;text-align:center;text-shadow:0 2px 4px #0000004d}.categories-carousel{align-items:center;display:flex;gap:16px;gap:var(--spacing-md);margin:0 auto 32px;margin:0 auto var(--spacing-xl) auto;max-width:1000px;overflow:hidden;position:relative;width:100%}.categories-container{-ms-overflow-style:none;display:flex;flex-direction:row;gap:24px;gap:var(--spacing-lg);overflow-x:auto;overflow-y:hidden;padding:16px 8px;padding:var(--spacing-md) var(--spacing-sm);scroll-behavior:smooth;scrollbar-width:none;width:100%}.categories-container::-webkit-scrollbar{display:none}.category-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b451326;background:var(--revision-dark-card);border:2px solid #8b45134d;border:2px solid var(--revision-dark-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 6px 16px #8b45134d;color:wheat;color:var(--revision-dark-text);cursor:pointer;display:flex;flex:0 0 280px;flex-direction:column;height:180px;justify-content:space-between;max-width:280px;min-width:280px;overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative;scroll-snap-align:start;transition:all .3s ease;transition:all var(--transition-normal)}.category-card:hover{background:#8b451333;box-shadow:0 8px 20px #8b451366;transform:translateY(-2px) scale(1.02)}.category-card.selected,.category-card:hover{border-color:#8b4513;border-color:var(--revision-dark-primary)}.category-card.selected{background:#8b451340;box-shadow:0 0 0 3px #8b45134d}.light .category-card,[data-theme=light] .category-card{background:#ffffffe6;background:var(--revision-light-card);border-color:#daa52066;border-color:var(--revision-light-border);box-shadow:0 6px 16px #daa52040;color:#8b4513;color:var(--revision-light-text)}.light .category-card:hover,[data-theme=light] .category-card:hover{background:#daa52026;border-color:#daa520;border-color:var(--revision-light-primary);box-shadow:0 8px 20px #daa5204d}.category-illustration{align-items:center;display:flex;font-size:2.5rem;height:60px;justify-content:center;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.category-name{color:inherit;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0;text-align:center}.category-stats{color:#deb887;color:var(--revision-dark-text-secondary);font-size:.9rem;margin:0;opacity:.8;text-align:center}.light .category-stats,[data-theme=light] .category-stats{color:#5d3317;color:var(--revision-light-text-secondary)}.carousel-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b451326;background:var(--revision-dark-card);border:2px solid #8b45134d;border:2px solid var(--revision-dark-border);border-radius:50%;box-shadow:0 4px 12px #8b45134d;color:wheat;color:var(--revision-dark-text);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;position:relative;transition:all .3s ease;transition:all var(--transition-normal);width:44px;z-index:2}.carousel-button:hover:not(.disabled){background:#8b4513;background:var(--revision-dark-primary);box-shadow:0 6px 16px #8b451366;transform:scale(1.1)}.carousel-button.disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.light .carousel-button,[data-theme=light] .carousel-button{background:#ffffffe6;background:var(--revision-light-card);border-color:#daa52066;border-color:var(--revision-light-border);box-shadow:0 4px 12px #daa52040;color:#8b4513;color:var(--revision-light-text)}.light .carousel-button:hover:not(.disabled),[data-theme=light] .carousel-button:hover:not(.disabled){background:#daa520;background:var(--revision-light-primary);box-shadow:0 6px 16px #daa52066;color:#ffffffe6;color:var(--revision-light-card)}.matching-test-container,.mode-selection,.revision-complete,.revision-empty,.revision-test,.selected-category,.vocabulary-mode{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#8b451326;background-color:var(--revision-dark-card);border:2px solid #8b45134d;border:2px solid var(--revision-dark-border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #8b45134d;color:wheat;color:var(--revision-dark-text);margin:0 auto 32px;margin:0 auto var(--spacing-xl) auto;max-width:900px;overflow:hidden;padding:32px;padding:var(--spacing-xl);position:relative;transition:all .3s ease;transition:all var(--transition-normal);width:100%}.light .matching-test-container,.light .revision-complete,.light .revision-empty,.light .revision-test,.light .selected-category,.light .vocabulary-mode,[data-theme=light] .matching-test-container,[data-theme=light] .revision-complete,[data-theme=light] .revision-empty,[data-theme=light] .revision-test,[data-theme=light] .selected-category,[data-theme=light] .vocabulary-mode{background-color:#ffffffe6;background-color:var(--revision-light-card);border-color:#daa52066;border-color:var(--revision-light-border);box-shadow:0 8px 24px #daa52033;color:#8b4513;color:var(--revision-light-text)}.completion-header h2,.revision-empty h2,.session-summary h3,.vocabulary-mode-title{color:wheat;color:var(--revision-dark-text);font-size:clamp(20px,3vw,28px);font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:24px;margin-bottom:var(--spacing-lg);text-align:center;text-shadow:0 2px 4px #8b451366}.light .completion-header h2,.light .revision-empty h2,.light .session-summary h3,.light .vocabulary-mode-title,[data-theme=light] .completion-header h2,[data-theme=light] .revision-empty h2,[data-theme=light] .session-summary h3,[data-theme=light] .vocabulary-mode-title{color:#8b4513;color:var(--revision-light-text);text-shadow:0 1px 2px #daa5204d}.words-list-toggle{margin-bottom:24px;margin-bottom:var(--spacing-lg);text-align:center}.toggle-words-button{align-items:center;background:#8b4513;background:var(--revision-dark-primary);border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 6px 16px #8b45134d;color:wheat;color:var(--revision-dark-text);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease;transition:all var(--transition-normal)}.toggle-words-button:hover{background:sienna;background:var(--revision-dark-accent);box-shadow:0 8px 20px #8b451366;transform:translateY(-2px)}.light .toggle-words-button,[data-theme=light] .toggle-words-button{background:#daa520;background:var(--revision-light-primary);box-shadow:0 6px 16px #daa5204d;color:#ffffffe6;color:var(--revision-light-card)}.light .toggle-words-button:hover,[data-theme=light] .toggle-words-button:hover{background:peru;background:var(--revision-light-secondary);box-shadow:0 8px 20px #daa52066}.words-list-container{margin-bottom:24px;margin-bottom:var(--spacing-lg);overflow:hidden}.words-list{background:#8b45130d;border:1px solid #8b45134d;border:1px solid var(--revision-dark-border);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md);max-height:400px;overflow-y:auto;padding:16px;padding:var(--spacing-md)}.light .words-list,[data-theme=light] .words-list{background:#daa5200d;border-color:#daa52066;border-color:var(--revision-light-border)}.word-item{align-items:center;background:#8b451326;background:var(--revision-dark-card);border:2px solid #8b45134d;border:2px solid var(--revision-dark-border);border-radius:16px;border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:16px;padding:var(--spacing-md);transition:all .3s ease;transition:all var(--transition-normal)}.word-item:hover{background:#8b451333;box-shadow:0 6px 16px #8b45134d;transform:translateY(-2px)}.light .word-item,[data-theme=light] .word-item{background:#ffffffe6;background:var(--revision-light-card);border-color:#daa52066;border-color:var(--revision-light-border)}.light .word-item:hover,[data-theme=light] .word-item:hover{background:#daa52026;box-shadow:0 6px 16px #daa52040}.word-info{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.word-text{color:wheat;color:var(--revision-dark-text);font-size:1.1rem;font-weight:600}.word-translation{font-size:.9rem;opacity:.8}.word-explanation,.word-translation{color:#deb887;color:var(--revision-dark-text-secondary)}.word-explanation{font-size:.8rem;font-style:italic;opacity:.7}.light .word-text,[data-theme=light] .word-text{color:#8b4513;color:var(--revision-light-text)}.light .word-explanation,.light .word-translation,[data-theme=light] .word-explanation,[data-theme=light] .word-translation{color:#5d3317;color:var(--revision-light-text-secondary)}.back-to-categories-button,.continue-revision-button{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#8b4513,#5d3317)!important;background:linear-gradient(135deg,var(--revision-dark-primary),var(--revision-dark-secondary))!important;border:none!important;border-radius:20px!important;border-radius:var(--radius-xl)!important;box-shadow:0 8px 24px #8b45134d!important;color:wheat!important;color:var(--revision-dark-text)!important;cursor:pointer!important;display:inline-flex!important;flex-direction:column!important;font-size:16px!important;font-weight:600!important;gap:8px!important;gap:var(--spacing-sm)!important;justify-content:center!important;letter-spacing:.5px!important;margin:16px 0!important;margin:var(--spacing-md) 0!important;min-width:280px!important;opacity:1!important;padding:24px 32px!important;padding:var(--spacing-lg) var(--spacing-xl)!important;position:relative!important;text-decoration:none!important;text-transform:uppercase!important;transition:all .3s ease!important;transition:all var(--transition-normal)!important;visibility:visible!important;z-index:10!important}.continue-revision-button.primary{background:linear-gradient(135deg,#4a7c59,#2d5016)!important;box-shadow:0 8px 24px #4a7c594d!important}.continue-revision-button.primary:hover{background:linear-gradient(135deg,#5d8f6a,#4a7c59)!important;box-shadow:0 12px 30px #4a7c5966!important}.back-to-categories-button{background:linear-gradient(135deg,#8b4513,#5d3317)!important;background:linear-gradient(135deg,var(--revision-dark-primary),var(--revision-dark-secondary))!important;min-width:200px!important}.back-to-categories-button:hover,.continue-revision-button:hover{background:linear-gradient(135deg,sienna,#8b4513)!important;background:linear-gradient(135deg,var(--revision-dark-accent),var(--revision-dark-primary))!important;box-shadow:0 12px 30px #8b451366!important;transform:translateY(-3px)!important}.light .back-to-categories-button,.light .continue-revision-button,[data-theme=light] .back-to-categories-button,[data-theme=light] .continue-revision-button{background:linear-gradient(135deg,#daa520,peru)!important;background:linear-gradient(135deg,var(--revision-light-primary),var(--revision-light-secondary))!important;box-shadow:0 8px 24px #daa5204d!important;color:#ffffffe6!important;color:var(--revision-light-card)!important}.light .back-to-categories-button:hover,.light .continue-revision-button:hover,[data-theme=light] .back-to-categories-button:hover,[data-theme=light] .continue-revision-button:hover{background:linear-gradient(135deg,peru,#b8860b)!important;background:linear-gradient(135deg,var(--revision-light-secondary),var(--revision-light-accent))!important;box-shadow:0 12px 30px #daa52066!important}.light .continue-revision-button.primary,[data-theme=light] .continue-revision-button.primary{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 8px 24px #10b9814d!important}.light .continue-revision-button.primary:hover,[data-theme=light] .continue-revision-button.primary:hover{background:linear-gradient(135deg,#34d399,#10b981)!important;box-shadow:0 12px 30px #10b98166!important}.button-subtitle{display:block!important;font-size:12px!important;font-weight:400!important;letter-spacing:normal!important;margin-top:4px!important;opacity:.8!important;text-align:center!important;text-transform:none!important}.revision-complete .completion-actions a,.revision-complete .completion-actions button,.revision-complete a[class*=button],.revision-complete button{display:inline-flex!important;opacity:1!important;position:relative!important;visibility:visible!important;z-index:100!important}.exercise-header{background:#8b45131a;border:2px solid #8b45134d;border:2px solid var(--revision-dark-border);border-radius:16px;border-radius:var(--radius-lg);margin-bottom:32px;margin-bottom:var(--spacing-xl);padding:24px;padding:var(--spacing-lg)}.light .exercise-header,[data-theme=light] .exercise-header{background:#daa5201a;border-color:#daa52066;border-color:var(--revision-light-border)}.exercise-progress{align-items:center;display:flex;gap:16px;gap:var(--spacing-md)}.progress-info{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.current-progress{color:wheat;color:var(--revision-dark-text);font-weight:600}.exercise-type{color:#deb887;color:var(--revision-dark-text-secondary);font-size:.9rem;opacity:.8}.category-badge{background:#8b4513;background:var(--revision-dark-primary);border-radius:12px;border-radius:var(--radius-md);color:wheat;color:var(--revision-dark-text);font-size:.9rem;font-weight:600;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.light .current-progress,[data-theme=light] .current-progress{color:#8b4513;color:var(--revision-light-text)}.light .exercise-type,[data-theme=light] .exercise-type{color:#5d3317;color:var(--revision-light-text-secondary)}.light .category-badge,[data-theme=light] .category-badge{background:#daa520;background:var(--revision-light-primary);color:#ffffffe6;color:var(--revision-light-card)}.test-container{display:flex;flex-direction:column;gap:32px;gap:var(--spacing-xl)}.question-section{text-align:center}.question-card{background:#8b45131a;border:2px solid #8b45134d;border:2px solid var(--revision-dark-border);border-radius:16px;border-radius:var(--radius-lg);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:32px;padding:var(--spacing-xl)}.light .question-card,[data-theme=light] .question-card{background:#daa5201a;border-color:#daa52066;border-color:var(--revision-light-border)}.question-label{color:#deb887;color:var(--revision-dark-text-secondary);font-size:1.1rem;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-md)}.word-to-translate{color:wheat;color:var(--revision-dark-text);font-size:2rem;font-weight:700;margin:24px 0;margin:var(--spacing-lg) 0;text-shadow:0 2px 4px #8b45134d}.question-hint{color:#deb887;color:var(--revision-dark-text-secondary);font-size:.9rem;margin-top:16px;margin-top:var(--spacing-md);opacity:.8}.light .question-label,[data-theme=light] .question-label{color:#5d3317;color:var(--revision-light-text-secondary)}.light .word-to-translate,[data-theme=light] .word-to-translate{color:#8b4513;color:var(--revision-light-text);text-shadow:0 1px 2px #daa5204d}.light .question-hint,[data-theme=light] .question-hint{color:#5d3317;color:var(--revision-light-text-secondary)}.options-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:600px}.learn-mode-option{align-items:center;background:#8b451326;background:var(--revision-dark-card);border:2px solid #8b45134d;border:2px solid var(--revision-dark-border);border-radius:16px;border-radius:var(--radius-lg);color:wheat;color:var(--revision-dark-text);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:16px;gap:var(--spacing-md);overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative;text-align:left;transition:all .3s ease;transition:all var(--transition-normal)}.learn-mode-option:hover:not(:disabled){background:#8b451333;border-color:#8b4513;border-color:var(--revision-dark-primary);box-shadow:0 8px 20px #8b451366;transform:translateY(-2px)}.learn-mode-option:disabled{cursor:not-allowed;opacity:.7}.learn-mode-option.selected{background:#8b451340;border-color:#8b4513;border-color:var(--revision-dark-primary);box-shadow:0 0 0 3px #8b45134d}.learn-mode-option.correct{background:#2d5016;border-color:#4a7c59;color:#90ee90}.learn-mode-option.incorrect{background:#5d1f1f;border-color:#8b4513;color:#ff6b6b}.option-letter{align-items:center;background:#8b4513;background:var(--revision-dark-primary);border-radius:50%;color:wheat;color:var(--revision-dark-text);display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.option-text{flex:1 1;line-height:1.4}.light .learn-mode-option,[data-theme=light] .learn-mode-option{background:#ffffffe6;background:var(--revision-light-card);border-color:#daa52066;border-color:var(--revision-light-border);color:#8b4513;color:var(--revision-light-text)}.light .learn-mode-option:hover:not(:disabled),[data-theme=light] .learn-mode-option:hover:not(:disabled){background:#daa52026;border-color:#daa520;border-color:var(--revision-light-primary);box-shadow:0 8px 20px #daa5204d}.light .learn-mode-option.selected,[data-theme=light] .learn-mode-option.selected{background:#daa52033;border-color:#daa520;border-color:var(--revision-light-primary);box-shadow:0 0 0 3px #daa5204d;color:#8b4513;color:var(--revision-light-text)}.light .learn-mode-option.correct,[data-theme=light] .learn-mode-option.correct{background:#d1fae5;border-color:#10b981;color:#10b981}.light .learn-mode-option.incorrect,[data-theme=light] .learn-mode-option.incorrect{background:#fee2e2;border-color:#ef4444;color:#ef4444}.light .option-letter,[data-theme=light] .option-letter{background:#daa520;background:var(--revision-light-primary);color:#ffffffe6;color:var(--revision-light-card)}.feedback-message{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 12px #8b45134d;display:flex;font-size:1.1rem;font-weight:600;gap:16px;gap:var(--spacing-md);justify-content:center;margin-top:24px;margin-top:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.feedback-message.correct{background-color:#2d5016;border:2px solid #4a7c59;color:#90ee90}.feedback-message.incorrect{background-color:#5d1f1f;border:2px solid #8b4513;color:#ff6b6b}.feedback-icon{font-size:1.5rem}.light .feedback-message.correct,[data-theme=light] .feedback-message.correct{background-color:#d1fae5;border-color:#a7f3d0;color:#10b981}.light .feedback-message.incorrect,[data-theme=light] .feedback-message.incorrect{background-color:#fee2e2;border-color:#fecaca;color:#ef4444}.matching-test-container{width:100%}.matching-header{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.matching-progress{text-align:center}.progress-text{color:wheat;color:var(--revision-dark-text);margin-bottom:16px;margin-bottom:var(--spacing-md)}.light .progress-text,[data-theme=light] .progress-text{color:#8b4513;color:var(--revision-light-text)}.matching-instructions{margin-bottom:32px;margin-bottom:var(--spacing-xl);text-align:center}.instruction-card{align-items:center;background:#8b45131a;border:2px solid #8b45134d;border:2px solid var(--revision-dark-border);border-radius:16px;border-radius:var(--radius-lg);color:wheat;color:var(--revision-dark-text);display:inline-flex;gap:16px;gap:var(--spacing-md);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.instruction-icon{font-size:1.5rem}.light .instruction-card,[data-theme=light] .instruction-card{background:#daa5201a;border-color:#daa52066;border-color:var(--revision-light-border);color:#8b4513;color:var(--revision-light-text)}.matching-area{grid-gap:32px;grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:32px;gap:var(--spacing-xl);grid-template-columns:1fr auto 1fr}.translations-column,.words-column{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.column-header{margin-bottom:16px;margin-bottom:var(--spacing-md);text-align:center}.column-header h4{background:#8b451326;border:2px solid #8b45134d;border:2px solid var(--revision-dark-border);border-radius:12px;border-radius:var(--radius-md);color:wheat;color:var(--revision-dark-text);font-size:1.1rem;font-weight:600;margin:0;padding:16px;padding:var(--spacing-md)}.light .column-header h4,[data-theme=light] .column-header h4{background:#daa52026;border-color:#daa52066;border-color:var(--revision-light-border);color:#8b4513;color:var(--revision-light-text)}.items-list{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.matching-item{background:#8b451326;background:var(--revision-dark-card);border:2px solid #8b45134d;border:2px solid var(--revision-dark-border);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;padding:24px;padding:var(--spacing-lg);transition:all .3s ease;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.matching-item:hover{background:#8b451333;box-shadow:0 6px 16px #8b45134d;transform:translateY(-2px)}.matching-item.selected{background:#8b451340;border-color:#8b4513;border-color:var(--revision-dark-primary);box-shadow:0 0 0 3px #8b45134d}.matching-item.matched{background:#2d5016;border-color:#4a7c59;cursor:default;opacity:.9}.matching-item.incorrect{animation:shake .5s ease-in-out;background:#5d1f1f;border-color:#8b4513}.matching-item.drop-active{background:#8b45134d;border-color:sienna;border-color:var(--revision-dark-accent);transform:scale(1.02)}.item-content{align-items:center;display:flex;gap:16px;gap:var(--spacing-md);justify-content:space-between}.item-text{color:wheat;color:var(--revision-dark-text);flex:1 1;font-weight:600}.item-actions{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.match-icon{color:#90ee90}.incorrect-icon{color:#ff6b6b}.light .matching-item,[data-theme=light] .matching-item{background:#ffffffe6;background:var(--revision-light-card);border-color:#daa52066;border-color:var(--revision-light-border)}.light .matching-item:hover,[data-theme=light] .matching-item:hover{background:#daa52026;box-shadow:0 6px 16px #daa52040}.light .matching-item.selected,[data-theme=light] .matching-item.selected{background:#daa52033;border-color:#daa520;border-color:var(--revision-light-primary);box-shadow:0 0 0 3px #daa5204d}.light .matching-item.matched,[data-theme=light] .matching-item.matched{background:#d1fae5;border-color:#10b981}.light .matching-item.incorrect,[data-theme=light] .matching-item.incorrect{background:#fee2e2;border-color:#ef4444}.light .item-text,[data-theme=light] .item-text{color:#8b4513;color:var(--revision-light-text)}.light .match-icon,[data-theme=light] .match-icon{color:#10b981}.light .incorrect-icon,[data-theme=light] .incorrect-icon{color:#ef4444}.connection-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:24px 0;padding:var(--spacing-lg) 0}.connection-line{background:linear-gradient(180deg,#0000,#8b45134d,#0000);background:linear-gradient(to bottom,#0000,var(--revision-dark-border),#0000);height:80px;margin-bottom:16px;margin-bottom:var(--spacing-md);position:relative;width:2px}.line-animation{animation:lineMove 2s ease-in-out infinite;background:#8b4513;background:var(--revision-dark-primary);height:20px;left:0;position:absolute;top:0;width:100%}.connection-icon{color:#8b4513;color:var(--revision-dark-primary);font-size:1.5rem;font-weight:700}.light .connection-line,[data-theme=light] .connection-line{background:linear-gradient(180deg,#0000,#daa52066,#0000);background:linear-gradient(to bottom,#0000,var(--revision-light-border),#0000)}.light .line-animation,[data-theme=light] .line-animation{background:#daa520;background:var(--revision-light-primary)}.light .connection-icon,[data-theme=light] .connection-icon{color:#daa520;color:var(--revision-light-primary)}.completion-header{margin-bottom:32px;margin-bottom:var(--spacing-xl);text-align:center}.completion-icon{font-size:4rem;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.completion-header h2{color:wheat;color:var(--revision-dark-text);font-size:2rem;font-weight:700;margin-bottom:16px;margin-bottom:var(--spacing-md)}.completion-header p{color:#deb887;color:var(--revision-dark-text-secondary);font-size:1.1rem;opacity:.8}.light .completion-header h2,[data-theme=light] .completion-header h2{color:#8b4513;color:var(--revision-light-text)}.light .completion-header p,[data-theme=light] .completion-header p{color:#5d3317;color:var(--revision-light-text-secondary)}.session-summary,.session-summary h3{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.session-summary h3{font-size:1.5rem;text-align:center}.summary-stats{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px;margin-bottom:var(--spacing-xl)}.stat-card{align-items:center;background:#8b451326;background:var(--revision-dark-card);border:2px solid #8b45134d;border:2px solid var(--revision-dark-border);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:16px;gap:var(--spacing-md);padding:24px;padding:var(--spacing-lg);transition:all .3s ease;transition:all var(--transition-normal)}.stat-card:hover{box-shadow:0 6px 16px #8b45134d;transform:translateY(-2px)}.stat-card.primary{background:#8b451333;border-color:#8b4513;border-color:var(--revision-dark-primary)}.stat-card.accent{background:#a0522d33;border-color:sienna;border-color:var(--revision-dark-accent)}.stat-icon{flex-shrink:0;font-size:2rem}.stat-content{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.stat-number{color:wheat;color:var(--revision-dark-text);font-size:1.8rem;font-weight:700}.stat-label{color:#deb887;color:var(--revision-dark-text-secondary);font-size:.9rem;opacity:.8}.light .stat-card,[data-theme=light] .stat-card{background:#ffffffe6;background:var(--revision-light-card);border-color:#daa52066;border-color:var(--revision-light-border)}.light .stat-card.primary,[data-theme=light] .stat-card.primary{background:#daa52026;border-color:#daa520;border-color:var(--revision-light-primary)}.light .stat-card.accent,[data-theme=light] .stat-card.accent{background:#cd853f26;border-color:peru;border-color:var(--revision-light-secondary)}.light .stat-number,[data-theme=light] .stat-number{color:#8b4513;color:var(--revision-light-text)}.light .stat-label,[data-theme=light] .stat-label{color:#5d3317;color:var(--revision-light-text-secondary)}.words-summary{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.words-summary h4{color:wheat;color:var(--revision-dark-text);font-size:1.2rem;font-weight:600;margin-bottom:24px;margin-bottom:var(--spacing-lg);text-align:center}.words-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.word-summary-item{background:#8b451326;background:var(--revision-dark-card);border:2px solid #8b45134d;border:2px solid var(--revision-dark-border);border-radius:16px;border-radius:var(--radius-lg);padding:16px;padding:var(--spacing-md);transition:all .3s ease;transition:all var(--transition-normal)}.word-summary-item:hover{box-shadow:0 6px 16px #8b45134d;transform:translateY(-2px)}.word-summary-item.success{background:#2d50164d;border-color:#4a7c59}.word-summary-item.needs-review{background:#a0522d33;border-color:sienna;border-color:var(--revision-dark-accent)}.word-summary-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.word{color:wheat;color:var(--revision-dark-text);font-weight:600}.word-score{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.score-text{color:wheat;color:var(--revision-dark-text);font-size:.9rem;font-weight:600}.score-icon{font-size:1.2rem}.word-progress-bar{background:#8b451333;border-radius:9999px;height:6px;overflow:hidden;width:100%}.word-progress-fill{background:linear-gradient(90deg,#8b4513,sienna);background:linear-gradient(90deg,var(--revision-dark-primary),var(--revision-dark-accent));border-radius:9999px;height:100%;transition:width .5s ease}.light .words-summary h4,[data-theme=light] .words-summary h4{color:#8b4513;color:var(--revision-light-text)}.light .word-summary-item,[data-theme=light] .word-summary-item{background:#ffffffe6;background:var(--revision-light-card);border-color:#daa52066;border-color:var(--revision-light-border)}.light .word-summary-item.success,[data-theme=light] .word-summary-item.success{background:#10b9811a;border-color:#10b981}.light .word-summary-item.needs-review,[data-theme=light] .word-summary-item.needs-review{background:#cd853f1a;border-color:peru;border-color:var(--revision-light-secondary)}.light .score-text,.light .word,[data-theme=light] .score-text,[data-theme=light] .word{color:#8b4513;color:var(--revision-light-text)}.light .word-progress-bar,[data-theme=light] .word-progress-bar{background:#daa52033}.light .word-progress-fill,[data-theme=light] .word-progress-fill{background:linear-gradient(90deg,#daa520,peru);background:linear-gradient(90deg,var(--revision-light-primary),var(--revision-light-secondary))}.completion-actions{align-items:center!important;background:#8b45131a!important;border:2px solid #8b45134d!important;border:2px solid var(--revision-dark-border)!important;border-radius:16px!important;border-radius:var(--radius-lg)!important;display:flex!important;flex-direction:column!important;gap:24px!important;gap:var(--spacing-lg)!important;justify-content:center!important;margin-top:32px!important;margin-top:var(--spacing-xl)!important;min-height:200px!important;padding:32px!important;padding:var(--spacing-xl)!important;position:relative!important;width:100%!important;z-index:1!important}.light .completion-actions,[data-theme=light] .completion-actions{background:#daa5201a!important;border-color:#daa52066!important;border-color:var(--revision-light-border)!important}.completion-actions>*{display:flex!important;opacity:1!important;visibility:visible!important}.start-session-container{margin-top:24px;margin-top:var(--spacing-lg);text-align:center}.audio-button,.audio-button-large{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:none;border:2px solid #8b4513;border:2px solid var(--revision-dark-primary);border-radius:50%;box-shadow:0 4px 12px #8b45134d;color:#8b4513;color:var(--revision-dark-primary);cursor:pointer;display:flex;justify-content:center;padding:8px;padding:var(--spacing-sm);transition:all .3s ease;transition:all var(--transition-normal)}.audio-button{height:40px;width:40px}.audio-button-large{border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 6px 16px #8b45134d;font-weight:600;gap:8px;gap:var(--spacing-sm);margin-top:24px;margin-top:var(--spacing-lg);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.audio-button-large:hover,.audio-button:hover{background-color:#8b4513;background-color:var(--revision-dark-primary);box-shadow:0 6px 16px #8b451366;color:wheat;color:var(--revision-dark-text);transform:scale(1.1)}.audio-button-large:hover{box-shadow:0 8px 20px #8b451366;transform:translateY(-2px)}.light .audio-button,.light .audio-button-large,[data-theme=light] .audio-button,[data-theme=light] .audio-button-large{border-color:#daa520;border-color:var(--revision-light-primary);box-shadow:0 4px 12px #daa5204d;color:#daa520;color:var(--revision-light-primary)}.light .audio-button-large:hover,.light .audio-button:hover,[data-theme=light] .audio-button-large:hover,[data-theme=light] .audio-button:hover{background-color:#daa520;background-color:var(--revision-light-primary);box-shadow:0 6px 16px #daa52066;color:#ffffffe6;color:var(--revision-light-card)}.light .audio-button-large,[data-theme=light] .audio-button-large{box-shadow:0 6px 16px #daa5204d}.light .audio-button-large:hover,[data-theme=light] .audio-button-large:hover{background:peru;background:var(--revision-light-secondary);box-shadow:0 8px 20px #daa52066}.exercise-progress-bar,.progress-bar{background-color:#8b451333;border:2px solid #8b45134d;border:2px solid var(--revision-dark-border);border-radius:9999px;box-shadow:inset 0 2px 4px #8b45131a;height:8px;margin-top:24px;margin-top:var(--spacing-lg);overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,var(--revision-dark-primary),var(--revision-dark-accent));border-radius:9999px;box-shadow:0 0 10px #8b451366;transition:width .5s ease}.exercise-progress-container{background:#8b45131a;border:2px solid #8b45134d;border:2px solid var(--revision-dark-border);border-radius:16px;border-radius:var(--radius-lg);margin-top:32px;margin-top:var(--spacing-xl);padding:24px;padding:var(--spacing-lg)}.progress-labels{align-items:center;color:#deb887;color:var(--revision-dark-text-secondary);display:flex;font-size:.9rem;justify-content:space-between;margin-top:8px;margin-top:var(--spacing-sm)}.light .exercise-progress-bar,.light .progress-bar,[data-theme=light] .exercise-progress-bar,[data-theme=light] .progress-bar{background-color:#daa52033;border-color:#daa52066;border-color:var(--revision-light-border)}.light .progress-fill,[data-theme=light] .progress-fill{background:linear-gradient(90deg,var(--revision-light-primary),var(--revision-light-secondary));box-shadow:0 0 10px #daa52066}.light .exercise-progress-container,[data-theme=light] .exercise-progress-container{background:#daa5201a;border-color:#daa52066;border-color:var(--revision-light-border)}.light .progress-labels,[data-theme=light] .progress-labels{color:#5d3317;color:var(--revision-light-text-secondary)}.show-stats-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b4513,#5d3317);background:linear-gradient(135deg,var(--revision-dark-primary),var(--revision-dark-secondary));border:none;border-radius:16px;border-radius:var(--radius-lg);bottom:24px;bottom:var(--spacing-lg);box-shadow:0 8px 24px #8b45134d;color:wheat;color:var(--revision-dark-text);cursor:pointer;display:flex;font-weight:600;gap:8px;gap:var(--spacing-sm);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:fixed;right:24px;right:var(--spacing-lg);transition:all .3s ease;transition:all var(--transition-normal);z-index:100}.show-stats-button:hover{background:linear-gradient(135deg,sienna,#8b4513);background:linear-gradient(135deg,var(--revision-dark-accent),var(--revision-dark-primary));box-shadow:0 12px 30px #8b451366;transform:translateY(-2px)}.light .show-stats-button,[data-theme=light] .show-stats-button{background:linear-gradient(135deg,#daa520,peru);background:linear-gradient(135deg,var(--revision-light-primary),var(--revision-light-secondary));box-shadow:0 8px 24px #daa5204d;color:#ffffffe6;color:var(--revision-light-card)}.light .show-stats-button:hover,[data-theme=light] .show-stats-button:hover{background:linear-gradient(135deg,peru,#b8860b);background:linear-gradient(135deg,var(--revision-light-secondary),var(--revision-light-accent));box-shadow:0 12px 30px #daa52066}.empty-categories-message{color:wheat;color:var(--revision-dark-text);padding:48px;padding:var(--spacing-2xl);text-align:center}.empty-icon{font-size:4rem;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.light .empty-categories-message,[data-theme=light] .empty-categories-message{color:#8b4513;color:var(--revision-light-text)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lineMove{0%,to{opacity:0;top:0}50%{opacity:1;top:50%}}.matching-test-container,.revision-complete,.revision-empty,.revision-test,.vocabulary-mode{animation:slideIn .6s ease-out}.category-card,.learn-mode-option,.matching-item{animation:fadeIn .4s ease-out}@media (max-width:1200px){.category-card{flex:0 0 260px;height:170px;max-width:260px;min-width:260px}}@media (max-width:768px){.revision-mode-wrapper{padding:16px;padding:var(--spacing-md);padding-top:80px}.revision-mode{padding:16px;padding:var(--spacing-md)}.revision-header{margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.revision-title{font-size:clamp(20px,5vw,26px)}.matching-test-container,.revision-complete,.revision-empty,.revision-test,.vocabulary-mode{margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.categories-carousel{gap:8px;gap:var(--spacing-sm)}.category-card{flex:0 0 220px;height:150px;max-width:220px;min-width:220px;padding:16px;padding:var(--spacing-md)}.category-illustration{font-size:2rem;height:50px}.category-name{font-size:1rem}.category-stats{font-size:.8rem}.carousel-button{height:36px;width:36px}.matching-area,.options-grid,.summary-stats,.words-grid{gap:16px;gap:var(--spacing-md);grid-template-columns:1fr}.connection-indicator{display:none}.completion-actions{gap:16px;gap:var(--spacing-md)}.continue-revision-button,.start-mixed-revision-button{min-width:240px;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width:480px){.revision-mode-wrapper{padding:8px;padding:var(--spacing-sm);padding-top:70px}.revision-header{padding:16px;padding:var(--spacing-md)}.revision-title{font-size:clamp(18px,4vw,22px)}.matching-test-container,.revision-complete,.revision-empty,.revision-test,.vocabulary-mode{padding:16px;padding:var(--spacing-md)}.category-card{flex:0 0 200px;height:140px;max-width:200px;min-width:200px}.category-illustration{font-size:1.8rem;height:45px}.carousel-button{height:32px;width:32px}.show-stats-button{bottom:16px;bottom:var(--spacing-md);font-size:14px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);right:16px;right:var(--spacing-md)}.completion-header h2,.word-to-translate{font-size:1.5rem}.completion-icon{font-size:3rem}.stat-number{font-size:1.5rem}.continue-revision-button,.start-mixed-revision-button{font-size:14px;min-width:200px}}.revision-mode-wrapper :focus-visible{outline:3px solid #8b4513;outline:3px solid var(--revision-dark-primary);outline-offset:2px}.light .revision-mode-wrapper :focus-visible,[data-theme=light] .revision-mode-wrapper :focus-visible{outline-color:#daa520;outline-color:var(--revision-light-primary)}@media (prefers-reduced-motion:reduce){.category-card,.learn-mode-option,.matching-item,.matching-test-container,.revision-back-button-top,.revision-complete,.revision-empty,.revision-test,.show-stats-button,.vocabulary-mode{animation:none!important;transition:none!important}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.category-card,.learn-mode-option,.matching-item,.matching-test-container,.revision-complete,.revision-empty,.revision-test,.vocabulary-mode{border-width:3px!important}}.audio-button,.category-card,.learn-mode-option,.matching-item,.revision-back-button-top,.show-stats-button{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:transform}.revision-mode-wrapper{contain:layout style paint}.revision-mode{contain:layout}.categories-container::-webkit-scrollbar,.words-list::-webkit-scrollbar{height:8px;width:8px}.categories-container::-webkit-scrollbar-track,.words-list::-webkit-scrollbar-track{background:#8b45131a;border-radius:4px}.categories-container::-webkit-scrollbar-thumb,.words-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b4513,sienna);background:linear-gradient(to bottom,var(--revision-dark-primary),var(--revision-dark-accent));border-radius:4px}.categories-container::-webkit-scrollbar-thumb:hover,.words-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,sienna,#8b4513);background:linear-gradient(to bottom,var(--revision-dark-accent),var(--revision-dark-primary))}.light .categories-container::-webkit-scrollbar-track,.light .words-list::-webkit-scrollbar-track,[data-theme=light] .categories-container::-webkit-scrollbar-track,[data-theme=light] .words-list::-webkit-scrollbar-track{background:#daa52026}.light .categories-container::-webkit-scrollbar-thumb,.light .words-list::-webkit-scrollbar-thumb,[data-theme=light] .categories-container::-webkit-scrollbar-thumb,[data-theme=light] .words-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#daa520,peru);background:linear-gradient(to bottom,var(--revision-light-primary),var(--revision-light-secondary))}.revision-spacing-xs{margin:4px;margin:var(--spacing-xs)}.revision-spacing-sm{margin:8px;margin:var(--spacing-sm)}.revision-spacing-md{margin:16px;margin:var(--spacing-md)}.revision-spacing-lg{margin:24px;margin:var(--spacing-lg)}.revision-spacing-xl{margin:32px;margin:var(--spacing-xl)}.revision-text-primary{color:wheat!important;color:var(--revision-dark-text)!important}.revision-text-secondary{color:#deb887!important;color:var(--revision-dark-text-secondary)!important}.light .revision-text-primary,[data-theme=light] .revision-text-primary{color:#8b4513!important;color:var(--revision-light-text)!important}.light .revision-text-secondary,[data-theme=light] .revision-text-secondary{color:#5d3317!important;color:var(--revision-light-text-secondary)!important}.revision-bg-card{background:#8b451326!important;background:var(--revision-dark-card)!important}.revision-bg-primary{background:#8b4513!important;background:var(--revision-dark-primary)!important}.light .revision-bg-card,[data-theme=light] .revision-bg-card{background:#ffffffe6!important;background:var(--revision-light-card)!important}.light .revision-bg-primary,[data-theme=light] .revision-bg-primary{background:#daa520!important;background:var(--revision-light-primary)!important}.modal-open .revision-back-button-top,.modal-open .show-stats-button{opacity:.3;pointer-events:none;transition:all .3s ease}@media print{.revision-mode-wrapper{background:#fff!important;padding:0!important;position:static!important}.revision-mode{background:#fff!important;box-shadow:none!important;color:#8b4513!important;color:var(--revision-dark-primary)!important}.revision-header{background:#8b4513!important;background:var(--revision-dark-primary)!important;border-bottom:2px solid #8b4513!important;border-bottom:2px solid var(--revision-dark-primary)!important;color:#fff!important}.revision-complete,.revision-empty,.revision-test,.vocabulary-mode{background:#fff!important;border:1px solid #8b4513!important;border:1px solid var(--revision-dark-primary)!important;box-shadow:none!important;color:#8b4513!important;color:var(--revision-dark-primary)!important}.audio-button,.carousel-button,.revision-back-button-top,.show-stats-button{display:none!important}.category-card,.learn-mode-option,.matching-item{background:#fff!important;border:1px solid #8b4513!important;border:1px solid var(--revision-dark-primary)!important;break-inside:avoid!important;color:#8b4513!important;color:var(--revision-dark-primary)!important;page-break-inside:avoid!important}}@supports not (color:var(--revision-dark-primary )){.revision-mode-wrapper{background:#8b45131a;color:wheat}.light .revision-mode-wrapper{background:#f5deb34d;color:#8b4513}}:root{--dark-primary:peru;--dark-secondary:#8b4513;--dark-accent:#654321;--dark-text:#fff;--dark-text-secondary:wheat;--light-primary:#daa520;--light-secondary:#f4e4bc;--light-accent:wheat;--light-text:#654321;--light-text-secondary:#8b4513}.landing-page{align-items:center;background:linear-gradient(135deg,#f4e4bc,wheat 50%,#daa520);background:linear-gradient(135deg,var(--light-secondary) 0,var(--light-accent) 50%,var(--light-primary) 100%);color:#654321;color:var(--light-text);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;transition:all .5s ease;width:100%}.landing-page.dark{background:linear-gradient(135deg,peru,#8b4513 50%,#654321);background:linear-gradient(135deg,var(--dark-primary) 0,var(--dark-secondary) 50%,var(--dark-accent) 100%);color:#fff;color:var(--dark-text)}.landing-container{max-width:1200px;padding:2rem;width:100%}.landing-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;border:2px solid #daa5204d;border-radius:24px;box-shadow:0 12px 30px #daa52033;margin:0 auto;max-width:600px;padding:3rem;text-align:center;transition:all .5s ease}.dark .landing-content{background-color:#8b4513e6;border:2px solid #cd853f66;box-shadow:0 12px 30px #8b45134d}.logo-container{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem}.landing-logo{background-color:#fff;border:4px solid #daa520;border:4px solid var(--light-primary);border-radius:50%;box-shadow:0 6px 16px #daa5204d;height:120px;margin-bottom:1rem;padding:4px;transition:all .5s ease;width:120px}.dark .landing-logo{background-color:#f5deb31a;border-color:peru;border-color:var(--dark-primary);box-shadow:0 6px 16px #cd853f66}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#8b4513,#daa520);background:linear-gradient(45deg,var(--light-text-secondary),var(--light-primary));-webkit-background-clip:text;background-clip:text;color:#8b4513;color:var(--light-text-secondary);font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 4px #0000001a;transition:all .5s ease}.dark .app-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,peru,wheat);background:linear-gradient(45deg,var(--dark-primary),var(--dark-text-secondary));-webkit-background-clip:text;background-clip:text;text-shadow:0 2px 4px #0000004d}.app-description{color:#654321;color:var(--light-text);font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:2rem;transition:all .5s ease}.dark .app-description{color:wheat;color:var(--dark-text-secondary)}.authentication-container{margin-bottom:2rem}.auth-option{margin-bottom:1.5rem}.auth-option h3{color:#654321;color:var(--light-text);font-size:1.2rem;font-weight:600;margin-bottom:1rem;transition:all .5s ease}.dark .auth-option h3{color:#fff;color:var(--dark-text)}.auth-buttons{gap:1rem}.auth-buttons,.landing-google-btn{display:flex;justify-content:center}.landing-google-btn{align-items:center;margin:.5rem auto;max-width:300px;width:100%}.landing-google-btn>div{display:flex!important;justify-content:center!important;width:100%!important}.landing-google-btn button{background:linear-gradient(45deg,#daa520,#f4e4bc)!important;background:linear-gradient(45deg,var(--light-primary),var(--light-secondary))!important;border:2px solid #8b4513!important;border:2px solid var(--light-text-secondary)!important;box-shadow:0 4px 12px #daa5204d!important;color:#654321!important;color:var(--light-text)!important;font-weight:600!important;transition:all .3s ease!important}.landing-google-btn button:hover{box-shadow:0 6px 16px #daa52066!important;transform:translateY(-2px)!important}.dark .landing-google-btn button{background:linear-gradient(45deg,peru,#8b4513)!important;background:linear-gradient(45deg,var(--dark-primary),var(--dark-secondary))!important;border:2px solid wheat!important;border:2px solid var(--dark-text-secondary)!important;box-shadow:0 4px 12px #cd853f66!important;color:#fff!important;color:var(--dark-text)!important}.dark .landing-google-btn button:hover{box-shadow:0 6px 16px #cd853f80!important}.auth-separator{align-items:center;color:#8b4513;color:var(--light-text-secondary);display:flex;font-weight:500;margin:1.5rem 0;transition:all .5s ease}.dark .auth-separator{color:wheat;color:var(--dark-text-secondary)}.auth-separator:after,.auth-separator:before{background:linear-gradient(90deg,#0000,#daa520,#0000);background:linear-gradient(to right,#0000,var(--light-primary),#0000);content:"";flex:1 1;height:2px}.dark .auth-separator:after,.dark .auth-separator:before{background:linear-gradient(90deg,#0000,peru,#0000);background:linear-gradient(to right,#0000,var(--dark-primary),#0000)}.auth-separator span{background-color:inherit;font-weight:600;padding:0 1rem}.guest-button{background:#0000;border:2px solid #daa520;border:2px solid var(--light-primary);border-radius:12px;color:#8b4513;color:var(--light-text-secondary);cursor:pointer;font-size:1rem;font-weight:600;max-width:300px;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.guest-button:before{background:linear-gradient(90deg,#0000,#daa52033,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.guest-button:hover:before{left:100%}.guest-button:hover{background:linear-gradient(45deg,#daa5201a,#f5deb31a);border-color:#8b4513;border-color:var(--light-text-secondary);box-shadow:0 4px 12px #daa5204d;transform:translateY(-2px)}.dark .guest-button{border-color:peru;border-color:var(--dark-primary);color:wheat;color:var(--dark-text-secondary)}.dark .guest-button:before{background:linear-gradient(90deg,#0000,#cd853f33,#0000)}.dark .guest-button:hover{background:linear-gradient(45deg,#cd853f1a,#f5deb31a);border-color:wheat;border-color:var(--dark-text-secondary);box-shadow:0 4px 12px #cd853f66}.app-features{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.feature{align-items:center;background:#f5deb333;border:1px solid #daa5204d;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.feature:hover{box-shadow:0 4px 12px #daa52033;transform:translateY(-3px)}.dark .feature{background:#cd853f26;border-color:#cd853f66}.dark .feature:hover{box-shadow:0 4px 12px #cd853f4d}.feature-icon{font-size:1.75rem;margin-bottom:.25rem}.feature span{color:#654321;color:var(--light-text);font-size:.9rem;font-weight:500;transition:all .5s ease}.dark .feature span{color:wheat;color:var(--dark-text-secondary)}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f5deb3e6,#daa520e6);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;transition:all .5s ease;z-index:1000}.dark .loading-overlay{background:linear-gradient(135deg,#8b4513e6,#cd853fe6)}.spinner{animation:spin 1.2s linear infinite;border:4px solid #daa520;border:4px solid var(--light-primary);border-bottom:4px solid #0000;border-radius:50%;height:48px;margin-bottom:1rem;transition:all .5s ease;width:48px}.dark .spinner{border-color:peru;border-color:var(--dark-primary);border-bottom-color:#0000}.loading-overlay p{color:#654321;color:var(--light-text);font-size:1.1rem;font-weight:600;text-shadow:0 1px 2px #0000001a;transition:all .5s ease}.dark .loading-overlay p{color:#fff;color:var(--dark-text);text-shadow:0 1px 2px #0000004d}.theme-toggle{align-items:center;background:linear-gradient(45deg,#f4e4bc,#fff);background:linear-gradient(45deg,var(--light-secondary),#fff);border:2px solid #daa520;border:2px solid var(--light-primary);border-radius:50%;box-shadow:0 4px 12px #daa5204d;cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;width:48px}.theme-toggle:hover{box-shadow:0 6px 16px #daa52066;transform:scale(1.1) rotate(15deg)}.dark .theme-toggle{background:linear-gradient(45deg,#8b4513,#654321);background:linear-gradient(45deg,var(--dark-secondary),var(--dark-accent));border-color:peru;border-color:var(--dark-primary);box-shadow:0 4px 12px #cd853f66}.dark .theme-toggle:hover{box-shadow:0 6px 16px #cd853f80}@media (max-width:768px){.landing-content{margin:1rem;padding:2rem}.app-features{flex-direction:column;gap:1rem}.feature{flex-direction:row;padding:.75rem;text-align:left}.landing-logo{height:100px;width:100px}.app-title{font-size:2rem}.theme-toggle{font-size:1.25rem;height:40px;right:1rem;top:1rem;width:40px}.landing-google-btn{margin:0 auto!important;max-width:300px!important;transform:none;width:100%!important}.landing-google-btn button,.landing-google-btn iframe,.landing-google-btn>div{border-radius:12px!important;margin:0 auto!important;max-width:300px!important;width:100%!important}.landing-google-btn button span{display:flex!important;justify-content:center!important;width:100%!important}.auth-buttons{display:flex;justify-content:center;width:100%}.authentication-container{padding:0 1rem;width:100%}.guest-button{border-radius:12px;display:block;margin:0 auto;max-width:300px;width:100%}.auth-buttons,.authentication-container{align-items:center!important;display:flex!important;flex-direction:column!important;width:100%!important}.auth-separator{margin:1rem 0!important;width:100%}}@media (max-width:480px){.landing-content{margin:.5rem;padding:1.5rem}.app-title{font-size:1.75rem}.app-description{font-size:1rem}.landing-logo{height:80px;width:80px}.feature{padding:.5rem}.feature-icon{font-size:1.5rem}.feature span{font-size:.8rem}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.landing-logo{animation:logoFloat 4s ease-in-out infinite}@keyframes featurePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.feature:hover{animation:featurePulse 2s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.app-title{animation:gradientShift 4s ease infinite;background-size:200% 200%}@media (prefers-contrast:high){.landing-content{border-width:3px!important}.landing-logo{border-width:5px!important}.guest-button{font-weight:700!important}.guest-button,.theme-toggle{border-width:3px!important}.app-title{font-weight:800!important}}@media (prefers-reduced-motion:reduce){.app-title,.feature,.landing-logo{animation:none!important}.theme-toggle:hover{transform:scale(1.05)!important}}:root{--progress-dark-primary:#8b4513;--progress-dark-secondary:#5d3317;--progress-dark-accent:sienna;--progress-dark-bg:#8b45131a;--progress-dark-card:#fffffff2;--progress-dark-border:#8b451366;--progress-dark-text:#2c1810;--progress-dark-text-secondary:#4a2818;--progress-light-primary:#daa520;--progress-light-secondary:peru;--progress-light-accent:#b8860b;--progress-light-bg:#f5deb34d;--progress-light-card:#fffffffa;--progress-light-border:#daa52066;--progress-light-text:#2c1810;--progress-light-text-secondary:#4a2818;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}.progress-stats-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;background:var(--progress-dark-card);border:2px solid #8b451366;border:2px solid var(--progress-dark-border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #8b45134d;color:#2c1810;color:var(--progress-dark-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:1000px;padding:32px;padding:var(--spacing-xl)}.light .progress-stats-container,[data-theme=light] .progress-stats-container{background:#fffffffa;background:var(--progress-light-card);border-color:#daa52066;border-color:var(--progress-light-border);box-shadow:0 8px 24px #daa52033;color:#2c1810;color:var(--progress-light-text)}.progress-stats-header{align-items:center;border-bottom:2px solid #8b451366;border-bottom:2px solid var(--progress-dark-border);display:flex;flex-direction:row-reverse;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--spacing-xl);padding-bottom:24px;padding-bottom:var(--spacing-lg)}.light .progress-stats-header,[data-theme=light] .progress-stats-header{border-color:#daa52066;border-color:var(--progress-light-border)}.progress-stats-title{-webkit-text-fill-color:#0000;color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:28px;font-weight:800!important;margin:0;text-shadow:0 2px 4px #0000001a}.light .progress-stats-title,.progress-stats-title,[data-theme=light] .progress-stats-title{background:linear-gradient(45deg,#2c1810,#4a2818);-webkit-background-clip:text;background-clip:text}.light .progress-stats-title,[data-theme=light] .progress-stats-title{-webkit-text-fill-color:#0000;color:#2c1810!important;color:var(--progress-light-text)!important;text-shadow:0 1px 2px #fffc}.progress-back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2!important;border:2px solid #8b451366;border:2px solid var(--progress-dark-border);border-radius:12px;border-radius:var(--radius-md);color:#2c1810!important;color:var(--progress-dark-text)!important;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600!important;gap:8px;gap:var(--spacing-sm);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .15s ease-out;transition:all var(--transition-fast)}.progress-back-button:hover{background:#8b4513!important;background:var(--progress-dark-primary)!important;border-color:sienna;border-color:var(--progress-dark-accent);box-shadow:0 4px 12px #8b451366;color:#fff!important;transform:translateY(-2px)}.light .progress-back-button,[data-theme=light] .progress-back-button{background:#fffffffa!important;border-color:#daa52066;border-color:var(--progress-light-border);color:#2c1810!important;color:var(--progress-light-text)!important}.light .progress-back-button:hover,[data-theme=light] .progress-back-button:hover{background:#daa520!important;background:var(--progress-light-primary)!important;border-color:peru;border-color:var(--progress-light-secondary);box-shadow:0 4px 12px #daa5204d;color:#fff!important}.progress-stats-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--progress-dark-card);border-bottom:2px solid #8b451366;border-bottom:2px solid var(--progress-dark-border);border-radius:16px 16px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;justify-content:center;margin-bottom:32px;margin-bottom:var(--spacing-xl);padding:0 24px;padding:0 var(--spacing-lg)}.light .progress-stats-tabs,[data-theme=light] .progress-stats-tabs{background:#fffffffa;background:var(--progress-light-card);border-color:#daa52066;border-color:var(--progress-light-border)}.progress-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#4a2818!important;color:var(--progress-dark-text-secondary)!important;cursor:pointer;display:flex;font-weight:600!important;gap:8px;gap:var(--spacing-sm);padding:24px 32px;padding:var(--spacing-lg) var(--spacing-xl);position:relative;transition:all .25s ease-out;transition:all var(--transition-normal)}.progress-tab:hover{background:#8b45131a}.progress-tab.active,.progress-tab:hover{color:#2c1810!important;color:var(--progress-dark-text)!important}.progress-tab.active{background:#8b451326;border-bottom:3px solid #8b4513;border-bottom:3px solid var(--progress-dark-primary);font-weight:700!important}.light .progress-tab,[data-theme=light] .progress-tab{color:#4a2818!important;color:var(--progress-light-text-secondary)!important}.light .progress-tab:hover,[data-theme=light] .progress-tab:hover{background:#daa5201a;color:#2c1810!important;color:var(--progress-light-text)!important}.light .progress-tab.active,[data-theme=light] .progress-tab.active{background:#daa52026;border-bottom-color:#daa520;border-bottom-color:var(--progress-light-primary);color:#2c1810!important;color:var(--progress-light-text)!important;font-weight:700!important}.progress-stats-content{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-overview{display:flex;flex-direction:column;gap:32px;gap:var(--spacing-xl)}.progress-level-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--progress-dark-card);border:2px solid #8b451366;border:2px solid var(--progress-dark-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 6px 16px #8b45134d;padding:32px;padding:var(--spacing-xl);transition:all .25s ease-out;transition:all var(--transition-normal)}.progress-level-card:hover{box-shadow:0 8px 20px #8b451366;transform:translateY(-2px)}.light .progress-level-card,[data-theme=light] .progress-level-card{background:#fffffffa;background:var(--progress-light-card);border-color:#daa52066;border-color:var(--progress-light-border);box-shadow:0 6px 16px #daa52040}.light .progress-level-card:hover,[data-theme=light] .progress-level-card:hover{box-shadow:0 8px 20px #daa5204d}.progress-level-header{align-items:center;display:flex;gap:24px;gap:var(--spacing-lg);margin-bottom:32px;margin-bottom:var(--spacing-xl)}.progress-level-badge{align-items:center;background:#8b4513!important;background:var(--progress-dark-primary)!important;border:3px solid sienna;border:3px solid var(--progress-dark-accent);border-radius:50%;border-radius:var(--radius-full);box-shadow:0 4px 8px #8b451366;color:#fff!important;display:flex;font-size:32px;font-weight:900!important;height:60px;justify-content:center;text-shadow:0 1px 2px #00000080;width:60px}.light .progress-level-badge,[data-theme=light] .progress-level-badge{background:#daa520!important;background:var(--progress-light-primary)!important;border-color:peru;border-color:var(--progress-light-secondary);box-shadow:0 4px 8px #daa5204d;color:#fff!important}.progress-level-info h2{color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:26px!important;font-weight:800!important;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0}.progress-level-info p{color:#4a2818!important;color:var(--progress-dark-text-secondary)!important;font-size:18px!important;font-weight:600!important;margin:0}.light .progress-level-info h2,[data-theme=light] .progress-level-info h2{color:#2c1810!important;color:var(--progress-light-text)!important}.light .progress-level-info p,[data-theme=light] .progress-level-info p{color:#4a2818!important;color:var(--progress-light-text-secondary)!important}.progress-bar-container{width:100%}.progress-bar{background:#8b451333;border:1px solid #8b451366;border:1px solid var(--progress-dark-border);border-radius:6px;border-radius:var(--radius-sm);box-shadow:inset 0 2px 4px #0003;height:16px;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.light .progress-bar,[data-theme=light] .progress-bar{background:#daa52033;border-color:#daa52066;border-color:var(--progress-light-border);box-shadow:inset 0 2px 4px #0000001a}.progress-fill{background:linear-gradient(90deg,#8b4513,sienna);background:linear-gradient(90deg,var(--progress-dark-primary),var(--progress-dark-accent));border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 0 12px #8b451399;transition:width .8s ease-out}.light .progress-fill,[data-theme=light] .progress-fill{background:linear-gradient(90deg,#daa520,peru);background:linear-gradient(90deg,var(--progress-light-primary),var(--progress-light-secondary));box-shadow:0 0 12px #daa52066}.progress-stats{color:#4a2818!important;color:var(--progress-dark-text-secondary)!important;display:flex;font-size:15px!important;font-weight:600!important;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.light .progress-stats,[data-theme=light] .progress-stats{color:#4a2818!important;color:var(--progress-light-text-secondary)!important}.progress-next-level{color:#8b4513;color:var(--progress-dark-primary);font-size:15px!important;font-weight:600!important;margin:0;text-align:center}.light .progress-next-level,[data-theme=light] .progress-next-level{color:#daa520;color:var(--progress-light-primary)}.progress-stats-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.progress-stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--progress-dark-card);border:2px solid #8b451366;border:2px solid var(--progress-dark-border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 12px #8b45134d;display:flex;gap:24px;gap:var(--spacing-lg);padding:32px;padding:var(--spacing-xl);transition:all .25s ease-out;transition:all var(--transition-normal)}.progress-stat-card:hover{box-shadow:0 6px 16px #8b451366;transform:translateY(-2px)}.light .progress-stat-card,[data-theme=light] .progress-stat-card{background:#fffffffa;background:var(--progress-light-card);border-color:#daa52066;border-color:var(--progress-light-border);box-shadow:0 4px 12px #daa52040}.light .progress-stat-card:hover,[data-theme=light] .progress-stat-card:hover{box-shadow:0 6px 16px #daa5204d}.progress-stat-icon{align-items:center;background:#8b4513!important;background:var(--progress-dark-primary)!important;border:2px solid sienna;border:2px solid var(--progress-dark-accent);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 6px #8b45134d;color:#fff!important;display:flex;height:48px;justify-content:center;width:48px}.light .progress-stat-icon,[data-theme=light] .progress-stat-icon{background:#daa520!important;background:var(--progress-light-primary)!important;border-color:peru;border-color:var(--progress-light-secondary);box-shadow:0 2px 6px #daa5204d;color:#fff!important}.progress-stat-content h3{color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:28px!important;font-weight:800!important;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0}.progress-stat-content p{color:#4a2818!important;color:var(--progress-dark-text-secondary)!important;font-size:16px!important;font-weight:600!important;margin:0}.light .progress-stat-content h3,[data-theme=light] .progress-stat-content h3{color:#2c1810!important;color:var(--progress-light-text)!important}.light .progress-stat-content p,[data-theme=light] .progress-stat-content p{color:#4a2818!important;color:var(--progress-light-text-secondary)!important}.progress-completion-chart{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--progress-dark-card);border:2px solid #8b451366;border:2px solid var(--progress-dark-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 6px 16px #8b45134d;padding:32px;padding:var(--spacing-xl)}.light .progress-completion-chart,[data-theme=light] .progress-completion-chart{background:#fffffffa;background:var(--progress-light-card);border-color:#daa52066;border-color:var(--progress-light-border);box-shadow:0 6px 16px #daa52040}.progress-completion-chart h3{color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:20px;font-weight:700!important;margin:0 0 32px;margin:0 0 var(--spacing-xl) 0;text-align:center}.light .progress-completion-chart h3,[data-theme=light] .progress-completion-chart h3{color:#2c1810!important;color:var(--progress-light-text)!important}.progress-completion-container{align-items:center;display:flex;gap:32px;gap:var(--spacing-xl);justify-content:center}.progress-completion-info{text-align:center}.progress-completion-percentage{color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:36px!important;font-weight:900!important;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0;text-shadow:0 2px 4px #2c18104d}.progress-completion-text{color:#4a2818!important;color:var(--progress-dark-text-secondary)!important;font-size:18px!important;font-weight:600!important;margin:0}.light .progress-completion-percentage,[data-theme=light] .progress-completion-percentage{color:#2c1810!important;color:var(--progress-light-text)!important;text-shadow:0 2px 4px #2c18104d}.light .progress-completion-text,[data-theme=light] .progress-completion-text{color:#4a2818!important;color:var(--progress-light-text-secondary)!important}.progress-details{display:flex;flex-direction:column;gap:32px;gap:var(--spacing-xl)}.progress-category-completion,.progress-recent-activity,.progress-revision-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--progress-dark-card);border:2px solid #8b451366;border:2px solid var(--progress-dark-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 6px 16px #8b45134d;padding:32px;padding:var(--spacing-xl)}.light .progress-category-completion,.light .progress-recent-activity,.light .progress-revision-status,[data-theme=light] .progress-category-completion,[data-theme=light] .progress-recent-activity,[data-theme=light] .progress-revision-status{background:#fffffffa;background:var(--progress-light-card);border-color:#daa52066;border-color:var(--progress-light-border);box-shadow:0 6px 16px #daa52040}.progress-category-completion h3,.progress-recent-activity h3,.progress-revision-status h3{color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:20px;font-weight:700!important;margin:0 0 32px;margin:0 0 var(--spacing-xl) 0}.light .progress-category-completion h3,.light .progress-recent-activity h3,.light .progress-revision-status h3,[data-theme=light] .progress-category-completion h3,[data-theme=light] .progress-recent-activity h3,[data-theme=light] .progress-revision-status h3{color:#2c1810!important;color:var(--progress-light-text)!important}.category-progress-list{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.category-progress-item{background:#ffffffe6!important;border:2px solid #8b451366;border:2px solid var(--progress-dark-border);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:24px;padding:var(--spacing-lg);position:relative;transition:all .25s ease-out;transition:all var(--transition-normal)}.category-progress-item:hover{box-shadow:0 4px 12px #8b45134d;transform:translateY(-2px)}.category-progress-item.completed{background:#fffffff2!important;border-left:6px solid #8b4513;border-left:6px solid var(--progress-dark-primary)}.light .category-progress-item,[data-theme=light] .category-progress-item{background:#fffffff2!important;border-color:#daa52066;border-color:var(--progress-light-border)}.light .category-progress-item:hover,[data-theme=light] .category-progress-item:hover{box-shadow:0 4px 12px #daa52040}.light .category-progress-item.completed,[data-theme=light] .category-progress-item.completed{background:#fffffffa!important;border-left-color:#daa520;border-left-color:var(--progress-light-primary)}.category-info{align-items:center;display:flex;justify-content:space-between}.category-name{color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:17px!important;font-weight:700!important}.category-stats{color:#4a2818!important;color:var(--progress-dark-text-secondary)!important;font-size:15px!important;font-weight:600!important}.light .category-name,[data-theme=light] .category-name{color:#2c1810!important;color:var(--progress-light-text)!important}.light .category-stats,[data-theme=light] .category-stats{color:#4a2818!important;color:var(--progress-light-text-secondary)!important}.category-progress-bar{background:#8b451333;border:1px solid #8b451366;border:1px solid var(--progress-dark-border);border-radius:6px;border-radius:var(--radius-sm);height:8px;overflow:hidden}.light .category-progress-bar,[data-theme=light] .category-progress-bar{background:#daa52033;border-color:#daa52066;border-color:var(--progress-light-border)}.category-progress-fill{background:#8b4513;background:var(--progress-dark-primary);border-radius:6px;border-radius:var(--radius-sm);height:100%;transition:width .5s ease-out}.light .category-progress-fill,[data-theme=light] .category-progress-fill{background:#daa520;background:var(--progress-light-primary)}.category-completed-badge{color:#8b4513;color:var(--progress-dark-primary);position:absolute;right:24px;right:var(--spacing-lg);top:24px;top:var(--spacing-lg)}.light .category-completed-badge,[data-theme=light] .category-completed-badge{color:#daa520;color:var(--progress-light-primary)}.recent-activity-list{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.recent-activity-item{background:#ffffffe6!important;border:2px solid #8b451366;border:2px solid var(--progress-dark-border);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs);padding:24px;padding:var(--spacing-lg);transition:all .25s ease-out;transition:all var(--transition-normal)}.recent-activity-item:hover{box-shadow:0 4px 12px #8b45134d;transform:translateY(-2px)}.light .recent-activity-item,[data-theme=light] .recent-activity-item{background:#fffffff2!important;border-color:#daa52066;border-color:var(--progress-light-border)}.light .recent-activity-item:hover,[data-theme=light] .recent-activity-item:hover{box-shadow:0 4px 12px #daa52040}.recent-word{color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:17px!important;font-weight:700!important}.light .recent-word,[data-theme=light] .recent-word{color:#2c1810!important;color:var(--progress-light-text)!important}.recent-word-details{color:#4a2818!important;color:var(--progress-dark-text-secondary)!important;display:flex;font-size:15px!important;font-weight:600!important;justify-content:space-between}.light .recent-word-details,[data-theme=light] .recent-word-details{color:#4a2818!important;color:var(--progress-light-text-secondary)!important}.no-recent-activity{color:#4a2818!important;color:var(--progress-dark-text-secondary)!important;font-style:italic;font-weight:500!important;padding:32px;padding:var(--spacing-xl);text-align:center}.light .no-recent-activity,[data-theme=light] .no-recent-activity{color:#4a2818!important;color:var(--progress-light-text-secondary)!important}.revision-status-info{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.revision-status-item{align-items:center;background:#ffffffe6!important;border:2px solid #8b451366;border:2px solid var(--progress-dark-border);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:32px;padding:var(--spacing-xl);text-align:center;transition:all .25s ease-out;transition:all var(--transition-normal)}.revision-status-item:hover{box-shadow:0 4px 12px #8b45134d;transform:translateY(-2px)}.light .revision-status-item,[data-theme=light] .revision-status-item{background:#fffffff2!important;border-color:#daa52066;border-color:var(--progress-light-border)}.light .revision-status-item:hover,[data-theme=light] .revision-status-item:hover{box-shadow:0 4px 12px #daa52040}.revision-label{color:#4a2818!important;color:var(--progress-dark-text-secondary)!important;font-size:15px!important;font-weight:600!important}.revision-value{color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:28px!important;font-weight:800!important;text-shadow:0 1px 2px #2c18104d}.light .revision-label,[data-theme=light] .revision-label{color:#4a2818!important;color:var(--progress-light-text-secondary)!important}.light .revision-value,[data-theme=light] .revision-value{color:#2c1810!important;color:var(--progress-light-text)!important;text-shadow:0 1px 2px #2c18104d}.progress-achievements{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--progress-dark-card);border:2px solid #8b451366;border:2px solid var(--progress-dark-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 6px 16px #8b45134d;padding:32px;padding:var(--spacing-xl)}.light .progress-achievements,[data-theme=light] .progress-achievements{background:#fffffffa;background:var(--progress-light-card);border-color:#daa52066;border-color:var(--progress-light-border);box-shadow:0 6px 16px #daa52040}.progress-achievements h3{color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:20px;font-weight:700!important;margin:0 0 32px;margin:0 0 var(--spacing-xl) 0;text-align:center}.light .progress-achievements h3,[data-theme=light] .progress-achievements h3{color:#2c1810!important;color:var(--progress-light-text)!important}.achievements-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.achievement-card{align-items:center;background:#ffffffe6!important;border:2px solid #8b451366;border:2px solid var(--progress-dark-border);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:24px;gap:var(--spacing-lg);padding:24px;padding:var(--spacing-lg);position:relative;transition:all .25s ease-out;transition:all var(--transition-normal)}.achievement-card:hover{box-shadow:0 4px 12px #8b45134d;transform:translateY(-2px)}.achievement-card.unlocked{background:#fffffff2!important;border-left:6px solid #8b4513;border-left:6px solid var(--progress-dark-primary)}.achievement-card.locked{opacity:.6}.light .achievement-card,[data-theme=light] .achievement-card{background:#fffffff2!important;border-color:#daa52066;border-color:var(--progress-light-border)}.light .achievement-card:hover,[data-theme=light] .achievement-card:hover{box-shadow:0 4px 12px #daa52040}.light .achievement-card.unlocked,[data-theme=light] .achievement-card.unlocked{background:#fffffffa!important;border-left-color:#daa520;border-left-color:var(--progress-light-primary)}.achievement-icon{align-items:center;background:#8b451333;border:2px solid #8b451366;border:2px solid var(--progress-dark-border);border-radius:12px;border-radius:var(--radius-md);color:#4a2818;color:var(--progress-dark-text-secondary);display:flex;height:40px;justify-content:center;width:40px}.achievement-card.unlocked .achievement-icon{background:#8b4513!important;background:var(--progress-dark-primary)!important;border-color:sienna;border-color:var(--progress-dark-accent);box-shadow:0 2px 6px #8b451366;color:#fff!important}.light .achievement-icon,[data-theme=light] .achievement-icon{background:#daa52033;border-color:#daa52066;border-color:var(--progress-light-border);color:#4a2818;color:var(--progress-light-text-secondary)}.light .achievement-card.unlocked .achievement-icon,[data-theme=light] .achievement-card.unlocked .achievement-icon{background:#daa520!important;background:var(--progress-light-primary)!important;border-color:peru;border-color:var(--progress-light-secondary);box-shadow:0 2px 6px #daa5204d;color:#fff!important}.achievement-info{flex:1 1}.achievement-info h4{color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:17px!important;font-weight:700!important;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0}.achievement-info p{color:#4a2818!important;color:var(--progress-dark-text-secondary)!important;font-size:15px!important;font-weight:600!important;margin:0}.light .achievement-info h4,[data-theme=light] .achievement-info h4{color:#2c1810!important;color:var(--progress-light-text)!important}.light .achievement-info p,[data-theme=light] .achievement-info p{color:#4a2818!important;color:var(--progress-light-text-secondary)!important}.achievement-badge{color:#8b4513;color:var(--progress-dark-primary);position:absolute;right:24px;right:var(--spacing-lg);top:24px;top:var(--spacing-lg)}.light .achievement-badge,[data-theme=light] .achievement-badge{color:#daa520;color:var(--progress-light-primary)}.progress-revision{display:flex;flex-direction:column;gap:32px;gap:var(--spacing-xl)}.progress-recent-revisions,.progress-revision-by-category,.progress-revision-overview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--progress-dark-card);border:2px solid #8b451366;border:2px solid var(--progress-dark-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 6px 16px #8b45134d;padding:32px;padding:var(--spacing-xl)}.light .progress-recent-revisions,.light .progress-revision-by-category,.light .progress-revision-overview,[data-theme=light] .progress-recent-revisions,[data-theme=light] .progress-revision-by-category,[data-theme=light] .progress-revision-overview{background:#fffffffa;background:var(--progress-light-card);border-color:#daa52066;border-color:var(--progress-light-border);box-shadow:0 6px 16px #daa52040}.progress-recent-revisions h3,.progress-revision-by-category h3,.progress-revision-overview h3{color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:20px;font-weight:700!important;margin:0 0 32px;margin:0 0 var(--spacing-xl) 0}.light .progress-recent-revisions h3,.light .progress-revision-by-category h3,.light .progress-revision-overview h3,[data-theme=light] .progress-recent-revisions h3,[data-theme=light] .progress-revision-by-category h3,[data-theme=light] .progress-revision-overview h3{color:#2c1810!important;color:var(--progress-light-text)!important}.revision-category-list{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.revision-category-item{background:#ffffffe6!important;border:2px solid #8b451366;border:2px solid var(--progress-dark-border);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:24px;padding:var(--spacing-lg);transition:all .25s ease-out;transition:all var(--transition-normal)}.revision-category-item:hover{box-shadow:0 4px 12px #8b45134d;transform:translateY(-2px)}.light .revision-category-item,[data-theme=light] .revision-category-item{background:#fffffff2!important;border-color:#daa52066;border-color:var(--progress-light-border)}.light .revision-category-item:hover,[data-theme=light] .revision-category-item:hover{box-shadow:0 4px 12px #daa52040}.revision-category-info{align-items:center;display:flex;justify-content:space-between}.revision-category-name{color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:17px!important;font-weight:700!important}.revision-category-stats{color:#4a2818!important;color:var(--progress-dark-text-secondary)!important;font-size:15px!important;font-weight:600!important}.light .revision-category-name,[data-theme=light] .revision-category-name{color:#2c1810!important;color:var(--progress-light-text)!important}.light .revision-category-stats,[data-theme=light] .revision-category-stats{color:#4a2818!important;color:var(--progress-light-text-secondary)!important}.revision-category-progress-bar{background:#8b451333;border:1px solid #8b451366;border:1px solid var(--progress-dark-border);border-radius:6px;border-radius:var(--radius-sm);height:8px;overflow:hidden}.light .revision-category-progress-bar,[data-theme=light] .revision-category-progress-bar{background:#daa52033;border-color:#daa52066;border-color:var(--progress-light-border)}.revision-category-progress-fill{background:#8b4513;background:var(--progress-dark-primary);border-radius:6px;border-radius:var(--radius-sm);height:100%;transition:width .5s ease-out}.light .revision-category-progress-fill,[data-theme=light] .revision-category-progress-fill{background:#daa520;background:var(--progress-light-primary)}.recent-revisions-list{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.recent-revision-item{align-items:center;background:#ffffffe6!important;border:2px solid #8b451366;border:2px solid var(--progress-dark-border);border-radius:12px;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:24px;padding:var(--spacing-lg);transition:all .25s ease-out;transition:all var(--transition-normal)}.recent-revision-item:hover{box-shadow:0 4px 12px #8b45134d;transform:translateY(-2px)}.light .recent-revision-item,[data-theme=light] .recent-revision-item{background:#fffffff2!important;border-color:#daa52066;border-color:var(--progress-light-border)}.light .recent-revision-item:hover,[data-theme=light] .recent-revision-item:hover{box-shadow:0 4px 12px #daa52040}.revision-word-info{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.revision-word{color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:17px!important;font-weight:700!important}.revision-category-tag{background:#8b451333;border-radius:6px;border-radius:var(--radius-sm);color:#4a2818!important;color:var(--progress-dark-text-secondary)!important;font-size:12px;font-weight:500!important;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.light .revision-word,[data-theme=light] .revision-word{color:#2c1810!important;color:var(--progress-light-text)!important}.light .revision-category-tag,[data-theme=light] .revision-category-tag{background:#daa52033;color:#4a2818!important;color:var(--progress-light-text-secondary)!important}.revision-result{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.revision-result-icon{align-items:center;border-radius:50%;border-radius:var(--radius-full);display:flex;height:24px;justify-content:center;width:24px}.revision-result-icon.correct{background:#10b981;color:#fff}.revision-result-icon.incorrect{background:#ef4444;color:#fff}.revision-time{color:#4a2818!important;color:var(--progress-dark-text-secondary)!important;font-size:12px;font-weight:500!important}.light .revision-time,[data-theme=light] .revision-time{color:#4a2818!important;color:var(--progress-light-text-secondary)!important}.progress-sentences-detail,.progress-sentences-learning{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--progress-dark-card);border:2px solid #8b451366;border:2px solid var(--progress-dark-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 6px 16px #8b45134d;padding:32px;padding:var(--spacing-xl)}.light .progress-sentences-detail,.light .progress-sentences-learning,[data-theme=light] .progress-sentences-detail,[data-theme=light] .progress-sentences-learning{background:#fffffffa;background:var(--progress-light-card);border-color:#daa52066;border-color:var(--progress-light-border);box-shadow:0 6px 16px #daa52040}.progress-sentences-detail h3,.progress-sentences-learning h3{color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:20px;font-weight:700!important;margin:0 0 32px;margin:0 0 var(--spacing-xl) 0}.light .progress-sentences-detail h3,.light .progress-sentences-learning h3,[data-theme=light] .progress-sentences-detail h3,[data-theme=light] .progress-sentences-learning h3{color:#2c1810!important;color:var(--progress-light-text)!important}.sentences-list{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.sentence-detail-item{align-items:center;background:#ffffffe6!important;border:2px solid #8b451366;border:2px solid var(--progress-dark-border);border-radius:12px;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:24px;padding:var(--spacing-lg);transition:all .25s ease-out;transition:all var(--transition-normal)}.sentence-detail-item:hover{box-shadow:0 4px 12px #8b45134d;transform:translateY(-2px)}.sentence-detail-item.learning{border-left:4px solid #f59e0b}.light .sentence-detail-item,[data-theme=light] .sentence-detail-item{background:#fffffff2!important;border-color:#daa52066;border-color:var(--progress-light-border)}.light .sentence-detail-item:hover,[data-theme=light] .sentence-detail-item:hover{box-shadow:0 4px 12px #daa52040}.sentence-content{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.sentence-french{color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:16px!important;font-weight:700!important}.sentence-original{color:#4a2818!important;color:var(--progress-dark-text-secondary)!important;font-size:14px!important;font-weight:500!important}.light .sentence-french,[data-theme=light] .sentence-french{color:#2c1810!important;color:var(--progress-light-text)!important}.light .sentence-original,[data-theme=light] .sentence-original{color:#4a2818!important;color:var(--progress-light-text-secondary)!important}.sentence-category{background:#8b451333;border-radius:6px;border-radius:var(--radius-sm);color:#4a2818!important;color:var(--progress-dark-text-secondary)!important;font-size:12px!important;font-weight:500!important;padding:4px 8px}.light .sentence-category,[data-theme=light] .sentence-category{background:#daa52033;color:#4a2818!important;color:var(--progress-light-text-secondary)!important}.sentence-status{align-items:center;display:flex;font-size:14px!important;font-weight:600!important;gap:4px;gap:var(--spacing-xs)}.sentence-status.mastered{color:#10b981}.sentence-status.learning{color:#f59e0b}.grammar-words-more,.sentences-more,.vocabulary-more{color:#4a2818!important;color:var(--progress-dark-text-secondary)!important;font-style:italic;font-weight:500!important;padding:24px;padding:var(--spacing-lg);text-align:center}.light .grammar-words-more,.light .sentences-more,.light .vocabulary-more,[data-theme=light] .grammar-words-more,[data-theme=light] .sentences-more,[data-theme=light] .vocabulary-more{color:#4a2818!important;color:var(--progress-light-text-secondary)!important}.progress-vocabulary-detail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--progress-dark-card);border:2px solid #8b451366;border:2px solid var(--progress-dark-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 6px 16px #8b45134d;padding:32px;padding:var(--spacing-xl)}.light .progress-vocabulary-detail,[data-theme=light] .progress-vocabulary-detail{background:#fffffffa;background:var(--progress-light-card);border-color:#daa52066;border-color:var(--progress-light-border);box-shadow:0 6px 16px #daa52040}.progress-vocabulary-detail h3{color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:20px;font-weight:700!important;margin:0 0 32px;margin:0 0 var(--spacing-xl) 0}.light .progress-vocabulary-detail h3,[data-theme=light] .progress-vocabulary-detail h3{color:#2c1810!important;color:var(--progress-light-text)!important}.vocabulary-grid{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.vocabulary-item{background:#fffc!important;border:1px solid #8b451366;border:1px solid var(--progress-dark-border);border-radius:6px;border-radius:var(--radius-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.light .vocabulary-item,[data-theme=light] .vocabulary-item{background:#ffffffe6!important;border-color:#daa52066;border-color:var(--progress-light-border)}.vocabulary-word{color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:14px!important;font-weight:600!important}.light .vocabulary-word,[data-theme=light] .vocabulary-word{color:#2c1810!important;color:var(--progress-light-text)!important}.progress-grammar-detail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--progress-dark-card);border:2px solid #8b451366;border:2px solid var(--progress-dark-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 6px 16px #8b45134d;padding:32px;padding:var(--spacing-xl)}.light .progress-grammar-detail,[data-theme=light] .progress-grammar-detail{background:#fffffffa;background:var(--progress-light-card);border-color:#daa52066;border-color:var(--progress-light-border);box-shadow:0 6px 16px #daa52040}.progress-grammar-detail h3{color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:20px;font-weight:700!important;margin:0 0 32px;margin:0 0 var(--spacing-xl) 0}.light .progress-grammar-detail h3,[data-theme=light] .progress-grammar-detail h3{color:#2c1810!important;color:var(--progress-light-text)!important}.grammar-sessions-list{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.grammar-session-item{background:#ffffffe6!important;border:2px solid #8b451366;border:2px solid var(--progress-dark-border);border-radius:12px;border-radius:var(--radius-md);padding:24px;padding:var(--spacing-lg)}.light .grammar-session-item,[data-theme=light] .grammar-session-item{background:#fffffff2!important;border-color:#daa52066;border-color:var(--progress-light-border)}.grammar-session-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md)}.grammar-session-header h4{color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:18px!important;font-weight:700!important;margin:0}.light .grammar-session-header h4,[data-theme=light] .grammar-session-header h4{color:#2c1810!important;color:var(--progress-light-text)!important}.grammar-session-count{color:#4a2818!important;color:var(--progress-dark-text-secondary)!important;font-size:14px!important;font-weight:600!important}.light .grammar-session-count,[data-theme=light] .grammar-session-count{color:#4a2818!important;color:var(--progress-light-text-secondary)!important}.grammar-words-grid{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grammar-word-item{background:#fffc!important;border:1px solid #8b451366;border:1px solid var(--progress-dark-border);border-radius:6px;border-radius:var(--radius-sm);padding:8px;padding:var(--spacing-sm)}.light .grammar-word-item,[data-theme=light] .grammar-word-item{background:#ffffffe6!important;border-color:#daa52066;border-color:var(--progress-light-border)}.grammar-word{color:#2c1810!important;color:var(--progress-dark-text)!important;display:block;font-size:14px!important;font-weight:700!important}.grammar-translation{color:#4a2818!important;color:var(--progress-dark-text-secondary)!important;font-size:12px!important;font-weight:500!important}.light .grammar-word,[data-theme=light] .grammar-word{color:#2c1810!important;color:var(--progress-light-text)!important}.light .grammar-translation,[data-theme=light] .grammar-translation{color:#4a2818!important;color:var(--progress-light-text-secondary)!important}@media (max-width:768px){.progress-stats-container{border-radius:0;box-shadow:none;margin:0;padding:24px;padding:var(--spacing-lg)}.progress-stats-header{align-items:flex-start;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.progress-stats-title{font-size:24px!important;font-weight:800!important}.progress-stats-tabs{justify-content:space-between;padding:0 16px;padding:0 var(--spacing-md);width:100%}.progress-tab{flex:1 1;font-size:14px;justify-content:center;padding:16px 8px;padding:var(--spacing-md) var(--spacing-sm)}.progress-completion-container{flex-direction:column;gap:24px;gap:var(--spacing-lg)}.progress-stats-grid{grid-template-columns:1fr}.progress-stat-card{padding:24px;padding:var(--spacing-lg)}.progress-stat-content h3{font-size:24px!important}.progress-level-header{flex-direction:column;gap:24px;gap:var(--spacing-lg);text-align:center}.progress-level-badge{font-size:40px;height:80px;width:80px}.progress-level-info h2{font-size:22px!important}.progress-level-info p{font-size:16px!important}.progress-completion-percentage{font-size:32px!important}.achievements-grid,.revision-status-info{grid-template-columns:1fr}.achievement-card{flex-direction:column;text-align:center}.achievement-card,.category-progress-item,.recent-activity-item,.revision-status-item{padding:24px;padding:var(--spacing-lg)}.vocabulary-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.grammar-words-grid{grid-template-columns:1fr}.sentence-detail-item{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--spacing-sm)}}@media (max-width:480px){.progress-stats-container{padding:16px;padding:var(--spacing-md)}.progress-stats-header{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.progress-stats-title{font-size:20px!important;font-weight:800!important}.progress-tab{font-size:12px;padding:8px;padding:var(--spacing-sm)}.progress-achievements,.progress-category-completion,.progress-completion-chart,.progress-level-card,.progress-recent-activity,.progress-revision-status,.progress-stat-card{padding:24px;padding:var(--spacing-lg)}.progress-level-badge{font-size:24px;height:60px;width:60px}.progress-stat-icon{height:40px;width:40px}.progress-stat-content h3{font-size:22px!important}.progress-completion-percentage{font-size:28px!important}.achievement-icon{height:36px;width:36px}.vocabulary-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.mobile-header-back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2!important;border:2px solid #8b45134d;border-radius:12px;color:#2c1810!important;color:var(--progress-dark-text)!important;font-weight:600!important;padding:12px;transition:all .15s ease-out;transition:all var(--transition-fast)}.mobile-header-back-button:hover{background:#8b4513!important;background:var(--progress-dark-primary)!important;box-shadow:0 4px 12px #8b451366;color:#fff!important;transform:translateY(-2px)}.light .mobile-header-back-button,[data-theme=light] .mobile-header-back-button{background:#fffffffa!important;color:#2c1810!important;color:var(--progress-light-text)!important}.light .mobile-header-back-button:hover,[data-theme=light] .mobile-header-back-button:hover{background:#daa520!important;background:var(--progress-light-primary)!important;color:#fff!important}.progress-mobile-title{color:#2c1810!important;color:var(--progress-dark-text)!important;font-size:20px!important;font-weight:700!important;margin:0}.light .progress-mobile-title,[data-theme=light] .progress-mobile-title{color:#2c1810!important;color:var(--progress-light-text)!important}.progress-header.mobile-layout{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg);width:100%}.progress-header-spacer{width:48px}.achievement-card,.category-progress-item,.progress-level-card,.progress-stat-card,.recent-activity-item,.recent-revision-item,.revision-category-item,.sentence-detail-item{animation:slideInUp .3s ease-out}.progress-level-card:first-child{animation-delay:.1s}.progress-stat-card:first-child{animation-delay:.2s}.progress-stat-card:nth-child(2){animation-delay:.3s}.progress-stat-card:nth-child(3){animation-delay:.4s}.progress-stat-card:nth-child(4){animation-delay:.5s}@keyframes progressFill{0%{width:0}to{width:var(--target-width)}}.category-progress-fill[data-animate=true],.progress-fill[data-animate=true],.revision-category-progress-fill[data-animate=true]{animation:progressFill 1s ease-out}.achievement-card,.category-progress-item,.grammar-session-item,.progress-level-card,.progress-stat-card,.recent-activity-item,.recent-revision-item,.revision-category-item,.revision-status-item,.sentence-detail-item{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:transform}.mobile-header-back-button:focus-visible,.progress-back-button:focus-visible,.progress-tab:focus-visible{box-shadow:0 0 0 3px #8b45134d;outline:3px solid #8b4513;outline:3px solid var(--progress-dark-primary);outline-offset:2px}.light .mobile-header-back-button:focus-visible,.light .progress-back-button:focus-visible,.light .progress-tab:focus-visible,[data-theme=light] .mobile-header-back-button:focus-visible,[data-theme=light] .progress-back-button:focus-visible,[data-theme=light] .progress-tab:focus-visible{box-shadow:0 0 0 3px #daa5204d;outline-color:#daa520;outline-color:var(--progress-light-primary)}@media (prefers-reduced-motion:reduce){.achievement-card,.category-progress-fill,.category-progress-item,.grammar-session-item,.progress-fill,.progress-level-card,.progress-stat-card,.progress-stats-content,.recent-activity-item,.recent-revision-item,.revision-category-item,.revision-category-progress-fill,.sentence-detail-item{animation:none!important;transition:none!important}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--progress-dark-text:#000!important;--progress-dark-text-secondary:#333!important;--progress-light-text:#000!important;--progress-light-text-secondary:#333!important}.achievement-card,.category-progress-item,.grammar-session-item,.progress-achievements,.progress-category-completion,.progress-completion-chart,.progress-level-card,.progress-recent-activity,.progress-revision-status,.progress-stat-card,.recent-activity-item,.recent-revision-item,.revision-category-item,.revision-status-item,.sentence-detail-item{border-width:3px!important;font-weight:700!important}.category-progress-bar,.progress-bar,.revision-category-progress-bar{border-width:2px!important}.progress-stats-container *{font-weight:700!important}}.progress-spacing-xs{margin:4px!important;margin:var(--spacing-xs)!important}.progress-spacing-sm{margin:8px!important;margin:var(--spacing-sm)!important}.progress-spacing-md{margin:16px!important;margin:var(--spacing-md)!important}.progress-spacing-lg{margin:24px!important;margin:var(--spacing-lg)!important}.progress-spacing-xl{margin:32px!important;margin:var(--spacing-xl)!important}.progress-text-primary{color:#2c1810!important;color:var(--progress-dark-text)!important;font-weight:700!important}.progress-text-secondary{color:#4a2818!important;color:var(--progress-dark-text-secondary)!important;font-weight:600!important}.light .progress-text-primary,[data-theme=light] .progress-text-primary{color:#2c1810!important;color:var(--progress-light-text)!important}.light .progress-text-secondary,[data-theme=light] .progress-text-secondary{color:#4a2818!important;color:var(--progress-light-text-secondary)!important}.progress-bg-card{background:#fffffff2!important;background:var(--progress-dark-card)!important;border:2px solid #8b451366!important;border:2px solid var(--progress-dark-border)!important}.progress-bg-primary{background:#8b4513!important;background:var(--progress-dark-primary)!important;color:#fff!important}.light .progress-bg-card,[data-theme=light] .progress-bg-card{background:#fffffffa!important;background:var(--progress-light-card)!important;border-color:#daa52066!important;border-color:var(--progress-light-border)!important}.light .progress-bg-primary,[data-theme=light] .progress-bg-primary{background:#daa520!important;background:var(--progress-light-primary)!important;color:#fff!important}.progress-stats-container *{color:#2c1810!important;color:var(--progress-dark-text)!important}.progress-stats-container p,.progress-stats-container span:not(.progress-stats-title *){color:#4a2818!important;color:var(--progress-dark-text-secondary)!important}.light .progress-stats-container *,[data-theme=light] .progress-stats-container *{color:#2c1810!important;color:var(--progress-light-text)!important}.light .progress-stats-container p,.light .progress-stats-container span:not(.progress-stats-title *),[data-theme=light] .progress-stats-container p,[data-theme=light] .progress-stats-container span:not(.progress-stats-title *){color:#4a2818!important;color:var(--progress-light-text-secondary)!important}.achievement-icon,.progress-level-badge,.progress-stat-icon,.revision-result-icon,.sentence-status{color:inherit!important}@media (prefers-color-scheme:dark){.progress-stats-container:not(.light):not([data-theme=light]){background:#fffffff2;background:var(--progress-dark-card);border-color:#8b451366;border-color:var(--progress-dark-border);color:#2c1810;color:var(--progress-dark-text)}}@media (prefers-color-scheme:light){.progress-stats-container:not(.dark):not([data-theme=dark]){background:#fffffffa;background:var(--progress-light-card);border-color:#daa52066;border-color:var(--progress-light-border);color:#2c1810;color:var(--progress-light-text)}}.achievement-card:hover,.category-progress-item:hover,.grammar-session-item:hover,.progress-level-card:hover,.progress-stat-card:hover,.recent-activity-item:hover,.recent-revision-item:hover,.revision-category-item:hover,.revision-status-item:hover,.sentence-detail-item:hover{border-color:#8b4513!important;border-color:var(--progress-dark-primary)!important;box-shadow:0 8px 24px #8b451366!important}.light .achievement-card:hover,.light .category-progress-item:hover,.light .grammar-session-item:hover,.light .progress-level-card:hover,.light .progress-stat-card:hover,.light .recent-activity-item:hover,.light .recent-revision-item:hover,.light .revision-category-item:hover,.light .revision-status-item:hover,.light .sentence-detail-item:hover,[data-theme=light] .achievement-card:hover,[data-theme=light] .category-progress-item:hover,[data-theme=light] .grammar-session-item:hover,[data-theme=light] .progress-level-card:hover,[data-theme=light] .progress-stat-card:hover,[data-theme=light] .recent-activity-item:hover,[data-theme=light] .recent-revision-item:hover,[data-theme=light] .revision-category-item:hover,[data-theme=light] .revision-status-item:hover,[data-theme=light] .sentence-detail-item:hover{border-color:#daa520!important;border-color:var(--progress-light-primary)!important;box-shadow:0 8px 24px #daa52059!important}@media print{.progress-stats-container{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important;color:#000!important}.progress-stats-container *{background:#0000!important;box-shadow:none!important;color:#000!important}.mobile-header-back-button,.progress-back-button,.progress-stats-tabs{display:none!important}}@media (max-width:768px){body{padding-top:60px}.App{margin:0;max-width:100%;overflow-x:hidden;padding:0}.category-selection,.grammar-mode,.learn-mode-container,.main-menu,.modern-main-container,.quiz-container,.revision-mode,.sentence-construction-game,.sentence-gap-game{border-radius:0!important;box-shadow:none!important;margin:60px 0 20px!important;max-width:100%!important;padding:16px!important;width:100%!important}.menu-grid{gap:12px!important;grid-template-columns:1fr!important}.menu-button{align-items:center!important;flex-direction:row!important;gap:16px!important;justify-content:flex-start!important;min-height:60px!important;padding:12px 16px!important}.menu-icon{font-size:24px!important;margin-bottom:0!important}.menu-label{font-size:16px!important;text-align:left!important}.category-carousel-container{padding:12px!important}.category-item{width:100%!important}.category-button{height:180px!important}.learn-mode-options{gap:12px!important;grid-template-columns:1fr!important}.learn-mode-word h3{font-size:24px!important}.learn-mode-translation{font-size:18px!important}.mascot-container{height:60px!important;right:10px!important;top:70px!important;width:60px!important}.speech-bubble{font-size:12px!important;max-width:150px!important;padding:8px!important}.back-button{border-radius:10px!important;bottom:20px!important;left:50%!important;margin:0 auto!important;max-width:400px!important;position:fixed!important;transform:translateX(-50%)!important;width:90%!important;z-index:100!important}.quiz-container{padding:16px!important;width:100%!important}.quiz-options{grid-template-columns:1fr!important}.construction-area{min-height:100px!important;padding:12px!important}.word-item{font-size:14px!important;padding:8px 12px!important}.modal-content{margin:0 auto!important;max-width:95%!important;padding:16px!important;width:95%!important}.category-button,.learn-mode-option,.menu-button,.quiz-option,.word-item,button{min-height:44px!important;touch-action:manipulation!important}*{transition-duration:.2s!important}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}}@media (max-width:768px) and (orientation:landscape){.learn-mode-options,.menu-grid{grid-template-columns:repeat(2,1fr)!important}.construction-area{min-height:80px!important}}@media (max-width:768px){.App>div:not(:last-child){display:none!important}.App>div:last-child{bottom:0!important;height:100vh!important;left:0!important;overflow-y:auto!important;padding-top:60px!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:5!important}.App{margin:0!important;min-height:100vh!important;overflow:hidden!important;padding:0!important;position:relative!important;width:100%!important}.mobile-component-container{bottom:0!important;height:100vh!important;left:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding-top:60px!important;position:absolute!important;right:0!important;top:0!important;width:100%!important;z-index:1!important}.mobile-component-container>*{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;min-height:calc(100vh - 60px)!important;padding:16px!important;position:relative!important;width:100%!important}.swipe-navigation-container .mobile-component-container{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}.App>:not(.swipe-navigation-container){display:none!important}.swipe-navigation-container{bottom:0!important;height:100vh!important;left:0!important;position:absolute!important;right:0!important;top:0!important;width:100%!important;z-index:5!important}.modern-main-container{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;justify-content:center!important}.category-selection,.exercise-mode-container,.grammar-mode-container,.learn-mode-container,.progress-stats-container,.quiz-container,.revision-mode,.sentence-construction-game,.sentence-gap-container{align-items:stretch!important;background-color:#f8fafc!important;justify-content:flex-start!important}.modern-menu-grid{gap:12px!important;grid-template-columns:1fr!important;width:100%!important}.modern-menu-item{min-height:60px!important;padding:12px 16px!important}.mobile-component-container *{box-sizing:border-box!important;max-width:100%!important}.debug-mobile-container{background:#f00c!important;border-radius:3px!important;color:#fff!important;font-size:10px!important;padding:5px!important;position:fixed!important;right:10px!important;top:60px!important;z-index:9999!important}body,html{margin:0!important;padding:0!important}#root,body,html{overflow-x:hidden!important;width:100%!important}.mobile-component-container [style*="position: absolute"],.mobile-component-container [style*=opacity],.mobile-component-container [style*=transform]{opacity:1!important;position:relative!important;transform:none!important}.mobile-header{align-items:center!important;background:linear-gradient(90deg,#3b82f6,#6366f1)!important;box-shadow:0 4px 8px #00000026!important;display:flex!important;height:60px!important;justify-content:space-between!important;padding:0 16px!important;position:fixed!important;z-index:1000!important}.mobile-header,.swipe-navigation-container{left:0!important;right:0!important;top:0!important;width:100%!important}.swipe-navigation-container{bottom:0!important;height:100vh!important;position:absolute!important;z-index:5!important}.mobile-component-container{-webkit-overflow-scrolling:touch!important;bottom:0!important;height:calc(100vh - 60px)!important;left:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0!important;position:absolute!important;right:0!important;top:60px!important;width:100%!important;z-index:1!important}.mobile-component-container>*{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;min-height:calc(100vh - 60px)!important;padding:16px 16px 80px!important;position:relative!important;width:100%!important}body.mobile-view{background-color:#0f172a!important;margin:0!important;overflow-x:hidden!important;padding-top:0!important}.App{margin:0!important;min-height:100vh!important;overflow:hidden!important;padding:0!important;position:relative!important;width:100%!important}.modern-main-container{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;justify-content:center!important;min-height:calc(100vh - 60px)!important}.category-selection,.exercise-mode-container,.grammar-mode-container,.learn-mode-container,.progress-stats-container,.quiz-container,.revision-mode,.sentence-construction-game,.sentence-gap-container{align-items:stretch!important;background-color:#f8fafc!important;justify-content:flex-start!important;min-height:calc(100vh - 60px)!important}}@media (max-width:768px){.mobile-component-container::-webkit-scrollbar{width:4px}.mobile-component-container::-webkit-scrollbar-track{background:#0000001a}.mobile-component-container::-webkit-scrollbar-thumb{background:#0000004d;border-radius:2px}.modern-menu-grid{gap:12px!important;grid-template-columns:1fr!important;margin-bottom:40px!important;width:100%!important}.modern-menu-item{min-height:60px!important;padding:12px 16px!important}.App>:not(.mobile-header):not(.swipe-navigation-container){display:none!important}.mobile-header *{pointer-events:auto!important;position:relative!important;z-index:1001!important}.floating-premium-button{bottom:20px!important;right:16px!important;z-index:999!important}.confirmation-modal,.modal,.subscription-modal{z-index:2000!important}.debug-mobile-container{background:#0f0c!important;border-radius:3px!important;bottom:10px!important;color:#000!important;font-size:10px!important;left:10px!important;padding:5px!important;position:fixed!important;z-index:1500!important}}@media (max-width:768px) and (orientation:landscape){.mobile-component-container{height:calc(100vh - 50px)!important;top:50px!important}.mobile-header{height:50px!important}.mobile-component-container>*{min-height:calc(100vh - 50px)!important;padding-bottom:60px!important}}@media (max-width:480px){.mobile-component-container>*{padding:12px 12px 70px!important}.modern-menu-grid{gap:8px!important;margin-bottom:50px!important}}@media (max-width:768px){.page-transition{position:relative;will-change:transform,opacity}.menu-to-category-enter{opacity:0;transform:translateX(100%)}.menu-to-category-enter-active{transition:transform .25s ease-out,opacity .25s ease-out}.menu-to-category-enter-active,.menu-to-category-exit{opacity:1;transform:translateX(0)}.menu-to-category-exit-active{opacity:0;transform:translateX(-30%);transition:transform .25s ease-in,opacity .25s ease-in}.category-to-learn-enter{opacity:0;transform:translateY(30px)}.category-to-learn-enter-active{transition:transform .25s ease-out,opacity .25s ease-out}.category-to-learn-enter-active,.category-to-learn-exit{opacity:1;transform:translateY(0)}.category-to-learn-exit-active{opacity:0;transform:translateY(-30px);transition:transform .25s ease-in,opacity .25s ease-in}.back-transition-enter{opacity:0;transform:translateX(-30%)}.back-transition-enter-active{transition:transform .25s ease-out,opacity .25s ease-out}.back-transition-enter-active,.back-transition-exit{opacity:1;transform:translateX(0)}.back-transition-exit-active{opacity:0;transform:translateX(100%);transition:transform .25s ease-in,opacity .25s ease-in}.transition-group{min-height:100vh;position:relative}.transition-wrapper{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}}.swipe-navigation-container{min-height:100vh;overflow-x:hidden;position:relative;touch-action:pan-y;width:100%}.swipe-indicator-overlay{align-items:center;background-color:#0000000d;display:flex;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .2s ease;width:100%;z-index:1000}.swipe-navigation-container.swiping .swipe-indicator-overlay{opacity:1}.swipe-indicator{align-items:center;background-color:#ffffffe6;border-radius:12px;box-shadow:0 4px 15px #00000026;display:flex;flex-direction:column;margin-left:20px;padding:12px;transition:transform .2s ease}.swipe-arrow{color:#3b82f6;font-size:28px;font-weight:700;margin-bottom:4px}.swipe-message{color:#4b5563;font-size:12px;font-weight:500;margin-bottom:8px}.swipe-progress-track{background-color:#e5e7eb;border-radius:2px;height:4px;overflow:hidden;width:60px}.swipe-progress-fill{background-color:#3b82f6;border-radius:2px;height:100%;transition:width .1s ease-out}.swipe-navigation-container.swipe-detecting{background-image:linear-gradient(90deg,#3b82f612,#0000 80px)}@keyframes pulse{0%{box-shadow:0 4px 15px #00000026}50%{box-shadow:0 4px 20px #3b82f64d}to{box-shadow:0 4px 15px #00000026}}.swipe-navigation-container.swiping .swipe-indicator{animation:pulse 1.2s infinite}.dark .swipe-indicator-overlay{background-color:#0003}.dark .swipe-indicator{background-color:#1e293be6}.dark .swipe-arrow{color:#60a5fa}.dark .swipe-message{color:#94a3b8}.dark .swipe-progress-track{background-color:#334155}.dark .swipe-progress-fill{background-color:#60a5fa}.mobile-floating-back{bottom:24px;display:flex;justify-content:center;left:50%;max-width:320px;position:fixed;transform:translateX(-50%);width:85%;z-index:1000}.mobile-floating-back-button{align-items:center;background-color:#3b82f6;border:none;border-radius:10px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:14px 24px;transition:transform .2s ease,background-color .2s ease;width:100%}.mobile-floating-back-button:active{background-color:#2563eb;transform:scale(.98)}.dark .mobile-floating-back-button{background-color:#4f46e5;box-shadow:0 4px 12px #00000040}@media (max-width:390px){.mobile-floating-back-button{font-size:14px;padding:12px 20px}.swipe-indicator{padding:10px}.swipe-arrow{font-size:24px}.swipe-message{font-size:11px}.swipe-progress-track{width:50px}}:root{--exercise-primary:#daa520;--exercise-secondary:peru;--exercise-accent:#b8860b;--exercise-bg:#f8f6f0;--exercise-card:#fff;--exercise-border:#daa5204d;--exercise-text:#8b4513;--exercise-text-secondary:#5d3317;--exercise-dark-primary:#8b4513;--exercise-dark-secondary:#5d3317;--exercise-dark-accent:sienna;--exercise-dark-bg:#2a1810;--exercise-dark-card:#3d2817;--exercise-dark-border:#8b45134d;--exercise-dark-text:wheat;--exercise-dark-text-secondary:#deb887;--shadow-glow:0 20px 60px #8b451326;--shadow-card:0 10px 30px #0000001a;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026}body,html{margin:0;overflow-x:hidden;padding:0}#root,body,html{height:100%}.exercise-immersive-container{background:linear-gradient(135deg,#daa520,#8b4513 50%,peru);box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100vh;left:0;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;top:0;width:100vw;z-index:1000}.dark .exercise-immersive-container{background:linear-gradient(135deg,#8b4513,#2a1810 50%,#5d3317)}.exercise-immersive-container *{box-sizing:border-box}.permanent-back-button{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#daa520f2;border:2px solid #fffc;border-radius:50%;box-shadow:0 4px 20px #8b451380;color:#fff;cursor:pointer;display:flex;font-size:0;height:50px;justify-content:center;left:1rem;opacity:1!important;perspective:1000;pointer-events:auto;position:fixed;top:1.5rem;transform:translateZ(0);transition:all .3s ease;-webkit-user-select:none;user-select:none;visibility:visible!important;width:50px;will-change:transform;z-index:10000}.exercise-immersive-container .immersive-dashboard-container~* .permanent-back-button,.immersive-dashboard-container .permanent-back-button{display:none!important;opacity:0!important;visibility:hidden!important}.permanent-back-button:active,.permanent-back-button:focus,.permanent-back-button:hover{background:#daa520;box-shadow:0 6px 25px #8b451399;transform:translateZ(0) scale(1.1);z-index:10000}.permanent-back-button:active{transform:translateZ(0) scale(.95)}.dark .permanent-back-button{background:#8b4513f2;border-color:#f5deb3cc}.dark .permanent-back-button:active,.dark .permanent-back-button:focus,.dark .permanent-back-button:hover{background:#8b4513}.permanent-back-button:focus{outline:3px solid #daa52080;outline-offset:2px}.dark .permanent-back-button:focus{outline-color:#8b451380}@keyframes pulse-back{0%,to{box-shadow:0 4px 20px #8b45134d}50%{box-shadow:0 4px 20px #8b451380,0 0 0 4px #daa52033}}.permanent-back-button:hover{animation:pulse-back 2s infinite}.particles-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.particle{animation:float 6s ease-in-out infinite;background:#daa52066;border-radius:50%;height:4px;position:absolute;width:4px}.dark .particle{background:#f5deb34d}@keyframes float{0%,to{opacity:.3;transform:translateY(0) rotate(0deg)}50%{opacity:.8;transform:translateY(-20px) rotate(180deg)}}.exercise-main-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#8b45130d;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;overflow-y:auto;padding:1rem 2rem 1rem 4rem;position:relative;transform:none;z-index:2}.dark .exercise-main-container{background:#2a18101a}.floating-exercise-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#daa52026;border:1px solid #daa5204d;border-radius:20px;box-shadow:0 8px 32px #8b451333;box-sizing:border-box;display:flex;gap:.75rem;max-width:280px;padding:.75rem 1.5rem;position:fixed;right:1.5rem;top:1.5rem;z-index:5000}.dark .floating-exercise-header{background:#8b451333;border-color:#8b451366}.progress-ring-container{flex-shrink:0;height:50px;position:relative;width:50px}.progress-ring-container svg{height:100%;transform:rotate(-90deg);width:100%}.progress-ring-container circle{fill:none;stroke-width:3}.progress-ring-bg{stroke:#daa52033}.progress-ring-fill{stroke:#daa520;stroke-linecap:round;transition:stroke-dashoffset .4s cubic-bezier(.4,0,.2,1);transition:stroke-dashoffset var(--transition-smooth)}.dark .progress-ring-fill{stroke:wheat}.progress-ring-text{color:wheat;font-size:10px;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px #0000004d;top:50%;transform:translate(-50%,-50%)}.header-exercise-info{color:wheat;flex:1 1;min-width:0;text-align:left}.header-exercise-info h2{font-size:14px;font-weight:600;margin:0 0 .25rem;text-shadow:0 1px 2px #0000004d}.header-exercise-info h2,.header-exercise-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-exercise-info p{font-size:11px;margin:0;opacity:.8}.exercise-immersive-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 60px #8b451326;box-shadow:var(--shadow-glow);box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:5rem auto 1rem;max-width:800px;min-height:auto;overflow:hidden;padding:2rem;position:relative;width:calc(95% - 300px)}.dark .exercise-immersive-card{background:#3d2817f2;border-color:#8b45134d}.exercise-immersive-card:before{background:linear-gradient(45deg,#daa520,peru,#daa520);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.exercise-immersive-card.active:before{opacity:.3}.dark .exercise-immersive-card:before{background:linear-gradient(45deg,#8b4513,#5d3317,#8b4513)}.immersive-question-zone{margin-bottom:2rem;position:relative;text-align:center}.question-animated-icon{animation:bounce 2s infinite;font-size:3rem;margin-bottom:.75rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.immersive-question-text{color:#2d3748;font-size:1.5rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.dark .immersive-question-text{color:wheat;color:var(--exercise-dark-text)}.immersive-question-category{background:#daa5201a;border-radius:20px;color:#8b4513;display:inline-block;font-size:1rem;font-weight:500;padding:.5rem 1rem}.dark .immersive-question-category{background:#8b451333;color:#deb887;color:var(--exercise-dark-text-secondary)}.immersive-answer-zone{max-width:600px;width:100%}.immersive-options-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.immersive-option-card{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #0000;border-radius:12px;box-sizing:border-box;color:#2d3748;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;min-height:50px;overflow:hidden;padding:1.2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth)}.dark .immersive-option-card{background:linear-gradient(135deg,#3d2817,#3d2817cc);background:linear-gradient(135deg,var(--exercise-dark-card) 0,#3d2817cc 100%);color:wheat;color:var(--exercise-dark-text)}.immersive-option-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.immersive-option-card:hover:before{left:100%}.immersive-option-card:hover{border-color:#8b4513;box-shadow:0 15px 35px #8b451333;transform:translateY(-5px) scale(1.02)}.immersive-option-card.selected{background:linear-gradient(135deg,#daa520,#8b4513);border-color:#8b4513;color:#fff;transform:scale(1.05)}.immersive-option-card.correct{animation:correctPulse .6s ease;background:linear-gradient(135deg,#228b22,#32cd32);border-color:#228b22;color:#fff}.immersive-option-card.incorrect{animation:shake .6s ease;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-color:#ff6b6b;color:#fff}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.immersive-translation-input{background:#fffffff2;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;caret-color:#8b4513;color:#2d3748;font-size:1.1rem;margin-bottom:1.2rem;outline:none;padding:1.2rem;text-align:center;transition:all .3s ease;width:100%}.dark .immersive-translation-input{background:#fffffff2;border-color:#8b4513;caret-color:#daa520;color:#2d3748}.immersive-translation-input:focus{border-color:#8b4513;box-shadow:0 0 0 3px #8b45131a;caret-color:#8b4513;transform:scale(1.02)}.immersive-translation-input:active{caret-color:#8b4513}.dark .immersive-translation-input:active,.dark .immersive-translation-input:focus{caret-color:#daa520}.immersive-translation-input::placeholder{color:#2d374880;font-style:italic}.immersive-translation-input::-webkit-input-placeholder{color:#2d374880}.immersive-translation-input::-moz-placeholder{color:#2d374880;opacity:1}.immersive-translation-input:-ms-input-placeholder{color:#2d374880}.immersive-translation-input:-moz-placeholder{color:#2d374880;opacity:1}.immersive-submit-btn{background:linear-gradient(135deg,#daa520,#8b4513);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease;width:100%}.immersive-submit-btn:hover{box-shadow:0 10px 25px #8b45134d;transform:translateY(-2px)}.immersive-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.immersive-association-container{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:1fr 60px 1fr}.immersive-association-column{display:flex;flex-direction:column;gap:.75rem}.immersive-association-header{background:#daa5201a;border-radius:10px;color:#8b4513;font-weight:600;margin-bottom:.5rem;padding:.75rem;text-align:center}.dark .immersive-association-header{background:#8b451333;color:#deb887;color:var(--exercise-dark-text-secondary)}.immersive-association-item{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #0000;border-radius:12px;color:#2d3748;cursor:pointer;display:flex;font-weight:500;justify-content:center;min-height:50px;padding:1rem;position:relative;text-align:center;transition:all .3s ease}.dark .immersive-association-item{background:linear-gradient(135deg,#ffffffe6,#f8f6f0e6);color:#2d3748}.immersive-association-item:hover{border-color:#8b4513;transform:translateX(5px)}.immersive-association-item.selected{background:linear-gradient(135deg,#daa520,#8b4513);border-color:#8b4513;color:#fff;transform:scale(1.05)}.immersive-association-item.matched{background:linear-gradient(135deg,#228b22,#32cd32);border-color:#228b22;color:#fff;pointer-events:none}.immersive-connection-lines{align-items:center;color:#8b451380;display:flex;flex-direction:column;font-size:1.5rem;justify-content:center;position:relative}.immersive-feedback-zone{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow-card);box-sizing:border-box;display:none;gap:1rem;left:50%;max-width:90vw;padding:1.5rem 2rem;position:fixed;text-align:center;top:6rem;transform:translateX(-50%);z-index:9500}@media (max-width:768px){.immersive-feedback-zone{padding:1rem 1.5rem;top:5rem}}@media (max-width:480px){.immersive-feedback-zone{font-size:.9rem;padding:.8rem 1rem;top:4.5rem}}.immersive-feedback-zone.show{animation:slideUp .5s ease;display:flex}.dark .immersive-feedback-zone{background:#3d2817f2;border-color:#8b45134d}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.feedback-icon{flex-shrink:0;font-size:2rem}.feedback-text{font-size:1.1rem;font-weight:600;line-height:1.3;text-align:center}.immersive-feedback-zone.correct{background:linear-gradient(135deg,#228b22f2,#32cd32f2);color:#fff}.immersive-feedback-zone.incorrect{background:linear-gradient(135deg,#ff6b6bf2,#ff8e53f2);color:#fff}.immersive-audio-btn{align-items:center;background:#8b4513e6;border:none;border-radius:50%;color:wheat;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:50px;z-index:20}.immersive-audio-btn:hover{background:#8b4513;transform:scale(1.1)}.immersive-dashboard-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto;min-height:100vh;padding:2rem 1rem;position:relative;text-align:center;width:100%;z-index:5}.immersive-dashboard-icon{animation:bounce 2s infinite;font-size:4rem;margin-bottom:1rem}.immersive-dashboard-title{color:wheat;font-size:2rem;font-weight:800;margin-bottom:.75rem;text-shadow:0 2px 10px #0000004d}.immersive-dashboard-description{color:#f5deb3cc;font-size:1rem;line-height:1.5;margin-bottom:2rem;max-width:600px}.dashboard-buttons-container{align-items:center;display:flex;flex-direction:column;gap:1rem;max-width:300px;width:100%}.immersive-start-button{align-items:center;background:linear-gradient(135deg,#daa520,#8b4513);border:none;border-radius:30px;box-shadow:0 10px 30px #8b45134d;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;font-weight:700;gap:1rem;justify-content:center;padding:1.5rem 3rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth);width:100%}.immersive-start-button:hover{box-shadow:0 20px 40px #8b451366;transform:translateY(-5px) scale(1.05)}.immersive-start-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.immersive-back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#f5deb3e6;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease;width:100%}.immersive-back-button:hover{background:#ffffff4d;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.dark .immersive-back-button{background:#8b45134d;border-color:#f5deb366}.dark .immersive-back-button:hover{background:#8b451366}.card-progress-header{gap:.75rem;right:1rem}.card-back-button,.card-progress-header{align-items:center;display:flex;position:absolute;top:1rem;z-index:10}.card-back-button{background:#8b4513e6;border:none;border-radius:50%;color:wheat;cursor:pointer;height:40px;justify-content:center;left:1rem;transition:all .3s ease;width:40px}.card-back-button:hover{background:#8b4513;transform:scale(1.1)}.card-progress-ring-container{flex-shrink:0;height:40px;position:relative;width:40px}.card-progress-ring-container svg{height:100%;transform:rotate(-90deg);width:100%}.card-progress-ring-container circle{fill:none;stroke-width:2}.card-progress-ring-bg{stroke:#8b451333}.card-progress-ring-fill{stroke:#8b4513;stroke-linecap:round;transition:stroke-dashoffset .4s cubic-bezier(.4,0,.2,1);transition:stroke-dashoffset var(--transition-smooth)}.dark .card-progress-ring-fill{stroke:#daa520}.card-progress-ring-text{color:#8b4513;font-size:8px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.dark .card-progress-ring-text{color:#daa520}.card-progress-info{color:#8b4513}.card-progress-info h3{font-size:12px;font-weight:600;margin:0}.dark .card-progress-info{color:wheat;color:var(--exercise-dark-text)}.exercise-mode-container{align-items:stretch;background:#f8f6f0;background:var(--exercise-bg);color:#8b4513;color:var(--exercise-text);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;justify-content:flex-start;left:0;line-height:1.6;margin:0;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;top:0;transform:none;width:100%}.exercise-header{align-items:center;background:linear-gradient(135deg,#daa520,peru);background:linear-gradient(135deg,var(--exercise-primary),var(--exercise-secondary));box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 32px;padding:var(--spacing-xl) var(--spacing-2xl);position:relative;top:auto;width:100%;z-index:100}.exercise-header-left{align-items:center;display:flex;flex:1 1;gap:12px;gap:var(--spacing-md);min-width:0}.exercise-header h1{color:inherit;font-size:24px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px #0000004d;white-space:nowrap}.exercise-header-right{align-items:center;display:flex;flex-shrink:0;gap:12px;gap:var(--spacing-md)}.back-button,.close-button{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all .25s ease-out;transition:all var(--transition-normal)}.close-button{border-radius:50%;border-radius:var(--radius-full);font-size:20px;height:40px;padding:0;width:40px}.back-button:hover,.close-button:hover{background:#ffffff4d;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.exercise-content-wrapper{background:#f8f6f0;background:var(--exercise-bg);flex:1 1;margin:0;overflow-x:hidden;overflow-y:auto;padding:0}.chapters-container,.exercise-content-wrapper{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start;position:relative;top:0;transform:none;width:100%}.chapters-container{margin:0 auto;max-width:900px;padding:48px 32px;padding:var(--spacing-3xl) var(--spacing-2xl)}.section-title{color:#8b4513;color:var(--exercise-text);font-size:clamp(28px,5vw,36px);font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 16px;margin:0 0 var(--spacing-lg) 0;text-align:center}.dark .section-title,[data-theme=dark] .section-title{color:wheat;color:var(--exercise-dark-text)}.section-description{color:#5d3317;color:var(--exercise-text-secondary);font-size:18px;line-height:1.6;margin:0 auto 48px;margin:0 auto var(--spacing-3xl) auto;max-width:600px;text-align:center}.dark .section-description,[data-theme=dark] .section-description{color:#deb887;color:var(--exercise-dark-text-secondary)}@media (max-width:768px){.permanent-back-button{height:48px;left:.75rem;top:1rem;width:48px;z-index:10000}.exercise-main-container{padding:1rem 1rem 1rem 3.5rem}.exercise-immersive-card{border-radius:15px;margin:4rem auto 1rem;padding:1.5rem;width:95%}.immersive-question-text{font-size:1.3rem}.immersive-options-grid{grid-template-columns:1fr}.immersive-association-container{gap:1.5rem;grid-template-columns:1fr}.dashboard-buttons-container{max-width:280px}.immersive-start-button{font-size:1.1rem;padding:1.2rem 2rem}.immersive-back-button{font-size:1rem;padding:.9rem 1.5rem}}@media (max-width:480px){.permanent-back-button{height:45px;left:.5rem;top:.75rem;width:45px}.exercise-main-container{padding:1rem 1rem 1rem 3rem}.exercise-immersive-card{margin:3.5rem auto .5rem;padding:1rem}.immersive-question-text{font-size:1.1rem}.immersive-option-card{font-size:.9rem;min-height:45px;padding:1rem}.immersive-translation-input{font-size:16px;padding:.9rem}.question-animated-icon{font-size:2.5rem}.immersive-dashboard-icon{font-size:3rem}.immersive-dashboard-title{font-size:1.6rem}.dashboard-buttons-container{max-width:260px}.immersive-start-button{font-size:1rem;padding:1rem 1.5rem}.immersive-back-button{font-size:.9rem;padding:.8rem 1.2rem}}@media (max-height:600px){.permanent-back-button{background:#daa520;border:2px solid #fff;display:flex!important;height:42px;left:.25rem;opacity:1!important;position:fixed!important;top:.75rem;visibility:visible!important;width:42px;z-index:10000}.exercise-main-container{padding:.5rem .25rem .25rem 3rem}.exercise-immersive-card{margin:3rem auto .5rem;padding:1rem}.immersive-question-zone{margin-bottom:1rem}.question-animated-icon{font-size:2rem;margin-bottom:.5rem}.immersive-question-text{font-size:1rem}.immersive-dashboard-container{min-height:calc(100vh - 1rem);padding:.5rem}.immersive-dashboard-icon{font-size:2.5rem;margin-bottom:.5rem}.immersive-dashboard-title{font-size:1.4rem;margin-bottom:.5rem}.immersive-dashboard-description{font-size:.9rem;margin-bottom:1rem}.immersive-start-button{font-size:1rem;padding:.8rem 1.5rem}.immersive-back-button{font-size:.9rem;padding:.7rem 1.2rem}}.immersive-association-item:focus,.immersive-back-button:focus,.immersive-option-card:focus,.immersive-start-button:focus,.immersive-submit-btn:focus,.immersive-translation-input:focus{outline:2px solid #daa520;outline:2px solid var(--exercise-primary);outline-offset:2px}.dark .immersive-association-item:focus,.dark .immersive-back-button:focus,.dark .immersive-option-card:focus,.dark .immersive-start-button:focus,.dark .immersive-submit-btn:focus,.dark .immersive-translation-input:focus{outline-color:#8b4513;outline-color:var(--exercise-dark-primary)}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.immersive-back-button:hover,.immersive-option-card:hover,.immersive-start-button:hover,.immersive-submit-btn:hover,.permanent-back-button:hover{transform:none}}.dark .exercise-mode-container,[data-theme=dark] .exercise-mode-container{color:wheat;color:var(--exercise-dark-text)}.dark .exercise-content-wrapper,.dark .exercise-mode-container,[data-theme=dark] .exercise-content-wrapper,[data-theme=dark] .exercise-mode-container{align-items:stretch;background:#2a1810;background:var(--exercise-dark-bg);justify-content:flex-start;position:relative;top:0;transform:none}.dark .exercise-header,[data-theme=dark] .exercise-header{background:linear-gradient(135deg,#8b4513,#5d3317);background:linear-gradient(135deg,var(--exercise-dark-primary),var(--exercise-dark-secondary));position:relative;top:auto}.exercise-mode-container>div{position:relative!important;top:0!important;transform:none!important}.chapters-container,.exercise-content-wrapper,.exercise-immersive-card,.exercise-main-container,.exercise-mode-container,.immersive-back-button,.immersive-option-card,.immersive-start-button,.immersive-submit-btn,.permanent-back-button{will-change:transform}@media print{.floating-exercise-header,.immersive-feedback-zone,.particles-container,.permanent-back-button{display:none!important}.exercise-immersive-card{border:1px solid #ccc;box-shadow:none;page-break-inside:avoid}.exercise-main-container{padding:1rem}}.subscription-modal-overlay{align-items:flex-start!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#000000f2!important;bottom:0!important;box-sizing:border-box!important;display:flex!important;isolation:isolate!important;justify-content:center!important;left:0!important;opacity:1!important;overflow-y:auto!important;padding:80px 10px 20px!important;pointer-events:auto!important;position:fixed!important;right:0!important;top:0!important;visibility:visible!important;z-index:999999!important}.subscription-modal{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#1e293bf2!important;background:var(--subscription-dark-card)!important;border:2px solid #d2691e66!important;border:2px solid var(--subscription-dark-border)!important;border-radius:20px!important;border-radius:var(--radius-2xl)!important;box-shadow:0 25px 50px #000c!important;color:#f1f5f9!important;color:var(--subscription-dark-text)!important;isolation:isolate!important;margin:0 auto!important;max-width:1000px!important;overflow:visible!important;padding:48px!important;padding:var(--spacing-3xl)!important;position:relative!important;transform:translateZ(0)!important;width:100%!important;will-change:transform!important;z-index:1000000!important}#root>:not(.subscription-modal-overlay),.app-container>:not(.subscription-modal-overlay),body>:not(.subscription-modal-overlay),iframe:not(.subscription-modal iframe){z-index:1!important}.subscription-modal-overlay.force-display{background:#000000f2!important;z-index:2147483647!important}.subscription-modal.force-display{z-index:2147483646!important}body.modal-open{overflow:hidden!important}body.modal-open>:not(.subscription-modal-overlay){pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}iframe[src*="accounts.google"],iframe[src*=google],iframe[src*=gstatic]{position:relative!important;z-index:1!important}[class*=google]:not(.subscription-modal *),[data-google]:not(.subscription-modal *),[id*=google]{z-index:1!important}.modal-force-front{bottom:0!important;display:flex!important;left:0!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;right:0!important;top:0!important;visibility:visible!important;z-index:2147483647!important}@supports not (z-index:2147483647){.subscription-modal-overlay{z-index:99999!important}.subscription-modal{z-index:100000!important}}:root{--subscription-dark-primary:#d2691e;--subscription-dark-secondary:#8b4513;--subscription-dark-accent:peru;--subscription-dark-bg:#d2691e26;--subscription-dark-card:#1e293bf2;--subscription-dark-border:#d2691e66;--subscription-dark-text:#f1f5f9;--subscription-dark-text-secondary:#cbd5e1;--subscription-dark-overlay:#000000bf;--subscription-light-primary:#b8860b;--subscription-light-secondary:#8b4513;--subscription-light-accent:sienna;--subscription-light-bg:#8b451314;--subscription-light-card:#faf8f0f2;--subscription-light-border:#8b45134d;--subscription-light-text:#2d1810;--subscription-light-text-secondary:#5d2f1a;--subscription-light-text-muted:#8b4513;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:50%;--shadow-xs:0 1px 2px #8b45131a;--shadow-sm:0 1px 3px #8b451326;--shadow-md:0 4px 6px #8b451333;--shadow-lg:0 10px 15px #8b451340;--shadow-xl:0 20px 25px #8b45134d;--shadow-2xl:0 25px 50px #8b451359;--transition-fast:0.15s ease-out;--transition-normal:0.25s ease-out;--transition-slow:0.35s ease-in-out;--transition-bounce:0.4s cubic-bezier(0.68,-0.55,0.265,1.55);--transition-smooth:0.4s cubic-bezier(0.4,0,0.2,1);--success-color:#10b981;--success-bg:#10b9811a;--warning-color:#f59e0b;--warning-bg:#f59e0b1a;--error-color:#ef4444;--error-bg:#ef44441a}.subscription-modal.dark-mode{background:#1e293bf2!important;background:var(--subscription-dark-card)!important;border-color:#d2691e66!important;border-color:var(--subscription-dark-border)!important;color:#f1f5f9!important;color:var(--subscription-dark-text)!important}.light .subscription-modal,[data-theme=light] .subscription-modal{background:#faf8f0f2!important;background:var(--subscription-light-card)!important;border-color:#8b45134d!important;border-color:var(--subscription-light-border)!important;box-shadow:0 20px 40px #8b451340!important;color:#2d1810!important;color:var(--subscription-light-text)!important}.light .subscription-modal-overlay,[data-theme=light] .subscription-modal-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#faf8f0eb!important}@media (max-width:768px){.subscription-modal-overlay{align-items:flex-start!important;background:#000000bf!important;background:var(--subscription-dark-overlay)!important;padding:80px 10px 20px!important}.subscription-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#334155cc!important;border-radius:16px!important;box-sizing:border-box!important;color:#f1f5f9!important;color:var(--subscription-dark-text)!important;height:auto!important;margin:0 auto!important;max-height:calc(100vh - 100px)!important;max-width:calc(100% - 20px)!important;overflow-y:auto!important;overflow:hidden;padding:20px!important;position:relative;transform:none!important;width:calc(100% - 20px)!important}@media (max-height:700px){.subscription-modal-overlay{padding-top:60px!important}.subscription-modal{max-height:calc(100vh - 80px)!important}}}@media (max-width:480px){.subscription-modal-overlay{padding:70px 8px 15px!important}.subscription-modal{background:#1e293b!important;border-radius:12px!important;max-height:calc(100vh - 85px)!important;max-width:calc(100% - 16px)!important;padding:16px!important;width:calc(100% - 16px)!important}}.modal-close-button{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#334155e6!important;border:2px solid #d2691e66!important;border:2px solid var(--subscription-dark-border)!important;border-radius:50%!important;border-radius:var(--radius-full)!important;color:#f1f5f9!important;color:var(--subscription-dark-text)!important;cursor:pointer!important;display:flex!important;height:44px!important;justify-content:center!important;padding:12px!important;padding:var(--spacing-md)!important;position:absolute!important;right:16px!important;right:var(--spacing-lg)!important;top:16px!important;top:var(--spacing-lg)!important;transition:all .25s ease-out!important;transition:all var(--transition-normal)!important;width:44px!important;z-index:2147483645!important}.modal-close-button:hover{background:#d2691e!important;background:var(--subscription-dark-primary)!important;border-color:#d2691e!important;border-color:var(--subscription-dark-primary)!important;box-shadow:0 10px 25px #d2691e4d!important;color:#fff!important;transform:rotate(90deg) scale(1.1)!important}@media (max-width:768px){.modal-close-button{height:40px!important;padding:8px!important;right:12px!important;top:12px!important;width:40px!important}}.light .modal-close-button,[data-theme=light] .modal-close-button{background:#faf8f0f2!important;background:var(--subscription-light-card)!important;border-color:#8b45134d!important;border-color:var(--subscription-light-border)!important;color:#2d1810!important;color:var(--subscription-light-text)!important}.light .modal-close-button:hover,[data-theme=light] .modal-close-button:hover{background:#b8860b!important;background:var(--subscription-light-primary)!important;border-color:#b8860b!important;border-color:var(--subscription-light-primary)!important;color:#fff!important}.modal-header{margin-bottom:48px;margin-bottom:var(--spacing-3xl);position:relative;text-align:center}@media (max-width:768px){.modal-header{margin-bottom:24px!important}}@media (max-width:480px){.modal-header{margin-bottom:20px!important}}.blocked-feature-icon{align-items:center;animation:pulse-feature 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc!important;border:3px solid #d2691e66!important;border:3px solid var(--subscription-dark-border)!important;border-radius:50%;border-radius:var(--radius-full);box-shadow:0 10px 25px #d2691e4d!important;color:#d2691e!important;color:var(--subscription-dark-primary)!important;display:flex;height:80px;justify-content:center;margin:0 auto 24px;margin:0 auto var(--spacing-xl);width:80px}@media (max-width:768px){.blocked-feature-icon{height:60px!important;margin:0 auto 16px!important;width:60px!important}}.light .blocked-feature-icon,[data-theme=light] .blocked-feature-icon{background:#faf8f0f2!important;background:var(--subscription-light-card)!important;border-color:#8b45134d!important;border-color:var(--subscription-light-border)!important;box-shadow:0 10px 25px #8b451333!important;color:#b8860b!important;color:var(--subscription-light-primary)!important}@keyframes pulse-feature{0%,to{box-shadow:0 10px 25px #d2691e4d;opacity:.95;transform:scale(1)}50%{box-shadow:0 15px 30px #d2691e66;opacity:1;transform:scale(1.05)}}.modal-header h2{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,#d2691e,peru)!important;background:linear-gradient(45deg,var(--subscription-dark-primary),var(--subscription-dark-accent))!important;-webkit-background-clip:text!important;background-clip:text!important;color:#f1f5f9!important;color:var(--subscription-dark-text)!important;font-size:clamp(28px,5vw,36px);font-weight:800;line-height:1.2;margin-bottom:16px;margin-bottom:var(--spacing-lg)}@media (max-width:768px){.modal-header h2{font-size:24px!important;margin-bottom:12px!important}}@media (max-width:480px){.modal-header h2{font-size:20px!important}}.modal-header p{color:#cbd5e1!important;color:var(--subscription-dark-text-secondary)!important;font-size:16px;line-height:1.5;margin:0 auto;max-width:500px}@media (max-width:768px){.modal-header p{font-size:14px!important;margin-bottom:0!important}}@media (max-width:480px){.modal-header p{font-size:13px!important}}.light .modal-header h2,[data-theme=light] .modal-header h2{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,#b8860b,#8b4513)!important;background:linear-gradient(45deg,var(--subscription-light-primary),var(--subscription-light-secondary))!important;-webkit-background-clip:text!important;background-clip:text!important}.light .modal-header p,[data-theme=light] .modal-header p{color:#5d2f1a!important;color:var(--subscription-light-text-secondary)!important;font-weight:500}.plans-container{grid-gap:32px;grid-gap:var(--spacing-2xl);display:grid;gap:32px;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:48px;margin-bottom:var(--spacing-3xl);margin-left:auto;margin-right:auto;max-width:800px}@media (max-width:768px){.plans-container{gap:16px!important;grid-template-columns:1fr!important;margin-bottom:24px!important}}@media (max-width:480px){.plans-container{gap:12px!important;margin-bottom:20px!important}}.plan-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#334155e6!important;border:3px solid #d2691e66!important;border:3px solid var(--subscription-dark-border)!important;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 8px 25px #0000004d!important;cursor:pointer;display:flex;flex-direction:column;height:auto;min-height:400px;overflow:hidden;padding:32px;padding:var(--spacing-2xl);position:relative}@media (max-width:768px){.plan-card{min-height:300px!important;padding:20px!important}}@media (max-width:480px){.plan-card{min-height:280px!important;padding:16px!important}}.plan-card:before{background:radial-gradient(circle,#d2691e33 0,#d2691e00 70%);border-radius:50%;border-radius:var(--radius-full);content:"";height:100px;opacity:.6;position:absolute;right:0;top:0;transform:translate(30%,-30%);transition:all .25s ease-out;transition:all var(--transition-normal);width:100px}.plan-card:hover{background:#334155!important;border-color:#d2691e!important;border-color:var(--subscription-dark-primary)!important;box-shadow:0 20px 40px #d2691e33!important;transform:translateY(-8px)}.plan-card:hover:before{background:radial-gradient(circle,#d2691e66 0,#d2691e00 70%);transform:translate(30%,-30%) scale(1.2)}.plan-card.selected{background:#334155!important;box-shadow:0 0 0 3px #d2691e66,0 15px 30px #0006!important;transform:translateY(-4px)}.plan-card.premium,.plan-card.selected{border-color:#d2691e!important;border-color:var(--subscription-dark-primary)!important}.plan-card.premium{background:linear-gradient(135deg,#334155f2,#1e293be6)!important}.plan-card.current{background:#10b9811a;background:var(--success-bg);border-color:#10b981;border-color:var(--success-color)}.light .plan-card,[data-theme=light] .plan-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#faf8f0f2!important;background:var(--subscription-light-card)!important;border-color:#8b45134d!important;border-color:var(--subscription-light-border)!important;box-shadow:0 8px 25px #8b451326!important}.light .plan-card:before,[data-theme=light] .plan-card:before{background:radial-gradient(circle,#8b45131f 0,#8b451300 70%)!important}.light .plan-card:hover,[data-theme=light] .plan-card:hover{background:#faf8f0!important;border-color:#b8860b!important;border-color:var(--subscription-light-primary)!important;box-shadow:0 20px 40px #8b451340!important}.light .plan-card:hover:before,[data-theme=light] .plan-card:hover:before{background:radial-gradient(circle,#8b451333 0,#8b451300 70%)!important}.light .plan-card.selected,[data-theme=light] .plan-card.selected{background:#faf8f0!important;border-color:#b8860b!important;border-color:var(--subscription-light-primary)!important;box-shadow:0 0 0 3px #8b45134d,0 15px 30px #8b45134d!important}.premium-badge{align-items:center;animation:badge-glow-enhanced 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(45deg,#d2691e,peru)!important;background:linear-gradient(45deg,var(--subscription-dark-primary),var(--subscription-dark-accent))!important;border:3px solid #ffffffe6!important;border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 0 0 3px #fffc,0 8px 20px #d2691e66!important;color:#fff!important;display:flex;font-size:13px;font-weight:800;gap:4px;gap:var(--spacing-xs);padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg);position:absolute;right:24px;right:var(--spacing-xl);text-shadow:0 1px 2px #0000004d;top:-8px;z-index:100}@media (max-width:480px){.premium-badge{font-size:12px!important;padding:6px 14px!important;right:12px!important;top:-6px!important}}.light .premium-badge,[data-theme=light] .premium-badge{background:linear-gradient(45deg,#b8860b,#8b4513)!important;background:linear-gradient(45deg,var(--subscription-light-primary),var(--subscription-light-secondary))!important;border:3px solid #fffffff2!important;box-shadow:0 0 0 3px #ffffffe6,0 8px 20px #8b45134d!important;color:#fff!important;text-shadow:0 1px 2px #0006}@keyframes badge-glow-enhanced{0%,to{box-shadow:0 0 0 3px #fffc,0 8px 20px #d2691e66;transform:scale(1)}50%{box-shadow:0 0 0 3px #fff,0 8px 25px #d2691e99,0 0 25px #d2691e66;transform:scale(1.05)}}.current-plan-badge{animation:current-badge-glow 2s infinite;background:linear-gradient(45deg,#10b981,#059669)!important;border:3px solid #ffffffe6!important;border-radius:12px!important;box-shadow:0 0 0 3px #ffffffe6,0 8px 20px #10b98166!important;color:#fff!important;font-size:13px!important;font-weight:800!important;left:16px!important;padding:8px 16px!important;position:absolute;text-shadow:0 1px 2px #0000004d!important;top:-8px!important;z-index:100!important}@media (max-width:480px){.current-plan-badge{font-size:12px!important;left:12px!important;padding:6px 14px!important;top:-6px!important}}@keyframes current-badge-glow{0%,to{box-shadow:0 0 0 3px #ffffffe6,0 8px 20px #10b98166;transform:scale(1)}50%{box-shadow:0 0 0 3px #fff,0 8px 25px #10b98199,0 0 25px #10b98166;transform:scale(1.05)}}.plan-card h3{color:#f1f5f9!important;color:var(--subscription-dark-text)!important;font-size:24px;font-weight:700;margin-bottom:24px;margin-bottom:var(--spacing-xl);padding-bottom:12px;padding-bottom:var(--spacing-md);position:relative}@media (max-width:480px){.plan-card h3{font-size:20px!important}}.plan-card h3:after{background:linear-gradient(90deg,#d2691e,peru)!important;background:linear-gradient(90deg,var(--subscription-dark-primary),var(--subscription-dark-accent))!important;border-radius:4px;border-radius:var(--radius-xs);bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.light .plan-card h3,[data-theme=light] .plan-card h3{color:#2d1810!important;color:var(--subscription-light-text)!important;font-weight:700}.light .plan-card h3:after,[data-theme=light] .plan-card h3:after{background:linear-gradient(90deg,#b8860b,sienna)!important;background:linear-gradient(90deg,var(--subscription-light-primary),var(--subscription-light-accent))!important}.price{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px;gap:var(--spacing-xs);margin-bottom:32px;margin-bottom:var(--spacing-2xl)}.price .amount{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,#d2691e,peru)!important;background:linear-gradient(45deg,var(--subscription-dark-primary),var(--subscription-dark-accent))!important;-webkit-background-clip:text!important;background-clip:text!important;color:#f1f5f9!important;color:var(--subscription-dark-text)!important;font-size:48px;font-weight:800;line-height:1}@media (max-width:768px){.price .amount{font-size:40px!important}}@media (max-width:480px){.price .amount{font-size:32px!important}}.price .currency{color:#f1f5f9!important;color:var(--subscription-dark-text)!important;font-size:28px;font-weight:600;margin-left:2px}@media (max-width:768px){.price .currency{font-size:24px!important}}@media (max-width:480px){.price .currency{font-size:20px!important}}.price .period{color:#cbd5e1!important;color:var(--subscription-dark-text-secondary)!important;font-size:16px;font-weight:500;margin-left:4px;margin-left:var(--spacing-xs)}@media (max-width:480px){.price .period{font-size:14px!important}}.price .free{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#10b981,#059669);background:linear-gradient(45deg,var(--success-color),#059669);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800}@media (max-width:480px){.price .free{font-size:28px!important}}.price .savings{background:#10b9811a;background:var(--success-bg);border:1px solid #10b9814d;border-radius:6px;border-radius:var(--radius-sm);color:#10b981;color:var(--success-color);font-size:12px;font-weight:600;margin-left:8px;margin-left:var(--spacing-sm);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}@media (max-width:480px){.price .savings{font-size:11px!important;margin-left:4px!important;margin-top:4px!important}}.light .price .amount,[data-theme=light] .price .amount{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,#b8860b,#8b4513)!important;background:linear-gradient(45deg,var(--subscription-light-primary),var(--subscription-light-secondary))!important;-webkit-background-clip:text!important;background-clip:text!important}.light .price .currency,[data-theme=light] .price .currency{color:#2d1810!important;color:var(--subscription-light-text)!important;font-weight:600}.light .price .period,[data-theme=light] .price .period{color:#5d2f1a!important;color:var(--subscription-light-text-secondary)!important;font-weight:500}.features{flex-grow:1;list-style:none;margin:0 0 32px;margin:0 0 var(--spacing-2xl) 0;padding:0}.features li{align-items:center;color:#cbd5e1!important;color:var(--subscription-dark-text-secondary)!important;display:flex;font-size:15px;gap:12px;gap:var(--spacing-md);margin-bottom:16px;margin-bottom:var(--spacing-lg);padding:8px 0;padding:var(--spacing-sm) 0;transition:all .25s ease-out;transition:all var(--transition-normal)}@media (max-width:768px){.features li{font-size:14px!important;margin-bottom:12px!important}}@media (max-width:480px){.features li{font-size:13px!important;margin-bottom:8px!important}}.features li:hover{color:#f1f5f9!important;color:var(--subscription-dark-text)!important;transform:translateX(5px)}.features .check-icon{align-items:center;background:#10b9811a;background:var(--success-bg);border:2px solid #10b9814d;border-radius:50%;border-radius:var(--radius-full);color:#10b981;color:var(--success-color);display:flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;width:24px}.light .features li,[data-theme=light] .features li{color:#2d1810!important;color:var(--subscription-light-text)!important;font-weight:500}.light .features li:hover,[data-theme=light] .features li:hover{color:#8b4513!important;color:var(--subscription-light-secondary)!important;transform:translateX(5px)}.select-plan-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#334155cc!important;border:2px solid #d2691e66;border:2px solid var(--subscription-dark-border);border-radius:12px;border-radius:var(--radius-lg);color:#f1f5f9!important;color:var(--subscription-dark-text)!important;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;letter-spacing:.025em;margin-top:auto;min-height:48px;overflow:hidden;padding:16px 24px;padding:var(--spacing-lg) var(--spacing-xl);position:relative;text-align:center;text-overflow:ellipsis;transition:all .25s ease-out;transition:all var(--transition-normal);white-space:nowrap;width:100%}@media (max-width:768px){.current-plan-button,.select-plan-button,.subscribe-button{font-size:15px!important;min-height:44px;padding:16px!important}}@media (max-width:480px){.select-plan-button{min-height:40px}.subscribe-button{font-size:16px!important}}.select-plan-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.select-plan-button:hover:before{left:100%}.select-plan-button:hover{background:#d2691e!important;background:var(--subscription-dark-primary)!important;box-shadow:0 10px 25px #d2691e4d!important;transform:translateY(-2px)}.select-plan-button.premium,.select-plan-button:hover{border-color:#d2691e!important;border-color:var(--subscription-dark-primary)!important;color:#fff!important}.select-plan-button.premium{background:linear-gradient(135deg,#d2691e,peru)!important;background:linear-gradient(135deg,var(--subscription-dark-primary),var(--subscription-dark-accent))!important;box-shadow:0 4px 6px #8b451333;box-shadow:var(--shadow-md)}.select-plan-button.premium:hover{background:linear-gradient(135deg,peru,#d2691e)!important;background:linear-gradient(135deg,var(--subscription-dark-accent),var(--subscription-dark-primary))!important;box-shadow:0 15px 30px #d2691e66!important}.current-plan-button{align-items:center;background:#10b9811a;background:var(--success-bg);border:2px solid #10b981;border:2px solid var(--success-color);border-radius:12px;border-radius:var(--radius-lg);color:#10b981;color:var(--success-color);cursor:not-allowed;display:flex;font-size:16px;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;letter-spacing:.025em;opacity:.9;overflow:hidden;padding:16px 24px;padding:var(--spacing-lg) var(--spacing-xl);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.light .select-plan-button,[data-theme=light] .select-plan-button{background:#faf8f0f2!important;background:var(--subscription-light-card)!important;border-color:#8b45134d!important;border-color:var(--subscription-light-border)!important;color:#2d1810!important;color:var(--subscription-light-text)!important;font-weight:600}.light .select-plan-button:hover,[data-theme=light] .select-plan-button:hover{background:#b8860b!important;background:var(--subscription-light-primary)!important;border-color:#b8860b!important;border-color:var(--subscription-light-primary)!important;color:#fff!important}.light .select-plan-button.premium,[data-theme=light] .select-plan-button.premium{background:linear-gradient(135deg,#b8860b,#8b4513)!important;background:linear-gradient(135deg,var(--subscription-light-primary),var(--subscription-light-secondary))!important;border-color:#b8860b!important;border-color:var(--subscription-light-primary)!important;color:#fff!important}.select-plan-button.selected{background:#d2691e!important;background:var(--subscription-dark-primary)!important;border-color:#d2691e!important;border-color:var(--subscription-dark-primary)!important;box-shadow:0 10px 25px #d2691e4d!important;color:#fff!important;overflow:hidden;position:relative;transform:translateY(-2px)}.select-plan-button.selected:before{animation:shimmer 2s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.select-plan-button.premium.selected{background:linear-gradient(135deg,peru,#d2691e)!important;background:linear-gradient(135deg,var(--subscription-dark-accent),var(--subscription-dark-primary))!important;border-color:peru!important;border-color:var(--subscription-dark-accent)!important;box-shadow:0 0 0 3px #d2691e4d,0 15px 30px #d2691e66!important;color:#fff!important}.check-icon-button{align-items:center;animation:bounceIn .5s ease-out;background:#fff3;border-radius:50%;display:inline-flex;height:20px;justify-content:center;margin-right:8px;width:20px}@media (max-width:768px){.check-icon-button{height:16px;margin-right:6px;width:16px}}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.select-plan-button.selected:hover{background:peru!important;background:var(--subscription-dark-accent)!important;border-color:peru!important;border-color:var(--subscription-dark-accent)!important;box-shadow:0 15px 30px #d2691e66!important;transform:translateY(-3px)}.select-plan-button.premium.selected:hover{background:linear-gradient(135deg,#d2691e,peru)!important;background:linear-gradient(135deg,var(--subscription-dark-primary),var(--subscription-dark-accent))!important;box-shadow:0 0 0 3px #d2691e66,0 20px 35px #d2691e80!important}.light .select-plan-button.selected,[data-theme=light] .select-plan-button.selected{background:#b8860b!important;background:var(--subscription-light-primary)!important;border-color:#b8860b!important;border-color:var(--subscription-light-primary)!important;box-shadow:0 10px 25px #8b45134d!important;color:#fff!important}.light .select-plan-button.premium.selected,[data-theme=light] .select-plan-button.premium.selected{background:linear-gradient(135deg,#8b4513,#b8860b)!important;background:linear-gradient(135deg,var(--subscription-light-secondary),var(--subscription-light-primary))!important;border-color:#8b4513!important;border-color:var(--subscription-light-secondary)!important;box-shadow:0 0 0 3px #8b45134d,0 15px 30px #8b451366!important}.light .select-plan-button.selected:hover,[data-theme=light] .select-plan-button.selected:hover{background:#8b4513!important;background:var(--subscription-light-secondary)!important;border-color:#8b4513!important;border-color:var(--subscription-light-secondary)!important;box-shadow:0 15px 30px #8b451366!important}.light .select-plan-button.selected:before,[data-theme=light] .select-plan-button.selected:before{background:linear-gradient(45deg,#0000,#8b45131a,#0000)}.select-plan-button span{display:inline-block;transition:all .15s ease-out;transition:all var(--transition-fast)}.plan-card.selected{animation:selectedPulse 3s infinite}@keyframes selectedPulse{0%,to{box-shadow:0 0 0 3px #d2691e66,0 15px 30px #0006}50%{box-shadow:0 0 0 5px #d2691e99,0 20px 35px #00000080}}.light .plan-card.selected,[data-theme=light] .plan-card.selected{animation:selectedPulseLight 3s infinite}@keyframes selectedPulseLight{0%,to{box-shadow:0 0 0 3px #8b45134d,0 15px 30px #8b45134d}50%{box-shadow:0 0 0 5px #8b451380,0 20px 35px #8b451366}}@media (max-width:768px){.select-plan-button.selected,.select-plan-button.selected:hover{transform:none}.plan-card.selected{animation:none;box-shadow:0 0 0 3px #d2691e66,0 15px 30px #0006!important}.light .plan-card.selected,[data-theme=light] .plan-card.selected{animation:none;box-shadow:0 0 0 3px #8b45134d,0 15px 30px #8b45134d!important}}.select-plan-button.selected:disabled{background:#d2691e99!important;border-color:#d2691e99!important;cursor:not-allowed;opacity:.7;transform:none!important}.light .select-plan-button.selected:disabled,[data-theme=light] .select-plan-button.selected:disabled{background:#8b451399!important;border-color:#8b451399!important}.checkout-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#334155e6!important;border:2px solid #d2691e66!important;border:2px solid var(--subscription-dark-border)!important;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 8px 25px #0000004d!important;margin:0 auto;max-width:600px;padding:32px;padding:var(--spacing-2xl);text-align:center}@media (max-width:768px){.checkout-section{margin-top:20px!important;padding:20px!important}}@media (max-width:480px){.checkout-section{padding:16px!important}}.light .checkout-section,[data-theme=light] .checkout-section{background:#faf8f0f2!important;background:var(--subscription-light-card)!important;border-color:#8b45134d!important;border-color:var(--subscription-light-border)!important;box-shadow:0 8px 25px #8b451333!important}.secure-payment{align-items:center;color:#cbd5e1!important;color:var(--subscription-dark-text-secondary)!important;display:flex;font-size:14px;font-weight:500;gap:8px;gap:var(--spacing-sm);justify-content:center;margin-bottom:24px;margin-bottom:var(--spacing-xl)}.light .secure-payment,[data-theme=light] .secure-payment{color:#5d2f1a!important;color:var(--subscription-light-text-secondary)!important;font-weight:500}.dev-mode-notice{background:#f59e0b1a;background:var(--warning-bg);border:2px solid #f59e0b4d;border-radius:8px;border-radius:var(--radius-md);color:#f59e0b;color:var(--warning-color);font-weight:500;padding:16px;padding:var(--spacing-lg)}.dev-mode-notice,.subscribe-button{margin-bottom:24px;margin-bottom:var(--spacing-xl)}.subscribe-button{align-items:center;background:linear-gradient(135deg,#d2691e,peru)!important;background:linear-gradient(135deg,var(--subscription-dark-primary),var(--subscription-dark-accent))!important;border:none;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 25px #d2691e4d!important;color:#fff!important;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:12px;gap:var(--spacing-md);justify-content:center;letter-spacing:.025em;overflow:hidden;padding:24px 32px;padding:var(--spacing-xl) var(--spacing-2xl);position:relative;text-align:center;text-overflow:ellipsis;transition:all .25s ease-out;transition:all var(--transition-normal);white-space:nowrap;width:100%}.subscribe-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.subscribe-button:hover:before{left:100%}.subscribe-button:hover{background:linear-gradient(135deg,peru,#d2691e)!important;background:linear-gradient(135deg,var(--subscription-dark-accent),var(--subscription-dark-primary))!important;box-shadow:0 15px 30px #d2691e66!important;transform:translateY(-3px)}.subscribe-button:after{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .25s ease-out;transition:all var(--transition-normal);width:0}.subscribe-button:hover:after{height:200px;width:200px}.subscribe-button:disabled{box-shadow:0 4px 6px #8b451333!important;box-shadow:var(--shadow-md)!important;cursor:not-allowed;opacity:.6;transform:none!important}.force-premium-button{align-items:center;background:#f59e0b26!important;border:2px solid #f59e0b!important;border-radius:8px;border-radius:var(--radius-md);color:#fbbf24!important;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;letter-spacing:.025em;margin-bottom:16px;margin-bottom:var(--spacing-lg);padding:16px 24px;padding:var(--spacing-lg) var(--spacing-xl);text-align:center;text-overflow:ellipsis;transition:all .25s ease-out;transition:all var(--transition-normal);white-space:nowrap;width:100%}.force-premium-button:hover{background:#f59e0b!important;color:#fff!important;transform:translateY(-2px)}.light .subscribe-button,[data-theme=light] .subscribe-button{background:linear-gradient(135deg,#b8860b,#8b4513)!important;background:linear-gradient(135deg,var(--subscription-light-primary),var(--subscription-light-secondary))!important;color:#fff!important}.light .subscribe-button:hover,[data-theme=light] .subscribe-button:hover{background:linear-gradient(135deg,#8b4513,sienna)!important;background:linear-gradient(135deg,var(--subscription-light-secondary),var(--subscription-light-accent))!important}.error-message{align-items:center;background:#ef444426!important;border:2px solid #ef44444d!important;border-radius:8px;border-radius:var(--radius-md);color:#fca5a5!important;display:flex;font-weight:500;gap:8px;gap:var(--spacing-sm);justify-content:center;margin-bottom:24px;margin-bottom:var(--spacing-xl);padding:16px;padding:var(--spacing-lg);text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d!important;border-radius:50%;border-top:3px solid var(--subscription-dark-primary)!important;height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.cancel-subscription-button{align-items:center;background:#ef4444!important;border:2px solid #ef4444!important;border-radius:12px;border-radius:var(--radius-lg);color:#fff!important;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;margin-top:auto;overflow:hidden;padding:16px 24px;padding:var(--spacing-lg) var(--spacing-xl);position:relative;transition:all .25s ease-out;transition:all var(--transition-normal);width:100%}.cancel-subscription-button:hover{background:#dc2626!important;border-color:#dc2626!important;box-shadow:0 10px 25px #ef44444d!important;transform:translateY(-2px)}.cancel-subscription-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}@media (max-width:768px){.cancel-subscription-button{font-size:15px!important;padding:16px!important}}@media screen and (max-height:700px){.subscription-modal-overlay{align-items:flex-start!important;padding-bottom:16px!important;padding-top:60px!important}.subscription-modal{margin:0!important;max-height:calc(100vh - 80px)!important}.plan-card{min-height:280px!important}.modal-header,.plans-container{margin-bottom:20px!important}}@media screen and (max-height:600px){.subscription-modal-overlay{padding-bottom:12px!important;padding-top:40px!important}.subscription-modal{max-height:calc(100vh - 60px)!important;padding:16px!important}.modal-header,.plans-container{margin-bottom:16px!important}.plans-container{gap:12px!important}.plan-card{min-height:260px!important}.checkout-section,.plan-card{padding:16px!important}}@supports (-webkit-touch-callout:none){.subscription-modal-overlay{-webkit-overflow-scrolling:touch!important;height:100vh!important;height:100dvh!important}.subscription-modal{transform:translateZ(0)!important}}@supports (padding:max(0px)){.subscription-modal-overlay{padding:max(80px,env(safe-area-inset-top,0px) + 20px) max(10px,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))!important}}.subscription-modal-overlay.force-display{bottom:0!important;display:flex!important;left:0!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;right:0!important;top:0!important;visibility:visible!important;z-index:9999!important}.subscription-modal.force-display{display:block!important;opacity:1!important;position:relative!important;transform:none!important;visibility:visible!important;z-index:10000!important}.subscription-modal-overlay~*{z-index:1!important}@media (max-width:768px){.subscription-modal{animation:mobileSlideIn .3s ease-out!important}}@keyframes mobileSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px) and (prefers-reduced-motion:no-preference){.modal-close-button,.plan-card,.select-plan-button,.subscribe-button{animation:none!important;transition:transform .2s ease!important}}@media (max-width:768px){.subscription-modal{-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important}.subscription-modal-overlay{-webkit-user-select:none!important;user-select:none!important}}.force-premium-button:focus-visible,.modal-close-button:focus-visible,.plan-card:focus-visible,.select-plan-button:focus-visible,.subscribe-button:focus-visible{outline:3px solid #d2691e!important;outline:3px solid var(--subscription-dark-primary)!important;outline-offset:3px!important;z-index:1000}.select-plan-button:focus-visible.selected{outline:3px solid peru!important;outline:3px solid var(--subscription-dark-accent)!important;outline-offset:3px!important}.light .force-premium-button:focus-visible,.light .modal-close-button:focus-visible,.light .plan-card:focus-visible,.light .select-plan-button:focus-visible,.light .subscribe-button:focus-visible,[data-theme=light] .force-premium-button:focus-visible,[data-theme=light] .modal-close-button:focus-visible,[data-theme=light] .plan-card:focus-visible,[data-theme=light] .select-plan-button:focus-visible,[data-theme=light] .subscribe-button:focus-visible{outline-color:#b8860b!important;outline-color:var(--subscription-light-primary)!important}.light .select-plan-button:focus-visible.selected,[data-theme=light] .select-plan-button:focus-visible.selected{outline-color:#8b4513!important;outline-color:var(--subscription-light-secondary)!important}@media (prefers-reduced-motion:reduce){.blocked-feature-icon,.check-icon-button,.force-premium-button,.modal-close-button,.plan-card,.plan-card.selected,.premium-badge,.select-plan-button,.select-plan-button.selected:before,.subscribe-button,.subscribe-button:after{animation:none!important}.check-icon-button,.select-plan-button,.subscribe-button span{transition:none!important}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.checkout-section,.modal-close-button,.plan-card{border-width:4px!important}.force-premium-button,.select-plan-button,.subscribe-button{border-width:3px!important;font-weight:800!important}.select-plan-button.selected{border-width:4px!important}.premium-badge{border-width:3px!important}.plan-card h3,.price .amount{font-weight:900!important}.check-icon-button{background:#fff6!important;border:2px solid #fff!important}.light .features li,[data-theme=light] .features li{color:#1a0f08!important;font-weight:700!important}.light .plan-card,.light .subscription-modal,[data-theme=light] .plan-card,[data-theme=light] .subscription-modal{border-color:#8b4513!important;border-width:4px!important}}.modal-close-button,.plan-card,.select-plan-button,.subscribe-button{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:transform}.subscription-modal-overlay{contain:layout style paint}.subscription-modal{contain:layout}.plan-card{animation:slideInUp .6s ease-out both}.plan-card:first-child{animation-delay:.1s}.plan-card:nth-child(2){animation-delay:.2s}.plan-card:nth-child(3){animation-delay:.3s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.checkout-section{animation:fadeInUp .8s ease-out .4s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(4)}}.plan-card:active:after,.select-plan-button:active:after,.subscribe-button:active:after{animation:ripple .6s ease-out;background:#d2691e66!important;border-radius:50%;content:"";height:20px;left:50%;pointer-events:none;position:absolute;top:50%;width:20px}.light .plan-card:active:after,.light .select-plan-button:active:after,.light .subscribe-button:active:after,[data-theme=light] .plan-card:active:after,[data-theme=light] .select-plan-button:active:after,[data-theme=light] .subscribe-button:active:after{background:#8b451366!important}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.checkout-section,.modal-close-button,.plan-card,.subscription-modal{background:#1e293bf2!important;background:var(--subscription-dark-card)!important}.light .checkout-section,.light .modal-close-button,.light .plan-card,.light .subscription-modal,[data-theme=light] .checkout-section,[data-theme=light] .modal-close-button,[data-theme=light] .plan-card,[data-theme=light] .subscription-modal{background:#faf8f0f2!important;background:var(--subscription-light-card)!important}}.subscription-modal h1,.subscription-modal h2,.subscription-modal h3,.subscription-modal h4{color:#f1f5f9!important;color:var(--subscription-dark-text)!important}.light .subscription-modal h1,.light .subscription-modal h2,.light .subscription-modal h3,.light .subscription-modal h4,[data-theme=light] .subscription-modal h1,[data-theme=light] .subscription-modal h2,[data-theme=light] .subscription-modal h3,[data-theme=light] .subscription-modal h4{color:#2d1810!important;color:var(--subscription-light-text)!important}.subscription-modal p{color:#cbd5e1!important;color:var(--subscription-dark-text-secondary)!important}.light .subscription-modal p,[data-theme=light] .subscription-modal p{color:#5d2f1a!important;color:var(--subscription-light-text-secondary)!important;font-weight:400}.subscription-modal span{color:inherit!important}@media (max-width:768px){.light .features li,[data-theme=light] .features li{color:#2d1810!important;color:var(--subscription-light-text)!important;font-weight:600}.light .plan-card h3,[data-theme=light] .plan-card h3{color:#2d1810!important;color:var(--subscription-light-text)!important;font-weight:800}.light .modal-header p,[data-theme=light] .modal-header p{color:#5d2f1a!important;color:var(--subscription-light-text-secondary)!important;font-weight:500}}@media (max-width:480px){.light .features li,[data-theme=light] .features li{font-weight:700}}.subscription-spacing-xs{margin:4px;margin:var(--spacing-xs)}.subscription-spacing-sm{margin:8px;margin:var(--spacing-sm)}.subscription-spacing-md{margin:12px;margin:var(--spacing-md)}.subscription-spacing-lg{margin:16px;margin:var(--spacing-lg)}.subscription-spacing-xl{margin:24px;margin:var(--spacing-xl)}.subscription-text-primary{color:#f1f5f9!important;color:var(--subscription-dark-text)!important}.subscription-text-secondary{color:#cbd5e1!important;color:var(--subscription-dark-text-secondary)!important}.light .subscription-text-primary,[data-theme=light] .subscription-text-primary{color:#2d1810!important;color:var(--subscription-light-text)!important;font-weight:500}.light .subscription-text-secondary,[data-theme=light] .subscription-text-secondary{color:#5d2f1a!important;color:var(--subscription-light-text-secondary)!important;font-weight:400}.light .subscription-text-muted,[data-theme=light] .subscription-text-muted{color:#8b4513!important;color:var(--subscription-light-text-muted)!important;font-weight:400}@media (prefers-color-scheme:dark){.subscription-modal:not(.light):not([data-theme=light]){background:#1e293bf2;background:var(--subscription-dark-card);color:#f1f5f9;color:var(--subscription-dark-text)}}@media (prefers-color-scheme:light){.subscription-modal:not(.dark):not([data-theme=dark]){background:#faf8f0f2;background:var(--subscription-light-card);color:#2d1810;color:var(--subscription-light-text)}}.current-plan-button,.select-plan-button{overflow:hidden;position:relative;transition:all .25s ease-out;transition:all var(--transition-normal)}.current-plan-button:disabled,.force-premium-button:disabled,.select-plan-button:disabled,.subscribe-button:disabled{cursor:not-allowed;opacity:.6;pointer-events:none;transform:none!important}.plan-card{transition:all .4s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth)}.plan-card.selected{position:relative}@media (max-width:480px) and (prefers-reduced-motion:reduce){.blocked-feature-icon,.force-premium-button,.modal-close-button,.plan-card,.premium-badge,.select-plan-button,.subscribe-button{animation:none!important;transform:none!important;transition:none!important}}@media (min-width:1200px){.subscription-modal{max-width:1200px}.plans-container{grid-template-columns:repeat(3,1fr);max-width:1000px}}.current-plan-button,.features li span,.modal-header h2,.modal-header p,.plan-card h3,.select-plan-button,.subscribe-button,.terms-text{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.subscription-modal{-webkit-user-select:text;user-select:text}.current-plan-button,.force-premium-button,.modal-close-button,.select-plan-button,.subscribe-button{-webkit-user-select:none;user-select:none}.blocked-feature-icon,.check-icon,.check-icon-button,.premium-badge .emoji-icon{flex-shrink:0;-webkit-user-select:none;user-select:none}@media (hover:none) and (pointer:coarse){.force-premium-button:hover,.modal-close-button:hover,.plan-card:hover,.select-plan-button:hover,.subscribe-button:hover{transform:none}.plan-card:active,.select-plan-button:active,.subscribe-button:active{transform:scale(.98);transition:transform .1s ease}}.subscription-modal::-webkit-scrollbar{width:8px}.subscription-modal::-webkit-scrollbar-track{background:#8b45131a;border-radius:4px}.subscription-modal::-webkit-scrollbar-thumb{background:#d2691e;background:var(--subscription-dark-primary);border-radius:4px}.subscription-modal::-webkit-scrollbar-thumb:hover{background:peru;background:var(--subscription-dark-accent)}.light .subscription-modal::-webkit-scrollbar-thumb,[data-theme=light] .subscription-modal::-webkit-scrollbar-thumb{background:#b8860b;background:var(--subscription-light-primary)}.light .subscription-modal::-webkit-scrollbar-thumb:hover,[data-theme=light] .subscription-modal::-webkit-scrollbar-thumb:hover{background:#8b4513;background:var(--subscription-light-secondary)}.terms-section{margin:20px 0;text-align:center}.terms-text{color:#cbd5e1!important;color:var(--subscription-dark-text-secondary)!important;font-size:13px;font-weight:600;letter-spacing:.025em;line-height:1.5;margin:0 auto;max-width:500px}@media (max-width:480px){.terms-text{font-size:12px!important}}.light .terms-text,[data-theme=light] .terms-text{color:#5d2f1a!important;color:var(--subscription-light-text-secondary)!important;font-weight:400}.legal-link{align-items:center;background:none;border:none;border-radius:4px;color:#d2691e!important;color:var(--subscription-dark-primary)!important;cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;font-weight:600;gap:4px;margin:0;padding:2px 4px;text-decoration:underline;transition:all .25s ease-out;transition:all var(--transition-normal)}.legal-link:hover{background:#d2691e1a;color:peru!important;color:var(--subscription-dark-accent)!important;text-decoration:none;transform:translateY(-1px)}.legal-link:focus{border-radius:4px;outline:3px solid #d2691e!important;outline:3px solid var(--subscription-dark-primary)!important;outline-offset:2px}.legal-link:active{transform:translateY(0)}.light .legal-link,[data-theme=light] .legal-link{color:#b8860b!important;color:var(--subscription-light-primary)!important;font-weight:600}.light .legal-link:hover,[data-theme=light] .legal-link:hover{background:#8b45131a;color:#8b4513!important;color:var(--subscription-light-secondary)!important}.light .legal-link:focus,[data-theme=light] .legal-link:focus{outline-color:#b8860b!important;outline-color:var(--subscription-light-primary)!important}.legal-link svg{flex-shrink:0;transition:transform .25s ease-out;transition:transform var(--transition-normal)}.legal-link:hover svg{transform:translateX(2px) scale(1.1)}@media (max-width:768px){.terms-section{margin:16px 0}.legal-link{gap:3px;padding:4px 6px}.legal-link svg{height:12px;width:12px}}@media (max-width:480px){.legal-link{gap:2px;padding:3px 5px}.legal-link svg{height:10px;width:10px}}@media (prefers-reduced-motion:reduce){.legal-link,.legal-link svg{transition:none!important}}@media (prefers-contrast:high){.legal-link{border:1px solid;font-weight:800!important;text-decoration:underline!important}.light .legal-link,[data-theme=light] .legal-link{color:#8b4513!important}}@media (hover:none) and (pointer:coarse){.legal-link:hover{background:none;transform:none}.legal-link:active{background:#d2691e33;transform:scale(.98)}.light .legal-link:active,[data-theme=light] .legal-link:active{background:#8b451333}}.payment-success-page{align-items:center;background-color:#f8fafc;background-image:radial-gradient(circle at top right,#3b82f61a,#0000 400px),radial-gradient(circle at bottom left,#6366f11a,#0000 400px);box-sizing:border-box;display:flex;justify-content:center;min-height:calc(100vh - 60px);overflow-x:hidden;padding:60px 20px}.payment-success-page.dark-mode{background-color:#0f172a;background-image:radial-gradient(circle at top right,#3b82f60d,#0000 400px),radial-gradient(circle at bottom left,#6366f10d,#0000 400px)}.success-container{background-color:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;height:auto!important;margin:0!important;max-height:none!important;max-width:600px;min-height:auto!important;overflow:hidden;overflow:visible!important;padding:40px;position:relative;text-align:center;width:100%}.dark-mode .success-container{background-color:#1e293b;box-shadow:0 20px 40px #0000004d}.verifying-payment{align-items:center;display:flex;flex-direction:column;gap:20px}.progress-container{align-items:center;display:flex;gap:15px;margin-bottom:10px;width:100%}.progress-bar{background-color:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#64748b;font-size:14px;font-weight:600;min-width:40px;text-align:right}.dark-mode .progress-bar{background-color:#334155}.dark-mode .progress-text{color:#94a3b8}.verify-animation{align-items:center;display:flex;justify-content:center;margin:20px 0;position:relative}.shield-icon{color:#3b82f6;position:relative;z-index:2}.dark-mode .shield-icon{color:#60a5fa}.pulse-circles{height:60px;position:absolute;width:60px}.pulse{animation:pulse-effect 1.8s ease-out infinite;border:2px solid #3b82f6;border-radius:50%;height:100%;opacity:0;position:absolute;width:100%}.pulse-1{animation-delay:0s}.pulse-2{animation-delay:.6s}.pulse-3{animation-delay:1.2s}@keyframes pulse-effect{0%{opacity:0;transform:scale(.5)}50%{opacity:.5}to{opacity:0;transform:scale(1.2)}}.dark-mode .pulse{border-color:#60a5fa}.verifying-payment h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#3b82f6,#6366f1);-webkit-background-clip:text;background-clip:text;color:#0f172a;font-size:24px;margin:0}.dark-mode .verifying-payment h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#60a5fa,#818cf8);-webkit-background-clip:text;background-clip:text;color:#f8fafc}.verifying-payment p{color:#64748b;margin:0;max-width:400px}.payment-confirmed{align-items:center;display:flex;flex-direction:column}.success-icon{align-items:center;background-color:#10b9811a;border-radius:50%;display:flex;height:120px;justify-content:center;margin-bottom:20px;overflow:hidden;position:relative;width:120px}.success-icon:before{animation:pulse-success 2s ease-out infinite;background:radial-gradient(circle,#10b98133 0,#10b98100 70%);bottom:0;content:"";left:0;opacity:.7;position:absolute;right:0;top:0}@keyframes pulse-success{0%{opacity:.7;transform:scale(.8)}50%{opacity:.3}to{opacity:.7;transform:scale(1.2)}}.dark-mode .success-icon{background-color:#10b98133}.payment-confirmed h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;color:#0f172a;font-size:32px;font-weight:700;margin:0 0 10px}.dark-mode .payment-confirmed h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#34d399,#10b981);-webkit-background-clip:text;background-clip:text;color:#f8fafc}.payment-confirmed>p{color:#64748b;font-size:16px;margin:0 0 30px}.dark-mode .payment-confirmed>p{color:#94a3b8}.subscription-details{background-color:#f1f5f9;border-left:4px solid #10b981;border-radius:12px;margin-bottom:30px;padding:24px;width:100%}.dark-mode .subscription-details{background-color:#334155;border-left-color:#059669}.detail-item{display:flex;font-size:15px;justify-content:space-between;margin-bottom:12px}.detail-item:last-child{margin-bottom:0}.detail-item strong{color:#334155;font-weight:600}.dark-mode .detail-item strong{color:#cbd5e1}.detail-item span{color:#0f172a;font-weight:500}.dark-mode .detail-item span{color:#f8fafc}.status-active{align-items:center;color:#10b981!important;display:flex}.status-dot{background-color:#10b981;border-radius:50%;height:8px;margin-right:6px;position:relative;width:8px}.status-dot:after{animation:pulse-dot 1.5s infinite;border:2px solid #10b9814d;border-radius:50%;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}@keyframes pulse-dot{0%{opacity:.7;transform:scale(.8)}70%{opacity:0;transform:scale(1.2)}to{opacity:0;transform:scale(.8)}}.features-unlocked{margin-bottom:30px;text-align:left;width:100%}.features-unlocked h3{color:#0f172a;display:inline-block;font-size:18px;margin:0 0 15px;padding-bottom:8px;position:relative}.dark-mode .features-unlocked h3{color:#f8fafc}.dark-mode .features-unlocked h3:after{background-color:#60a5fa}.features-unlocked ul{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));list-style:none;margin:0;padding:0}.features-unlocked li{align-items:center;border-radius:8px;color:#334155;display:flex;font-size:14px;gap:12px;padding:8px 12px;transition:transform .2s ease}.features-unlocked li:hover{background-color:#f3f4f6b3;transform:translateX(5px)}.dark-mode .features-unlocked li{color:#cbd5e1}.dark-mode .features-unlocked li:hover{background-color:#3341554d}.feature-check{background-color:#10b9811a;border-radius:50%;color:#10b981;flex-shrink:0;padding:3px}.dark-mode .feature-check{background-color:#34d39933;color:#34d399}.continue-button{align-items:center;background:linear-gradient(90deg,#3b82f6,#6366f1);border:none;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;max-width:300px;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease;width:100%}.continue-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.continue-button:hover:before{left:100%}.continue-button:hover{background:linear-gradient(90deg,#2563eb,#4f46e5);transform:translateY(-3px)}.payment-error{flex-direction:column}.error-icon,.payment-error{align-items:center;display:flex}.error-icon{background-color:#f59e0b1a;border-radius:50%;height:100px;justify-content:center;margin-bottom:20px;width:100px}.dark-mode .error-icon{background-color:#f59e0b33}.payment-error h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text;color:#0f172a;font-size:28px;font-weight:700;margin:0 0 10px}.dark-mode .payment-error h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;color:#f8fafc}.payment-error>p{color:#64748b;font-size:16px;margin:0 0 20px}.dark-mode .payment-error>p{color:#94a3b8}.error-details{background-color:#fff7ed;border-left:4px solid #f59e0b;border-radius:0 6px 6px 0;color:#78350f;margin-bottom:30px;padding:15px;text-align:left}.dark-mode .error-details{background-color:#f59e0b1a;color:#fdba74}.error-actions{display:flex;gap:15px;max-width:500px;width:100%}.try-again-button{background:linear-gradient(90deg,#3b82f6,#6366f1);border:none;border-radius:10px;box-shadow:0 4px 6px #2563eb33;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease}.try-again-button:hover{background:linear-gradient(90deg,#2563eb,#4f46e5);transform:translateY(-3px)}.contact-support-button{background-color:initial;border:1px solid #3b82f6;border-radius:10px;color:#3b82f6;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease}.contact-support-button:hover{background-color:#3b82f61a;transform:translateY(-3px)}.dark-mode .contact-support-button{border-color:#60a5fa;color:#60a5fa}.dark-mode .contact-support-button:hover{background-color:#60a5fa1a}@media (max-width:600px){.payment-success-page{min-height:calc(100vh - 60px);padding:15px}.success-container{margin:0 15px;max-height:none!important;padding:20px;width:100%}.features-unlocked ul{grid-template-columns:1fr}.error-actions{flex-direction:column}.success-icon{height:100px;width:100px}.payment-confirmed h1{font-size:26px}.continue-button{font-size:15px;padding:14px 20px}}@media (max-width:400px){.success-container{height:auto!important;max-height:none!important;min-height:auto!important;padding:15px}.subscription-details{padding:16px}.detail-item{font-size:14px}.payment-confirmed h1{font-size:22px}.payment-confirmed>p{font-size:14px}.features-unlocked h3{font-size:16px}}@media screen and (min-height:800px){.payment-success-page{align-items:flex-start;padding-bottom:40px;padding-top:40px}}@media screen and (max-height:600px){.payment-success-page{height:auto;min-height:auto;padding-bottom:20px;padding-top:20px}.success-container{margin:0;padding:15px}.subscription-details{padding:12px}.features-unlocked ul{gap:8px}.features-unlocked li{padding:6px 10px}}.payment-success-page{overflow-y:auto}@keyframes pulse-optimized{0%{opacity:.7}50%{opacity:.3}to{opacity:.7}}.success-icon:before{animation:pulse-optimized 2s ease-out infinite}.features-unlocked,.subscription-details{max-width:100%;overflow-x:hidden}.mobile-header{align-items:center!important;border:none!important;box-sizing:border-box!important;display:flex!important;height:60px!important;justify-content:space-between!important;left:0!important;margin:0!important;opacity:1!important;padding:0 16px!important;position:fixed!important;right:0!important;top:0!important;transform:none!important;transition:background .3s ease,color .3s ease!important;visibility:visible!important;width:100%!important;z-index:100000!important}.mobile-header.dark{background:linear-gradient(135deg,peru,#8b4513)!important;box-shadow:0 4px 12px #8b451366!important;color:#fff!important}.mobile-header.light{background:linear-gradient(135deg,#daa520,#f4e4bc)!important;box-shadow:0 4px 12px #daa52066!important;color:#654321!important}.mobile-header .header-left{align-items:center!important;display:flex!important;flex:0 0 auto!important;gap:12px!important;justify-content:flex-start!important;max-width:40%!important;min-width:0!important;opacity:1!important;visibility:visible!important;z-index:3!important}.mobile-header .header-title{font-size:1.25rem!important;font-weight:600!important;left:50%!important;max-width:200px!important;opacity:1!important;overflow:hidden!important;pointer-events:none!important;position:absolute!important;text-align:center!important;text-overflow:ellipsis!important;top:50%!important;transform:translate(-50%,-50%)!important;visibility:visible!important;white-space:nowrap!important;z-index:1!important}.mobile-header .header-title h1{color:inherit!important;font-size:inherit!important;margin:0!important;opacity:1!important;visibility:visible!important}.mobile-header .header-actions{align-items:center!important;display:flex!important;flex:0 0 auto!important;gap:12px!important;justify-content:flex-end!important;margin-left:auto!important;max-width:50%!important;min-width:0!important;opacity:1!important;visibility:visible!important;z-index:3!important}.mobile-header .header-login-button,.mobile-header .header-logout-button,.mobile-header .subscription-status-button,.mobile-header .theme-toggle-button{align-items:center!important;border:none!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;height:40px!important;justify-content:center!important;min-width:40px!important;opacity:1!important;pointer-events:auto!important;position:relative!important;transition:all .3s ease!important;visibility:visible!important;width:40px!important;z-index:100001!important}.mobile-header .header-login-button,.mobile-header .header-logout-button{border-radius:20px!important;font-size:13px!important;font-weight:600!important;max-width:120px!important;min-width:80px!important;overflow:hidden!important;padding:8px 16px!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:auto!important}.mobile-header .mobile-google-auth-container{flex-shrink:0!important;min-width:0!important}.mobile-header .header-auth-container,.mobile-header .mobile-google-auth-container{align-items:center!important;display:flex!important;justify-content:flex-end!important;opacity:1!important;pointer-events:auto!important;position:relative!important;visibility:visible!important;z-index:100001!important}.mobile-header .language-selector-small{display:block!important;flex-shrink:0!important;height:40px!important;max-width:110px!important;min-width:110px!important;opacity:1!important;visibility:visible!important;width:110px!important}.mobile-header .language-selector-small select{border-radius:20px!important;box-sizing:border-box!important;cursor:pointer!important;font-size:13px!important;font-weight:600!important;height:100%!important;outline:none!important;padding:0 12px!important;width:100%!important}.mobile-header.dark .header-login-button,.mobile-header.dark .header-logout-button,.mobile-header.dark .language-selector-small select,.mobile-header.dark .subscription-status-button,.mobile-header.dark .theme-toggle-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fff3!important;border:2px solid #fff6!important;box-shadow:0 2px 6px #00000026!important;color:#fff!important}.mobile-header.light .header-login-button,.mobile-header.light .header-logout-button,.mobile-header.light .language-selector-small select,.mobile-header.light .subscription-status-button,.mobile-header.light .theme-toggle-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#65432133!important;border:2px solid #65432166!important;box-shadow:0 2px 6px #65432126!important;color:#654321!important}.mobile-header.dark .header-login-button:hover,.mobile-header.dark .header-logout-button:hover,.mobile-header.dark .subscription-status-button:hover,.mobile-header.dark .theme-toggle-button:hover{background:#ffffff4d!important;border-color:#fff9!important;box-shadow:0 4px 12px #00000040!important;transform:scale(1.02)!important}.mobile-header.light .header-login-button:hover,.mobile-header.light .header-logout-button:hover,.mobile-header.light .subscription-status-button:hover,.mobile-header.light .theme-toggle-button:hover{background:#6543214d!important;border-color:#65432199!important;box-shadow:0 4px 12px #65432140!important;transform:scale(1.02)!important}.mobile-header .theme-toggle-button svg{stroke-width:2.5!important;fill:none!important;stroke:currentColor!important;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))!important;height:22px!important;width:22px!important}.mobile-header.main-menu .header-title{display:none!important}.mobile-header.component-view .header-title{display:block!important}@media (max-width:480px){.mobile-header{height:56px!important;padding:0 12px!important}.mobile-header .subscription-status-button,.mobile-header .theme-toggle-button{height:36px!important;min-width:36px!important;width:36px!important}.mobile-header .header-login-button,.mobile-header .header-logout-button{font-size:12px!important;height:36px!important;max-width:100px!important;min-width:70px!important;padding:6px 12px!important}.mobile-header .language-selector-small{height:36px!important;max-width:95px!important;min-width:95px!important;width:95px!important}.mobile-header .header-actions,.mobile-header .header-left{gap:8px!important}.mobile-header .header-title{font-size:1.1rem!important;max-width:140px!important}body.mobile-view{padding-top:56px!important}}body.mobile-view{overflow-x:hidden!important;padding-top:60px!important}.mobile-header[style*="display: none"],.mobile-header[style*="opacity: 0"],.mobile-header[style*="visibility: hidden"],header.mobile-header{display:flex!important;opacity:1!important;visibility:visible!important}.mobile-header *{opacity:1!important;visibility:visible!important}.mobile-header.dark :not(.header-login-button):not(.header-logout-button):not(svg):not(select):not(option){color:#fff!important}.mobile-header.light :not(.header-login-button):not(.header-logout-button):not(svg):not(select):not(option){color:#654321!important}
/*# sourceMappingURL=main.2b8626af.css.map*/