*,: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-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.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}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.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-decimal{list-style-type:decimal}.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{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-l-4{border-left-width:4px}.border-green-500{--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-yellow-500{--tw-border-opacity:1;border-color:#eab308;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgb(240 253 244/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-yellow-50{--tw-bg-opacity:1;background-color:#fefce8;background-color:rgb(254 252 232/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-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.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}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.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)}body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.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\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.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)}body{-webkit-font-smoothing:antialiased!important;background:linear-gradient(135deg,#fafafa,#f5f5f5)!important;color:#2c1810!important;color:var(--text-primary)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif!important;transition:background .4s ease,color .3s ease!important}.dark body:before,[data-theme=dark] body:before{background-image:radial-gradient(circle at 20% 50%,#daa52008 0,#0000 50%),radial-gradient(circle at 80% 80%,#daa52005 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.category-card,.grammar-card,.lesson-card,.modern-level-card,.modern-main-container,.modern-menu-item,.module-card,.playful-level-card,.playful-module-card,.quiz-card,.sentence-card,[class*=-card]:not(.nav-item){background:#fff!important;background:var(--surface)!important;border:1px solid #eee!important;border:1px solid var(--border-light)!important;border-radius:16px!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f!important;box-shadow:var(--shadow-md)!important;position:relative!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-base)!important}.category-card:hover,.lesson-card:hover,.modern-menu-item:hover,.module-card:hover,.playful-module-card:hover,[class*=-card]:hover:not(.nav-item){border-color:#e0e0e0!important;border-color:var(--border-medium)!important;box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f,0 4px 12px #c9a96126!important;box-shadow:var(--shadow-lg),var(--shadow-gold)!important;transform:translateY(-4px)!important}.featured-card,.modern-level-card,.playful-level-card,.premium-card{border-left:4px solid #c9a961!important;border-left:4px solid var(--gold-primary)!important}.featured-card:before,.modern-level-card:before,.playful-level-card:before{color:#c9a961;color:var(--gold-primary);content:"𓂀";font-size:140px;opacity:.03;opacity:var(--watermark-opacity);pointer-events:none;position:absolute;right:-20px;top:-20px;z-index:0}.mobile-header,.modern-header,.playful-header{background:#fff!important;background:var(--surface)!important;border:1px solid #eee!important;border:1px solid var(--border-light)!important;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f!important;box-shadow:var(--shadow-md)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-base)!important}.mobile-header{border-bottom:3px solid #c9a961!important;border-bottom:3px solid var(--gold-primary)!important}.app-logo,.avatar,.modern-logo-circle,.playful-logo-circle,.user-avatar{background:linear-gradient(135deg,#c9a961,#8b6914)!important;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark))!important;box-shadow:0 4px 12px #c9a96126!important;box-shadow:var(--shadow-gold)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-base)!important}.app-logo:hover,.avatar:hover,.modern-logo-circle:hover,.playful-logo-circle:hover{box-shadow:0 6px 20px #daa52059!important;transform:scale(1.05)!important}.bottom-nav,.bottom-navigation,.playful-bottom-nav{background:#fff!important;background:var(--surface)!important;border-top:3px solid #c9a961!important;border-top:3px solid var(--gold-primary)!important;box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f!important;box-shadow:var(--shadow-lg)!important}.nav-item{color:#666!important;color:var(--text-secondary)!important;transition:all .15s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-fast)!important}.nav-item:hover{background:#fafafa!important;background:var(--surface-hover)!important}.nav-item.active{background:#daa5201a!important;color:#c9a961!important;color:var(--gold-primary)!important}.nav-item.active:before{background:#c9a961;background:var(--gold-primary);border-radius:0 0 3px 3px;box-shadow:0 0 8px #daa52080;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%)}.connection-btn,.playful-button,.premium-upgrade-menu-button,[class*=continue-button],[class*=start-button],[class*=submit-button],button.main-action,button.primary{background:linear-gradient(135deg,#c9a961,#8b6914)!important;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark))!important;border:none!important;border-radius:12px!important;border-radius:var(--radius-md)!important;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f!important;box-shadow:var(--shadow-sm)!important;color:#fafafa!important;color:var(--bg-primary)!important;cursor:pointer!important;font-weight:600!important;letter-spacing:.5px!important;padding:10px 20px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-base)!important}.connection-btn:hover,.playful-button:hover,.premium-upgrade-menu-button:hover,button.main-action:hover,button.primary:hover{background:linear-gradient(135deg,#dbc4a0,#c9a961)!important;background:linear-gradient(135deg,var(--gold-light),var(--gold-primary))!important;box-shadow:0 4px 12px #c9a96126!important;box-shadow:var(--shadow-gold)!important;transform:translateY(-2px)!important}.connection-btn:active,button.primary:active{transform:translateY(0)!important}.modern-theme-button,.playful-theme-button,.theme-toggle-button{background:#fafafa!important;background:var(--surface-hover)!important;border:1px solid #eee!important;border:1px solid var(--border-light)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f!important;box-shadow:var(--shadow-sm)!important;color:#2c1810!important;color:var(--text-primary)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-base)!important}.modern-theme-button:hover,.theme-toggle-button:hover{background:#f5f5f5!important;background:var(--surface-elevated)!important;border-color:#c9a961!important;border-color:var(--gold-primary)!important;box-shadow:0 4px 12px #c9a96126!important;box-shadow:var(--shadow-gold)!important;transform:translateY(-2px)!important}.floating-button,.floating-premium-button{animation:float 3s ease-in-out infinite!important;background:linear-gradient(135deg,#c9a961,#8b6914)!important;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark))!important;box-shadow:0 20px 25px #0000000a,0 10px 10px #0000000f,0 4px 12px #c9a96126!important;box-shadow:var(--shadow-xl),var(--shadow-gold)!important}.floating-button:hover,.floating-premium-button:hover{animation:none!important;box-shadow:0 25px 50px #00000080,0 0 40px #daa52080!important;transform:scale(1.15)!important}.badge-container,.level-badge,.modern-level-badge{animation:badge-glow 2s ease-in-out infinite!important;background:linear-gradient(135deg,#c9a961,#8b6914)!important;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark))!important;box-shadow:0 4px 12px #c9a96126!important;box-shadow:var(--shadow-gold)!important}.badge,.premium-badge,.status-badge,[class*=-badge]:not([class*=level]){background:#daa52026!important;border:1px solid #daa5204d!important;border-radius:6px!important;color:#c9a961!important;color:var(--gold-primary)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.5px!important;padding:4px 10px!important;text-transform:uppercase!important}.status-badge.available{background:#4caf5026!important;border-color:#4caf504d!important;color:#4caf50!important;color:var(--accent-success)!important}.status-badge.locked{background:#fafafa!important;background:var(--surface-hover)!important;border-color:#eee!important;border-color:var(--border-light)!important;color:#999!important;color:var(--text-tertiary)!important}.modern-progress-container,.playful-progress-container,.progress-container,[class*=progress-container]{background:#eee!important;background:var(--border-light)!important;border-radius:20px!important;box-shadow:inset 0 2px 4px #0000001a!important;height:10px!important;overflow:hidden!important}.modern-progress-fill,.playful-progress-bar,.progress-bar,.progress-fill,[class*=progress-bar],[class*=progress-fill]{background:linear-gradient(90deg,#8b6914,#c9a961,#dbc4a0)!important;background:linear-gradient(90deg,var(--gold-dark),var(--gold-primary),var(--gold-light))!important;border-radius:20px!important;box-shadow:0 0 12px #daa52066!important;height:100%!important;position:relative!important;transition:width .8s cubic-bezier(.4,0,.2,1)!important}.progress-bar:after,.progress-fill:after,[class*=progress-bar]:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.app-title,.modern-logo-title,.playful-app-title,.playful-section-title,.section-title,h1,h2{color:#2c1810!important;color:var(--text-primary)!important;font-weight:700!important;letter-spacing:.5px!important}.playful-section-title:before,.section-title:before{background:#c9a961;background:var(--gold-primary);border-radius:2px;box-shadow:0 0 8px #daa52066;content:"";display:inline-block;height:20px;margin-right:8px;vertical-align:middle;width:4px}.app-subtitle,.level-subtitle,.module-status{color:#666!important;color:var(--text-secondary)!important}.level-subtitle,.xp-percentage,[class*=gold-text]{color:#c9a961!important;color:var(--gold-primary)!important;font-weight:600!important}.modern-menu-icon,.module-icon,[class*=module-icon]{background:#fafafa!important;background:var(--surface-hover)!important;border:1px solid #eee!important;border:1px solid var(--border-light)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-base)!important}.modern-menu-item:hover .modern-menu-icon,.module-card:hover .module-icon{background:linear-gradient(135deg,#c9a961,#8b6914)!important;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark))!important;border-color:#c9a961!important;border-color:var(--gold-primary)!important;box-shadow:0 4px 12px #c9a96126!important;box-shadow:var(--shadow-gold)!important;transform:scale(1.05) rotate(5deg)!important}.input,input:not([type=checkbox]):not([type=radio]),select,textarea{background:#fff!important;background:var(--surface)!important;border:1px solid #eee!important;border:1px solid var(--border-light)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;color:#2c1810!important;color:var(--text-primary)!important;padding:10px 16px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-base)!important}input:focus,select:focus,textarea:focus{border-color:#c9a961!important;border-color:var(--gold-primary)!important;box-shadow:0 0 0 3px #c9a96126!important;box-shadow:0 0 0 3px var(--gold-glow)!important;outline:none!important}.modal-overlay{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#00000080!important}.modal,.modal-content,[class*=modal-content]{background:#fff!important;background:var(--surface)!important;border:1px solid #eee!important;border:1px solid var(--border-light)!important;border-radius:20px!important;border-radius:var(--radius-xl)!important;box-shadow:0 20px 25px #0000000a,0 10px 10px #0000000f!important;box-shadow:var(--shadow-xl)!important}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f5f5f5;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#8b6914;background:var(--gold-dark);border-radius:5px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#c9a961;background:var(--gold-primary)}.featured,.premium,[class*=featured-],[class*=premium-]{animation:glow-pulse 3s ease-in-out infinite!important}@media (max-width:768px){:root{--spacing-xs:3px;--spacing-sm:6px;--spacing-md:12px;--spacing-lg:18px;--spacing-xl:24px}.modern-level-card:before,.playful-level-card:before{font-size:100px}}@media (max-width:480px){.modern-level-card:before,.playful-level-card:before{font-size:80px;right:-10px;top:-10px}}.hieroglyph{filter:drop-shadow(0 0 4px rgba(218,165,32,.3))!important}.gold-border{box-shadow:0 0 12px #daa52033!important}:root{--bg-primary:#f5f0e8;--bg-secondary:#e8dfc8;--surface:#fff;--surface-hover:#fafafa;--surface-elevated:#f5f5f5;--text-primary:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-dark:#9ca3af;--shadow-gold:0 4px 12px #daa5204d;--transition-fast:0.15s ease;--transition-base:0.3s ease;--watermark-opacity:0.05}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--surface:#1e293b;--surface-hover:#334155;--surface-elevated:#475569;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-light:#334155;--border-medium:#475569;--border-dark:#5a524a;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 8px #00000059;--shadow-lg:0 10px 20px #0006;--shadow-xl:0 20px 40px #00000073;--shadow-gold:0 4px 16px #daa52040;--watermark-opacity:0.06}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;overflow-x:hidden!important}#root,body,html{height:100%!important;margin:0!important;padding:0!important}#root{width:100%!important}body{-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#f5f0e8,#e8dfc8)!important;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%)!important}[data-theme=dark] body:before{background-image:radial-gradient(circle at 20% 50%,#daa52008 0,#0000 50%),radial-gradient(circle at 80% 80%,#daa52005 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.App{align-items:stretch!important;background:#0000!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;margin:0!important;max-width:none!important;min-height:100vh!important;padding:0 0 100px!important;position:relative!important;width:100%!important}.exercise-mode-container,.grammar-mode-container,.learn-mode,.modern-main-container,.modern-sentence-game,.progress-stats-container,.quiz-container,.revision-mode-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:calc(100vh - 100px)!important;padding:1rem 1rem 120px!important;position:relative!important;width:100%!important;z-index:1!important}.modern-main-container.playful-style{background:#0000;margin:0 auto!important;max-width:420px!important;min-height:calc(100vh - 100px)!important;padding:20px 20px 120px!important;position:relative!important;width:100%!important;z-index:1!important}.modern-sentence-game{background-color:#f8fafc!important}.modern-game-container{margin:0 auto!important;max-width:900px!important;position:relative!important;width:100%!important;z-index:1!important}.sentence-gap-container{background:linear-gradient(135deg,#4facfe,#00f2fe)!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;position:relative!important;width:100%!important;z-index:1!important}.grammar-mode-container{background:linear-gradient(135deg,#a8edea,#fed6e3)!important}.bottom-navigation,.playful-bottom-nav{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff!important;background:var(--surface)!important;border-top:1px solid #e5e7eb!important;border-top:1px solid var(--border-light)!important;bottom:0!important;box-shadow:0 -2px 10px #0000001a!important;display:flex!important;height:80px!important;justify-content:space-around!important;left:0!important;margin:0!important;padding:0 12px!important;padding:0 var(--spacing-md)!important;pointer-events:auto!important;position:fixed!important;right:0!important;transform:translateZ(0)!important;width:100vw!important;will-change:transform;z-index:10000!important}.mobile-header{height:60px!important;width:100vw!important;z-index:9998!important}.has-mobile-header .grammar-mode-container,.has-mobile-header .modern-main-container,.has-mobile-header .modern-sentence-game,.has-mobile-header .sentence-gap-container{min-height:calc(100vh - 40px)!important;padding-top:80px!important}.swipe-navigation-manager{margin:0!important;min-height:calc(100vh - 100px)!important;padding:0 0 120px!important;position:relative!important;width:100%!important;z-index:1!important}.interactive-mascot{height:60px!important;left:20px!important;position:fixed!important;top:20px!important;width:60px!important;z-index:999!important}.modern-menu-grid,.playful-modules-container{margin:0 auto!important;max-width:420px!important;padding-bottom:2rem!important;position:relative!important;width:100%!important;z-index:1!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#c9a961;background:var(--gold-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8b6914;background:var(--gold-dark)}.modern-header,.playful-header{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:20px;padding:20px;position:relative;transition:all .3s ease;transition:all var(--transition-base);width:100%;z-index:1}.modern-header:hover,.playful-header:hover{box-shadow:0 10px 15px #0000001a,0 4px 12px #daa5204d;box-shadow:var(--shadow-lg),var(--shadow-gold);transform:translateY(-2px)}.header-actions,.header-left,.modern-header-actions,.modern-header-left{align-items:center;display:flex;gap:12px}.modern-theme-button,.playful-theme-button,.theme-toggle-button{align-items:center;background:#fafafa;background:var(--surface-hover);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);color:#1f2937;color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;transition:all var(--transition-base);width:36px}.modern-theme-button:hover,.playful-theme-button:hover,.theme-toggle-button:hover{background:#f5f5f5;background:var(--surface-elevated);border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 4px 12px #daa5204d;box-shadow:var(--shadow-gold);transform:translateY(-2px)}.language-selector-button{background:#c9a961;background:var(--gold-primary);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);color:var(--surface);padding:10px 16px;transition:all var(--transition-base)}.modern-logo-circle,.playful-logo-circle{align-items:center;animation:glow-pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border-radius:50%;box-shadow:0 20px 25px #00000026,0 4px 12px #daa5204d;box-shadow:var(--shadow-xl),var(--shadow-gold);display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 20px;transition:all .5s ease;transition:all var(--transition-slow);width:80px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100000}.modal-content{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 20px 25px #00000026,0 4px 12px #daa5204d;box-shadow:var(--shadow-xl),var(--shadow-gold);max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}@media (max-width:768px){.modern-logo-circle,.playful-logo-circle{font-size:32px;height:60px;width:60px}.interactive-mascot{height:45px!important;left:15px!important;top:15px!important;width:45px!important}.App{padding-bottom:100px!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-navigation,.playful-bottom-nav{height:calc(80px + env(safe-area-inset-bottom))!important;padding-bottom:env(safe-area-inset-bottom)!important}.App{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}}a:focus,button:focus{outline:3px solid #c9a961;outline:3px solid var(--gold-primary);outline-offset:2px}button{-webkit-tap-highlight-color:rgba(201,169,97,.2);touch-action:manipulation}html{scroll-behavior:smooth}.App.has-exercise-mode{background:#0000!important;margin:0!important;max-width:none!important;overflow:hidden!important;padding:0!important}.App.has-exercise-mode>:not(.exercise-immersive-container){display:none!important}.egyptian-footer{background:linear-gradient(180deg,#0000,#fff 20%);border-top:1px solid #eee;color:#2c1810;margin-top:auto;overflow:hidden;padding:3rem 1rem 2rem;position:relative;text-align:center;transition:all .5s ease;z-index:10}.egyptian-footer.dark{background:linear-gradient(180deg,#0000,#1a1613 20%);border-top:1px solid #3a3530;color:#e8d5b0}.footer-watermark{animation:rotate-slow 60s linear infinite;color:#daa520;font-size:300px;left:50%;opacity:.02;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:0}.dark .footer-watermark{opacity:.04}@keyframes rotate-slow{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.footer-container{margin:0 auto;max-width:1200px;padding:0 1rem;position:relative;z-index:1}.footer-divider-top{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.divider-symbol{color:#daa520;filter:drop-shadow(0 0 4px rgba(218,165,32,.3));font-size:1.5rem}.divider-line{background:linear-gradient(90deg,#0000,#daa520,#0000);flex:1 1;height:2px;max-width:200px;opacity:.5}.footer-divider-bottom{margin:2rem 0 1.5rem}.footer-divider-bottom .divider-line{margin:0 auto;max-width:100%}.footer-brand{margin-bottom:2rem}.footer-logo{align-items:center;animation:glow-pulse 3s ease-in-out infinite;box-shadow:0 4px 12px #daa5204d,0 0 20px #daa52033;display:flex;font-size:30px;height:60px;justify-content:center;margin:0 auto 1rem;position:relative;transition:all .3s ease;width:60px}.footer-logo,.footer-logo:after{background:linear-gradient(135deg,#daa520,#b8860b);border-radius:50%}.footer-logo:after{bottom:-3px;content:"";filter:blur(8px);left:-3px;opacity:.3;position:absolute;right:-3px;top:-3px;z-index:-1}.footer-title{color:#2c1810;font-size:1.75rem;font-weight:700;letter-spacing:2px;margin:0 0 .5rem;text-shadow:0 2px 4px #0000001a;transition:all .5s ease}.dark .footer-title{color:#e8d5b0;text-shadow:0 2px 8px #0000004d}.footer-subtitle{align-items:center;color:#666;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;margin:0;transition:all .5s ease}.dark .footer-subtitle{color:#b8a88c}.hieroglyph-accent{color:#daa520;filter:drop-shadow(0 0 2px rgba(218,165,32,.3));font-size:1.2rem}.footer-links{flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:2rem 0}.footer-link,.footer-links{align-items:center;display:flex}.footer-link{background:#0000;border:none;border-radius:8px;color:#8b6914;cursor:pointer;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:.3px;padding:.5rem 1rem;position:relative;transition:all .3s ease}.dark .footer-link{color:#daa520}.footer-link:before{background:#daa520;bottom:0;box-shadow:0 0 4px #daa52080;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.footer-link:hover{background:#daa5201a;transform:translateY(-2px)}.footer-link:hover:before{width:80%}.link-icon{filter:drop-shadow(0 0 2px rgba(218,165,32,.3));flex-shrink:0;font-size:1.1rem}.link-text{display:inline-block}.footer-separator{color:#daa520;font-size:1.2rem;opacity:.6}.footer-contact{flex-direction:column;gap:.75rem;margin:2rem 0}.contact-item,.footer-contact{align-items:center;display:flex}.contact-item{background:#daa5200d;border:1px solid #daa52033;border-radius:12px;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.contact-item:hover,.dark .contact-item{background:#daa5201a;border-color:#daa5204d}.contact-item:hover{box-shadow:0 0 12px #daa52033}.dark .contact-item:hover{background:#daa52026;border-color:#daa52066;box-shadow:0 0 16px #daa5204d}.contact-icon{filter:drop-shadow(0 0 2px rgba(218,165,32,.3));flex-shrink:0;font-size:1.2rem}.contact-link{color:#8b6914;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s ease}.dark .contact-link{color:#daa520}.contact-link:hover{color:#daa520;text-decoration:underline}.dark .contact-link:hover{color:#e8b84d}.footer-copyright{align-items:center;color:#999;display:flex;flex-wrap:wrap;font-size:.85rem;font-weight:500;gap:.5rem;justify-content:center;transition:all .5s ease}.dark .footer-copyright{color:#8b7d6b}.copyright-symbol{color:#daa520;filter:drop-shadow(0 0 2px rgba(218,165,32,.3));font-size:1rem}.copyright-text{display:inline-block}.copyright-dot{color:#daa520;font-weight:700}.footer-features{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.feature-badge{align-items:center;background:#fafafa;border:1px solid #eee;border-radius:12px;cursor:default;display:flex;flex-direction:column;gap:.5rem;min-width:100px;padding:1rem;transition:all .3s ease}.dark .feature-badge{background:#2a2621;border-color:#3a3530}.feature-badge:hover{background:#f5f5f5;border-color:#daa5204d;box-shadow:0 4px 8px #0000001a,0 0 12px #daa52026}.dark .feature-badge:hover{background:#332f28;border-color:#daa52066;box-shadow:0 4px 8px #0000004d,0 0 16px #daa52040}.badge-icon{filter:drop-shadow(0 0 4px rgba(218,165,32,.3));font-size:1.5rem}.badge-text{color:#2c1810;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-align:center}.dark .badge-text{color:#e8d5b0}.desktop-text{display:inline}.mobile-text{display:none}.mobile-hidden{display:inline}@media (max-width:1024px){.footer-container{padding:0 1.5rem}.footer-features{gap:.85rem}.feature-badge{min-width:90px;padding:.9rem}}@media (min-width:481px) and (max-width:768px){.egyptian-footer{padding:2.5rem 1rem 6rem}.footer-watermark{font-size:200px}.footer-logo{font-size:28px;height:55px;width:55px}.footer-title{font-size:1.6rem}.footer-subtitle{font-size:.9rem}.footer-links{flex-direction:row;gap:1.25rem}.footer-separator{display:inline}.footer-link{font-size:.85rem;max-width:none;width:auto}.contact-item{max-width:320px}.footer-features{gap:.8rem}.feature-badge{min-width:85px;padding:.85rem}.badge-text{font-size:.75rem}}@media (max-width:768px){.egyptian-footer{margin-bottom:0;padding:2rem .75rem 7rem}.footer-watermark{font-size:150px;opacity:.015}.dark .footer-watermark{opacity:.03}.footer-container{padding:0 .75rem}.footer-brand{margin-bottom:1.5rem}.footer-logo{font-size:25px;height:50px;margin-bottom:.75rem;width:50px}.footer-title{font-size:1.4rem;letter-spacing:1px;margin-bottom:.35rem}.footer-subtitle{flex-direction:column;font-size:.8rem;gap:.25rem;line-height:1.3}.mobile-hidden{display:none}.footer-divider-top{gap:.75rem;margin-bottom:1.5rem}.divider-symbol{font-size:1.2rem}.divider-line{max-width:150px}.footer-divider-bottom{margin:1.5rem 0 1rem}.footer-links{flex-direction:column;gap:.85rem;margin:1.5rem 0}.footer-separator{display:none}.footer-link{border-radius:10px;font-size:.85rem;justify-content:center;max-width:280px;padding:.7rem 1.2rem;width:100%}.link-icon{font-size:1rem}.desktop-text{display:none!important}.mobile-text{display:inline!important}.footer-contact{margin:1.5rem 0}.contact-item{border-radius:10px;justify-content:center;max-width:280px;padding:.65rem 1.2rem;width:100%}.contact-icon{font-size:1.1rem}.contact-link{font-size:.85rem}.footer-copyright{font-size:.75rem;gap:.35rem;line-height:1.4}.copyright-symbol{font-size:.9rem}.copyright-text{text-align:center}.footer-features{gap:.65rem;margin-bottom:.5rem;margin-top:1.5rem}.feature-badge{border-radius:10px;min-width:78px;padding:.7rem .4rem}.badge-icon{font-size:1.25rem}.badge-text{font-size:.7rem}.contact-item,.footer-link{-webkit-tap-highlight-color:rgba(218,165,32,.15);min-height:44px}.footer-logo,.footer-watermark{animation:none}}@media (max-width:480px){.egyptian-footer{padding:1.5rem .5rem 7rem}.footer-watermark{font-size:100px}.footer-container{padding:0 .5rem}.footer-logo{font-size:22px;height:45px;margin-bottom:.6rem;width:45px}.footer-title{font-size:1.25rem;letter-spacing:.5px}.footer-subtitle{font-size:.75rem}.footer-divider-top{gap:.5rem;margin-bottom:1.25rem}.divider-symbol{font-size:1rem}.divider-line{max-width:120px}.footer-links{gap:.7rem;margin:1.25rem 0}.footer-link{font-size:.8rem;max-width:240px;padding:.65rem 1rem}.link-icon{font-size:.95rem}.contact-item{max-width:240px;padding:.55rem 1rem}.contact-icon{font-size:1rem}.contact-link{font-size:.8rem}.footer-copyright{font-size:.7rem;gap:.3rem}.copyright-symbol{font-size:.85rem}.footer-features{gap:.5rem}.feature-badge{min-width:70px;padding:.6rem .35rem}.badge-icon{font-size:1.1rem}.badge-text{font-size:.65rem}}@media (max-width:360px){.egyptian-footer{padding:1.25rem .4rem 7rem}.footer-logo{font-size:20px;height:40px;width:40px}.footer-title{font-size:1.15rem}.footer-subtitle{font-size:.7rem}.contact-item,.footer-link{font-size:.75rem;max-width:220px}.footer-copyright{font-size:.65rem}.feature-badge{min-width:65px;padding:.5rem .3rem}.badge-icon{font-size:1rem}.badge-text{font-size:.6rem}}@media (max-width:768px) and (orientation:landscape){.egyptian-footer{padding:1.25rem 1rem 5.5rem}.footer-logo{font-size:20px;height:40px;width:40px}.footer-title{font-size:1.2rem}.footer-subtitle{font-size:.75rem}.footer-contact,.footer-links{margin:1rem 0}.footer-features{gap:.5rem;margin-top:1rem}.feature-badge{min-width:65px;padding:.5rem .35rem}.badge-icon{font-size:1.1rem}.badge-text{font-size:.65rem}}@media (max-width:768px){.egyptian-footer.dark{background:linear-gradient(180deg,#0000,#1a1613fa 15%);border-top:1px solid #3a3530cc}.dark .footer-link:hover{background:#daa52026}.dark .contact-item:hover{background:#daa5202e}.dark .feature-badge{background:#2a2621f2;border-color:#3a3530e6}.dark .feature-badge:hover{background:#332f28f2;border-color:#daa52066}.contact-item,.footer-link{align-items:center;display:flex;justify-content:center;min-height:44px}}@media (max-width:768px){@media (hover:none){.contact-item:hover,.feature-badge:hover,.footer-link:hover{background:inherit;transform:none}.footer-link:active{background:#daa52033}.dark .footer-link:active{background:#daa52040}}.contact-link:focus-visible,.footer-link:focus-visible{border-radius:8px;outline:2px solid #daa520;outline-offset:3px}@media (prefers-reduced-motion:reduce){.contact-item,.egyptian-footer,.feature-badge,.footer-link,.footer-logo,.footer-watermark{animation:none;transition:none}}}@media (max-width:768px){@supports (padding-bottom:env(safe-area-inset-bottom)){.egyptian-footer{padding-bottom:calc(7rem + env(safe-area-inset-bottom))}}}@media (max-width:768px){.contact-item,.feature-badge,.footer-link,.footer-logo{will-change:auto}.footer-logo{box-shadow:0 3px 10px #daa52040}.contact-item{box-shadow:none}.contact-item:hover{box-shadow:0 2px 8px #daa52026}.feature-badge{box-shadow:0 1px 3px #00000014}}@media print{.egyptian-footer{background:#fff;border-top:1px solid #ccc;color:#000;padding:1rem}.footer-features,.footer-logo:after,.footer-watermark{display:none}.contact-item:hover,.footer-link:hover{transform:none}}.mobile-egyptian-footer{background:linear-gradient(180deg,#0000,#f5e6d3 15%,#f9f0e3);background-image:repeating-linear-gradient(90deg,#0000,#0000 2px,#daa52005 0,#daa52005 4px),repeating-linear-gradient(0deg,#0000,#0000 2px,#8b691405 0,#8b691405 4px);border-top:3px solid #daa520;box-shadow:inset 0 2px 0 #daa5204d,0 -8px 20px #daa5201a;color:#2c1810;margin-top:auto;overflow:hidden;padding:2rem 1rem 7rem;position:relative;text-align:center;transition:all .3s ease;width:100%;z-index:10}.mobile-egyptian-footer.dark{background:linear-gradient(180deg,#0000,#1a1310 15%,#0d0a08);background-image:repeating-linear-gradient(90deg,#0000,#0000 2px,#daa5200d 0,#daa5200d 4px),repeating-linear-gradient(0deg,#0000,#0000 2px,#daa52008 0,#daa52008 4px);border-top:3px solid #daa520;box-shadow:inset 0 2px 0 #daa52080,0 -8px 30px #daa52026;color:#e8d5b0}.mobile-footer-hieroglyph-border{align-items:center;background:linear-gradient(90deg,#0000,#daa5201a 20%,#daa5201a 80%,#0000);border-bottom:1px solid #daa5204d;display:flex;height:40px;justify-content:space-around;left:0;overflow:hidden;position:absolute;right:0;top:0}.hieroglyph-symbol{animation:hieroglyph-glow 3s ease-in-out infinite;color:#daa520;font-size:1.5rem;opacity:.6;text-shadow:0 0 8px #daa52066}.hieroglyph-symbol:nth-child(2n){animation-delay:1s}.hieroglyph-symbol:nth-child(3n){animation-delay:2s}@keyframes hieroglyph-glow{0%,to{opacity:.6;text-shadow:0 0 8px #daa52066}50%{opacity:.9;text-shadow:0 0 16px #daa52099}}.dark .hieroglyph-symbol{color:#e8b84d;opacity:.8}.mobile-footer-watermark{color:#daa520;filter:blur(1px);font-size:150px;left:50%;opacity:.04;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:0}.dark .mobile-footer-watermark{filter:blur(0);opacity:.08}.mobile-footer-container{margin:0 auto;max-width:100%;padding:2rem .5rem 0;position:relative;z-index:1}.mobile-footer-brand{margin-bottom:1.5rem;position:relative}.mobile-footer-cartouche{background:linear-gradient(135deg,#daa52026,#b8860b1a);border:2px solid #daa520;border-radius:50px;box-shadow:inset 0 2px 8px #daa52033,0 4px 12px #daa5204d;-webkit-clip-path:polygon(8% 0,92% 0,100% 8%,100% 92%,92% 100%,8% 100%,0 92%,0 8%);clip-path:polygon(8% 0,92% 0,100% 8%,100% 92%,92% 100%,8% 100%,0 92%,0 8%);display:inline-block;padding:1rem 2rem;position:relative}.dark .mobile-footer-cartouche{background:linear-gradient(135deg,#daa52040,#b8860b26);box-shadow:inset 0 2px 8px #daa5204d,0 6px 16px #daa52066}.mobile-footer-logo{align-items:center;animation:logo-pulse 4s ease-in-out infinite;background:linear-gradient(135deg,#daa520,#b8860b);border:3px solid #daa52080;border-radius:50%;box-shadow:0 0 20px #daa52066,inset 0 2px 4px #fff3;display:flex;font-size:28px;height:55px;justify-content:center;margin:0 auto .8rem;position:relative;width:55px}@keyframes logo-pulse{0%,to{box-shadow:0 0 20px #daa52066;transform:scale(1)}50%{box-shadow:0 0 30px #daa52099;transform:scale(1.05)}}.mobile-footer-title{color:#8b6914;font-size:1.4rem;font-weight:800;letter-spacing:2px;margin:0 0 .4rem;text-shadow:1px 1px 0 #daa5204d,2px 2px 4px #0000001a;text-transform:uppercase}.dark .mobile-footer-title{color:#daa520;text-shadow:1px 1px 0 #daa52080,2px 2px 8px #daa5204d}.mobile-footer-subtitle{color:#8b6914;font-size:.8rem;font-weight:600;letter-spacing:1px;margin:0}.dark .mobile-footer-subtitle{color:#b8a88c}.mobile-footer-papyrus-section{background:#daa5200d;border-left:3px solid #daa520;border-radius:8px;border-right:3px solid #daa520;box-shadow:inset 2px 0 8px #daa5201a,inset -2px 0 8px #daa5201a;margin:1.5rem 0;padding:1rem}.dark .mobile-footer-papyrus-section{background:#daa5201a;box-shadow:inset 2px 0 12px #daa52033,inset -2px 0 12px #daa52033}.mobile-footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.mobile-footer-link{align-items:center;background:#0000;border:2px solid #daa520;border-radius:20px;box-shadow:0 2px 8px #daa52033,inset 0 1px 0 #fff3;color:#8b6914;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:.5rem;letter-spacing:.5px;padding:.6rem 1.2rem;position:relative;text-transform:uppercase;transition:all .3s ease}.dark .mobile-footer-link{border-color:#daa520;box-shadow:0 2px 12px #daa5204d,inset 0 1px 0 #ffffff1a;color:#daa520}.mobile-footer-link:active{background:#daa52033;box-shadow:0 1px 4px #daa5204d,inset 0 2px 4px #0000001a;transform:scale(.95)}.dark .mobile-footer-link:active{background:#daa5204d}.mobile-link-icon{filter:drop-shadow(0 0 4px rgba(218,165,32,.4));font-size:1.1rem}.mobile-footer-contact{margin:1.5rem 0}.mobile-contact-scarab{align-items:center;background:linear-gradient(135deg,#daa52026,#b8860b1a);border:2px solid #daa520;border-radius:30px;box-shadow:0 4px 12px #daa52040,inset 0 1px 0 #fff3;display:inline-flex;gap:.6rem;padding:.8rem 1.5rem;position:relative;transition:all .3s ease}.dark .mobile-contact-scarab{background:linear-gradient(135deg,#daa52040,#b8860b26);box-shadow:0 4px 16px #daa52059,inset 0 1px 0 #ffffff1a}.mobile-contact-scarab:active{box-shadow:0 2px 8px #daa5204d,inset 0 2px 4px #0000001a;transform:scale(.95)}.mobile-contact-icon{animation:scarab-float 3s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(218,165,32,.5));font-size:1.3rem}@keyframes scarab-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.mobile-contact-link{color:#8b6914;font-size:.85rem;font-weight:700;letter-spacing:.5px;text-decoration:none}.dark .mobile-contact-link{color:#daa520}.mobile-footer-ankh-divider{align-items:center;display:flex;gap:1rem;justify-content:center;margin:1.5rem 0}.mobile-ankh-line{background:linear-gradient(90deg,#0000,#daa520,#0000);box-shadow:0 0 8px #daa52066;flex:1 1;height:2px;max-width:80px}.mobile-ankh-symbol{animation:ankh-rotate 6s linear infinite;color:#daa520;filter:drop-shadow(0 0 8px rgba(218,165,32,.5));font-size:1.8rem}@keyframes ankh-rotate{0%,to{transform:rotate(0deg)}50%{transform:rotate(180deg)}}.mobile-footer-copyright{align-items:center;color:#8b6914;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.5px;margin:1rem 0}.dark .mobile-footer-copyright{color:#b8a88c}.mobile-horus-eye{animation:eye-blink 5s infinite;color:#daa520;filter:drop-shadow(0 0 6px rgba(218,165,32,.4));font-size:1rem}@keyframes eye-blink{0%,98%,to{opacity:1}99%{opacity:0}}.mobile-footer-amulets{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.5rem}.mobile-amulet{align-items:center;background:linear-gradient(135deg,#daa5201a,#b8860b0d);border:2px solid #daa52066;border-radius:12px;box-shadow:0 2px 8px #daa52033,inset 0 1px 0 #fff3;cursor:default;display:flex;flex-direction:column;gap:.4rem;min-width:75px;padding:.8rem .6rem;position:relative;transition:all .3s ease}.dark .mobile-amulet{background:linear-gradient(135deg,#daa52033,#b8860b1a);border-color:#daa52099;box-shadow:0 2px 12px #daa5204d,inset 0 1px 0 #ffffff1a}.mobile-amulet:active{box-shadow:0 1px 4px #daa52033,inset 0 2px 4px #0000001a;transform:translateY(2px)}.mobile-amulet:before{background:#daa520;border-radius:50%;box-shadow:0 0 8px #daa52080;content:"";height:12px;left:50%;position:absolute;top:-6px;transform:translateX(-50%);width:12px}.mobile-amulet-icon{animation:amulet-glow 3s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(218,165,32,.4));font-size:1.3rem}.mobile-amulet:nth-child(2) .mobile-amulet-icon{animation-delay:1s}.mobile-amulet:nth-child(3) .mobile-amulet-icon{animation-delay:2s}@keyframes amulet-glow{0%,to{filter:drop-shadow(0 0 6px rgba(218,165,32,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(218,165,32,.6));transform:scale(1.1)}}.mobile-amulet-text{color:#8b6914;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.dark .mobile-amulet-text{color:#daa520}@media (max-width:360px){.mobile-footer-hieroglyph-border{height:35px}.hieroglyph-symbol{font-size:1.3rem}.mobile-footer-logo{font-size:25px;height:50px;width:50px}.mobile-footer-title{font-size:1.25rem}.mobile-amulet{min-width:70px}}@media (max-width:768px) and (orientation:landscape){.mobile-egyptian-footer{padding:1.5rem 1rem 5.5rem}.mobile-footer-hieroglyph-border{height:30px}}@media (prefers-reduced-motion:reduce){.hieroglyph-symbol,.mobile-amulet-icon,.mobile-ankh-symbol,.mobile-contact-icon,.mobile-footer-logo,.mobile-horus-eye{animation:none}}@supports (padding-bottom:env(safe-area-inset-bottom)){.mobile-egyptian-footer{padding-bottom:calc(7rem + env(safe-area-inset-bottom))}}.footer-reset-link{border:1px solid #0000;color:#dc2626!important;transition:all .3s ease}.dark .footer-reset-link{color:#ef4444!important}.footer-reset-link:hover{background:#dc26261a!important;border-color:#dc26264d}.dark .footer-reset-link:hover{background:#ef444426!important;border-color:#ef444466}.footer-reset-link .link-icon{animation:rotate-warning 2s ease-in-out infinite;color:#dc2626}.dark .footer-reset-link .link-icon{color:#ef4444}@keyframes rotate-warning{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0deg)}}.mobile-footer-reset-link{background:#dc26260d;border:1px solid #dc262633}.dark .mobile-footer-reset-link{background:#ef44441a;border-color:#ef44444d}.mobile-footer-reset-link .mobile-link-icon{animation:rotate-warning 2s ease-in-out infinite;color:#dc2626}.dark .mobile-footer-reset-link .mobile-link-icon{color:#ef4444}.mobile-footer-reset-link .mobile-link-text{color:#dc2626;font-weight:600}.dark .mobile-footer-reset-link .mobile-link-text{color:#ef4444}.mobile-footer-reset-link:active{background:#dc262626;transform:scale(.95)}.dark .mobile-footer-reset-link:active{background:#ef444433}@media (max-width:768px){.footer-reset-link,.mobile-footer-reset-link{min-height:44px}}.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:var(--learn-radius-md);color:wheat;color:var(--learn-dark-text);font-size:16px;font-weight:500;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:#8b4513;color:var(--learn-light-text)}.learn-mode-option:disabled{cursor:not-allowed;opacity:.7}.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 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{background:linear-gradient(135deg,#8b4513,sienna);background:linear-gradient(135deg,var(--learn-dark-primary),var(--learn-dark-secondary));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);gap:var(--learn-spacing-sm);justify-content:center;left:24px;left:var(--learn-spacing-lg);padding:16px;padding:var(--learn-spacing-md);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%}}:root{--success-green:#22c55e;--error-red:#ef4444;--shadow-sm:0 1px 3px #8b45131a;--shadow-lg:0 10px 15px #8b45134d;--shadow-xl:0 20px 25px #8b451366;--force-text-dark:#1a1a1a;--force-text-medium:#2c2c2c;--force-text-light:#404040;--force-bg-light:#fffffff2;--force-shadow-light:0 1px 3px #fff9;--mobile-back-size:56px;--mobile-back-position:16px;--mobile-back-shadow:0 4px 12px #0000004d;--mobile-back-z-index:1000}.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;transition:all var(--transition-fast)}.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{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:flex!important;font-size:18px!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}.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;color:var(--grammar-dark-text);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;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)}.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;color:wheat;color:var(--grammar-dark-text)}.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);margin:var(--spacing-lg) 0;padding:32px}[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{margin-bottom:16px}.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)}}@keyframes mobileButtonAppear{0%{opacity:0;transform:scale(.3) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(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}}:root{--grammar-dark-primary:#8b4513;--grammar-dark-secondary:#5d3317;--grammar-dark-accent:sienna;--grammar-dark-bg:#8b45131a;--grammar-dark-card:#8b451326;--grammar-dark-border:#8b45134d;--grammar-dark-text:wheat;--grammar-dark-text-secondary:#deb887;--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;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}.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;font-weight:500;margin-bottom:16px;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;font-style:italic;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;color:var(--grammar-dark-text);font-weight:600}.light .example strong,[data-theme=light] .example strong{color:#8b4513;color:var(--grammar-light-text)}.audio-button{background:#0000;border:2px solid #8b4513;border:2px solid var(--grammar-dark-primary);border-radius:50%;color:#8b4513;color:var(--grammar-dark-primary);height:40px;margin:16px auto 0;margin:var(--spacing-md) auto 0;transition:all .3s ease;transition:all var(--transition-normal);width:40px}.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)}.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)}.dark .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)}.dark .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)}.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)}.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)}.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{box-shadow:0 6px 16px #daa5204d}.dark-mode .action-button.secondary,.dark-mode .action-button.secondary:hover{background:#8b451326;border:2px solid #8b451399;color:wheat;color:var(--grammar-dark-text)}.dark-mode .action-button.secondary:hover{box-shadow:0 8px 20px #daa52066}.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-md{margin:16px}.grammar-spacing-lg{margin:24px}.grammar-spacing-xl{margin:32px}.grammar-text-primary{color:wheat!important;color:var(--grammar-dark-text)!important}.grammar-text-secondary{color:#deb887!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:#8b451326!important;background:var(--grammar-dark-card)!important}.grammar-bg-primary{background:#8b4513!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}@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}.component-wrapper,.component-wrapper *{box-sizing:border-box!important}.component-wrapper{align-items:center;background:linear-gradient(135deg,#fafafa,#f5f5f5)!important;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%)!important;box-sizing:border-box;color:#2c1810;color:var(--text-primary);flex-direction:column;justify-content:flex-start;min-height:100vh;min-height:100dvh;overflow-x:hidden;padding:24px;padding:var(--spacing-lg);padding-top:60px;position:relative;transition:background .4s ease,color .3s ease}.dark .component-wrapper:before,[data-theme=dark] .component-wrapper:before{background-image:radial-gradient(circle at 20% 50%,#daa52008 0,#0000 50%),radial-gradient(circle at 80% 80%,#daa52005 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.category-selection{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff!important;background:var(--surface)!important;border:1px solid #eee!important;border:1px solid var(--border-light)!important;border-radius:20px!important;border-radius:var(--radius-xl)!important;box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f!important;box-shadow:var(--shadow-lg)!important;color:#2c1810;color:var(--text-primary);display:flex;flex-direction:column;height:auto;margin:0 auto 32px;margin-bottom:var(--spacing-xl);max-width:1200px;min-height:auto;overflow:hidden;padding:0;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.category-selection h2{background-color:#fff;background-color:var(--surface);border-bottom:3px solid #c9a961!important;border-bottom:3px solid var(--gold-primary)!important;color:#2c1810!important;color:var(--text-primary)!important;font-size:clamp(24px,4vw,32px);font-weight:700;margin:0;padding:32px;padding:var(--spacing-xl);position:relative;text-align:center;text-shadow:none}.category-selection h2,[data-theme=light] .category-selection h2{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,#8b6914,#c9a961)!important;background:linear-gradient(45deg,var(--gold-dark),var(--gold-primary))!important;-webkit-background-clip:text!important;background-clip:text!important;filter:brightness(.9)}.dark .category-selection h2,[data-theme=dark] .category-selection h2{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,#dbc4a0,#c9a961)!important;background:linear-gradient(45deg,var(--gold-light),var(--gold-primary))!important;-webkit-background-clip:text!important;background-clip:text!important;filter:brightness(1.1);text-shadow:0 2px 4px #0000004d}.category-selection h2:after{background:linear-gradient(90deg,#8b6914,#c9a961,#dbc4a0);background:linear-gradient(90deg,var(--gold-dark),var(--gold-primary),var(--gold-light));bottom:-3px;box-shadow:0 0 12px #c9a96166;content:"";height:3px;left:0;position:absolute;right:0}.mobile-categories-content{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg);padding:32px;padding:var(--spacing-xl)}.category-description{background:#c9a9610d!important;border:1px solid #eee!important;border:1px solid var(--border-light)!important;border-radius:12px;border-radius:var(--radius-md);margin-bottom:32px;margin-bottom:var(--spacing-xl);padding:24px;padding:var(--spacing-lg);text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.dark .category-description,[data-theme=dark] .category-description{background:#daa52014!important;border-color:#eee!important;border-color:var(--border-light)!important}.category-description p{color:#666;color:var(--text-secondary);font-weight:500;line-height:1.5;margin:0}.unified-categories-grid{grid-gap:32px;grid-gap:var(--spacing-xl);display:grid;gap:32px;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px;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:#fff!important;background:var(--surface)!important;border:1px solid #eee!important;border-left:4px solid #c9a961!important;border:1px solid var(--border-light)!important;border-left:4px solid var(--gold-primary)!important;border-radius:16px!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f!important;box-shadow:var(--shadow-md)!important;cursor:pointer;display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg);min-height:160px;overflow:hidden;padding:32px;padding:var(--spacing-xl);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-base)!important}.unified-category-card:before{color:#c9a961;color:var(--gold-primary);content:"𓂀";font-size:140px;opacity:.03;opacity:var(--watermark-opacity);pointer-events:none;position:absolute;right:-20px;top:-20px;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base);z-index:0}.dark .unified-category-card:before,[data-theme=dark] .unified-category-card:before{opacity:.06}.unified-category-card:hover{border-color:#e0e0e0!important;border-color:var(--border-medium)!important;border-left-color:#8b6914!important;border-left-color:var(--gold-dark)!important;box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f,0 4px 12px #c9a96126!important;box-shadow:var(--shadow-lg),var(--shadow-gold)!important;transform:translateY(-4px)!important}.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 .category-header{align-items:center;display:flex;gap:24px;gap:var(--spacing-lg);position:relative;z-index:1}.unified-category-card .category-icon{align-items:center;background:linear-gradient(135deg,#c9a961,#8b6914)!important;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark))!important;border:2px solid #8b6914;border:2px solid var(--gold-dark);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 12px #c9a96126!important;box-shadow:var(--shadow-gold)!important;color:#fafafa;color:var(--bg-primary);display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:48px}.unified-category-card:hover .category-icon{box-shadow:0 6px 20px #c9a96159!important;transform:scale(1.05) rotate(5deg)!important}.dark .unified-category-card .category-icon,[data-theme=dark] .unified-category-card .category-icon{background:linear-gradient(135deg,#dbc4a0,#c9a961)!important;background:linear-gradient(135deg,var(--gold-light),var(--gold-primary))!important;border-color:#c9a961;border-color:var(--gold-primary);color:#fafafa;color:var(--bg-primary)}.unified-category-card .category-name{color:#2c1810;color:var(--text-primary);font-size:20px;font-weight:700;letter-spacing:.5px;line-height:1.2;margin:0}.unified-category-card .category-description{background:#0000;border:none;color:#666;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0;padding:0;position:relative;text-align:left;z-index:1}.unified-category-card .progress-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#c9a96133!important;border:1px solid #c9a961!important;border:1px solid var(--gold-primary)!important;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f!important;box-shadow:var(--shadow-sm)!important;color:#8b6914!important;color:var(--gold-dark)!important;font-size:12px;font-weight:700;letter-spacing:.5px;min-width:45px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:24px;right:var(--spacing-lg);text-align:center;text-transform:uppercase;top:24px;top:var(--spacing-lg);z-index:2}.dark .unified-category-card .progress-badge,[data-theme=dark] .unified-category-card .progress-badge{background:#daa52033!important;color:#dbc4a0!important;color:var(--gold-light)!important}.unified-category-card .progress-badge.completed{animation:badge-glow 2s ease-in-out infinite;background:#4caf5026!important;border:1px solid #4caf50!important;border:1px solid var(--accent-success)!important;color:#4caf50!important;color:var(--accent-success)!important}.unified-category-card .completed-checkmark{align-items:center;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#4caf50,#4caf50);background:linear-gradient(135deg,var(--accent-success),#4caf50);border:3px solid #fff;border:3px solid var(--surface);border-radius:50%;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);color:#fff;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}.global-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff!important;background:var(--surface)!important;border:1px solid #eee!important;border-radius:16px!important;border-radius:var(--radius-lg)!important;border-top:3px solid #c9a961!important;border:1px solid var(--border-light)!important;border-top:3px solid var(--gold-primary)!important;box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f!important;box-shadow:var(--shadow-lg)!important;margin:32px auto 0;margin:var(--spacing-xl) auto 0 auto;max-width:500px;padding:32px;padding:var(--spacing-xl);position:relative;text-align:center}.global-stats:before{background:linear-gradient(90deg,#8b6914,#c9a961,#dbc4a0);background:linear-gradient(90deg,var(--gold-dark),var(--gold-primary),var(--gold-light));box-shadow:0 0 12px #c9a96166;content:"";height:3px;left:0;position:absolute;right:0;top:0}.global-stats h3{color:#2c1810;color:var(--text-primary);font-size:20px;font-weight:700;letter-spacing:.5px;margin-bottom:24px;margin-bottom:var(--spacing-lg);text-align:center}.stats-container{grid-gap:32px;grid-gap:var(--spacing-xl);display:grid;gap:32px;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);margin-top:24px;margin-top:var(--spacing-lg)}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fafafa!important;background:var(--surface-hover)!important;border:1px solid #eee!important;border:1px solid var(--border-light)!important;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f!important;box-shadow:var(--shadow-sm)!important;padding:24px;padding:var(--spacing-lg);text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.stat-item:hover{box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 4px 12px #c9a96126!important;box-shadow:var(--shadow-md),var(--shadow-gold)!important;transform:translateY(-2px)}.stat-value{color:#c9a961!important;color:var(--gold-primary)!important;display:block;font-size:28px;font-weight:800;margin-bottom:5px;text-shadow:0 1px 2px #0000001a}.dark .stat-value,[data-theme=dark] .stat-value{color:#dbc4a0!important;color:var(--gold-light)!important;text-shadow:0 2px 4px #0000004d}.stat-label{color:#666!important;color:var(--text-secondary)!important;font-size:12px;line-height:1.3;text-transform:uppercase}.back-button-top,.stat-label{font-weight:600;letter-spacing:.5px}.back-button-top{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff!important;background:var(--surface)!important;border:1px solid #eee!important;border:1px solid var(--border-light)!important;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f!important;box-shadow:var(--shadow-md)!important;color:#2c1810;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;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 .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);-webkit-user-select:none;user-select:none;z-index:1000}.back-button-top:hover{background:#fafafa!important;background:var(--surface-hover)!important;border-color:#c9a961!important;border-color:var(--gold-primary)!important;box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f,0 4px 12px #c9a96126!important;box-shadow:var(--shadow-lg),var(--shadow-gold)!important;transform:translateY(-2px)}@media (min-width:1200px){.unified-categories-grid{grid-template-columns:repeat(3,1fr);margin:0 auto 32px;margin:0 auto var(--spacing-xl) auto;max-width:1000px}}@media (max-width:768px){.unified-categories-grid{gap:32px;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stats-container{gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.unified-category-card:before{font-size:100px}}@media (max-width:480px){.component-wrapper{padding:8px;padding:var(--spacing-sm);padding-top:70px}.category-selection{border-radius:16px;border-radius:var(--radius-lg)}.category-selection h2{font-size:20px}.category-selection h2,.mobile-categories-content{padding:24px;padding:var(--spacing-lg)}.unified-categories-grid{gap:24px;gap:var(--spacing-lg);grid-template-columns:1fr}.unified-category-card{min-height:140px;padding:24px;padding:var(--spacing-lg)}.unified-category-card:before{font-size:80px;right:-10px;top:-10px}.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}.stats-container{gap:16px;gap:var(--spacing-md);grid-template-columns:1fr}.stat-item{align-items:center;display:flex;justify-content:space-between;padding:16px;padding:var(--spacing-md);text-align:left}.stat-value{font-size:20px!important;margin-bottom:0}.stat-label{font-size:11px}}.unified-category-card:active:after{animation:ripple .6s ease-out;background:#c9a96166;border-radius:50%;content:"";height:20px;left:50%;pointer-events:none;position:absolute;top:50%;width:20px}.dark .unified-category-card:active:after,[data-theme=dark] .unified-category-card:active:after{background:#daa52066}.back-button-top:focus-visible,.unified-category-card:focus-visible{outline:3px solid #c9a961!important;outline:3px solid var(--gold-primary)!important;outline-offset:3px;z-index:1000}@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{font-weight:900!important;text-shadow:2px 2px 4px #000c!important}.stat-label{font-weight:800!important;text-shadow:1px 1px 2px #000c!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:#fff!important;background:var(--surface)!important}}.component-wrapper ::-webkit-scrollbar{height:10px;width:10px}.component-wrapper ::-webkit-scrollbar-track{background:#f5f5f5;background:var(--bg-secondary)}.component-wrapper ::-webkit-scrollbar-thumb{background:#8b6914;background:var(--gold-dark);border-radius:5px;-webkit-transition:background .3s ease;transition:background .3s ease}.component-wrapper ::-webkit-scrollbar-thumb:hover{background:#c9a961;background:var(--gold-primary)}.gold-border{box-shadow:0 0 12px #c9a96133!important}.egyptian-surface{background:var(--surface)!important;border:1px solid var(--border-light)!important;border-radius:16px!important}:root{--sentence-light-primary:#c9a961;--sentence-light-secondary:#8b6914;--sentence-light-accent:#dbc4a0;--sentence-light-bg:#fafafa;--sentence-light-card:#fff;--sentence-light-border:#eee;--sentence-light-text:#2c1810;--sentence-light-text-secondary:#666;--sentence-dark-primary:#daa520;--sentence-dark-secondary:#b8860b;--sentence-dark-accent:#e8b84d;--sentence-dark-bg:#1a1613;--sentence-dark-card:#2a2621;--sentence-dark-border:#3a3530;--sentence-dark-text:#e8d5b0;--sentence-dark-text-secondary:#b8a88c;--category-gold-1:#c9a9611a;--category-gold-2:#daa5201a;--category-gold-3:#b8860b1a;--category-gold-4:#cd853f1a;--category-gold-5:#deb8871a;--category-gold-6:#d2b48c1a;--category-gold-7:#eee8aa1a;--category-gold-8:#bdb76b1a;--category-gold-9:#f0e68c1a;--category-border-1:#c9a96159;--category-border-2:#daa52059;--category-border-3:#b8860b59;--category-border-4:#cd853f59;--category-border-5:#deb88759;--category-border-6:#d2b48c59;--category-border-7:#eee8aa59;--category-border-8:#bdb76b59;--category-border-9:#f0e68c59;--accent-success:#4caf50;--accent-warning:#ffa726;--accent-error:#ef5350;--accent-info:#40e0d0;--watermark-opacity:0.03;--shadow-2xl:0 25px 50px #0000000a,0 15px 20px #0000000f}.dark,[data-theme=dark]{--shadow-xs:0 2px 4px #0000004d,0 1px 2px #0003;--shadow-2xl:0 30px 60px #00000080,0 15px 25px #0006}.modern-sentence-game{align-items:center;background:linear-gradient(135deg,#fafafa,#f5f5f5);background:linear-gradient(135deg,var(--sentence-light-bg) 0,#f5f5f5 100%);color:#2c1810;color:var(--sentence-light-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);position:relative}.modern-sentence-game:before{background-image:radial-gradient(circle at 20% 50%,#c9a96105 0,#0000 50%),radial-gradient(circle at 80% 80%,#c9a96103 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.dark .modern-sentence-game,[data-theme=dark] .modern-sentence-game{background:linear-gradient(135deg,#1a1613,#232019);background:linear-gradient(135deg,var(--sentence-dark-bg) 0,#232019 100%);color:#e8d5b0;color:var(--sentence-dark-text)}.dark .modern-sentence-game:before,[data-theme=dark] .modern-sentence-game:before{background-image:radial-gradient(circle at 20% 50%,#daa52008 0,#0000 50%),radial-gradient(circle at 80% 80%,#daa52005 0,#0000 50%)}.modern-game-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff;background:var(--sentence-light-card);border:1px solid #eee;border-left:4px solid #c9a961;border:1px solid var(--sentence-light-border);border-left:4px solid var(--gold-primary);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 25px 50px #0000000a,0 15px 20px #0000000f,0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-2xl),var(--shadow-gold);height:auto;margin:0 auto 24px;margin-bottom:var(--spacing-xl);max-width:900px;min-height:auto;overflow:hidden;position:relative;width:100%}.modern-game-container:before{color:#c9a961;color:var(--gold-primary);content:"𓂀";font-size:140px;opacity:.03;opacity:var(--watermark-opacity);pointer-events:none;position:absolute;right:-20px;top:-20px;z-index:0}.dark .modern-game-container,[data-theme=dark] .modern-game-container{background:#2a2621;background:var(--sentence-dark-card);border-color:#3a3530;border-color:var(--sentence-dark-border);border-left-color:#c9a961;border-left-color:var(--gold-primary);box-shadow:0 25px 50px #0000000a,0 15px 20px #0000000f,0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-2xl),var(--shadow-gold)}.modern-game-header{align-items:center;background:#fff;background:var(--sentence-light-card);border-bottom:3px solid #c9a961;border-bottom:3px solid var(--gold-primary);box-shadow:0 2px 8px #c9a9611a;display:flex;justify-content:space-between;margin-top:0;padding:24px;padding:var(--spacing-xl) var(--spacing-xl);position:relative}.dark .modern-game-header,[data-theme=dark] .modern-game-header{background:#2a2621;background:var(--sentence-dark-card);border-bottom-color:#c9a961;border-bottom-color:var(--gold-primary)}.modern-back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--sentence-light-card);border:1px solid #eee;border:1px solid var(--sentence-light-border);border-radius:8px;border-radius:var(--radius-md);color:#2c1810;color:var(--sentence-light-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 .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.modern-back-button:hover{background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-gold);color:#fafafa;color:var(--sentence-light-bg);transform:translateY(-2px)}.dark .modern-back-button,[data-theme=dark] .modern-back-button{background:#2a2621;background:var(--sentence-dark-card);border-color:#3a3530;border-color:var(--sentence-dark-border);color:#e8d5b0;color:var(--sentence-dark-text)}.dark .modern-back-button:hover,[data-theme=dark] .modern-back-button:hover{background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-gold);color:#1a1613;color:var(--sentence-dark-bg)}.modern-header-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#c9a961,#8b6914);background:linear-gradient(45deg,var(--gold-primary),var(--gold-dark));-webkit-background-clip:text;background-clip:text;color:#2c1810;color:var(--sentence-light-text);font-size:24px;font-weight:700;margin:0;position:relative;text-shadow:0 2px 4px #0000001a}.modern-header-title:before{background:#c9a961;background:var(--gold-primary);border-radius:2px;box-shadow:0 0 8px #c9a96166;content:"";height:20px;left:-12px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.dark .modern-header-title,[data-theme=dark] .modern-header-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#dbc4a0,#c9a961);background:linear-gradient(45deg,var(--gold-light),var(--gold-primary));-webkit-background-clip:text;background-clip:text;color:#e8d5b0;color:var(--sentence-dark-text);text-shadow:0 2px 4px #0000004d}.modern-main-content{padding:24px;padding:var(--spacing-xl);position:relative;z-index:1}.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));padding:24px;padding:var(--spacing-xl)}.modern-category-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--sentence-light-card);border:1px solid #eee;border-left:4px solid #c9a961;border:1px solid var(--sentence-light-border);border-left:4px solid var(--gold-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);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:#c9a9611a;background:var(--category-gold-1);border-left-color:#c9a961;border-left-color:var(--gold-primary)}.modern-category-card:nth-child(9n+2){background:#daa5201a;background:var(--category-gold-2);border-left-color:#8b6914;border-left-color:var(--gold-dark)}.modern-category-card:nth-child(9n+3){background:#b8860b1a;background:var(--category-gold-3);border-left-color:peru}.modern-category-card:nth-child(9n+4){background:#cd853f1a;background:var(--category-gold-4);border-left-color:#daa520}.modern-category-card:nth-child(9n+5){background:#deb8871a;background:var(--category-gold-5);border-left-color:#b8860b}.modern-category-card:nth-child(9n+6){background:#d2b48c1a;background:var(--category-gold-6);border-left-color:#c9a961}.modern-category-card:nth-child(9n+7){background:#eee8aa1a;background:var(--category-gold-7);border-left-color:#d4af37}.modern-category-card:nth-child(9n+8){background:#bdb76b1a;background:var(--category-gold-8);border-left-color:#cfb53b}.modern-category-card:nth-child(9n+9){background:#f0e68c1a;background:var(--category-gold-9);border-left-color:#e0c76a}.modern-category-card:hover{border-left-width:6px;box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f,0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-lg),var(--shadow-gold);transform:translateY(-4px)}.dark .modern-category-card,[data-theme=dark] .modern-category-card{background:#2a2621;background:var(--sentence-dark-card);border-color:#3a3530;border-color:var(--sentence-dark-border);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md)}.dark .modern-category-card:hover,[data-theme=dark] .modern-category-card:hover{box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f,0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-lg),var(--shadow-gold)}.modern-category-decoration{background:radial-gradient(circle,#c9a96133 0,#c9a96100 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 cubic-bezier(.4,0,.2,1);transition:background var(--transition-normal);width:80px}.dark .modern-category-decoration,[data-theme=dark] .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:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:2px solid #dbc4a0;border:2px solid var(--gold-light);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-gold);color:#fafafa;color:var(--sentence-light-bg);display:flex;font-size:24px;height:48px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:48px}.modern-category-card:hover .modern-category-icon{box-shadow:0 6px 20px #c9a96159;transform:scale(1.05) rotate(5deg)}.dark .modern-category-icon,[data-theme=dark] .modern-category-icon{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));border-color:#c9a961;border-color:var(--gold-primary);color:#1a1613;color:var(--sentence-dark-bg)}.modern-category-title{color:#2c1810;color:var(--sentence-light-text);font-size:20px;font-weight:700;margin:0}.dark .modern-category-title,[data-theme=dark] .modern-category-title{color:#e8d5b0;color:var(--sentence-dark-text)}.modern-category-description{color:#666;color:var(--sentence-light-text-secondary);font-size:14px;line-height:1.5;position:relative;z-index:1}.dark .modern-category-description,[data-theme=dark] .modern-category-description{color:#b8a88c;color:var(--sentence-dark-text-secondary)}.modern-checkmark{background:#fff;background:var(--sentence-light-card);border-radius:50%;border-radius:var(--radius-full);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);color:#c9a961;color:var(--gold-primary);padding:4px;padding:var(--spacing-xs);position:absolute;right:16px;right:var(--spacing-lg);top:16px;top:var(--spacing-lg);z-index:2}.dark .modern-checkmark,[data-theme=dark] .modern-checkmark{background:#2a2621;background:var(--sentence-dark-card);color:#dbc4a0;color:var(--gold-light)}.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:#fff;background:var(--sentence-light-card);border:1px solid #eee;border-radius:8px;border-radius:var(--radius-md);border-top:3px solid #c9a961;border:1px solid var(--sentence-light-border);border-top:3px solid var(--gold-primary);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;padding:24px;padding:var(--spacing-xl);position:relative;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.modern-stat-card:before{background:linear-gradient(90deg,#8b6914,#c9a961,#dbc4a0);background:linear-gradient(90deg,var(--gold-dark),var(--gold-primary),var(--gold-light));box-shadow:0 0 12px #c9a96166;content:"";height:3px;left:0;position:absolute;right:0;top:0}.modern-stat-card:hover{box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f,0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-lg),var(--shadow-gold);transform:translateY(-2px)}.dark .modern-stat-card,[data-theme=dark] .modern-stat-card{background:#2a2621;background:var(--sentence-dark-card);border-color:#3a3530;border-color:var(--sentence-dark-border);border-top-color:#c9a961;border-top-color:var(--gold-primary)}.modern-stat-title{color:#666;color:var(--sentence-light-text-secondary);font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.dark .modern-stat-title,[data-theme=dark] .modern-stat-title{color:#b8a88c;color:var(--sentence-dark-text-secondary)}.modern-stat-value{color:#c9a961;color:var(--gold-primary);font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.dark .modern-stat-value,[data-theme=dark] .modern-stat-value{color:#dbc4a0;color:var(--gold-light)}.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;background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);color:#fafafa;color:var(--sentence-light-bg);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;letter-spacing:.5px;padding:12px 24px;padding:var(--spacing-md) var(--spacing-xl);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.modern-primary-button:hover{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-gold);transform:translateY(-2px)}.modern-primary-button:active{transform:translateY(0)}.dark .modern-primary-button,[data-theme=dark] .modern-primary-button{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));color:#1a1613;color:var(--sentence-dark-bg)}.modern-secondary-button{align-items:center;background:#fff;background:var(--sentence-light-card);border:1px solid #eee;border:1px solid var(--sentence-light-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);color:#2c1810;color:var(--sentence-light-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 cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.modern-secondary-button:hover{background:#fafafa;background:var(--sentence-light-bg);border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.dark .modern-secondary-button,[data-theme=dark] .modern-secondary-button{background:#2a2621;background:var(--sentence-dark-card);border-color:#3a3530;border-color:var(--sentence-dark-border);color:#e8d5b0;color:var(--sentence-dark-text)}.dark .modern-secondary-button:hover,[data-theme=dark] .modern-secondary-button:hover{background:#1a1613;background:var(--sentence-dark-bg);border-color:#c9a961;border-color:var(--gold-primary)}.modern-reset-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#dbc4a0!important;background:var(--gold-light)!important;border:1px solid #c9a961!important;border:1px solid var(--gold-primary)!important;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f!important;box-shadow:var(--shadow-sm)!important;color:#2c1810!important;color:var(--sentence-light-text)!important;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;margin:0;padding:12px 24px;padding:var(--spacing-md) var(--spacing-xl);position:relative;text-decoration:none;transform:translateZ(0);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;will-change:transform}.modern-reset-button:hover{background:#c9a961!important;background:var(--gold-primary)!important;border-color:#8b6914!important;border-color:var(--gold-dark)!important;box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a!important;box-shadow:var(--shadow-gold)!important;color:#fafafa!important;color:var(--sentence-light-bg)!important;transform:translateY(-2px)}.modern-reset-button:active{box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f!important;box-shadow:var(--shadow-sm)!important;transform:translateY(0)}.dark .modern-reset-button,[data-theme=dark] .modern-reset-button{background:#8b6914!important;background:var(--gold-dark)!important;border-color:#c9a961!important;border-color:var(--gold-primary)!important;color:#e8d5b0!important;color:var(--sentence-dark-text)!important}.dark .modern-reset-button:hover,[data-theme=dark] .modern-reset-button:hover{background:#c9a961!important;background:var(--gold-primary)!important;border-color:#dbc4a0!important;border-color:var(--gold-light)!important;color:#1a1613!important;color:var(--sentence-dark-bg)!important}.modern-verify-button{align-items:center;background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);color:#fafafa;color:var(--sentence-light-bg);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 cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.modern-verify-button:hover{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-gold);transform:translateY(-2px)}.modern-reset-button:disabled,.modern-verify-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.dark .modern-verify-button,[data-theme=dark] .modern-verify-button{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));color:#1a1613;color:var(--sentence-dark-bg)}.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:#fff;background:var(--sentence-light-card);border:1px solid #eee;border:1px solid var(--sentence-light-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);padding:24px;padding:var(--spacing-xl);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.modern-sentence-card:hover{border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.modern-sentence-card.learned{background:linear-gradient(90deg,#c9a9610d,#0000);border-left:6px solid #c9a961;border-left:6px solid var(--gold-primary)}.dark .modern-sentence-card,[data-theme=dark] .modern-sentence-card{background:#2a2621;background:var(--sentence-dark-card);border-color:#3a3530;border-color:var(--sentence-dark-border)}.dark .modern-sentence-card:hover,[data-theme=dark] .modern-sentence-card:hover{border-color:#c9a961;border-color:var(--gold-primary)}.dark .modern-sentence-card.learned,[data-theme=dark] .modern-sentence-card.learned{background:linear-gradient(90deg,#daa52014,#0000);border-left-color:#c9a961;border-left-color:var(--gold-primary)}.modern-sentence-french{color:#2c1810;color:var(--sentence-light-text);font-size:16px;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.dark .modern-sentence-french,[data-theme=dark] .modern-sentence-french{color:#e8d5b0;color:var(--sentence-dark-text)}.modern-sentence-original{color:#666;color:var(--sentence-light-text-secondary);font-size:14px;font-style:italic;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.dark .modern-sentence-original,[data-theme=dark] .modern-sentence-original{color:#b8a88c;color:var(--sentence-dark-text-secondary)}.modern-sentence-review{align-items:center;color:#666;color:var(--sentence-light-text-secondary);display:flex;font-size:12px;gap:8px;gap:var(--spacing-sm);margin-top:8px;margin-top:var(--spacing-sm)}.dark .modern-sentence-review,[data-theme=dark] .modern-sentence-review{color:#b8a88c;color:var(--sentence-dark-text-secondary)}.modern-audio-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #c9a961;border:2px solid var(--gold-primary);border-radius:50%;border-radius:var(--radius-full);color:#c9a961;color:var(--gold-primary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;margin-top:8px;margin-top:var(--spacing-sm);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:32px}.modern-audio-button:hover{background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-gold);color:#fafafa;color:var(--sentence-light-bg);transform:scale(1.1)}.dark .modern-audio-button,[data-theme=dark] .modern-audio-button{border-color:#c9a961;border-color:var(--gold-primary);color:#dbc4a0;color:var(--gold-light)}.dark .modern-audio-button:hover,[data-theme=dark] .modern-audio-button:hover{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));color:#1a1613;color:var(--sentence-dark-bg)}.modern-status-icon{align-items:center;color:#666;color:var(--sentence-light-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:#c9a961;color:var(--gold-primary)}.dark .modern-status-icon,[data-theme=dark] .modern-status-icon{color:#b8a88c;color:var(--sentence-dark-text-secondary)}.dark .modern-status-icon.completed,[data-theme=dark] .modern-status-icon.completed{color:#dbc4a0;color:var(--gold-light)}.modern-preview-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--sentence-light-card);border:1px solid #eee;border-radius:12px;border-radius:var(--radius-lg);border-top:4px solid #c9a961;border:1px solid var(--sentence-light-border);border-top:4px solid var(--gold-primary);box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f;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}.dark .modern-preview-container,[data-theme=dark] .modern-preview-container{background:#2a2621;background:var(--sentence-dark-card);border-color:#3a3530;border-color:var(--sentence-dark-border);border-top-color:#c9a961;border-top-color:var(--gold-primary)}.modern-preview-decoration{background:linear-gradient(90deg,#8b6914,#c9a961,#dbc4a0);background:linear-gradient(90deg,var(--gold-dark),var(--gold-primary),var(--gold-light));border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 0 12px #c9a96166;height:8px;margin-bottom:24px;margin-bottom:var(--spacing-xl);overflow:hidden;position:relative;width:100%}.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:#2c1810;color:var(--sentence-light-text);font-size:28px;font-weight:600;line-height:1.4;margin-bottom:24px;margin-bottom:var(--spacing-xl)}.dark .modern-target-phrase,[data-theme=dark] .modern-target-phrase{color:#e8d5b0;color:var(--sentence-dark-text)}.modern-phrase-translation{background:#c9a9611a;border:2px solid #c9a961;border:2px solid var(--gold-primary);border-left-width:4px;border-radius:8px;border-radius:var(--radius-md);color:#666;color:var(--sentence-light-text-secondary);font-size:20px;margin:16px 0;margin:var(--spacing-lg) 0;padding:16px;padding:var(--spacing-lg)}.dark .modern-phrase-translation,[data-theme=dark] .modern-phrase-translation{background:#daa5201a;color:#b8a88c;color:var(--sentence-dark-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:#c9a9610d;border:2px dashed #c9a961;border:2px dashed var(--gold-primary);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 cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.modern-construction-area.active{background:#c9a9611a;border-color:#c9a961;border-color:var(--gold-primary);box-shadow:inset 0 0 20px #c9a9611a;transform:scale(1.01)}.modern-construction-area.success{background:#c9a96126;border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 0 20px #c9a96133}.dark .modern-construction-area,[data-theme=dark] .modern-construction-area{background:#daa52014;border-color:#c9a961;border-color:var(--gold-primary)}.dark .modern-construction-area.active,[data-theme=dark] .modern-construction-area.active{background:#daa5201f}.dark .modern-construction-area.success,[data-theme=dark] .modern-construction-area.success{background:#daa5202e}.modern-word-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--sentence-light-card);border:2px solid #c9a961;border:2px solid var(--gold-primary);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);color:#2c1810;color:var(--sentence-light-text);cursor:grab;font-size:14px;font-weight:500;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.modern-word-item:hover{background:#c9a96126;border-color:#8b6914;border-color:var(--gold-dark);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-md),var(--shadow-gold);transform:translateY(-2px)}.modern-word-item.dragging{background:#c9a96133;border-color:#8b6914;border-color:var(--gold-dark);cursor:grabbing;opacity:.8;transform:scale(1.05)}.modern-word-item.success{background:#c9a96133;border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 0 12px #c9a9614d}.dark .modern-word-item,[data-theme=dark] .modern-word-item{background:#2a2621;background:var(--sentence-dark-card);border-color:#c9a961;border-color:var(--gold-primary);color:#e8d5b0;color:var(--sentence-dark-text)}.dark .modern-word-item:hover,[data-theme=dark] .modern-word-item:hover{background:#daa52026;border-color:#dbc4a0;border-color:var(--gold-light)}.dark .modern-word-item.dragging,[data-theme=dark] .modern-word-item.dragging{background:#daa52033;border-color:#dbc4a0;border-color:var(--gold-light)}.dark .modern-word-item.success,[data-theme=dark] .modern-word-item.success{background:#daa52040}.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-feedback-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--sentence-light-card);border:2px solid #eee;border:2px solid var(--sentence-light-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f;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:#c9a9611a;border-left:6px solid #c9a961;border-left:6px solid var(--gold-primary);box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-gold)}.modern-feedback-message.error{background:#ef44441a;border-left:6px solid #ef5350;border-left:6px solid var(--accent-error)}.dark .modern-feedback-message,[data-theme=dark] .modern-feedback-message{background:#2a2621;background:var(--sentence-dark-card);border-color:#3a3530;border-color:var(--sentence-dark-border)}.dark .modern-feedback-message.success,[data-theme=dark] .modern-feedback-message.success{background:#daa5201f;border-left-color:#c9a961;border-left-color:var(--gold-primary)}.dark .modern-feedback-message.error,[data-theme=dark] .modern-feedback-message.error{background:#ef44441f;border-left-color:#ef5350;border-left-color:var(--accent-error)}.modern-correct-sentence{background:#c9a96126;border-left:4px solid #c9a961;border-left:4px solid var(--gold-primary);border-radius:6px;border-radius:var(--radius-sm);color:#2c1810;color:var(--sentence-light-text);font-weight:600;margin:16px 0;margin:var(--spacing-lg) 0;padding:12px;padding:var(--spacing-md)}.dark .modern-correct-sentence,[data-theme=dark] .modern-correct-sentence{background:#daa52026;color:#e8d5b0;color:var(--sentence-dark-text)}.modern-summary-container{margin-bottom:24px;margin-bottom:var(--spacing-xl);text-align:center}.modern-summary-title{color:#2c1810;color:var(--sentence-light-text);font-size:24px;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.dark .modern-summary-title,[data-theme=dark] .modern-summary-title{color:#e8d5b0;color:var(--sentence-dark-text)}.modern-summary-score{color:#c9a961;color:var(--gold-primary);font-size:32px;font-weight:700;margin-bottom:24px;margin-bottom:var(--spacing-xl);text-shadow:0 2px 4px #0000001a}.dark .modern-summary-score,[data-theme=dark] .modern-summary-score{color:#dbc4a0;color:var(--gold-light)}.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:#fff;background:var(--sentence-light-card);border:2px solid #eee;border-radius:12px;border-radius:var(--radius-lg);border-top:4px solid #c9a961;border:2px solid var(--sentence-light-border);border-top:4px solid var(--gold-primary);box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f;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}.dark .modern-empty-state,[data-theme=dark] .modern-empty-state{background:#2a2621;background:var(--sentence-dark-card);border-color:#3a3530;border-color:var(--sentence-dark-border);border-top-color:#c9a961;border-top-color:var(--gold-primary)}.modern-empty-decoration{background:linear-gradient(90deg,#8b6914,#c9a961,#dbc4a0);background:linear-gradient(90deg,var(--gold-dark),var(--gold-primary),var(--gold-light));box-shadow:0 0 12px #c9a96166;height:8px;left:0;position:absolute;top:0;width:100%}.modern-empty-state h3{color:#2c1810;color:var(--sentence-light-text);font-size:24px;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.dark .modern-empty-state h3,[data-theme=dark] .modern-empty-state h3{color:#e8d5b0;color:var(--sentence-dark-text)}.modern-empty-state p{color:#666;color:var(--sentence-light-text-secondary);line-height:1.6;margin-bottom:24px;margin-bottom:var(--spacing-xl)}.dark .modern-empty-state p,[data-theme=dark] .modern-empty-state p{color:#b8a88c;color:var(--sentence-dark-text-secondary)}.mixed-categories-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);color:#fafafa;color:var(--sentence-light-bg);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;gap:var(--spacing-md);justify-content:center;letter-spacing:.5px;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 cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:100%}.mixed-categories-button:hover{box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-gold);transform:translateY(-2px)}.dark .mixed-categories-button,.mixed-categories-button:hover,[data-theme=dark] .mixed-categories-button{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary))}.dark .mixed-categories-button,[data-theme=dark] .mixed-categories-button{color:#1a1613;color:var(--sentence-dark-bg)}.modern-info-text{background:#c9a96114;border:2px solid #c9a961;border:2px solid var(--gold-primary);border-left-width:4px;border-radius:8px;border-radius:var(--radius-md);color:#666;color:var(--sentence-light-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}.dark .modern-info-text,[data-theme=dark] .modern-info-text{background:#daa5201a;color:#b8a88c;color:var(--sentence-dark-text-secondary)}.score-display{font-weight:600}.sticky-learn-button{align-items:center;animation:float 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:none;border-radius:8px;border-radius:var(--radius-md);bottom:16px;bottom:var(--spacing-lg);box-shadow:0 20px 25px #0000000a,0 10px 10px #0000000f,0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-xl),var(--shadow-gold);color:#fafafa;color:var(--sentence-light-bg);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 cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:calc(100% - 40px);z-index:1000}.sticky-learn-button:hover{animation:none;box-shadow:0 25px 50px #00000026,0 0 40px #c9a96166;transform:translateX(-50%) translateY(-4px)}.dark .sticky-learn-button,.sticky-learn-button:hover,[data-theme=dark] .sticky-learn-button{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary))}.dark .sticky-learn-button,[data-theme=dark] .sticky-learn-button{color:#1a1613;color:var(--sentence-dark-bg)}.modern-text-input-container{margin:2rem 0;text-align:center}.text-input-label{color:#666;color:var(--sentence-light-text-secondary);display:block;font-size:1.1rem;font-weight:500;margin-bottom:1rem}.dark .text-input-label,[data-theme=dark] .text-input-label{color:#b8a88c;color:var(--sentence-dark-text-secondary)}.modern-text-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--sentence-light-card);border:2px solid #c9a961;border:2px solid var(--gold-primary);border-radius:8px;border-radius:var(--radius-md);color:#2c1810;color:var(--sentence-light-text);font-size:1.1rem;max-width:500px;outline:none;padding:1rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:100%}.modern-text-input:focus{border-color:#8b6914;border-color:var(--gold-dark);box-shadow:0 0 0 3px #c9a96126;box-shadow:0 0 0 3px var(--gold-glow)}.modern-text-input.success{background:#c9a9611a;border-color:#c9a961;border-color:var(--gold-primary)}.dark .modern-text-input,[data-theme=dark] .modern-text-input{background:#2a2621;background:var(--sentence-dark-card);border-color:#c9a961;border-color:var(--gold-primary);color:#e8d5b0;color:var(--sentence-dark-text)}.dark .modern-text-input:focus,[data-theme=dark] .modern-text-input:focus{border-color:#dbc4a0;border-color:var(--gold-light);box-shadow:0 0 0 3px #daa5204d}.dark .modern-text-input.success,[data-theme=dark] .modern-text-input.success{background:#daa5201f}.incorrect-answer{color:#ef5350;color:var(--accent-error);font-weight:500}.user-answer{color:#666;color:var(--sentence-light-text-secondary);font-size:.9rem;margin-top:.5rem}.dark .user-answer,[data-theme=dark] .user-answer{color:#b8a88c;color:var(--sentence-dark-text-secondary)}.mode-indicator.text-input{background:linear-gradient(45deg,#8b5cf6,#a78bfa)}.mode-indicator.drag-drop{background:linear-gradient(45deg,#c9a961,#8b6914);background:linear-gradient(45deg,var(--gold-primary),var(--gold-dark))}.modern-word-item.constructed-word{border:2px solid #c9a961;border:2px solid var(--gold-primary);cursor:pointer;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.modern-word-item.constructed-word:hover{background:#c9a96133;border-color:#8b6914;border-color:var(--gold-dark);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-md),var(--shadow-gold);transform:translateY(-2px)}.dark .modern-word-item.constructed-word:hover,[data-theme=dark] .modern-word-item.constructed-word:hover{background:#daa52033;border-color:#dbc4a0;border-color:var(--gold-light)}.modern-word-item.constructed-word:after{align-items:center;background:#ef5350;background:var(--accent-error);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 .15s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-fast);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:#c9a9614d;border-color:#c9a961;border-color:var(--gold-primary);transform:translateY(0)}.dark .modern-word-item.constructed-word:active,[data-theme=dark] .modern-word-item.constructed-word:active{background:#daa5204d}.modern-word-item.constructed-word.success{cursor:default;pointer-events:none}.modern-word-item.constructed-word.success:hover{background:inherit;border-color:#c9a961;border-color:var(--gold-primary);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:#c9a9611a;border-left:3px solid #c9a961;border-left:3px solid var(--gold-primary);border-radius:6px;border-radius:var(--radius-sm);color:#666;color:var(--sentence-light-text-secondary);font-size:.875rem;margin-bottom:1rem;padding:.5rem;text-align:center}.dark .construction-hint,[data-theme=dark] .construction-hint{background:#daa5201a;color:#b8a88c;color:var(--sentence-dark-text-secondary)}.modern-sentence-card.mastered{background:#c9a9611a;border:2px solid #c9a961;border:2px solid var(--gold-primary);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-md),var(--shadow-gold);position:relative}.dark .modern-sentence-card.mastered,[data-theme=dark] .modern-sentence-card.mastered{background:#daa5201f}.mastered-badge{align-items:center;background:#c9a96133;border:1px solid #c9a961;border:1px solid var(--gold-primary);border-radius:9999px;color:#8b6914;color:var(--gold-dark);display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.5px;margin-top:.5rem;padding:.25rem .5rem;text-transform:uppercase}.dark .mastered-badge,[data-theme=dark] .mastered-badge{background:#daa52033;color:#dbc4a0;color:var(--gold-light)}.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:hover{box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f,0 8px 30px #c9a9614d;box-shadow:var(--shadow-lg),0 8px 30px #c9a9614d;transform:translateY(-2px)}.dark .modern-sentence-card.mastered:hover,[data-theme=dark] .modern-sentence-card.mastered:hover{box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f,0 8px 30px #daa52066;box-shadow:var(--shadow-lg),0 8px 30px #daa52066}.modern-stat-card .stat-value{color:#c9a961;color:var(--gold-primary);font-size:1.875rem;font-weight:700}.dark .modern-stat-card .stat-value,[data-theme=dark] .modern-stat-card .stat-value{color:#dbc4a0;color:var(--gold-light)}.progress-indicator{background:#eee;background:var(--sentence-light-border);border-radius:20px;box-shadow:inset 0 2px 4px #0000001a;height:8px;margin-top:1rem;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#8b6914,#c9a961,#dbc4a0);background:linear-gradient(90deg,var(--gold-dark),var(--gold-primary),var(--gold-light));box-shadow:0 0 12px #c9a96166;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.dark .progress-indicator,[data-theme=dark] .progress-indicator{background:#3a3530;background:var(--sentence-dark-border)}.modern-category-card.completed{background:linear-gradient(135deg,#c9a96133,#8b691426);border:2px solid #c9a961;border:2px solid var(--gold-primary);opacity:.9}.dark .modern-category-card.completed,[data-theme=dark] .modern-category-card.completed{background:linear-gradient(135deg,#daa52033,#b8860b26)}.completion-badge{background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border-radius:12px;box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-gold);color:#fafafa;color:var(--sentence-light-bg);font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.dark .completion-badge,[data-theme=dark] .completion-badge{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));color:#1a1613;color:var(--sentence-dark-bg)}.complete-text{color:#c9a961;color:var(--gold-primary);font-size:.9rem;font-weight:700}.dark .complete-text,[data-theme=dark] .complete-text{color:#dbc4a0;color:var(--gold-light)}.remaining-text{color:#666;color:var(--sentence-light-text-secondary);font-size:.9rem}.dark .remaining-text,[data-theme=dark] .remaining-text{color:#b8a88c;color:var(--sentence-dark-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-game-container:before{font-size:100px}.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-container:before{font-size:80px;right:-10px;top:-10px}.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-header-title:before{display:none}.modern-target-phrase{font-size:20px}.modern-phrase-translation{font-size:14px}}@keyframes correctAnswer{0%{box-shadow:0 0 0 0 #c9a96199;transform:scale(1)}50%{box-shadow:0 0 20px 10px #c9a96166;transform:scale(1.05)}to{box-shadow:0 0 0 0 #c9a96100;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-sentence-game ::-webkit-scrollbar{height:10px;width:10px}.modern-sentence-game ::-webkit-scrollbar-track{background:#fafafa;background:var(--sentence-light-bg);border-radius:5px}.modern-sentence-game ::-webkit-scrollbar-thumb{background:#8b6914;background:var(--gold-dark);border-radius:5px;-webkit-transition:background .25s cubic-bezier(.4,0,.2,1);transition:background .25s cubic-bezier(.4,0,.2,1);-webkit-transition:background var(--transition-normal);transition:background var(--transition-normal)}.modern-sentence-game ::-webkit-scrollbar-thumb:hover{background:#c9a961;background:var(--gold-primary)}.dark .modern-sentence-game ::-webkit-scrollbar-track,[data-theme=dark] .modern-sentence-game ::-webkit-scrollbar-track{background:#1a1613;background:var(--sentence-dark-bg)}.dark .modern-sentence-game ::-webkit-scrollbar-thumb,[data-theme=dark] .modern-sentence-game ::-webkit-scrollbar-thumb{background:#c9a961;background:var(--gold-primary)}.dark .modern-sentence-game ::-webkit-scrollbar-thumb:hover,[data-theme=dark] .modern-sentence-game ::-webkit-scrollbar-thumb:hover{background:#dbc4a0;background:var(--gold-light)}.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 #c9a961;outline:3px solid var(--gold-primary);outline-offset:2px}@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}.sticky-learn-button{animation:none!important}*{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}}.gold-bg{background:linear-gradient(135deg,#c9a961,#8b6914)!important;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark))!important}.egyptian-surface{background:var(--sentence-light-card)!important;border:1px solid var(--sentence-light-border)!important}.dark .egyptian-surface,[data-theme=dark] .egyptian-surface{background:var(--sentence-dark-card)!important;border-color:var(--sentence-dark-border)!important}.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}}.xp-animation-overlay{align-items:center!important;background-color:#00000080!important;bottom:0!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9998!important}.xp-animation-container{left:50%!important;margin:0!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:9999!important}@media (max-width:768px){.xp-animation-container{left:50%!important;margin:0!important;max-height:220px!important;max-width:260px!important;padding:18px 24px!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%) scale(1)!important}.xp-animation-container.large{max-height:240px!important;max-width:280px!important;padding:20px 28px!important;transform:translate(-50%,-50%) scale(1.1)!important}.xp-animation-container.compact{max-height:200px!important;max-width:240px!important;padding:16px 20px!important;transform:translate(-50%,-50%) scale(.9)!important}}@media (max-width:480px){.xp-animation-container{max-height:200px!important;max-width:240px!important;padding:16px 22px!important;transform:translate(-50%,-50%) scale(.95)!important}.xp-animation-container.large{max-height:220px!important;max-width:260px!important;padding:18px 24px!important;transform:translate(-50%,-50%) scale(1.05)!important}.xp-animation-container.compact{max-height:180px!important;max-width:220px!important;padding:14px 18px!important;transform:translate(-50%,-50%) scale(.85)!important}.xp-icon{font-size:2.8rem!important;margin-bottom:6px!important}.xp-value{font-size:2.4rem!important}.xp-prefix{font-size:1.8rem!important}.xp-suffix{font-size:1.4rem!important}.xp-description{font-size:.95rem!important;font-weight:600!important;margin-top:6px!important}}@media (max-width:360px){.xp-animation-container{max-height:180px!important;max-width:220px!important;padding:14px 18px!important;transform:translate(-50%,-50%) scale(.85)!important}.xp-icon{font-size:2.4rem!important}.xp-value{font-size:2rem!important}.xp-prefix{font-size:1.5rem!important}.xp-suffix{font-size:1.2rem!important}.xp-description{font-size:.85rem!important;margin-top:5px!important}}@media (max-width:768px) and (orientation:landscape){.xp-animation-container{max-height:160px!important;max-width:220px!important;padding:12px 18px!important;transform:translate(-50%,-50%) scale(.85)!important}.xp-animation-container.large{transform:translate(-50%,-50%) scale(.95)!important}.xp-animation-container.compact{transform:translate(-50%,-50%) scale(.75)!important}}@media (max-width:768px){.xp-animation-container:before{animation-duration:2.5s!important}.floating-particle{height:4px!important;width:4px!important}.xp-burst-particle{height:7px!important;width:7px!important}.xp-burst-container{height:90px!important;width:90px!important}.xp-animation-container{box-shadow:0 8px 30px #667eea73!important}.xp-icon{filter:drop-shadow(0 3px 8px rgba(0,0,0,.25))!important}.xp-counter{text-shadow:0 2px 6px #00000059!important}}.xp-animation-container.xl{left:50%!important;margin:0!important;max-height:240px!important;max-width:280px!important;padding:20px 26px!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%) scale(1.1)!important}.xp-animation-container.xl .xp-icon{font-size:3.2rem!important;margin-bottom:8px!important}.xp-animation-container.xl .xp-value{font-size:2.8rem!important}.xp-animation-container.xl .xp-prefix{font-size:2rem!important}.xp-animation-container.xl .xp-suffix{font-size:1.6rem!important}.xp-animation-container.xl .xp-description{font-size:1.1rem!important;font-weight:700!important;margin-top:8px!important}.xp-animation-container.xxl{left:50%!important;margin:0!important;max-height:260px!important;max-width:300px!important;padding:24px 32px!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%) scale(1.2)!important}.xp-animation-container.xxl .xp-icon{font-size:3.6rem!important;margin-bottom:10px!important}.xp-animation-container.xxl .xp-value{font-size:3.2rem!important}.xp-animation-container.xxl .xp-prefix{font-size:2.4rem!important}.xp-animation-container.xxl .xp-suffix{font-size:1.8rem!important}.xp-animation-container.xxl .xp-description{font-size:1.2rem!important;font-weight:700!important;margin-top:10px!important}.xp-animation-container.bordered{border:4px solid #ffffff4d!important;box-shadow:0 8px 30px #667eea73,inset 0 0 30px #ffffff1a!important}.xp-animation-overlay{cursor:default!important}.xp-animation-container,.xp-animation-overlay{pointer-events:auto!important}.xp-animation-container *{box-sizing:border-box!important}.dark-mode .xp-animation-overlay{background-color:#000000a6!important}@keyframes xp-pop-in-large{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}50%{transform:translate(-50%,-50%) scale(1.08)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes xp-pop-out-large{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.7)}}@keyframes xp-pulse-large{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.03)}}.xp-animation-container.pulse{animation:xp-pulse-large 1s ease-in-out 2!important}.quiz-force-center{align-items:center!important;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%)!important;color:var(--text-primary)!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: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:before{background-image:radial-gradient(circle at 20% 50%,var(--gold-glow) 0,#0000 50%),radial-gradient(circle at 80% 80%,var(--gold-glow) 0,#0000 50%);content:"";height:100%;left:0;opacity:.5;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}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}body.quiz-active{height:100%!important;overflow:hidden!important;position:fixed!important;width:100%!important}.quiz-force-center .quiz-container{animation:quiz-fade-in .6s ease-out!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:var(--surface)!important;border:1px solid var(--border-light)!important;border-left:4px solid var(--gold-primary)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-lg),var(--shadow-gold)!important;color:var(--text-primary)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin:0 auto!important;max-height:95vh!important;max-width:900px!important;overflow-x:hidden!important;overflow-y:auto!important;padding:var(--spacing-xl)!important;position:relative!important;transition:all var(--transition-base)!important;width:90%!important;z-index:10!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:before{color:var(--gold-primary);content:"𓂀";font-size:140px;opacity:var(--watermark-opacity);pointer-events:none;position:absolute;right:-20px;top:-20px;z-index:0}.quiz-force-center .header-section{align-items:center;border-bottom:2px solid var(--border-light);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:var(--spacing-md)!important;padding-bottom:var(--spacing-sm)!important}.quiz-force-center .modern-back-button{align-items:center;background:var(--surface-hover)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm)!important;color:var(--text-primary)!important;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:var(--spacing-sm);padding:12px 24px!important;text-decoration:none;transition:all var(--transition-base)}.quiz-force-center .modern-back-button:hover{background:var(--surface-elevated)!important;border-color:var(--gold-primary)!important;box-shadow:var(--shadow-gold)!important;transform:translateY(-2px) translateX(-2px)}.quiz-force-center .quiz-external-back-button{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark))!important;border:2px solid var(--gold-light)!important;border-radius:50%!important;box-shadow:var(--shadow-xl),var(--shadow-gold)!important;color:var(--bg-primary)!important;cursor:pointer!important;display:none!important;height:56px!important;justify-content:center!important;left:16px!important;position:fixed!important;top:16px!important;transition:all var(--transition-base)!important;width:56px!important;z-index:10000!important}@media (max-width:768px){.quiz-force-center .quiz-external-back-button{display:flex!important}}.quiz-force-center .quiz-external-back-button:hover{box-shadow:0 12px 40px #0006,var(--shadow-gold)!important;transform:scale(1.1)!important}.quiz-force-center .quiz-title{display:none!important}.quiz-force-center .quiz-description{color:var(--text-secondary)!important;font-size:17px!important;font-weight:500!important;line-height:1.6!important;margin-bottom:var(--spacing-xl)!important;margin-left:auto!important;margin-right:auto!important;max-width:600px!important;text-align:center!important}.quiz-force-center .quiz-score{color:var(--gold-primary)!important;flex-shrink:0;font-size:20px!important;font-weight:700!important;margin-bottom:var(--spacing-sm)!important;text-align:center!important;text-shadow:0 2px 4px #0000001a}.quiz-force-center .quiz-info{align-items:center!important;background:var(--surface-elevated)!important;border:1px solid var(--border-light)!important;border-left:3px solid var(--gold-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important;color:var(--text-primary)!important;display:flex!important;flex-direction:row!important;flex-shrink:0;gap:var(--spacing-lg)!important;justify-content:space-between!important;margin-bottom:var(--spacing-md)!important;padding:var(--spacing-md) var(--spacing-lg)!important}.quiz-force-center .quiz-timer{background:#daa52026!important;border:1px solid #daa5204d!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important;font-size:18px!important;font-weight:700!important;order:1!important;padding:var(--spacing-sm) var(--spacing-md)!important}.quiz-force-center .quiz-lives{align-items:center!important;display:flex!important;gap:var(--spacing-sm)!important;margin-left:auto!important;order:2!important}.quiz-force-center .quiz-lives .heart{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))!important;font-size:26px!important}.quiz-force-center .quiz-question-container{background:var(--surface)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important;display:flex!important;flex-direction:column!important;flex-shrink:0;gap:var(--spacing-sm)!important;margin-bottom:0!important;min-height:240px!important;padding:var(--spacing-md)!important;position:relative!important;z-index:50!important}.quiz-force-center .quiz-question{align-items:center!important;background:var(--surface-hover)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm)!important;color:var(--text-primary)!important;display:flex!important;font-size:22px!important;font-weight:600!important;justify-content:center!important;line-height:1.4!important;margin-bottom:var(--spacing-sm)!important;min-height:50px!important;padding:var(--spacing-sm)!important;text-align:center!important;transition:all var(--transition-base)!important}.quiz-force-center .quiz-content{display:flex!important;flex-direction:column!important;gap:var(--spacing-lg)!important;width:100%!important}.quiz-force-center .quiz-options{grid-gap:var(--spacing-sm)!important;display:grid!important;gap:var(--spacing-sm)!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;min-height:140px!important;width:100%!important}.quiz-force-center .quiz-option{word-wrap:break-word!important;align-items:center!important;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark))!important;border:none!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm)!important;color:var(--bg-primary)!important;cursor:pointer!important;display:flex!important;font-size:16px!important;font-weight:600!important;justify-content:center!important;line-height:1.3!important;min-height:55px!important;padding:var(--spacing-sm)!important;text-align:center!important;transition:all var(--transition-base)!important;white-space:normal!important}.quiz-force-center .quiz-option:hover:not(:disabled){background:linear-gradient(135deg,var(--gold-light),var(--gold-primary))!important;box-shadow:var(--shadow-gold)!important;transform:translateY(-2px) scale(1.02)!important}.quiz-force-center .quiz-option:active:not(:disabled){transform:translateY(0) scale(.98)!important}.quiz-force-center .quiz-option.correct{animation:pulse-correct .6s ease-out!important;background:linear-gradient(135deg,var(--accent-success),#45a049)!important;border:2px solid #fffc!important;color:#fff!important}.quiz-force-center .quiz-option.incorrect{animation:shake-incorrect .6s ease-out!important;background:linear-gradient(135deg,var(--accent-error),#d32f2f)!important;border:2px solid #fffc!important;color:#fff!important}@keyframes pulse-correct{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake-incorrect{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.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:var(--radius-lg)!important;bottom:120px!important;box-shadow:var(--shadow-xl)!important;font-size:18px!important;font-weight:700!important;left:50%!important;min-width:160px!important;padding:var(--spacing-md) var(--spacing-lg)!important;position:fixed!important;text-align:center!important;transform:translateX(-50%)!important;white-space:nowrap!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,var(--accent-success),#45a049)!important;border-color:#ffffffe6!important;box-shadow:var(--shadow-xl),0 0 24px #4caf5066!important;color:#fff!important}.quiz-force-center .quiz-feedback.incorrect{background:linear-gradient(135deg,var(--accent-error),#d32f2f)!important;border-color:#ffffffe6!important;box-shadow:var(--shadow-xl),0 0 24px #ef444466!important;color:#fff!important}.quiz-force-center .quiz-start-container{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:400px!important;padding:var(--spacing-2xl) var(--spacing-xl)!important;text-align:center!important}.quiz-force-center .quiz-start-button{animation:glow-pulse 3s ease-in-out infinite!important;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark))!important;border:none!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md),var(--shadow-gold)!important;color:var(--bg-primary)!important;cursor:pointer!important;font-size:20px!important;font-weight:700!important;margin-top:var(--spacing-lg)!important;padding:var(--spacing-lg) var(--spacing-xl)!important;transition:all var(--transition-base)!important}.quiz-force-center .quiz-start-button:hover{animation:none!important;background:linear-gradient(135deg,var(--gold-light),var(--gold-primary))!important;box-shadow:var(--shadow-lg),var(--shadow-gold)!important;transform:translateY(-4px) scale(1.05)!important}.quiz-force-center .quiz-gameover-container{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:400px!important;padding:var(--spacing-2xl) var(--spacing-xl)!important;text-align:center!important}.quiz-force-center .quiz-gameover-title{display:none!important}.quiz-force-center .quiz-gameover-score{background:#daa52026!important;border:1px solid #daa5204d!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important;display:inline-block;font-size:22px!important;font-weight:600!important;margin-bottom:var(--spacing-lg)!important;padding:var(--spacing-md) var(--spacing-lg)!important}.quiz-force-center .quiz-buttons{display:flex!important;gap:var(--spacing-lg)!important;justify-content:center!important;margin-top:var(--spacing-xl)!important}.quiz-force-center .quiz-button{background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark))!important;border:none!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm)!important;color:var(--bg-primary)!important;cursor:pointer!important;font-size:18px!important;font-weight:600!important;padding:var(--spacing-md) var(--spacing-lg)!important;transition:all var(--transition-base)!important}.quiz-force-center .quiz-button:hover{background:linear-gradient(135deg,var(--gold-light),var(--gold-primary))!important;box-shadow:var(--shadow-gold)!important;transform:translateY(-3px)!important}@media (max-width:768px){.quiz-force-center{padding:var(--spacing-xs)!important}.quiz-force-center .quiz-container{max-height:98vh!important;padding:var(--spacing-md)!important;width:98%!important}.quiz-force-center .header-section{display:none!important}.quiz-force-center .quiz-score{font-size:16px!important;margin-bottom:var(--spacing-xs)!important}.quiz-force-center .quiz-info{flex-direction:row!important;gap:var(--spacing-sm)!important;margin-bottom:var(--spacing-md)!important;padding:var(--spacing-sm)!important}.quiz-force-center .quiz-timer{font-size:16px!important;padding:var(--spacing-xs) var(--spacing-sm)!important}.quiz-force-center .quiz-lives .heart{font-size:22px!important}.quiz-force-center .quiz-question-container{gap:var(--spacing-sm)!important;min-height:180px!important;padding:var(--spacing-sm)!important}.quiz-force-center .quiz-question{font-size:17px!important;min-height:45px!important;padding:var(--spacing-sm)!important}.quiz-force-center .quiz-options{gap:var(--spacing-sm)!important;min-height:110px!important}.quiz-force-center .quiz-option{font-size:14px!important;min-height:45px!important;padding:var(--spacing-sm)!important}.quiz-force-center .quiz-feedback{bottom:80px!important;font-size:16px!important;max-width:85vw!important;padding:var(--spacing-sm) var(--spacing-md)!important}.quiz-force-center .quiz-description{font-size:16px!important;margin-bottom:var(--spacing-lg)!important}.quiz-force-center .quiz-start-button{font-size:18px!important;padding:var(--spacing-md) var(--spacing-lg)!important}.quiz-force-center .quiz-gameover-container,.quiz-force-center .quiz-start-container{min-height:300px!important;padding:var(--spacing-xl) var(--spacing-md)!important}}@media (max-width:480px){.quiz-force-center .quiz-container{padding:var(--spacing-sm)!important}.quiz-force-center .quiz-question-container{min-height:160px!important}.quiz-force-center .quiz-question{font-size:15px!important;min-height:35px!important}.quiz-force-center .quiz-options{gap:var(--spacing-xs)!important;min-height:90px!important}.quiz-force-center .quiz-option{font-size:12px!important;min-height:35px!important;padding:var(--spacing-xs)!important}}@media (max-width:768px) and (orientation:landscape){.quiz-force-center .quiz-container{max-height:95vh!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}}@media (prefers-reduced-motion:reduce){.quiz-force-center .quiz-button,.quiz-force-center .quiz-container,.quiz-force-center .quiz-feedback,.quiz-force-center .quiz-option,.quiz-force-center .quiz-start-button{animation:none!important;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}}.quiz-force-center .modern-back-button:focus-visible,.quiz-force-center .quiz-button:focus-visible,.quiz-force-center .quiz-external-back-button:focus-visible,.quiz-force-center .quiz-option:focus-visible,.quiz-force-center .quiz-start-button:focus-visible{outline:3px solid var(--gold-primary)!important;outline-offset:4px!important}.quiz-force-center .quiz-button,.quiz-force-center .quiz-container,.quiz-force-center .quiz-external-back-button,.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,Inter,sans-serif!important;text-rendering:optimizeLegibility!important}.quiz-force-center .quiz-container{contain:layout style paint!important}.quiz-hieroglyph{filter:drop-shadow(0 0 4px var(--gold-glow))!important}.quiz-gold-badge,.quiz-hieroglyph{color:var(--gold-primary)!important}.quiz-gold-badge{background:#daa52026!important;border:1px solid #daa5204d!important;border-radius:var(--radius-sm)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.5px!important;padding:4px 10px!important;text-transform:uppercase!important}.quiz-egyptian-surface{background:var(--surface)!important;border:1px solid var(--border-light)!important;border-left:4px solid var(--gold-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important}.quiz-option-error{background:var(--accent-error)!important;color:#fff!important;font-size:12px!important;opacity:.8;pointer-events:none}.quiz-error-message{background:#ef44441a!important;border:2px solid var(--accent-error)!important;border-radius:var(--radius-md)!important;color:var(--accent-error)!important;font-size:16px!important;font-weight:600!important;grid-column:1/-1!important;margin:var(--spacing-md) 0!important;padding:var(--spacing-lg)!important;text-align:center!important}.quiz-loading,.quiz-preparing{align-items:center!important;color:var(--text-primary)!important;display:flex!important;font-size:18px!important;font-weight:600!important;height:200px!important;justify-content:center!important;padding:var(--spacing-lg)!important;text-align:center!important}.header-spacer{height:1px!important;visibility:hidden!important;width:100px!important}.quiz-feedback.mobile{bottom:80px!important;max-width:90vw!important;min-width:140px!important}.quiz-feedback.desktop{bottom:120px!important;max-width:300px!important;min-width:120px!important}@media (max-width:768px){.quiz-loading,.quiz-preparing{font-size:16px!important;height:150px!important}.quiz-error-message{font-size:14px!important;padding:var(--spacing-md)!important}}:root{--gap-dark-primary:#daa520;--gap-dark-secondary:#b8860b;--gap-dark-accent:#e8b84d;--gap-dark-bg:#1a1613;--gap-dark-card:#2a2621;--gap-dark-border:#3a3530;--gap-dark-text:#e8d5b0;--gap-dark-text-secondary:#b8a88c;--gap-light-primary:#c9a961;--gap-light-secondary:#8b6914;--gap-light-accent:#dbc4a0;--gap-light-bg:#fafafa;--gap-light-card:#fff;--gap-light-border:#eee;--gap-light-text:#2c1810;--gap-light-text-secondary:#666}.sentence-gap-container{align-items:center;background:linear-gradient(135deg,#fafafa,#f5f5f5)!important;background:linear-gradient(135deg,var(--gap-light-bg) 0,#f5f5f5 100%)!important;display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative;transition:background .5s ease;width:100%}.sentence-gap-container:before{background-image:radial-gradient(circle at 20% 50%,#c9a96105 0,#0000 50%),radial-gradient(circle at 80% 80%,#c9a96103 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.sentence-gap-container.dark,[data-theme=dark] .sentence-gap-container{background:linear-gradient(135deg,#1a1613,#232019)!important;background:linear-gradient(135deg,var(--gap-dark-bg) 0,#232019 100%)!important}.sentence-gap-container.dark:before,[data-theme=dark] .sentence-gap-container:before{background-image:radial-gradient(circle at 20% 50%,#daa52008 0,#0000 50%),radial-gradient(circle at 80% 80%,#daa52005 0,#0000 50%)}.sentence-gap-game{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#fff!important;background:var(--gap-light-card)!important;border:1px solid #eee!important;border-left:4px solid #c9a961!important;border:1px solid var(--gap-light-border)!important;border-left:4px solid var(--gold-primary)!important;border-radius:16px;box-shadow:0 20px 25px #0000000a,0 10px 10px #0000000f,0 4px 12px #c9a96126,0 0 8px #c9a9611a!important;box-shadow:var(--shadow-xl),var(--shadow-gold)!important;color:#2c1810!important;color:var(--gap-light-text)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:800px;padding:20px;position:relative;transition:all .3s ease;width:100%;z-index:1}.sentence-gap-game:before{color:#c9a961;color:var(--gold-primary);content:"𓂀";font-size:140px;opacity:.03;pointer-events:none;position:absolute;right:-20px;top:-20px;z-index:0}.sentence-gap-game.dark,[data-theme=dark] .sentence-gap-game{background:#2a2621!important;background:var(--gap-dark-card)!important;border-color:#3a3530!important;border-color:var(--gap-dark-border)!important;border-left-color:#c9a961!important;border-left-color:var(--gold-primary)!important;color:#e8d5b0!important;color:var(--gap-dark-text)!important}.sentence-gap-game.dark:before,[data-theme=dark] .sentence-gap-game:before{opacity:.06}.sentence-gap-header{align-items:center;border-bottom:3px solid #c9a961;border-bottom:3px solid var(--gold-primary);display:flex;justify-content:center;margin-bottom:24px;padding-bottom:16px;position:relative}.sentence-gap-header:after{background:linear-gradient(90deg,#8b6914,#c9a961,#dbc4a0);background:linear-gradient(90deg,var(--gold-dark),var(--gold-primary),var(--gold-light));bottom:-3px;box-shadow:0 0 12px #c9a96166;content:"";height:3px;left:0;position:absolute;right:0}.sentence-gap-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,#c9a961,#8b6914)!important;background:linear-gradient(45deg,var(--gold-primary),var(--gold-dark))!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:28px;font-weight:700;margin:0;position:relative;text-align:center;text-shadow:0 2px 4px #0000001a}.sentence-gap-title:before{background:#c9a961;background:var(--gold-primary);border-radius:2px;box-shadow:0 0 8px #c9a96166;content:"";height:20px;left:-12px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.dark .sentence-gap-title,[data-theme=dark] .sentence-gap-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,#dbc4a0,#c9a961)!important;background:linear-gradient(45deg,var(--gold-light),var(--gold-primary))!important;-webkit-background-clip:text!important;background-clip:text!important;text-shadow:0 2px 4px #0000004d}.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:#fff!important;background:var(--gap-light-card)!important;border:1px solid #eee!important;border-top:3px solid #c9a961!important;border:1px solid var(--gap-light-border)!important;border-radius:12px;border-top:3px solid var(--gold-primary)!important;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f!important;box-shadow:var(--shadow-md)!important;overflow:hidden;padding:16px;position:relative;text-align:center;transition:all .2s ease}.score-item:before{background:linear-gradient(90deg,#8b6914,#c9a961,#dbc4a0);background:linear-gradient(90deg,var(--gold-dark),var(--gold-primary),var(--gold-light));box-shadow:0 0 12px #c9a96166;content:"";height:3px;left:0;position:absolute;right:0;top:0}.score-item:hover{box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f,0 4px 12px #c9a96126,0 0 8px #c9a9611a!important;box-shadow:var(--shadow-lg),var(--shadow-gold)!important;transform:translateY(-2px)}.dark .score-item,[data-theme=dark] .score-item{background:#2a2621!important;background:var(--gap-dark-card)!important;border-color:#3a3530!important;border-color:var(--gap-dark-border)!important;border-top-color:#c9a961!important;border-top-color:var(--gold-primary)!important}.score-label{color:#666!important;color:var(--gap-light-text-secondary)!important;display:block;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.dark .score-label,[data-theme=dark] .score-label{color:#b8a88c!important;color:var(--gap-dark-text-secondary)!important}.score-value{color:#c9a961!important;color:var(--gold-primary)!important;font-size:24px;font-weight:700;text-shadow:0 2px 4px #0000001a}.dark .score-value,[data-theme=dark] .score-value{color:#dbc4a0!important;color:var(--gold-light)!important}.score-item:nth-child(3){background:#c9a9611a!important}.dark .score-item:nth-child(3),[data-theme=dark] .score-item:nth-child(3){background:#daa5201f!important}.score-item:nth-child(4){background:#8b691414!important}.dark .score-item:nth-child(4),[data-theme=dark] .score-item:nth-child(4){background:#b8860b1a!important}.sentence-gap-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#c9a9610d!important;border:1px solid #eee!important;border:1px solid var(--gap-light-border)!important;border-radius:12px;box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f!important;box-shadow:var(--shadow-sm)!important;margin-bottom:24px;padding:24px;position:relative}.dark .sentence-gap-content,[data-theme=dark] .sentence-gap-content{background:#daa52014!important;border-color:#3a3530!important;border-color:var(--gap-dark-border)!important}.sentence-gap-instruction{color:#666!important;color:var(--gap-light-text-secondary)!important;font-size:18px;font-weight:500;margin-bottom:16px;text-align:center}.dark .sentence-gap-instruction,[data-theme=dark] .sentence-gap-instruction{color:#b8a88c!important;color:var(--gap-dark-text-secondary)!important}.sentence-gap-phrase{background:#c9a9611a!important;border:2px solid #c9a961!important;border:2px solid var(--gold-primary)!important;border-left-width:4px!important;border-radius:10px;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f!important;box-shadow:var(--shadow-md)!important;color:#2c1810!important;color:var(--gap-light-text)!important;font-size:26px;font-weight:700;line-height:1.5;margin-bottom:20px;padding:16px;text-align:center;text-shadow:0 2px 4px #0000001a}.dark .sentence-gap-phrase,[data-theme=dark] .sentence-gap-phrase{background:#daa5201f!important;color:#e8d5b0!important;color:var(--gap-dark-text)!important;text-shadow:0 2px 4px #0000004d}.sentence-gap-translation{color:#666!important;color:var(--gap-light-text-secondary)!important;font-size:18px;font-style:italic;font-weight:500;line-height:1.4;margin-bottom:20px;text-align:center}.dark .sentence-gap-translation,[data-theme=dark] .sentence-gap-translation{color:#b8a88c!important;color:var(--gap-dark-text-secondary)!important}.sentence-gap-category{background:#c9a96133!important;border:1px solid #c9a961!important;border:1px solid var(--gold-primary)!important;border-radius:20px;box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f!important;box-shadow:var(--shadow-sm)!important;color:#8b6914!important;color:var(--gold-dark)!important;display:inline-block;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 auto 20px;padding:8px 16px;text-align:center;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.dark .sentence-gap-category,[data-theme=dark] .sentence-gap-category{background:#daa52033!important;color:#dbc4a0!important;color:var(--gold-light)!important}.sentence-gap-form{margin-bottom:20px}.sentence-gap-input{display:flex;gap:12px;margin:0 auto;max-width:500px}.sentence-gap-input input{background:#fff!important;background:var(--gap-light-card)!important;border:2px solid #c9a961!important;border:2px solid var(--gold-primary)!important;border-radius:12px;box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);color:#2c1810!important;color:var(--gap-light-text)!important;flex-grow:1;font-size:16px;font-weight:500;outline:none;padding:14px 16px;transition:all .3s ease}.sentence-gap-input input:focus{border-color:#8b6914!important;border-color:var(--gold-dark)!important;box-shadow:0 0 0 3px #c9a96126,0 4px 6px #0000000a,0 2px 4px #0000000f!important;box-shadow:0 0 0 3px var(--gold-glow),var(--shadow-md)!important;transform:translateY(-1px)}.dark .sentence-gap-input input,[data-theme=dark] .sentence-gap-input input{background:#2a2621!important;background:var(--gap-dark-card)!important;color:#e8d5b0!important;color:var(--gap-dark-text)!important}.dark .sentence-gap-input input:focus,[data-theme=dark] .sentence-gap-input input:focus{border-color:#dbc4a0!important;border-color:var(--gold-light)!important;box-shadow:0 0 0 3px #daa5204d,0 4px 6px #0000000a,0 2px 4px #0000000f!important;box-shadow:0 0 0 3px #daa5204d,var(--shadow-md)!important}.sentence-gap-input input.correct{background:#4caf501a!important;border-color:#4caf50!important}.sentence-gap-input input.incorrect{background:#ef44441a!important;border-color:#ef5350!important}.verify-button{align-items:center;background:linear-gradient(135deg,#c9a961,#8b6914)!important;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark))!important;border:none!important;border-radius:12px;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f!important;box-shadow:var(--shadow-md)!important;color:#fafafa!important;color:var(--gap-light-bg)!important;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;letter-spacing:.5px;padding:14px 24px;transition:all .3s ease}.verify-button:hover{background:linear-gradient(135deg,#dbc4a0,#c9a961)!important;background:linear-gradient(135deg,var(--gold-light),var(--gold-primary))!important;box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a!important;box-shadow:var(--shadow-gold)!important;transform:translateY(-2px)}.verify-button:active{transform:translateY(0)}.verify-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.dark .verify-button,[data-theme=dark] .verify-button{background:linear-gradient(135deg,#dbc4a0,#c9a961)!important;background:linear-gradient(135deg,var(--gold-light),var(--gold-primary))!important;color:#1a1613!important;color:var(--gap-dark-bg)!important}.next-button{align-items:center;background:linear-gradient(135deg,#c9a961,#8b6914)!important;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark))!important;border:none!important;border-radius:12px;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f!important;box-shadow:var(--shadow-md)!important;color:#fafafa!important;color:var(--gap-light-bg)!important;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;letter-spacing:.5px;margin-top:16px;padding:14px 24px;transition:all .3s ease;width:100%}.next-button:hover{box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a!important;box-shadow:var(--shadow-gold)!important;transform:translateY(-2px)}.dark .next-button,.next-button:hover,[data-theme=dark] .next-button{background:linear-gradient(135deg,#dbc4a0,#c9a961)!important;background:linear-gradient(135deg,var(--gold-light),var(--gold-primary))!important}.dark .next-button,[data-theme=dark] .next-button{color:#1a1613!important;color:var(--gap-dark-bg)!important}.back-button,.new-series-button{align-items:center;background:#fff!important;background:var(--gap-light-card)!important;border:1px solid #eee!important;border:1px solid var(--gap-light-border)!important;border-radius:12px;box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f!important;box-shadow:var(--shadow-sm)!important;color:#2c1810!important;color:var(--gap-light-text)!important;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;padding:14px 24px;transition:all .3s ease}.back-button:hover,.new-series-button:hover{background:#fafafa!important;background:var(--gap-light-bg)!important;border-color:#c9a961!important;border-color:var(--gold-primary)!important;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f!important;box-shadow:var(--shadow-md)!important;transform:translateY(-2px)}.dark .back-button,.dark .new-series-button,[data-theme=dark] .back-button,[data-theme=dark] .new-series-button{background:#2a2621!important;background:var(--gap-dark-card)!important;border-color:#3a3530!important;border-color:var(--gap-dark-border)!important;color:#e8d5b0!important;color:var(--gap-dark-text)!important}.dark .back-button:hover,.dark .new-series-button:hover,[data-theme=dark] .back-button:hover,[data-theme=dark] .new-series-button:hover{background:#1a1613!important;background:var(--gap-dark-bg)!important;border-color:#c9a961!important;border-color:var(--gold-primary)!important}.new-series-button{background:linear-gradient(135deg,#c9a961,#8b6914)!important;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark))!important;border:none!important;color:#fafafa!important;color:var(--gap-light-bg)!important}.new-series-button:hover{box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a!important;box-shadow:var(--shadow-gold)!important}.dark .new-series-button,.new-series-button:hover,[data-theme=dark] .new-series-button{background:linear-gradient(135deg,#dbc4a0,#c9a961)!important;background:linear-gradient(135deg,var(--gold-light),var(--gold-primary))!important}.dark .new-series-button,[data-theme=dark] .new-series-button{color:#1a1613!important;color:var(--gap-dark-bg)!important}.sentence-gap-feedback{animation:fadeIn .3s ease;border-radius:10px;font-size:16px;font-weight:600;margin-top:16px;padding:16px;text-align:center}.sentence-gap-feedback.correct{background:#4caf501a!important;border:2px solid #4caf50!important;border-left-width:4px!important;color:#4caf50!important}.sentence-gap-feedback.incorrect{background:#ef44441a!important;border:2px solid #ef5350!important;border-left-width:4px!important;color:#ef5350!important}.series-summary-container{padding:24px}.series-summary-header{margin-bottom:32px;text-align:center}.series-summary-title{color:#2c1810!important;color:var(--gap-light-text)!important;font-size:28px;font-weight:700;margin-bottom:12px}.dark .series-summary-title,[data-theme=dark] .series-summary-title{color:#e8d5b0!important;color:var(--gap-dark-text)!important}.series-time-feedback{color:#666!important;color:var(--gap-light-text-secondary)!important;font-size:18px;font-weight:500}.dark .series-time-feedback,[data-theme=dark] .series-time-feedback{color:#b8a88c!important;color:var(--gap-dark-text-secondary)!important}.series-summary-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.summary-stat-item{background:#fff!important;background:var(--gap-light-card)!important;border:1px solid #eee!important;border-top:3px solid #c9a961!important;border:1px solid var(--gap-light-border)!important;border-radius:12px;border-top:3px solid var(--gold-primary)!important;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f!important;box-shadow:var(--shadow-md)!important;padding:20px;text-align:center;transition:all .2s ease}.summary-stat-item:hover{box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f,0 4px 12px #c9a96126,0 0 8px #c9a9611a!important;box-shadow:var(--shadow-lg),var(--shadow-gold)!important;transform:translateY(-2px)}.dark .summary-stat-item,[data-theme=dark] .summary-stat-item{background:#2a2621!important;background:var(--gap-dark-card)!important;border-color:#3a3530!important;border-color:var(--gap-dark-border)!important}.summary-stat-label{color:#666!important;color:var(--gap-light-text-secondary)!important;font-weight:500}.dark .summary-stat-label,[data-theme=dark] .summary-stat-label{color:#b8a88c!important;color:var(--gap-dark-text-secondary)!important}.summary-stat-value{color:#c9a961!important;color:var(--gold-primary)!important;font-size:32px;text-shadow:0 2px 4px #0000001a}.dark .summary-stat-value,[data-theme=dark] .summary-stat-value{color:#dbc4a0!important;color:var(--gold-light)!important}.summary-section-title{color:#2c1810!important;color:var(--gap-light-text)!important;font-size:20px;font-weight:700;margin:32px 0 20px;position:relative;text-align:center}.summary-section-title:before{background:linear-gradient(90deg,#8b6914,#c9a961,#dbc4a0);background:linear-gradient(90deg,var(--gold-dark),var(--gold-primary),var(--gold-light));border-radius:2px;bottom:-8px;box-shadow:0 0 8px #c9a96166;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.dark .summary-section-title,[data-theme=dark] .summary-section-title{color:#e8d5b0!important;color:var(--gap-dark-text)!important}.attempt-card{background:#fff!important;background:var(--gap-light-card)!important;border:1px solid #eee!important;border:1px solid var(--gap-light-border)!important;border-radius:12px;box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f!important;box-shadow:var(--shadow-sm)!important;margin-bottom:16px;padding:16px;transition:all .2s ease}.attempt-card:hover{box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f!important;box-shadow:var(--shadow-md)!important;transform:translateY(-1px)}.dark .attempt-card,[data-theme=dark] .attempt-card{background:#2a2621!important;background:var(--gap-dark-card)!important;border-color:#3a3530!important;border-color:var(--gap-dark-border)!important}.attempt-card.correct{background:#4caf500d!important;border-left:4px solid #4caf50!important}.attempt-card.incorrect{background:#ef44440d!important;border-left:4px solid #ef5350!important}.attempt-header{align-items:center;background:#c9a9610d!important;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px 16px}.dark .attempt-header,[data-theme=dark] .attempt-header{background:#daa52014!important}.attempt-number{color:#666!important;color:var(--gap-light-text-secondary)!important;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dark .attempt-number,[data-theme=dark] .attempt-number{color:#b8a88c!important;color:var(--gap-dark-text-secondary)!important}.attempt-status{align-items:center;border-radius:12px;display:flex;font-size:14px;font-weight:600;gap:6px;padding:4px 12px}.attempt-status.correct{background:#4caf5026!important;color:#4caf50!important}.attempt-status.incorrect{background:#ef444426!important;color:#ef5350!important}.attempt-sentence{background:#c9a9610d!important;border-left:3px solid #c9a961;border-left:3px solid var(--gold-primary);border-radius:8px;color:#2c1810!important;color:var(--gap-light-text)!important;font-size:18px;font-weight:600;margin-bottom:8px;padding:12px 16px}.dark .attempt-sentence,[data-theme=dark] .attempt-sentence{background:#daa52014!important;color:#e8d5b0!important;color:var(--gap-dark-text)!important}.attempt-answer{color:#666!important;color:var(--gap-light-text-secondary)!important;font-size:16px;font-style:italic;padding:8px 16px}.dark .attempt-answer,[data-theme=dark] .attempt-answer{color:#b8a88c!important;color:var(--gap-dark-text-secondary)!important}.attempt-answer.incorrect{color:#ef5350!important;text-decoration:line-through}.correct-answer-label{background:#4caf501a!important;border-left:3px solid #4caf50;border-radius:6px;color:#4caf50!important;font-size:14px;font-weight:600;margin-top:8px;padding:8px 16px}.summary-actions{gap:16px;margin-top:32px}.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:#c9a96133!important;border:1px solid #c9a961!important;border:1px solid var(--gold-primary)!important;border-radius:20px;box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f!important;box-shadow:var(--shadow-sm)!important;color:#8b6914!important;color:var(--gold-dark)!important;font-size:14px;font-weight:600;letter-spacing:.5px;padding:10px 18px;text-transform:uppercase}.dark .info-badge,[data-theme=dark] .info-badge{background:#daa52033!important;color:#dbc4a0!important;color:var(--gold-light)!important}@media (max-width:768px){.sentence-gap-game{border-radius:12px;margin:10px;padding:16px}.sentence-gap-game:before{font-size:100px}.sentence-gap-title{font-size:24px}.sentence-gap-title:before{display:none}.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-game:before{font-size:80px;right:-10px;top:-10px}.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 gold-glow{0%,to{box-shadow:0 0 8px #c9a96199,0 0 16px #c9a9614d}50%{box-shadow:0 0 16px #c9a961cc,0 0 32px #c9a96180}}@keyframes gold-glow-dark{0%,to{box-shadow:0 0 8px #daa52099,0 0 16px #daa5204d}50%{box-shadow:0 0 16px #daa520cc,0 0 32px #daa52080}}.sentence-gap-phrase{animation:gold-glow 4s ease-in-out infinite}.dark .sentence-gap-phrase,[data-theme=dark] .sentence-gap-phrase{animation:gold-glow-dark 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}.sentence-gap-game{border-width:3px!important}.attempt-card{border-width:2px 2px 2px 6px!important}}.back-button:focus-visible,.new-series-button:focus-visible,.next-button:focus-visible,.sentence-gap-input input:focus-visible,.verify-button:focus-visible{outline:3px solid #c9a961!important;outline:3px solid var(--gold-primary)!important;outline-offset:2px!important}@media (prefers-reduced-motion:reduce){.attempt-card,.sentence-gap-phrase,.series-time-feedback,.summary-stat-item{animation:none!important}.attempt-card,.back-button,.new-series-button,.next-button,.verify-button{transition:none!important}}.sentence-gap-game ::-webkit-scrollbar{height:10px;width:10px}.sentence-gap-game ::-webkit-scrollbar-track{background:#fafafa;background:var(--gap-light-bg);border-radius:5px}.sentence-gap-game ::-webkit-scrollbar-thumb{background:#8b6914;background:var(--gold-dark);border-radius:5px;-webkit-transition:background .3s ease;transition:background .3s ease}.sentence-gap-game ::-webkit-scrollbar-thumb:hover{background:#c9a961;background:var(--gold-primary)}.dark .sentence-gap-game ::-webkit-scrollbar-track,[data-theme=dark] .sentence-gap-game ::-webkit-scrollbar-track{background:#1a1613;background:var(--gap-dark-bg)}.dark .sentence-gap-game ::-webkit-scrollbar-thumb,[data-theme=dark] .sentence-gap-game ::-webkit-scrollbar-thumb{background:#c9a961;background:var(--gold-primary)}.dark .sentence-gap-game ::-webkit-scrollbar-thumb:hover,[data-theme=dark] .sentence-gap-game ::-webkit-scrollbar-thumb:hover{background:#dbc4a0;background:var(--gold-light)}@media print{.sentence-gap-game{background:#fff!important;border:1px solid #8b6914!important;border:1px solid var(--gold-dark)!important;box-shadow:none!important;color:#2c1810!important}.back-button,.new-series-button,.next-button,.verify-button{display:none!important}.sentence-gap-phrase{background:#fff!important;border:1px solid #8b6914!important;border:1px solid var(--gold-dark)!important;color:#2c1810!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 fadeInScale{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@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{align-items:center!important;display:flex!important;height:auto!important;position:relative!important;right:auto!important;top:auto!important;z-index:1}.header-login-button,.header-logout-button{align-items:center!important;background:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex!important;font-size:13px;font-weight:600;height:32px;justify-content:center!important;min-width:36px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.header-login-button:hover,.header-logout-button:hover{background:#ffffff40;box-shadow:0 2px 8px #0003;transform:translateY(-2px)}.header-login-button:active,.header-logout-button:active{transform:translateY(0)}.header-login-button:disabled,.header-logout-button:disabled{cursor:not-allowed;opacity:.6}.header-user-info{align-items:center;display:flex;gap:8px}.header-auth-loading{color:#fff;font-size:13px;opacity:.7}@media (max-width:480px){.header-login-button,.header-logout-button{font-size:12px;height:28px;min-width:32px;padding:5px 10px}}@media (max-width:360px){.header-login-button,.header-logout-button{font-size:11px;height:26px;min-width:30px;padding:4px 8px}}.dark .header-login-button,.dark .header-logout-button{background:#ffffff1a}.dark .header-login-button:hover,.dark .header-logout-button:hover{background:#fff3}.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;transform:scale(1.1)}.dark .modern-logout-button{color:#94a3b8}.dark .modern-logout-button:hover{background-color:#334155}.auth-error{background:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:14px;margin-bottom:15px;padding:10px}.google-login-button:focus-visible,.header-login-button:focus-visible,.header-logout-button:focus-visible{outline:3px solid #fff9;outline-offset:2px}.google-login-button,.header-login-button,.header-logout-button{-webkit-tap-highlight-color:rgba(255,255,255,.2);touch-action:manipulation}:root{--gold-text:#2c1810;--gold-secondary:#8b7d6b}.modern-main-container.egyptian-style{background:#0000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;margin:0 auto;max-width:420px;padding:20px 20px 120px;width:100%}.egyptian-header{align-items:center;background:var(--surface);border-left:4px solid #c9a961;border-left:4px solid var(--gold-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:20px;padding:20px;transition:all var(--transition-base);width:100%}.egyptian-header:hover{box-shadow:var(--shadow-lg),var(--shadow-gold);transform:translateY(-2px)}.header-actions,.header-left{align-items:center;display:flex;gap:15px}.egyptian-theme-button{align-items:center;background:#c9a961;background:var(--gold-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--surface);cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all var(--transition-base)}.egyptian-theme-button:hover{background:#dbc4a0;background:var(--gold-light);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.egyptian-theme-button:active{transform:translateY(0)}.egyptian-logo-container{margin-bottom:30px;text-align:center}.egyptian-logo-circle{align-items:center;animation:glow-pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border-radius:50%;box-shadow:var(--shadow-xl),var(--shadow-gold);display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 20px;position:relative;transition:all var(--transition-slow);width:80px}.egyptian-logo-circle:hover{box-shadow:0 25px 50px #00000080,0 0 50px #daa52080;transform:scale(1.08)}.egyptian-app-title{color:var(--text-primary);font-size:32px;font-weight:700;letter-spacing:2px;text-shadow:0 2px 8px #0000004d}.premium-status-button{align-items:center;background:var(--surface-hover);border:2px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin:16px auto 0;overflow:hidden;padding:12px 24px;position:relative;transition:all var(--transition-base)}.premium-status-button:hover{border-color:#c9a961;border-color:var(--gold-primary);box-shadow:var(--shadow-md);color:#c9a961;color:var(--gold-primary);transform:translateY(-2px) scale(1.05)}.premium-status-button:active{transform:translateY(0) scale(.95)}.premium-status-button.active{background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:none;box-shadow:var(--shadow-gold);color:var(--surface)}.premium-status-button.active:hover{box-shadow:0 8px 24px #daa52066;transform:translateY(-2px) scale(1.05)}[data-theme=dark] .premium-status-button{background:var(--surface-hover);border-color:var(--border-medium);color:var(--text-secondary)}[data-theme=dark] .premium-status-button:hover{border-color:#c9a961;border-color:var(--gold-primary);color:#c9a961;color:var(--gold-primary)}[data-theme=dark] .premium-status-button.active{background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));color:var(--surface)}.premium-status-button:hover span:first-child{animation:icon-bounce .6s ease-in-out}@keyframes icon-bounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-4px) scale(1.1)}50%{transform:translateY(-6px) scale(1.15)}75%{transform:translateY(-2px) scale(1.05)}}.premium-status-button.active:hover span:first-child{animation:crown-shine .8s ease-in-out}@keyframes crown-shine{0%,to{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-3px) rotate(-10deg) scale(1.15)}50%{transform:translateY(-5px) rotate(10deg) scale(1.2)}75%{transform:translateY(-2px) rotate(-5deg) scale(1.1)}}.premium-status-button.active:before{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{0%{left:-100%}to{left:200%}}.premium-status-button:not(.active):after{background:#c9a9611a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.premium-status-button:not(.active):hover:after{height:200%;width:200%}.premium-status-button span{position:relative;z-index:1}.premium-status-button:not(.active):hover{background:linear-gradient(135deg,#c9a9611a,#c9a9610d)}.premium-status-button:focus{outline:3px solid #c9a961;outline:3px solid var(--gold-primary);outline-offset:2px}.premium-status-button:focus:not(:focus-visible){outline:none}.premium-status-button{-webkit-tap-highlight-color:rgba(201,169,97,.2);-webkit-touch-callout:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}.egyptian-level-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:var(--spacing-lg) 0;overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all var(--transition-base)}.egyptian-level-card:before{color:#c9a961;color:var(--gold-primary);content:"𓂀";font-size:140px;opacity:var(--watermark-opacity);pointer-events:none;position:absolute;right:-20px;top:-20px}.egyptian-level-card:hover{box-shadow:var(--shadow-xl),var(--shadow-gold);transform:translateY(-4px)}.egyptian-level-header{align-items:center;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.level-badge{align-items:center;animation:badge-glow 2s ease-in-out infinite;box-shadow:var(--shadow-gold);display:flex;flex-shrink:0;font-size:32px;height:64px;justify-content:center;position:relative;width:64px}.level-badge,.level-badge:after{background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border-radius:var(--radius-lg)}.level-badge:after{bottom:-3px;content:"";filter:blur(12px);left:-3px;opacity:.3;position:absolute;right:-3px;top:-3px;z-index:-1}.egyptian-level-info{flex:1 1}.egyptian-level-title{color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.egyptian-level-subtitle{color:#c9a961;color:var(--gold-primary);font-size:15px;font-weight:600}.egyptian-progress-container{background:var(--border-light);border-radius:20px;box-shadow:inset 0 2px 4px #0000004d;height:10px;margin:var(--spacing-lg) 0;overflow:hidden;position:relative}.egyptian-progress-bar{background:linear-gradient(90deg,#8b6914,#c9a961,#dbc4a0);background:linear-gradient(90deg,var(--gold-dark),var(--gold-primary),var(--gold-light));border-radius:20px;box-shadow:0 0 12px #daa52066;height:100%;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}.egyptian-progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.egyptian-xp-info{align-items:center;display:flex;justify-content:space-between;margin-top:var(--spacing-md)}.egyptian-xp-text{color:var(--text-secondary);font-size:13px;font-weight:600}.egyptian-xp-percentage{color:#c9a961;color:var(--gold-primary);font-size:13px;font-weight:700}.egyptian-xp-next{align-items:center;background:var(--surface-hover);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);text-align:center;transition:all var(--transition-base)}.egyptian-xp-next:hover{background:var(--surface-elevated);border-color:var(--border-medium)}.egyptian-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.egyptian-tab{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;font-weight:600;padding:12px 20px;transition:all var(--transition-base)}.egyptian-tab:hover{background:var(--surface-hover);color:var(--text-primary)}.egyptian-tab.active,.egyptian-tab:hover{border-color:#c9a961;border-color:var(--gold-primary)}.egyptian-tab.active{background:#c9a961;background:var(--gold-primary);box-shadow:var(--shadow-gold);color:var(--surface)}.egyptian-section-title{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:var(--spacing-sm);letter-spacing:.3px;margin:var(--spacing-xl) 0 var(--spacing-lg)}.egyptian-section-title:before{background:#c9a961;background:var(--gold-primary);border-radius:2px;box-shadow:0 0 8px #daa52066;content:"";height:20px;width:4px}.egyptian-module-card{align-items:center;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-base)}.egyptian-module-card:after{background:linear-gradient(180deg,#c9a961,#dbc4a0);background:linear-gradient(180deg,var(--gold-primary),var(--gold-light));box-shadow:0 0 8px #daa52080;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform var(--transition-base);width:3px}.egyptian-module-card:hover{background:var(--surface-hover);border-color:var(--border-medium);box-shadow:var(--shadow-lg),var(--shadow-gold);transform:translateY(-4px)}.egyptian-module-card:hover:after{transform:scaleY(1)}.egyptian-module-card:active{transform:translateY(-2px)}.egyptian-module-icon{align-items:center;background:linear-gradient(135deg,#dbc4a0,#c9a961)!important;background:linear-gradient(135deg,var(--gold-light),var(--gold-primary))!important;border:2px solid #c9a961!important;border:2px solid var(--gold-primary)!important;border-radius:var(--radius-md);box-shadow:0 2px 8px #c9a96133,inset 0 1px 0 #ffffff4d!important;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;position:relative;transition:all var(--transition-base);width:56px}.egyptian-module-icon:before{background:linear-gradient(135deg,#ffffff4d,#0000);border-radius:var(--radius-md);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.egyptian-module-card:hover .egyptian-module-icon{background:linear-gradient(135deg,#c9a961,#8b6914)!important;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark))!important;border-color:#8b6914!important;border-color:var(--gold-dark)!important;box-shadow:0 4px 16px #c9a96166,0 0 20px #daa5204d,inset 0 1px 0 #ffffff80!important;transform:scale(1.1) rotate(5deg)}[data-theme=dark] .egyptian-module-icon{background:var(--surface-hover)!important;border:1px solid var(--border-light)!important;box-shadow:none!important}[data-theme=dark] .egyptian-module-icon:before{display:none}[data-theme=dark] .egyptian-module-card:hover .egyptian-module-icon{background:linear-gradient(135deg,#c9a961,#8b6914)!important;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark))!important;border-color:#c9a961!important;border-color:var(--gold-primary)!important;box-shadow:var(--shadow-gold)!important;transform:scale(1.05) rotate(5deg)}.egyptian-module-info{flex:1 1}.egyptian-module-name{color:var(--text-primary);font-size:17px;font-weight:700;letter-spacing:.3px;margin-bottom:var(--spacing-xs)}.egyptian-module-status{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:6px}.module-status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.module-status-badge.available{background:#66bb6a26;color:#66bb6a}.module-status-badge.locked{background:var(--surface-hover);color:var(--text-tertiary)}.egyptian-bottom-nav{background:var(--surface);border:1px solid var(--border-light);border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;bottom:0;box-shadow:var(--shadow-lg);display:flex;justify-content:space-around;left:0;margin-top:var(--spacing-xl);padding:var(--spacing-lg);position:fixed;right:0;z-index:1000}.nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-fast)}.nav-item:before{background:#c9a961;background:var(--gold-primary);border-radius:0 0 3px 3px;box-shadow:0 0 8px #daa52080;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);transition:width var(--transition-base);width:0}.nav-item:hover{background:var(--surface-hover)}.nav-item.active{background:#c9a9611a}[data-theme=dark] .nav-item.active{background:#daa5201a}.nav-item.active:before{width:40px}.nav-icon{filter:grayscale(.3);font-size:24px;transition:all var(--transition-base)}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:#c9a961;color:var(--gold-primary);filter:grayscale(0) drop-shadow(0 0 4px rgba(218,165,32,.3));transform:scale(1.1)}.nav-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.3px}.nav-item.active .nav-label{color:#c9a961;color:var(--gold-primary)}.connection-btn{background:#c9a961;background:var(--gold-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--surface);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all var(--transition-base)}.connection-btn:hover{background:#dbc4a0;background:var(--gold-light);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.connection-btn:active{transform:translateY(0)}.floating-premium-button{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:none;border-radius:50%;bottom:100px;box-shadow:var(--shadow-xl),var(--shadow-gold);color:var(--surface);cursor:pointer;display:flex;font-size:28px;height:60px;justify-content:center;position:fixed;right:30px;transition:all var(--transition-base);width:60px;z-index:999}.floating-premium-button:hover{animation:none;box-shadow:0 25px 50px #00000080,0 0 40px #daa52080;transform:scale(1.15) rotate(90deg)}.floating-premium-button:active{transform:scale(1.08) rotate(90deg)}[data-theme=dark] .egyptian-bottom-nav,[data-theme=dark] .egyptian-header,[data-theme=dark] .egyptian-level-card,[data-theme=dark] .egyptian-module-card,[data-theme=dark] .egyptian-tab{background:var(--surface)}[data-theme=dark] .egyptian-logo-circle{background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark))}[data-theme=dark] .egyptian-app-title{color:var(--text-primary);text-shadow:2px 2px 0 #0000004d}[data-theme=dark] .egyptian-section-title{color:var(--text-primary)}.egyptian-module-card{animation:fadeInUp .5s ease-out}@media (max-width:768px){.egyptian-header,.egyptian-tabs{display:none}.floating-premium-button{bottom:90px;font-size:24px;height:50px;right:20px;width:50px}.premium-status-button{font-size:13px;padding:10px 20px}}@media (max-width:360px){.egyptian-module-card{padding:15px}.floating-premium-button{bottom:85px;font-size:20px;height:45px;right:15px;width:45px}.premium-status-button{font-size:12px;gap:6px;padding:8px 16px}}@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:var(--bg-primary)!important;margin:0!important}body.mobile-view{min-height:100vh!important;padding:60px 0 70px!important}.App{background-color:var(--bg-primary)!important;display:block!important;max-width:100vw!important;opacity:1!important;overflow-x:hidden!important;visibility:visible!important;width:100%!important}.mobile-app-container{background-color:var(--bg-primary)!important;min-height:100vh!important;padding-bottom:70px!important;padding-top:60px!important;z-index:1000!important}.mobile-app-container,.mobile-main-content{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{background-color:initial!important;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:initial!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{height:0!important;opacity:0!important;overflow:hidden!important}.bottom-nav-container,.bottom-nav-item,.bottom-navigation{display:none!important;visibility:hidden!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}body,html{background-color:var(--bg-primary)!important;height:100%!important}.App,body,html{margin:0!important;overflow-x:hidden!important;padding:0!important;width:100%!important}.App{background:var(--bg-primary)!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;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;z-index:9999!important}.component-wrapper,.mobile-header{box-sizing:border-box!important;width:100%!important}.component-wrapper{background-color:initial!important;min-height:100vh!important;overflow-x:hidden!important;padding:20px!important;z-index:1000!important}.category-selection,.component-wrapper{display:block!important;margin:0!important;opacity:1!important;position:relative!important;visibility:visible!important}.category-selection{box-sizing:border-box!important;max-width:100%!important;padding:0!important;width:100%!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;font-size:10px!important;line-height:1.1!important;max-width:100%!important;overflow-wrap:break-word!important;text-align:center!important}.back-button-top,.category-name{color:#333!important;font-weight:600!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;cursor:pointer!important;display:flex!important;font-size:14px!important;gap:8px!important;left:15px!important;opacity:1!important;padding:8px 12px!important;position:fixed!important;top:70px!important;visibility:visible!important;z-index:9998!important}}:root{--gold-glow:#c9a96126;--grammar-dark-primary:#daa520;--grammar-dark-secondary:#b8860b;--grammar-dark-accent:#e8b84d;--grammar-dark-bg:#1a1613;--grammar-dark-card:#2a2621;--grammar-dark-border:#3a3530;--grammar-dark-text:#e8d5b0;--grammar-dark-text-secondary:#b8a88c;--grammar-light-primary:#c9a961;--grammar-light-secondary:#8b6914;--grammar-light-accent:#dbc4a0;--grammar-light-bg:#fafafa;--grammar-light-card:#fff;--grammar-light-border:#eee;--grammar-light-text:#2c1810;--grammar-light-text-secondary:#666;--shadow-xs:0 1px 3px #0000000a,0 1px 2px #0000000f;--shadow-sm:0 2px 4px #0000000a,0 1px 2px #0000000f;--shadow-md:0 4px 6px #0000000a,0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000000a,0 4px 6px #0000000f;--shadow-xl:0 20px 25px #0000000a,0 10px 10px #0000000f;--shadow-gold:0 4px 12px #c9a96126,0 0 8px #c9a9611a;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}.dark,[data-theme=dark]{--shadow-sm:0 3px 6px #00000059,0 2px 4px #00000040}.grammar-main-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff;background:var(--grammar-light-card);border:1px solid #eee;border-left:4px solid #c9a961;border:1px solid var(--grammar-light-border);border-left:4px solid var(--gold-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 20px 25px #0000000a,0 10px 10px #0000000f,0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-xl),var(--shadow-gold);color:#2c1810;color:var(--grammar-light-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-xl);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:100%}.grammar-main-container:before{color:#c9a961;color:var(--gold-primary);content:"𓂀";font-size:140px;opacity:.03;pointer-events:none;position:absolute;right:-20px;top:-20px;z-index:0}.dark .grammar-main-container,[data-theme=dark] .grammar-main-container{background:#2a2621;background:var(--grammar-dark-card);border-color:#3a3530;border-color:var(--grammar-dark-border);border-left-color:#c9a961;border-left-color:var(--gold-primary);color:#e8d5b0;color:var(--grammar-dark-text)}.dark .grammar-main-container:before,[data-theme=dark] .grammar-main-container:before{opacity:.06}.grammar-header{margin-bottom:24px;margin-bottom:var(--spacing-xl);position:relative}.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-lg);width:100%}.grammar-header h1,.grammar-header h2{color:#2c1810;color:var(--grammar-light-text);font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.dark .grammar-header h1,.dark .grammar-header h2,[data-theme=dark] .grammar-header h1,[data-theme=dark] .grammar-header h2{color:#e8d5b0;color:var(--grammar-dark-text);text-shadow:0 2px 4px #0000004d}.grammar-logo-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#c9a961,#8b6914);background:linear-gradient(45deg,var(--gold-primary),var(--gold-dark));-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin:0;position:relative}.grammar-logo-title:before{background:#c9a961;background:var(--gold-primary);border-radius:2px;box-shadow:0 0 8px #c9a96166;content:"";height:20px;left:-12px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.dark .grammar-logo-title,[data-theme=dark] .grammar-logo-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#dbc4a0,#c9a961);background:linear-gradient(45deg,var(--gold-light),var(--gold-primary));-webkit-background-clip:text;background-clip:text}.grammar-mobile-title{color:#2c1810;color:var(--grammar-light-text);flex:1 1;font-size:20px;font-weight:700;margin:0;text-align:center}.dark .grammar-mobile-title,[data-theme=dark] .grammar-mobile-title{color:#e8d5b0;color:var(--grammar-dark-text)}.grammar-header-spacer{height:40px;width:40px}.mobile-header-back-button{align-items:center;background:#fff;background:var(--grammar-light-card);border:2px solid #c9a961;border:2px solid var(--gold-primary);border-radius:50%;border-radius:var(--radius-full);box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);color:#c9a961;color:var(--gold-primary);cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:40px}.mobile-header-back-button:hover{background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-gold);color:#fafafa;color:var(--grammar-light-bg);transform:scale(1.1)}.mobile-header-back-button:active{transform:scale(.95)}.dark .mobile-header-back-button,[data-theme=dark] .mobile-header-back-button{background:#2a2621;background:var(--grammar-dark-card);border-color:#dbc4a0;border-color:var(--gold-light);color:#dbc4a0;color:var(--gold-light)}.dark .mobile-header-back-button:hover,[data-theme=dark] .mobile-header-back-button:hover{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));color:#1a1613;color:var(--grammar-dark-bg)}.grammar-level-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff;background:var(--grammar-light-card);border:1px solid #eee;border-left:4px solid #c9a961;border:1px solid var(--grammar-light-border);border-left:4px solid var(--gold-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);margin-bottom:24px;margin-bottom:var(--spacing-xl);overflow:hidden;padding:24px;padding:var(--spacing-xl);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.grammar-level-card:hover{box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f,0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-lg),var(--shadow-gold);transform:translateY(-2px)}.dark .grammar-level-card,[data-theme=dark] .grammar-level-card{background:#2a2621;background:var(--grammar-dark-card);border-color:#3a3530;border-color:var(--grammar-dark-border);border-left-color:#c9a961;border-left-color:var(--gold-primary)}.grammar-decoration{background:radial-gradient(circle,#c9a96133 0,#c9a96100 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 cubic-bezier(.4,0,.2,1);transition:background var(--transition-normal);width:80px}.dark .grammar-decoration,[data-theme=dark] .grammar-decoration{background:radial-gradient(circle,#daa5204d 0,#daa52000 70%)}.grammar-level-info{align-items:center;display:flex;margin-bottom:12px;margin-bottom:var(--spacing-md);position:relative;z-index:1}.grammar-badge{align-items:center;background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:3px solid #dbc4a0;border:3px solid var(--gold-light);border-radius:50%;border-radius:var(--radius-full);box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-gold);color:#fafafa;color:var(--grammar-light-bg);display:flex;font-size:18px;font-weight:700;height:56px;justify-content:center;margin-right:12px;margin-right:var(--spacing-md);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:56px}.grammar-badge:hover{box-shadow:0 6px 20px #c9a96159;transform:scale(1.05) rotate(5deg)}.dark .grammar-badge,[data-theme=dark] .grammar-badge{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));border-color:#c9a961;border-color:var(--gold-primary);color:#1a1613;color:var(--grammar-dark-bg)}.grammar-level-text{display:flex;flex-direction:column}.grammar-intro-title,.grammar-level-title{color:#2c1810;color:var(--grammar-light-text);font-size:20px;font-weight:700;margin:0 0 4px;margin:0 0 var(--spacing-xs);text-shadow:0 2px 4px #0000001a}.dark .grammar-intro-title,.dark .grammar-level-title,[data-theme=dark] .grammar-intro-title,[data-theme=dark] .grammar-level-title{color:#e8d5b0;color:var(--grammar-dark-text);text-shadow:0 2px 4px #0000004d}.grammar-intro-text,.grammar-level-description{color:#666;color:var(--grammar-light-text-secondary);font-size:14px;font-weight:500;line-height:1.5;margin:0}.dark .grammar-intro-text,.dark .grammar-level-description,[data-theme=dark] .grammar-intro-text,[data-theme=dark] .grammar-level-description{color:#b8a88c;color:var(--grammar-dark-text-secondary)}.grammar-progress-bar{background:#eee;background:var(--grammar-light-border);border-radius:20px;box-shadow:inset 0 2px 4px #0000001a;height:16px;margin-bottom:16px;margin-bottom:var(--spacing-lg);overflow:hidden;width:100%}.dark .grammar-progress-bar,[data-theme=dark] .grammar-progress-bar{background:#3a3530;background:var(--grammar-dark-border)}.grammar-progress-fill{background:linear-gradient(90deg,#8b6914,#c9a961,#dbc4a0);background:linear-gradient(90deg,var(--gold-dark),var(--gold-primary),var(--gold-light));border-radius:20px;box-shadow:0 0 12px #c9a96166;height:100%;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}.grammar-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.grammar-progress-text{color:#666;color:var(--grammar-light-text-secondary);font-size:14px;font-weight:600;margin-top:8px;margin-top:var(--spacing-sm);text-align:center}.dark .grammar-progress-text,[data-theme=dark] .grammar-progress-text{color:#b8a88c;color:var(--grammar-dark-text-secondary)}.grammar-menu{grid-gap:12px;grid-gap:var(--spacing-md)}.grammar-menu,.grammar-menu-grid{display:grid;gap:12px;gap:var(--spacing-md);margin-bottom:24px;margin-bottom:var(--spacing-xl)}.grammar-menu-grid{grid-gap:12px;grid-gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grammar-menu-item{align-items:center;background:#fff;background:var(--grammar-light-card);border:1px solid #eee;border:1px solid var(--grammar-light-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);justify-content:center;min-height:120px;padding:16px;padding:var(--spacing-lg);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.grammar-menu-item:hover{border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-md),var(--shadow-gold);transform:translateY(-2px)}.dark .grammar-menu-item,[data-theme=dark] .grammar-menu-item{background:#2a2621;background:var(--grammar-dark-card);border-color:#3a3530;border-color:var(--grammar-dark-border)}.grammar-menu-icon{align-items:center;background:#fafafa;background:var(--grammar-light-bg);border:1px solid #eee;border:1px solid var(--grammar-light-border);border-radius:8px;border-radius:var(--radius-md);color:#c9a961;color:var(--gold-primary);display:flex;font-size:24px;height:48px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:48px}.grammar-menu-item:hover .grammar-menu-icon{background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-gold);color:#fafafa;color:var(--grammar-light-bg);transform:scale(1.05) rotate(5deg)}.dark .grammar-menu-icon,[data-theme=dark] .grammar-menu-icon{background:#1a1613;background:var(--grammar-dark-bg);border-color:#3a3530;border-color:var(--grammar-dark-border);color:#dbc4a0;color:var(--gold-light)}.dark .grammar-menu-item:hover .grammar-menu-icon,[data-theme=dark] .grammar-menu-item:hover .grammar-menu-icon{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));color:#1a1613;color:var(--grammar-dark-bg)}.grammar-menu-content{flex:1 1;text-align:center}.grammar-menu-label{color:#2c1810;color:var(--grammar-light-text);font-size:16px;font-weight:600;margin:0 0 4px;margin:0 0 var(--spacing-xs);text-align:center}.dark .grammar-menu-label,[data-theme=dark] .grammar-menu-label{color:#e8d5b0;color:var(--grammar-dark-text)}.grammar-menu-info{color:#666;color:var(--grammar-light-text-secondary);font-size:14px;font-weight:500;text-align:center}.dark .grammar-menu-info,[data-theme=dark] .grammar-menu-info{color:#b8a88c;color:var(--grammar-dark-text-secondary)}.grammar-menu-title{color:#2c1810;color:var(--grammar-light-text);font-size:16px;font-weight:600;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.dark .grammar-menu-title,[data-theme=dark] .grammar-menu-title{color:#e8d5b0;color:var(--grammar-dark-text)}.grammar-menu-description{color:#666;color:var(--grammar-light-text-secondary);font-size:14px}.dark .grammar-menu-description,[data-theme=dark] .grammar-menu-description{color:#b8a88c;color:var(--grammar-dark-text-secondary)}.grammar-menu-badge{align-items:center;background:#c9a961;background:var(--gold-primary);border-radius:12px;color:#fafafa;color:var(--grammar-light-bg);display:inline-flex;font-size:12px;font-weight:700;justify-content:center;margin-left:8px;margin-left:var(--spacing-sm);padding:4px 8px}.dark .grammar-menu-badge,[data-theme=dark] .grammar-menu-badge{background:#dbc4a0;background:var(--gold-light);color:#1a1613;color:var(--grammar-dark-bg)}.grammar-action-button{align-items:center;background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);color:#fafafa;color:var(--grammar-light-bg);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;letter-spacing:.5px;padding:12px 24px;padding:var(--spacing-md) var(--spacing-xl);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.grammar-action-button:hover{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-gold);transform:translateY(-2px)}.grammar-action-button:active{transform:translateY(0)}.grammar-action-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.dark .grammar-action-button,[data-theme=dark] .grammar-action-button{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));color:#1a1613;color:var(--grammar-dark-bg)}.grammar-action-button.primary{background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:none;color:#fafafa;color:var(--grammar-light-bg)}.dark .grammar-action-button.primary,[data-theme=dark] .grammar-action-button.primary{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));color:#1a1613;color:var(--grammar-dark-bg)}.grammar-action-button.secondary{background:#fff;background:var(--grammar-light-card);border:2px solid #eee;border:2px solid var(--grammar-light-border);box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);color:#2c1810;color:var(--grammar-light-text)}.grammar-action-button.secondary:hover{background:#fafafa;background:var(--grammar-light-bg);border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);color:#c9a961;color:var(--gold-primary)}.dark .grammar-action-button.secondary,[data-theme=dark] .grammar-action-button.secondary{background:#2a2621;background:var(--grammar-dark-card);border-color:#3a3530;border-color:var(--grammar-dark-border);color:#e8d5b0;color:var(--grammar-dark-text)}.dark .grammar-action-button.secondary:hover,[data-theme=dark] .grammar-action-button.secondary:hover{background:#1a1613;background:var(--grammar-dark-bg);border-color:#c9a961;border-color:var(--gold-primary);color:#dbc4a0;color:var(--gold-light)}.grammar-action-button.danger{background:linear-gradient(135deg,#ef5350,#c62828);color:#fff}.grammar-action-button.danger:hover{background:linear-gradient(135deg,#f44336,#ef5350);box-shadow:0 4px 16px #ef535066}.grammar-sticky-button{align-items:center;background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f,0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-lg),var(--shadow-gold);color:#fafafa;color:var(--grammar-light-bg);cursor:pointer;display:inline-flex;font-size:18px;font-weight:700;gap:8px;gap:var(--spacing-sm);justify-content:center;letter-spacing:.5px;margin:16px 0;margin:var(--spacing-lg) 0;padding:16px 24px;padding:var(--spacing-lg) var(--spacing-xl);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:100%}.grammar-sticky-button:hover{box-shadow:0 20px 25px #0000000a,0 10px 10px #0000000f,0 8px 24px #c9a96166;box-shadow:var(--shadow-xl),0 8px 24px #c9a96166;transform:translateY(-2px)}.dark .grammar-sticky-button,.grammar-sticky-button:hover,[data-theme=dark] .grammar-sticky-button{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary))}.dark .grammar-sticky-button,[data-theme=dark] .grammar-sticky-button{color:#1a1613;color:var(--grammar-dark-bg)}.mobile-fixed-button{align-items:center;background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:none;border-radius:16px;border-radius:var(--radius-xl);bottom:16px;bottom:var(--spacing-lg);box-shadow:0 20px 25px #0000000a,0 10px 10px #0000000f,0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-xl),var(--shadow-gold);color:#fafafa;color:var(--grammar-light-bg);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;gap:var(--spacing-sm);left:50%;padding:12px 24px;padding:var(--spacing-md) var(--spacing-xl);position:fixed;transform:translateX(-50%);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);z-index:100}.mobile-fixed-button:hover{box-shadow:0 20px 25px #0000000a,0 10px 10px #0000000f,0 8px 24px #c9a96180;box-shadow:var(--shadow-xl),0 8px 24px #c9a96180;transform:translateX(-50%) translateY(-2px)}.dark .mobile-fixed-button,[data-theme=dark] .mobile-fixed-button{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));color:#1a1613;color:var(--grammar-dark-bg)}.word-list-container{grid-gap:12px;grid-gap:var(--spacing-md);display:grid;gap:12px;gap:var(--spacing-md);margin-bottom:24px;margin-bottom:var(--spacing-xl)}.word-item-card{align-items:center;background:#fff;background:var(--grammar-light-card);border:1px solid #eee;border:1px solid var(--grammar-light-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:16px;padding:var(--spacing-lg);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.word-item-card:hover{border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.dark .word-item-card,[data-theme=dark] .word-item-card{background:#2a2621;background:var(--grammar-dark-card);border-color:#3a3530;border-color:var(--grammar-dark-border)}.word-content{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.word-content h4{color:#2c1810;color:var(--grammar-light-text);font-size:18px;font-weight:600;margin:0}.dark .word-content h4,[data-theme=dark] .word-content h4{color:#e8d5b0;color:var(--grammar-dark-text)}.word-content p{color:#666;color:var(--grammar-light-text-secondary);font-size:14px;font-style:italic;margin:0}.dark .word-content p,[data-theme=dark] .word-content p{color:#b8a88c;color:var(--grammar-dark-text-secondary)}.word-check{align-items:center;background:#4caf501a;border-radius:50%;border-radius:var(--radius-full);color:#4caf50;display:flex;height:32px;justify-content:center;margin-left:12px;margin-left:var(--spacing-md);width:32px}.word-main{color:#2c1810;color:var(--grammar-light-text);font-size:18px;font-weight:700;margin:0 0 4px;margin:0 0 var(--spacing-xs)}.dark .word-main,[data-theme=dark] .word-main{color:#e8d5b0;color:var(--grammar-dark-text)}.word-phonetic{color:#c9a961;color:var(--gold-primary);font-size:14px;font-style:italic;margin:0 0 4px;margin:0 0 var(--spacing-xs)}.dark .word-phonetic,[data-theme=dark] .word-phonetic{color:#dbc4a0;color:var(--gold-light)}.word-translation{color:var(--grammar-light-text-secondary);font-size:14px;font-weight:500;margin:0}.dark .word-translation,[data-theme=dark] .word-translation{color:#b8a88c;color:var(--grammar-dark-text-secondary)}.word-item-text{flex:1 1}.word-item-wolof{color:#2c1810;color:var(--grammar-light-text);font-size:18px;font-weight:600;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.dark .word-item-wolof,[data-theme=dark] .word-item-wolof{color:#e8d5b0;color:var(--grammar-dark-text)}.word-item-french{color:#666;color:var(--grammar-light-text-secondary);font-size:14px;font-style:italic}.dark .word-item-french,[data-theme=dark] .word-item-french{color:#b8a88c;color:var(--grammar-dark-text-secondary)}.audio-button,.learn-mode-audio-button{align-items:center;background:#0000;border:2px solid #c9a961;border:2px solid var(--gold-primary);border-radius:50%;border-radius:var(--radius-full);color:#c9a961;color:var(--gold-primary);cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:40px}.audio-button:hover,.learn-mode-audio-button:hover{background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-gold);color:#fafafa;color:var(--grammar-light-bg);transform:scale(1.1)}.dark .audio-button,.dark .learn-mode-audio-button,[data-theme=dark] .audio-button,[data-theme=dark] .learn-mode-audio-button{border-color:#c9a961;border-color:var(--gold-primary);color:#dbc4a0;color:var(--gold-light)}.dark .audio-button:hover,.dark .learn-mode-audio-button:hover,[data-theme=dark] .audio-button:hover,[data-theme=dark] .learn-mode-audio-button:hover{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));color:#1a1613;color:var(--grammar-dark-bg)}.test-card{background:#fff;background:var(--grammar-light-card);border:1px solid #eee;border-top:3px solid #c9a961;border:1px solid var(--grammar-light-border);border-radius:12px;border-radius:var(--radius-lg);border-top:3px solid var(--gold-primary);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);margin-bottom:24px;margin-bottom:var(--spacing-xl);overflow:hidden;padding:24px;padding:var(--spacing-xl);position:relative}.test-card:before{background:linear-gradient(90deg,#8b6914,#c9a961,#dbc4a0);background:linear-gradient(90deg,var(--gold-dark),var(--gold-primary),var(--gold-light));box-shadow:0 0 12px #c9a96166;content:"";height:3px;left:0;position:absolute;right:0;top:0}.dark .test-card,[data-theme=dark] .test-card{background:#2a2621;background:var(--grammar-dark-card);border-color:#3a3530;border-color:var(--grammar-dark-border);border-top-color:#c9a961;border-top-color:var(--gold-primary)}.test-progress{margin-bottom:16px;margin-bottom:var(--spacing-lg);text-align:center}.test-progress h3{color:#2c1810;color:var(--grammar-light-text);font-size:18px;font-weight:600;margin:0 0 4px;margin:0 0 var(--spacing-xs)}.dark .test-progress h3,[data-theme=dark] .test-progress h3{color:#e8d5b0;color:var(--grammar-dark-text)}.test-content{gap:16px;gap:var(--spacing-lg)}.test-content,.test-content-inner{display:flex;flex-direction:column}.test-content-inner{gap:12px;gap:var(--spacing-md)}.test-question{color:#2c1810;color:var(--grammar-light-text);font-size:20px;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-lg);text-align:center}.dark .test-question,[data-theme=dark] .test-question{color:#e8d5b0;color:var(--grammar-dark-text)}.test-word{color:#c9a961;color:var(--gold-primary);font-size:28px;font-weight:700;margin:16px 0;margin:var(--spacing-lg) 0;text-align:center}.dark .test-word,[data-theme=dark] .test-word{color:#dbc4a0;color:var(--gold-light)}.options-container,.options-grid{grid-gap:12px;grid-gap:var(--spacing-md);display:grid;gap:12px;gap:var(--spacing-md);margin-bottom:16px;margin-bottom:var(--spacing-lg)}.option-button{background:#fff;background:var(--grammar-light-card);border:2px solid #eee;border:2px solid var(--grammar-light-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);color:#2c1810;color:var(--grammar-light-text);cursor:pointer;font-size:16px;font-weight:500;padding:16px;padding:var(--spacing-lg);text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.option-button:hover{background:#c9a9610d;border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.dark .option-button,[data-theme=dark] .option-button{background:#2a2621;background:var(--grammar-dark-card);border-color:#3a3530;border-color:var(--grammar-dark-border);color:#e8d5b0;color:var(--grammar-dark-text)}.dark .option-button:hover,[data-theme=dark] .option-button:hover{background:#daa52014;border-color:#c9a961;border-color:var(--gold-primary)}.option-button.correct{background:#4caf501a;border-color:#4caf50;border-left-width:4px;color:#4caf50}.option-button.incorrect{background:#ef44441a;border-color:#ef5350;border-left-width:4px;color:#ef5350}.option-button.selected{background:#c9a9611a;border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-gold)}.dark .option-button.selected,[data-theme=dark] .option-button.selected{background:#daa52026}.feedback{border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);font-weight:600;margin-top:12px;margin-top:var(--spacing-md);padding:16px;padding:var(--spacing-lg);text-align:center}.feedback.correct{background:#4caf501a;border:2px solid #4caf50;border-left-width:4px;color:#4caf50}.feedback.incorrect{background:#ef44441a;border:2px solid #ef5350;border-left-width:4px;color:#ef5350}.feedback-message{border-radius:8px;box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-lg);padding:16px;text-align:center}.feedback-message.correct{border:2px solid #4caf50;border-left-width:4px;color:#4caf50}.feedback-message.incorrect{background:#ef44441a;border:2px solid #ef5350;border-left-width:4px;color:#ef5350}.feedback-badge{align-items:center;background:#c9a961;background:var(--gold-primary);border-radius:20px;box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);color:#fafafa;color:var(--grammar-light-bg);display:inline-flex;font-size:14px;font-weight:700;gap:4px;gap:var(--spacing-xs);padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md)}.dark .feedback-badge,[data-theme=dark] .feedback-badge{background:#dbc4a0;background:var(--gold-light);color:#1a1613;color:var(--grammar-dark-bg)}.correct-answer-display{background:#4caf500d;border-left:3px solid #4caf50;border-radius:6px;border-radius:var(--radius-sm);margin-top:12px;margin-top:var(--spacing-md);padding:12px;padding:var(--spacing-md)}.score-display{color:#c9a961;color:var(--gold-primary);font-size:24px;font-weight:700;margin-bottom:16px;margin-bottom:var(--spacing-lg);text-align:center;text-shadow:0 2px 4px #0000001a}.dark .score-display,[data-theme=dark] .score-display{color:#dbc4a0;color:var(--gold-light)}.summary-container{padding:24px;padding:var(--spacing-xl);text-align:center}.summary-title{color:#2c1810;color:var(--grammar-light-text);font-size:28px;font-weight:700;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.dark .summary-title,[data-theme=dark] .summary-title{color:#e8d5b0;color:var(--grammar-dark-text)}.summary-score{color:#c9a961;color:var(--gold-primary);font-size:48px;font-weight:700;margin-bottom:24px;margin-bottom:var(--spacing-xl);text-shadow:0 4px 8px #0000001a}.dark .summary-score,[data-theme=dark] .summary-score{color:#dbc4a0;color:var(--gold-light)}.summary-stats{grid-gap:16px;gap:16px;margin-bottom:24px}.summary-stat-item{background:#fff;background:var(--grammar-light-card);border:1px solid #eee;border-top:3px solid #c9a961;border:1px solid var(--grammar-light-border);border-radius:8px;border-radius:var(--radius-md);border-top:3px solid var(--gold-primary);box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);overflow:hidden;padding:16px;padding:var(--spacing-lg);position:relative}.summary-stat-item:before{background:linear-gradient(90deg,#8b6914,#c9a961,#dbc4a0);background:linear-gradient(90deg,var(--gold-dark),var(--gold-primary),var(--gold-light));box-shadow:0 0 12px #c9a96166;content:"";height:3px;left:0;position:absolute;right:0;top:0}.dark .summary-stat-item,[data-theme=dark] .summary-stat-item{background:#2a2621;background:var(--grammar-dark-card);border-color:#3a3530;border-color:var(--grammar-dark-border)}.summary-stat-label{color:#666;color:var(--grammar-light-text-secondary);font-size:14px;letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.dark .summary-stat-label,[data-theme=dark] .summary-stat-label{color:#b8a88c;color:var(--grammar-dark-text-secondary)}.summary-stat-value{color:#c9a961;color:var(--gold-primary);font-size:28px;font-weight:700}.dark .summary-stat-value,[data-theme=dark] .summary-stat-value{color:#dbc4a0;color:var(--gold-light)}.summary-actions{display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-md);justify-content:center;margin-top:24px;margin-top:var(--spacing-xl)}.mastered-rules{grid-gap:12px;grid-gap:var(--spacing-md);display:grid;gap:12px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:24px;margin-bottom:var(--spacing-xl)}.mastered-word-card{background:#fff;background:var(--grammar-light-card);border:2px solid #c9a961;border:2px solid var(--gold-primary);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);padding:16px;padding:var(--spacing-lg);padding-right:40px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.mastered-word-card:hover{box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f,0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-lg),var(--shadow-gold);transform:translateY(-2px)}.dark .mastered-word-card,[data-theme=dark] .mastered-word-card{background:#2a2621;background:var(--grammar-dark-card);border-color:#dbc4a0;border-color:var(--gold-light)}.mastery-icon{align-items:center;color:#c9a961;color:var(--gold-primary);display:flex;justify-content:center;position:absolute;right:12px;right:var(--spacing-md);top:12px;top:var(--spacing-md)}.dark .mastery-icon,[data-theme=dark] .mastery-icon{color:#dbc4a0;color:var(--gold-light)}.grammar-stats-container{display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-md);justify-content:center;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.grammar-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--grammar-light-card);border:2px solid #eee;border:2px solid var(--grammar-light-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);flex:1 1;max-width:200px;min-width:120px;padding:12px;padding:var(--spacing-md);text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.grammar-stat-card:hover{box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.dark .grammar-stat-card,[data-theme=dark] .grammar-stat-card{background:#2a2621;background:var(--grammar-dark-card);border-color:#3a3530;border-color:var(--grammar-dark-border)}.grammar-stat-title{color:#666;color:var(--grammar-light-text-secondary);font-size:14px;font-weight:500;margin:0 0 8px;margin:0 0 var(--spacing-sm)}.dark .grammar-stat-title,[data-theme=dark] .grammar-stat-title{color:#b8a88c;color:var(--grammar-dark-text-secondary)}.grammar-stat-value{color:#2c1810;color:var(--grammar-light-text);font-size:24px;font-weight:700;margin:0}.dark .grammar-stat-value,[data-theme=dark] .grammar-stat-value{color:#e8d5b0;color:var(--grammar-dark-text)}.completed-message{align-items:center;display:flex;flex-direction:column;gap:12px;gap:var(--spacing-md);padding:24px;padding:var(--spacing-xl);text-align:center}.completed-message p{color:#2c1810;color:var(--grammar-light-text);font-size:18px;margin:0}.dark .completed-message p,[data-theme=dark] .completed-message p{color:#e8d5b0;color:var(--grammar-dark-text)}.continue-button{background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f;box-shadow:var(--shadow-lg);color:#fafafa;color:var(--grammar-light-bg);display:inline-flex;font-size:18px;gap:8px;gap:var(--spacing-sm);letter-spacing:.5px;margin:24px auto;margin:var(--spacing-xl) auto;padding:var(--spacing-lg) var(--spacing-xl);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.continue-button:hover{box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-gold);transform:translateY(-2px)}.continue-button:hover,.dark .continue-button,[data-theme=dark] .continue-button{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary))}.dark .continue-button,[data-theme=dark] .continue-button{color:#1a1613;color:var(--grammar-dark-bg)}.word-list-scrollable{max-height:400px;overflow-y:auto;padding-right:8px}.loading-overlay{color:#2c1810;color:var(--grammar-light-text);font-size:18px;font-weight:600;min-height:400px;padding:24px;padding:var(--spacing-xl);text-align:center}.loading-overlay:after{animation:spinner .8s linear infinite;border:3px solid #c9a961;border:3px solid var(--gold-primary);border-radius:50%;border-top:3px solid #0000;content:"";display:inline-block;height:20px;margin-left:12px;margin-left:var(--spacing-md);width:20px}@keyframes spinner{to{transform:rotate(1turn)}}.dark .loading-overlay,[data-theme=dark] .loading-overlay{color:#e8d5b0;color:var(--grammar-dark-text)}.grammar-error{align-items:center;background:#ef44441a;border:2px solid #ef5350;border-radius:12px;border-radius:var(--radius-lg);color:#ef5350;display:flex;font-size:16px;font-weight:600;justify-content:center;min-height:300px;padding:24px;padding:var(--spacing-xl);text-align:center}.grammar-error:before{content:"⚠️";font-size:32px;margin-right:12px;margin-right:var(--spacing-md)}.dark .grammar-error,[data-theme=dark] .grammar-error{background:#ef444426}.component-wrapper{display:flex;justify-content:center;padding:12px;padding:var(--spacing-md);width:100%}.empty-state{background:#fff;background:var(--grammar-light-card);border:2px dashed #eee;border:2px dashed var(--grammar-light-border);border-radius:12px;border-radius:var(--radius-lg);margin:24px 0;margin:var(--spacing-xl) 0;padding:24px;padding:var(--spacing-xl);text-align:center}.empty-state-icon{font-size:48px;opacity:.5}.empty-state-icon,.empty-state-text{margin-bottom:12px;margin-bottom:var(--spacing-md)}.empty-state-text{color:#666;color:var(--grammar-light-text-secondary);font-size:16px}.dark .empty-state,[data-theme=dark] .empty-state{background:#2a2621;background:var(--grammar-dark-card);border-color:#3a3530;border-color:var(--grammar-dark-border)}.dark .empty-state-text,[data-theme=dark] .empty-state-text{color:#b8a88c;color:var(--grammar-dark-text-secondary)}.completed-category{background:#4caf501a!important;border-color:#4caf50!important;border-left-width:4px!important}.completed-badge{border-radius:20px;font-size:12px;font-weight:700;gap:4px;gap:var(--spacing-xs);letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.completed-badge,.completion-checkmark{align-items:center;background:#4caf50;color:#fff;display:inline-flex}.completion-checkmark{border-radius:50%;border-radius:var(--radius-full);height:24px;justify-content:center;margin-left:auto;width:24px}.preview-container{align-items:center;display:flex;flex-direction:column;gap:24px;gap:var(--spacing-xl)}.preview-container,.preview-word-card{padding:24px;padding:var(--spacing-xl)}.preview-word-card{background:#fff;background:var(--grammar-light-card);border:2px solid #eee;border-left:4px solid #c9a961;border:2px solid var(--grammar-light-border);border-left:4px solid var(--gold-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f;box-shadow:var(--shadow-lg);max-width:600px;overflow:hidden;position:relative;text-align:center;width:100%}.preview-word-card:before{background:linear-gradient(90deg,#8b6914,#c9a961,#dbc4a0);background:linear-gradient(90deg,var(--gold-dark),var(--gold-primary),var(--gold-light));box-shadow:0 0 12px #c9a96166;content:"";height:4px;left:0;position:absolute;right:0;top:0}.dark .preview-word-card,[data-theme=dark] .preview-word-card{background:#2a2621;background:var(--grammar-dark-card);border-color:#3a3530;border-color:var(--grammar-dark-border);border-left-color:#c9a961;border-left-color:var(--gold-primary)}.preview-word{color:#c9a961;color:var(--gold-primary);font-size:32px;font-weight:700;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.dark .preview-word,[data-theme=dark] .preview-word{color:#dbc4a0;color:var(--gold-light)}.preview-translation{color:#2c1810;color:var(--grammar-light-text);font-size:20px;font-weight:500;margin-bottom:12px;margin-bottom:var(--spacing-md)}.dark .preview-translation,[data-theme=dark] .preview-translation{color:#e8d5b0;color:var(--grammar-dark-text)}.preview-category{color:#666;color:var(--grammar-light-text-secondary);font-size:14px;font-style:italic}.dark .preview-category,[data-theme=dark] .preview-category{color:#b8a88c;color:var(--grammar-dark-text-secondary)}.preview-navigation{align-items:center;display:flex;gap:24px;gap:var(--spacing-xl);margin-top:16px;margin-top:var(--spacing-lg)}.preview-progress{color:#2c1810;color:var(--grammar-light-text);font-size:16px;font-weight:600;min-width:100px;text-align:center}.dark .preview-progress,[data-theme=dark] .preview-progress{color:#e8d5b0;color:var(--grammar-dark-text)}.preview-nav-button{align-items:center;background:#fff;background:var(--grammar-light-card);border:2px solid #eee;border:2px solid var(--grammar-light-border);border-radius:50%;border-radius:var(--radius-full);color:#c9a961;color:var(--gold-primary);cursor:pointer;display:inline-flex;height:48px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:48px}.preview-nav-button:hover:not(:disabled){background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a;box-shadow:var(--shadow-gold);color:#fafafa;color:var(--grammar-light-bg);transform:scale(1.1)}.preview-nav-button:disabled{cursor:not-allowed;opacity:.3}.dark .preview-nav-button,[data-theme=dark] .preview-nav-button{background:#2a2621;background:var(--grammar-dark-card);border-color:#3a3530;border-color:var(--grammar-dark-border);color:#dbc4a0;color:var(--gold-light)}.dark .preview-nav-button:hover:not(:disabled),[data-theme=dark] .preview-nav-button:hover:not(:disabled){background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));color:#1a1613;color:var(--grammar-dark-bg)}.grammar-menu-item,.option-button,.word-item-card{animation:fadeIn .3s ease-out}@media (max-width:768px){.grammar-main-container{padding:16px;padding:var(--spacing-lg)}.grammar-main-container:before{font-size:100px}.grammar-logo-title:before{display:none}.summary-stats{grid-template-columns:1fr}.grammar-badge{font-size:16px;height:48px;width:48px}.grammar-menu-icon{font-size:20px;height:40px;width:40px}.start-learning-button{font-size:16px;min-width:200px;padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg)}.preview-word{font-size:28px}.preview-translation{font-size:18px}.grammar-menu-label{font-size:14px}.grammar-menu-info{font-size:12px}}@media (max-width:480px){.grammar-main-container{padding:12px;padding:var(--spacing-md)}.grammar-main-container:before{font-size:80px;right:-10px;top:-10px}.grammar-header h1,.grammar-header h2{font-size:20px}.grammar-badge{font-size:14px;height:40px;width:40px}.mobile-header-back-button{height:36px;width:36px}.start-learning-button{font-size:14px;min-width:100%}.preview-word{font-size:24px}.preview-translation{font-size:16px}.preview-navigation{gap:12px;gap:var(--spacing-md)}.preview-nav-button{height:40px;width:40px}}.word-list-scrollable::-webkit-scrollbar{width:8px}.word-list-scrollable::-webkit-scrollbar-track{background:#fafafa;background:var(--grammar-light-bg);border-radius:4px}.word-list-scrollable::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b6914,#c9a961);background:linear-gradient(to bottom,var(--gold-dark),var(--gold-primary));border-radius:4px}.word-list-scrollable::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c9a961,#dbc4a0);background:linear-gradient(to bottom,var(--gold-primary),var(--gold-light))}.dark .word-list-scrollable::-webkit-scrollbar-track,[data-theme=dark] .word-list-scrollable::-webkit-scrollbar-track{background:#1a1613;background:var(--grammar-dark-bg)}.dark .word-list-scrollable::-webkit-scrollbar-thumb,[data-theme=dark] .word-list-scrollable::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c9a961,#dbc4a0);background:linear-gradient(to bottom,var(--gold-primary),var(--gold-light))}@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}.grammar-progress-fill:after{display:none}}@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:#c9a961!important;background:var(--gold-primary)!important}}@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 #8b6914!important;border:1px solid var(--gold-dark)!important;color:#2c1810!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}}.continue-button,.grammar-action-button,.grammar-menu-item,.option-button{-webkit-backface-visibility:hidden;backface-visibility:hidden;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)}.grammar-spacing-sm{margin:8px;margin:var(--spacing-sm)}.grammar-spacing-md{margin:12px;margin:var(--spacing-md)}.grammar-spacing-lg{margin:16px;margin:var(--spacing-lg)}.grammar-spacing-xl{margin:24px;margin:var(--spacing-xl)}.grammar-text-primary{color:#2c1810!important;color:var(--grammar-light-text)!important}.grammar-text-secondary{color:#666!important;color:var(--grammar-light-text-secondary)!important}.dark .grammar-text-primary,[data-theme=dark] .grammar-text-primary{color:#e8d5b0!important;color:var(--grammar-dark-text)!important}.dark .grammar-text-secondary,[data-theme=dark] .grammar-text-secondary{color:#b8a88c!important;color:var(--grammar-dark-text-secondary)!important}.grammar-bg-card{background:#fff!important;background:var(--grammar-light-card)!important}.grammar-bg-primary{background:#c9a961!important;background:var(--gold-primary)!important}.dark .grammar-bg-card,[data-theme=dark] .grammar-bg-card{background:#2a2621!important;background:var(--grammar-dark-card)!important}.dark .grammar-bg-primary,[data-theme=dark] .grammar-bg-primary{background:#dbc4a0!important;background:var(--gold-light)!important}.hieroglyph{color:#c9a961!important;color:var(--gold-primary)!important;filter:drop-shadow(0 0 4px rgba(201,169,97,.3))!important}.gold-border{border:2px solid #c9a961!important;border:2px solid var(--gold-primary)!important;box-shadow:0 4px 12px #c9a96126,0 0 8px #c9a9611a!important;box-shadow:var(--shadow-gold)!important}.egyptian-surface{background:#fff!important;background:var(--grammar-light-card)!important;border:1px solid #eee!important;border-left:4px solid #c9a961!important;border:1px solid var(--grammar-light-border)!important;border-left:4px solid var(--gold-primary)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f!important;box-shadow:var(--shadow-md)!important}.dark .egyptian-surface,[data-theme=dark] .egyptian-surface{background:#2a2621!important;background:var(--grammar-dark-card)!important;border-color:#3a3530!important;border-color:var(--grammar-dark-border)!important;border-left-color:#c9a961!important;border-left-color:var(--gold-primary)!important}@media (prefers-color-scheme:dark){.grammar-main-container:not(.light):not([data-theme=light]){background:#2a2621;background:var(--grammar-dark-card);border-color:#3a3530;border-color:var(--grammar-dark-border);color:#e8d5b0;color:var(--grammar-dark-text)}}@media (prefers-color-scheme:light){.grammar-main-container:not(.dark):not([data-theme=dark]){background:#fff;background:var(--grammar-light-card);border-color:#eee;border-color:var(--grammar-light-border);color:#2c1810;color:var(--grammar-light-text)}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.grammar-level-card,.grammar-main-container,.grammar-menu-item{background:#fff!important;background:var(--grammar-light-card)!important}.dark .grammar-level-card,.dark .grammar-main-container,.dark .grammar-menu-item{background:#2a2621!important;background:var(--grammar-dark-card)!important}}*{transition:color .3s ease,background-color .3s ease,border-color .3s ease}.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}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}:root,[data-theme=light]{--gold-primary:#c9a961;--gold-dark:#8b6914;--gold-light:#dbc4a0;--gold-glow:#c9a96126;--bg-primary:#fafafa;--bg-secondary:#f5f5f5;--surface:#fff;--surface-hover:#fafafa;--surface-elevated:#f5f5f5;--text-primary:#2c1810;--text-secondary:#666;--text-tertiary:#999;--border-light:#eee;--border-medium:#e0e0e0;--border-dark:#ccc;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #0000000f;--shadow-md:0 4px 6px #0000000a,0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000000a,0 4px 6px #0000000f;--shadow-xl:0 20px 25px #0000000a,0 10px 10px #0000000f;--shadow-gold:0 4px 12px #c9a96126;--accent-success:#4caf50;--accent-warning:#ffa726;--accent-error:#ef5350;--accent-info:#40e0d0;--watermark-opacity:0.03;--transition-base:250ms cubic-bezier(0.4,0,0.2,1)}.dark,[data-theme=dark]{--gold-primary:#daa520;--gold-dark:#b8860b;--gold-light:#e8b84d;--gold-glow:#daa5204d;--bg-primary:#1a1613;--bg-secondary:#232019;--surface:#2a2621;--surface-hover:#332f28;--surface-elevated:#3a3530;--text-primary:#e8d5b0;--text-secondary:#b8a88c;--text-tertiary:#8b7d6b;--border-light:#3a3530;--border-medium:#4a423a;--border-dark:#5a524a;--shadow-sm:0 2px 4px #0000004d,0 1px 2px #0003;--shadow-md:0 4px 8px #00000059,0 2px 4px #00000040;--shadow-lg:0 10px 20px #0006,0 4px 8px #0000004d;--shadow-xl:0 20px 40px #00000073,0 10px 15px #00000059;--shadow-gold:0 4px 16px #daa52040,0 0 8px #daa52026;--accent-success:#66bb6a;--accent-warning:#ffa726;--accent-error:#ef5350;--accent-info:#40e0d0;--watermark-opacity:0.06}.revision-mode-wrapper{-webkit-font-smoothing:antialiased;align-items:center;background:linear-gradient(135deg,#fafafa,#f5f5f5);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);box-sizing:border-box;color:#2c1810;color:var(--text-primary);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;justify-content:flex-start;min-height:100vh;overflow-x:hidden;padding:24px;padding:var(--spacing-lg);position:relative;transition:background .4s ease,color .3s ease;width:100%}.dark .revision-mode-wrapper:before,[data-theme=dark] .revision-mode-wrapper:before{background-image:radial-gradient(circle at 20% 50%,#daa52008 0,#0000 50%),radial-gradient(circle at 80% 80%,#daa52005 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.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%;z-index:1}.revision-back-button-top{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--surface);border:1px solid #eee;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);color:#2c1810;color:var(--text-primary);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 .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);-webkit-user-select:none;user-select:none;z-index:100}.revision-back-button-top:hover{background:#fafafa;background:var(--surface-hover);border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f,0 4px 12px #c9a96126;box-shadow:var(--shadow-lg),var(--shadow-gold);transform:translateY(-2px)}.revision-back-button-top:active{transform:translateY(0)}.revision-header{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:1px solid #eee;border-left:4px solid #dbc4a0;border:1px solid var(--border-light);border-left:4px solid var(--gold-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 4px 12px #c9a96126;box-shadow:var(--shadow-md),var(--shadow-gold);color:#fafafa;color:var(--bg-primary);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;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.revision-header:before{color:#dbc4a0;color:var(--gold-light);content:"𓂀";font-size:140px;opacity:.03;opacity:var(--watermark-opacity);pointer-events:none;position:absolute;right:-20px;top:-20px;z-index:0}.revision-title{color:inherit;font-size:clamp(24px,4vw,32px);font-weight:700;letter-spacing:.5px;line-height:1.2;margin:0;position:relative;text-align:center;text-shadow:0 2px 4px #0003;z-index:1}.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{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-color:#8b6914 #0000;scrollbar-color:var(--gold-dark) #0000;scrollbar-width:thin;width:100%}.categories-container::-webkit-scrollbar{height:10px}.categories-container::-webkit-scrollbar-track{background:#f5f5f5;background:var(--bg-secondary)}.categories-container::-webkit-scrollbar-thumb{background:#8b6914;background:var(--gold-dark);border-radius:5px;-webkit-transition:background .3s ease;transition:background .3s ease}.categories-container::-webkit-scrollbar-thumb:hover{background:#c9a961;background:var(--gold-primary)}.category-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--surface);border:1px solid #eee;border-left:4px solid #c9a961;border:1px solid var(--border-light);border-left:4px solid var(--gold-primary);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);color:#2c1810;color:var(--text-primary);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 .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.category-card:before{color:#c9a961;color:var(--gold-primary);content:"𓂀";font-size:100px;opacity:.03;opacity:var(--watermark-opacity);pointer-events:none;position:absolute;right:-15px;top:-15px;z-index:0}.category-card:hover{background:#fafafa;background:var(--surface-hover);border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f,0 4px 12px #c9a96126;box-shadow:var(--shadow-lg),var(--shadow-gold);transform:translateY(-4px)}.category-card.selected{background:#f5f5f5;background:var(--surface-elevated);border-color:#c9a961;border-color:var(--gold-primary);border-left-width:4px;box-shadow:0 0 0 3px #c9a96126;box-shadow:0 0 0 3px var(--gold-glow)}.category-card.grammar{border-left-color:#40e0d0;border-left-color:var(--accent-info)}.category-illustration{align-items:center;display:flex;filter:drop-shadow(0 0 4px rgba(201,169,97,.2));font-size:2.5rem;height:60px;justify-content:center;margin-bottom:8px;margin-bottom:var(--spacing-sm);position:relative;z-index:1}.category-name{color:#2c1810;color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0}.category-name,.category-stats{position:relative;text-align:center;z-index:1}.category-stats{color:#666;color:var(--text-secondary);font-size:.9rem;margin:0;opacity:.9}.carousel-button{align-items:center;background:#fff;background:var(--surface);border:1px solid #eee;border:1px solid var(--border-light);border-radius:50%;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);color:#2c1810;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:40px;z-index:2}.carousel-button:hover{background:#c9a961;background:var(--gold-primary);border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 4px 12px #c9a96126;box-shadow:var(--shadow-gold);color:#fafafa;color:var(--bg-primary);transform:scale(1.1)}.carousel-button.disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.selected-category{background:#fff;background:var(--surface);border:1px solid #eee;border-left:4px solid #c9a961;border:1px solid var(--border-light);border-left:4px solid var(--gold-primary);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);margin:32px auto;margin:var(--spacing-xl) auto;max-width:900px;overflow:hidden;padding:32px;padding:var(--spacing-xl);position:relative;width:100%}.selected-category:before{color:#c9a961;color:var(--gold-primary);content:"𓂀";font-size:140px;opacity:.03;opacity:var(--watermark-opacity);pointer-events:none;position:absolute;right:-20px;top:-20px;z-index:0}.words-list-toggle{display:flex;justify-content:center;margin-bottom:24px;margin-bottom:var(--spacing-lg);position:relative;z-index:1}.toggle-words-button{align-items:center;background:#fafafa;background:var(--surface-hover);border:1px solid #eee;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);color:#2c1810;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:8px;gap:var(--spacing-sm);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.toggle-words-button:hover{background:#f5f5f5;background:var(--surface-elevated);border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 4px 12px #c9a96126;box-shadow:var(--shadow-gold);transform:translateY(-2px)}.words-list-container{margin-bottom:24px;margin-bottom:var(--spacing-lg);overflow:hidden;position:relative;z-index:1}.words-list{grid-gap:16px;grid-gap:var(--spacing-md);background:#f5f5f5;background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:400px;overflow-y:auto;padding:16px;padding:var(--spacing-md);scrollbar-color:#8b6914 #0000;scrollbar-color:var(--gold-dark) #0000;scrollbar-width:thin}.words-list::-webkit-scrollbar{width:10px}.words-list::-webkit-scrollbar-track{background:#f5f5f5;background:var(--bg-secondary)}.words-list::-webkit-scrollbar-thumb{background:#8b6914;background:var(--gold-dark);border-radius:5px}.words-list::-webkit-scrollbar-thumb:hover{background:#c9a961;background:var(--gold-primary)}.word-item{align-items:center;background:#fff;background:var(--surface);border:1px solid #eee;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:16px;padding:var(--spacing-md);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.word-item:hover{border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 4px 12px #c9a96126;box-shadow:var(--shadow-md),var(--shadow-gold);transform:translateX(4px)}.word-info{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.word-text{color:#2c1810;color:var(--text-primary);font-weight:600}.word-translation{color:#666;color:var(--text-secondary);font-size:.9rem}.audio-button{align-items:center;background:#fafafa;background:var(--surface-hover);border:1px solid #eee;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#c9a961;color:var(--gold-primary);cursor:pointer;display:flex;justify-content:center;padding:8px;padding:var(--spacing-sm);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.audio-button:hover{background:#c9a961;background:var(--gold-primary);box-shadow:0 4px 12px #c9a96126;box-shadow:var(--shadow-gold);color:#fafafa;color:var(--bg-primary);transform:scale(1.1)}.start-session-container{display:flex;justify-content:center;margin-top:24px;margin-top:var(--spacing-lg);position:relative;z-index:1}.start-mixed-revision-button{align-items:center;background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);color:#fafafa;color:var(--bg-primary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:16px;gap:var(--spacing-md);letter-spacing:.5px;padding:24px 32px;padding:var(--spacing-lg) var(--spacing-xl);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.start-mixed-revision-button:hover{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));box-shadow:0 20px 25px #0000000a,0 10px 10px #0000000f,0 4px 12px #c9a96126;box-shadow:var(--shadow-xl),var(--shadow-gold);transform:translateY(-2px)}.start-mixed-revision-button:active{transform:translateY(0)}.start-mixed-revision-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.exercise-header{background:#fff;background:var(--surface);border:1px solid #eee;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);gap:24px;gap:var(--spacing-lg);margin:0 auto 32px;margin:0 auto var(--spacing-xl);max-width:900px;overflow:hidden;padding:24px;padding:var(--spacing-lg)}.exercise-header:before{color:#c9a961;color:var(--gold-primary);content:"𓂀";font-size:100px;opacity:.03;opacity:var(--watermark-opacity);pointer-events:none;position:absolute;right:-15px;top:-15px;z-index:0}.exercise-progress{align-items:center;display:flex;gap:16px;gap:var(--spacing-md);position:relative;z-index:1}.progress-circle{flex-shrink:0}.progress-info{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.current-progress{color:#2c1810;color:var(--text-primary);font-weight:600}.exercise-type{color:#666;color:var(--text-secondary);font-size:.9rem}.exercise-category{position:relative;z-index:1}.category-badge{background:#c9a96126;border:1px solid #c9a9614d;border-radius:8px;border-radius:var(--radius-sm);color:#c9a961;color:var(--gold-primary);display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase}[data-theme=dark] .category-badge{background:#daa52033;border-color:#daa52066;color:#dbc4a0;color:var(--gold-light)}.test-container{display:flex;flex-direction:column;gap:32px;gap:var(--spacing-xl);margin:0 auto;max-width:900px;width:100%}.question-section{width:100%}.question-card{background:#fff;background:var(--surface);border:1px solid #eee;border-left:4px solid #c9a961;border:1px solid var(--border-light);border-left:4px solid var(--gold-primary);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;padding:32px;padding:var(--spacing-xl);position:relative;text-align:center}.question-card:before{color:#c9a961;color:var(--gold-primary);content:"𓂀";font-size:140px;opacity:.03;opacity:var(--watermark-opacity);pointer-events:none;position:absolute;right:-20px;top:-20px;z-index:0}.question-label{color:#666;color:var(--text-secondary);font-size:1rem;font-weight:500;margin-bottom:16px;margin-bottom:var(--spacing-md);position:relative;z-index:1}.word-to-translate{color:#2c1810;color:var(--text-primary);font-size:2rem;font-weight:700;margin:24px 0;margin:var(--spacing-lg) 0;position:relative;z-index:1}.question-hint{color:#999;color:var(--text-tertiary);font-size:.9rem;font-style:italic;margin-top:8px;margin-top:var(--spacing-sm);position:relative;z-index:1}.audio-button-large{align-items:center;background:#fafafa;background:var(--surface-hover);border:1px solid #eee;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);color:#c9a961;color:var(--gold-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;gap:var(--spacing-sm);margin-top:16px;margin-top:var(--spacing-md);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);z-index:1}.audio-button-large:hover{background:#c9a961;background:var(--gold-primary);border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 4px 12px #c9a96126;box-shadow:var(--shadow-gold);color:#fafafa;color:var(--bg-primary);transform:scale(1.05)}.answer-section{width:100%}.options-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.learn-mode-option{align-items:center;background:#fff;background:var(--surface);border:2px solid #eee;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);color:#2c1810;color:var(--text-primary);cursor:pointer;display:flex;gap:16px;gap:var(--spacing-md);overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.learn-mode-option:before{background:#c9a961;background:var(--gold-primary);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base);width:4px}.learn-mode-option:hover{background:#fafafa;background:var(--surface-hover);border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 4px 12px #c9a96126;box-shadow:var(--shadow-md),var(--shadow-gold);transform:translateY(-2px)}.learn-mode-option:hover:before{transform:scaleY(1)}.learn-mode-option.selected{background:#f5f5f5;background:var(--surface-elevated);border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 0 0 3px #c9a96126;box-shadow:0 0 0 3px var(--gold-glow)}.learn-mode-option.correct{animation:correct-pulse .5s ease;background:#4caf501a;border-color:#4caf50;border-color:var(--accent-success)}.learn-mode-option.incorrect{animation:shake .5s ease;background:#ef53501a;border-color:#ef5350;border-color:var(--accent-error)}.option-letter{align-items:center;background:#c9a961;background:var(--gold-primary);border-radius:50%;box-shadow:0 0 8px #c9a9614d;color:#fafafa;color:var(--bg-primary);display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;width:32px}.learn-mode-option.correct .option-letter{background:#4caf50;background:var(--accent-success)}.learn-mode-option.incorrect .option-letter{background:#ef5350;background:var(--accent-error)}.option-text{flex:1 1;font-size:1.1rem;font-weight:600}@keyframes correct-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.feedback-message{align-items:center;background:#fff;background:var(--surface);border:2px solid #e0e0e0;border:2px solid var(--border-medium);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);display:flex;gap:16px;gap:var(--spacing-md);margin-top:24px;margin-top:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.feedback-message.correct{background:#4caf501a;border-color:#4caf50;border-color:var(--accent-success)}.feedback-message.incorrect{background:#ef53501a;border-color:#ef5350;border-color:var(--accent-error)}.feedback-text{color:#2c1810;color:var(--text-primary);flex:1 1}.matching-test-container{display:flex;flex-direction:column;gap:32px;gap:var(--spacing-xl);margin:0 auto;max-width:1000px;width:100%}.matching-header{background:#fff;background:var(--surface);border:1px solid #eee;border-left:4px solid #c9a961;border:1px solid var(--border-light);border-left:4px solid var(--gold-primary);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);padding:24px;padding:var(--spacing-lg)}.matching-progress{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.progress-text{color:#2c1810;color:var(--text-primary);text-align:center}.progress-bar{background:#eee;background:var(--border-light);border-radius:20px;box-shadow:inset 0 2px 4px #0000001a;height:10px}.progress-fill{background:linear-gradient(90deg,#8b6914,#c9a961,#dbc4a0);background:linear-gradient(90deg,var(--gold-dark),var(--gold-primary),var(--gold-light));border-radius:20px;box-shadow:0 0 12px #c9a96166;transition:width .8s cubic-bezier(.4,0,.2,1)}.matching-instructions{padding:16px;padding:var(--spacing-md);text-align:center}.instruction-card{align-items:center;background:#f5f5f5;background:var(--surface-elevated);border:1px solid #eee;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);color:#666;color:var(--text-secondary);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}.matching-area{grid-gap:24px;grid-gap:var(--spacing-lg);align-items:start;display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:1fr auto 1fr}.translations-column,.words-column{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.column-header{background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);color:#fafafa;color:var(--bg-primary);padding:16px;padding:var(--spacing-md);text-align:center}.column-header h4{font-size:1rem;font-weight:700;letter-spacing:.5px;margin:0}.items-list{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.matching-item{background:#fff;background:var(--surface);border:2px solid #eee;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;padding:16px;padding:var(--spacing-md);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.matching-item:before{background:#c9a961;background:var(--gold-primary);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base);width:4px}.matching-item:hover{background:#fafafa;background:var(--surface-hover);border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 4px 12px #c9a96126;box-shadow:var(--shadow-md),var(--shadow-gold);transform:translateX(4px)}.matching-item:hover:before{transform:scaleY(1)}.matching-item.selected{background:#f5f5f5;background:var(--surface-elevated);border-color:#c9a961;border-color:var(--gold-primary);box-shadow:0 0 0 3px #c9a96126;box-shadow:0 0 0 3px var(--gold-glow)}.matching-item.matched{background:#4caf501a;border-color:#4caf50;border-color:var(--accent-success);cursor:default;opacity:.7}.matching-item.incorrect{animation:shake .5s ease;background:#ef53501a;border-color:#ef5350;border-color:var(--accent-error)}.matching-item.drop-active{background:#c9a96126;background:var(--gold-glow);border-color:#dbc4a0;border-color:var(--gold-light);border-style:dashed}.item-content{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm);justify-content:space-between}.item-text{color:#2c1810;color:var(--text-primary);flex:1 1;font-weight:600}.item-actions{align-items:center;display:flex;gap:4px;gap:var(--spacing-xs)}.match-icon{color:#4caf50;color:var(--accent-success)}.incorrect-icon{color:#ef5350;color:var(--accent-error)}.connection-indicator{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);justify-content:center}.connection-line{background:#e0e0e0;background:var(--border-medium);height:100px;overflow:hidden;position:relative;width:2px}.line-animation{animation:slide-down 2s infinite;background:linear-gradient(180deg,#0000,#c9a961,#0000);background:linear-gradient(to bottom,#0000,var(--gold-primary),#0000);height:20px;left:0;position:absolute;top:0;width:100%}@keyframes slide-down{0%{transform:translateY(-20px)}to{transform:translateY(120px)}}.connection-icon{color:#c9a961;color:var(--gold-primary);filter:drop-shadow(0 0 4px rgba(201,169,97,.3));font-size:2rem}.exercise-progress-container{background:#fff;background:var(--surface);border:1px solid #eee;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);margin:32px auto 0;margin:var(--spacing-xl) auto 0;max-width:900px;padding:16px;padding:var(--spacing-md);width:100%}.exercise-progress-bar{background:#eee;background:var(--border-light);border-radius:20px;box-shadow:inset 0 2px 4px #0000001a;height:8px;margin-bottom:8px;margin-bottom:var(--spacing-sm);overflow:hidden}.progress-labels{color:#666;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between}.revision-complete{background:#fff;background:var(--surface);border:1px solid #eee;border-left:4px solid #c9a961;border:1px solid var(--border-light);border-left:4px solid var(--gold-primary);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f;box-shadow:var(--shadow-lg);margin:0 auto;max-width:900px;overflow:hidden;padding:48px 32px;padding:var(--spacing-2xl) var(--spacing-xl);position:relative;width:100%}.revision-complete:before{color:#c9a961;color:var(--gold-primary);content:"𓂀";font-size:200px;opacity:.03;opacity:var(--watermark-opacity);pointer-events:none;position:absolute;right:-30px;top:-30px;z-index:0}.completion-header{margin-bottom:32px;margin-bottom:var(--spacing-xl);position:relative;text-align:center;z-index:1}.completion-icon{animation:bounce 1s ease infinite;font-size:4rem;margin-bottom:16px;margin-bottom:var(--spacing-md)}.completion-header h2{color:#2c1810;color:var(--text-primary);font-size:2rem;font-weight:700;margin:16px 0;margin:var(--spacing-md) 0}.completion-header p{color:#666;color:var(--text-secondary);font-size:1.1rem}.completion-header strong{color:#c9a961;color:var(--gold-primary);font-weight:700}.session-summary{position:relative;z-index:1}.session-summary h3{color:#2c1810;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:24px;margin-bottom:var(--spacing-lg);text-align:center}.session-summary h3:before{background:#c9a961;background:var(--gold-primary);border-radius:2px;box-shadow:0 0 8px #c9a96166;content:"";display:inline-block;height:20px;margin-right:8px;margin-right:var(--spacing-sm);vertical-align:middle;width:4px}.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:#f5f5f5;background:var(--surface-elevated);border:1px solid #eee;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);display:flex;gap:16px;gap:var(--spacing-md);padding:24px;padding:var(--spacing-lg);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.stat-card:hover{box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 4px 12px #c9a96126;box-shadow:var(--shadow-md),var(--shadow-gold);transform:translateY(-2px)}.stat-card.primary{border-left:4px solid #4caf50;border-left:4px solid var(--accent-success)}.stat-card.accent{border-left:4px solid #c9a961;border-left:4px solid var(--gold-primary)}.stat-icon{flex-shrink:0;font-size:2rem}.stat-content{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.stat-number{color:#2c1810;color:var(--text-primary);font-size:2rem;font-weight:700}.stat-label{color:#666;color:var(--text-secondary);font-size:.9rem}.completion-actions{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md);margin:32px 0;margin:var(--spacing-xl) 0}.back-to-categories-button{align-items:center;background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);color:#fafafa;color:var(--bg-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;letter-spacing:.5px;min-width:200px;padding:24px 32px;padding:var(--spacing-lg) var(--spacing-xl);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.back-to-categories-button:hover{background:linear-gradient(135deg,#dbc4a0,#c9a961);background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));box-shadow:0 20px 25px #0000000a,0 10px 10px #0000000f,0 4px 12px #c9a96126;box-shadow:var(--shadow-xl),var(--shadow-gold);transform:translateY(-2px)}.back-to-categories-button:active{transform:translateY(0)}.words-summary{border-top:2px solid #eee;border-top:2px solid var(--border-light);margin-top:32px;margin-top:var(--spacing-xl);padding-top:32px;padding-top:var(--spacing-xl)}.words-summary h4{color:#2c1810;color:var(--text-primary);font-size:1.2rem;font-weight:700;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(200px,1fr))}.word-summary-item{background:#f5f5f5;background:var(--surface-elevated);border:1px solid #eee;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);padding:16px;padding:var(--spacing-md);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.word-summary-item:hover{box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.word-summary-item.success{border-left:4px solid #4caf50;border-left:4px solid var(--accent-success)}.word-summary-item.needs-review{border-left:4px solid #ffa726;border-left:4px solid var(--accent-warning)}.word-summary-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.word-summary-content .word{color:#2c1810;color:var(--text-primary);font-weight:600}.word-score{align-items:center;display:flex;gap:4px;gap:var(--spacing-xs)}.score-text{color:#666;color:var(--text-secondary);font-size:.9rem}.score-icon{font-size:1.2rem}.word-progress-bar{background:#eee;background:var(--border-light);border-radius:2px;height:4px;overflow:hidden}.word-progress-fill{background:linear-gradient(90deg,#8b6914,#c9a961);background:linear-gradient(90deg,var(--gold-dark),var(--gold-primary));border-radius:2px;height:100%;transition:width .5s ease}.revision-empty{background:#fff;background:var(--surface);border:1px solid #eee;border-left:4px solid #c9a961;border:1px solid var(--border-light);border-left:4px solid var(--gold-primary);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);margin:48px auto;margin:var(--spacing-2xl) auto;max-width:600px;overflow:hidden;padding:48px;padding:var(--spacing-2xl);position:relative;text-align:center;width:100%}.revision-empty:before{color:#c9a961;color:var(--gold-primary);content:"𓂀";font-size:200px;opacity:.03;opacity:var(--watermark-opacity);pointer-events:none;position:absolute;right:-30px;top:-30px;z-index:0}.revision-empty h2{color:#2c1810;color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:16px;margin-bottom:var(--spacing-md);position:relative;z-index:1}.revision-empty p{color:#666;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;position:relative;z-index:1}.empty-categories-message{background:#fff;background:var(--surface);border:1px solid #eee;border-left:4px solid #c9a961;border:1px solid var(--border-light);border-left:4px solid var(--gold-primary);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);margin:48px auto;margin:var(--spacing-2xl) auto;max-width:600px;overflow:hidden;padding:48px;padding:var(--spacing-2xl);position:relative;text-align:center;width:100%}.empty-categories-message:before{color:#c9a961;color:var(--gold-primary);content:"𓂀";font-size:200px;opacity:.03;opacity:var(--watermark-opacity);pointer-events:none;position:absolute;right:-30px;top:-30px;z-index:0}.empty-icon{font-size:4rem;margin-bottom:16px;margin-bottom:var(--spacing-md);position:relative;z-index:1}.empty-categories-message p{color:#666;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:16px 0;margin:var(--spacing-md) 0;position:relative;z-index:1}.show-stats-button{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#c9a961,#8b6914);background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:none;border-radius:16px;border-radius:var(--radius-lg);bottom:32px;bottom:var(--spacing-xl);box-shadow:0 20px 25px #0000000a,0 10px 10px #0000000f,0 4px 12px #c9a96126;box-shadow:var(--shadow-xl),var(--shadow-gold);color:#fafafa;color:var(--bg-primary);cursor:pointer;display:flex;font-weight:700;gap:8px;gap:var(--spacing-sm);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:fixed;right:32px;right:var(--spacing-xl);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);z-index:90}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.show-stats-button:hover{animation:none;box-shadow:0 25px 50px #00000080,0 0 40px #daa52080!important;transform:scale(1.1)!important}.vocabulary-mode{margin:0 auto;max-width:1200px;padding:32px;padding:var(--spacing-xl);width:100%}.vocabulary-mode-header{margin-bottom:48px;margin-bottom:var(--spacing-2xl);text-align:center}.vocabulary-mode-title{color:#2c1810;color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:0}.vocabulary-mode-title:before{background:#c9a961;background:var(--gold-primary);border-radius:2px;box-shadow:0 0 8px #c9a96166;content:"";display:inline-block;height:24px;margin-right:8px;margin-right:var(--spacing-sm);vertical-align:middle;width:4px}@media (max-width:768px){.revision-mode,.revision-mode-wrapper{padding:16px;padding:var(--spacing-md)}.revision-back-button-top{font-size:12px;left:16px;left:var(--spacing-md);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);top:16px;top:var(--spacing-md)}.revision-header{margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.revision-header:before{font-size:100px;right:-15px;top:-15px}.revision-title{font-size:clamp(18px,5vw,24px)}.category-card{flex:0 0 220px;height:160px;max-width:220px;min-width:220px;padding:16px;padding:var(--spacing-md)}.category-card:before{font-size:80px}.category-illustration{font-size:2rem;height:50px}.category-name{font-size:1rem}.category-stats{font-size:.85rem}.carousel-button{height:36px;width:36px}.selected-category{padding:24px;padding:var(--spacing-lg)}.words-list{grid-template-columns:1fr;max-height:300px}.start-mixed-revision-button{font-size:1rem;width:100%}.exercise-header{align-items:flex-start;flex-direction:column}.exercise-header:before{font-size:80px}.question-card{padding:24px;padding:var(--spacing-lg)}.question-card:before{font-size:100px}.word-to-translate{font-size:1.5rem}.matching-area,.options-grid{grid-template-columns:1fr}.matching-area{gap:16px;gap:var(--spacing-md)}.connection-indicator{display:none}.revision-complete{padding:32px 16px;padding:var(--spacing-xl) var(--spacing-md)}.revision-complete:before{font-size:150px}.completion-header h2{font-size:1.5rem}.completion-icon{font-size:3rem}.summary-stats{grid-template-columns:1fr}.stat-number{font-size:1.5rem}.words-grid{grid-template-columns:1fr}.show-stats-button{bottom:24px;bottom:var(--spacing-lg);font-size:14px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);right:24px;right:var(--spacing-lg)}.empty-categories-message,.revision-empty{padding:32px 16px;padding:var(--spacing-xl) var(--spacing-md)}.empty-categories-message:before,.revision-empty:before{font-size:150px}}@media (max-width:480px){.revision-mode-wrapper{padding:8px;padding:var(--spacing-sm)}.category-card{flex:0 0 180px;height:140px;max-width:180px;min-width:180px}.category-illustration{font-size:1.8rem;height:45px}.word-to-translate{font-size:1.2rem}.learn-mode-option{padding:16px;padding:var(--spacing-md)}.option-text{font-size:1rem}}:focus-visible{outline:3px solid #c9a961;outline:3px solid var(--gold-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.show-stats-button{animation:none!important}}@media (prefers-contrast:high){.category-card,.learn-mode-option,.matching-item{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}.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:#2c1810!important;color:var(--text-primary)!important}.revision-header{background:#c9a961!important;background:var(--gold-primary)!important;color:#fff!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 #c9a961!important;border:1px solid var(--gold-primary)!important;break-inside:avoid!important;page-break-inside:avoid!important}}: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,[data-theme=light]{--progress-gold-primary:#c9a961;--progress-gold-dark:#8b6914;--progress-gold-light:#dbc4a0;--progress-gold-glow:#c9a96126;--progress-bg-primary:#fafafa;--progress-bg-secondary:#f5f5f5;--progress-surface:#fff;--progress-surface-hover:#fafafa;--progress-surface-elevated:#f5f5f5;--progress-text-primary:#2c1810;--progress-text-secondary:#666;--progress-text-tertiary:#999;--progress-border-light:#eee;--progress-border-medium:#e0e0e0;--progress-border-dark:#ccc;--progress-shadow-sm:0 1px 3px #0000000a,0 1px 2px #0000000f;--progress-shadow-md:0 4px 6px #0000000a,0 2px 4px #0000000f;--progress-shadow-lg:0 10px 15px #0000000a,0 4px 6px #0000000f;--progress-shadow-xl:0 20px 25px #0000000a,0 10px 10px #0000000f;--progress-shadow-gold:0 4px 12px #c9a96126;--progress-accent-success:#4caf50;--progress-accent-warning:#ffa726;--progress-accent-error:#ef5350;--progress-accent-info:#40e0d0;--progress-watermark-opacity:0.03;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:50%;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}.dark,[data-theme=dark]{--progress-gold-primary:#daa520;--progress-gold-dark:#b8860b;--progress-gold-light:#e8b84d;--progress-gold-glow:#daa5204d;--progress-bg-primary:#1a1613;--progress-bg-secondary:#232019;--progress-surface:#2a2621;--progress-surface-hover:#332f28;--progress-surface-elevated:#3a3530;--progress-text-primary:#e8d5b0;--progress-text-secondary:#b8a88c;--progress-text-tertiary:#8b7d6b;--progress-border-light:#3a3530;--progress-border-medium:#4a423a;--progress-border-dark:#5a524a;--progress-shadow-sm:0 2px 4px #0000004d,0 1px 2px #0003;--progress-shadow-md:0 4px 8px #00000059,0 2px 4px #00000040;--progress-shadow-lg:0 10px 20px #0006,0 4px 8px #0000004d;--progress-shadow-xl:0 20px 40px #00000073,0 10px 15px #00000059;--progress-shadow-gold:0 4px 16px #daa52040,0 0 8px #daa52026;--progress-accent-success:#66bb6a;--progress-accent-warning:#ffa726;--progress-accent-error:#ef5350;--progress-accent-info:#40e0d0;--progress-watermark-opacity:0.06}.progress-stats-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff!important;background:var(--progress-surface)!important;border:1px solid #eee!important;border-left:4px solid #c9a961!important;border:1px solid var(--progress-border-light)!important;border-left:4px solid var(--progress-gold-primary)!important;border-radius:20px!important;border-radius:var(--radius-xl)!important;box-shadow:0 20px 25px #0000000a,0 10px 10px #0000000f!important;box-shadow:var(--progress-shadow-xl)!important;color:#2c1810!important;color:var(--progress-text-primary)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:1000px;padding:32px;padding:var(--spacing-xl);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-normal)!important}.progress-stats-container:before{color:#c9a961;color:var(--progress-gold-primary);content:"𓂀";font-size:140px;opacity:.03;opacity:var(--progress-watermark-opacity);pointer-events:none;position:absolute;right:-20px;top:-20px;z-index:0}.dark .progress-stats-container:after,[data-theme=dark] .progress-stats-container:after{background-image:radial-gradient(circle at 20% 50%,#daa52008 0,#0000 50%),radial-gradient(circle at 80% 80%,#daa52005 0,#0000 50%);border-radius:20px;border-radius:var(--radius-xl);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.progress-stats-header{align-items:center;border-bottom:3px solid #c9a961!important;border-bottom:3px solid var(--progress-gold-primary)!important;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);position:relative;z-index:1}.progress-stats-title{color:#2c1810!important;color:var(--progress-text-primary)!important;font-size:28px;font-weight:700!important;letter-spacing:.5px!important;margin:0;position:relative}.progress-stats-title:before{background:#c9a961;background:var(--progress-gold-primary);border-radius:2px;box-shadow:0 0 8px #daa52066;content:"";display:inline-block;height:24px;margin-right:12px;vertical-align:middle;width:4px}.progress-back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fafafa!important;background:var(--progress-surface-hover)!important;border:1px solid #eee!important;border:1px solid var(--progress-border-light)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;color:#2c1810!important;color:var(--progress-text-primary)!important;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600!important;gap:8px;gap:var(--spacing-sm);letter-spacing:.5px;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .15s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-fast)!important}.progress-back-button:hover{background:linear-gradient(135deg,#c9a961,#8b6914)!important;background:linear-gradient(135deg,var(--progress-gold-primary),var(--progress-gold-dark))!important;border-color:#c9a961!important;border-color:var(--progress-gold-primary)!important;box-shadow:0 4px 12px #c9a96126!important;box-shadow:var(--progress-shadow-gold)!important;color:#fafafa!important;color:var(--progress-bg-primary)!important;transform:translateY(-2px)}.progress-back-button:active{transform:translateY(0)!important}.progress-stats-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff!important;background:var(--progress-surface)!important;border-bottom:2px solid #eee!important;border-bottom:2px solid var(--progress-border-light)!important;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);position:relative;z-index:1}.progress-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#666!important;color:var(--progress-text-secondary)!important;cursor:pointer;display:flex;font-weight:600!important;gap:8px;gap:var(--spacing-sm);letter-spacing:.5px;padding:24px 32px;padding:var(--spacing-lg) var(--spacing-xl);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-normal)!important}.progress-tab:hover{background:#fafafa!important;background:var(--progress-surface-hover)!important;color:#2c1810!important;color:var(--progress-text-primary)!important}.progress-tab.active{background:#c9a9611a!important;border-bottom:3px solid #c9a961!important;border-bottom:3px solid var(--progress-gold-primary)!important;color:#c9a961!important;color:var(--progress-gold-primary)!important;font-weight:700!important}.progress-tab.active:after{background:#c9a961;background:var(--progress-gold-primary);border-radius:3px 3px 0 0;bottom:-2px;box-shadow:0 0 8px #daa52080;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.progress-stats-content{animation:fadeIn .4s ease-out;position:relative;z-index:1}@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{animation:slideInUp .3s ease-out;animation-delay:.1s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff!important;background:var(--progress-surface)!important;border:1px solid #eee!important;border-left:4px solid #c9a961!important;border:1px solid var(--progress-border-light)!important;border-left:4px solid var(--progress-gold-primary)!important;border-radius:16px!important;border-radius:var(--radius-lg)!important;box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f!important;box-shadow:var(--progress-shadow-lg)!important;padding:32px;padding:var(--spacing-xl);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-normal)!important}.progress-level-card:before{color:#c9a961;color:var(--progress-gold-primary);content:"𓇋";font-size:120px;opacity:.03;opacity:var(--progress-watermark-opacity);pointer-events:none;position:absolute;right:-15px;top:-15px;z-index:0}.progress-level-card:hover{border-color:#e0e0e0!important;border-color:var(--progress-border-medium)!important;box-shadow:0 20px 25px #0000000a,0 10px 10px #0000000f,0 4px 12px #c9a96126!important;box-shadow:var(--progress-shadow-xl),var(--progress-shadow-gold)!important;transform:translateY(-4px)}.progress-level-header{align-items:center;display:flex;gap:24px;gap:var(--spacing-lg);margin-bottom:32px;margin-bottom:var(--spacing-xl);position:relative;z-index:1}.progress-level-badge{align-items:center;animation:badge-glow 2s ease-in-out infinite!important;background:linear-gradient(135deg,#c9a961,#8b6914)!important;background:linear-gradient(135deg,var(--progress-gold-primary),var(--progress-gold-dark))!important;border:3px solid #dbc4a0!important;border:3px solid var(--progress-gold-light)!important;border-radius:50%!important;border-radius:var(--radius-full)!important;box-shadow:0 4px 12px #c9a96126!important;box-shadow:var(--progress-shadow-gold)!important;color:#fafafa!important;color:var(--progress-bg-primary)!important;display:flex;font-size:32px;font-weight:900!important;height:60px;justify-content:center;text-shadow:0 2px 4px #0000004d;width:60px}@keyframes badge-glow{0%,to{box-shadow:0 4px 16px #daa52040,0 0 8px #daa52026}50%{box-shadow:0 6px 20px #daa52059,0 0 16px #daa52040}}.progress-level-info h2{color:#2c1810!important;color:var(--progress-text-primary)!important;font-size:26px!important;font-weight:700!important;letter-spacing:.5px;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0}.progress-level-info p{color:#c9a961!important;color:var(--progress-gold-primary)!important;font-size:18px!important;font-weight:600!important;margin:0}.progress-bar-container{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);position:relative;width:100%;z-index:1}.progress-stats{display:flex;font-size:16px!important;font-weight:700!important;justify-content:space-between;margin-bottom:4px;margin-bottom:var(--spacing-xs);position:relative;z-index:2}:root .progress-stats,[data-theme=light] .progress-stats{color:#2c1810!important;color:var(--progress-text-primary)!important;text-shadow:none}.dark .progress-stats,[data-theme=dark] .progress-stats{color:#2c1810!important;color:var(--progress-text-primary)!important;text-shadow:0 2px 4px #0009}.progress-bar{background:#eee!important;background:var(--progress-border-light)!important;border:1px solid #e0e0e0!important;border:1px solid var(--progress-border-medium)!important;border-radius:20px!important;box-shadow:inset 0 2px 4px #0000001a!important;height:20px;margin-bottom:4px;margin-bottom:var(--spacing-xs);position:relative}.progress-fill{background:linear-gradient(90deg,#8b6914,#c9a961,#dbc4a0)!important;background:linear-gradient(90deg,var(--progress-gold-dark),var(--progress-gold-primary),var(--progress-gold-light))!important;border-radius:20px!important;box-shadow:0 0 12px #daa52066!important;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)!important}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-next-level{font-size:15px!important;font-weight:600!important;margin:4px 0 0!important;margin:var(--spacing-xs) 0 0 0!important;position:relative;text-align:center;z-index:2}:root .progress-next-level,[data-theme=light] .progress-next-level{color:#8b6914!important;color:var(--progress-gold-dark)!important;text-shadow:none}.dark .progress-next-level,[data-theme=dark] .progress-next-level{color:#dbc4a0!important;color:var(--progress-gold-light)!important;text-shadow:0 2px 4px #0009}.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);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff!important;background:var(--progress-surface)!important;border:1px solid #eee!important;border:1px solid var(--progress-border-light)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f!important;box-shadow:var(--progress-shadow-md)!important;display:flex;gap:24px;gap:var(--spacing-lg);padding:32px;padding:var(--spacing-xl);position:relative;transform:translateZ(0);transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-normal)!important;will-change:transform}.progress-stat-card:hover{border-color:#e0e0e0!important;border-color:var(--progress-border-medium)!important;box-shadow:0 10px 15px #0000000a,0 4px 6px #0000000f,0 4px 12px #c9a96126!important;box-shadow:var(--progress-shadow-lg),var(--progress-shadow-gold)!important;transform:translateY(-4px)}.progress-stat-card:first-child{animation:slideInUp .3s ease-out;animation-delay:.2s}.progress-stat-card:nth-child(2){animation:slideInUp .3s ease-out;animation-delay:.3s}.progress-stat-card:nth-child(3){animation:slideInUp .3s ease-out;animation-delay:.4s}.progress-stat-card:nth-child(4){animation:slideInUp .3s ease-out;animation-delay:.5s}.progress-stat-icon{align-items:center;background:#fafafa!important;background:var(--progress-surface-hover)!important;border:1px solid #eee!important;border:1px solid var(--progress-border-light)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f!important;box-shadow:var(--progress-shadow-sm)!important;color:#2c1810!important;color:var(--progress-text-primary)!important;display:flex;height:48px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-normal)!important;width:48px}.progress-stat-card:hover .progress-stat-icon{background:linear-gradient(135deg,#c9a961,#8b6914)!important;background:linear-gradient(135deg,var(--progress-gold-primary),var(--progress-gold-dark))!important;border-color:#c9a961!important;border-color:var(--progress-gold-primary)!important;box-shadow:0 4px 12px #c9a96126!important;box-shadow:var(--progress-shadow-gold)!important;color:#fafafa!important;color:var(--progress-bg-primary)!important;transform:scale(1.05) rotate(5deg)!important}.progress-stat-content h3{color:#2c1810!important;color:var(--progress-text-primary)!important;font-size:28px!important;font-weight:700!important;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0}.progress-stat-content p{color:#666!important;color:var(--progress-text-secondary)!important;font-size:16px!important;font-weight:600!important;margin:0}.progress-completion-chart{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff!important;background:var(--progress-surface)!important;border:1px solid #eee!important;border:1px solid var(--progress-border-light)!important;border-radius:16px!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f!important;box-shadow:var(--progress-shadow-md)!important;padding:32px;padding:var(--spacing-xl)}.progress-completion-chart h3{color:#2c1810!important;color:var(--progress-text-primary)!important;font-size:20px;font-weight:700!important;letter-spacing:.5px;margin:0 0 32px;margin:0 0 var(--spacing-xl) 0;text-align:center}.progress-completion-chart h3:before{background:#c9a961;background:var(--progress-gold-primary);border-radius:2px;box-shadow:0 0 8px #daa52066;content:"";display:inline-block;height:20px;margin-right:8px;vertical-align:middle;width:4px}.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:#c9a961!important;color:var(--progress-gold-primary)!important;font-size:36px!important;font-weight:700!important;letter-spacing:.5px;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0;text-shadow:0 2px 4px #c9a9614d}.progress-completion-text{color:#666!important;color:var(--progress-text-secondary)!important;font-size:18px!important;font-weight:600!important;margin:0}.progress-details{display:flex;flex-direction:column;gap:32px;gap:var(--spacing-xl)}.progress-category-completion,.progress-grammar-detail,.progress-recent-activity,.progress-revision-status,.progress-sentences-detail,.progress-sentences-learning,.progress-vocabulary-detail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff!important;background:var(--progress-surface)!important;border:1px solid #eee!important;border:1px solid var(--progress-border-light)!important;border-radius:16px!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f!important;box-shadow:var(--progress-shadow-md)!important;padding:32px;padding:var(--spacing-xl);position:relative}.progress-category-completion h3,.progress-grammar-detail h3,.progress-recent-activity h3,.progress-revision-status h3,.progress-sentences-detail h3,.progress-sentences-learning h3,.progress-vocabulary-detail h3{color:#2c1810!important;color:var(--progress-text-primary)!important;font-size:20px;font-weight:700!important;letter-spacing:.5px;margin:0 0 32px;margin:0 0 var(--spacing-xl) 0}.progress-category-completion h3:before,.progress-grammar-detail h3:before,.progress-recent-activity h3:before,.progress-revision-status h3:before,.progress-sentences-detail h3:before,.progress-sentences-learning h3:before,.progress-vocabulary-detail h3:before{background:#c9a961;background:var(--progress-gold-primary);border-radius:2px;box-shadow:0 0 8px #daa52066;content:"";display:inline-block;height:20px;margin-right:8px;vertical-align:middle;width:4px}.category-progress-list{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.category-progress-item{animation:slideInUp .3s ease-out;background:#fafafa!important;background:var(--progress-surface-hover)!important;border:1px solid #eee!important;border:1px solid var(--progress-border-light)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:24px;padding:var(--spacing-lg);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-normal)!important}.category-progress-item:hover{border-color:#e0e0e0!important;border-color:var(--progress-border-medium)!important;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 4px 12px #c9a96126!important;box-shadow:var(--progress-shadow-md),var(--progress-shadow-gold)!important;transform:translateY(-2px)}.category-progress-item.completed{background:#fff!important;background:var(--progress-surface)!important;border-left:6px solid #c9a961!important;border-left:6px solid var(--progress-gold-primary)!important}.category-info{align-items:center;display:flex;justify-content:space-between}.category-name{color:#2c1810!important;color:var(--progress-text-primary)!important;font-size:17px!important;font-weight:700!important}.category-stats{color:#666!important;color:var(--progress-text-secondary)!important;font-size:15px!important;font-weight:600!important}.category-progress-bar{background:#eee!important;background:var(--progress-border-light)!important;border:1px solid #e0e0e0!important;border:1px solid var(--progress-border-medium)!important;border-radius:20px!important;box-shadow:inset 0 1px 2px #0000001a;height:8px;overflow:hidden}.category-progress-fill{background:linear-gradient(90deg,#8b6914,#c9a961)!important;background:linear-gradient(90deg,var(--progress-gold-dark),var(--progress-gold-primary))!important;border-radius:20px!important;box-shadow:0 0 8px #daa5204d;height:100%;transition:width .5s ease-out}.category-completed-badge{animation:badge-pulse 2s ease-in-out infinite;color:#c9a961!important;color:var(--progress-gold-primary)!important;position:absolute;right:24px;right:var(--spacing-lg);top:24px;top:var(--spacing-lg)}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sentences-list{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.sentence-detail-item{align-items:center;animation:slideInUp .3s ease-out;background:#fafafa!important;background:var(--progress-surface-hover)!important;border:1px solid #eee!important;border:1px solid var(--progress-border-light)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;display:flex;justify-content:space-between;padding:24px;padding:var(--spacing-lg);transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-normal)!important}.sentence-detail-item:hover{border-color:#e0e0e0!important;border-color:var(--progress-border-medium)!important;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f!important;box-shadow:var(--progress-shadow-md)!important;transform:translateY(-2px)}.sentence-detail-item.learning{border-left:4px solid #ffa726!important;border-left:4px solid var(--progress-accent-warning)!important}.sentence-content{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.sentence-french{color:#2c1810!important;color:var(--progress-text-primary)!important;font-size:16px!important;font-weight:700!important}.sentence-original{color:#666!important;color:var(--progress-text-secondary)!important;font-size:14px!important;font-weight:500!important}.sentence-category{background:#c9a96126!important;border:1px solid #c9a9614d!important;border-radius:6px!important;color:#c9a961!important;color:var(--progress-gold-primary)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.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:#4caf50;color:var(--progress-accent-success)}.sentence-status.learning{color:#ffa726;color:var(--progress-accent-warning)}.grammar-words-more,.sentences-more,.vocabulary-more{color:#666!important;color:var(--progress-text-secondary)!important;font-style:italic;font-weight:500!important;padding:24px;padding:var(--spacing-lg);text-align:center}.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:#fafafa!important;background:var(--progress-surface-hover)!important;border:1px solid #eee!important;border:1px solid var(--progress-border-light)!important;border-radius:8px!important;border-radius:var(--radius-sm)!important;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.vocabulary-item:hover{background:#f5f5f5!important;background:var(--progress-surface-elevated)!important;border-color:#c9a961!important;border-color:var(--progress-gold-primary)!important;transform:translateY(-2px)}.vocabulary-word{color:#2c1810!important;color:var(--progress-text-primary)!important;font-size:14px!important;font-weight:600!important}.grammar-sessions-list{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.grammar-session-item{animation:slideInUp .3s ease-out;background:#fafafa!important;background:var(--progress-surface-hover)!important;border:1px solid #eee!important;border:1px solid var(--progress-border-light)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;padding:24px;padding:var(--spacing-lg)}.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-text-primary)!important;font-size:18px!important;font-weight:700!important;margin:0}.grammar-session-count{color:#666!important;color:var(--progress-text-secondary)!important;font-size:14px!important;font-weight:600!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:#f5f5f5!important;background:var(--progress-surface-elevated)!important;border:1px solid #eee!important;border:1px solid var(--progress-border-light)!important;border-radius:8px!important;border-radius:var(--radius-sm)!important;padding:8px;padding:var(--spacing-sm);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.grammar-word-item:hover{border-color:#c9a961!important;border-color:var(--progress-gold-primary)!important;transform:translateY(-2px)}.grammar-word{color:#2c1810!important;color:var(--progress-text-primary)!important;display:block;font-size:14px!important;font-weight:700!important}.grammar-translation{color:#666!important;color:var(--progress-text-secondary)!important;font-size:12px!important;font-weight:500!important}.progress-achievements{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff!important;background:var(--progress-surface)!important;border:1px solid #eee!important;border:1px solid var(--progress-border-light)!important;border-radius:16px!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f!important;box-shadow:var(--progress-shadow-md)!important;padding:32px;padding:var(--spacing-xl)}.progress-achievements h3{color:#2c1810!important;color:var(--progress-text-primary)!important;font-size:20px;font-weight:700!important;letter-spacing:.5px;margin:0 0 32px;margin:0 0 var(--spacing-xl) 0;text-align:center}.progress-achievements h3:before{background:#c9a961;background:var(--progress-gold-primary);border-radius:2px;box-shadow:0 0 8px #daa52066;content:"";display:inline-block;height:20px;margin-right:8px;vertical-align:middle;width:4px}.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;animation:slideInUp .3s ease-out;background:#fafafa!important;background:var(--progress-surface-hover)!important;border:1px solid #eee!important;border:1px solid var(--progress-border-light)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;display:flex;gap:24px;gap:var(--spacing-lg);padding:24px;padding:var(--spacing-lg);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-normal)!important}.achievement-card:hover{border-color:#e0e0e0!important;border-color:var(--progress-border-medium)!important;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f!important;box-shadow:var(--progress-shadow-md)!important;transform:translateY(-2px)}.achievement-card.unlocked{animation:glow-pulse 3s ease-in-out infinite!important;background:#fff!important;background:var(--progress-surface)!important;border-left:6px solid #c9a961!important;border-left:6px solid var(--progress-gold-primary)!important}@keyframes glow-pulse{0%,to{box-shadow:0 4px 12px #daa52040,0 0 20px #daa52033}50%{box-shadow:0 6px 16px #daa52059,0 0 40px #daa5204d}}.achievement-card.locked{opacity:.6}.achievement-icon{align-items:center;background:#f5f5f5!important;background:var(--progress-surface-elevated)!important;border:1px solid #eee!important;border:1px solid var(--progress-border-light)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;color:#666;color:var(--progress-text-secondary);display:flex;height:40px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:40px}.achievement-card.unlocked .achievement-icon{background:linear-gradient(135deg,#c9a961,#8b6914)!important;background:linear-gradient(135deg,var(--progress-gold-primary),var(--progress-gold-dark))!important;border-color:#dbc4a0!important;border-color:var(--progress-gold-light)!important;box-shadow:0 4px 12px #c9a96126!important;box-shadow:var(--progress-shadow-gold)!important;color:#fafafa!important;color:var(--progress-bg-primary)!important}.achievement-info{flex:1 1}.achievement-info h4{color:#2c1810!important;color:var(--progress-text-primary)!important;font-size:17px!important;font-weight:700!important;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0}.achievement-info p{color:#666!important;color:var(--progress-text-secondary)!important;font-size:15px!important;font-weight:600!important;margin:0}.achievement-badge{animation:badge-pulse 2s ease-in-out infinite;color:#c9a961!important;color:var(--progress-gold-primary)!important;position:absolute;right:24px;right:var(--spacing-lg);top:24px;top:var(--spacing-lg)}@media (max-width:768px){.progress-stats-container{border-radius:0;box-shadow:none;margin:0;padding:24px;padding:var(--spacing-lg)}.progress-stats-container:before{font-size:100px}.progress-stats-header{align-items:flex-start;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.progress-stats-title{font-size:24px!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{grid-template-columns:1fr}.achievement-card{flex-direction:column;text-align:center}.achievement-card,.category-progress-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-container:before{font-size:80px;right:-10px;top:-10px}.progress-stats-header{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.progress-stats-title{font-size:20px!important}.progress-tab{font-size:12px;padding:8px;padding:var(--spacing-sm)}.progress-achievements,.progress-category-completion,.progress-completion-chart,.progress-level-card,.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))}}.progress-stats-container::-webkit-scrollbar{height:10px;width:10px}.progress-stats-container::-webkit-scrollbar-track{background:#f5f5f5;background:var(--progress-bg-secondary);border-radius:5px}.progress-stats-container::-webkit-scrollbar-thumb{background:#8b6914;background:var(--progress-gold-dark);border-radius:5px;-webkit-transition:background .3s ease;transition:background .3s ease}.progress-stats-container::-webkit-scrollbar-thumb:hover{background:#c9a961;background:var(--progress-gold-primary)}.progress-back-button:focus-visible,.progress-tab:focus-visible{box-shadow:0 0 0 3px #c9a96126;box-shadow:0 0 0 3px var(--progress-gold-glow);outline:3px solid #c9a961;outline:3px solid var(--progress-gold-primary);outline-offset:2px}@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,.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){.achievement-card,.category-progress-item,.grammar-session-item,.progress-achievements,.progress-category-completion,.progress-completion-chart,.progress-level-card,.progress-stat-card,.sentence-detail-item{border-width:3px!important}.category-progress-bar,.progress-bar{border-width:2px!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}.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;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}.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}.exercise-mode-container{align-items:stretch!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;left:0!important;overflow-x:hidden!important;padding:0 0 120px!important;top:0!important;transform:none!important}.dark .exercise-mode-container{background:#2a1810;background:var(--exercise-dark-bg);color:wheat;color:var(--exercise-dark-text)}.exercise-content-wrapper{align-items:stretch!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;margin:0!important;overflow-x:hidden!important;padding:0 0 120px!important;top:0!important;transform:none!important}.dark .exercise-content-wrapper{background:#2a1810;background:var(--exercise-dark-bg)}.chapters-container{align-items:stretch!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;top:0!important;transform:none!important}@media (max-width:768px){.exercise-immersive-container,.exercise-mode-container{min-height:calc(100vh - 80px)!important;padding:0 0 100px!important}.exercise-content-wrapper{padding:0 0 100px!important}.chapters-container{padding:32px 16px 100px!important;padding:var(--spacing-2xl) var(--spacing-lg) 100px var(--spacing-lg)!important}.immersive-dashboard-container{padding-bottom:100px!important}.exercise-immersive-card{border-radius:15px!important;margin:4rem auto 100px!important;padding:1.5rem!important;width:95%!important}.permanent-back-button{height:48px!important;left:.75rem!important;top:1rem!important;width:48px!important;z-index:10000!important}}@media (max-width:480px){.exercise-content-wrapper,.exercise-immersive-container,.exercise-mode-container{padding:0 0 90px!important}}.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-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-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-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-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-immersive-container,.exercise-mode-container{margin:0!important;min-height:calc(100vh - 100px)!important;overflow-x:hidden!important;overflow-y:auto!important;padding-bottom:120px!important;position:relative!important;width:100%!important;z-index:1!important}.chapters-container{margin:0 auto!important;max-width:900px!important;padding:48px 32px 120px!important;padding:var(--spacing-3xl) var(--spacing-2xl) 120px var(--spacing-2xl)!important;position:relative!important;width:100%!important}.exercise-immersive-card{margin:4rem auto 120px!important;position:relative!important}.immersive-feedback-zone{position:fixed!important;top:6rem!important;z-index:9500!important}.permanent-back-button{left:1rem!important;position:fixed!important;top:1rem!important;z-index:9999!important}.dashboard-content{min-height:calc(100vh - 100px)!important;padding-bottom:120px!important;position:relative!important}.immersive-association-container,.immersive-options-grid,.immersive-translation-area{margin-bottom:2rem!important;position:relative!important}@media (max-width:768px){.chapters-container,.exercise-content-wrapper,.exercise-immersive-container,.exercise-mode-container{padding-bottom:100px!important}.exercise-immersive-card{margin-bottom:100px!important}.dashboard-content{padding-bottom:100px!important}}.exercise-immersive-container.exiting,.exercise-mode-container.exiting{position:relative!important;top:0!important;transform:none!important}.chapters-list>div:last-child,.dashboard-buttons-container:last-child,.exercise-immersive-card:last-child{margin-bottom:120px!important}@media (max-width:768px){.chapters-list>div:last-child,.dashboard-buttons-container:last-child,.exercise-immersive-card:last-child{margin-bottom:100px!important}}.exercise-immersive-container{background:linear-gradient(135deg,#daa520,#8b4513 50%,peru);box-sizing:border-box!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:auto!important;left:auto!important;margin:0!important;min-height:calc(100vh - 100px)!important;overflow-x:hidden!important;overflow-y:visible!important;padding:0 0 120px!important;position:relative!important;top:auto!important;width:100%!important;z-index:1!important}.dark .exercise-immersive-container{background:linear-gradient(135deg,#8b4513,#2a1810 50%,#5d3317)}.exercise-mode-container{margin:0!important;min-height:calc(100vh - 100px)!important;z-index:1!important}.exercise-content-wrapper,.exercise-mode-container{overflow-y:visible!important;padding-bottom:120px!important;position:relative!important;width:100%!important}.exercise-content-wrapper{box-sizing:border-box!important;min-height:calc(100vh - 200px)!important}.immersive-dashboard-container{box-sizing:border-box!important;min-height:calc(100vh - 100px)!important;padding-bottom:120px!important;position:relative!important;width:100%!important}@media (max-width:768px){.exercise-immersive-container{height:auto!important;min-height:calc(100vh - 80px)!important;padding:0 0 100px!important;position:relative!important}.exercise-mode-container{min-height:calc(100vh - 80px)!important;padding-bottom:100px!important}.exercise-content-wrapper{min-height:calc(100vh - 160px)!important;padding-bottom:100px!important}.immersive-dashboard-container{min-height:calc(100vh - 80px)!important;padding-bottom:100px!important}.exercise-immersive-card{margin:4rem auto 100px!important}}@media (max-width:480px){.exercise-immersive-container{padding:0 0 90px!important}.exercise-content-wrapper{padding-bottom:90px!important}}@media (max-height:600px){.exercise-immersive-container{padding:0 0 90px!important}.exercise-content-wrapper{padding-bottom:90px!important}}.exercise-immersive-container>*,.exercise-main-container>*,.exercise-mode-container>*{box-sizing:border-box!important}.chapters-container>:last-child,.exercise-immersive-container>:last-child,.exercise-main-container>:last-child{margin-bottom:2rem!important}.exercise-immersive-container[style*="position: fixed"],.exercise-mode-container[style*="position: fixed"]{height:auto!important;position:relative!important}.has-mobile-header .exercise-immersive-container{margin-top:60px!important;min-height:calc(100vh - 160px)!important}.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{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;font-size:13px;font-weight:800;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}:root{--gold-primary:#c9a961;--gold-dark:#8b6914;--gold-light:#dbc4a0}.mobile-header{grid-gap:8px!important;align-items:center!important;background:linear-gradient(90deg,#3b82f6,#6366f1);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 8px #00000026;color:#fff;display:grid!important;gap:8px!important;grid-template-columns:1fr auto 1fr!important;height:60px;isolation:isolate;left:0!important;margin:0!important;padding:0 12px!important;pointer-events:auto;position:fixed!important;right:0!important;top:0!important;transition:transform .3s ease,background .4s ease;width:100%!important;z-index:1100!important}.dark .mobile-header{background:linear-gradient(90deg,#1e40af,#4338ca);box-shadow:0 4px 8px #0000004d}.light .mobile-header{background:linear-gradient(90deg,#60a5fa,#818cf8)}.mobile-header *{pointer-events:auto;position:relative;z-index:1}.mobile-header.hidden{transform:translateY(-100%)!important}.mobile-header.visible{position:fixed!important;top:0!important;transform:translateY(0)!important}.mobile-header.main-menu .header-title{display:none}.mobile-header.main-menu{grid-template-columns:1fr 1fr!important}.mobile-header.main-menu .language-selector-small{max-width:80px!important;min-width:65px!important}.mobile-header.main-menu .language-selector-small select{font-size:11px!important;padding:0 5px!important}.mobile-header.main-menu .header-left{gap:12px!important;justify-content:flex-start!important}.mobile-header.main-menu .header-actions{gap:12px!important;justify-content:flex-end!important}.header-left{align-items:center!important;display:flex!important;gap:8px!important;justify-content:flex-start!important}.header-title{max-width:100%!important;padding:0 8px!important;position:static!important;text-align:center!important;transform:none!important}.header-title,.header-title h1{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.header-title h1{color:#fff!important;font-size:1.1rem!important;font-weight:600!important;margin:0!important}.header-actions{align-items:center!important;display:flex!important;gap:8px!important;justify-content:flex-end!important}.back-button-mobile,.theme-toggle-button{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0!important;height:32px!important;justify-content:center;transition:all .2s ease;width:32px!important}.back-button-mobile:focus,.back-button-mobile:hover,.theme-toggle-button:focus,.theme-toggle-button:hover{background:#ffffff40;transform:scale(1.05)}.back-button-mobile:active,.theme-toggle-button:active{transform:scale(.95)}.language-selector-small{flex-shrink:0!important;height:36px;max-width:85px!important;min-width:70px!important;pointer-events:auto;position:relative;z-index:100001}.language-selector-small select{background:#ffffff26;border:2px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:12px!important;font-weight:600;height:100%;padding:0 6px!important;pointer-events:auto;position:relative;transition:all .2s ease;width:100%;z-index:100002}.language-selector-small select:hover{background:#ffffff40;border-color:#ffffff80}.language-selector-small select:focus{border-color:#fff;box-shadow:0 0 0 3px #fff3;outline:none}.dark .language-selector-small select{background:#0003}.header-auth-container,.mobile-google-auth-container{flex-shrink:0!important;pointer-events:auto;position:relative;z-index:100001}.mobile-header .header-login-button,.mobile-header .header-logout-button,.mobile-header .login-button,.mobile-header .logout-button{align-items:center;background:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;height:32px;justify-content:center;min-width:36px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.mobile-header .header-login-button:hover,.mobile-header .header-logout-button:hover,.mobile-header .login-button:hover,.mobile-header .logout-button:hover{background:#ffffff40;box-shadow:0 2px 8px #0003;transform:translateY(-2px)}.mobile-header .header-login-button:active,.mobile-header .header-logout-button:active,.mobile-header .login-button:active,.mobile-header .logout-button:active{transform:translateY(0)}.premium-header-button{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:16px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s ease}.premium-header-button:focus,.premium-header-button:hover{background:#ffffff40;box-shadow:0 0 8px #ffcc0080;transform:scale(1.05)}.premium-header-button:active{transform:scale(.95)}.premium-header-button span[role=img]{font-size:14px}.premium-label{white-space:nowrap}.mobile-header .user-avatar{align-items:center;background:#fff3;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.mobile-header .user-avatar:hover{background:#ffffff4d;transform:scale(1.05)}.mobile-header .username-display{color:#fff;font-size:13px;font-weight:600;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-badge{align-items:center;background-color:#f59e0be6;border-radius:12px;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:12px;font-weight:600;gap:4px;padding:3px 8px}.premium-badge-sm{font-size:10px;padding:2px 6px}.premium-badge-lg{font-size:14px;padding:4px 10px}body.mobile-view{overflow-x:hidden;padding-top:60px}@keyframes slideDown{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translateY(0)}}.mobile-header{animation:slideDown .3s ease-out}@media (max-width:480px){.mobile-header{padding:0 10px!important}.header-actions,.header-left,.mobile-header{gap:6px!important}.mobile-header.main-menu .header-left{gap:10px!important}.mobile-header.main-menu .header-actions{gap:8px!important}.header-title h1{font-size:1rem!important}.premium-label{display:none}.language-selector-small{max-width:90px!important;min-width:70px!important}.mobile-header .login-button,.mobile-header .logout-button,.premium-header-button{font-size:12px;padding:6px 10px}}@media (max-width:400px){.mobile-header{padding:0 8px!important}.header-actions,.header-left,.mobile-header{gap:4px!important}.header-title h1{font-size:.95rem!important}.back-button-mobile,.theme-toggle-button{height:28px!important;width:28px!important}.language-selector-small{max-width:80px!important;min-width:65px!important}.language-selector-small select{font-size:12px;padding:0 6px}.mobile-header .user-avatar{font-size:14px;height:28px;width:28px}}@media (max-width:360px){.mobile-header{height:54px;padding:0 8px!important}.header-title h1{font-size:.85rem!important}.back-button-mobile,.theme-toggle-button{height:26px!important;width:26px!important}.language-selector-small{max-width:75px!important;min-width:60px!important}.language-selector-small select{font-size:11px}.mobile-header .username-display{display:none}.header-actions,.header-left{gap:3px!important}}@supports (padding-top:env(safe-area-inset-top)){.mobile-header{height:calc(60px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}}.back-button-mobile:focus,.language-selector-small select:focus,.mobile-header .login-button:focus,.mobile-header .logout-button:focus,.premium-header-button:focus,.theme-toggle-button:focus{outline:3px solid #fff9;outline-offset:2px}.back-button-mobile:focus-visible,.mobile-header .login-button:focus-visible,.mobile-header .logout-button:focus-visible,.premium-header-button:focus-visible,.theme-toggle-button:focus-visible{outline:3px solid #fff;outline-offset:2px}.back-button-mobile,.mobile-header .login-button,.mobile-header .logout-button,.mobile-header .user-avatar,.premium-header-button,.theme-toggle-button{-webkit-tap-highlight-color:rgba(255,255,255,.2);touch-action:manipulation}.mobile-header button,.mobile-header select{touch-action:manipulation}.mobile-header{backface-visibility:hidden;-webkit-backface-visibility:hidden}.back-button-mobile,.mobile-header,.premium-header-button,.theme-toggle-button{will-change:transform}@media print{.mobile-header{display:none!important}}.dark .back-button-mobile,.dark .theme-toggle-button{background:#ffffff1a}.dark .back-button-mobile:hover,.dark .theme-toggle-button:hover{background:#fff3}.dark .language-selector-small select{background:#ffffff1a;border-color:#fff3;color:#fff}.dark .mobile-header .login-button,.dark .mobile-header .logout-button{background:#ffffff1a}.dark .mobile-header .login-button:hover,.dark .mobile-header .logout-button:hover{background:#fff3}@media (prefers-reduced-motion:reduce){.back-button-mobile,.mobile-header,.mobile-header .login-button,.mobile-header .logout-button,.premium-header-button,.theme-toggle-button{animation:none;transition:none}}@media (prefers-contrast:high){.mobile-header{border-bottom:2px solid #fff}.back-button-mobile,.language-selector-small select,.theme-toggle-button{border:2px solid #fff}}
/*# sourceMappingURL=main.2550f6b4.css.map*/