@import"https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-900:oklch(40.8% .123 38.172);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-600:oklch(68.1% .162 75.834);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-md:12px;--blur-lg:16px;--blur-2xl:40px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.fixed\!{position:fixed!important}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.start\!{inset-inline-start:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/4{top:25%}.right-1\/4{right:25%}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-1\/3{bottom:33.3333%}.bottom-24{bottom:calc(var(--spacing) * 24)}.left-1\/2{left:50%}.left-1\/3{left:33.3333%}.left-1\/4{left:25%}.z-20{z-index:20}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table\!{display:table!important}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-64{height:calc(var(--spacing) * 64)}.h-96{height:calc(var(--spacing) * 96)}.h-full{height:100%}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-32{width:calc(var(--spacing) * 32)}.w-96{width:calc(var(--spacing) * 96)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[80\%\]{max-width:80%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-amber-600\/10{background-color:#dd74001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-600\/10{background-color:color-mix(in oklab,var(--color-amber-600) 10%,transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-600\/30{background-color:#155dfc4d}@supports (color:color-mix(in lab,red,red)){.bg-blue-600\/30{background-color:color-mix(in oklab,var(--color-blue-600) 30%,transparent)}}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-orange-500\/10{background-color:#fe6e001a}@supports (color:color-mix(in lab,red,red)){.bg-orange-500\/10{background-color:color-mix(in oklab,var(--color-orange-500) 10%,transparent)}}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-600{background-color:var(--color-red-600)}.bg-slate-600{background-color:var(--color-slate-600)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-800\/50{background-color:#1d293d80}@supports (color:color-mix(in lab,red,red)){.bg-slate-800\/50{background-color:color-mix(in oklab,var(--color-slate-800) 50%,transparent)}}.bg-slate-900\/80{background-color:#0f172bcc}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/80{background-color:color-mix(in oklab,var(--color-slate-900) 80%,transparent)}}.bg-slate-900\/90{background-color:#0f172be6}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/90{background-color:color-mix(in oklab,var(--color-slate-900) 90%,transparent)}}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-yellow-600{background-color:var(--color-yellow-600)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-900\/20{--tw-gradient-from:#7b330633}@supports (color:color-mix(in lab,red,red)){.from-amber-900\/20{--tw-gradient-from:color-mix(in oklab, var(--color-amber-900) 20%, transparent)}}.from-amber-900\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-orange-900\/10{--tw-gradient-via:#7e2a0c1a}@supports (color:color-mix(in lab,red,red)){.via-orange-900\/10{--tw-gradient-via:color-mix(in oklab, var(--color-orange-900) 10%, transparent)}}.via-orange-900\/10{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-slate-900\/50{--tw-gradient-to:#0f172b80}@supports (color:color-mix(in lab,red,red)){.to-slate-900\/50{--tw-gradient-to:color-mix(in oklab, var(--color-slate-900) 50%, transparent)}}.to-slate-900\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-3{padding-top:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-blue-100{color:var(--color-blue-100)}.text-blue-200{color:var(--color-blue-200)}.text-blue-400{color:var(--color-blue-400)}.text-green-400{color:var(--color-green-400)}.text-orange-400{color:var(--color-orange-400)}.text-red-400{color:var(--color-red-400)}.text-slate-100{color:var(--color-slate-100)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.placeholder-slate-500::-moz-placeholder{color:var(--color-slate-500)}.placeholder-slate-500::placeholder{color:var(--color-slate-500)}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-red-500\/50{--tw-shadow-color:#fb2c3680}@supports (color:color-mix(in lab,red,red)){.shadow-red-500\/50{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));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,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-slate-600:hover{background-color:var(--color-slate-600)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-slate-700:disabled{background-color:var(--color-slate-700)}}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}*{margin:0;padding:0;box-sizing:border-box}.landing-page{width:100vw;height:100vh;background:#000;position:relative;overflow:hidden}.title-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none}.landing-title{font-family:Kaushan Script,cursive;font-size:clamp(3.5rem,10vw,7rem);font-weight:400;display:flex;gap:1.5rem;justify-content:center;align-items:center;white-space:nowrap;flex-wrap:nowrap}.landing-title span{display:inline-block;padding:.08em .24em .08em .06em;margin-right:-.08em;overflow:visible;line-height:1.15}.title-word-pro{opacity:0;background:linear-gradient(135deg,#ff6b35,gold,#ff8c00,#ff6b35,gold);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pro-stretch-bounce 1.2s cubic-bezier(.68,-.55,.265,1.55) .5s forwards,ember-glow 3s ease-in-out 2s infinite}.title-word-lingua{opacity:0;background:linear-gradient(135deg,#ff8c00,#ff4500,#dc2626,#ff8c00,#ff4500);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:lingua-slide-in .8s cubic-bezier(.34,1.56,.64,1) 1.7s forwards,ember-glow 3s ease-in-out 2.5s infinite}.title-word-live{opacity:0;background:linear-gradient(135deg,#dc2626,#991b1b,#7f1d1d,#dc2626,#991b1b);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:live-slam-in .6s cubic-bezier(.68,-.55,.265,1.55) 2.5s forwards,ember-glow 3s ease-in-out 3s infinite}@keyframes pro-stretch-bounce{0%{opacity:0;transform:scaleY(.3) scaleX(1.2)}40%{opacity:1;transform:scaleY(2.5) scaleX(.8)}65%{transform:scaleY(.8) scaleX(1.1)}80%{transform:scaleY(1.1) scaleX(.95)}to{opacity:1;transform:scaleY(1) scaleX(1)}}@keyframes lingua-slide-in{0%{opacity:0;transform:translate(-150px)}70%{transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes live-slam-in{0%{opacity:0;transform:translate(200px) scale(.5) rotate(20deg)}60%{transform:translate(-15px) scale(1.2) rotate(-5deg)}80%{transform:translate(5px) scale(.95) rotate(2deg)}to{opacity:1;transform:translate(0) scale(1) rotate(0)}}.language-grid{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:900px;z-index:5}.language-card{position:absolute;top:50%;left:50%;width:180px;margin-left:-90px;margin-top:-75px;padding:1.5rem;border-radius:16px;background:#ffffff14;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s;text-align:center;opacity:0;animation:orbit-float 20s linear infinite,fade-in 1s ease 3.5s forwards}@keyframes fade-in{to{opacity:1}}@keyframes orbit-float{0%{transform:rotate(0) translate(400px) rotate(0)}to{transform:rotate(360deg) translate(400px) rotate(-360deg)}}.language-card:nth-child(1){animation-delay:0s,3.5s}.language-card:nth-child(2){animation-delay:-2.2s,3.6s}.language-card:nth-child(3){animation-delay:-4.4s,3.7s}.language-card:nth-child(4){animation-delay:-6.7s,3.8s}.language-card:nth-child(5){animation-delay:-8.9s,3.9s}.language-card:nth-child(6){animation-delay:-11.1s,4s}.language-card:nth-child(7){animation-delay:-13.3s,4.1s}.language-card:nth-child(8){animation-delay:-15.6s,4.2s}.language-card:nth-child(9){animation-delay:-17.8s,4.3s}.language-card:hover{background:#ffffff26;border-color:var(--card-color);box-shadow:0 0 40px var(--card-color);z-index:100}.language-card:active{animation-play-state:paused}.card-flag{font-size:3rem;margin-bottom:.5rem}.card-language{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:.25rem}.card-teacher{font-size:.875rem;color:#ffffffb3;margin:0}@keyframes ember-glow{0%,to{background-position:0% 50%;filter:brightness(1) drop-shadow(0 0 12px rgba(255,107,53,.6))}50%{background-position:100% 50%;filter:brightness(1.4) drop-shadow(0 0 20px rgba(255,215,0,.8))}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.story-selector-page{min-height:100vh;background:#000;padding:2rem}.selector-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;max-width:1200px;margin-left:auto;margin-right:auto}.selector-back-btn{padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s}.selector-back-btn:hover{background:#ffffff26}.selector-library-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ff6b35,#f59e0b);border:none;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s;font-size:1rem}.selector-library-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b3566}.story-carousel-container{position:relative;width:100%;overflow:hidden;padding:2rem 0;margin-top:2rem}.story-carousel-track{display:flex;gap:2rem;will-change:transform;justify-content:center}.carousel-hint{text-align:center;color:#ffffff80;font-size:.9rem;margin-top:1.5rem;font-style:italic}.selector-title{font-size:2.5rem;font-weight:800;color:#fff;margin:0;flex:1;text-align:center}.story-cards-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;padding:1rem}.pasta-story-card{width:100%;height:320px;border-radius:20px;overflow:hidden;cursor:pointer;position:relative;transition:transform .3s,box-shadow .3s}.pasta-story-card:hover{transform:scale(1.03);box-shadow:0 20px 60px #ff6b3580}.story-text-overlay{position:absolute;bottom:0;left:0;right:0;padding:2.5rem;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 50%,transparent 100%);color:#fff}.story-name{font-size:1.8rem;font-weight:800;margin:0 0 .75rem;color:#fff}.story-details{display:flex;gap:1.5rem;font-size:.95rem;margin-bottom:.5rem}.story-level{font-size:.9rem;opacity:.9;margin-bottom:.75rem}.story-cta{font-size:1.1rem;font-weight:700;color:#ff6b35}.quick-translator{background:#22c55e26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(34,197,94,.3);border-radius:24px;padding:2rem;box-shadow:0 8px 32px #22c55e33;margin-top:2rem}.translator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.translator-header>div h3{font-size:1.8rem;font-weight:700;margin:0 0 .5rem;color:#fbbf24}.translator-subtitle{font-size:.95rem;opacity:.9;margin:0;color:#fde68a;text-align:left}.auto-mode-toggle{background:#22c55e33;border:2px solid rgba(34,197,94,.5);color:#fbbf24;padding:.75rem 1.5rem;border-radius:50px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease}.auto-mode-toggle:hover{background:#22c55e4d;transform:translateY(-2px)}.auto-mode-toggle.active{background:#22c55e66;border-color:#22c55e;box-shadow:0 4px 15px #22c55e66}.auto-mode-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#22c55e33;border:1px solid rgba(34,197,94,.4);border-radius:12px;margin-bottom:1.5rem}.auto-mode-indicator span:first-child{font-weight:700;font-size:1.1rem;color:#fbbf24}.auto-hint{font-size:.85rem;opacity:.9;font-style:italic;color:#fde68a}.translator-languages{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.language-badge{background:#22c55e33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(34,197,94,.4);padding:.75rem 1.5rem;border-radius:50px;font-weight:600;color:#fbbf24;font-size:1rem}.language-badge.learning{background:#22c55e4d;border-color:#22c55e99}.swap-button{background:#22c55e33;border:1px solid rgba(34,197,94,.4);padding:.5rem 1rem;border-radius:50px;cursor:pointer;font-size:1.2rem;transition:all .3s;color:#fbbf24}.swap-button:hover{background:#22c55e4d;transform:rotate(180deg)}.translator-input-section,.translator-output-section{margin-bottom:1rem}.translator-textarea{width:100%;min-height:120px;background:#22c55e1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(34,197,94,.3);border-radius:16px;padding:1rem;font-size:1rem;color:#fbbf24;resize:vertical;font-family:inherit;transition:all .3s}.translator-textarea::-moz-placeholder{color:#fbbf2480}.translator-textarea::placeholder{color:#fbbf2480}.translator-textarea:focus{outline:none;border-color:#22c55e99;background:#22c55e26;box-shadow:0 0 20px #22c55e4d}.translator-textarea.output{background:#22c55e26;border-color:#22c55e66}.translator-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.translator-btn{background:#22c55e33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(34,197,94,.4);padding:.875rem 1.75rem;border-radius:50px;font-size:1rem;font-weight:600;color:#fbbf24;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem}.translator-btn:hover:not(:disabled){background:#22c55e4d;transform:translateY(-2px);box-shadow:0 5px 15px #22c55e4d}.translator-btn:disabled{opacity:.5;cursor:not-allowed}.translator-btn.primary{background:#22c55e4d;border-color:#22c55e99}.translator-btn.primary:hover:not(:disabled){background:#22c55e66;box-shadow:0 5px 20px #22c55e80}@media(max-width:768px){.quick-translator{padding:1.5rem}.translator-header h3{font-size:1.5rem}.translator-languages{flex-direction:column;gap:.75rem}.swap-button{transform:rotate(90deg)}.swap-button:hover{transform:rotate(270deg)}.translator-actions{flex-direction:column}.translator-btn{width:100%;justify-content:center}}.conjugation-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.conjugation-modal{background:linear-gradient(145deg,#1e1e24,#121216);border:2px solid rgba(255,140,0,.4);border-radius:20px;width:100%;max-width:860px;max-height:90vh;overflow-y:auto;padding:2rem;box-shadow:0 25px 50px -12px #000c,0 0 30px #ff8c0033;color:#fff}.conjugation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.conjugation-badge{font-size:.8rem;font-weight:700;color:#ff8c00;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.conjugation-title{font-size:1.6rem;font-weight:800;color:#fff;margin:0}.conjugation-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s}.conjugation-close:hover{background:#ef44444d;border-color:#ef4444}.verb-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.verb-tab-btn{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#e5e7eb;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.verb-tab-btn:hover{background:#ffffff1f}.verb-tab-btn.active{background:linear-gradient(135deg,#ff8c00,#ea580c);border-color:#ff8c00;color:#fff;box-shadow:0 4px 12px #ff8c004d}.verb-tab-roman{font-style:italic;opacity:.85}.verb-tab-meaning{font-size:.8rem;opacity:.8}.tense-toggle-bar{display:flex;gap:.75rem;margin-bottom:1.25rem}.tense-toggle-btn{flex:1;padding:.6rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#d1d5db;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s}.tense-toggle-btn.active{background:#ff8c0033;border-color:#ff8c00;color:#ffaa5a}.conjugation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem}.conjugation-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;transition:all .2s}.conjugation-card:hover{background:#ffffff12;border-color:#ff8c004d}.conjugation-subject{font-size:.75rem;font-weight:700;color:#ffffff80;text-transform:uppercase;margin-bottom:.25rem}.conjugation-form-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.conjugation-form{font-size:1.15rem;font-weight:800;color:#ffaa5a}.conjugation-roman{font-size:.85rem;font-style:italic;color:#ffffffb3}.conjugation-audio-btn{background:none;border:none;color:#fff9;cursor:pointer;padding:.2rem;border-radius:4px;display:flex;align-items:center;transition:all .2s}.conjugation-audio-btn:hover{color:#ff8c00}.conjugation-meaning{font-size:.85rem;color:#ffffffbf}.polite-formula-box{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:1.25rem;margin-bottom:1.25rem}.formula-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.formula-tag{font-size:.8rem;font-weight:700;color:#34d399;text-transform:uppercase}.formula-audio-btn{background:#10b98133;border:1px solid rgba(16,185,129,.4);color:#34d399;border-radius:14px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:.25rem;cursor:pointer}.formula-text{font-size:1.2rem;font-weight:800;color:#fff}.formula-roman{font-size:.9rem;font-style:italic;color:#34d399;margin-top:.1rem}.formula-meaning{font-size:.9rem;color:#fffc;margin-top:.25rem}.formula-tip{font-size:.85rem;color:#a7f3d0;margin-top:.5rem;line-height:1.4}.sample-sentence-box{background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.sample-label{font-size:.75rem;font-weight:700;color:#818cf8;text-transform:uppercase;margin-bottom:.4rem}.sample-target-row{display:flex;align-items:center;gap:.5rem}.sample-target{font-size:1.05rem;font-weight:700;color:#fff}.sample-audio-btn{background:none;border:none;color:#818cf8;cursor:pointer;display:flex;align-items:center;padding:.2rem}.sample-roman{font-size:.85rem;font-style:italic;color:#a5b4fc;margin-top:.15rem}.sample-translation{font-size:.85rem;color:#ffffffbf;margin-top:.25rem}.conjugation-footer{display:flex;justify-content:flex-end}.conjugation-done-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ff8c00,#ea580c);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s}.conjugation-done-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff8c0066}.bonus-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;animation:fadeIn .3s ease-in}.bonus-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(139,92,246,.4);border-radius:24px;padding:2.5rem;max-width:650px;width:90%;max-height:85vh;overflow-y:auto;z-index:3001;animation:popIn .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 20px 60px #8b5cf64d}.bonus-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(139,92,246,.3)}.bonus-title{font-size:1.8rem;font-weight:800;color:#fff;margin:0;background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bonus-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;font-size:1.8rem;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1}.bonus-close:hover{background:#ef444433;border-color:#ef4444;color:#fca5a5;transform:rotate(90deg)}.bonus-content{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.bonus-section{background:#0003;border-radius:16px;padding:1.5rem}.bonus-section-title{font-size:1.3rem;font-weight:700;color:#a78bfa;margin:0 0 .75rem}.bonus-section-desc{color:#fffc;font-size:.95rem;margin-bottom:1rem;line-height:1.6}.full-story-btn{width:100%;padding:1rem 1.5rem;border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #10b98166}.full-story-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98180}.bonus-facts{display:flex;flex-direction:column;gap:1rem}.bonus-fact{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:1.25rem;color:#fff;font-size:1.05rem;line-height:1.7;transition:all .3s}.bonus-fact:hover{background:#8b5cf626;border-color:#8b5cf680;transform:translate(8px)}.bonus-fact strong{color:#a78bfa;font-weight:700}.bonus-footer{text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.bonus-continue-btn{padding:1rem 2.5rem;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #8b5cf666}.bonus-continue-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf680}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.pronunciation-coach-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:coachFadeIn .25s ease-out}@keyframes coachFadeIn{0%{opacity:0}to{opacity:1}}.pronunciation-coach-modal{width:100%;max-width:680px;background:#111827;border:1px solid rgba(255,107,53,.4);border-radius:20px;box-shadow:0 20px 60px #0009,0 0 40px #ff6b3533;padding:1.75rem;color:#fff;position:relative;display:flex;flex-direction:column;gap:1.25rem;max-height:90vh;overflow-y:auto}.coach-close-btn{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;color:#94a3b8;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s}.coach-close-btn:hover{background:#fff3;color:#fff}.coach-header{display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.coach-avatar-img{width:68px;height:68px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #ff6b35;box-shadow:0 0 16px #ff6b3566}.coach-header-info h3{margin:0;font-size:1.3rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:.5rem}.coach-header-info p{margin:.25rem 0 0;font-size:.9rem;color:#94a3b8}.coach-sentence-box{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.coach-sentence-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#ffaa5a;font-weight:700}.coach-words-container{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.coach-word{font-size:1.25rem;font-weight:700;padding:.35rem .65rem;border-radius:8px;transition:all .2s;display:inline-flex;align-items:center;gap:.25rem}.coach-word.neutral{background:#ffffff0f;color:#e2e8f0}.coach-word.correct{background:#10b98133;border:1px solid rgba(16,185,129,.6);color:#34d399}.coach-word.flagged{background:#f59e0b40;border:1px solid rgba(245,158,11,.8);color:#fbbf24;animation:pulseFlag 1.5s infinite}@keyframes pulseFlag{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 12px #f59e0b80}}.coach-sentence-translation{font-size:.95rem;color:#94a3b8;font-style:italic;margin-top:.25rem}.coach-recording-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 0}.coach-mic-button{width:72px;height:72px;border-radius:50%;border:none;background:linear-gradient(135deg,#ff6b35,#e11d48);color:#fff;font-size:1.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #ff6b3566;transition:all .2s}.coach-mic-button:hover{transform:scale(1.06)}.coach-mic-button.recording{background:linear-gradient(135deg,#ef4444,#dc2626);animation:pulseMic 1.2s infinite}@keyframes pulseMic{0%{transform:scale(1);box-shadow:0 0 #ef444499}70%{transform:scale(1.1);box-shadow:0 0 0 20px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.coach-recording-status{font-size:.95rem;color:#cbd5e1;font-weight:600}.coach-done-speaking-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.6rem 1.4rem;border-radius:20px;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 4px 14px #10b98166;transition:all .2s;animation:pulseGreen 1.5s infinite}.coach-done-speaking-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #10b98199}@keyframes pulseGreen{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 10px #10b98100}}.pronunciation-coach-modal.celebration-mode{border-color:#10b981;box-shadow:0 25px 70px #000000b3,0 0 50px #10b98159;animation:celebrationPulse 1s ease-out}@keyframes celebrationPulse{0%{transform:scale(.97)}50%{transform:scale(1.02)}to{transform:scale(1)}}.coach-avatar-img.celebrating{border-color:#10b981;box-shadow:0 0 25px #10b98199;animation:avatarBounce 1.2s infinite ease-in-out}@keyframes avatarBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.coach-success-box{background:linear-gradient(135deg,#10b98138,#0596691f);border:2px solid #10b981;border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;animation:coachFadeIn .3s ease-out;box-shadow:0 10px 30px #10b98140}.coach-success-stars{font-size:2.2rem;letter-spacing:.4rem;animation:starTwinkle 1s ease-in-out infinite alternate}@keyframes starTwinkle{0%{transform:scale(.95);opacity:.85}to{transform:scale(1.15);opacity:1}}.coach-success-badge{color:#34d399;font-weight:900;font-size:1.35rem;letter-spacing:.02em;text-shadow:0 0 20px rgba(52,211,153,.5)}.coach-success-desc{margin:0;color:#e2e8f0;font-size:1rem;line-height:1.5;max-width:520px}.coach-success-actions{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.coach-action-btn.celebrate{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:1rem;padding:.75rem 1.6rem;box-shadow:0 8px 24px #10b98173}.coach-action-btn.celebrate:hover{transform:translateY(-2px);box-shadow:0 12px 28px #10b98199}.coach-action-btn.tertiary{background:transparent;border:1px solid rgba(255,255,255,.15);color:#94a3b8}.coach-action-btn.tertiary:hover{background:#ffffff0d;color:#fff}.coach-flagged-box{background:#f59e0b1a;border:1px solid rgba(245,158,11,.4);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.coach-flagged-title{color:#fbbf24;font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:.4rem}.coach-flagged-items{display:flex;flex-direction:column;gap:.5rem}.coach-flagged-row{display:flex;align-items:center;justify-content:space-between;background:#00000040;padding:.5rem .75rem;border-radius:8px}.coach-flagged-word-text{font-size:1.05rem;font-weight:700;color:#fff}.coach-flagged-word-roman{font-size:.85rem;color:#fbbf24;font-style:italic;margin-left:.4rem}.coach-listen-word-btn{background:#ff6b3533;border:1px solid rgba(255,107,53,.5);color:#ffaa5a;padding:.3rem .6rem;border-radius:6px;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:.3rem;transition:all .2s}.coach-listen-word-btn:hover{background:#ff6b3559;color:#fff}.coach-actions{display:flex;gap:.75rem;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.coach-action-btn{padding:.65rem 1.25rem;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem}.coach-action-btn.secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#cbd5e1}.coach-action-btn.secondary:hover{background:#ffffff26;color:#fff}.coach-action-btn.primary{background:linear-gradient(135deg,#ff6b35,#f59e0b);border:none;color:#fff}.coach-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b3566}.tutor-card-dock{display:flex;align-items:center;gap:.6rem;padding:.4rem .8rem;background:#ff6b351f;border:1px solid rgba(255,107,53,.35);border-radius:30px;cursor:pointer;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tutor-card-dock:hover{background:#ff6b3538;border-color:#ff6b35;box-shadow:0 4px 16px #ff6b354d;transform:translateY(-1px)}.tutor-card-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1.5px solid #ff6b35}.tutor-card-label{font-size:.82rem;font-weight:700;color:#ffaa5a;display:flex;align-items:center;gap:.3rem}.tutor-card-dock.passed{background:#10b9812e;border-color:#10b981;box-shadow:0 0 14px #10b98159}.tutor-card-dock.passed .tutor-card-avatar{border-color:#10b981}.tutor-card-dock.passed .tutor-card-label{color:#34d399}.tutor-pass-stars{color:#fbbf24;font-size:.85rem;margin-left:.2rem}.spotlight-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.spotlight-modal{background:linear-gradient(135deg,#1a1a1a,#2a1515);border:3px solid #ff6b35;border-radius:24px;padding:2.5rem;max-width:700px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #ff6b3566;animation:popIn .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.spotlight-sofia{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.sofia-avatar{width:80px;height:80px;background:linear-gradient(135deg,#ff6b35,gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin-bottom:.5rem;box-shadow:0 8px 24px #ff6b3580;animation:pulse 2s ease-in-out infinite}.sofia-label{color:gold;font-weight:700;font-size:1.1rem;letter-spacing:.5px}.spotlight-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;border-radius:8px;padding:.5rem;color:#fff;cursor:pointer;transition:all .3s}.spotlight-close:hover{background:#fff3}.spotlight-title{color:#fff;font-size:1.8rem;font-weight:800;text-align:center;margin-bottom:2rem}.spotlight-comparison{display:flex;gap:2rem;margin-bottom:2rem;align-items:stretch}.spotlight-word{flex:1;background:#ffffff0d;border-radius:16px;padding:1.5rem;border:2px solid rgba(255,255,255,.1)}.spotlight-word.word-1{border-color:#3b82f6}.spotlight-word.word-2{border-color:#22c55e}.word-badge{font-size:2rem;margin-bottom:.5rem}.word-main{color:#fff;font-size:1.8rem;font-weight:800;margin-bottom:.5rem}.word-meaning{color:gold;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.word-context{color:#fffc;font-size:.95rem;margin-bottom:1rem;line-height:1.6}.word-context strong{color:#ff6b35}.word-example{color:#ffffffb3;font-size:.9rem;font-style:italic;background:#0000004d;padding:.75rem;border-radius:8px;border-left:3px solid #ff6b35}.vs-divider{display:flex;align-items:center;justify-content:center;color:#ff6b35;font-size:1.5rem;font-weight:900;min-width:40px}.spotlight-explanation{background:#ffd7001a;border:2px solid rgba(255,215,0,.3);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;display:flex;gap:1rem;align-items:flex-start}.explanation-icon{font-size:2rem;flex-shrink:0}.spotlight-explanation p{color:#fff;line-height:1.7;margin:0;font-size:1.05rem}.spotlight-tip{background:#ff6b3526;border:2px solid rgba(255,107,53,.4);border-radius:12px;padding:1.25rem;margin-bottom:2rem;display:flex;gap:1rem;align-items:flex-start}.tip-icon{font-size:1.5rem;flex-shrink:0}.spotlight-tip p{color:#fff;margin:0;font-size:1rem}.spotlight-tip strong{color:#ff6b35}.spotlight-continue{width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,#ff6b35,gold);border:none;border-radius:12px;color:#000;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #ff6b3566}.spotlight-continue:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b3599}@media(max-width:768px){.spotlight-modal{padding:1.5rem}.spotlight-comparison{flex-direction:column;gap:1rem}.vs-divider{min-width:auto;padding:.5rem 0}.spotlight-title,.word-main{font-size:1.5rem}}.comic-modal-overlay{position:fixed;inset:0;background:#000000e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:11000;padding:1rem}.comic-modal-container{width:100%;max-width:960px;max-height:94vh;background:linear-gradient(145deg,#18181b,#09090b);border:2px solid rgba(255,255,255,.15);border-radius:24px;box-shadow:0 25px 80px #000000b3;display:flex;flex-direction:column;overflow:hidden;position:relative}.comic-header{padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);background:#18181bcc}.comic-title-row{display:flex;align-items:center;gap:.75rem}.comic-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-weight:800;font-size:.75rem;padding:.25rem .65rem;border-radius:12px;text-transform:uppercase}.comic-title{color:#fff;font-size:1.25rem;font-weight:800;margin:0}.comic-close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#e4e4e7;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.comic-close-btn:hover{background:#ef444440;border-color:#ef4444;color:#fff}.comic-controls-bar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.5rem;background:#00000059;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap;gap:.5rem}.role-switcher-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#22c55e33,#10b98133);border:1.5px solid #22c55e;color:#86efac;font-weight:700;font-size:.85rem;padding:.45rem .95rem;border-radius:20px;cursor:pointer;transition:all .2s}.role-switcher-btn:hover{background:linear-gradient(135deg,#22c55e59,#10b98159);transform:scale(1.02)}.shot-prompt-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;font-size:.8rem;font-weight:600;padding:.4rem .8rem;border-radius:16px;cursor:pointer;transition:all .2s}.shot-prompt-btn:hover{background:#ffffff26;color:#fff}.comic-stage{flex:1;min-height:420px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.comic-backdrop-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;filter:brightness(.65);transition:all .5s ease}.comic-guided-camera-box{position:absolute;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#020617}.comic-camera-sheet{position:absolute;top:0;left:0;transition:transform .7s cubic-bezier(.2,.8,.2,1);transform-origin:top left}.comic-shot-pill{position:absolute;top:1rem;left:1rem;background:#000000bf;border:1px solid rgba(255,255,255,.2);color:#fef08a;padding:.35rem .75rem;border-radius:14px;font-size:.78rem;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.comic-actors-row{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;padding:1.5rem 2rem .5rem;margin-top:auto}.comic-actor-card{display:flex;flex-direction:column;align-items:center;gap:.35rem;transition:all .3s;opacity:.55;transform:scale(.92)}.comic-actor-card.speaking{opacity:1;transform:scale(1.06)}.actor-avatar-circle{width:80px;height:80px;border-radius:50%;border:3px solid rgba(255,255,255,.3);overflow:hidden;background:#18181b;box-shadow:0 8px 24px #0009}.comic-actor-card.speaking .actor-avatar-circle{border-color:#22c55e;box-shadow:0 0 25px #22c55e99}.actor-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.actor-name-tag{background:#000000d9;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.8rem;font-weight:700;padding:.2rem .6rem;border-radius:12px}.comic-bubble-area{position:relative;z-index:3;margin:.5rem 1.5rem 1rem;background:#fffffff5;border-radius:20px;padding:1.25rem 1.5rem;box-shadow:0 12px 40px #00000080;color:#18181b}.comic-bubble-speaker{font-size:.85rem;font-weight:800;color:#ea580c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem;display:flex;align-items:center;gap:.5rem}.comic-bubble-text{font-size:1.35rem;font-weight:800;line-height:1.35;color:#09090b;margin-bottom:.35rem}.comic-bubble-translation{font-size:.95rem;color:#52525b;font-style:italic;font-weight:500}.comic-bubble-phonetic{font-size:.85rem;color:#d97706;font-weight:600;margin-top:.25rem}.comic-interactive-box{margin-top:.85rem;padding-top:.85rem;border-top:1.5px dashed rgba(0,0,0,.15);display:flex;flex-direction:column;gap:.65rem}.comic-typing-row{display:flex;gap:.5rem}.comic-typing-input{flex:1;padding:.65rem 1rem;font-size:1rem;font-weight:600;border-radius:12px;border:2px solid #cbd5e1;outline:none;transition:all .2s}.comic-typing-input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e33}.comic-btn-check{background:#22c55e;color:#fff;border:none;font-weight:700;padding:.65rem 1.25rem;border-radius:12px;cursor:pointer;transition:all .2s}.comic-btn-check:hover{background:#16a34a}.comic-speech-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;background:linear-gradient(135deg,#ff8c00,#ea580c);color:#fff;border:none;font-weight:700;font-size:.9rem;padding:.65rem 1rem;border-radius:12px;cursor:pointer;transition:all .2s}.comic-speech-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ea580c59}.comic-footer{padding:.9rem 1.5rem;background:#121214f2;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.comic-nav-btn{padding:.5rem 1.15rem;border-radius:12px;font-weight:700;font-size:.85rem;cursor:pointer;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;transition:all .2s}.comic-nav-btn:hover:not(:disabled){background:#ffffff2e}.comic-nav-btn:disabled{opacity:.4;cursor:not-allowed}.comic-step-indicator{color:#a1a1aa;font-size:.85rem;font-weight:600}.story-learning-interface{display:grid;grid-template-columns:280px 1fr 320px;height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#2a1515);overflow:hidden}.intro-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-in}.intro-modal{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #1f26875e;border-radius:24px;padding:3rem;max-width:600px;width:90%;animation:popIn .4s cubic-bezier(.68,-.55,.265,1.55)}.intro-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.intro-back-btn,.intro-skip-btn{padding:.75rem 1.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s}.intro-back-btn:hover{background:#ffffff26;transform:translate(-3px)}.intro-skip-btn:hover{background:#ffffff26;transform:translate(3px)}.intro-header-secondary{text-align:center;margin-bottom:2rem;position:relative}.mute-toggle{position:absolute;top:0;right:0;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.mute-toggle:hover{background:#ffffff26;transform:scale(1.1)}.intro-badge{display:inline-block;background:linear-gradient(135deg,#ffd70026,#ffd7000d);padding:.5rem 1rem;border-radius:50px;font-size:1rem;font-weight:700;color:gold;text-shadow:0 2px 8px rgba(255,215,0,.4);border:1px solid rgba(255,215,0,.3);margin-bottom:1rem}.intro-title{font-size:2rem;font-weight:800;margin:0;background:linear-gradient(135deg,#d4af37,#f4e4a6,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(212,175,55,.3)}.intro-progress{color:#fff9;font-size:.9rem;margin-top:.5rem}.intro-content{margin-bottom:2rem}.intro-segment{padding:2rem;background:#ffffff0d;border-radius:12px;border-left:3px solid rgba(255,255,255,.2);transition:all .3s}.intro-segment.active{background:#ffffff14;border-left-color:#ff6b3599}.intro-text-target{color:#fff;font-size:1.4rem;font-weight:600;line-height:1.8;margin-bottom:1rem}.intro-text-translation{color:#ffffffa6;font-size:1.05rem;font-style:italic}.intro-actions{display:flex;gap:1rem}.btn-intro-back,.btn-intro-next{flex:1;padding:1.25rem;border:2px solid;border-radius:12px;font-size:1.1rem;font-weight:700;color:#fff;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-intro-back{background:#ffffff1a;border-color:#ffffff4d}.btn-intro-back:hover:not(:disabled){background:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 24px #fff3}.btn-intro-back:disabled{opacity:.5;cursor:not-allowed}.btn-intro-next:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff6b3566}.story-left-sidebar{display:flex;flex-direction:column;background:#000;border-right:none;overflow-y:auto}.sofia-section{position:relative;padding:2rem;text-align:center;border-bottom:none;flex-shrink:0}.sofia-avatar-large{font-size:5rem;margin-bottom:.5rem}.sofia-name{color:#fff;font-size:1.5rem;font-weight:700}.toggle-images-btn{position:absolute;bottom:1rem;left:1rem;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s;opacity:.6}.country-images{flex:1;padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.country-img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:12px;opacity:0;animation:fadeInSequence 12s infinite}.country-img:nth-child(1){animation-delay:0s}.country-img:nth-child(2){animation-delay:3s}.country-img:nth-child(3){animation-delay:6s}.country-img:nth-child(4){animation-delay:9s}@keyframes fadeInSequence{0%{opacity:0;transform:translateY(10px)}8%{opacity:.5;transform:translateY(0)}25%{opacity:.5;transform:translateY(0)}33%{opacity:0;transform:translateY(-10px)}to{opacity:0}}.toggle-images-btn{position:absolute;bottom:1rem;left:1rem;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s;z-index:10;opacity:.6}.toggle-images-btn:hover{opacity:1;background:#0009;transform:scale(1.1);border-color:#ffffff4d}.story-center-area{display:flex;flex-direction:column;overflow:hidden}.story-header-bar{padding:1.5rem 2rem;background:#000000b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:2px solid #ff6b35;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;position:sticky;top:0;z-index:100}.language-toggles{display:flex;gap:.5rem;align-items:center}.lang-toggle,.practice-toggle{padding:.5rem 1rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff9;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s}.lang-toggle.active,.practice-toggle.active{background:#ff6b354d;border-color:#ff6b3599;color:#fff}.lang-toggle:hover,.practice-toggle:hover{background:#ffffff26;transform:translateY(-2px)}.practice-toggle{font-size:1.2rem;padding:.5rem .75rem}.practice-hint{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.reveal-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s}.reveal-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.back-button{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s}.back-button:hover{background:#ffffff26}.story-title-header{flex:1;font-size:1.8rem;font-weight:800;margin:0}.story-meta-info{color:#ffffffb3;font-size:.9rem}.story-text-container{flex:1;overflow-y:auto;padding:3rem;background:#000}.section-title{font-size:1.5rem;font-weight:800;margin:0 0 2rem;text-align:center}.story-sentence{margin-bottom:3rem;padding:1.5rem;background:transparent;border-radius:12px;border-left:3px solid rgba(255,107,53,.3);transition:all .3s}.story-sentence.active-sentence{background:#8b5c4626;border-left-color:#ff6b35e6;transform:translate(4px)}.story-sentence.next-sentence{opacity:.7;cursor:pointer!important;transition:all .2s}.story-sentence.next-sentence:hover{opacity:1;background:#ff6b351f;border-left-color:#ff6b3599;transform:translate(2px);box-shadow:0 2px 12px #ff6b354d}.story-sentence.past-sentence{opacity:.5}.story-sentence.narrator-segment{text-align:center!important;background:linear-gradient(135deg,#a78bfa33,#c4b5fd26)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:2px solid rgba(167,139,250,.5)!important;border-left:2px solid rgba(167,139,250,.5)!important;border-radius:16px!important;padding:1.5rem 2rem!important;margin:2rem auto!important;max-width:600px!important;position:relative;box-shadow:0 6px 24px #a78bfa66!important}.story-sentence.narrator-segment:before{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid rgba(167,139,250,.5)}.story-sentence.narrator-segment.active-sentence{background:linear-gradient(135deg,#a78bfa4d,#c4b5fd33)!important;border-color:#a78bfa99!important;box-shadow:0 8px 30px #a78bfa80}.narrator-segment .sentence-text{color:#fffffffa!important;font-size:1.3rem!important;font-weight:700!important;line-height:1.8;font-style:italic}.narrator-segment .sentence-translation{color:#fbbf24!important;font-weight:500!important;margin-top:.5rem;display:block}.sofia-final-segment{text-align:center!important;background:linear-gradient(135deg,#22c55e33,#10b98126)!important;border:2px solid rgba(34,197,94,.5)!important;border-left:2px solid rgba(34,197,94,.5)!important;border-radius:16px!important;padding:1.5rem 2rem!important;margin:2rem auto!important;max-width:600px!important;position:relative;box-shadow:0 6px 24px #22c55e66!important}.sofia-final-segment:before{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid rgba(34,197,94,.5)}.sofia-final-segment .sentence-text{color:#fffffffa!important;font-size:1.3rem!important;font-weight:700!important}.sofia-final-segment .sentence-translation{color:#fbbf24!important;font-weight:500!important}.narration-practice-btn{margin-top:1rem;padding:.75rem 1.5rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s}.narration-practice-btn:hover{background:#ffffff40;transform:translateY(-2px)}.story-sentence.active-sentence{background:#ff6b351a}.speaker-label{font-size:1.2rem;font-weight:800;margin-right:.75rem;display:block;margin-bottom:.5rem}.sentence-text{color:#fff;font-size:1.4rem;font-weight:600;line-height:1.8;display:block;margin-bottom:.75rem}.sentence-translation{color:#fbbf24;font-size:1.05rem;font-style:italic;display:block;padding-left:0;font-weight:500}.story-right-sidebar{display:flex;flex-direction:column;background:#000;border-left:none;overflow:hidden}.practice-panel{padding:1.5rem 1.5rem 2rem;border-bottom:none;flex-shrink:0;position:relative;z-index:2}.practice-panel:after{content:"";position:absolute;bottom:0;left:1.5rem;right:1.5rem;height:2px;background:#ff6b35;z-index:1}.panel-title{font-size:1.2rem;font-weight:700;margin:0 0 1rem}.practice-counter{color:#ffffffb3;font-size:.85rem;margin-bottom:1rem}.current-practice{background:#ffffff0d;border-radius:12px;padding:1rem}.practice-text{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;line-height:1.6}.practice-translation{color:#fff9;font-size:.95rem;font-style:italic;margin-bottom:1rem}.practice-buttons{display:flex;flex-direction:column;gap:.6rem;width:100%}.practice-buttons-row{display:flex;gap:.5rem;width:100%}.practice-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%}.btn-listen,.btn-bonus,.btn-next,.btn-complete{padding:.75rem .5rem;border:none;border-radius:12px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .3s;color:#fff;text-align:center;white-space:nowrap}.btn-listen{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.btn-bonus,.btn-next{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff}.btn-complete{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-listen:hover,.btn-next:hover,.btn-complete:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.vocabulary-panel{padding:1.5rem 1.5rem 2rem;border:none;max-height:45vh;overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:2}.vocabulary-panel:after{content:"";position:absolute;bottom:0;left:1rem;right:1rem;height:2px;background:#ff6b35;z-index:1}.vocab-scroll-area{flex:1;overflow-y:auto;padding-right:.5rem;margin-top:1rem}.vocab-scroll-area::-webkit-scrollbar{width:6px}.vocab-scroll-area::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.vocab-scroll-area::-webkit-scrollbar-thumb{background:#ff6b3580;border-radius:3px}.vocab-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:transparent;border-radius:8px;margin-bottom:.5rem;transition:all .3s}.vocab-item:hover{background:transparent}.vocab-content{flex:1}.vocab-word{color:#fff;font-weight:700;font-size:1rem;margin-bottom:.25rem}.vocab-meaning{color:#ffffffb3;font-size:.85rem}.vocab-play-btn{padding:.5rem .75rem;background:#ff6b354d;border:1px solid rgba(255,107,53,.5);border-radius:50px;color:#fff;cursor:pointer;font-size:.9rem;transition:all .3s}.vocab-play-btn:hover{background:#ff6b3580;transform:scale(1.05)}.scratchpad-panel{padding:1.5rem;display:flex;flex-direction:column;border-top:none;transition:all .3s}.scratchpad-panel.collapsed{min-height:auto}.scratchpad-panel.expanded{flex:1;min-height:250px}.scratchpad-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.notes-indicator{font-size:.75rem;color:#ffffff80;font-weight:400;margin-left:.5rem}.scratchpad-controls{display:flex;gap:.5rem}.scratchpad-toggle-btn,.scratchpad-popout-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s;font-size:.9rem}.scratchpad-toggle-btn:hover,.scratchpad-popout-btn:hover{background:#fff3;transform:scale(1.05)}.scratchpad-textarea{flex:1;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;color:#fff;font-size:.95rem;font-family:inherit;resize:none;margin-bottom:.5rem;min-height:150px}.scratchpad-textarea::-moz-placeholder{color:#fff6}.scratchpad-textarea::placeholder{color:#fff6}.scratchpad-textarea:focus{outline:none;border-color:#ff6b3580;background:transparent}.clear-notes-btn{padding:.5rem 1rem;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:6px;color:#fff;font-size:.85rem;cursor:pointer;transition:all .3s}.clear-notes-btn:hover{background:#ef44444d;transform:translateY(-1px)}.scratchpad-popout-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s}.scratchpad-popout-window{background:linear-gradient(135deg,#1a1a1a,#2a1515);border:2px solid rgba(255,255,255,.2);border-radius:16px;width:90%;max-width:700px;height:70vh;display:flex;flex-direction:column;animation:popIn .3s cubic-bezier(.68,-.55,.265,1.55)}.popout-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.popout-header h3{margin:0;font-size:1.3rem}.close-popout-btn{background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s}.close-popout-btn:hover{background:#ef44444d;transform:rotate(90deg)}.scratchpad-textarea-large{flex:1;background:transparent;border:none;padding:1.5rem;color:#fff;font-size:1rem;font-family:inherit;resize:none;margin:0}.scratchpad-textarea-large::-moz-placeholder{color:#fff6}.scratchpad-textarea-large::placeholder{color:#fff6}.scratchpad-textarea-large:focus{outline:none;background:transparent}.popout-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.auto-save-indicator{color:#22c55ecc;font-size:.85rem}.completion-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in}.completion-modal{position:relative;background:linear-gradient(135deg,#1a1a1a,#2a1515);border:3px solid #22c55e;border-radius:24px;padding:3rem 4rem;max-width:500px;text-align:center;box-shadow:0 20px 60px #22c55e4d;animation:popIn .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.confetti-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:24px}.confetti{position:absolute;font-size:2rem;animation:fall 3s linear infinite;opacity:0}.confetti:nth-child(1){left:10%;animation-delay:0s}.confetti:nth-child(2){left:20%;animation-delay:.3s}.confetti:nth-child(3){left:30%;animation-delay:.6s}.confetti:nth-child(4){left:40%;animation-delay:.9s}.confetti:nth-child(5){left:60%;animation-delay:.2s}.confetti:nth-child(6){left:70%;animation-delay:.5s}.confetti:nth-child(7){left:80%;animation-delay:.8s}.confetti:nth-child(8){left:90%;animation-delay:.4s}@keyframes fall{0%{top:-10%;opacity:0;transform:rotate(0)}10%{opacity:1}90%{opacity:1}to{top:110%;opacity:0;transform:rotate(360deg)}}.completion-content{position:relative;z-index:1}.completion-title{font-size:3rem;font-weight:900;color:#22c55e;margin-bottom:.5rem;text-shadow:0 4px 20px rgba(34,197,94,.5)}.completion-subtitle{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.completion-praise{color:#fffc;font-size:1.1rem;margin-bottom:2rem}.completion-buttons{display:flex;gap:1rem;justify-content:center}.btn-restart-modal,.btn-new-story{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s}.btn-restart-modal{background:#ff6b3526;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,107,53,.4);color:#fff;box-shadow:0 8px 32px #ff6b3533}.btn-new-story{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);color:#fff}.btn-restart-modal:hover{background:#ff6b3540;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #ff6b3566}.btn-new-story:hover{transform:translateY(-4px);background:#ffffff1f;box-shadow:0 8px 24px #fff3}.icon{filter:hue-rotate(100deg) saturate(1.5) brightness(1.3);display:inline-block}.completion-message{display:none}@media(max-width:1024px){.story-learning-interface{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.story-left-sidebar{display:none}.story-right-sidebar{max-height:40vh}}.intro-header-secondary select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#ffffff14!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:.75rem!important;color:#fff!important;padding:.5rem 2rem .5rem .75rem!important;font-size:.9rem!important;font-weight:500!important;cursor:pointer!important;box-shadow:0 4px 16px #1f268733!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .5rem center!important;transition:all .3s ease!important}.intro-header-secondary select:hover{background:#ffffff1f!important;border-color:#ffffff4d!important}.intro-header-secondary select:focus{outline:none!important;border-color:#ffd70080!important;box-shadow:0 0 0 3px #ffd7001a!important}.intro-header-secondary select option{background:#141414f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:.75rem;border:none;font-size:.9rem}.intro-header-secondary select option:hover{background:#ffd70033}.reading-library-page{min-height:100vh;background:linear-gradient(135deg,#2c1810,#1a1110,#0a0a0a);padding:2rem}.library-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;max-width:1400px;margin-left:auto;margin-right:auto}.library-back-btn{padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s}.library-back-btn:hover{background:#ffffff26}.library-title-container{flex:1;text-align:center}.library-title{font-size:2.2rem;font-weight:800;color:#fff;margin:0 0 .35rem;letter-spacing:-.02em}.library-subtitle{font-size:1.05rem;color:#ffaa5a;font-weight:600}.library-subtitle-roman{color:#ffffffb3;font-style:italic;font-weight:400}.books-container{max-width:1400px;margin:0 auto}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.book-card{min-height:440px;border-radius:16px;overflow:hidden;cursor:pointer;position:relative;transition:all .3s;border:2px solid rgba(255,255,255,.1)}.book-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #ff6b3566;border-color:#ff6b3580}.book-info{position:absolute;bottom:0;left:0;right:0;padding:1.75rem;background:linear-gradient(to top,rgba(0,0,0,.96) 0%,rgba(0,0,0,.7) 70%,transparent 100%);color:#fff}.book-level-badge{display:inline-block;padding:.25rem .75rem;background:#ff6b35;border-radius:12px;font-size:.75rem;font-weight:700;margin-bottom:.5rem}.book-title-target{font-size:1.35rem;font-weight:800;margin:0 0 .25rem;color:#fff;line-height:1.25}.book-title-roman{font-size:.9rem;font-weight:600;font-style:italic;color:#ff8c00;margin-bottom:.35rem}.book-title-en{font-size:.95rem;font-weight:600;color:#ffffffe6;margin-bottom:.5rem;line-height:1.3}.book-author{font-size:.85rem;opacity:.8;margin:0 0 .6rem;font-style:italic}.book-meta{display:flex;gap:1.2rem;font-size:.85rem;margin-bottom:.6rem;opacity:.9}.book-description{font-size:.85rem;line-height:1.4;color:#fffc;margin:0}.book-cta{font-size:1.1rem;font-weight:700;color:#ff6b35}.book-reader-page{min-height:100vh;background:linear-gradient(135deg,#2c1810,#1a1110,#0a0a0a);padding:2rem;position:relative}.reader-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:3rem;max-width:900px;margin-left:auto;margin-right:auto}.reader-back-btn{padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s}.reader-back-btn:hover{background:#ffffff26}.reader-title-container{flex:1;text-align:center}.reader-book-title-target{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .2rem;letter-spacing:-.01em}.reader-book-title-roman{font-size:.95rem;color:#ff8c00;font-weight:600;font-style:italic;margin-bottom:.2rem}.reader-book-title-en{font-size:.95rem;font-weight:600;color:#ffffffe6}.reader-progress{color:#ffffffb3;font-size:.9rem;font-weight:600}.book-container{max-width:900px;margin:0 auto 3rem;background:linear-gradient(135deg,#f4e4c1,#e8d4a8,#d4c19a);border-radius:16px;padding:4rem 3rem;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff4d;border:3px solid #8b7355;position:relative}.book-container:before{content:"";position:absolute;inset:0;border-radius:16px;opacity:.2;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(139,115,85,.1) 2px,rgba(139,115,85,.1) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(139,115,85,.1) 2px,rgba(139,115,85,.1) 4px)}.book-page{position:relative;min-height:400px}.page-text{font-size:1.3rem;line-height:2;color:#3d2817;font-family:Georgia,serif;margin:0 0 2rem;text-align:justify;position:relative;z-index:1}.clickable-word{cursor:pointer;color:#ff6b35;font-weight:600;border-bottom:2px dotted #ff6b35;transition:all .2s}.clickable-word:hover{background:#ff6b351a;border-bottom-style:solid}.word-popup{position:fixed;background:linear-gradient(135deg,#1a1a1a,#2a1515);border:2px solid #ff6b35;border-radius:12px;padding:1rem 1.5rem;box-shadow:0 10px 30px #00000080;transform:translate(-50%);z-index:1000;animation:popIn .2s ease-out}@keyframes popIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.popup-word{font-size:1.1rem;font-weight:800;color:#ff6b35;margin-bottom:.5rem}.popup-translation{font-size:.95rem;color:#fff}.page-translation{margin-top:2rem;padding-top:2rem;border-top:2px solid #8b7355;position:relative;z-index:1}.translation-label{font-size:.85rem;font-weight:700;color:#8b7355;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.page-translation p{font-size:1.05rem;line-height:1.8;color:#5d4a37;font-style:italic;margin:0}.page-navigation{display:flex;justify-content:center;gap:2rem;max-width:900px;margin:0 auto}.nav-btn{padding:1rem 2rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s}.nav-btn:hover:not(:disabled){background:#ff6b3533;border-color:#ff6b35;transform:translateY(-2px)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.mystery-intro-stage{min-height:100vh;background:#000;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;animation:fadeIn .5s ease-in}.flash-transition{animation:flashTransition .5s ease-in}@keyframes flashTransition{0%{opacity:0;filter:brightness(3)}50%{opacity:.5;filter:brightness(2)}to{opacity:1;filter:brightness(1)}}.crime-scene-title{text-align:center;z-index:10;animation:fadeInUp 1.5s ease-out}.typewriter-title{font-family:Courier New,monospace;font-size:4rem;font-weight:900;color:#dc143c;text-transform:capitalize;letter-spacing:.2rem;margin:0;text-shadow:3px 3px 0px #000,0 0 20px rgba(220,20,60,.8);line-height:1.2;overflow:hidden;white-space:nowrap;border-right:3px solid #d4af37;width:0;animation:typewriter 4s steps(40) .5s forwards,blink .75s step-end infinite}.slam-subtitle{font-size:1.8rem;color:#fff;font-style:italic;margin-top:1.5rem;opacity:.8;animation:fadeIn 2s ease-in .5s backwards}.detective-reveal-stage{background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.detective-reveal{text-align:center;z-index:10;animation:fadeInUp 1s ease-out}.detective-portrait-no-circle{max-width:500px;margin:0 auto 2rem;animation:portraitReveal 1.5s ease-out}@keyframes portraitReveal{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.detective-portrait-no-circle img{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 40px rgba(220,20,60,.5))}.detective-portrait{width:400px;height:400px;margin:0 auto 2rem;border-radius:50%;overflow:hidden;border:5px solid #d4af37;box-shadow:0 0 30px #d4af3780,0 0 60px #dc143c4d;animation:portraitReveal 1.5s ease-out}@keyframes portraitReveal{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.detective-portrait img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.detective-intro-text{font-size:1.5rem;color:#d4af37;letter-spacing:.3rem;text-transform:uppercase;margin:0 0 .5rem;animation:fadeIn 1.5s ease-in .5s backwards}.detective-name{font-size:4rem;font-weight:900;color:#dc143c;margin:0 0 2rem;text-shadow:0 0 20px rgba(220,20,60,.8),0 0 40px rgba(220,20,60,.6);animation:fadeIn 2s ease-in 1s backwards}.start-investigation-btn{background:linear-gradient(135deg,#dc143c,#8b0000);color:#fff;border:none;padding:1.5rem 3rem;font-size:1.5rem;font-weight:900;border-radius:50px;cursor:pointer;letter-spacing:.2rem;box-shadow:0 10px 40px #dc143c80;transition:all .3s;animation:pulse 2s ease-in-out infinite 1.5s}.skip-intro-btn{position:absolute;top:20px;right:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;z-index:1000;transition:all .3s}.skip-intro-btn:hover{background:#fff3}.film-grain{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);opacity:.5;pointer-events:none;animation:filmGrainMove .5s steps(10) infinite}@keyframes filmGrainMove{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}.countdown-circle{width:300px;height:300px;border:5px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:countdownPulse 1s ease-in-out}.countdown-number{font-size:8rem;font-weight:900;color:#fff;font-family:Courier New,monospace;animation:countdownFade 1s ease-in-out}@keyframes countdownPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes countdownFade{0%{opacity:0}50%{opacity:1}to{opacity:0}}.title-card{text-align:center;animation:fadeInUp 1s ease-out}.case-number{font-size:1.5rem;color:#d4af37;letter-spacing:.5rem;margin-bottom:2rem;animation:fadeIn 1s ease-in}.case-title{font-size:5rem;font-weight:900;color:#dc143c;letter-spacing:.3rem;margin:0;text-shadow:3px 3px 0px #000,0 0 20px rgba(220,20,60,.8);line-height:1.2;animation:fadeIn 1.5s ease-in}.case-subtitle{font-size:1.8rem;color:#fff;font-style:italic;margin-top:1.5rem;opacity:.8;animation:fadeIn 2s ease-in}.credits-scroll{text-align:center;animation:scrollUp 5s ease-out}.credit-line{font-size:1.5rem;color:#fff;margin:1.5rem 0;font-family:Courier New,monospace;opacity:.9}.credit-line.location{font-size:2rem;color:#d4af37;font-weight:700;margin-bottom:3rem}.credit-line.detective-name{font-size:2.5rem;color:#dc143c;font-weight:700;margin-top:3rem;text-shadow:0 0 20px rgba(220,20,60,.6)}@keyframes scrollUp{0%{transform:translateY(100vh);opacity:0}to{transform:translateY(0);opacity:1}}.case-file-stage{background:linear-gradient(135deg,#000,#1a1a1a)}.case-file-container{perspective:1000px}.case-folder{width:600px;background:#8b4513;border-radius:10px;padding:2rem;position:relative;box-shadow:0 20px 60px #000c;animation:folderOpen 1s ease-out}@keyframes folderOpen{0%{transform:rotateX(-90deg) scale(.5);opacity:0}to{transform:rotateX(0) scale(1);opacity:1}}.folder-tab{position:absolute;top:-20px;left:20px;background:sienna;padding:.5rem 2rem;border-radius:8px 8px 0 0;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.2rem}.folder-content{background:#f4e4c1;border-radius:8px;padding:3rem;text-align:center}.detective-badge{font-size:6rem;margin-bottom:1.5rem;animation:badgeShine 2s ease-in-out infinite}@keyframes badgeShine{0%,to{filter:drop-shadow(0 0 10px rgba(212,175,55,.5))}50%{filter:drop-shadow(0 0 30px rgba(212,175,55,.9))}}.detective-intro{font-size:2.5rem;color:#000;font-weight:700;margin:0 0 .5rem}.detective-tagline{font-size:1.2rem;color:#666;font-style:italic;margin-bottom:2rem}.start-investigation-btn{background:linear-gradient(135deg,#dc143c,#8b0000);color:#fff;border:none;padding:1.5rem 3rem;font-size:1.5rem;font-weight:900;border-radius:50px;cursor:pointer;letter-spacing:.2rem;box-shadow:0 10px 40px #dc143c80;transition:all .3s;animation:pulse 2s ease-in-out infinite}.start-investigation-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 60px #dc143cb3}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mystery-theater-intro{min-height:100vh;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;animation:fadeIn 1s ease-in}.spotlight{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(212,175,55,.3) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 3s ease-in-out infinite}.detective-silhouette{font-size:8rem;margin-bottom:2rem;opacity:.9;animation:fadeInUp 1.5s ease-out;filter:drop-shadow(0 0 30px rgba(212,175,55,.5))}.intro-text{text-align:center;z-index:10;animation:fadeInUp 2s ease-out}.theater-title{font-size:4rem;font-weight:900;color:#d4af37;margin:0 0 .5rem;letter-spacing:.1em;text-shadow:0 0 20px rgba(212,175,55,.8)}.theater-subtitle{font-size:1.5rem;color:#fff9;margin:0 0 3rem;font-style:italic}.typewriter-text{font-size:1.5rem;color:#fff;font-family:Courier New,monospace;margin-bottom:3rem;animation:typewriter 3s steps(40) .5s forwards,blink .75s step-end infinite;overflow:hidden;white-space:nowrap;border-right:3px solid #d4af37;width:0}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.enter-button{background:linear-gradient(135deg,#d4af37,#f4e4a6,#d4af37);color:#0a0a0a;border:none;padding:1.5rem 3rem;font-size:1.3rem;font-weight:800;border-radius:50px;cursor:pointer;transition:all .3s;box-shadow:0 10px 40px #d4af3766;animation:fadeInUp 2.5s ease-out}.enter-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 60px #d4af3799}.mystery-theater{min-height:100vh;background:#0a0a0a;color:#fff;position:relative;animation:fadeIn .5s ease-in}.theater-header{padding:2rem;display:flex;align-items:center;gap:2rem;background:linear-gradient(180deg,rgba(10,10,10,.95) 0%,transparent 100%);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;font-size:1rem;transition:all .3s}.back-button:hover{background:#fff3;transform:translate(-5px)}.header-title h1{font-size:2.5rem;margin:0;color:#d4af37;text-shadow:0 0 20px rgba(212,175,55,.5)}.header-title p{margin:.5rem 0 0;color:#fff9;font-size:1.1rem}.case-carousel{padding:4rem 2rem;max-width:1400px;margin:0 auto}.carousel-container{display:flex;flex-direction:column;gap:2rem}.case-card{border-radius:20px;overflow:hidden;transition:all .3s;position:relative}.case-card.featured{height:600px}.case-card.locked{height:250px;opacity:.6;cursor:not-allowed}.case-cover{width:100%;height:100%;background-size:cover;background-position:center top;position:relative}.case-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,.95) 0%,rgba(10,10,10,.7) 50%,transparent 100%);padding:2rem;display:flex;flex-direction:column;justify-content:flex-end}.case-badge{position:absolute;top:2rem;left:2rem;background:#d4af37e6;color:#0a0a0a;padding:.5rem 1rem;border-radius:50px;font-weight:800;font-size:.9rem}.locked-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#dc2626e6;color:#fff;padding:1rem 2rem;border-radius:50px;font-weight:800;font-size:1.2rem}.case-title{font-size:2.5rem;font-weight:900;color:#d4af37;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(0,0,0,.8)}.case-card.locked .case-title{font-size:1.8rem;text-align:center}.case-subtitle{font-size:1.2rem;color:#ffffffb3;margin:0 0 1.5rem;font-style:italic}.case-card.locked .case-subtitle{font-size:1rem;text-align:center}.case-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.detail-row{display:flex;gap:2rem;font-size:1rem;color:#fffc}.case-tagline{font-size:1.1rem;color:#ffffffe6;margin:0 0 2rem;font-style:italic}.case-actions{display:flex;gap:1rem}.play-button{background:#d4af3733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#d4af37;border:2px solid #d4af37;padding:1rem 2rem;font-size:1.1rem;font-weight:800;border-radius:50px;cursor:pointer;transition:all .3s;box-shadow:0 5px 20px #d4af374d;flex:1}.play-button:hover{background:#d4af3766;transform:translateY(-3px);box-shadow:0 8px 30px #d4af3799}.info-button{background:#ffffff1a;border:2px solid rgba(212,175,55,.5);color:#d4af37;padding:1rem 2rem;font-size:1.1rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s}.info-button:hover{background:#d4af3733;border-color:#d4af37}.coming-soon-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.film-grain{position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:1000}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.1)}}@media(max-width:768px){.theater-title{font-size:2.5rem}.case-card.featured{height:500px}.case-title{font-size:1.8rem}.coming-soon-cases{grid-template-columns:1fr}}.mini-games-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1008,#0a0a0a);color:#fff;position:relative;overflow:hidden;padding:2rem}.particles-container{position:fixed;inset:0;pointer-events:none;z-index:1}.particle{position:absolute;font-size:2rem;opacity:.6;animation:orbit 20s linear infinite}.particle-1{top:10%;left:10%;animation-delay:0s}.particle-2{top:20%;right:15%;animation-delay:-5s}.particle-3{bottom:15%;left:20%;animation-delay:-10s}.particle-4{top:60%;right:10%;animation-delay:-15s}.particle-5{bottom:30%;right:30%;animation-delay:-7s}@keyframes orbit{0%{transform:rotate(0) translate(100px) rotate(0)}to{transform:rotate(360deg) translate(100px) rotate(-360deg)}}.games-header{max-width:1400px;margin:0 auto 3rem;display:flex;align-items:center;gap:2rem;position:relative;z-index:10}.games-back-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;font-size:1rem;transition:all .3s}.games-back-btn:hover{background:#fff3;transform:translate(-5px)}.games-title-section{flex:1;text-align:center}.games-main-title{font-size:3.5rem;font-weight:900;margin:0 0 .5rem;display:flex;justify-content:center;gap:.2rem;color:#d4af37;text-shadow:0 0 20px rgba(212,175,55,.8),0 0 40px rgba(212,175,55,.5)}.title-letter{display:inline-block;animation:letter-bounce 2s ease-in-out infinite}.title-letter:nth-child(1){animation-delay:0s}.title-letter:nth-child(2){animation-delay:.1s}.title-letter:nth-child(3){animation-delay:.2s}.title-letter:nth-child(4){animation-delay:.3s}.title-letter:nth-child(5){animation-delay:.4s}.title-letter:nth-child(6){animation-delay:.5s}.title-letter:nth-child(7){animation-delay:.6s}.title-letter:nth-child(8){animation-delay:.7s}.title-letter:nth-child(9){animation-delay:.8s}.title-letter:nth-child(10){animation-delay:.9s}.title-letter:nth-child(11){animation-delay:1s}@keyframes letter-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.games-subtitle{font-size:1.3rem;color:#ffffffb3;margin:0;font-style:italic}.stats-panel{max-width:800px;margin:0 auto 3rem;display:flex;justify-content:space-around;background:linear-gradient(135deg,#d4af3726,#ffd7001a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(212,175,55,.5);border-radius:20px;padding:2rem;position:relative;z-index:10;box-shadow:0 8px 32px #d4af3733}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-icon{font-size:2.5rem;display:inline-block}.stat-value{font-size:2rem;font-weight:800;color:#d4af37}.stat-label{font-size:.9rem;color:#fff9;text-transform:uppercase;letter-spacing:1px}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.flicker{animation:flicker 1.5s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.8}}.games-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;position:relative;z-index:10;margin-bottom:3rem}.game-card{background:linear-gradient(135deg,#d4af371a,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(212,175,55,.3);border-radius:24px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:card-entry .6s ease-out forwards;animation-delay:var(--animation-delay);opacity:0;transform:translateY(30px)}@keyframes card-entry{to{opacity:1;transform:translateY(0)}}.game-card.unlocked:hover{transform:perspective(1000px) rotateY(5deg) rotateX(5deg) scale(1.05);border-color:#d4af37;box-shadow:0 20px 60px #00000080,0 0 40px #d4af3799}.game-card.locked{opacity:.6;cursor:not-allowed}.orbit-emoji{position:absolute;top:-20px;right:-20px;font-size:2.5rem;animation:spin-slow 10s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-icon{font-size:4rem;margin-bottom:1rem;display:inline-block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-title{font-size:1.8rem;font-weight:800;margin:0 0 1rem;color:var(--card-color)}.card-levels{font-size:1rem;color:#ffffffb3;margin-bottom:1rem}.card-requirement{margin:1.5rem 0;min-height:60px;display:flex;align-items:center;justify-content:center}.unlocked-badge{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-weight:700;font-size:.9rem}.locked-badge{color:#ffd700e6;font-size:.85rem;line-height:1.4}.card-button{width:100%;background:linear-gradient(135deg,var(--card-color) 0%,rgba(255,255,255,.2) 100%);border:none;color:#fff;padding:1rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .3s;box-shadow:0 5px 20px #0000004d}.card-button:not(.disabled):hover{transform:translateY(-3px);box-shadow:0 8px 30px var(--card-color)}.card-button.disabled{background:#ffffff1a;cursor:not-allowed;opacity:.5}.daily-challenge{max-width:800px;margin:0 auto;background:linear-gradient(135deg,#d4af3733,#ffd7001a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(212,175,55,.5);border-radius:20px;padding:2rem;display:flex;gap:2rem;align-items:center;position:relative;z-index:10;box-shadow:0 8px 32px #d4af3733}.challenge-icon{font-size:4rem}.challenge-content{flex:1}.challenge-content h3{margin:0 0 .5rem;color:#d4af37;font-size:1.5rem;text-shadow:0 0 10px rgba(212,175,55,.5)}.challenge-content p{margin:0 0 1rem;color:#fffc}.challenge-progress{display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:12px;background:#ffffff1a;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#d4af37,#ff6b35);border-radius:10px;transition:width .5s ease}.progress-text{color:#d4af37;font-weight:700}.film-grain{position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:1000}@media(max-width:768px){.games-main-title{font-size:2rem}.games-grid{grid-template-columns:1fr}.stats-panel{flex-direction:column;gap:1.5rem}.daily-challenge{flex-direction:column;text-align:center}}.blackjack-test-container{position:relative;width:100vw;height:100vh;overflow:hidden;background:#0a0a0a}.casino-table-background{position:absolute;inset:0;background-image:url(/Images/Games/casino-photo-realistic.png);background-size:cover;background-position:center;filter:blur(2px) brightness(.85);z-index:1}.spotlight-overlay{position:absolute;inset:0;background:radial-gradient(ellipse 50% 40% at 50% 45%,#ffffff0d,#0006 80%);pointer-events:none;z-index:2}.test-back-btn{position:absolute;top:2rem;left:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;font-size:1rem;transition:all .3s;z-index:100}.test-back-btn:hover{background:#fff3;transform:translate(-5px)}.rules-btn{position:absolute;top:2rem;left:50%;transform:translate(-50%);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.5);color:#d4af37;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s;z-index:100}.rules-btn:hover{background:#d4af3733;border-color:#d4af37;transform:translate(-50%) translateY(-3px);box-shadow:0 5px 20px #d4af3766}.sound-toggle-btn{position:absolute;top:2rem;right:14rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.5);color:#d4af37;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:1.5rem;transition:all .3s;z-index:100;display:flex;align-items:center;justify-content:center}.sound-toggle-btn:hover{background:#d4af3733;border-color:#d4af37;transform:scale(1.1);box-shadow:0 5px 20px #d4af3766}.immersion-toggle-btn{position:absolute;top:2rem;right:18.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.5);color:#fff;width:60px;height:50px;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .3s;z-index:100;display:flex;align-items:center;justify-content:center}.immersion-label{color:#d4af37;font-weight:800}.immersion-toggle-btn:hover{background:#d4af3733;border-color:#d4af37;transform:scale(1.1);box-shadow:0 5px 20px #d4af3766}.language-selector{position:absolute;top:6rem;left:2rem;z-index:100}.language-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.5);color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:1.5rem;transition:all .3s;display:flex;align-items:center;justify-content:center}.language-btn:hover{background:#d4af3733;border-color:#d4af37;transform:scale(1.1);box-shadow:0 5px 20px #d4af3766}.language-menu{position:absolute;top:60px;left:0;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #d4af37;border-radius:15px;padding:.5rem;min-width:200px;box-shadow:0 8px 32px #d4af3766;animation:slideDown .3s ease}.language-option{display:block;width:100%;background:transparent;border:none;color:#fff;padding:.75rem 1rem;text-align:left;cursor:pointer;border-radius:10px;font-size:1rem;transition:all .2s}.language-option:hover{background:#d4af3733}.language-option.active{background:#d4af374d;font-weight:700;color:#d4af37}.fun-fact-text{font-size:1.1rem;color:#d4af37;font-weight:700;margin-bottom:.75rem;text-shadow:0 0 10px rgba(212,175,55,.6);line-height:1.3}.rules-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.rules-panel{background:linear-gradient(135deg,#0a0a0af2,#1a1008f2);border:3px solid #d4af37;border-radius:24px;padding:2.5rem;max-width:700px;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #d4af3780;animation:scaleIn .4s ease}.rules-panel h2{color:#d4af37;font-size:2.5rem;margin:0 0 .5rem;text-align:center;text-shadow:0 0 20px rgba(212,175,55,.8)}.rules-panel h3{color:#fff9;font-size:1.2rem;margin:0 0 2rem;text-align:center;font-weight:400;font-style:italic}.rules-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.rules-close:hover{background:#dc2626cc;transform:rotate(90deg)}.rules-content{display:flex;flex-direction:column;gap:1.5rem}.rule-section{background:#ffffff0d;padding:1.5rem;border-radius:12px;border:1px solid rgba(212,175,55,.2)}.rule-section h4{color:#d4af37;font-size:1.3rem;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.rule-section p{color:#fff;font-size:1.1rem;margin:0 0 .5rem;line-height:1.5}.rule-translation{color:#fff9;font-size:.95rem;font-style:italic}.rule-section ul{list-style:none;padding:0;margin:0}.rule-section li{color:#ffffffe6;font-size:1rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1);line-height:1.5}.rule-section li:last-child{border-bottom:none}.rule-section li strong{color:#d4af37}.rules-panel::-webkit-scrollbar{width:8px}.rules-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.rules-panel::-webkit-scrollbar-thumb{background:#d4af3780;border-radius:10px}.rules-panel::-webkit-scrollbar-thumb:hover{background:#d4af37cc}.sofia-coach{position:absolute;bottom:2rem;left:2rem;display:flex;align-items:flex-end;gap:1rem;z-index:50}.sofia-avatar-simple{width:150px;height:auto;display:block}.sofia-speech-bubble{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #d4af37;border-radius:20px;padding:1rem 1.5rem;max-width:300px;color:#0a0a0a;font-size:1rem;font-weight:600;position:relative;box-shadow:0 8px 32px #0000004d}.sofia-speech-bubble:before{content:"";position:absolute;bottom:20px;left:-10px;width:0;height:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #d4af37 transparent transparent}.translation{font-size:.85rem;color:#666;font-weight:400;font-style:italic;margin-top:.5rem}.dealer-area{position:absolute;top:35%;left:50%;transform:translate(-50%);text-align:center;z-index:30;filter:none!important}.player-name-tag{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(212,175,55,.4);border-radius:50px;padding:.5rem 1.5rem .5rem .5rem;margin-bottom:1rem;box-shadow:0 4px 16px #0000004d;font-weight:700;font-size:1.1rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8)}.dealer-tag{border-color:#dc262680}.player-tag{border-color:#22c55e80}.avatar-circle{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#d4af374d,#ffd70033);border:2px solid rgba(212,175,55,.6);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 0 20px #d4af3766}.dealer-label{color:#d4af37;font-size:1.2rem;font-weight:800;margin-bottom:1rem;text-shadow:0 0 10px rgba(212,175,55,.8)}.player-area{position:absolute;bottom:20%;left:50%;transform:translate(-50%);text-align:center;z-index:30;filter:none!important}.player-total{color:#fff;font-size:1.5rem;font-weight:800;margin-top:1rem;text-shadow:0 2px 10px rgba(0,0,0,.8)}.card-hand{display:flex;gap:-30px;justify-content:center;position:relative}.card{width:80px;height:120px;background:#fff;border:2px solid #333;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;box-shadow:0 8px 32px #00000080;position:relative;animation:card-deal .5s ease-out;animation-delay:calc(var(--card-index) * .2s);animation-fill-mode:backwards;margin-left:-30px}.card:first-child{margin-left:0}.dealer-card{transform:perspective(600px) rotateX(25deg);transform-origin:bottom center}.player-card{transform:translateY(0)}@keyframes card-deal{0%{opacity:0;transform:translateY(-100px) scale(.5) rotate(10deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.action-buttons{position:absolute;bottom:8%;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:40}.action-btn{background:linear-gradient(135deg,#ffffff26,#ffffff0d);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.3);color:#fff;padding:1rem 2rem;border-radius:50px;font-size:1.2rem;font-weight:800;cursor:pointer;transition:all .3s;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;text-shadow:0 2px 8px rgba(0,0,0,.8);min-width:180px;white-space:nowrap}.action-btn:hover{transform:translateY(-5px);box-shadow:0 12px 48px #fff3;background:linear-gradient(135deg,#ffffff40,#ffffff26);border-color:#ffffff80}.action-btn:active{transform:translateY(-2px)}.btn-translation{font-size:.75rem;font-weight:600;opacity:.7}.hit-btn{border-color:#22c55e99}.hit-btn:hover{border-color:#22c55e;box-shadow:0 12px 48px #22c55e66}.stand-btn{border-color:#dc262699}.stand-btn:hover{border-color:#dc2626;box-shadow:0 12px 48px #dc262666}.betting-area{position:absolute;bottom:2rem;right:2rem;text-align:center;z-index:50}.betting-interface{position:absolute;bottom:15%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:1.5rem;align-items:center;z-index:50}.bet-controls{display:flex;align-items:center;gap:2rem;background:#000c;padding:1.5rem 2rem;border-radius:20px;border:2px solid #d4af37;box-shadow:0 8px 32px #d4af374d}.bet-btn{width:60px;height:60px;border-radius:50%;border:2px solid #d4af37;background:linear-gradient(135deg,#d4af37,#f4e4a6);color:#0a0a0a;font-size:1.5rem;font-weight:800;cursor:pointer;transition:all .3s}.bet-btn:hover{transform:scale(1.1);box-shadow:0 0 20px #d4af3799}.bet-btn:active{transform:scale(.95)}.bet-display{text-align:center;min-width:120px}.bet-amount{font-size:3rem;font-weight:900;color:#d4af37;text-shadow:0 0 10px rgba(212,175,55,.8);line-height:1}.bet-label{font-size:.9rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;margin-top:.25rem}.deal-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;padding:1.2rem 3rem;font-size:1.5rem}.deal-btn:disabled{opacity:.5;cursor:not-allowed}.resolution-overlay{position:absolute;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}.result-card{background:linear-gradient(135deg,#d4af3733,#000000e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:3px solid #d4af37;border-radius:30px;padding:3rem 4rem;text-align:center;box-shadow:0 20px 60px #d4af3780;animation:scaleIn .5s ease}.win-message{font-size:4rem;font-weight:900;color:#22c55e;text-shadow:0 0 20px rgba(34,197,94,.8);margin-bottom:1rem;animation:pulse 1s ease infinite}.lose-message{font-size:3rem;font-weight:900;color:#dc2626;text-shadow:0 0 20px rgba(220,38,38,.8);margin-bottom:1rem}.push-message{font-size:3rem;font-weight:900;color:#d4af37;text-shadow:0 0 20px rgba(212,175,55,.8);margin-bottom:1rem}.result-translation{font-size:1.5rem;color:#fffc;font-weight:600;font-style:italic;margin-bottom:1.5rem;opacity:.9}.win-amount{font-size:2rem;color:#22c55e;font-weight:700;margin-bottom:2rem}.lose-amount{font-size:2rem;color:#dc2626;font-weight:700;margin-bottom:2rem}.new-round-btn{margin-top:2rem}.game-over-overlay{position:absolute;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}.game-over-card{background:linear-gradient(135deg,#dc262633,#000000e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:3px solid #dc2626;border-radius:30px;padding:3rem 4rem;text-align:center;box-shadow:0 20px 60px #dc262680;animation:scaleIn .5s ease;display:flex;flex-direction:column;gap:1.5rem}.game-over-title{font-size:3.5rem;font-weight:900;color:#dc2626;text-shadow:0 0 20px rgba(220,38,38,.8);animation:pulse 1.5s ease infinite}.game-over-translation{font-size:1.8rem;color:#fffc;font-weight:600;font-style:italic}.game-over-message{font-size:1.3rem;color:#fff;margin:1rem 0;line-height:1.6}.game-over-sub{color:#fff9;font-size:1rem;font-style:italic}.reset-game-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e}.reset-game-btn:hover{box-shadow:0 12px 48px #22c55e99}.back-btn-game-over{background:linear-gradient(135deg,#ffffff26,#ffffff0d);border-color:#ffffff4d}.chip-display{position:absolute;top:2rem;right:2rem;display:flex;align-items:center;gap:1rem;background:#000c;padding:1rem 1.5rem;border-radius:50px;border:2px solid #d4af37;box-shadow:0 8px 32px #d4af374d;z-index:100}.chip-icon{font-size:2.5rem;animation:float 3s ease-in-out infinite}.chip-info{text-align:left}.chip-amount{font-size:1.5rem;font-weight:900;color:#d4af37;line-height:1}.chip-label{font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:1px}.dealer-total{color:#fff;font-size:1.3rem;font-weight:700;margin-top:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.8)}@media(max-width:768px){.betting-interface{bottom:10%}.bet-controls{gap:1rem;padding:1rem 1.5rem}.bet-amount{font-size:2rem}.result-card{padding:2rem 3rem}.win-message,.lose-message,.push-message{font-size:2rem}}.chip-stack{display:flex;flex-direction:column-reverse;align-items:center;margin-bottom:.5rem}.chip{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#dc2626,#991b1b);border:4px solid white;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1rem;box-shadow:0 4px 16px #00000080;margin-top:-40px;position:relative}.chip:first-child{margin-top:0}.bet-label{color:#d4af37;font-size:1rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.8)}@media(max-width:768px){.sofia-coach{bottom:1rem;left:1rem}.sofia-avatar-simple{width:100px}.sofia-speech-bubble{max-width:200px;font-size:.85rem}.action-buttons{flex-direction:column;gap:.5rem}.action-btn{padding:.75rem 1.5rem;font-size:1rem}}.hangman-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;padding:2rem;position:relative;overflow-x:hidden}.hangman-background{position:absolute;inset:0;z-index:0;pointer-events:none}.hangman-coach{position:absolute;bottom:2rem;left:2rem;display:flex;align-items:flex-end;gap:1rem;z-index:50}.hangman-avatar-simple{width:150px;height:auto;display:block}.coach-speech{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid #d4af37;border-radius:20px 20px 20px 0;padding:1.5rem;max-width:300px;box-shadow:0 10px 40px #d4af374d}.speech-text{font-size:1.1rem;font-weight:700;color:#0a0a0a;margin-bottom:.5rem}.speech-translation{font-size:.9rem;color:#0009;font-style:italic}.language-selector-hangman{position:absolute;top:6rem;left:2rem;z-index:100}.language-btn-hangman{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.5);color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:1.5rem;transition:all .3s;display:flex;align-items:center;justify-content:center}.language-btn-hangman:hover{background:#d4af3733;border-color:#d4af37;transform:scale(1.1);box-shadow:0 5px 20px #d4af3766}.language-menu-hangman{position:absolute;top:60px;left:0;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #d4af37;border-radius:15px;padding:.5rem;min-width:200px;box-shadow:0 8px 32px #d4af3766;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-option-hangman{display:block;width:100%;background:transparent;border:none;color:#fff;padding:.75rem 1rem;text-align:left;cursor:pointer;border-radius:10px;font-size:1rem;transition:all .2s}.language-option-hangman:hover{background:#d4af3733}.language-option-hangman.active{background:#d4af374d;font-weight:700;color:#d4af37}.hangman-header{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 2rem;position:relative;z-index:10}.back-btn-hangman{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.3);color:#fff;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s}.back-btn-hangman:hover{background:#d4af3733;border-color:#d4af37;transform:translate(-5px)}.btn-sub{display:block;font-size:.75rem;color:#fff9;font-style:italic;margin-top:.25rem}.hangman-title{text-align:center}.hangman-title h1{font-size:3rem;font-weight:900;color:#d4af37;margin:0;text-shadow:0 0 20px rgba(212,175,55,.8)}.title-sub{font-size:1.2rem;color:#ffffffb3;font-style:italic;margin:.5rem 0 0}.hangman-controls{display:flex;gap:.5rem;align-items:center}.language-selector{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.5);color:#d4af37;padding:.5rem 1rem;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;min-width:150px}.language-selector:hover{background:#d4af3733;border-color:#d4af37}.language-selector option{background:#1a1a2e;color:#d4af37;padding:.5rem}.control-btn{width:50px;height:50px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.5);color:#d4af37;font-size:1.2rem;font-weight:800;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.control-btn:hover{background:#d4af3733;border-color:#d4af37;transform:scale(1.1)}.hangman-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;position:relative;z-index:10}.stat-item{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(212,175,55,.3);border-radius:20px;padding:1rem 2rem;text-align:center}.stat-label{font-size:.9rem;color:#ffffffb3;margin-bottom:.5rem}.stat-value{font-size:1.8rem;font-weight:900;color:#d4af37}.hangman-figure-container{max-width:400px;margin:0 auto 2rem;text-align:center;position:relative;z-index:10}.hangman-svg{width:100%;max-width:300px;height:auto;filter:drop-shadow(0 10px 40px rgba(255,204,0,.6))}.wrong-counter{font-size:1.2rem;font-weight:700;color:#d4af37;margin-top:1rem}.wrong-sub{font-size:.9rem;color:#fff9;font-style:italic;margin-top:.25rem}.word-display{font-size:3rem;font-weight:900;text-align:center;letter-spacing:1rem;color:#d4af37;margin:2rem auto;text-shadow:0 0 20px rgba(212,175,55,.6);min-height:4rem;display:flex;align-items:center;justify-content:center;position:relative;z-index:10}.hint-section{text-align:center;margin:2rem auto;max-width:600px;position:relative;z-index:10}.emoji-reactions{display:flex;justify-content:center;gap:.5rem;margin:1.5rem auto;flex-wrap:wrap;max-width:800px;position:relative;z-index:10}.emoji-btn{width:50px;height:50px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.3);font-size:1.5rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.emoji-btn:hover{background:#d4af3733;border-color:#d4af37;transform:scale(1.15);box-shadow:0 5px 20px #d4af3766}.emoji-btn.active{background:#d4af374d;border-color:#d4af37;transform:scale(1.1);box-shadow:0 0 20px #d4af3799}.emoji-popup{position:fixed;top:50%;right:6rem;transform:translateY(-50%);z-index:1000;animation:emojiFloatRight 2s ease-out forwards;pointer-events:none}@keyframes emojiFloatRight{0%{opacity:0;transform:translateY(-50%) scale(.5)}10%{opacity:1;transform:translateY(-50%) scale(1.5)}20%{opacity:1;transform:translateY(-50%) scale(1.2)}30%{opacity:1;transform:translateY(-50%) scale(1.4)}40%{opacity:1;transform:translateY(-50%) scale(1.2)}70%{opacity:1;transform:translateY(-50%) scale(1.3)}to{opacity:0;transform:translateY(-50%) scale(.8)}}.emoji-popup-content{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;padding:0;font-size:4rem;font-weight:900;color:#fff;text-shadow:0 0 40px rgba(255,255,255,1),0 0 20px rgba(212,175,55,.8),0 4px 8px rgba(0,0,0,.8);box-shadow:none;white-space:nowrap;filter:drop-shadow(0 0 30px rgba(212,175,55,.9))}.hint-btn{background:linear-gradient(135deg,#d4af3733,#d4af371a);border:2px solid rgba(212,175,55,.5);color:#d4af37;padding:1rem 2rem;border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .3s}.hint-btn:hover{background:#d4af374d;border-color:#d4af37;transform:scale(1.05);box-shadow:0 5px 20px #d4af3766}.hint-box{background:#d4af371a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #d4af37;border-radius:20px;padding:1.5rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hint-text{font-size:1.3rem;font-weight:700;color:#d4af37;margin-bottom:.5rem}.hint-text-en{font-size:1rem;color:#ffffffb3;font-style:italic}.hangman-keyboard{max-width:800px;margin:2rem auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:.5rem;padding:1rem;position:relative;z-index:10}.key-btn{aspect-ratio:1;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(212,175,55,.3);color:#fff;border-radius:10px;cursor:pointer;font-size:1.2rem;font-weight:800;transition:all .2s}.key-btn:hover:not(:disabled){background:#d4af3733;border-color:#d4af37;transform:scale(1.05)}.key-btn.correct{background:#22c55e4d;border-color:#22c55e;color:#22c55e}.key-btn.wrong{background:#ef44444d;border-color:#ef4444;color:#ef4444}.key-btn:disabled{cursor:not-allowed;opacity:.5}.game-over-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-over-card{background:linear-gradient(135deg,#d4af3733,#000000f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:3px solid #d4af37;border-radius:30px;padding:3rem;text-align:center;max-width:500px;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.result-icon{font-size:5rem;margin-bottom:1rem;animation:bounce .5s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.result-title{font-size:2.5rem;font-weight:900;color:#d4af37;margin:0 0 .5rem;text-shadow:0 0 20px rgba(212,175,55,.8)}.result-sub{font-size:1.2rem;color:#ffffffb3;font-style:italic;margin:0 0 1.5rem}.result-word{font-size:1.3rem;color:#fff;margin:1.5rem 0}.result-word strong{color:#d4af37;font-size:1.8rem}.result-points{font-size:2rem;font-weight:900;color:#22c55e;margin:1rem 0}.result-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.action-btn{padding:1rem 2rem;border-radius:50px;border:none;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .3s}.action-btn.primary{background:linear-gradient(135deg,#d4af37,#f4e4a6);color:#0a0a0a}.action-btn.primary:hover{transform:scale(1.05);box-shadow:0 5px 20px #d4af3799}.action-btn.secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(212,175,55,.5)}.action-btn.secondary:hover{background:#d4af3733;border-color:#d4af37}@media(max-width:768px){.hangman-container{padding:1rem}.hangman-coach{bottom:1rem;left:1rem;gap:.75rem}.hangman-avatar-simple{width:100px}.coach-speech{max-width:200px;padding:1rem}.speech-text{font-size:.9rem}.speech-translation{font-size:.75rem}.language-selector-hangman{top:4rem;left:1rem}.language-btn-hangman{width:45px;height:45px;font-size:1.2rem}.language-menu-hangman{min-width:180px}.hangman-header{flex-direction:column;gap:1rem;padding:0 1rem}.back-btn-hangman{padding:.5rem 1rem;font-size:.9rem}.hangman-title h1{font-size:2rem}.title-sub{font-size:1rem}.control-btn{width:45px;height:45px;font-size:1rem}.hangman-stats{flex-wrap:wrap;gap:1rem;padding:0 1rem}.stat-item{padding:.75rem 1.5rem;min-width:100px}.stat-label{font-size:.8rem}.stat-value{font-size:1.5rem}.hangman-figure-container{max-width:250px}.wrong-counter{font-size:1rem}.word-display{font-size:2rem;letter-spacing:.5rem;min-height:3rem}.hint-section{padding:0 1rem}.hint-btn{font-size:1rem;padding:.75rem 1.5rem}.hint-box{padding:1rem}.hint-text{font-size:1rem}.hint-text-en{font-size:.85rem}.hangman-keyboard{grid-template-columns:repeat(auto-fit,minmax(35px,1fr));gap:.3rem;padding:.5rem;max-width:100%}.key-btn{font-size:.9rem}.game-over-card{margin:1rem;padding:2rem 1.5rem}.result-icon{font-size:3rem}.result-title{font-size:2rem}.result-word{font-size:1.1rem}.result-word strong,.result-points{font-size:1.5rem}.result-actions{flex-direction:column;gap:.75rem}.action-btn{padding:.75rem 1.5rem;font-size:1rem}.fun-fact-overlay{bottom:10rem;left:1rem}.fun-fact-card{max-width:280px;padding:1rem 1.5rem}.fun-fact-icon{font-size:1.5rem}.fun-fact-text{font-size:1rem}.fun-fact-translation{font-size:.8rem}.emoji-reactions{gap:.3rem;margin:1rem auto}.emoji-btn{width:40px;height:40px;font-size:1.2rem}.emoji-popup-content{font-size:1.5rem;padding:1rem 2rem}}.fun-fact-overlay{position:fixed;bottom:13rem;left:2rem;z-index:150;animation:slideInLeft .5s ease}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.fun-fact-card{background:#000000bf;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid #d4af37;border-radius:20px;padding:1.5rem 2rem;max-width:350px;box-shadow:0 10px 40px #d4af3766;position:relative}.fun-fact-close{position:absolute;top:.5rem;right:.5rem;background:#d4af374d;border:1px solid #d4af37;color:#d4af37;width:30px;height:30px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.fun-fact-close:hover{background:#d4af3780;transform:rotate(90deg)}.fun-fact-icon{font-size:2rem;margin-bottom:.5rem}.fun-fact-text{font-size:1.1rem;font-weight:700;color:#d4af37;margin-bottom:.75rem;line-height:1.3}.fun-fact-translation{font-size:.9rem;color:#ffffffb3;font-style:italic;line-height:1.3}.aligner-root{min-height:100vh;background:#0f172a;color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.aligner-header{padding:1rem 1.5rem;background:#0f172af2;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.aligner-title-group{display:flex;align-items:center;gap:1rem}.aligner-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-weight:800;font-size:.75rem;padding:.3rem .6rem;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.aligner-title{margin:0;font-size:1.25rem;font-weight:700;color:#fff}.aligner-subtitle{margin:0;font-size:.85rem;color:#94a3b8}.aligner-header-actions{display:flex;align-items:center;gap:.75rem}.aligner-btn{padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.aligner-btn:hover{background:#ffffff29;transform:translateY(-1px)}.aligner-btn-primary{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;color:#fff}.aligner-btn-primary:hover{background:linear-gradient(135deg,#059669,#047857)}.aligner-btn-amber{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#d97706;color:#000}.aligner-btn-amber:hover{background:linear-gradient(135deg,#d97706,#b45309)}.aligner-workspace{flex:1;display:flex;overflow:hidden}.aligner-stage-area{flex:1;display:flex;flex-direction:column;background:#020617;overflow:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.aligner-toolbar{padding:.75rem 1.25rem;background:#1e293bb3;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.shot-selector-group{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.shot-pill-btn{padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:700;cursor:pointer;border:2px solid transparent;background:#ffffff0f;color:#cbd5e1;transition:all .15s ease;display:flex;align-items:center;gap:.35rem}.shot-pill-btn:hover{background:#ffffff1f;color:#fff}.shot-pill-btn.active{color:#fff;box-shadow:0 0 12px currentColor}.zoom-controls{display:flex;align-items:center;gap:.5rem}.zoom-btn{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;cursor:pointer;font-weight:700}.zoom-btn:hover{background:#ffffff2e}.zoom-level-label{font-size:.8rem;color:#94a3b8;min-width:48px;text-align:center}.canvas-viewport{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:auto}.canvas-image-wrapper{position:relative;display:inline-block;box-shadow:0 25px 50px -12px #000000b3;border-radius:8px;overflow:visible;line-height:0}.target-contact-image{display:block;max-width:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:8px}.bounding-box-overlay{position:absolute;inset:0;cursor:crosshair}.shot-box{position:absolute;border-width:2px;border-style:solid;border-radius:6px;cursor:move;box-sizing:border-box;transition:box-shadow .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.shot-box.active{border-width:3px;box-shadow:0 0 0 2px #0009,0 0 16px currentColor;z-index:10}.shot-box-label{position:absolute;top:-24px;left:0;padding:.15rem .5rem;font-size:.7rem;font-weight:800;color:#000;border-radius:4px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 6px #0006}.shot-box-dim{position:absolute;bottom:4px;right:6px;font-size:.65rem;background:#000000bf;color:#fff;padding:.1rem .35rem;border-radius:3px;pointer-events:none;font-family:monospace}.resize-handle{position:absolute;width:10px;height:10px;background:#fff;border:2px solid currentColor;border-radius:50%;box-shadow:0 1px 4px #0009;z-index:12}.resize-handle.nw{top:-6px;left:-6px;cursor:nwse-resize}.resize-handle.ne{top:-6px;right:-6px;cursor:nesw-resize}.resize-handle.se{bottom:-6px;right:-6px;cursor:nwse-resize}.resize-handle.sw{bottom:-6px;left:-6px;cursor:nesw-resize}.aligner-sidebar{width:380px;background:#1e293b;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:auto}.sidebar-tab-row{display:flex;border-bottom:1px solid rgba(255,255,255,.1);background:#0f172a66}.sidebar-tab{flex:1;padding:.75rem;text-align:center;font-size:.85rem;font-weight:600;color:#94a3b8;cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;transition:all .2s ease}.sidebar-tab.active{color:#38bdf8;border-bottom-color:#38bdf8;background:#38bdf80d}.sidebar-content{padding:1.25rem;flex:1}.section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-weight:700;margin-bottom:.75rem}.active-inspector-card{background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;margin-bottom:1.25rem}.active-header-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:800;color:#000;margin-bottom:.5rem}.active-shot-name{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.3rem}.active-shot-desc{font-size:.8rem;color:#94a3b8;line-height:1.35;margin-bottom:1rem}.coord-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:1rem}.coord-field{background:#0006;padding:.5rem .65rem;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.coord-label{font-size:.65rem;color:#94a3b8;text-transform:uppercase;font-weight:700}.coord-val{font-family:monospace;font-size:.95rem;color:#38bdf8;font-weight:700;margin-top:.15rem}.coord-input{width:100%;background:transparent;border:none;color:#38bdf8;font-family:monospace;font-size:.95rem;font-weight:700;outline:none;padding:0}.crop-preview-box{background:#000;border-radius:10px;overflow:hidden;height:140px;border:1px solid rgba(255,255,255,.15);position:relative;display:flex;align-items:center;justify-content:center}.crop-preview-image{position:absolute;top:0;left:0;transform-origin:top left}.shots-summary-list{display:flex;flex-direction:column;gap:.5rem}.summary-shot-row{display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem;background:#0f172a80;border-radius:8px;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .15s ease}.summary-shot-row:hover{background:#0f172ad9;border-color:#fff3}.summary-shot-row.selected{border-width:2px;background:#38bdf81a}.summary-row-left{display:flex;align-items:center;gap:.5rem}.summary-color-dot{width:10px;height:10px;border-radius:50%}.summary-shot-title{font-size:.8rem;font-weight:600;color:#f1f5f9}.summary-row-coords{font-family:monospace;font-size:.75rem;color:#94a3b8}.json-display-box{background:#020617;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem;font-family:monospace;font-size:.75rem;color:#38bdf8;max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-all}.camera-preview-overlay{position:fixed;inset:0;background:#000000f2;z-index:100;display:flex;flex-direction:column}.camera-preview-header{padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.camera-preview-stage{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.camera-preview-viewport{width:900px;height:600px;position:relative;border-radius:16px;overflow:hidden;box-shadow:0 25px 60px #000c;border:2px solid rgba(255,255,255,.2)}.camera-canvas-sheet{position:absolute;top:0;left:0;transition:transform .6s cubic-bezier(.2,.8,.2,1);transform-origin:top left}.camera-bubble-mock{position:absolute;background:#fffffff2;color:#000;padding:.75rem 1rem;border-radius:12px;font-weight:700;font-size:.9rem;box-shadow:0 8px 24px #0006;max-width:260px;pointer-events:none;animation:bubblePop .3s ease-out}@keyframes bubblePop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.camera-controls-bottom{padding:1.25rem;display:flex;align-items:center;justify-content:center;gap:1.5rem;border-top:1px solid rgba(255,255,255,.1);background:#0f172ae6}.bubble-aligner-page{min-height:100vh;background:#090d16;color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;box-sizing:border-box}.bubble-aligner-header{background:#0f172af2;border-bottom:1px solid rgba(255,255,255,.12);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.header-left{display:flex;flex-direction:column;gap:.25rem}.tool-badge{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;color:#f59e0b;letter-spacing:.8px}.header-title{font-size:1.35rem;font-weight:800;color:#fff;margin:0}.header-sub{font-size:.85rem;color:#94a3b8;margin:0}.header-actions{display:flex;gap:.75rem;align-items:center}.action-btn{padding:.6rem 1.1rem;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;border:none}.action-btn.secondary{background:#ffffff14;color:#e2e8f0;border:1px solid rgba(255,255,255,.15)}.action-btn.secondary:hover{background:#ffffff29}.action-btn.primary{background:#f59e0b;color:#000;font-weight:800}.action-btn.primary:hover{background:#d97706}.action-btn.copy-btn{box-shadow:0 0 15px #f59e0b66}.bubble-aligner-workspace{display:grid;grid-template-columns:380px 1fr;flex:1;min-height:calc(100vh - 85px)}.bubble-controls-sidebar{background:#0d1321f2;border-right:1px solid rgba(255,255,255,.1);padding:1.25rem 1.4rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.control-section{display:flex;flex-direction:column;gap:.6rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1.1rem}.control-section:last-child{border-bottom:none}.section-label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#f59e0b}.shot-tab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.shot-tab-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;padding:.45rem .6rem;border-radius:6px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:.15rem;transition:all .2s}.shot-tab-btn:hover{background:#ffffff1a}.shot-tab-btn.active{background:#f59e0b33;border-color:#f59e0b;color:#fff}.shot-number{font-size:.7rem;font-weight:800;color:#f59e0b}.shot-name{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speaker-toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.speaker-btn{padding:.6rem .5rem;border-radius:8px;border:2px solid transparent;font-weight:700;font-size:.82rem;cursor:pointer;transition:all .2s;text-align:center}.speaker-btn.maria{background:#ea580c26;color:#fb923c;border-color:#ea580c4d}.speaker-btn.maria.active{background:#ea580c;color:#fff;border-color:#ea580c;box-shadow:0 0 12px #ea580c80}.speaker-btn.barista{background:#3b82f626;color:#60a5fa;border-color:#3b82f64d}.speaker-btn.barista.active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 0 12px #2563eb80}.checkbox-row{font-size:.8rem;color:#cbd5e1}.checkbox-row label{display:flex;align-items:center;gap:.45rem;cursor:pointer}.slider-item{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.6rem}.slider-label-row{display:flex;justify-content:space-between;font-size:.8rem;color:#cbd5e1}.slider-val{font-weight:700;color:#f59e0b}.slider-hint{font-size:.7rem;color:#64748b;font-style:italic}input[type=range]{width:100%;accent-color:#f59e0b;cursor:pointer}.tail-direction-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.tail-choice-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;padding:.45rem .5rem;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s}.tail-choice-btn:hover{background:#ffffff1f}.tail-choice-btn.active{background:#f59e0b40;border-color:#f59e0b;color:#fff;font-weight:800}.sample-textarea{width:100%;box-sizing:border-box;background:#00000080;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;padding:.5rem;font-size:.85rem;font-family:inherit;resize:vertical}.reset-row{margin-top:.4rem}.reset-btn{background:none;border:1px dashed rgba(255,255,255,.2);color:#94a3b8;padding:.4rem .75rem;border-radius:6px;font-size:.75rem;cursor:pointer;width:100%}.reset-btn:hover{background:#ffffff0d;color:#fff}.bubble-canvas-stage{padding:1.5rem 2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;align-items:center}.canvas-header-info{width:100%;max-width:960px}.canvas-title-row{display:flex;justify-content:space-between;align-items:center}.canvas-panel-heading{font-size:1.2rem;font-weight:800;color:#fff;margin:0}.canvas-instruction-pill{font-size:.78rem;background:#f59e0b26;border:1px solid rgba(245,158,11,.35);color:#f59e0b;padding:.3rem .75rem;border-radius:20px}.panel-board-wrapper{width:100%;max-width:960px;position:relative;display:flex;flex-direction:column;align-items:center}.canvas-buffer-zone{width:100%;height:60px;background:#ffffff08;border:1px dashed rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:.72rem;color:#64748b;border-radius:6px;pointer-events:none}.canvas-buffer-zone.top-zone{margin-bottom:8px}.canvas-buffer-zone.bottom-zone{margin-top:8px}.panel-image-container{width:100%;position:relative;border-radius:12px;overflow:visible;border:3px solid rgba(255,255,255,.2);box-shadow:0 16px 40px #000c;aspect-ratio:746 / 330;background:#020617;-webkit-user-select:none;-moz-user-select:none;user-select:none}.panel-source-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:9px;pointer-events:none}.aligner-bubble-wrapper{position:absolute;cursor:grab;z-index:50;transition:outline .15s}.aligner-bubble-wrapper:active{cursor:grabbing}.aligner-bubble-wrapper.selected .aligner-bubble-body{box-shadow:0 0 0 3px #f59e0b,0 8px 24px #0009}.aligner-bubble-body{position:relative;background:#fff;color:#000;border:2px solid #000;border-radius:18px;padding:.55rem .85rem;box-sizing:border-box;overflow:visible;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bubble-tag-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;pointer-events:none}.bubble-character-pill{font-size:.68rem;font-weight:800;text-transform:uppercase;color:#ea580c;letter-spacing:.5px}.bubble-drag-handle{font-size:.65rem;font-weight:700;color:#64748b;background:#0000000f;padding:.1rem .35rem;border-radius:4px}.bubble-dialogue-content{font-size:.88rem;font-weight:700;line-height:1.25;color:#0f172a;margin:0;pointer-events:none;overflow-y:auto;scrollbar-width:thin}.bubble-dialogue-content::-webkit-scrollbar{width:4px}.bubble-dialogue-content::-webkit-scrollbar-thumb{background:#00000040;border-radius:4px}.comic-tail-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));pointer-events:none;z-index:15}.comic-tail{position:absolute;width:0;height:0;pointer-events:none}.comic-tail.tail-bottom-left{bottom:-12px;left:var(--tail-offset, 25%);border-style:solid;border-width:12px 9px 0 0;border-color:var(--tail-fill, #fff) transparent transparent transparent;filter:drop-shadow(0px 2px 0px var(--tail-border, #000))}.comic-tail.tail-bottom-right{bottom:-12px;left:var(--tail-offset, 75%);border-style:solid;border-width:12px 0 0 9px;border-color:var(--tail-fill, #fff) transparent transparent transparent;filter:drop-shadow(0px 2px 0px var(--tail-border, #000))}.comic-tail.tail-top-left{top:-12px;left:var(--tail-offset, 25%);border-style:solid;border-width:0 9px 12px 0;border-color:transparent transparent var(--tail-fill, #fff) transparent;filter:drop-shadow(0px -2px 0px var(--tail-border, #000))}.comic-tail.tail-top-right{top:-12px;left:var(--tail-offset, 75%);border-style:solid;border-width:0 0 12px 9px;border-color:transparent transparent var(--tail-fill, #fff) transparent;filter:drop-shadow(0px -2px 0px var(--tail-border, #000))}.coordinates-live-footer{width:100%;max-width:960px;background:#0f172ad9;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.85rem 1.1rem}.coords-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.coords-title{font-size:.8rem;font-weight:700;color:#94a3b8}.coords-copy-btn{background:#f59e0b33;border:1px solid rgba(245,158,11,.5);color:#f59e0b;font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:6px;cursor:pointer;transition:all .2s}.coords-copy-btn:hover{background:#f59e0b;color:#000}.coords-pre{background:#020617b3;padding:.75rem;border-radius:6px;color:#a7f3d0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.78rem;max-height:160px;overflow-y:auto;margin:0}.comic-mockup-page{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;background:linear-gradient(to bottom,#2a1a126b,#1c100a94),url(https://images.unsplash.com/photo-1531572753322-ad063cecc140?w=1920&q=80) center center / cover no-repeat fixed;color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;box-sizing:border-box;padding:1.25rem 2.5rem;transition:filter .3s ease;animation:fadeInRomeStage .8s ease-out forwards}.comic-mockup-header{position:relative;z-index:100;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:.85rem;border-bottom:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDownHeader .7s cubic-bezier(.16,1,.3,1) .65s backwards}.comic-mockup-header-controls{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;max-width:100%}.comic-mockup-title-area{display:flex;align-items:center;gap:.85rem;flex-shrink:0;min-width:-moz-max-content;min-width:max-content}.italian-flag-badge{display:flex;width:20px;height:26px;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px #0006}.italian-flag-badge .flag-green{flex:1;background:#009246}.italian-flag-badge .flag-white{flex:1;background:#fff}.italian-flag-badge .flag-red{flex:1;background:#ce2b37}.comic-mockup-title{font-size:1.35rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.3px;white-space:nowrap}.comic-mockup-subtitle{font-size:.8rem;color:#f59e0b;font-weight:600;margin:0;white-space:nowrap}.custom-lang-dropdown-wrapper{position:relative;display:inline-block;z-index:120}.custom-lang-dropdown-btn{display:inline-flex;align-items:center;gap:.35rem;background:#120c08e0;border:1px solid rgba(245,158,11,.45);padding:.28rem .65rem .28rem .55rem;border-radius:9999px;box-shadow:0 4px 16px #00000073,inset 0 1px 2px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fef08a;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:inherit;white-space:nowrap}.custom-lang-dropdown-btn:hover,.custom-lang-dropdown-btn.open{border-color:#f59e0b;box-shadow:0 0 16px #f59e0b73,0 4px 20px #0009;background:#1c120cf2}.lang-globe-icon{font-size:.85rem;line-height:1}.lang-active-flag{font-size:.95rem;line-height:1}.lang-active-label{font-size:.78rem;font-weight:800;color:#fff;letter-spacing:.2px}.lang-chevron{font-size:.75rem;color:#f59e0b;transition:transform .22s ease;line-height:1;margin-left:.1rem}.lang-chevron.rotated{transform:rotate(180deg)}.custom-lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:230px;background:#140d09f5;border:1px solid rgba(245,158,11,.45);border-radius:14px;box-shadow:0 18px 45px #000000e6,0 0 24px #f59e0b38;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:200;overflow:hidden;animation:langMenuPopIn .22s cubic-bezier(.16,1,.3,1)}@keyframes langMenuPopIn{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-lang-menu-header{padding:.55rem .85rem;background:#f59e0b14;border-bottom:1px solid rgba(245,158,11,.2)}.lang-menu-title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#fbbf24}.custom-lang-menu-list{padding:.35rem;display:flex;flex-direction:column;gap:2px;max-height:380px;overflow-y:auto}.custom-lang-item{display:flex;align-items:center;gap:.55rem;width:100%;padding:.5rem .75rem;border-radius:8px;border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit;transition:all .16s ease;box-sizing:border-box}.custom-lang-item:hover{background:#f59e0b29;transform:translate(2px)}.custom-lang-item:hover .lang-item-native{color:#fef08a}.custom-lang-item.selected{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 10px #f59e0b73}.custom-lang-item.selected .lang-item-native{color:#180902;font-weight:800}.custom-lang-item.selected .lang-item-name{color:#180902c7;font-weight:700}.lang-item-flag{font-size:1.15rem;line-height:1}.lang-item-native{font-size:.85rem;font-weight:700;color:#f8fafc;transition:color .15s ease}.lang-item-name{font-size:.78rem;color:#94a3b8;margin-left:auto;margin-right:.25rem}.lang-item-check{font-size:.88rem;font-weight:900;color:#180902;margin-left:.2rem}.header-difficulty-switcher{display:flex;align-items:center;gap:.25rem;background:#120c08d9;border:1px solid rgba(245,158,11,.45);padding:.25rem .45rem;border-radius:9999px;box-shadow:0 4px 16px #00000073,inset 0 1px 2px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.difficulty-switcher-label{font-size:.74rem;font-weight:800;color:#f59e0b;margin-right:.15rem;padding-left:.35rem;white-space:nowrap}.difficulty-pill-btn{background:transparent;border:1px solid transparent;color:#94a3b8;font-size:.76rem;font-weight:800;padding:.26rem .55rem;border-radius:9999px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;white-space:nowrap}.difficulty-pill-btn:hover{color:#fff;background:#ffffff14}.difficulty-pill-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#0f172a;border-color:#fef08a;font-weight:800;box-shadow:0 2px 10px #f59e0b80}.difficulty-pill-btn .difficulty-code{font-weight:800}.header-episode-switcher{display:flex;align-items:center;background:#0f172ad9;border:1px solid rgba(255,255,255,.15);border-radius:9999px;padding:2px 3px;gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none}.header-episode-switcher::-webkit-scrollbar{display:none}.episode-toggle-btn{background:transparent;border:none;color:#ffffffbf;padding:.28rem .6rem;border-radius:9999px;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:.25rem}.episode-toggle-btn:hover{color:#fff;background:#ffffff14}.episode-toggle-btn.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b98166}.comic-mockup-align-btn{background:#f59e0b;color:#000;font-weight:800;padding:.35rem .7rem;border-radius:8px;border:none;cursor:pointer;font-size:.76rem;transition:all .2s;box-shadow:0 0 10px #f59e0b59;white-space:nowrap}.comic-mockup-align-btn:hover{background:#d97706;transform:translateY(-1px)}.comic-mockup-exit-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.35rem .7rem;border-radius:8px;font-size:.76rem;font-weight:600;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}.comic-mockup-exit-btn:hover{background:#ffffff2e}.comic-mockup-body{flex:1;display:grid;grid-template-columns:380px 1fr;gap:2rem;align-items:start}.comic-cards-column{display:flex;flex-direction:column;gap:1.25rem}.sofia-antique-cream-card{background:#fdf3d8;color:#1c1917;border-radius:16px;padding:1.4rem 1.6rem;border:2px solid rgba(217,119,6,.45);box-shadow:0 16px 40px #0009;display:flex;flex-direction:column;gap:.65rem;box-sizing:border-box;animation:slideInSofiaCard .85s cubic-bezier(.16,1,.3,1) .95s backwards}.cream-card-header{display:flex;justify-content:space-between;align-items:center}.cream-card-sofia-profile{display:flex;align-items:center;gap:.75rem}.cream-card-avatar-img{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #b45309;background:#000;box-shadow:0 4px 12px #b4530940;flex-shrink:0}.cream-card-sofia-meta{display:flex;flex-direction:column;gap:.15rem}.cream-card-speaker{font-size:.95rem;font-weight:800;color:#b45309;letter-spacing:.6px;margin:0;line-height:1.1}.cream-card-sublabel{font-size:.72rem;font-weight:600;color:#92400e;text-transform:uppercase;letter-spacing:.5px;line-height:1.1}.cream-card-audio-btn{background:#f59e0b40;border:1px solid rgba(217,119,6,.45);color:#b45309;cursor:pointer;padding:4px 8px;border-radius:6px;font-size:1.15rem;transition:all .15s}.cream-card-audio-btn:hover{background:#f59e0b66;transform:scale(1.1)}.cream-card-italian-text{font-size:1.4rem;font-weight:800;line-height:1.25;color:#0f172a;margin:0}.cream-card-translation{font-size:.95rem;color:#475569;font-style:italic;line-height:1.35;margin:0}.cream-card-phonetic{font-size:.88rem;color:#c2410c;font-weight:700;margin:0}.cream-card-start-btn{margin-top:.5rem;background:#f59e0b;color:#000;border:none;font-weight:800;font-size:.92rem;padding:.75rem 1.2rem;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #f59e0b66;text-align:center}.cream-card-start-btn:hover{background:#d97706;transform:translateY(-1px)}.cultural-insights-feed-card{background:#1e1612c2;color:#f1f5f9;border-radius:14px;padding:1.25rem 1.4rem;border:1px solid rgba(245,158,11,.25);box-shadow:0 12px 32px #00000080;display:flex;flex-direction:column;gap:.85rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slideUpInsightsCard .8s cubic-bezier(.16,1,.3,1) 1.75s backwards}.insights-header{display:flex;align-items:center;justify-content:space-between}.insights-badge{font-size:.82rem;font-weight:800;color:#f59e0b;text-transform:uppercase;letter-spacing:.6px}.insights-list{display:flex;flex-direction:column;gap:.85rem}.insight-item{display:flex;gap:.75rem;align-items:flex-start;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.insight-item:last-child{border-bottom:none;padding-bottom:0}.insight-icon{font-size:1.25rem;line-height:1.2}.insight-body{display:flex;flex-direction:column;gap:.2rem}.insight-title{font-size:.88rem;font-weight:800;color:#fed7aa}.insight-native-title{font-size:.82rem;font-weight:600;color:#38bdf8;margin-left:.25rem}.insight-text{font-size:.82rem;color:#cbd5e1;line-height:1.4;margin:0}.comic-grid-column{width:100%;display:flex;flex-direction:column;gap:.75rem;background:#261a14bf;border:1px solid rgba(245,158,11,.25);border-radius:16px;padding:1.25rem;box-sizing:border-box;box-shadow:0 16px 40px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slideInGridMat .9s cubic-bezier(.16,1,.3,1) 1.35s backwards}.comic-six-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:12px;width:100%;box-sizing:border-box}.grid-panel-cell{position:relative;background:#020617;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.15);transition:all .35s ease;box-sizing:border-box;aspect-ratio:746 / 330;cursor:pointer}.grid-panel-cell.active{border-color:#f59e0b;box-shadow:0 0 28px #f59e0b99,0 12px 35px #000000d9;opacity:1!important;transform:scale(1.02);z-index:10}.grid-panel-cell.dimmed{opacity:.38;filter:brightness(.45) contrast(95%)}.grid-panel-cell.dimmed:hover{opacity:.7;filter:brightness(.85)}.grid-panel-cell.locked{opacity:.25;filter:grayscale(40%) brightness(.35);cursor:not-allowed}.grid-panel-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.panel-completed-badge{position:absolute;top:8px;right:8px;background:#22c55ee6;color:#000;font-weight:800;font-size:.72rem;padding:.2rem .5rem;border-radius:4px;box-shadow:0 2px 6px #0006}.panel-locked-badge{position:absolute;bottom:8px;right:8px;background:#000000d9;color:#94a3b8;font-size:.72rem;font-weight:700;padding:.2rem .5rem;border-radius:4px}.popout-screen-close-btn{position:fixed;top:1.5rem;right:2rem;z-index:250;display:flex;align-items:center;gap:.45rem;background:#120c08e0;border:1px solid rgba(245,158,11,.5);color:#f8fafc;padding:.6rem 1.25rem;border-radius:9999px;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0009,0 0 14px #f59e0b40}.popout-screen-close-btn:hover{background:#f59e0b40;border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 6px 24px #000000b3,0 0 18px #f59e0b80}.popout-spotlight-backdrop{position:fixed;inset:0;background:#080c14d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:200;display:flex;justify-content:center;align-items:flex-start;padding:4.25rem 1.5rem 3rem;overflow-y:auto;animation:fadeInSpotlight .25s ease-out}@keyframes fadeInSpotlight{0%{opacity:0}to{opacity:1}}.popout-spotlight-container{width:100%;max-width:960px;display:flex;flex-direction:column;gap:1rem;animation:scalePopIn .3s cubic-bezier(.175,.885,.32,1.2)}@keyframes scalePopIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.popout-top-header-row{display:flex;justify-content:center;align-items:center;position:relative;width:100%;margin-bottom:.75rem}.popout-header-spacer{display:none}.popout-sofia-center-block{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.35rem}.popout-sofia-bust-wrapper{display:flex;flex-direction:column;align-items:center;gap:.2rem;cursor:pointer;transition:transform .25s ease}.popout-sofia-bust-wrapper:hover{transform:scale(1.06) translateY(-2px)}.popout-sofia-bust-img{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;border-radius:0;border:none;background:transparent;filter:drop-shadow(0 8px 24px rgba(0,0,0,.85));cursor:pointer;transition:transform .2s ease,filter .2s ease}.popout-sofia-bust-img:hover{transform:scale(1.04) translateY(-2px)}.popout-role-switcher{display:inline-flex;align-items:center;gap:.45rem;background:#120c08e0;border:1px solid rgba(245,158,11,.45);padding:.25rem .65rem .25rem .5rem;border-radius:9999px;box-shadow:0 4px 18px #0009,inset 0 1px 2px #ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-top:.45rem;animation:fadeInRomeStage .3s ease-out}.popout-role-label{font-size:.78rem;font-weight:800;color:#fbbf24;white-space:nowrap;letter-spacing:.3px}.popout-sofia-bust-img.speaking-vibrating{animation:sofiaTalkingVibration .35s infinite ease-in-out}@keyframes sofiaTalkingVibration{0%{transform:translateY(0) scale(1.02);filter:drop-shadow(0 0 14px rgba(249,115,22,.85)) drop-shadow(0 8px 24px rgba(0,0,0,.85))}25%{transform:translateY(-2px) translate(-.6px) scale(1.035);filter:drop-shadow(0 0 22px rgba(245,158,11,.95)) drop-shadow(0 8px 24px rgba(0,0,0,.85))}50%{transform:translateY(1.5px) translate(.6px) scale(1.015);filter:drop-shadow(0 0 16px rgba(249,115,22,.85)) drop-shadow(0 8px 24px rgba(0,0,0,.85))}75%{transform:translateY(-1.5px) translate(.4px) scale(1.03);filter:drop-shadow(0 0 24px rgba(245,158,11,1)) drop-shadow(0 8px 24px rgba(0,0,0,.85))}to{transform:translateY(0) scale(1.02);filter:drop-shadow(0 0 14px rgba(249,115,22,.85)) drop-shadow(0 8px 24px rgba(0,0,0,.85))}}.popout-sofia-center-name{color:#f97316;font-size:1.45rem;font-weight:800;letter-spacing:.6px;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.9);transition:color .2s,text-shadow .2s}.popout-sofia-center-name.speaking{animation:sofiaNamePulse .65s infinite alternate ease-in-out}@keyframes sofiaNamePulse{0%{color:#f97316;text-shadow:0 0 8px rgba(249,115,22,.6)}to{color:#fef08a;text-shadow:0 0 16px rgba(245,158,11,.95)}}.cream-card-avatar-img.speaking-vibrating{animation:sofiaTalkingVibration .35s infinite ease-in-out}.popout-hero-panel-canvas{width:100%;position:relative;aspect-ratio:746 / 330;background:#020617;border-radius:14px;overflow:visible;border:3px solid #f59e0b;box-shadow:0 0 35px #f59e0ba6,0 20px 50px #000000e6;-webkit-user-select:none;-moz-user-select:none;user-select:none}.popout-hero-panel-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:11px}.popout-speech-bubble-wrapper{position:absolute;z-index:50;cursor:pointer;transition:transform .15s ease}.popout-speech-bubble-wrapper:hover{transform:scale(1.02)}.popout-bubble-card{background:#fffdf5;color:#0f172a;border:2px solid #000;border-radius:18px;padding:.55rem .85rem;box-sizing:border-box;box-shadow:0 8px 24px #0009;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.popout-bubble-tag-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.popout-bubble-speaker{font-size:.68rem;font-weight:800;text-transform:uppercase;color:#ea580c;letter-spacing:.5px}.popout-bubble-audio-btn{font-size:.68rem;font-weight:700;color:#d97706;background:#f59e0b1f;padding:.12rem .4rem;border-radius:4px}.popout-bubble-scroll-area{overflow-y:auto;scrollbar-width:thin}.popout-bubble-scroll-area::-webkit-scrollbar{width:4px}.popout-bubble-scroll-area::-webkit-scrollbar-thumb{background:#00000040;border-radius:4px}.popout-bubble-italian-text{font-size:.88rem;font-weight:800;line-height:1.25;color:#0f172a;margin:0}.popout-bubble-english-trans{font-size:.74rem;color:#64748b;font-style:italic;margin:.2rem 0 0}.popout-brown-console-box{width:100%;background:#261a14f0;border:1px solid rgba(245,158,11,.35);border-radius:16px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.9rem;box-shadow:0 16px 40px #000000bf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-sizing:border-box}.console-prompt-title-row{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.console-user-role-badge{background:#f59e0b2e;border:1px solid rgba(245,158,11,.55);color:#fbbf24;padding:.35rem .85rem;border-radius:9999px;font-weight:800;font-size:.88rem;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.console-role-badge-group{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.console-role-quick-toggle{display:inline-flex;align-items:center;gap:.25rem;background:#0f172abf;border:1px solid rgba(245,158,11,.35);padding:.18rem .35rem;border-radius:9999px}.role-toggle-mini{background:transparent;border:none;color:#94a3b8;font-size:.74rem;font-weight:700;padding:.22rem .6rem;border-radius:9999px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.role-toggle-mini:hover{color:#fff;background:#ffffff1a}.role-toggle-mini.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#180902;font-weight:800;box-shadow:0 2px 8px #f59e0b73}@media(max-width:1400px){.difficulty-pill-btn .difficulty-name{display:none}}.console-prompt-question{font-size:1.12rem;font-weight:700;color:#f8fafc;margin:0}.console-suggestions-section{display:flex;flex-direction:column;gap:.5rem;background:#120c098c;border:1px solid rgba(245,158,11,.22);border-radius:12px;padding:.85rem 1rem}.console-suggestions-header{display:flex;align-items:center;justify-content:space-between}.console-suggestions-label{font-size:.84rem;font-weight:700;color:#cbd5e1;display:flex;align-items:center;gap:.35rem}.console-suggestions-list{display:flex;flex-wrap:wrap;gap:.55rem}.suggestion-chip{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#f1f5f9;padding:.45rem .85rem;border-radius:8px;font-size:.86rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.45rem;text-align:left}.suggestion-chip:hover{background:#f59e0b33;border-color:#f59e0b;color:#fbbf24;transform:translateY(-1px)}.suggestion-chip.selected{background:#f59e0b42;border-color:#f59e0b;color:#fef08a;font-weight:700;box-shadow:0 0 10px #f59e0b59}.suggestion-quote-icon{font-size:.85rem}.suggestion-english-text{line-height:1.3}.suggestion-hint-card{background:#0a0f1ab3;border:1px dashed rgba(245,158,11,.5);border-radius:10px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.35rem;margin-top:.35rem;animation:fadeInHint .2s ease-out}@keyframes fadeInHint{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hint-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.hint-badge{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#f59e0b}.hint-actions{display:flex;gap:.5rem}.hint-audio-btn,.hint-copy-btn{background:#f59e0b33;border:1px solid rgba(245,158,11,.45);color:#f59e0b;font-size:.78rem;font-weight:700;padding:.25rem .65rem;border-radius:6px;cursor:pointer;transition:all .2s}.hint-audio-btn:hover,.hint-copy-btn:hover{background:#f59e0b;color:#000}.hint-italian-text{font-size:1.05rem;font-weight:800;color:#fef08a;margin:0}.hint-phonetic-text{font-size:.82rem;font-style:italic;color:#fed7aa;margin:0}.console-input-row{display:flex;gap:.75rem;align-items:center}.console-input-wrapper{flex:1;display:flex;gap:.5rem}.console-text-input{flex:1;background:#090d16f2;border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:8px;padding:.65rem .9rem;font-size:.95rem;outline:none;transition:border-color .2s}.console-text-input:focus{border-color:#f59e0b}.console-check-btn{background:#f59e0b;color:#000;border:none;font-weight:800;font-size:.88rem;padding:.65rem 1.2rem;border-radius:8px;cursor:pointer;transition:background .2s;white-space:nowrap}.console-check-btn:hover{background:#d97706}.console-mic-btn{background:#22c55e33;border:1px solid rgba(34,197,94,.6);color:#86efac;font-weight:700;font-size:.85rem;padding:.65rem 1.1rem;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:all .2s;white-space:nowrap}.console-mic-btn:hover{background:#22c55e59}.console-mic-btn.listening{background:#ef444440;border-color:#ef4444;color:#fca5a5;animation:pulseMic 1.2s infinite}@keyframes pulseMic{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.console-reset-btn{background:#94a3b829;border:1px solid rgba(148,163,184,.35);color:#e2e8f0;font-weight:700;font-size:.85rem;padding:.65rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.console-reset-btn:hover{background:#94a3b84d;color:#fff;transform:translateY(-1px)}.console-feedback-row{font-size:.88rem;font-weight:700;padding:.5rem .85rem;border-radius:6px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.console-feedback-row.success{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.4)}.console-feedback-row.error{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4)}.feedback-text{flex:1}.feedback-reset-btn{background:#22c55e;color:#022c22;font-weight:800;font-size:.82rem;border:none;padding:.3rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap}.feedback-reset-btn:hover{background:#16a34a;color:#fff}.console-navigation-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.1);padding-top:.85rem}.console-center-controls{display:flex;align-items:center;gap:1.15rem}.console-difficulty-pills{display:flex;align-items:center;gap:.25rem;background:#00000073;padding:.2rem .4rem;border-radius:9999px;border:1px solid rgba(245,158,11,.35);box-shadow:inset 0 1px 3px #00000080}.console-diff-pill{background:transparent;border:1px solid transparent;color:#94a3b8;font-size:.72rem;font-weight:800;padding:.15rem .55rem;border-radius:9999px;cursor:pointer;transition:all .2s ease}.console-diff-pill:hover{color:#fff;background:#ffffff1f}.console-diff-pill.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#0f172a;border-color:#fef08a;box-shadow:0 0 10px #f59e0b8c}.console-nav-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#e2e8f0;padding:.55rem 1.15rem;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.console-nav-btn:hover:not(:disabled){background:#ffffff2e;transform:translateY(-1px)}.console-nav-btn.next-primary{background:#f59e0b33;border-color:#f59e0b;color:#f59e0b}.console-nav-btn.next-primary:hover:not(:disabled){background:#f59e0b;color:#000}.console-nav-btn.finish-panel-btn{background:#22c55e;border-color:#22c55e;color:#000;font-weight:800;box-shadow:0 0 15px #22c55e66}.console-nav-btn.finish-panel-btn:hover{background:#16a34a}.console-nav-btn:disabled{opacity:.35;cursor:not-allowed}.console-progress-counter{font-size:.85rem;color:#cbd5e1;font-weight:700;background:#00000080;padding:.3rem .85rem;border-radius:20px}@keyframes fadeInRomeStage{0%{opacity:0}to{opacity:1}}@keyframes slideDownHeader{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInSofiaCard{0%{opacity:0;transform:translate(-40px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideInGridMat{0%{opacity:0;transform:translate(45px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideUpInsightsCard{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}