:root{--slate: hsl(215 22% 50%);--slate-50: color-mix(in hsl, white 50%, var(--slate));--slate-100: color-mix(in hsl, white 40%, var(--slate));--slate-200: color-mix(in hsl, white 30%, var(--slate));--slate-300: color-mix(in hsl, white 20%, var(--slate));--slate-400: color-mix(in hsl, white 10%, var(--slate));--slate-500: var(--slate);--slate-600: color-mix(in hsl, black 10%, var(--slate));--slate-700: color-mix(in hsl, black 25%, var(--slate));--slate-800: color-mix(in hsl, black 40%, var(--slate));--slate-900: color-mix(in hsl, black 60%, var(--slate));--gray: hsl(210 10% 50%);--gray-50: color-mix(in hsl, white 90%, var(--gray));--gray-100: color-mix(in hsl, white 80%, var(--gray));--gray-200: color-mix(in hsl, white 70%, var(--gray));--gray-300: color-mix(in hsl, white 60%, var(--gray));--gray-400: color-mix(in hsl, white 50%, var(--gray));--gray-500: var(--gray);--gray-600: color-mix(in hsl, black 10%, var(--gray));--gray-700: color-mix(in hsl, black 25%, var(--gray));--gray-800: color-mix(in hsl, black 40%, var(--gray));--gray-900: color-mix(in hsl, black 60%, var(--gray));--zinc: hsl(250 5% 50%);--zinc-50: color-mix(in hsl, white 90%, var(--zinc));--zinc-100: color-mix(in hsl, white 80%, var(--zinc));--zinc-200: color-mix(in hsl, white 70%, var(--zinc));--zinc-300: color-mix(in hsl, white 60%, var(--zinc));--zinc-400: color-mix(in hsl, white 50%, var(--zinc));--zinc-500: var(--zinc);--zinc-600: color-mix(in hsl, black 10%, var(--zinc));--zinc-700: color-mix(in hsl, black 25%, var(--zinc));--zinc-800: color-mix(in hsl, black 40%, var(--zinc));--zinc-900: color-mix(in hsl, black 60%, var(--zinc));--neutral: hsl(210 4% 50%);--neutral-50: color-mix(in hsl, white 90%, var(--neutral));--neutral-100: color-mix(in hsl, white 80%, var(--neutral));--neutral-200: color-mix(in hsl, white 70%, var(--neutral));--neutral-300: color-mix(in hsl, white 60%, var(--neutral));--neutral-400: color-mix(in hsl, white 50%, var(--neutral));--neutral-500: var(--neutral);--neutral-600: color-mix(in hsl, black 10%, var(--neutral));--neutral-700: color-mix(in hsl, black 25%, var(--neutral));--neutral-800: color-mix(in hsl, black 40%, var(--neutral));--neutral-900: color-mix(in hsl, black 60%, var(--neutral));--stone: hsl(30 6% 50%);--stone-50: color-mix(in hsl, white 90%, var(--stone));--stone-100: color-mix(in hsl, white 80%, var(--stone));--stone-200: color-mix(in hsl, white 70%, var(--stone));--stone-300: color-mix(in hsl, white 60%, var(--stone));--stone-400: color-mix(in hsl, white 50%, var(--stone));--stone-500: var(--stone);--stone-600: color-mix(in hsl, black 10%, var(--stone));--stone-700: color-mix(in hsl, black 25%, var(--stone));--stone-800: color-mix(in hsl, black 40%, var(--stone));--stone-900: color-mix(in hsl, black 60%, var(--stone));--red: hsl(0 85% 55%);--red-50: color-mix(in hsl, white 90%, var(--red));--red-100: color-mix(in hsl, white 80%, var(--red));--red-200: color-mix(in hsl, white 70%, var(--red));--red-300: color-mix(in hsl, white 60%, var(--red));--red-400: color-mix(in hsl, white 50%, var(--red));--red-500: var(--red);--red-600: color-mix(in hsl, black 10%, var(--red));--red-700: color-mix(in hsl, black 25%, var(--red));--red-800: color-mix(in hsl, black 40%, var(--red));--red-900: color-mix(in hsl, black 60%, var(--red));--orange: hsl(24 95% 55%);--orange-50: color-mix(in hsl, white 90%, var(--orange));--orange-100: color-mix(in hsl, white 80%, var(--orange));--orange-200: color-mix(in hsl, white 70%, var(--orange));--orange-300: color-mix(in hsl, white 60%, var(--orange));--orange-400: color-mix(in hsl, white 50%, var(--orange));--orange-500: var(--orange);--orange-600: color-mix(in hsl, black 10%, var(--orange));--orange-700: color-mix(in hsl, black 25%, var(--orange));--orange-800: color-mix(in hsl, black 40%, var(--orange));--orange-900: color-mix(in hsl, black 60%, var(--orange));--amber: hsl(38 95% 55%);--amber-50: color-mix(in hsl, white 90%, var(--amber));--amber-100: color-mix(in hsl, white 80%, var(--amber));--amber-200: color-mix(in hsl, white 70%, var(--amber));--amber-300: color-mix(in hsl, white 60%, var(--amber));--amber-400: color-mix(in hsl, white 50%, var(--amber));--amber-500: var(--amber);--amber-600: color-mix(in hsl, black 10%, var(--amber));--amber-700: color-mix(in hsl, black 25%, var(--amber));--amber-800: color-mix(in hsl, black 40%, var(--amber));--amber-900: color-mix(in hsl, black 60%, var(--amber));--yellow: hsl(50 95% 55%);--yellow-50: color-mix(in hsl, white 90%, var(--yellow));--yellow-100: color-mix(in hsl, white 80%, var(--yellow));--yellow-200: color-mix(in hsl, white 70%, var(--yellow));--yellow-300: color-mix(in hsl, white 60%, var(--yellow));--yellow-400: color-mix(in hsl, white 50%, var(--yellow));--yellow-500: var(--yellow);--yellow-600: color-mix(in hsl, black 10%, var(--yellow));--yellow-700: color-mix(in hsl, black 25%, var(--yellow));--yellow-800: color-mix(in hsl, black 40%, var(--yellow));--yellow-900: color-mix(in hsl, black 60%, var(--yellow));--gold: hsl(46 85% 50%);--gold-50: color-mix(in hsl, white 90%, var(--gold));--gold-100: color-mix(in hsl, white 80%, var(--gold));--gold-200: color-mix(in hsl, white 70%, var(--gold));--gold-300: color-mix(in hsl, white 60%, var(--gold));--gold-400: color-mix(in hsl, white 50%, var(--gold));--gold-500: var(--gold);--gold-600: color-mix(in hsl, black 10%, var(--gold));--gold-700: color-mix(in hsl, black 25%, var(--gold));--gold-800: color-mix(in hsl, black 40%, var(--gold));--gold-900: color-mix(in hsl, black 60%, var(--gold));--bronze: hsl(28 50% 45%);--bronze-50: color-mix(in hsl, white 90%, var(--bronze));--bronze-100: color-mix(in hsl, white 80%, var(--bronze));--bronze-200: color-mix(in hsl, white 70%, var(--bronze));--bronze-300: color-mix(in hsl, white 60%, var(--bronze));--bronze-400: color-mix(in hsl, white 50%, var(--bronze));--bronze-500: var(--bronze);--bronze-600: color-mix(in hsl, black 10%, var(--bronze));--bronze-700: color-mix(in hsl, black 25%, var(--bronze));--bronze-800: color-mix(in hsl, black 40%, var(--bronze));--bronze-900: color-mix(in hsl, black 60%, var(--bronze));--brown: hsl(20 40% 40%);--brown-50: color-mix(in hsl, white 90%, var(--brown));--brown-100: color-mix(in hsl, white 80%, var(--brown));--brown-200: color-mix(in hsl, white 70%, var(--brown));--brown-300: color-mix(in hsl, white 60%, var(--brown));--brown-400: color-mix(in hsl, white 50%, var(--brown));--brown-500: var(--brown);--brown-600: color-mix(in hsl, black 10%, var(--brown));--brown-700: color-mix(in hsl, black 25%, var(--brown));--brown-800: color-mix(in hsl, black 40%, var(--brown));--brown-900: color-mix(in hsl, black 60%, var(--brown));--lime: hsl(84 80% 55%);--lime-50: color-mix(in hsl, white 90%, var(--lime));--lime-100: color-mix(in hsl, white 80%, var(--lime));--lime-200: color-mix(in hsl, white 70%, var(--lime));--lime-300: color-mix(in hsl, white 60%, var(--lime));--lime-400: color-mix(in hsl, white 50%, var(--lime));--lime-500: var(--lime);--lime-600: color-mix(in hsl, black 10%, var(--lime));--lime-700: color-mix(in hsl, black 25%, var(--lime));--lime-800: color-mix(in hsl, black 40%, var(--lime));--lime-900: color-mix(in hsl, black 60%, var(--lime));--green: hsl(142 70% 45%);--green-50: color-mix(in hsl, white 90%, var(--green));--green-100: color-mix(in hsl, white 80%, var(--green));--green-200: color-mix(in hsl, white 70%, var(--green));--green-300: color-mix(in hsl, white 60%, var(--green));--green-400: color-mix(in hsl, white 50%, var(--green));--green-500: var(--green);--green-600: color-mix(in hsl, black 10%, var(--green));--green-700: color-mix(in hsl, black 25%, var(--green));--green-800: color-mix(in hsl, black 40%, var(--green));--green-900: color-mix(in hsl, black 60%, var(--green));--emerald: hsl(152 65% 45%);--emerald-50: color-mix(in hsl, white 90%, var(--emerald));--emerald-100: color-mix(in hsl, white 80%, var(--emerald));--emerald-200: color-mix(in hsl, white 70%, var(--emerald));--emerald-300: color-mix(in hsl, white 60%, var(--emerald));--emerald-400: color-mix(in hsl, white 50%, var(--emerald));--emerald-500: var(--emerald);--emerald-600: color-mix(in hsl, black 10%, var(--emerald));--emerald-700: color-mix(in hsl, black 25%, var(--emerald));--emerald-800: color-mix(in hsl, black 40%, var(--emerald));--emerald-900: color-mix(in hsl, black 60%, var(--emerald));--teal: hsl(174 72% 40%);--teal-50: color-mix(in hsl, white 90%, var(--teal));--teal-100: color-mix(in hsl, white 80%, var(--teal));--teal-200: color-mix(in hsl, white 70%, var(--teal));--teal-300: color-mix(in hsl, white 60%, var(--teal));--teal-400: color-mix(in hsl, white 50%, var(--teal));--teal-500: var(--teal);--teal-600: color-mix(in hsl, black 10%, var(--teal));--teal-700: color-mix(in hsl, black 25%, var(--teal));--teal-800: color-mix(in hsl, black 40%, var(--teal));--teal-900: color-mix(in hsl, black 60%, var(--teal));--mint: hsl(165 65% 70%);--mint-50: color-mix(in hsl, white 90%, var(--mint));--mint-100: color-mix(in hsl, white 80%, var(--mint));--mint-200: color-mix(in hsl, white 70%, var(--mint));--mint-300: color-mix(in hsl, white 60%, var(--mint));--mint-400: color-mix(in hsl, white 50%, var(--mint));--mint-500: var(--mint);--mint-600: color-mix(in hsl, black 10%, var(--mint));--mint-700: color-mix(in hsl, black 25%, var(--mint));--mint-800: color-mix(in hsl, black 40%, var(--mint));--mint-900: color-mix(in hsl, black 60%, var(--mint));--olive: hsl(85 25% 40%);--olive-50: color-mix(in hsl, white 90%, var(--olive));--olive-100: color-mix(in hsl, white 80%, var(--olive));--olive-200: color-mix(in hsl, white 70%, var(--olive));--olive-300: color-mix(in hsl, white 60%, var(--olive));--olive-400: color-mix(in hsl, white 50%, var(--olive));--olive-500: var(--olive);--olive-600: color-mix(in hsl, black 10%, var(--olive));--olive-700: color-mix(in hsl, black 25%, var(--olive));--olive-800: color-mix(in hsl, black 40%, var(--olive));--olive-900: color-mix(in hsl, black 60%, var(--olive));--aqua: hsl(186 75% 55%);--aqua-50: color-mix(in hsl, white 90%, var(--aqua));--aqua-100: color-mix(in hsl, white 80%, var(--aqua));--aqua-200: color-mix(in hsl, white 70%, var(--aqua));--aqua-300: color-mix(in hsl, white 60%, var(--aqua));--aqua-400: color-mix(in hsl, white 50%, var(--aqua));--aqua-500: var(--aqua);--aqua-600: color-mix(in hsl, black 10%, var(--aqua));--aqua-700: color-mix(in hsl, black 25%, var(--aqua));--aqua-800: color-mix(in hsl, black 40%, var(--aqua));--aqua-900: color-mix(in hsl, black 60%, var(--aqua));--cyan: hsl(187 92% 42%);--cyan-50: color-mix(in hsl, white 90%, var(--cyan));--cyan-100: color-mix(in hsl, white 80%, var(--cyan));--cyan-200: color-mix(in hsl, white 70%, var(--cyan));--cyan-300: color-mix(in hsl, white 60%, var(--cyan));--cyan-400: color-mix(in hsl, white 50%, var(--cyan));--cyan-500: var(--cyan);--cyan-600: color-mix(in hsl, black 10%, var(--cyan));--cyan-700: color-mix(in hsl, black 25%, var(--cyan));--cyan-800: color-mix(in hsl, black 40%, var(--cyan));--cyan-900: color-mix(in hsl, black 60%, var(--cyan));--sky: hsl(203 89% 53%);--sky-50: color-mix(in hsl, white 90%, var(--sky));--sky-100: color-mix(in hsl, white 80%, var(--sky));--sky-200: color-mix(in hsl, white 70%, var(--sky));--sky-300: color-mix(in hsl, white 60%, var(--sky));--sky-400: color-mix(in hsl, white 50%, var(--sky));--sky-500: var(--sky);--sky-600: color-mix(in hsl, black 10%, var(--sky));--sky-700: color-mix(in hsl, black 25%, var(--sky));--sky-800: color-mix(in hsl, black 40%, var(--sky));--sky-900: color-mix(in hsl, black 60%, var(--sky));--blue: hsl(217 90% 50%);--blue-50: color-mix(in hsl, white 50%, var(--blue));--blue-100: color-mix(in hsl, white 40%, var(--blue));--blue-200: color-mix(in hsl, white 30%, var(--blue));--blue-300: color-mix(in hsl, white 20%, var(--blue));--blue-400: color-mix(in hsl, white 10%, var(--blue));--blue-500: var(--blue);--blue-600: color-mix(in hsl, black 10%, var(--blue));--blue-700: color-mix(in hsl, black 25%, var(--blue));--blue-800: color-mix(in hsl, black 40%, var(--blue));--blue-900: color-mix(in hsl, black 60%, var(--blue));--navy: hsl(220 60% 30%);--navy-50: color-mix(in hsl, white 90%, var(--navy));--navy-100: color-mix(in hsl, white 80%, var(--navy));--navy-200: color-mix(in hsl, white 70%, var(--navy));--navy-300: color-mix(in hsl, white 60%, var(--navy));--navy-400: color-mix(in hsl, white 50%, var(--navy));--navy-500: var(--navy);--navy-600: color-mix(in hsl, black 10%, var(--navy));--navy-700: color-mix(in hsl, black 25%, var(--navy));--navy-800: color-mix(in hsl, black 40%, var(--navy));--navy-900: color-mix(in hsl, black 60%, var(--navy));--indigo: hsl(231 77% 50%);--indigo-50: color-mix(in hsl, white 90%, var(--indigo));--indigo-100: color-mix(in hsl, white 80%, var(--indigo));--indigo-200: color-mix(in hsl, white 70%, var(--indigo));--indigo-300: color-mix(in hsl, white 60%, var(--indigo));--indigo-400: color-mix(in hsl, white 50%, var(--indigo));--indigo-500: var(--indigo);--indigo-600: color-mix(in hsl, black 10%, var(--indigo));--indigo-700: color-mix(in hsl, black 25%, var(--indigo));--indigo-800: color-mix(in hsl, black 40%, var(--indigo));--indigo-900: color-mix(in hsl, black 60%, var(--indigo));--violet: hsl(258 90% 60%);--violet-50: color-mix(in hsl, white 90%, var(--violet));--violet-100: color-mix(in hsl, white 80%, var(--violet));--violet-200: color-mix(in hsl, white 70%, var(--violet));--violet-300: color-mix(in hsl, white 60%, var(--violet));--violet-400: color-mix(in hsl, white 50%, var(--violet));--violet-500: var(--violet);--violet-600: color-mix(in hsl, black 10%, var(--violet));--violet-700: color-mix(in hsl, black 25%, var(--violet));--violet-800: color-mix(in hsl, black 40%, var(--violet));--violet-900: color-mix(in hsl, black 60%, var(--violet));--purple: hsl(270 75% 60%);--purple-50: color-mix(in hsl, white 90%, var(--purple));--purple-100: color-mix(in hsl, white 80%, var(--purple));--purple-200: color-mix(in hsl, white 70%, var(--purple));--purple-300: color-mix(in hsl, white 60%, var(--purple));--purple-400: color-mix(in hsl, white 50%, var(--purple));--purple-500: var(--purple);--purple-600: color-mix(in hsl, black 10%, var(--purple));--purple-700: color-mix(in hsl, black 25%, var(--purple));--purple-800: color-mix(in hsl, black 40%, var(--purple));--purple-900: color-mix(in hsl, black 60%, var(--purple));--fuchsia: hsl(300 85% 60%);--fuchsia-50: color-mix(in hsl, white 90%, var(--fuchsia));--fuchsia-100: color-mix(in hsl, white 80%, var(--fuchsia));--fuchsia-200: color-mix(in hsl, white 70%, var(--fuchsia));--fuchsia-300: color-mix(in hsl, white 60%, var(--fuchsia));--fuchsia-400: color-mix(in hsl, white 50%, var(--fuchsia));--fuchsia-500: var(--fuchsia);--fuchsia-600: color-mix(in hsl, black 10%, var(--fuchsia));--fuchsia-700: color-mix(in hsl, black 25%, var(--fuchsia));--fuchsia-800: color-mix(in hsl, black 40%, var(--fuchsia));--fuchsia-900: color-mix(in hsl, black 60%, var(--fuchsia));--pink: hsl(330 90% 60%);--pink-50: color-mix(in hsl, white 90%, var(--pink));--pink-100: color-mix(in hsl, white 80%, var(--pink));--pink-200: color-mix(in hsl, white 70%, var(--pink));--pink-300: color-mix(in hsl, white 60%, var(--pink));--pink-400: color-mix(in hsl, white 50%, var(--pink));--pink-500: var(--pink);--pink-600: color-mix(in hsl, black 10%, var(--pink));--pink-700: color-mix(in hsl, black 25%, var(--pink));--pink-800: color-mix(in hsl, black 40%, var(--pink));--pink-900: color-mix(in hsl, black 60%, var(--pink));--rose: hsl(350 90% 60%);--rose-50: color-mix(in hsl, white 90%, var(--rose));--rose-100: color-mix(in hsl, white 80%, var(--rose));--rose-200: color-mix(in hsl, white 70%, var(--rose));--rose-300: color-mix(in hsl, white 60%, var(--rose));--rose-400: color-mix(in hsl, white 50%, var(--rose));--rose-500: var(--rose);--rose-600: color-mix(in hsl, black 10%, var(--rose));--rose-700: color-mix(in hsl, black 25%, var(--rose));--rose-800: color-mix(in hsl, black 40%, var(--rose));--rose-900: color-mix(in hsl, black 60%, var(--rose));--maroon: hsl(350 70% 30%);--maroon-50: color-mix(in hsl, white 90%, var(--maroon));--maroon-100: color-mix(in hsl, white 80%, var(--maroon));--maroon-200: color-mix(in hsl, white 70%, var(--maroon));--maroon-300: color-mix(in hsl, white 60%, var(--maroon));--maroon-400: color-mix(in hsl, white 50%, var(--maroon));--maroon-500: var(--maroon);--maroon-600: color-mix(in hsl, black 10%, var(--maroon));--maroon-700: color-mix(in hsl, black 25%, var(--maroon));--maroon-800: color-mix(in hsl, black 40%, var(--maroon));--maroon-900: color-mix(in hsl, black 60%, var(--maroon));--magenta: hsl(315 85% 55%);--magenta-50: color-mix(in hsl, white 90%, var(--magenta));--magenta-100: color-mix(in hsl, white 80%, var(--magenta));--magenta-200: color-mix(in hsl, white 70%, var(--magenta));--magenta-300: color-mix(in hsl, white 60%, var(--magenta));--magenta-400: color-mix(in hsl, white 50%, var(--magenta));--magenta-500: var(--magenta);--magenta-600: color-mix(in hsl, black 10%, var(--magenta));--magenta-700: color-mix(in hsl, black 25%, var(--magenta));--magenta-800: color-mix(in hsl, black 40%, var(--magenta));--magenta-900: color-mix(in hsl, black 60%, var(--magenta));--crimson: hsl(348 83% 47%);--crimson-50: color-mix(in hsl, white 90%, var(--crimson));--crimson-100: color-mix(in hsl, white 80%, var(--crimson));--crimson-200: color-mix(in hsl, white 70%, var(--crimson));--crimson-300: color-mix(in hsl, white 60%, var(--crimson));--crimson-400: color-mix(in hsl, white 50%, var(--crimson));--crimson-500: var(--crimson);--crimson-600: color-mix(in hsl, black 10%, var(--crimson));--crimson-700: color-mix(in hsl, black 25%, var(--crimson));--crimson-800: color-mix(in hsl, black 40%, var(--crimson));--crimson-900: color-mix(in hsl, black 60%, var(--crimson));--coral: hsl(16 90% 60%);--coral-50: color-mix(in hsl, white 90%, var(--coral));--coral-100: color-mix(in hsl, white 80%, var(--coral));--coral-200: color-mix(in hsl, white 70%, var(--coral));--coral-300: color-mix(in hsl, white 60%, var(--coral));--coral-400: color-mix(in hsl, white 50%, var(--coral));--coral-500: var(--coral);--coral-600: color-mix(in hsl, black 10%, var(--coral));--coral-700: color-mix(in hsl, black 25%, var(--coral));--coral-800: color-mix(in hsl, black 40%, var(--coral));--coral-900: color-mix(in hsl, black 60%, var(--coral));--peach: hsl(30 95% 75%);--peach-50: color-mix(in hsl, white 90%, var(--peach));--peach-100: color-mix(in hsl, white 80%, var(--peach));--peach-200: color-mix(in hsl, white 70%, var(--peach));--peach-300: color-mix(in hsl, white 60%, var(--peach));--peach-400: color-mix(in hsl, white 50%, var(--peach));--peach-500: var(--peach);--peach-600: color-mix(in hsl, black 10%, var(--peach));--peach-700: color-mix(in hsl, black 25%, var(--peach));--peach-800: color-mix(in hsl, black 40%, var(--peach));--peach-900: color-mix(in hsl, black 60%, var(--peach));--sand: hsl(42 60% 70%);--sand-50: color-mix(in hsl, white 90%, var(--sand));--sand-100: color-mix(in hsl, white 80%, var(--sand));--sand-200: color-mix(in hsl, white 70%, var(--sand));--sand-300: color-mix(in hsl, white 60%, var(--sand));--sand-400: color-mix(in hsl, white 50%, var(--sand));--sand-500: var(--sand);--sand-600: color-mix(in hsl, black 10%, var(--sand));--sand-700: color-mix(in hsl, black 25%, var(--sand));--sand-800: color-mix(in hsl, black 40%, var(--sand));--sand-900: color-mix(in hsl, black 60%, var(--sand));--chartreuse: hsl(90 90% 55%);--chartreuse-50: color-mix(in hsl, white 90%, var(--chartreuse));--chartreuse-100: color-mix(in hsl, white 80%, var(--chartreuse));--chartreuse-200: color-mix(in hsl, white 70%, var(--chartreuse));--chartreuse-300: color-mix(in hsl, white 60%, var(--chartreuse));--chartreuse-400: color-mix(in hsl, white 50%, var(--chartreuse));--chartreuse-500: var(--chartreuse);--chartreuse-600: color-mix(in hsl, black 10%, var(--chartreuse));--chartreuse-700: color-mix(in hsl, black 25%, var(--chartreuse));--chartreuse-800: color-mix(in hsl, black 40%, var(--chartreuse));--chartreuse-900: color-mix(in hsl, black 60%, var(--chartreuse));--jade: hsl(158 60% 45%);--jade-50: color-mix(in hsl, white 90%, var(--jade));--jade-100: color-mix(in hsl, white 80%, var(--jade));--jade-200: color-mix(in hsl, white 70%, var(--jade));--jade-300: color-mix(in hsl, white 60%, var(--jade));--jade-400: color-mix(in hsl, white 50%, var(--jade));--jade-500: var(--jade);--jade-600: color-mix(in hsl, black 10%, var(--jade));--jade-700: color-mix(in hsl, black 25%, var(--jade));--jade-800: color-mix(in hsl, black 40%, var(--jade));--jade-900: color-mix(in hsl, black 60%, var(--jade));--forest: hsl(140 40% 30%);--forest-50: color-mix(in hsl, white 90%, var(--forest));--forest-100: color-mix(in hsl, white 80%, var(--forest));--forest-200: color-mix(in hsl, white 70%, var(--forest));--forest-300: color-mix(in hsl, white 60%, var(--forest));--forest-400: color-mix(in hsl, white 50%, var(--forest));--forest-500: var(--forest);--forest-600: color-mix(in hsl, black 10%, var(--forest));--forest-700: color-mix(in hsl, black 25%, var(--forest));--forest-800: color-mix(in hsl, black 40%, var(--forest));--forest-900: color-mix(in hsl, black 60%, var(--forest));--sea: hsl(200 65% 45%);--sea-50: color-mix(in hsl, white 90%, var(--sea));--sea-100: color-mix(in hsl, white 80%, var(--sea));--sea-200: color-mix(in hsl, white 70%, var(--sea));--sea-300: color-mix(in hsl, white 60%, var(--sea));--sea-400: color-mix(in hsl, white 50%, var(--sea));--sea-500: var(--sea);--sea-600: color-mix(in hsl, black 10%, var(--sea));--sea-700: color-mix(in hsl, black 25%, var(--sea));--sea-800: color-mix(in hsl, black 40%, var(--sea));--sea-900: color-mix(in hsl, black 60%, var(--sea));--royal: hsl(225 70% 55%);--royal-50: color-mix(in hsl, white 90%, var(--royal));--royal-100: color-mix(in hsl, white 80%, var(--royal));--royal-200: color-mix(in hsl, white 70%, var(--royal));--royal-300: color-mix(in hsl, white 60%, var(--royal));--royal-400: color-mix(in hsl, white 50%, var(--royal));--royal-500: var(--royal);--royal-600: color-mix(in hsl, black 10%, var(--royal));--royal-700: color-mix(in hsl, black 25%, var(--royal));--royal-800: color-mix(in hsl, black 40%, var(--royal));--royal-900: color-mix(in hsl, black 60%, var(--royal));--cerulean: hsl(200 100% 40%);--cerulean-50: color-mix(in hsl, white 90%, var(--cerulean));--cerulean-100: color-mix(in hsl, white 80%, var(--cerulean));--cerulean-200: color-mix(in hsl, white 70%, var(--cerulean));--cerulean-300: color-mix(in hsl, white 60%, var(--cerulean));--cerulean-400: color-mix(in hsl, white 50%, var(--cerulean));--cerulean-500: var(--cerulean);--cerulean-600: color-mix(in hsl, black 10%, var(--cerulean));--cerulean-700: color-mix(in hsl, black 25%, var(--cerulean));--cerulean-800: color-mix(in hsl, black 40%, var(--cerulean));--cerulean-900: color-mix(in hsl, black 60%, var(--cerulean));--turquoise: hsl(173 72% 56%);--turquoise-50: color-mix(in hsl, white 90%, var(--turquoise));--turquoise-100: color-mix(in hsl, white 80%, var(--turquoise));--turquoise-200: color-mix(in hsl, white 70%, var(--turquoise));--turquoise-300: color-mix(in hsl, white 60%, var(--turquoise));--turquoise-400: color-mix(in hsl, white 50%, var(--turquoise));--turquoise-500: var(--turquoise);--turquoise-600: color-mix(in hsl, black 10%, var(--turquoise));--turquoise-700: color-mix(in hsl, black 25%, var(--turquoise));--turquoise-800: color-mix(in hsl, black 40%, var(--turquoise));--turquoise-900: color-mix(in hsl, black 60%, var(--turquoise));--azure: hsl(210 100% 60%);--azure-50: color-mix(in hsl, white 90%, var(--azure));--azure-100: color-mix(in hsl, white 80%, var(--azure));--azure-200: color-mix(in hsl, white 70%, var(--azure));--azure-300: color-mix(in hsl, white 60%, var(--azure));--azure-400: color-mix(in hsl, white 50%, var(--azure));--azure-500: var(--azure);--azure-600: color-mix(in hsl, black 10%, var(--azure));--azure-700: color-mix(in hsl, black 25%, var(--azure));--azure-800: color-mix(in hsl, black 40%, var(--azure));--azure-900: color-mix(in hsl, black 60%, var(--azure));--cobalt: hsl(220 80% 45%);--cobalt-50: color-mix(in hsl, white 90%, var(--cobalt));--cobalt-100: color-mix(in hsl, white 80%, var(--cobalt));--cobalt-200: color-mix(in hsl, white 70%, var(--cobalt));--cobalt-300: color-mix(in hsl, white 60%, var(--cobalt));--cobalt-400: color-mix(in hsl, white 50%, var(--cobalt));--cobalt-500: var(--cobalt);--cobalt-600: color-mix(in hsl, black 10%, var(--cobalt));--cobalt-700: color-mix(in hsl, black 25%, var(--cobalt));--cobalt-800: color-mix(in hsl, black 40%, var(--cobalt));--cobalt-900: color-mix(in hsl, black 60%, var(--cobalt));--lavender: hsl(260 60% 70%);--lavender-50: color-mix(in hsl, white 90%, var(--lavender));--lavender-100: color-mix(in hsl, white 80%, var(--lavender));--lavender-200: color-mix(in hsl, white 70%, var(--lavender));--lavender-300: color-mix(in hsl, white 60%, var(--lavender));--lavender-400: color-mix(in hsl, white 50%, var(--lavender));--lavender-500: var(--lavender);--lavender-600: color-mix(in hsl, black 10%, var(--lavender));--lavender-700: color-mix(in hsl, black 25%, var(--lavender));--lavender-800: color-mix(in hsl, black 40%, var(--lavender));--lavender-900: color-mix(in hsl, black 60%, var(--lavender));--plum: hsl(300 40% 40%);--plum-50: color-mix(in hsl, white 90%, var(--plum));--plum-100: color-mix(in hsl, white 80%, var(--plum));--plum-200: color-mix(in hsl, white 70%, var(--plum));--plum-300: color-mix(in hsl, white 60%, var(--plum));--plum-400: color-mix(in hsl, white 50%, var(--plum));--plum-500: var(--plum);--plum-600: color-mix(in hsl, black 10%, var(--plum));--plum-700: color-mix(in hsl, black 25%, var(--plum));--plum-800: color-mix(in hsl, black 40%, var(--plum));--plum-900: color-mix(in hsl, black 60%, var(--plum));--wine: hsl(330 45% 35%);--wine-50: color-mix(in hsl, white 90%, var(--wine));--wine-100: color-mix(in hsl, white 80%, var(--wine));--wine-200: color-mix(in hsl, white 70%, var(--wine));--wine-300: color-mix(in hsl, white 60%, var(--wine));--wine-400: color-mix(in hsl, white 50%, var(--wine));--wine-500: var(--wine);--wine-600: color-mix(in hsl, black 10%, var(--wine));--wine-700: color-mix(in hsl, black 25%, var(--wine));--wine-800: color-mix(in hsl, black 40%, var(--wine));--wine-900: color-mix(in hsl, black 60%, var(--wine))}:root{--font-family: "Roboto", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-heading: "Roboto Slab", serif;--font-mono: "Roboto Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--border-radius: 8px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);height:100%}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5;overflow-x:hidden;overflow-y:auto;margin:0;font-family:var(--font-family);font-size:var(--font-size-md);color:var(--text);background-color:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p,ul,ol,dl,figure,blockquote,fieldset,legend{margin:0;padding:0}ul,ol{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%;height:auto}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled){cursor:pointer}table{border-collapse:collapse;border-spacing:0}[hidden]{display:none!important}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);font-weight:600;line-height:1.2;color:var(--text)}h1{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-lg)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-md);line-height:1.6}a{color:var(--primary);text-decoration:none;transition:all var(--transition-fast)}a:hover,a:focus{filter:brightness(1.2);text-decoration:underline}ul,ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}ul{list-style-type:disc}ol{list-style-type:decimal}li{margin-bottom:var(--spacing-xs)}pre,code,kbd,samp{font-family:var(--font-mono);font-size:.9em}pre{background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-md);overflow-x:auto}code{background-color:#8b5cf626;color:#0ef134;padding:.2em .4em;border-radius:3px;font-weight:500}blockquote{margin:var(--spacing-md) 0;padding:var(--spacing-md) var(--spacing-lg);border-left:4px solid var(--primary);background-color:var(--surface-2);font-style:italic}hr{border:0;height:1px;background-color:var(--border);margin:var(--spacing-lg) 0}.exercise-controls{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.ok{color:var(--emerald-500)}.wrong{color:var(--red-500)}.seen{color:var(--muted)}.exercise-counters{margin-top:var(--spacing-md);font-weight:600}.ref-link{background:none;border:none;color:inherit;text-decoration:underline;cursor:pointer;padding:0;font:inherit}.ref-link:hover{color:var(--primary)}@media(max-width:768px){.exercise-controls{flex-direction:column}.exercise-controls input{width:100%}}@media(max-width:1024px){:root{--font-size-xs: .7rem;--font-size-sm: .825rem;--font-size-md: .95rem;--font-size-lg: 1.15rem;--font-size-xl: 1.35rem;--font-size-xxl: 1.75rem}h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.15rem}h4{font-size:.95rem}pre{padding:var(--spacing-sm);font-size:.85rem}blockquote{padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-sm) 0}}@media(max-width:768px){:root{--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-md: .9rem;--font-size-lg: 1.05rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--spacing-xs: 3px;--spacing-sm: 6px;--spacing-md: 12px;--spacing-lg: 18px;--spacing-xl: 24px;--spacing-xxl: 32px}body{font-size:.9rem;line-height:1.6}h1{font-size:1.5rem;margin-bottom:var(--spacing-md)}h2{font-size:1.25rem;margin-bottom:var(--spacing-sm)}h3{font-size:1.05rem;margin-bottom:var(--spacing-sm)}h4{font-size:.9rem;margin-bottom:var(--spacing-xs)}p{margin-bottom:var(--spacing-sm);line-height:1.6}ul,ol{margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md)}li{margin-bottom:var(--spacing-xs);font-size:.9rem}pre{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:.8rem;overflow-x:auto}code{padding:.15em .3em;font-size:.85em}blockquote{margin:var(--spacing-sm) 0;padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}hr{margin:var(--spacing-md) 0}.exercise-controls{flex-direction:column;gap:var(--spacing-xs)}.exercise-controls input,.exercise-controls button{width:100%;font-size:.9rem;padding:var(--spacing-sm)}.exercise-counters{margin-top:var(--spacing-sm);font-size:.9rem}:is(table){font-size:.85rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{padding:var(--spacing-xs) var(--spacing-sm)}}@media(max-width:480px){:root{--font-size-xs: .65rem;--font-size-sm: .75rem;--font-size-md: .85rem;--font-size-lg: 1rem;--font-size-xl: 1.15rem;--font-size-xxl: 1.35rem;--spacing-xs: 2px;--spacing-sm: 4px;--spacing-md: 8px;--spacing-lg: 12px;--spacing-xl: 16px;--spacing-xxl: 24px}body{font-size:.85rem}h1{font-size:1.35rem}h2{font-size:1.15rem}h3{font-size:1rem}h4,p,li{font-size:.85rem}pre{font-size:.75rem;padding:var(--spacing-xs)}code{font-size:.8em}blockquote{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem}table{font-size:.8rem}th,td{padding:var(--spacing-xs)}}@media(max-width:768px)and (orientation:landscape){body{font-size:.85rem}h1{font-size:1.35rem}h2{font-size:1.15rem}h3{font-size:1rem}}@media(max-width:768px){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{padding:2px 0;display:inline-block}input,select,textarea,button{font-size:16px;padding:var(--spacing-sm)}p+p{margin-top:var(--spacing-sm)}ul li,ol li{line-height:1.6}}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:var(--text-light-primary);margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg)}.dark a{color:var(--primary)}.dark a:hover{color:var(--primary-hover)}.dark pre{background-color:var(--surface-2);border-color:var(--border);color:var(--text)}.dark code{background-color:#e91e6326;color:#f06292;font-weight:500}.dark blockquote{border-left-color:var(--primary);background-color:var(--surface-2);color:var(--text-secondary)}.dark hr{background-color:var(--border)}.dark input,.dark select,.dark textarea{background-color:var(--surface-2);border-color:var(--border);color:var(--text)}.dark input:focus,.dark select:focus,.dark textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #ff6b3533}.dark button{background-color:#9c27b0;color:var(--text-light-primary);border-color:var(--primary)}.dark button:hover{background-color:var(--button-hover)}.dark .ok{color:#4ade80}.dark .wrong{color:#f87171}.dark .seen{color:var(--muted)}.unidad-base-row{background-color:#f0f0f0!important}html.dark .unidad-base-row,.dark .unidad-base-row,:root.dark .unidad-base-row{background-color:#8b5cf640!important;color:#e9d5ff!important}html.dark .unidad-base-row td,.dark .unidad-base-row td,:root.dark .unidad-base-row td{background-color:transparent!important;color:inherit!important}:root{--surface: #ffffff;--surface-2: #fdf6ef;--surface-3: #faeadb;--surface-4: #f0cfa8;--surface-5: #e8b070;--surface-6: #cc8040;--border: #f0cfa8;--text: #1a0f0a;--muted: #9a6040;--primary: #FF6A00;--primary-hover: #FF4500;--accent: #FFA500;--button: #FF6A00;--ring: #FF6A00;--focus: #FF6A00;--badge-bg: #fdf6ef;--badge-text: #FF4500;--chart-1: #FF6A00;--chart-2: #FFA500;--chart-3: #FF8C00;--chart-4: #FFC300}.dark{--bg-dark-primary: #0A0A0A;--bg-dark-secondary: #1C1C1C;--bg-dark-tertiary: #2a1f18;--bg-dark-quaternary: #3d2c20;--surface: #0A0A0A;--surface-2: #1C1C1C;--surface-3: #2a1f18;--surface-4: #3d2c20;--surface-5: #5a3e28;--surface-6: #7a5030;--border: rgba(255, 106, 0, .3);--border-light: rgba(255, 106, 0, .15);--text: #f5f0ec;--text-secondary: #c8b0a0;--text-light-primary: #ffffff;--text-light-secondary: #d0c0b0;--muted: #907060;--primary: #FF8C00;--primary-hover: #FFA500;--accent: #FFC300;--accent-hover: #FFD580;--navbar-bg: #0A0A0A;--card-bg: #1C1C1C;--button-bg: #FF6A00;--button-hover: #FF4500;--chart-1: #FF6A00;--chart-2: #FFA500;--chart-3: #FF8C00;--chart-4: #FFC300}.theme-sky{--primary: var(--sky-500);--accent: var(--sky-400);--chart-1: var(--sky-400);--surface-2: var(--sky-50);--surface-3: var(--sky-300);--border: var(--sky-200)}.dark .theme-sky{--surface: var(--sky-900);--surface-2: var(--sky-800);--border: var(--sky-800);--text: var(--sky-100)}.theme-amber{--primary: var(--amber-600);--accent: var(--amber-500);--chart-1: var(--amber-500);--chart-2: var(--green-500);--surface-2: var(--amber-50);--surface-3: var(--amber-300);--border: var(--amber-200)}.dark .theme-amber{--surface: var(--amber-900);--surface-2: var(--amber-800);--border: var(--amber-700);--text: var(--amber-50)}.theme-emerald{--primary: var(--emerald-600);--accent: var(--emerald-400);--chart-1: var(--emerald-400);--chart-2: var(--blue-500);--surface-2: var(--emerald-50);--surface-3: var(--emerald-300);--border: var(--emerald-200)}.dark .theme-emerald{--surface: var(--emerald-900);--surface-2: var(--emerald-800);--border: var(--emerald-800);--text: var(--emerald-50)}.theme-red{--primary: var(--red-600);--accent: var(--red-400);--chart-1: var(--red-500);--chart-2: var(--amber-500);--surface-2: var(--red-50);--surface-3: var(--red-300);--border: var(--red-200)}.dark .theme-red{--surface: var(--red-900);--surface-2: var(--red-800);--border: var(--red-700);--text: var(--red-50)}.theme-orange{--primary: var(--orange-600);--accent: var(--orange-400);--chart-1: var(--orange-500);--chart-2: var(--emerald-500);--surface: #fffaf0;--surface-2: var(--orange-50);--surface-3: var(--orange-300);--border: var(--orange-200)}.dark .theme-orange{--surface: var(--orange-900);--surface-2: var(--orange-800);--border: var(--orange-700);--text: var(--orange-50)}.theme-yellow{--primary: var(--yellow-600);--accent: var(--yellow-400);--chart-1: var(--yellow-500);--chart-2: var(--blue-500);--surface-2: var(--yellow-50);--surface-3: var(--yellow-300);--border: var(--yellow-200)}.dark .theme-yellow{--surface: var(--yellow-900);--surface-2: var(--yellow-800);--border: var(--yellow-700);--text: var(--yellow-50)}.theme-lime{--primary: var(--lime-600);--accent: var(--lime-400);--chart-1: var(--lime-500);--chart-2: var(--sky-500);--surface-2: var(--lime-50);--surface-3: var(--lime-300);--border: var(--lime-200)}.dark .theme-lime{--surface: var(--lime-900);--surface-2: var(--lime-800);--border: var(--lime-700);--text: var(--lime-50)}.theme-green{--primary: var(--green-600);--accent: var(--green-400);--chart-1: var(--green-500);--chart-2: var(--violet-500);--surface-2: var(--green-50);--surface-3: var(--green-300);--border: var(--green-200)}.dark .theme-green{--surface: var(--green-900);--surface-2: var(--green-800);--border: var(--green-700);--text: var(--green-50)}.theme-teal{--primary: var(--teal-600);--accent: var(--teal-400);--chart-1: var(--teal-500);--chart-2: var(--amber-500);--surface-2: var(--teal-50);--surface-3: var(--teal-300);--border: var(--teal-200)}.dark .theme-teal{--surface: var(--teal-900);--surface-2: var(--teal-800);--border: var(--teal-700);--text: var(--teal-50)}.theme-cyan{--primary: var(--cyan-600);--accent: var(--cyan-400);--chart-1: var(--cyan-500);--chart-2: var(--rose-500);--surface-2: var(--cyan-50);--surface-3: var(--cyan-300);--border: var(--cyan-200)}.dark .theme-cyan{--surface: var(--cyan-900);--surface-2: var(--cyan-800);--border: var(--cyan-700);--text: var(--cyan-50)}.theme-blue{--primary: var(--blue-600);--accent: var(--blue-400);--chart-1: var(--blue-500);--chart-2: var(--emerald-500);--surface-2: var(--blue-50);--surface-3: var(--blue-300);--border: var(--blue-200)}.dark .theme-blue{--surface: var(--blue-900);--surface-2: var(--blue-800);--border: var(--blue-700);--text: var(--blue-50)}.theme-indigo{--primary: var(--indigo-600);--accent: var(--indigo-400);--chart-1: var(--indigo-500);--chart-2: var(--amber-500);--surface-2: var(--indigo-50);--surface-3: var(--indigo-300);--border: var(--indigo-200)}.dark .theme-indigo{--surface: var(--indigo-900);--surface-2: var(--indigo-800);--border: var(--indigo-700);--text: var(--indigo-50)}.theme-violet{--primary: var(--violet-600);--accent: var(--violet-400);--chart-1: var(--violet-500);--chart-2: var(--emerald-500);--surface-2: var(--violet-50);--surface-3: var(--violet-300);--border: var(--violet-200)}.dark .theme-violet{--surface: var(--violet-900);--surface-2: var(--violet-800);--border: var(--violet-700);--text: var(--violet-50)}.theme-purple{--primary: var(--purple-600);--accent: var(--purple-400);--chart-1: var(--purple-500);--chart-2: var(--sky-500);--surface-2: var(--purple-50);--surface-3: var(--purple-300);--border: var(--purple-200)}.dark .theme-purple{--surface: var(--purple-900);--surface-2: var(--purple-800);--border: var(--purple-700);--text: var(--purple-50)}.theme-fuchsia{--primary: var(--fuchsia-600);--accent: var(--fuchsia-400);--chart-1: var(--fuchsia-500);--chart-2: var(--teal-500);--surface-2: var(--fuchsia-50);--surface-3: var(--fuchsia-300);--border: var(--fuchsia-200)}.dark .theme-fuchsia{--surface: var(--fuchsia-900);--surface-2: var(--fuchsia-800);--border: var(--fuchsia-700);--text: var(--fuchsia-50)}.theme-pink{--primary: var(--pink-600);--accent: var(--pink-400);--chart-1: var(--pink-500);--chart-2: var(--blue-500);--surface-2: var(--pink-50);--surface-3: var(--pink-300);--border: var(--pink-200)}.dark .theme-pink{--surface: var(--pink-900);--surface-2: var(--pink-800);--border: var(--pink-700);--text: var(--pink-50)}.theme-rose{--primary: var(--rose-600);--accent: var(--rose-400);--chart-1: var(--rose-500);--chart-2: var(--emerald-500);--surface-2: var(--rose-50);--surface-3: var(--rose-300);--border: var(--rose-200)}.dark .theme-rose{--surface: var(--rose-900);--surface-2: var(--rose-800);--border: var(--rose-700);--text: var(--rose-50)}.theme-slate{--primary: var(--slate-600);--accent: var(--slate-400);--chart-1: var(--slate-500);--chart-2: var(--amber-500);--surface-2: var(--slate-50);--surface-3: var(--slate-300);--border: var(--slate-200)}.dark .theme-slate{--surface: var(--slate-900);--surface-2: var(--slate-800);--border: var(--slate-700);--text: var(--slate-50)}.theme-gray{--primary: var(--gray-600);--accent: var(--gray-400);--chart-1: var(--gray-500);--chart-2: var(--emerald-500);--surface-2: var(--gray-50);--surface-3: var(--gray-300);--border: var(--gray-200)}.dark .theme-gray{--surface: var(--gray-900);--surface-2: var(--gray-800);--border: var(--gray-700);--text: var(--gray-50)}.theme-zinc{--primary: var(--zinc-600);--accent: var(--zinc-400);--chart-1: var(--zinc-500);--chart-2: var(--blue-500);--surface-2: var(--zinc-50);--surface-3: var(--zinc-300);--border: var(--zinc-200)}.dark .theme-zinc{--surface: var(--zinc-900);--surface-2: var(--zinc-800);--border: var(--zinc-700);--text: var(--zinc-50)}.theme-neutral{--primary: var(--neutral-600);--accent: var(--neutral-400);--chart-1: var(--neutral-500);--chart-2: var(--teal-500);--surface-2: var(--neutral-50);--surface-3: var(--neutral-300);--border: var(--neutral-200)}.dark .theme-neutral{--surface: var(--neutral-900);--surface-2: var(--neutral-800);--border: var(--neutral-700);--text: var(--neutral-50)}.theme-stone{--primary: var(--stone-600);--accent: var(--stone-400);--chart-1: var(--stone-500);--chart-2: var(--indigo-500);--surface-2: var(--stone-50);--surface-3: var(--stone-300);--border: var(--stone-200)}.dark .theme-stone{--surface: var(--stone-900);--surface-2: var(--stone-800);--border: var(--stone-700);--text: var(--stone-50)}.theme-royal{--primary: var(--indigo-600);--accent: var(--indigo-400)}.theme-ocean{--primary: var(--cyan-600);--accent: var(--cyan-400)}.theme-forest{--primary: var(--green-700);--accent: var(--green-500)}.theme-sunset{--primary: var(--orange-600);--accent: var(--rose-400)}.theme-lavender{--primary: var(--violet-500);--accent: var(--violet-300)}.theme-ruby{--primary: var(--red-700);--accent: var(--red-500)}.theme-sapphire{--primary: var(--blue-700);--accent: var(--blue-500)}.theme-aurora{--primary: var(--fuchsia-600);--accent: var(--pink-400)}.theme-mint{--primary: var(--emerald-500);--accent: var(--lime-400)}.theme-graphite{--primary: var(--zinc-700);--accent: var(--zinc-500)}.theme-sand{--primary: var(--amber-700);--accent: var(--yellow-500)}.theme-scope{background-color:var(--surface);color:var(--text)}.theme-card{background-color:var(--surface-2);border-color:var(--border)}.theme-card-300{background-color:var(--surface-3);border-color:var(--border)}.theme-border{border-color:var(--border)}.theme-text-muted{color:var(--muted)}.theme-primary{color:var(--primary)}.theme-bg-primary{background-color:var(--primary)}.card-theme{background-color:var(--surface-2);border:1px solid var(--border);border-radius:.5rem;padding:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .875rem;border-radius:.5rem;font-weight:600;border:1px solid transparent;transition:all .2s ease}.btn-primary{background-color:var(--primary);color:#fff;border-color:var(--primary)}.btn-ghost{background-color:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{background-color:var(--surface-2)}.badge-theme{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;line-height:1rem;background-color:var(--badge-bg);color:var(--badge-text);border:1px solid var(--border)}.input-theme,.select-theme{color:var(--text);background-color:var(--surface);border:1px solid var(--border)}.input-theme:focus,.select-theme:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 25%,transparent)}:root{overflow:hidden;--bg-dark-primary: #01133e;--bg-dark-secondary: #001f63;--bg-dark-tertiary: #003483;--bg-dark-quaternary: #8fabd1;--bg-light: #f1f5f9;--text-light-primary: #f8fafc;--text-light-secondary: #cbd5e1;--border-dark: #334155;--navbar-height: 150px;--sidebar-width-expanded: 280px;--sidebar-width-collapsed: 80px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--indent-step: 24px;--border-radius: 8px}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-content-area{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.sidebar-container{flex-shrink:0;height:100%;overflow-y:auto}.main-content{flex-grow:1;overflow-y:auto;padding:var(--spacing-xl);background-color:var(--surface)}.navbar{display:flex;align-items:center;padding:0 var(--spacing-lg);height:var(--navbar-height);background:linear-gradient(135deg,#000 20%,#ffa60046 40%,#ffa600af,#ffa60046 60%,#000 80%);color:var(--text-light-primary);border-bottom:2px solid rgba(255,106,0,.4);box-shadow:0 4px 12px #0000004d;flex-shrink:0}.sidebar{height:100%;width:100%;max-width:300px;background:linear-gradient(180deg,#000 50%,#363481);color:var(--text-light-secondary);display:flex;flex-direction:column;padding:var(--spacing-mg) 0;transition:width .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden;padding-right:20px;padding-left:10px;border-right:2px solid rgba(252,102,2,.3);box-shadow:4px 0 12px #0000004d}.sidebar-nav{flex-grow:1}.sidebar-list,.sidebar-submenu{list-style:none;padding:0;margin:0}.sidebar-submenu{width:100%}.sidebar-card{margin-bottom:10px;margin-right:10px;box-sizing:border-box}.sidebar-card-link{display:flex;align-items:center;text-decoration:none;color:var(--text-light-secondary);border-radius:var(--border-radius);box-sizing:border-box;transition:background-color .2s,color .2s,width .2s;border:1px solid transparent;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);margin-left:auto;margin-right:10px}.sidebar-label{flex-grow:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-list>.sidebar-card>.sidebar-card-link{margin-bottom:15px;margin-left:10px;margin-right:10px;background:linear-gradient(135deg,#ff4500,#ff6a00);width:100%;font-size:.9rem;font-weight:600;box-shadow:0 2px 8px #ff6a004d;transition:all .3s ease}.sidebar-submenu>.sidebar-card>.sidebar-card-link{width:calc(100% - var(--indent-step));font-size:.85rem;font-weight:400;background:#ff6a0014;border-left:2px solid rgba(255,106,0,.3)}.sidebar-submenu .sidebar-submenu>.sidebar-card>.sidebar-card-link{width:calc(100% - (var(--indent-step) * 2));font-size:.8rem}.sidebar-card-link:hover{background:linear-gradient(135deg,#ff6a00,orange);color:#fff;box-shadow:0 4px 12px #ff6a0066;transform:translate(-3px)}.sidebar-card-active>.sidebar-card-link{background:linear-gradient(135deg,#ff4500,#ff8c00)!important;color:#fff;font-weight:700;box-shadow:0 4px 12px #ff6a0080;border-left:4px solid #FFD580}.sidebar-icon{font-size:1.2rem;min-width:36px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;text-align:center;margin-right:var(--spacing-md);flex-shrink:0}.sidebar-icon img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.sidebar-icon span{font-size:1.6rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.sidebar-card-active .sidebar-icon span,.sidebar-card-active .sidebar-icon img{filter:drop-shadow(0 2px 6px rgba(255,255,255,.4));transform:scale(1.1);transition:transform .2s ease}.sidebar-chevron{margin-left:auto;transition:transform .2s ease}.sidebar-chevron-open{transform:rotate(180deg)}.sidebar-collapsed{width:var(--sidebar-width-collapsed)}.sidebar-expanded{width:var(--sidebar-width-expanded)}.sidebar-collapsed .sidebar-card{margin-right:0;margin-left:0}.sidebar-collapsed .sidebar-card-link{justify-content:center;padding:var(--spacing-md);width:auto;margin:0 auto;max-width:56px}.sidebar-collapsed .sidebar-icon{margin-right:0}.sidebar-collapsed .sidebar-icon span{font-size:2rem}.sidebar-collapsed .sidebar-label,.sidebar-collapsed .sidebar-chevron{display:none}.sidebar-collapsed .sidebar-submenu{display:flex;flex-direction:column;align-items:center;width:100%}.sidebar-collapsed .sidebar-submenu .sidebar-card{width:100%;margin:5px 0}.sidebar-collapsed .sidebar-submenu .sidebar-card-link{width:auto;max-width:48px;margin:0 auto}.tema-card.theory-only{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#f8faff,#f1f5f9)}.tema-card.theory-only:hover{background:linear-gradient(135deg,#eff6ff,#e0e7ff);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.tema-card.theory-only .tema-card-title{color:#1e40af}.tema-card.theory-only .tema-card-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none}.tema-card.theory-only .tema-card-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.tema-card.practical{border-left:4px solid #FF6A00;background:linear-gradient(135deg,#fff8f3,#f1f5f9)}.tema-card.practical:hover{background:linear-gradient(135deg,#fff0e6,#fde8d8);transform:translateY(-2px);box-shadow:0 8px 25px #ff6a0026}.tema-card.practical .tema-card-title{color:#c43d00}.tema-card.practical .tema-card-btn{background:linear-gradient(135deg,#ff4500,#ff6a00);color:#fff;border:none}.tema-card.practical .tema-card-btn:hover{background:linear-gradient(135deg,#ff6a00,orange)}.tema-card-icon{position:relative}.tema-card.theory-only,.tema-card.practical{transition:all .3s ease}.tema-card.theory-only .tema-card-btn,.tema-card.practical .tema-card-btn{transition:all .2s ease}.tema-card{position:relative}.tema-card:has(.card-badge-top){margin-top:20px}.card-badge-top{position:absolute;top:-10px;left:50%;transform:translate(-50%);z-index:10}.theory-badge-top{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:20px;font-size:.85rem;font-weight:600;box-shadow:0 2px 8px #3b82f64d;white-space:nowrap}.practical-badge-top{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,#ff4500,#ff6a00);color:#fff;border-radius:20px;font-size:.85rem;font-weight:600;box-shadow:0 2px 8px #ff6a004d;white-space:nowrap}.modern-breadcrumbs{margin-bottom:1.5rem;position:relative}.breadcrumb-container{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:.5rem!important;padding:.75rem 1rem!important;background:linear-gradient(135deg,#fffffff2,#f8fafcf2)!important;border-radius:16px!important;box-shadow:0 2px 8px #00000014!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.breadcrumb-pill{display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1rem!important;border-radius:12px!important;font-size:.9rem!important;font-weight:500!important;transition:all .2s ease!important;border:none!important;background:transparent!important;cursor:pointer!important;white-space:nowrap!important}.breadcrumb-home{background:linear-gradient(135deg,#ff4500,#ff6a00)!important;color:#fff!important;box-shadow:0 2px 6px #ff6a0059!important}.breadcrumb-home:hover{background:linear-gradient(135deg,#ff6a00,orange);transform:translateY(-1px);box-shadow:0 4px 12px #ff6a0073}.breadcrumb-home .breadcrumb-label{display:inline}.breadcrumb-link{background:#ff6a0014;color:#ff6a00}.breadcrumb-link:hover{background:#ff6a0026;color:#ff4500;transform:translateY(-1px)}.breadcrumb-active{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#334155;font-weight:600;cursor:default;box-shadow:inset 0 1px 3px #0000001a}.breadcrumb-separator{display:flex;align-items:center;color:#94a3b8;font-size:.75rem}.breadcrumb-separator i{opacity:.6}@media(max-width:640px){.breadcrumb-home .breadcrumb-label{display:none}.breadcrumb-pill{padding:.4rem .75rem;font-size:.85rem}.breadcrumb-container{padding:.5rem .75rem;gap:.35rem}}@keyframes breadcrumbFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.breadcrumb-pill{animation:breadcrumbFadeIn .3s ease forwards}.breadcrumb-pill:nth-child(1){animation-delay:0s}.breadcrumb-pill:nth-child(3){animation-delay:.05s}.breadcrumb-pill:nth-child(5){animation-delay:.1s}.breadcrumb-pill:nth-child(7){animation-delay:.15s}.breadcrumb-pill:nth-child(9){animation-delay:.2s}@media(max-width:1024px){:root{--navbar-height: 80px;--sidebar-width-expanded: 240px;--spacing-xl: 24px}.main-content{padding:var(--spacing-lg)}.sidebar-card-link{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem}.sidebar-list>.sidebar-card>.sidebar-card-link{font-size:.85rem}.sidebar-submenu>.sidebar-card>.sidebar-card-link{font-size:.8rem}.sidebar-submenu .sidebar-submenu>.sidebar-card>.sidebar-card-link{font-size:.75rem}}@media(max-width:768px){:root{--navbar-height: 60px;--sidebar-width-expanded: 100%;--sidebar-width-collapsed: 0;--spacing-xl: 16px;--spacing-lg: 16px;--spacing-md: 12px}.app-container,.main-content-area{flex-direction:column}.navbar{padding:0 var(--spacing-sm);height:var(--navbar-height);justify-content:space-between}.navbar-logo-img{height:50px}.navbar-title{font-size:1rem}.sidebar-container{position:fixed;top:var(--navbar-height);left:0;width:100%;height:calc(100vh - var(--navbar-height));z-index:1000;transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar-container.sidebar-open{transform:translate(0)}.sidebar-expanded{width:80%;max-width:300px}.sidebar-collapsed{width:0;overflow:hidden}.sidebar-overlay{position:fixed;top:var(--navbar-height);left:0;width:100%;height:calc(100vh - var(--navbar-height));background-color:#00000080;z-index:999;display:none}.sidebar-overlay.active{display:block}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;color:var(--text-light-primary);font-size:1.5rem;cursor:pointer;padding:0}.main-content{padding:var(--spacing-md);width:100%}.breadcrumb-container{padding:.5rem!important;gap:.25rem!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.breadcrumb-pill{padding:.35rem .6rem!important;font-size:.8rem!important;flex-shrink:0}.breadcrumb-home .breadcrumb-label{display:none}.breadcrumb-separator{font-size:.7rem}.tema-cards-row{flex-direction:column;gap:var(--spacing-md)}.tema-card{width:100%;height:auto;min-height:300px;aspect-ratio:auto;padding:var(--spacing-md)}.tema-card-icon-img{width:150px;height:150px}.tema-card-title{font-size:1.1rem}.tema-card-desc{font-size:.85rem}:is(table){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.sidebar-card-link{padding:var(--spacing-sm) var(--spacing-md)}.sidebar-list>.sidebar-card>.sidebar-card-link{margin:0 var(--spacing-xs);font-size:.9rem}.sidebar-submenu>.sidebar-card>.sidebar-card-link{width:calc(100% - var(--indent-step));font-size:.85rem}.sidebar-submenu .sidebar-submenu>.sidebar-card>.sidebar-card-link{width:calc(100% - (var(--indent-step) * 1.5));font-size:.8rem}}@media(max-width:480px){:root{--navbar-height: 56px;--spacing-xl: 12px;--spacing-lg: 12px;--spacing-md: 8px;--spacing-sm: 6px}.navbar{padding:0 var(--spacing-xs)}.navbar-logo-img{height:40px}.navbar-title{font-size:.9rem}.main-content{padding:var(--spacing-sm)}.tema-card{min-height:250px;padding:var(--spacing-sm)}.tema-card-icon-img{width:120px;height:120px}.tema-card-title{font-size:1rem}.tema-card-desc{font-size:.8rem}.breadcrumb-pill{padding:.3rem .5rem!important;font-size:.75rem!important}.exercise-controls{flex-direction:column;gap:var(--spacing-xs)}.exercise-controls input,.exercise-controls button{width:100%}.theory-badge-top,.practical-badge-top{padding:4px 12px;font-size:.75rem}}@media(max-width:768px)and (orientation:landscape){.navbar{height:50px}.navbar-logo-img{height:40px}.sidebar-container,.sidebar-overlay{top:50px;height:calc(100vh - 50px)}}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px)and (max-width:1024px){.hide-tablet{display:none!important}}@media(min-width:1025px){.hide-desktop{display:none!important}.mobile-menu-btn{display:none}}.show-mobile{display:none!important}@media(max-width:768px){.show-mobile{display:block!important}}@media(max-width:768px){button,a,.sidebar-card-link,.breadcrumb-pill{min-height:44px;min-width:44px}*{-webkit-overflow-scrolling:touch}input,select,textarea{font-size:16px!important}}.dark .navbar{background-color:var(--bg-dark-primary);border-bottom-color:#fd8802}.dark .sidebar{background-color:var(--bg-dark-secondary);color:var(--text-secondary)}.dark .sidebar-card-link{color:var(--text-secondary)}.dark .sidebar-card-link:hover{background-color:var(--surface-3);color:var(--text-light-primary)}.dark .sidebar-card-active>.sidebar-card-link{background-color:var(--primary);color:var(--text-light-primary)}.dark .sidebar-list>.sidebar-card>.sidebar-card-link{background-color:var(--surface-3)}.dark .sidebar-list>.sidebar-card>.sidebar-card-link:hover{background-color:var(--primary)}.dark .main-content{background-color:#000;color:var(--text)}.dark .tema-card{background-color:var(--card-bg);border-color:var(--border);color:var(--text)}.dark .tema-card:hover{background-color:var(--surface-3);box-shadow:0 8px 20px #ff6a0040}.dark .tema-card-title{color:var(--text-light-primary)}.dark .tema-card-desc{color:var(--text-secondary)}.dark .tema-card-btn{background:linear-gradient(135deg,#000,#ff8c20);margin:10px;padding:10px;color:#ffcca3;border-color:#0e0906}.dark .tema-card-btn:hover{background:#f60}.tema-card.theory-only{background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface-3) 100%);border-left-color:#3b82f6}.tema-card.theory-only:hover{background:linear-gradient(135deg,var(--surface-3) 0%,var(--surface-4) 100%);box-shadow:0 8px 25px #3b82f666}.tema-card.practical{background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface-3) 100%);border-left-color:#ff6a00}.tema-card.practical:hover{background:linear-gradient(135deg,var(--surface-3) 0%,var(--surface-4) 100%);box-shadow:0 8px 25px #ec489966}.theory-badge-top{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f666}.practical-badge-top{background:linear-gradient(135deg,#ff4500,#ff6a00);box-shadow:0 2px 8px #ff6a0066}.sidebar-overlay{background-color:#000000b3}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:transparent;border:2px solid var(--border-dark);color:var(--text-light-primary);cursor:pointer;transition:all .3s ease;margin-left:auto;margin-right:var(--spacing-md)}.theme-toggle-btn:hover{background-color:#ff6a001a;border-color:#ff6a00;transform:rotate(180deg)}.theme-toggle-btn i{font-size:1.2rem}.dark .theme-toggle-btn{border-color:var(--border);color:orange}.dark .theme-toggle-btn:hover{background-color:#ff6a0026;border-color:#ff8c00;transform:rotate(180deg)}.view-toggle-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border-radius:20px;background:linear-gradient(135deg,#ff4500,#ff6a00);border:2px solid #FF6A00;color:#fff;cursor:pointer;transition:all .3s ease;margin-right:var(--spacing-md);font-weight:600;font-size:.9rem}.view-toggle-btn i{font-size:1.1rem}.view-toggle-btn.education{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-color:#9c27b0}.view-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6a0066;background:linear-gradient(135deg,#ff6a00,orange)}.view-toggle-btn.education:hover{box-shadow:0 4px 12px #9c27b066}.view-toggle-text{font-weight:600}@media(max-width:640px){.view-toggle-text{display:none}.view-toggle-btn{padding:.5rem .75rem;min-width:44px}}.dark .view-toggle-btn{background:linear-gradient(135deg,#ff4500,#ff6a00);border-color:#ff6a00}.dark .view-toggle-btn.education{background:linear-gradient(135deg,#9c27b0,#ba68c8);border-color:#9c27b0}.dark .view-toggle-btn:hover{box-shadow:0 4px 12px #ff6a0066;background:linear-gradient(135deg,#ff6a00,orange)}.dark .view-toggle-btn.education:hover{box-shadow:0 4px 12px #9c27b066}body,.main-content,.navbar,.sidebar,.navbar-user-dropdown,.user-dropdown,.tema-card,.profile-card,.subscription-card,.v2-panel,.card-theme{transition:background-color .25s ease,color .2s ease,border-color .2s ease}.navbar-actions{display:flex;align-items:center;gap:var(--spacing-md);margin-left:auto}.auth-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.btn-login,.btn-register{padding:.5rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.btn-login{background-color:transparent;color:var(--text-light-primary);border:2px solid rgba(255,106,0,.6)}.btn-login:hover{background-color:#ff6a0026;border-color:orange;transform:translateY(-1px)}.btn-register{background:linear-gradient(135deg,#ff4500,#ff6a00);color:#fff;box-shadow:0 2px 8px #ff6a004d}.btn-register:hover{background:linear-gradient(135deg,#ff6a00,orange);box-shadow:0 4px 12px #ff6a0066;transform:translateY(-1px)}.user-menu-container{position:relative}.user-menu-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:.5rem 1rem;background-color:#ffffff1a;border:2px solid var(--border-dark);border-radius:12px;color:var(--text-light-primary);cursor:pointer;transition:all .2s ease;font-size:.9rem}.user-menu-btn:hover{background-color:#ffffff1a}.user-menu-btn:focus,.user-menu-btn:focus-visible{outline:none;box-shadow:none}.user-menu-btn i{font-size:1.5rem}.user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-tier-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:250px;background-color:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{padding:1rem;background-color:var(--surface-2);border-bottom:1px solid var(--border)}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-info strong{color:var(--text);font-size:.95rem}.user-info small{color:var(--muted);font-size:.8rem}.user-dropdown-divider{height:1px;background-color:var(--border);margin:.5rem 0}.user-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:.75rem 1rem;color:var(--text);text-decoration:none;transition:all .2s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-size:.9rem}.user-dropdown-item:hover{background-color:#ff6a0014;color:var(--text)}.user-dropdown-item i{font-size:1.1rem;width:20px;text-align:center}.admin-link{color:#ea6666;font-weight:600;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.admin-link:hover{background:linear-gradient(135deg,#667eea33,#764ba233);color:#764ba2}.logout-btn{color:#ef4444}.logout-btn:hover{background-color:#ef44441a;color:#dc2626}.dark .btn-register{background:linear-gradient(135deg,#ff4500,#ff6a00);box-shadow:0 2px 8px #ff6a004d}.dark .btn-register:hover{background:linear-gradient(135deg,#ff6a00,orange);box-shadow:0 4px 12px #ff6a0066}.dark .user-menu-btn{background-color:#ffffff0d;border-color:var(--border)}.dark .user-menu-btn:hover{background-color:#ffffff1a}.dark .user-dropdown{background-color:var(--surface-2);border-color:var(--border);box-shadow:0 8px 24px #00000080}.dark .user-dropdown-header{background-color:#ff6a000d;border-bottom-color:var(--border)}.dark .user-info strong{color:var(--text-light-primary)}.dark .user-info small,.dark .user-dropdown-item{color:var(--text-light-secondary)}.dark .user-dropdown-item:hover{background-color:#ff6a001f;color:var(--text-light-primary)}@media(max-width:768px){.navbar-actions{gap:var(--spacing-sm)}.user-name{display:none}.btn-login,.btn-register{padding:.4rem .75rem;font-size:.85rem}.user-menu-btn{padding:.4rem .75rem}.user-dropdown{right:-10px;min-width:220px}}@media(max-width:480px){.auth-buttons{gap:.25rem}.btn-login,.btn-register{padding:.35rem .6rem;font-size:.8rem}.user-tier-badge{display:none}.user-dropdown{right:-20px;min-width:200px}}.navbar-menu-button{display:none}@media(max-width:768px){.navbar-menu-button{display:inline-flex;align-items:center;justify-content:center}}.sidebar-items,.sidebar-items ul,.sidebar-items li{list-style:none!important;margin:0;padding:0}.sidebar-items{display:flex;flex-direction:column;gap:10px}.sidebar-item-header{margin-bottom:10px;margin-right:10px;margin-left:10px;display:flex;align-items:center;border-radius:var(--border-radius);box-sizing:border-box;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;transition:background-color .2s,color .2s,width .2s,transform .2s,box-shadow .2s}.sidebar-item-link{display:flex;align-items:center;flex:1;gap:var(--spacing-md);text-decoration:none;color:var(--text-light-secondary);min-width:0}.sidebar-item-icon{font-size:1.2rem;min-width:36px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0}.sidebar-item-label{flex-grow:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.sidebar-toggle-btn{margin-left:auto;border:none;background:transparent;color:inherit;padding:6px 10px;border-radius:var(--border-radius);transition:background-color .2s,transform .2s}.sidebar-items>.sidebar-item>.sidebar-item-header{background:linear-gradient(135deg,#ff4500,#ff6a00);width:100%;font-size:.9rem;font-weight:600;box-shadow:0 2px 8px #ff6a004d}.sidebar-children .sidebar-item-header{background:#ff6a0014;border-left:2px solid rgba(255,106,0,.3);width:calc(100% - var(--indent-step));margin-left:auto;font-size:.85rem;font-weight:400}.sidebar-children .sidebar-children .sidebar-item-header{width:calc(100% - (var(--indent-step) * 2));font-size:.8rem}.sidebar-item-header:hover{background:linear-gradient(135deg,#ff6a00,orange);color:#fff;box-shadow:0 4px 12px #ff6a0066;transform:translate(-3px)}.sidebar-item-header:hover .sidebar-item-link{color:#fff}.sidebar-item.active>.sidebar-item-header{background:linear-gradient(135deg,#ff4500,#ff8c00)!important;color:#fff;font-weight:700;box-shadow:0 4px 12px #ff6a0080;border-left:4px solid #FFD580}.sidebar-item.active .sidebar-toggle-btn{color:#fff}.sidebar-toggle-btn:hover{background:#ffffff1f}.sidebar.collapsed{width:var(--sidebar-width-collapsed);min-width:var(--sidebar-width-collapsed)}.sidebar.collapsed .sidebar-item-header{margin-left:6px;margin-right:6px;padding:8px;justify-content:center}.sidebar.collapsed .sidebar-item-link{justify-content:center;gap:0;padding:0}.sidebar.collapsed .sidebar-item-icon{min-width:36px;width:36px;height:36px}.sidebar.collapsed .sidebar-item-label,.sidebar.collapsed .sidebar-toggle-btn,.sidebar.collapsed .sidebar-children{display:none!important}.navbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.navbar-global-toggles,.navbar-auth-buttons{display:inline-flex;align-items:center;gap:8px}.navbar .navbar-right button{font-family:inherit}.navbar .navbar-login-btn,.navbar .navbar-register-btn,.navbar .navbar-user-btn{all:unset;display:inline-flex;align-items:center;justify-content:start;cursor:pointer;color:#f60;padding:10px}.navbar-language-toggle,.navbar-theme-toggle{background:linear-gradient(135deg,#000,#ff8c20);margin:0;width:40px;height:40px;padding:0;color:#ffcca3!important;border-color:#0e0906!important;border-radius:999px;border-style:solid;border-width:1px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.navbar-language-toggle{font-size:.75rem;font-weight:700;letter-spacing:.4px}.navbar-language-toggle:hover,.navbar-theme-toggle:hover{background-color:#2f02fa;filter:brightness(1.08)}.navbar-user-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-left:8px}.navbar-user-name{font-size:.9rem;font-weight:500;color:var(--text-primary);line-height:1.2}.navbar-tier-badge{font-size:.75rem;font-weight:600;color:#fff;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.navbar .navbar-user-btn{display:flex!important;align-items:center!important;gap:8px;padding:8px 12px!important;border-radius:8px;background-color:transparent;border:none;color:var(--text-primary);transition:background-color .2s ease}.navbar .navbar-user-btn:hover{background-color:#0000000d;color:var(--text-primary);filter:none}.dark .navbar .navbar-user-btn:hover{background-color:#ffffff14;color:var(--text-light-primary);filter:none}.navbar .navbar-user-btn:focus,.navbar .navbar-user-btn:focus-visible{outline:none!important;box-shadow:none!important}.navbar-user-avatar{display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary)}@media(max-width:768px){.navbar-user-info{gap:2px;margin-left:6px}.navbar-user-name{font-size:.8rem}.navbar-tier-badge{font-size:.7rem;padding:1px 6px}}.navbar-user-menu{position:relative}.navbar-user-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1000;margin-top:8px;opacity:0;transform:translateY(-10px);animation:dropdownFadeIn .2s ease forwards}@keyframes dropdownFadeIn{to{opacity:1;transform:translateY(0)}}.navbar-dropdown-item{display:flex;align-items:center;gap:8px;padding:12px 16px;color:#1a0f0a;text-decoration:none;border:none;background:none;width:100%;text-align:left;font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.navbar-dropdown-item:hover{background-color:#0000000d}.navbar-dropdown-item:first-child{border-radius:8px 8px 0 0}.navbar-dropdown-item:last-child{border-radius:0 0 8px 8px}.navbar-dropdown-item i{font-size:1rem;color:inherit}.dark .navbar-user-dropdown{background:var(--bg-dark-secondary);border-color:var(--border-dark);box-shadow:0 4px 12px #0000004d}.dark .navbar-dropdown-item{color:var(--text-light-secondary)}.dark .navbar-dropdown-item:hover{background-color:#ffffff14}@media(max-width:768px){.navbar-user-dropdown{right:-8px;min-width:180px}.navbar-dropdown-item{padding:10px 14px;font-size:.85rem}}.sidebar-footer{position:sticky;bottom:0;padding:8px;margin-left:-5px;margin-right:-15px;border-top:3px solid rgb(0,4,255);background:var(--bg-primary, #a99aff);z-index:10}.dark .sidebar-footer{background:var(--bg-dark-primary, #1a1a1a)}.sidebar-tools{display:flex;flex-direction:column;gap:6px}.sidebar-tool-btn{display:flex;align-items:center;gap:10px;padding:5px 5px 5px 20px;border-radius:10px;text-decoration:none;background:#ff6a0026;transition:background .15s ease}.sidebar-tool-btn:hover{background:#ff6a0040}.sidebar.collapsed .sidebar-tool-btn{justify-content:center}.phyxio-global-search{flex:1 1 420px;max-width:620px;min-width:240px;position:relative;z-index:50;margin:0 auto}.phyxio-global-search__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.phyxio-global-search__control{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:0 .85rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#050c23b8;color:#e5e7eb;box-shadow:0 8px 24px #0000002e}.phyxio-global-search__control input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff}.phyxio-global-search__control input::placeholder{color:#e2e8f0b8}.phyxio-global-search__panel{position:absolute;top:calc(100% + .5rem);left:0;right:0;max-height:min(68vh,520px);overflow:auto;border:1px solid rgba(148,163,184,.26);border-radius:14px;background:#0f172afa;box-shadow:0 24px 70px #0000006b}.phyxio-global-search__empty{padding:1rem;color:#cbd5e1;font-size:.92rem}.phyxio-global-search__results{display:flex;flex-direction:column;gap:.15rem;margin:0;padding:.35rem}.phyxio-global-search__results button{width:100%;display:flex;flex-direction:column;gap:.2rem;padding:.7rem .8rem;border:0;border-radius:10px;background:transparent;color:inherit;text-align:left;cursor:pointer}.phyxio-global-search__results button:hover{background:#3b82f629}.phyxio-global-search__result-title{display:flex;align-items:center;gap:.45rem;color:#f8fafc;font-weight:700}.phyxio-global-search__result-description{color:#cbd5e1;font-size:.84rem;line-height:1.35}.phyxio-global-search__result-meta{color:#93c5fd;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.sidebar-context-current,.sidebar-context-section{margin:.55rem;border:1px solid rgba(148,163,184,.22);border-radius:10px;background:#0f172a47}.sidebar-context-current{display:flex;flex-direction:column;gap:.2rem;padding:.8rem;color:#f8fafc}.sidebar-context-current strong{line-height:1.25}.sidebar-context-current span:last-child{color:#cbd5e1;font-size:.82rem}.sidebar-context-kicker{color:#93c5fd;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sidebar-context-section{padding:.65rem}.sidebar-context-section h3{display:flex;align-items:center;gap:.45rem;margin:0 0 .55rem;color:#dbeafe;font-size:.85rem;font-weight:800;letter-spacing:.02em}.sidebar-context-list{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;padding:0}.sidebar-context-list li{list-style:none;margin:0;padding:0}.sidebar-context-list a{display:flex;align-items:center;gap:.45rem;padding:.45rem .5rem;border-radius:8px;color:#f8fafc;font-size:.84rem;line-height:1.25;text-decoration:none}.sidebar-context-list a:hover{background:#ffffff1a;color:#fff}.sidebar-context-empty{margin:0;color:#cbd5e1;font-size:.8rem;line-height:1.35}.sidebar-context-tags,.sidebar-context-formulas{display:flex;flex-wrap:wrap;gap:.35rem}.sidebar-context-tags span,.sidebar-context-formulas code{border-radius:999px;padding:.22rem .5rem;background:#60a5fa29;color:#dbeafe;font-size:.75rem}.sidebar-context-formulas{margin-top:.55rem}.sidebar-context-icon-block{display:grid;place-items:center;width:44px;height:44px;margin:.5rem auto;border-radius:12px;color:#dbeafe;background:#0f172a5c;border:1px solid rgba(148,163,184,.18)}@media(max-width:900px){.navbar{flex-wrap:wrap;height:auto;min-height:var(--navbar-height);row-gap:.5rem;padding-bottom:.55rem}.phyxio-global-search{order:3;flex-basis:100%;max-width:none;margin:.5rem 0 0}.phyxio-global-search__panel{max-height:min(58vh,480px)}}.intro-card{margin:25px;background-color:var(--surface-3);padding:var(--spacing-lg);border-radius:var(--border-radius);border:1px solid var(--border);font-size:var(--font-size-lg);line-height:1.6}.intro-card strong{display:block;margin-bottom:var(--spacing-sm);font-size:1.8rem;font-family:var(--font-heading);color:#6366f1;font-weight:700}.formula-card{margin:25px 0;padding:25px;background-color:var(--surface);display:block;margin-bottom:var(--spacing-sm);font-size:1rem;font-family:var(--font-heading);color:var(--surface-3);border-radius:var(--border-radius)}.calculadora-card{margin:25px 0 0;padding:1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:block;font-size:1rem;font-family:var(--font-heading);color:#fff;border-radius:var(--border-radius);box-shadow:0 4px 12px #6366f14d;border:2px solid rgba(139,92,246,.4)}.calculator-formula{text-align:center;margin:1rem 0;padding:.75rem;font-size:1.4rem;font-weight:700;color:#5b21b6;background-color:#fffffff2;border-radius:8px;border:2px solid #8b5cf6;box-shadow:0 2px 8px #8b5cf633}.pasos{margin-top:15px;font-size:1.1rem;font-style:italic;font-weight:700;font-family:var(--font-heading);color:#a78bfa}.exercises-title{margin-top:30px}.tema-cards-row{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-lg)}.tema-card{background-color:var(--accent);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--border-radius);border:1px solid var(--border);transition:all var(--transition-normal);aspect-ratio:1 / 1;width:400px;height:400px;box-shadow:0 4px 8px #0000001a}.tema-card-icon{display:flex;align-items:center;justify-content:center}.tema-card-icon-img{width:250px;height:250px;object-fit:contain}.tema-card-icon-emoji{font-size:120px;line-height:1;display:block;text-align:center;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.1));transition:transform .3s ease}.tema-card:hover .tema-card-icon-emoji{transform:scale(1.1)}.tema-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.tema-card-content{display:flex;flex-direction:column;align-items:center}.tema-card-title{font-size:1.3rem;font-weight:600;font-family:var(--font-heading);color:var(--text);margin-bottom:var(--spacing-xs)}.tema-card-desc{font-size:.95rem;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.tema-card-btn{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);text-decoration:none;font-weight:600;text-align:center;transition:all var(--transition-fast);border:2px solid var(--primary);background-color:navy;color:var(--primary)}.tema-card-btn:hover{transform:scale(1.05);text-decoration:none;background-color:var(--primary);color:var(--text-light-primary)}.compara-card{background-color:var(--accent);padding:var(--spacing-lg);border-radius:var(--border-radius)}.compara-card h3{color:var(--primary);margin-bottom:var(--spacing-md)}.compara-card li{margin-bottom:var(--spacing-sm)}.resultados-card{margin-right:35px;background-color:var(--surface);padding:var(--spacing-lg);border-radius:var(--border-radius);color:var(--gray-800)}@media(max-width:1024px){.intro-card{margin:var(--spacing-lg);padding:var(--spacing-md);font-size:var(--font-size-md)}.intro-card strong{font-size:1.5rem}.formula-card{margin:var(--spacing-lg) 0;padding:var(--spacing-lg)}.calculadora-card{padding:var(--spacing-lg)}.tema-card{width:400px;height:400px}.tema-card-icon-img{width:200px;height:200px}.tema-card-title{font-size:1.2rem}}@media(max-width:768px){.page-root{gap:var(--spacing-lg)}.intro-card{margin:var(--spacing-md);padding:var(--spacing-md);font-size:var(--font-size-sm)}.intro-card strong{font-size:1.3rem;margin-bottom:var(--spacing-xs)}.formula-card{margin:var(--spacing-md) 0;padding:var(--spacing-md);font-size:.9rem}.calculadora-card{margin:var(--spacing-md) 0 0 0;padding:var(--spacing-md);font-size:.9rem}.pasos{margin-top:var(--spacing-sm);font-size:1rem}.exercises-title{margin-top:var(--spacing-lg)}.tema-cards-row{flex-direction:column;gap:var(--spacing-md);padding:0 var(--spacing-sm)}.tema-card{width:100%;height:auto;min-height:280px;aspect-ratio:auto;padding:var(--spacing-md)}.tema-card-icon-img{width:140px;height:140px}.tema-card-title{font-size:1.1rem;margin-bottom:var(--spacing-xs)}.tema-card-desc{font-size:.85rem;margin-bottom:var(--spacing-sm)}.tema-card-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.9rem}.compara-card{padding:var(--spacing-md)}.compara-card h3{font-size:1.1rem;margin-bottom:var(--spacing-sm)}.compara-card li{font-size:.9rem;margin-bottom:var(--spacing-xs)}.resultados-card{margin-right:0;padding:var(--spacing-md)}.card-badge-top{top:-8px}.theory-badge-top,.practical-badge-top{padding:5px 12px;font-size:.8rem}}@media(max-width:480px){.intro-card{margin:var(--spacing-sm);padding:var(--spacing-sm);font-size:.85rem}.intro-card strong{font-size:1.1rem}.formula-card{margin:var(--spacing-sm) 0;padding:var(--spacing-sm);font-size:.85rem}.calculadora-card{padding:var(--spacing-sm);font-size:.85rem}.pasos{font-size:.9rem}.tema-card{min-height:240px;padding:var(--spacing-sm)}.tema-card-icon-img{width:110px;height:110px}.tema-card-title{font-size:1rem}.tema-card-desc{font-size:.8rem}.tema-card-btn{padding:6px 12px;font-size:.85rem}.compara-card{padding:var(--spacing-sm)}.compara-card h3{font-size:1rem}.compara-card li{font-size:.85rem}.resultados-card{padding:var(--spacing-sm)}.theory-badge-top,.practical-badge-top{padding:4px 10px;font-size:.75rem}}@media(max-width:768px)and (orientation:landscape){.tema-card{min-height:200px}.tema-card-icon-img{width:100px;height:100px}.intro-card{padding:var(--spacing-sm)}}@media(max-width:768px){.tema-card-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.tema-cards-row{padding:var(--spacing-sm)}.resultados-card table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}.dark .intro-card{background-color:var(--card-bg);border-color:var(--border);color:var(--text)}.dark .intro-card strong{color:#8b5cf6}.dark .formula-card{background-color:var(--surface-2);color:var(--text);border:1px solid var(--border)}.dark .calculadora-card{background-color:var(--primary);color:var(--text-light-primary)}.dark .calculator-formula{color:#f5f5f5;background-color:#2a2a2ae6;border-color:#8b5cf6}.dark .pasos{color:#a78bfa}.dark .compara-card{background-color:var(--card-bg);color:var(--text)}.dark .compara-card h3{color:#8b5cf6}.dark .resultados-card{background-color:var(--surface-2);color:var(--text);border:1px solid var(--border)}.dark :is(table){color:var(--text);border-color:var(--border)}.dark :is(th){background-color:var(--surface-3);color:var(--text-light-primary);border-color:var(--border)}.dark :is(td){border-color:var(--border)}.dark :is(tr):hover{background-color:var(--surface-3)}.dark .content-card{background-color:#000;color:var(--text)}.dark .content-card h2{font-size:1.5em;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin:0 0 30px;background-color:var(--surface);color:#fd9a3d}.dark .card{background-color:var(--card-bg);border-color:var(--border);color:var(--text)}.dark .bg-navy-400{background-color:var(--surface-2)!important;color:var(--text)}.dark :is(input[type=text],select){background-color:var(--surface-3);border-color:var(--border);color:var(--text)}.dark :is(input[type=text]:focus,select:focus){border-color:var(--primary);box-shadow:0 0 0 2px #ff6b3533}.dark input::placeholder{color:var(--muted)}.dark :is(label){color:var(--text-secondary)}.dark .formulas-grid{color:var(--text)}.dark .formula-title{color:var(--text-light-primary)!important}.dark .formula-expression{background-color:var(--surface-3)!important}.dark .formula-expression pre{color:var(--text-light-primary)!important}.dark .formula-desc{color:var(--text-secondary)!important}.dark .badge{background-color:var(--surface-4)!important;color:var(--text-secondary)!important;border-color:var(--border)!important}.dark .main-content button{background-color:#00000079;color:var(--text-light-primary);border-color:#f60}.dark .main-content button:hover{background-color:#ff8c00}.dark .text-gray-300{color:var(--text-secondary)!important}.dark .text-gray-500{color:var(--muted)!important}.dark .text-gray-700{color:var(--text-secondary)!important}.dark .text-gray-800{color:var(--text)!important}.dark .text-blue-700{color:var(--text-secondary)!important}.dark .text-blue-800{color:var(--text-light-primary)!important}.dark .text-purple-600{color:var(--primary)!important}.dark .text-purple-800{color:var(--primary-hover)!important}.dark .bg-blue-300{background-color:var(--surface-3)!important}.dark .bg-navy-400 h3{color:var(--primary)}.dark .bg-navy-400 h4{color:var(--text-light-primary)}.dark .bg-navy-400 p{color:var(--text-secondary)}.category-selector-container{margin:2rem auto;max-width:600px;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #667eea4d;transition:all .3s ease}.category-selector-container:hover{box-shadow:0 15px 40px #667eea66;transform:translateY(-2px)}.category-selector-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.category-selector-icon{font-size:1.5rem;color:#fff}.category-selector-label{font-size:1.1rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.category-selector-select{width:100%;padding:1rem 3rem 1rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:15px;background-color:#fff;color:#4a5568;cursor:pointer;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;outline:none;appearance:none;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='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.category-selector-select:hover{background-color:#f7fafc}.category-selector-select:focus{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.dark .category-selector-container{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 10px 30px #6366f166}.dark .category-selector-container:hover{box-shadow:0 15px 40px #6366f180}.dark .category-selector-select{background-color:var(--surface-2);color:var(--text);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='%23f5f5f5' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.dark .category-selector-select:hover{background-color:var(--surface-3)}.dark .category-selector-select:focus{box-shadow:0 6px 20px #6366f180}@media(max-width:768px){.category-selector-container{margin:1.5rem 1rem;padding:1.5rem;border-radius:15px}.category-selector-icon{font-size:1.5rem}.category-selector-label{font-size:1rem}.category-selector-select{padding:.875rem 1.25rem;font-size:.95rem}}.theory-summary-section ul,.theory-summary-section ol{list-style:none;padding-left:0;margin-left:0}.theory-summary-section{background:linear-gradient(135deg,#14277a,#000c31);padding:1em;border-radius:12px;margin:2em 0;color:#fbfbfc;height:fit-content}.formula-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1em;margin-bottom:1em}.formula-expression{display:flex;justify-content:center;align-items:center;margin-top:50px;height:40px}.formula-description{padding:0;text-align:center;font-style:italic;font-weight:700;margin-top:0;height:40px}.theory-summary-section .formula-container{padding:1em;margin:1.5em 0;background:linear-gradient(135deg,#f0f9ff,#e0e7ff);border-radius:14px;border:2px solid #6366f1;box-shadow:0 4px 16px #6366f11a}.theory-summary-section .formula-expression .katex-display,.theory-summary-section .formula-expression .katex{font-size:1.2rem}.theory-history-section{background:linear-gradient(135deg,#3d4c8f,#542b7e);padding:2em;border-radius:12px;margin:2em 0;color:#fff}.theory-history-section h2{margin-top:0;display:flex;align-items:center;gap:.5em}.theory-history-section h3{margin-top:1.5em;margin-bottom:.5em}.theory-history-section .concepto-fundamental{margin-bottom:1.5em}.theory-history-section .concepto-fundamental:last-child{margin-bottom:0}.theory-history-section .concepto-fundamental h4{margin-top:0;margin-bottom:.5em}.theory-history-section p{line-height:1.6;margin-bottom:1em}.theory-history-section p:last-child{margin-bottom:0}.theory-history-section ul{line-height:1.6}.theory-anecdotes-section{background:linear-gradient(135deg,#8f8317,#574e00);padding:2em;border-radius:12px;margin:2em 0;color:#fff}.theory-anecdotes-section h2{margin-top:0;display:flex;align-items:center;gap:.5em}.theory-anecdotes-section h3{margin-top:1.5em;margin-bottom:.5em}.theory-anecdotes-section .concepto-fundamental{margin-bottom:1.5em}.theory-anecdotes-section .concepto-fundamental:last-child{margin-bottom:0}.theory-anecdotes-section .concepto-fundamental h4{margin-top:0;margin-bottom:.5em}.theory-anecdotes-section p,.theory-anecdotes-section ul{line-height:1.6}.theory-applications-section{background:linear-gradient(135deg,#71ad87,#25382c);padding:2em;border-radius:12px;margin:2em 0;color:#1a1a1a}.theory-applications-section h2{margin-top:0;display:flex;align-items:center;gap:.5em}.theory-applications-section h3{margin-top:1.5em;margin-bottom:.5em;color:#1a1a1a}.theory-applications-section h4{color:#8b2e1f!important;font-weight:600}.theory-applications-section .concepto-fundamental{margin-bottom:1.5em}.theory-applications-section .concepto-fundamental:last-child{margin-bottom:0}.theory-applications-section .concepto-fundamental h4{color:#8b2e1f!important;font-weight:600;margin-top:0;margin-bottom:.5em}.theory-applications-section .conceptos-fundamentales .concepto-fundamental h4{color:#8b2e1f!important;font-weight:600}.theory-applications-section p,.theory-applications-section ul{line-height:1.6}.theory-section-highlight{background:#fff3;padding:1em;border-radius:8px;margin-top:1.5em}.theory-section-highlight p{margin:0}.theory-subsection{background:#ffffff1a;padding:1.5rem;border-radius:8px;margin-bottom:1rem}.theory-subsection:last-child{margin-bottom:0}.theory-subsection h3{font-size:1.4rem;margin-bottom:.5rem;margin-top:0}.theory-subsection p{margin-bottom:1rem;line-height:1.8}.theory-subsection p:last-child{margin-bottom:0}.theory-subsection ul{line-height:1.8;margin-bottom:0}@media(prefers-color-scheme:dark){.theory-applications-section{color:#1a1a1a}}@media(max-width:768px){.theory-history-section,.theory-anecdotes-section,.theory-applications-section{padding:1.5em;margin:1.5em 0}.theory-history-section h2,.theory-anecdotes-section h2,.theory-applications-section h2{font-size:1.3em}.theory-history-section h3,.theory-anecdotes-section h3,.theory-applications-section h3{font-size:1.1em}}.theory-section{margin-bottom:4rem;animation:fadeInUp .6s ease-out;background-color:#fff;padding:2rem;border-radius:12px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.theory-title{margin:40px 50px 30px;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;padding-bottom:1rem;display:inline-block}.theory-title:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6,transparent);border-radius:2px}.theory-content{margin:0 50px;line-height:1.9;font-size:1.05rem;color:#334155}.concept-title{font-size:1.4rem;font-weight:700;color:#1e293b;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem;border-left:4px solid #6366f1;padding:.5rem 0 .5rem 1rem;background:linear-gradient(90deg,rgba(99,102,241,.05) 0%,transparent 100%)}.concept-title:before{content:"💡";font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(99,102,241,.3))}:root .concept-body,.concept-body{background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #64748b1f,0 2px 6px #64748b0f;border:1px solid rgba(99,102,241,.15);transition:all .3s ease}.concept-body:hover{box-shadow:0 6px 20px #6366f12e,0 3px 10px #64748b1a;transform:translateY(-2px)}.concept-body p{margin-bottom:1rem;color:#7d8ca1;line-height:1.8;font-size:1.05rem}.concept-body p:last-child{margin-bottom:0}.formula-container{background:linear-gradient(135deg,#f8fafc,#e0f2fe,#f0f9ff);border-radius:16px;padding:2.5rem;margin:2.5rem 0;display:flex;flex-direction:column;align-items:center;border:2px solid #0ea5e9;box-shadow:0 8px 24px #0ea5e91f,0 2px 8px #0ea5e914;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.formula-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0ea5e9,#3b82f6,#6366f1)}.formula-container:hover{box-shadow:0 12px 32px #0ea5e92e,0 4px 12px #0ea5e91f;transform:translateY(-4px);border-color:#3b82f6}.formula-expression{width:100%;text-align:center;margin:1.5rem 0;font-size:1.6rem;display:flex;justify-content:center;align-items:center;min-height:60px;padding:10px}.formula-expression .katex-display{font-size:1.8rem;color:#0f172a;margin:0;font-weight:500}.formula-expression .katex{font-size:1.8rem;color:#0f172a;font-weight:500}.formula-description{font-size:1rem;color:#64748b;font-style:italic;text-align:center;margin-top:1rem;max-width:80%}.formula-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;width:100%;flex-wrap:wrap}.formula-actions:not(:only-child){justify-content:space-around}.formula-actions .btn{padding:.625rem 1.25rem;font-weight:600;border-radius:8px;transition:all .3s ease;border:none;cursor:pointer;font-size:.95rem;box-shadow:0 2px 8px #0000001a}.formula-actions .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.formula-actions .btn-secondary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.formula-actions .btn-secondary:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.formula-actions .btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.formula-actions .btn-success:hover{background:linear-gradient(135deg,#059669,#047857)}.formula-actions .btn-info{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.formula-actions .btn-info:hover{background:linear-gradient(135deg,#0284c7,#0369a1)}.complementary-formulas{width:100%;margin-top:2rem;padding-top:2rem;border-top:2px dashed #94a3b8;animation:slideDown .4s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.complementary-title{text-align:center;font-size:1.2rem;font-weight:700;color:#8b5cf6;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.complementary-title:before{content:"🔄";font-size:1.3rem}.complementary-formula-item{margin-bottom:1.5rem;padding:1rem;background-color:#8b5cf60d;border-radius:8px;border-left:4px solid #8b5cf6}.complementary-description{margin-top:0;margin-bottom:.75rem;font-style:italic;color:#64748b;font-weight:500}.calculator-section{width:100%;margin-top:2rem;padding:2rem;border-top:2px dashed #94a3b8;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;box-shadow:0 4px 15px #fbbf2433;animation:slideDown .4s ease}.example-block{background:linear-gradient(135deg,#837951,#5c4e1c,#413a20);border:2px solid #f59e0b;border-radius:16px;padding:2rem;margin:2.5rem 0;box-shadow:0 8px 24px #f59e0b2e,0 4px 12px #f59e0b1a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.example-block:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f59e0b,#d97706,#b45309)}.example-block:hover{box-shadow:0 12px 32px #f59e0b40,0 6px 16px #f59e0b26;transform:translateY(-3px)}.example-title{font-size:1.35rem;font-weight:700;color:#92400e;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:2px solid rgba(245,158,11,.3)}.example-title:before{content:"?";font-size:1.7rem;filter:drop-shadow(0 2px 4px rgba(245,158,11,.4))}.example-problem{margin-bottom:1.5rem;color:#cccac8;line-height:1.9;font-size:1.05rem;font-weight:500}.example-solution{background:linear-gradient(135deg,#c9b260,#706125);padding:1.75rem;border-radius:12px;border:2px solid #fbbf24;box-shadow:0 4px 12px #fbbf2433;animation:slideDown .4s ease;margin-top:1.25rem}.example-block .btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:700;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #f59e0b4d;cursor:pointer}.example-block .btn-primary:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.important-note{background:linear-gradient(135deg,#c0ae66,#d1b130,#bd9102);border:2px solid #f59e0b;border-radius:16px;padding:2rem 2rem 2rem 5.5rem;margin:2.5rem 0;box-shadow:0 8px 24px #f59e0b33,0 4px 12px #f59e0b1f;position:relative;min-height:5rem;display:flex;flex-direction:column;justify-content:center;transition:all .3s ease}.important-note:hover{transform:translateY(-2px);box-shadow:0 12px 32px #f59e0b40,0 6px 16px #f59e0b26}.important-note:before{content:"⚠️";font-size:2.5rem;position:absolute;top:50%;transform:translateY(-50%);left:1.75rem;line-height:1;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}}.important-note>*{margin-left:0}.important-note p{color:#78350f;font-weight:600;line-height:1.8;margin-bottom:.75rem;font-size:1.05rem}.important-note p:last-child{margin-bottom:0}.exercise-card{background:linear-gradient(135deg,#ecfdf5,#d1fae5,#a7f3d0);border:2px solid #10b981;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 24px #10b98126,0 4px 12px #10b98114;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.exercise-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669,#047857)}.exercise-card:hover{box-shadow:0 12px 32px #10b98138,0 6px 16px #10b9811f;transform:translateY(-4px)}.exercise-title{font-size:1.3rem;font-weight:700;color:#064e3b;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:2px solid rgba(16,185,129,.3)}.exercise-title:before{content:"📝";font-size:1.6rem;filter:drop-shadow(0 2px 4px rgba(16,185,129,.3))}.exercise-statement{color:#064e3b;margin-bottom:1.5rem;line-height:1.9;font-size:1.05rem;font-weight:500}.exercise-solution{background:linear-gradient(135deg,#ecfdf5,#d1fae5);padding:1.75rem;border-radius:12px;border:2px solid #34d399;box-shadow:0 4px 12px #34d39926;animation:slideDown .4s ease;margin-top:1.25rem}.solution-steps{list-style:decimal;padding-left:2rem;margin:1.25rem 0}.solution-steps li{color:#065f46;margin-bottom:1rem;line-height:1.8;font-size:1.02rem;padding-left:.5rem}.solution-result{background:linear-gradient(135deg,#d1fae5,#a7f3d0);padding:1.5rem;border-radius:12px;border:2px solid #10b981;box-shadow:0 4px 12px #10b98133;font-weight:700;font-size:1.1rem;color:#064e3b;margin-top:1.5rem;text-align:center}.exercises-card{margin-top:3.5rem;padding:2.5rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#dbeafe);border-radius:16px;border:2px solid #3b82f6;box-shadow:0 8px 24px #3b82f626,0 4px 12px #3b82f614;position:relative;overflow:hidden}.exercises-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8)}.exercises-section-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2.5rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:1rem}.exercises-section-title:before{content:"🎯";font-size:2.5rem;-webkit-text-fill-color:initial;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.exercises-section-container{margin:3rem 0;padding:2rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;border:2px solid #bae6fd}.exercises-toggle-button{text-align:center;margin-bottom:2rem}.exercises-toggle-button .btn{font-size:1.2rem;padding:1rem 2.5rem;border-radius:12px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #22c55e33}.exercises-toggle-button .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e4d}html.dark .exercises-section-container,.dark .exercises-section-container{background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid rgba(34,197,94,.3);box-shadow:0 4px 20px #00000080}html.dark .exercises-toggle-button .btn,.dark .exercises-toggle-button .btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;box-shadow:0 4px 12px #22c55e66}html.dark .exercises-toggle-button .btn:hover,.dark .exercises-toggle-button .btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 20px #22c55e80;transform:translateY(-2px)}html.dark .exercises-card,.dark .exercises-card{background:#1e293b80;border-color:#22c55e33}html.dark .exercise-card,.dark .exercise-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(34,197,94,.3);box-shadow:0 2px 8px #0006}html.dark .exercise-card:hover,.dark .exercise-card:hover{border-color:#22c55e80;box-shadow:0 4px 16px #22c55e33}html.dark .exercise-title,.dark .exercise-title{color:#22c55e}html.dark .exercise-statement,.dark .exercise-statement{color:#cbd5e1}html.dark .exercise-solution,.dark .exercise-solution{background:#0f172acc;border-left:4px solid #22c55e;color:#e2e8f0}html.dark .solution-steps li,.dark .solution-steps li{color:#cbd5e1}html.dark .solution-result,.dark .solution-result{color:#22c55e;font-weight:600}html.dark .theory-section,html.dark.theory-section,.dark .theory-section,.dark.theory-section{background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0f0f0f)!important}html.dark .concept-body,html.dark .theory-section .concept-body,html.dark.theory-section .concept-body,.dark .concept-body,.dark .theory-section .concept-body,.dark.theory-section .concept-body,:root.dark .concept-body{background:linear-gradient(135deg,#1e293b,#0f172a,#020617)!important;border-color:#8b5cf64d!important;box-shadow:0 4px 12px #0006,0 2px 6px #0000004d!important;color:#cbd5e1!important}html.dark .theory-section .concept-body:hover,html.dark.theory-section .concept-body:hover,.dark .theory-section .concept-body:hover,.dark.theory-section .concept-body:hover{box-shadow:0 6px 20px #8b5cf64d,0 3px 10px #0006!important}html.dark .theory-section .concept-body p,html.dark.theory-section .concept-body p,.dark .theory-section .concept-body p,.dark.theory-section .concept-body p{color:#cbd5e1!important}.dark .theory-section .theory-content,.dark.theory-section .theory-content{color:var(--text)!important}.dark .theory-section .theory-title,.dark.theory-section .theory-title{color:#8b5cf6!important;border-bottom-color:#8b5cf6!important}.dark .theory-section .concept-title,.dark.theory-section .concept-title{color:#a78bfa!important}html.dark .formula-container,html.dark .theory-section .formula-container,html.dark.theory-section .formula-container,.dark .formula-container,.dark .theory-section .formula-container,.dark.theory-section .formula-container,:root.dark .formula-container{background:linear-gradient(135deg,#161835,#12185e)!important;border-color:#8b5cf6!important;box-shadow:0 4px 15px #8b5cf633!important}html.dark .formula-container:hover,html.dark .theory-section .formula-container:hover,html.dark.theory-section .formula-container:hover,.dark .formula-container:hover,.dark .theory-section .formula-container:hover,.dark.theory-section .formula-container:hover,:root.dark .formula-container:hover{box-shadow:0 6px 25px #8b5cf64d!important}html.dark .formula-expression .katex-display,html.dark .formula-expression .katex,html.dark .theory-section .formula-expression .katex-display,html.dark .theory-section .formula-expression .katex,html.dark.theory-section .formula-expression .katex-display,html.dark.theory-section .formula-expression .katex,.dark .formula-expression .katex-display,.dark .formula-expression .katex,.dark .theory-section .formula-expression .katex-display,.dark .theory-section .formula-expression .katex,.dark.theory-section .formula-expression .katex-display,.dark.theory-section .formula-expression .katex,:root.dark .formula-expression .katex-display,:root.dark .formula-expression .katex{color:#f1e1e1!important}html.dark .formula-description,html.dark .theory-section .formula-description,html.dark.theory-section .formula-description,.dark .formula-description,.dark .theory-section .formula-description,.dark.theory-section .formula-description,:root.dark .formula-description{color:var(--text-secondary)!important}html.dark .formula-actions .btn-secondary,html.dark .theory-section .formula-actions .btn-secondary,html.dark.theory-section .formula-actions .btn-secondary,.dark .formula-actions .btn-secondary,.dark .theory-section .formula-actions .btn-secondary,.dark.theory-section .formula-actions .btn-secondary,:root.dark .formula-actions .btn-secondary{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important}html.dark .formula-actions .btn-secondary:hover,html.dark .theory-section .formula-actions .btn-secondary:hover,html.dark.theory-section .formula-actions .btn-secondary:hover,.dark .formula-actions .btn-secondary:hover,.dark .theory-section .formula-actions .btn-secondary:hover,.dark.theory-section .formula-actions .btn-secondary:hover,:root.dark .formula-actions .btn-secondary:hover{background:linear-gradient(135deg,#8b5cf6,#a78bfa)!important}html.dark .formula-actions .btn-success,html.dark .theory-section .formula-actions .btn-success,html.dark.theory-section .formula-actions .btn-success,.dark .formula-actions .btn-success,.dark .theory-section .formula-actions .btn-success,.dark.theory-section .formula-actions .btn-success,:root.dark .formula-actions .btn-success{background:linear-gradient(135deg,#10b981,#059669)!important}html.dark .formula-actions .btn-success:hover,html.dark .theory-section .formula-actions .btn-success:hover,html.dark.theory-section .formula-actions .btn-success:hover,.dark .formula-actions .btn-success:hover,.dark .theory-section .formula-actions .btn-success:hover,.dark.theory-section .formula-actions .btn-success:hover,:root.dark .formula-actions .btn-success:hover{background:linear-gradient(135deg,#059669,#047857)!important}html.dark .formula-actions .btn-info,html.dark .theory-section .formula-actions .btn-info,html.dark.theory-section .formula-actions .btn-info,.dark .formula-actions .btn-info,.dark .theory-section .formula-actions .btn-info,.dark.theory-section .formula-actions .btn-info,:root.dark .formula-actions .btn-info{background:linear-gradient(135deg,#0ea5e9,#0284c7)!important}html.dark .formula-actions .btn-info:hover,html.dark .theory-section .formula-actions .btn-info:hover,html.dark.theory-section .formula-actions .btn-info:hover,.dark .formula-actions .btn-info:hover,.dark .theory-section .formula-actions .btn-info:hover,.dark.theory-section .formula-actions .btn-info:hover,:root.dark .formula-actions .btn-info:hover{background:linear-gradient(135deg,#0284c7,#0369a1)!important}.dark .theory-section .complementary-formulas,.dark.theory-section .complementary-formulas{border-top:2px dashed rgba(139,92,246,.3)!important}.dark .theory-section .complementary-title,.dark.theory-section .complementary-title{background:linear-gradient(135deg,#8b5cf6,#a78bfa)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.dark .theory-section .complementary-formula-item,.dark.theory-section .complementary-formula-item{background:linear-gradient(135deg,#1e2139,#161b33)!important;border:1px solid rgba(139,92,246,.3)!important;border-left:4px solid #8b5cf6!important;box-shadow:0 4px 12px #8b5cf626,0 2px 6px #0000004d!important}.dark .theory-section .complementary-formula-item:hover,.dark.theory-section .complementary-formula-item:hover{box-shadow:0 6px 18px #8b5cf640,0 3px 9px #0006!important;transform:translate(4px)!important}.dark .theory-section .complementary-description,.dark.theory-section .complementary-description{color:#cbd5e1!important}.dark .theory-section .calculator-section,.dark.theory-section .calculator-section{background:linear-gradient(135deg,#1a1f3a,#141829)!important;border:2px solid rgba(139,92,246,.4)!important;border-top:2px dashed rgba(139,92,246,.3)!important;box-shadow:0 8px 24px #8b5cf633,0 4px 12px #0006!important}.dark .theory-section .example-block,.dark.theory-section .example-block{background:linear-gradient(135deg,#2c3153,#222a50,#02104b)!important;border:2px solid rgba(251,191,36,.4)!important;box-shadow:0 8px 24px #fbbf2426,0 4px 12px #0006!important}.dark .theory-section .example-block:before,.dark.theory-section .example-block:before{background:linear-gradient(90deg,#fbbf24,#f59e0b,#d97706)!important}.dark .theory-section .example-block:hover,.dark.theory-section .example-block:hover{box-shadow:0 12px 32px #fbbf2440,0 6px 16px #00000080!important;border-color:#fbbf2499!important}.dark .theory-section .example-title,.dark.theory-section .example-title{color:#fbbf24!important;border-bottom-color:#fbbf244d!important}.dark .theory-section .example-problem,.dark.theory-section .example-problem{color:#cbd5e1!important}.dark .theory-section .example-solution,.dark.theory-section .example-solution{background:linear-gradient(135deg,#1e293b,#0f172a)!important;border-color:#f59e0b66!important;box-shadow:0 4px 12px #0006!important}.dark .theory-section .example-block .btn-primary,.dark.theory-section .example-block .btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 2px 8px #f59e0b4d!important}.dark .theory-section .example-block .btn-primary:hover,.dark.theory-section .example-block .btn-primary:hover{background:linear-gradient(135deg,#d97706,#b45309)!important;box-shadow:0 4px 12px #f59e0b66!important}.dark .theory-section .important-note,.dark.theory-section .important-note{background:linear-gradient(135deg,#2a1f0a,#1f1709)!important;border:2px solid rgba(251,191,36,.5)!important;box-shadow:0 8px 24px #fbbf2433,0 4px 12px #0006!important}.dark .theory-section .important-note:hover,.dark.theory-section .important-note:hover{box-shadow:0 12px 32px #fbbf244d,0 6px 16px #00000080!important;border-color:#fbbf24b3!important}.dark .theory-section .important-note p,.dark.theory-section .important-note p{color:#fef3c7!important}.dark .theory-section .exercise-card,.dark.theory-section .exercise-card{background:linear-gradient(135deg,#1e2139,#0f1419,#0a0e1a)!important;border:2px solid rgba(16,185,129,.4)!important;box-shadow:0 8px 24px #10b98126,0 4px 12px #0006!important;color:#cbd5e1!important}.dark .theory-section .exercise-card:before,.dark.theory-section .exercise-card:before{background:linear-gradient(90deg,#10b981,#059669,#047857)!important}.dark .theory-section .exercise-card:hover,.dark.theory-section .exercise-card:hover{box-shadow:0 12px 32px #10b98140,0 6px 16px #00000080!important;border-color:#10b98199!important}.dark .theory-section .exercise-title,.dark.theory-section .exercise-title{color:#34d399!important;border-bottom-color:#10b9814d!important}.dark .theory-section .exercise-statement,.dark.theory-section .exercise-statement{color:#cbd5e1!important}.dark .theory-section .exercise-solution,.dark.theory-section .exercise-solution{background:linear-gradient(135deg,#0f1419,#0a0e1a)!important;border:2px solid rgba(16,185,129,.3)!important;box-shadow:0 4px 12px #10b9811a,0 2px 6px #0006!important}.dark .theory-section .solution-steps li,.dark.theory-section .solution-steps li{color:#cbd5e1!important}.dark .theory-section .solution-result,.dark.theory-section .solution-result{background:linear-gradient(135deg,#10b98126,#10b98140)!important;border:2px solid #10b981!important;color:#d1fae5!important;box-shadow:0 4px 12px #10b98133!important}.dark .theory-section .exercises-card,.dark.theory-section .exercises-card{background:linear-gradient(135deg,#1a1f3a,#141829,#0f1419)!important;border:2px solid rgba(59,130,246,.4)!important;box-shadow:0 8px 24px #3b82f633,0 4px 12px #0006!important;color:#cbd5e1!important}.dark .theory-section .exercises-card:before,.dark.theory-section .exercises-card:before{background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6)!important}.dark .theory-section .exercises-section-title,.dark.theory-section .exercises-section-title{background:linear-gradient(135deg,#60a5fa,#818cf8)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.dark .theory-section .exercises-section-title:before,.dark.theory-section .exercises-section-title:before{-webkit-text-fill-color:initial!important;filter:drop-shadow(0 2px 8px rgba(59,130,246,.4))!important}@media(max-width:1024px){.theory-content{margin:0 2rem;font-size:1rem}.theory-title{margin:1.5rem 2rem;font-size:2rem}.theory-title:after{height:3px}.formula-container{padding:1.75rem;margin:1.75rem 0}.formula-expression .katex-display .katex{font-size:1.6rem}.example-block,.important-note,.exercise-card{padding:1.5rem;margin:1.75rem 0}.exercises-card{padding:2rem;margin-top:3rem}.exercises-section-title{font-size:1.75rem}.concept-body{padding:1.5rem}}@media(max-width:768px){.theory-content{margin:0 15px}.theory-title{margin:15px;font-size:1.5rem;padding-bottom:.5rem;border-bottom-width:2px}.concept-title{font-size:1.1rem}.concept-title:before{font-size:1.2rem}.formula-container{padding:1.25rem;margin:1.5rem 0;border-radius:12px}.formula-container:before{height:3px}.formula-expression .katex-display .katex{font-size:1.4rem}.formula-description{font-size:.95rem}.formula-actions{gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}.formula-actions .btn{padding:.65rem 1.25rem;font-size:.9rem;flex:1 1 45%}.complementary-formulas{margin-top:2rem;padding-top:2rem}.complementary-title{font-size:1.1rem;margin-bottom:1.25rem}.complementary-formula-item{padding:1rem;margin-bottom:1.25rem}.calculator-section{padding:1.25rem;margin-top:2rem;border-radius:12px}.example-block{padding:1.5rem;margin:2rem 0;border-radius:12px}.example-block:before{height:3px}.example-title{font-size:1.15rem;margin-bottom:1rem}.example-title:before{font-size:1.4rem}.example-problem{font-size:1rem;margin-bottom:1.25rem}.example-solution{padding:1.5rem;border-radius:10px}.example-block .btn-primary{padding:.65rem 1.25rem;font-size:.95rem;width:100%}.important-note{padding:1.5rem 1.5rem 1.5rem 4rem;margin:2rem 0;border-radius:12px;min-height:4rem}.important-note:before{font-size:1.8rem;top:1.25rem;left:1.25rem}.important-note p{font-size:1rem;line-height:1.8}.exercise-card{padding:1.5rem;margin-bottom:1.5rem;border-radius:12px}.exercise-card:before{height:3px}.exercise-title{font-size:1.15rem;margin-bottom:1rem}.exercise-title:before{font-size:1.1rem}.exercise-statement{font-size:1rem;margin-bottom:1.25rem}.exercise-solution{padding:1.5rem;border-radius:10px}.solution-steps{padding-left:1.5rem;margin:1rem 0}.solution-steps li{font-size:1rem;margin-bottom:.75rem}.solution-result{padding:1.25rem;font-size:1.05rem}.exercises-card{padding:2rem;margin-top:3rem;border-radius:12px}.exercises-card:before{height:3px}.exercises-section-title{font-size:1.65rem;margin-bottom:2rem;gap:.75rem}.exercises-section-title:before{font-size:2rem}.exercise-card .btn-primary{width:100%;padding:.65rem 1.25rem;font-size:.95rem}}@media(max-width:480px){.theory-content{margin:0 1rem;font-size:.95rem}.theory-title{margin:1rem;font-size:1.75rem}.theory-title:after{height:2px}.concept-title{font-size:1.1rem}.concept-body{padding:1.25rem}.formula-container{padding:1rem;margin:1.25rem 0}.formula-container:before{height:3px}.formula-expression .katex-display .katex{font-size:1.3rem}.formula-description{font-size:.9rem}.formula-actions .btn{padding:.55rem 1rem;font-size:.85rem}.example-block,.exercise-card{padding:1.25rem;margin:1.5rem 0;border-radius:10px}.example-block:before,.exercise-card:before{height:3px}.important-note{padding:1.25rem 1.25rem 1.25rem 3.75rem;margin:1.5rem 0;min-height:3.5rem;border-radius:10px}.important-note:before{font-size:1.6rem;top:1rem;left:1rem}.example-title,.exercise-title{font-size:1.1rem}.example-problem,.exercise-statement,.important-note p{font-size:.95rem}.exercises-card{padding:1.5rem;border-radius:10px}.exercises-card:before{height:3px}.exercises-section-title{font-size:1.5rem}.complementary-title{font-size:1.05rem}}@media(max-width:768px)and (orientation:landscape){.theory-title{font-size:1.65rem;margin:1rem 1.5rem}.theory-title:after{height:2px}.formula-container{padding:1.25rem}.example-block,.exercise-card{padding:.75rem}.important-note{padding:.75rem .75rem .75rem 3.5rem}.important-note:before{left:.75rem;top:.75rem;line-height:1;display:block}}@media(max-width:768px){.formula-actions .btn,.example-block .btn-primary,.exercise-card .btn-primary{min-height:44px;display:flex;align-items:center;justify-content:center}.example-solution,.exercise-solution{-webkit-overflow-scrolling:touch}.concept-body p,.example-problem,.exercise-statement{line-height:1.8}}.accordion-card{background-color:var(--sky-500);border-radius:8px;margin-bottom:1rem;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.accordion-header{padding:1rem 1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--sky-200)}.accordion-header h3{margin:0;font-size:1.25rem;color:var(--sky-800)}.accordion-icon{font-size:1.5rem;font-weight:700;color:var(--sky-600);transition:transform .3s ease}.accordion-icon.open{transform:rotate(90deg)}.accordion-content{padding:1.5rem;border-top:5px solid var(--sky-800);background-color:var(--sky-400)}.accordion-content h4{color:var(--sky-900);margin-top:1.5rem;margin-bottom:.5rem}.accordion-content p,.accordion-content ul{color:var(--sky-800);line-height:1.6}.accordion-content ul{list-style-type:disc;padding-left:20px}.accordion-content code{background-color:var(--surface-2);padding:2px 5px;border-radius:4px;font-family:Courier New,Courier,monospace}.dark .accordion-card{background-color:var(--card-bg);box-shadow:0 2px 8px #0000004d}.dark .accordion-header{border-bottom-color:var(--border)}.dark .accordion-header h3{color:var(--text-light-primary)}.dark .accordion-icon{color:var(--primary)}.dark .accordion-content{border-top-color:var(--primary);background-color:var(--surface-2)}.dark .accordion-content h4{color:var(--text-light-primary)}.dark .accordion-content p,.dark .accordion-content ul{color:var(--text-secondary)}.dark .accordion-content code{background-color:var(--surface-3);color:var(--accent-orange-light)}.floating-window{position:fixed;z-index:9999;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#111111fa;box-shadow:0 18px 50px #00000073;overflow:hidden;transition:box-shadow .2s ease}.floating-window:active{box-shadow:0 24px 60px #0009}.floating-window-header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.1);background:#1e1e1ef2}.floating-window-title{font-size:14px;font-weight:700;color:#ffffffeb}.floating-window-close{border:1px solid rgba(255,255,255,.1);background:#01084ef0;color:#ffffffd9;border-radius:10px;padding:6px 10px;cursor:pointer;transition:all .2s ease}.floating-window-close:hover{background:#01084e;border-color:#fff3}.floating-window-body{height:calc(100% - 44px);overflow:auto}.tool-launcher{position:fixed;bottom:16px;left:16px;z-index:9998;display:flex;flex-direction:row;gap:8px}.tool-launcher-btn{border-radius:50%;border:1px solid rgba(255,255,255,.1);padding:12px 16px;font-size:20px;box-shadow:0 10px 25px #0000004d;cursor:pointer;transition:all .2s ease;background:#ffffff1a;color:inherit;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.tool-launcher-btn:hover{background:#fff3;transform:scale(1.05)}.tool-launcher-btn.active{background:#ffffff40;border-color:#ffffff4d}.calc-container{padding:10px}.calc-header{margin-bottom:2px}.calc-title{font-size:18px;font-weight:600;margin:-10}.calc-description{font-size:14px;opacity:.8;margin-top:4px}.calc-main-panel{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;padding:12px}.calc-label{font-size:12px;opacity:.7}.calc-input{margin-top:4px;width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0003;padding:8px 12px;font-family:monospace;font-size:14px;outline:none;color:inherit;transition:border-color .2s ease}.calc-input:focus{border-color:#fff3}.calc-result-box{margin-top:12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0003;padding:8px 12px}.calc-result-label{font-size:12px;opacity:.7}.calc-result-value{margin-top:4px;font-family:monospace;font-size:16px}.calc-result-placeholder{opacity:.5}.calc-error{margin-top:8px;font-size:12px;color:#fca5a5}.calc-keypad{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.calc-btn{-webkit-user-select:none;user-select:none;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;padding:8px 12px;font-size:14px;cursor:pointer;transition:all .15s ease}.calc-btn:hover{background:#ffffff1a}.calc-btn:active{transform:scale(.99)}.calc-btn-wide{grid-column:span 2}.calc-btn-full{grid-column:span 4;background:#ffffff1a}.calc-btn-full:hover{background:#ffffff26}.calc-history-section{margin-top:6px}.calc-history-header{display:flex;align-items:center;justify-content:space-between}.calc-history-title{font-size:14px;font-weight:600}.calc-history-clear{font-size:12px;opacity:.7;background:none;border:none;cursor:pointer;color:inherit;transition:opacity .2s ease}.calc-history-clear:hover{opacity:1}.calc-history-empty{border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;padding:12px;font-size:14px;opacity:.7}.calc-history-list{display:flex;flex-direction:column;gap:8px}.calc-history-item{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;padding:12px;text-align:left;cursor:pointer;transition:background .2s ease}.calc-history-item:hover{background:#ffffff1a}.calc-history-expr{font-family:monospace;font-size:14px}.calc-history-result{margin-top:4px;font-family:monospace;font-size:14px;opacity:.8}.footer{width:100%;background:#2b4175;color:#fff;padding:16px 0;text-align:center;font-size:1rem;position:relative;bottom:0;left:0}.footer-content{display:flex;flex-direction:column;gap:8px;align-items:center}.footer a{color:gold;text-decoration:underline}.footer a:hover{color:#fff176}.profile-page{padding:2rem 1rem}.profile-page .container{max-width:900px;margin:0 auto}.profile-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #0000001a}.profile-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #f0f0f0}.profile-avatar{font-size:5rem;color:#ff6a00;line-height:1}.profile-avatar i{display:block}.profile-title{flex:1}.profile-title h1{margin:0 0 .5rem;font-size:2rem;color:#2d3748}.tier-badge-small{display:inline-block;padding:.25rem .75rem;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.95rem}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message i{font-size:1.25rem}.profile-content{display:flex;flex-direction:column;gap:2rem}.profile-section{background:#f8f9fa;padding:1.5rem;border-radius:8px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.profile-section h2{margin:0 0 1.5rem;font-size:1.25rem;color:#2d3748}.section-header h2{margin:0}.profile-info{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:6px}.info-row .label{font-weight:600;color:#4a5568}.info-row .value{color:#2d3748;display:flex;align-items:center;gap:.5rem}.info-row .value.status{font-weight:500}.info-row .value.status.verified{color:#28a745}.info-row .value.status.unverified{color:#dc3545}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-weight:600;color:#4a5568;font-size:.95rem}.form-group input{padding:.75rem;border:2px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#ff6a00}.form-group input:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.form-hint{font-size:.85rem;color:#718096;font-style:italic}.form-actions{display:flex;gap:1rem;margin-top:.5rem}.security-actions{display:flex;flex-direction:column;gap:1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#ff6a00,#ff4500);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-outline:hover:not(:disabled){background:#ff6a00;color:#fff}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.profile-page{padding:1rem .5rem}.profile-card{padding:1.5rem}.profile-header{flex-direction:column;text-align:center;gap:1rem}.profile-avatar{font-size:4rem}.profile-title h1{font-size:1.5rem}.info-row{flex-direction:column;align-items:flex-start;gap:.5rem}.form-actions{flex-direction:column}.btn{width:100%}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.modal-header h2{margin:0;font-size:1.5rem;color:#2d3748}.modal-close{background:none;border:none;font-size:1.5rem;color:#718096;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.modal-close:hover{color:#2d3748}.password-form{display:flex;flex-direction:column;gap:1.5rem}.modal-actions{display:flex;gap:1rem;margin-top:.5rem}@media(max-width:480px){.profile-page{padding:.75rem .25rem}.profile-card{padding:1rem;border-radius:8px}.profile-avatar{font-size:3rem}.profile-title h1{font-size:1.25rem}.form-actions{flex-direction:column}.btn{width:100%}.modal-content{padding:1.25rem}}.dark .profile-card{background:#1c1c1c;box-shadow:0 10px 40px #0006}.dark .profile-header{border-bottom-color:#ff6a0033}.dark .profile-title h1,.dark .profile-section h2,.dark .info-row .value{color:#f5f0ec}.dark .profile-section{background:#2a1f18}.dark .info-row{background:#1c1c1c}.dark .info-row .label,.dark .form-group label{color:#c8b0a0}.dark .form-group input{background:#2a1f18;border-color:#ff6a004d;color:#f5f0ec}.dark .form-group input:disabled{background:#1c1c1c;color:#907060}.dark .btn-outline{background:transparent;color:#ff8c00;border-color:#ff8c00}.dark .btn-outline:hover:not(:disabled){background:#ff6a00;color:#fff}.dark .modal-content{background:#1c1c1c}.dark .modal-header{border-bottom-color:#ff6a0033}.dark .modal-header h2{color:#f5f0ec}.dark .modal-close{color:#c8b0a0}.dark .modal-close:hover{color:#f5f0ec}.dark .form-hint{color:#907060}.subscription-page{padding:2rem 0}.subscription-page .container{max-width:800px;margin:0 auto;padding:0 1rem}.subscription-card{background:#b29efd;border-radius:16px;padding:2rem;box-shadow:0 20px 40px #0000001a;margin-bottom:2rem;color:#2d3748}.subscription-card h1{text-align:center;color:#2d3748;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.subscription-card h2,.subscription-card h3,.subscription-card h4{color:#2d3748}.subscription-card p{color:#4a5568}.current-subscription{margin-bottom:2rem}.subscription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.tier-badge{display:inline-block;padding:.75rem 1.5rem;border-radius:50px;color:#fff;font-weight:600;font-size:1.1rem;text-transform:uppercase;letter-spacing:.5px}.days-left{background:#e2e8f0;color:#4a5568;padding:.5rem 1rem;border-radius:25px;font-weight:500;font-size:.9rem}.days-left.warning{background:#fed7d7;color:#c53030}.subscription-details{background:#f7fafc;border-radius:12px;padding:1.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.detail-row:last-child{border-bottom:none}.detail-row .label{font-weight:500;color:#4a5568}.detail-row .value{font-weight:600;color:#2d3748}.status.active{color:#38a169}.status.expired{color:#e53e3e}.status.cancelled{color:#d69e2e}.subscription-actions{text-align:center}.upgrade-prompt{background:linear-gradient(135deg,#ff4500,#ff6a00);color:#fff;padding:2rem;border-radius:16px;margin-bottom:1rem;box-shadow:0 8px 24px #ff6a004d}.upgrade-prompt h3{margin-bottom:1rem;font-size:1.5rem}.upgrade-prompt p{margin-bottom:1.5rem;opacity:.9}.manage-subscription{background:#f7fafc;padding:2rem;border-radius:16px;margin-bottom:1rem;color:#2d3748}.manage-subscription h3{color:#2d3748;margin-bottom:1.5rem;font-weight:600}.manage-subscription p{color:#4a5568}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.admin-info{background:linear-gradient(135deg,#fc466b,#3f5efb);color:#fff;padding:2rem;border-radius:16px;text-align:center}.admin-info h3{margin-bottom:1rem}.admin-info p{opacity:.9}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-large{padding:1rem 2rem;font-size:1.1rem}.btn-primary{background:#ff6a00;color:#fff}.btn-primary:hover{background:#5a67d8;transform:translateY(-2px)}.btn-outline{background:transparent;color:#ff6a00;border:2px solid #FF6A00}.btn-outline:hover{background:#ff6a00;color:#fff}.btn-danger-outline{background:transparent;color:#e53e3e;border:2px solid #e53e3e}.btn-danger-outline:hover{background:#e53e3e;color:#fff}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:16px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto}@media(max-width:768px){.subscription-page{padding:1rem 0}.subscription-card{padding:1.5rem;margin:0 .5rem}.subscription-card h1{font-size:2rem}.subscription-header{flex-direction:column;align-items:stretch;text-align:center}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.action-buttons{flex-direction:column}.upgrade-prompt,.manage-subscription,.admin-info{padding:1.5rem}}@media(max-width:480px){.subscription-card{padding:1rem;border-radius:8px}.subscription-card h1{font-size:1.5rem;margin-bottom:1.25rem}.btn{width:100%}.action-buttons{flex-direction:column;align-items:stretch}}.usage-page{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2)}.usage-page .container{max-width:900px;margin:0 auto}.usage-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #0000001a}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #f0f0f0}.usage-header h1{margin:0;font-size:2rem;color:#2d3748}.tier-badge{display:inline-block;padding:.4rem 1rem;border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.loading{text-align:center;padding:3rem;color:#718096}.loading i{font-size:3rem;margin-bottom:1rem;display:block;animation:spin 2s linear infinite}.usage-content{display:flex;flex-direction:column;gap:1.5rem}.usage-section{background:#f8f9fa;padding:1.5rem;border-radius:8px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-title{display:flex;align-items:center;gap:.75rem}.section-title i{font-size:1.5rem;color:#667eea}.section-title h2{margin:0;font-size:1.25rem;color:#2d3748}.usage-count{font-size:1.25rem;font-weight:600;color:#2d3748}.usage-count .unlimited{color:#28a745;font-weight:700}.progress-bar{width:100%;height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:6px}.usage-description{margin:0;font-size:.9rem;color:#718096}.usage-info{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.info-card{display:flex;gap:1rem;padding:1.25rem;background:#e6f2ff;border-radius:8px;border-left:4px solid #667eea}.info-card i{font-size:1.5rem;color:#667eea;flex-shrink:0}.info-card h3{margin:0 0 .5rem;font-size:1rem;color:#2d3748}.info-card p{margin:0;font-size:.9rem;color:#4a5568;line-height:1.5}.info-card.upgrade-prompt{background:linear-gradient(135deg,#fff5e6,#ffe6f0);border-left-color:#ffc107}.info-card.upgrade-prompt i{color:#ffc107}.btn{display:inline-block;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;margin-top:.75rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-small{padding:.4rem .875rem;font-size:.8rem}@media(max-width:768px){.usage-page{padding:1rem .5rem}.usage-card{padding:1.5rem}.usage-header{flex-direction:column;gap:1rem;text-align:center}.usage-header h1{font-size:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.info-card{flex-direction:column}}@media(prefers-color-scheme:dark){.usage-card{background:#1a202c}.usage-header h1,.section-title h2,.usage-count,.info-card h3{color:#e2e8f0}.usage-section{background:#2d3748}.progress-bar{background:#4a5568}.usage-description,.info-card p{color:#cbd5e0}.info-card{background:#2d3748}.info-card.upgrade-prompt{background:linear-gradient(135deg,#3d3020,#3d2030)}}.email-verification-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1c1c1c 60%,#2a1f18);padding:20px}.email-verification-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:40px;max-width:500px;width:100%;text-align:center}.verification-loading,.verification-success,.verification-error-state{padding:20px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #FF6A00;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}.verification-loading p{color:#666;font-size:16px}.success-icon{width:80px;height:80px;background:#28a745;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;margin:0 auto 20px;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.verification-success h2{color:#28a745;margin-bottom:15px;font-size:28px}.verification-success p{color:#666;margin-bottom:10px;line-height:1.6}.verification-success strong{color:#333}.verification-redirect{font-style:italic;color:#999;font-size:14px;margin-top:20px}.error-icon{width:80px;height:80px;background:#dc3545;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;margin:0 auto 20px;animation:shakeError .5s ease-out}@keyframes shakeError{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.verification-error-state h2{color:#dc3545;margin-bottom:15px;font-size:28px}.verification-error-state p{color:#666;margin-bottom:20px;line-height:1.6}.verification-button{background:#ff6a00;color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.verification-button:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.verification-button:active{transform:translateY(0)}.verification-actions{margin-top:20px}@media(max-width:600px){.email-verification-container{padding:30px 20px}.success-icon,.error-icon{width:60px;height:60px;font-size:36px}.verification-success h2,.verification-error-state h2{font-size:24px}}.reset-password-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1c1c1c 60%,#2a1f18);display:flex;align-items:center;justify-content:center;padding:20px}.reset-password-container{background:#fff;border-radius:12px;padding:40px;max-width:500px;width:100%;box-shadow:0 10px 40px #0000004d;animation:slideUp .4s ease-out}.reset-password-loading,.reset-password-error-state,.reset-password-success{text-align:center;padding:20px 0}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #FF6A00;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.reset-password-loading p{color:#666;font-size:16px}.error-icon,.success-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;margin:0 auto 25px;animation:scaleIn .5s ease-out}.error-icon{background:#ff3b301a;color:#ff3b30}.success-icon{background:#34c7591a;color:#34c759}.reset-password-error-state h2,.reset-password-success h2{margin:0 0 15px;color:#333}.reset-password-error-state p,.reset-password-success p{color:#666;line-height:1.6;margin-bottom:15px}.reset-password-note{font-size:14px;color:#999;font-style:italic;margin-top:20px!important}.reset-password-back-btn{margin-top:25px;padding:12px 30px;background:#ff6a00;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.reset-password-back-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 5px 20px #667eea4d}.reset-password-header{margin-bottom:30px}.reset-password-header h1{margin:0 0 10px;color:#333;font-size:28px}.reset-password-email{color:#ff6a00;font-size:14px;font-weight:500}.reset-password-form-group{margin-bottom:20px}.reset-password-form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.reset-password-form-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s ease;box-sizing:border-box}.reset-password-form-group input:focus{outline:none;border-color:#ff6a00;box-shadow:0 0 0 3px #667eea1a}.reset-password-form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.reset-password-error{background:#fff5f5;border:1px solid #ffcccc;color:#c00;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px}.reset-password-submit{width:100%;padding:14px;background:linear-gradient(135deg,#ff6a00,#ff4500);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:15px}.reset-password-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.reset-password-submit:disabled{opacity:.6;cursor:not-allowed}.reset-password-footer{text-align:center;margin-top:20px}.reset-password-cancel{background:transparent;color:#666;border:none;padding:10px 20px;font-size:14px;cursor:pointer;transition:color .3s ease}.reset-password-cancel:hover{color:#ff6a00}.reset-password-redirect{color:#ff6a00;font-weight:500;margin-top:20px!important;animation:pulse 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:600px){.reset-password-container{padding:30px 20px}.reset-password-header h1{font-size:24px}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.auth-modal{padding:40px}.modal-close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:28px;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#f0f0f0;color:#333}.auth-modal h2{margin:0 0 8px;font-size:28px;color:#1a1a1a}.modal-subtitle{margin:0 0 24px;color:#666;font-size:14px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.checkbox-group label{display:flex;align-items:flex-start;font-weight:400;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;margin-right:8px;margin-top:2px;cursor:pointer}.checkbox-group span{font-size:13px;color:#666;line-height:1.5}.checkbox-group a{color:#6366f1;text-decoration:none}.checkbox-group a:hover{text-decoration:underline}.forgot-password-link{text-align:right;margin-top:8px;margin-bottom:15px}.forgot-password-link .link-button{font-size:13px;color:#6366f1;padding:0}.forgot-password-link .link-button:hover{text-decoration:underline}.btn-block{width:100%;margin-top:8px}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-divider{margin:24px 0;text-align:center;position:relative}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e0e0e0}.auth-divider span{background:#fff;padding:0 16px;position:relative;color:#999;font-size:13px}.social-login{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.btn-social{padding:12px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-social:hover{border-color:#ccc;background:#f9f9f9}.btn-google span{font-size:18px}.btn-facebook span{font-size:20px;color:#1877f2;font-weight:700}.auth-footer{text-align:center;margin-top:24px}.auth-footer p{margin:8px 0;color:#666;font-size:14px}.link-button{background:none;border:none;color:#6366f1;font-weight:600;cursor:pointer;font-size:14px;padding:0;text-decoration:none}.link-button:hover{text-decoration:underline}.demo-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;padding:16px;margin:16px 0;text-align:center}.demo-info p{margin:4px 0;color:#0369a1;font-size:14px;font-weight:500}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.success-message{background:#efe;border:1px solid #cfc;color:#3c3;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.temporal-code-link{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.temporal-code-button{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;border:none;border-radius:8px;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.temporal-code-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.temporal-code-button:active{transform:translateY(0)}@media(max-width:600px){.auth-modal{padding:24px}.auth-modal h2{font-size:24px}.social-login{grid-template-columns:1fr}}.forgot-password-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}.forgot-password-modal{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:40px;max-width:500px;width:90%;position:relative;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out;color:#fff}.forgot-password-close{position:absolute;top:15px;right:15px;background:#fff3;border:none;color:#fff;font-size:28px;cursor:pointer;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.forgot-password-close:hover{background:#ffffff4d;transform:rotate(90deg)}.forgot-password-modal h2{margin:0 0 15px;font-size:28px;font-weight:600}.forgot-password-description{color:#ffffffe6;margin-bottom:25px;line-height:1.5}.forgot-password-form-group{margin-bottom:20px}.forgot-password-form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.forgot-password-form-group input{width:100%;padding:12px;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:16px;background:#ffffff1a;color:#fff;transition:all .3s ease;box-sizing:border-box}.forgot-password-form-group input::placeholder{color:#ffffff80}.forgot-password-form-group input:focus{outline:none;border-color:#fff9;background:#ffffff26}.forgot-password-form-group input:disabled{opacity:.6;cursor:not-allowed}.forgot-password-error{background:#ff3b3033;border:1px solid rgba(255,59,48,.4);color:#fcc;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px}.forgot-password-submit{width:100%;padding:14px;background:#fff;color:#667eea;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.forgot-password-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #0003}.forgot-password-submit:disabled{opacity:.6;cursor:not-allowed}.forgot-password-success{text-align:center;padding:20px 0}.success-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;margin:0 auto 25px;animation:scaleIn .5s ease-out}.forgot-password-success h3{margin:0 0 15px;font-size:24px}.forgot-password-success p{color:#ffffffe6;line-height:1.6;margin-bottom:15px}.forgot-password-note{font-size:14px;color:#ffffffb3;font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@media(max-width:600px){.forgot-password-modal{padding:30px 20px;margin:20px}.forgot-password-modal h2{font-size:24px}}.password-strength{margin-top:10px;font-size:14px}.strength-meter{margin-bottom:12px}.strength-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;color:#666}.strength-text{font-weight:600}.strength-text.very-weak,.strength-text.weak{color:#dc3545}.strength-text.medium{color:#ffc107}.strength-text.strong,.strength-text.very-strong{color:#28a745}.strength-bar{height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.strength-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:3px}.strength-fill.very-weak,.strength-fill.weak{background:#dc3545}.strength-fill.medium{background:#ffc107}.strength-fill.strong,.strength-fill.very-strong{background:#28a745}.password-requirements{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.requirement{display:flex;align-items:center;gap:6px;font-size:12px;transition:color .2s ease}.requirement.valid{color:#28a745}.requirement.invalid{color:#6c757d}.requirement-icon{font-weight:700;font-size:14px}.requirement.valid .requirement-icon{color:#28a745}.requirement.invalid .requirement-icon{color:#adb5bd}.requirement-text{line-height:1.4}@media(max-width:500px){.password-requirements{grid-template-columns:1fr;gap:6px}}@media(prefers-color-scheme:dark){.strength-label{color:#b0b0b0}.strength-bar{background:#3a3a3a}.password-requirements{background:#2a2a2a;border-color:#444}.requirement.invalid{color:#888}.requirement.invalid .requirement-icon{color:#666}}.subscription-plans{padding:40px 20px;max-width:1200px;margin:0 auto}.plans-header{text-align:center;margin-bottom:48px}.plans-header h2{font-size:36px;margin-bottom:12px;color:#1a1a1a}.plans-header p{font-size:18px;color:#666;margin-bottom:24px}.current-plan-badge{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:8px 20px;border-radius:20px;font-size:14px;margin-bottom:24px}.billing-toggle{display:inline-flex;background:#f5f5f5;border-radius:8px;padding:4px;gap:4px}.billing-toggle button{padding:10px 24px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;color:#666;transition:all .2s;position:relative}.billing-toggle button.active{background:#fff;color:#6366f1;box-shadow:0 2px 8px #0000001a}.discount-badge{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:700}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:40px}.plan-card{background:#fff;border:2px solid #e0e0e0;border-radius:16px;padding:32px 24px;transition:all .3s;position:relative;display:flex;flex-direction:column;color:#1a1a1a}.plan-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.plan-card.popular{border-color:#6366f1;border-width:3px;box-shadow:0 8px 30px #6366f133}.plan-card.current{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.popular-badge,.current-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;color:#fff}.popular-badge{background:linear-gradient(135deg,#6366f1,#4f46e5)}.current-badge{background:linear-gradient(135deg,#10b981,#059669)}.plan-header{text-align:center;margin-bottom:24px}.plan-header h3{font-size:24px;margin-bottom:8px;color:#1a1a1a;font-weight:700}.plan-description{color:#4a5568;font-size:14px;margin-bottom:16px;font-weight:500}.plan-price{margin:16px 0}.price-free{font-size:32px;font-weight:700;color:#10b981}.price-amount{font-size:48px;font-weight:700;color:#1a1a1a}.price-period{font-size:18px;color:#666}.yearly-savings{color:#10b981;font-size:13px;font-weight:600;margin-top:4px}.plan-features{list-style:none;padding:0;margin:0 0 24px;flex-grow:1}.plan-features li{padding:10px 0;font-size:14px;color:#2d3748;font-weight:500;border-bottom:1px solid #f0f0f0}.plan-features li:last-child{border-bottom:none}.plans-footer{text-align:center;padding:32px 0;border-top:1px solid #e0e0e0;display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.plans-footer p{margin:0;color:#666;font-size:14px}.close-plans{display:block;margin:24px auto 0;padding:12px 32px;background:#f5f5f5;border:none;border-radius:8px;cursor:pointer;font-weight:600;color:#666;transition:all .2s}.close-plans:hover{background:#e0e0e0}@media(max-width:768px){.plans-grid{grid-template-columns:1fr}.plans-header h2{font-size:28px}.plans-footer{flex-direction:column;gap:12px}}.usage-counter{background:#fff;border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000001a;border:2px solid #e2e8f0;transition:all .3s ease}.usage-counter.low{border-color:#f6ad55;background:#fffaf0}.usage-counter.exhausted{border-color:#fc8181;background:#fff5f5}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.usage-label{font-weight:600;color:#2d3748;font-size:.95rem}.usage-count{font-weight:700;color:#667eea;font-size:1rem}.usage-counter.low .usage-count{color:#dd6b20}.usage-counter.exhausted .usage-count{color:#e53e3e}.usage-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;position:relative}.usage-progress{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.usage-counter.low .usage-progress{background:linear-gradient(90deg,#f6ad55,#dd6b20)}.usage-counter.exhausted .usage-progress{background:linear-gradient(90deg,#fc8181,#e53e3e)}.usage-warning{margin-top:.75rem;padding:.5rem;background:#fef5e7;border-radius:6px;color:#dd6b20;font-size:.85rem;font-weight:600;text-align:center}.usage-exhausted{margin-top:.75rem;padding:.75rem;background:#fff5f5;border-radius:6px;text-align:center}.usage-exhausted p{color:#e53e3e;font-weight:600;margin-bottom:.5rem;font-size:.9rem}.btn-upgrade-small{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease}.btn-upgrade-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@media(prefers-color-scheme:dark){.usage-counter{background:#2d3748;border-color:#4a5568}.usage-counter.low{background:#3d2817;border-color:#f6ad55}.usage-counter.exhausted{background:#3d1717;border-color:#fc8181}.usage-label{color:#e2e8f0}.usage-bar{background:#4a5568}.usage-warning{background:#3d2817}.usage-exhausted{background:#3d1717}}@media(max-width:768px){.usage-counter{padding:.75rem}.usage-label,.usage-count{font-size:.85rem}}.restricted-content{position:relative;min-height:300px}.content-preview{position:relative;pointer-events:none;-webkit-user-select:none;user-select:none}.preview-blur{filter:blur(8px);opacity:.3}.restriction-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.restriction-card{background:#fff;border-radius:16px;padding:3rem 2rem;max-width:500px;text-align:center;box-shadow:0 20px 60px #00000026;border:2px solid #e2e8f0}.restriction-icon{font-size:4rem;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.restriction-card h3{color:#2d3748;font-size:1.8rem;margin-bottom:1rem;font-weight:700}.restriction-message{color:#4a5568;font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.restriction-actions{display:flex;flex-direction:column;gap:1rem}.btn-upgrade,.btn-view-plans{padding:1rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease}.btn-upgrade{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.btn-view-plans{background:transparent;color:#667eea;border:2px solid #667eea}.btn-view-plans:hover{background:#667eea;color:#fff}@media(prefers-color-scheme:dark){.restriction-overlay{background:#1a202cf2}.restriction-card{background:#2d3748;border-color:#4a5568}.restriction-card h3{color:#e2e8f0}.restriction-message{color:#cbd5e0}}@media(max-width:768px){.restriction-card{padding:2rem 1.5rem;margin:1rem}.restriction-icon{font-size:3rem}.restriction-card h3{font-size:1.5rem}.restriction-message{font-size:1rem}}.content-access-control{width:100%}.usage-counters-container{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}@media(max-width:768px){.usage-counters-container{flex-direction:column;gap:.75rem}}.calculator-container{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem}.calculator-container h2{color:#2d3748;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.calculator-description{color:#4a5568;margin-bottom:1.5rem;line-height:1.6}@media(prefers-color-scheme:dark){.calculator-container{background:#2d3748}.calculator-container h2{color:#e2e8f0}.calculator-description{color:#cbd5e0}}@media(max-width:768px){.calculator-container{padding:1.5rem}.calculator-container h2{font-size:1.5rem}}.exercise-container{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem}.exercise-limit-reached{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:2px solid #fc8181;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;text-align:center}.exercise-limit-reached p{color:#c53030;font-weight:600;margin-bottom:.5rem}.limit-info{color:#742a2a;font-size:.9rem;font-weight:400!important}@media(prefers-color-scheme:dark){.exercise-container{background:#2d3748}.exercise-limit-reached{background:linear-gradient(135deg,#3d1717,#5a1a1a);border-color:#fc8181}.exercise-limit-reached p{color:#fc8181}.limit-info{color:#feb2b2}}@media(max-width:768px){.exercise-container{padding:1.5rem}.exercise-limit-reached{padding:1rem}}.admin-panel{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.admin-header{text-align:center;color:#fff;margin-bottom:2rem}.admin-header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.admin-subtitle{font-size:1.1rem;opacity:.9}.admin-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.admin-tab{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:1rem 2rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-tab:hover{background:#ffffff4d;transform:translateY(-2px)}.admin-tab.active{background:#fff;color:#667eea;border-color:#fff;box-shadow:0 4px 12px #00000026}.tab-icon{font-size:1.5rem}.admin-content{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000001a;min-height:500px}@media(max-width:768px){.admin-panel{padding:1rem}.admin-header h1{font-size:2rem}.admin-tabs{flex-direction:column}.admin-tab{width:100%;justify-content:center}.admin-content{padding:1rem}}.code-management{padding:1rem}.btn-create{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:10px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #28a7454d}.btn-create:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.codes-table-container{overflow-x:auto;margin-bottom:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.codes-table{width:100%;border-collapse:collapse;background:#fff}.codes-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.codes-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.codes-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.codes-table tbody tr:hover{background-color:#f8f9fa}.codes-table td{padding:1rem;font-size:.95rem;color:#333}.code-cell{display:flex;align-items:center;gap:.5rem}.code-text{font-family:Courier New,monospace;font-weight:700;font-size:1.1rem;letter-spacing:2px;color:#667eea}.btn-copy{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.2rem;transition:transform .2s ease}.btn-copy:hover{transform:scale(1.2)}.status-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:700}.status-active{background:#d4edda;color:#155724}.status-used{background:#cce5ff;color:#004085}.status-expired{background:#f8d7da;color:#721c24}.btn-invalidate:hover{filter:hue-rotate(45deg)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3{margin:0;color:#333;font-size:1.5rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;transition:color .2s ease}.modal-close:hover{color:#333}.code-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#555}.form-group input,.form-group select,.form-group textarea{padding:.7rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.btn-cancel{background:#e0e0e0;color:#666;border:none;padding:.7rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-cancel:hover{background:#d0d0d0}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media(max-width:768px){.codes-table{font-size:.85rem}.codes-table th,.codes-table td{padding:.7rem .5rem}.code-text{font-size:.9rem;letter-spacing:1px}.modal-content{padding:1.5rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}.statistics{padding:1rem}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.stats-header h2{font-size:1.8rem;color:#333;margin:0}.period-selector{display:flex;align-items:center;gap:.5rem}.period-selector label{font-weight:600;color:#555}.period-selector select{padding:.6rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;cursor:pointer;transition:border-color .3s ease}.period-selector select:focus{outline:none;border-color:#667eea}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.card-icon{font-size:3rem;line-height:1}.card-content{flex:1}.card-content h3{margin:0 0 .5rem;font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:2rem;font-weight:700;color:#333;margin:0}.stat-detail{font-size:.85rem;color:#999}.section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014}.section h3{margin:0 0 1.5rem;font-size:1.3rem;color:#333}.tier-distribution{display:flex;flex-direction:column;gap:1rem}.tier-bar-container{display:grid;grid-template-columns:150px 1fr 80px;align-items:center;gap:1rem}.tier-label{display:flex;justify-content:space-between;align-items:center}.tier-count{font-size:.9rem;color:#666;font-weight:600}.tier-bar{height:30px;background:#f0f0f0;border-radius:15px;overflow:hidden;position:relative}.tier-fill{height:100%;border-radius:15px;transition:width .5s ease;background:linear-gradient(90deg,#667eea,#764ba2)}.tier-fill.tier-guest{background:linear-gradient(90deg,#9e9e9e,#757575)}.tier-fill.tier-demo{background:linear-gradient(90deg,#ffc107,#ff9800)}.tier-fill.tier-basic{background:linear-gradient(90deg,#03a9f4,#0288d1)}.tier-fill.tier-premium{background:linear-gradient(90deg,#4caf50,#388e3c)}.tier-fill.tier-educator{background:linear-gradient(90deg,#2196f3,#1976d2)}.tier-fill.tier-admin{background:linear-gradient(90deg,#667eea,#764ba2)}.tier-percentage{font-weight:700;color:#667eea;text-align:right}.expiring-table{overflow-x:auto}.expiring-table table{width:100%;border-collapse:collapse}.expiring-table thead{background:#f8f9fa}.expiring-table th{padding:.8rem;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e0e0e0}.expiring-table td{padding:.8rem;border-bottom:1px solid #f0f0f0}.expiring-date{color:#dc3545;font-weight:600}.top-list{display:flex;flex-direction:column;gap:.8rem}.top-item{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:1rem;padding:.8rem;background:#f8f9fa;border-radius:8px;transition:all .2s ease}.top-item:hover{background:#e9ecef;transform:translate(4px)}.top-rank{font-size:1.3rem;font-weight:700;color:#667eea;text-align:center}.top-name{font-weight:600;color:#333}.top-count{font-size:.9rem;color:#999;font-weight:600}.timeline{display:flex;flex-direction:column;gap:.8rem}.timeline-item{display:grid;grid-template-columns:80px 1fr 120px;align-items:center;gap:1rem}.timeline-date{font-size:.9rem;color:#666;font-weight:600}.timeline-bar-container{height:24px;background:#f0f0f0;border-radius:12px;overflow:hidden}.timeline-bar{height:100%;border-radius:12px;transition:width .5s ease;background:linear-gradient(90deg,#667eea,#764ba2)}.timeline-bar.tier-demo{background:linear-gradient(90deg,#ffc107,#ff9800)}.timeline-bar.tier-basic{background:linear-gradient(90deg,#03a9f4,#0288d1)}.timeline-bar.tier-premium{background:linear-gradient(90deg,#4caf50,#388e3c)}.timeline-bar.tier-educator{background:linear-gradient(90deg,#2196f3,#1976d2)}.timeline-count{font-size:.9rem;color:#666;font-weight:600}.tier-badge{display:inline-block;padding:.3rem .6rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase}.tier-badge.tier-guest{background:#e0e0e0;color:#666}.tier-badge.tier-demo{background:#fff3cd;color:#856404}.tier-badge.tier-basic{background:#d1ecf1;color:#0c5460}.tier-badge.tier-premium{background:#d4edda;color:#155724}.tier-badge.tier-educator{background:#cce5ff;color:#004085}.tier-badge.tier-admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.error-message{background:#f8d7da;color:#721c24;padding:1rem;border-radius:8px;border-left:4px solid #dc3545}@media(max-width:768px){.stats-header{flex-direction:column;align-items:flex-start;gap:1rem}.overview-grid{grid-template-columns:1fr}.tier-bar-container{grid-template-columns:1fr;gap:.5rem}.tier-percentage{text-align:left}.timeline-item{grid-template-columns:1fr;gap:.5rem}.top-item{grid-template-columns:30px 1fr auto}}.user-management{padding:1rem}.management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.management-header h2{font-size:1.8rem;color:#333;margin:0}.stats-summary{display:flex;gap:1rem}.stat-item{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:600}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:12px}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:#555;font-size:.9rem}.filter-input,.filter-select{padding:.6rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.filter-input:focus,.filter-select:focus{outline:none;border-color:#667eea}.users-table-container{overflow-x:auto;margin-bottom:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.users-table{width:100%;border-collapse:collapse;background:#fff}.users-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.users-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.users-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.users-table tbody tr:hover{background-color:#f8f9fa}.users-table td{padding:1rem;font-size:.95rem;color:#333}.tier-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tier-guest{background:#e0e0e0;color:#666}.tier-demo{background:#fff3cd;color:#856404}.tier-basic{background:#d1ecf1;color:#0c5460}.tier-premium{background:#d4edda;color:#155724}.tier-educator{background:#cce5ff;color:#004085}.tier-admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-buttons{display:flex;gap:.5rem;justify-content:center}.btn-action{background:none;border:none;cursor:pointer;font-size:1.3rem;padding:.3rem;transition:transform .2s ease}.btn-action:hover{transform:scale(1.2)}.btn-edit:hover{filter:hue-rotate(45deg)}.btn-delete:hover{filter:saturate(2)}.admin-badge{font-size:.85rem;color:#667eea;font-weight:600}.pagination{display:flex;justify-content:center;align-items:center;gap:2rem;padding:1rem}.pagination-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-weight:600;color:#555}.loading{text-align:center;padding:3rem;font-size:1.2rem;color:#667eea}.error-message{background:#f8d7da;color:#721c24;padding:1rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid #dc3545}@media(max-width:768px){.filters{grid-template-columns:1fr}.users-table{font-size:.85rem}.users-table th,.users-table td{padding:.7rem .5rem}.action-buttons{flex-direction:column;gap:.3rem}.pagination{flex-direction:column;gap:1rem}}.v2-leaf{display:block}.v2-header{margin-bottom:10px;padding:12px;background:linear-gradient(135deg,#000000f2,#100e31f2);border-radius:20px;border:1px solid rgba(255,115,0,.548);box-shadow:0 8px 32px #fd5d004d;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.v2-header h1,.v2-header h2,.v2-header h3{margin:20px!important;padding:0!important;color:#fd8700}.v2-header-left{display:flex;flex-direction:column;gap:4px;margin:0;padding:0}.v2-header-right{display:flex;align-items:center;gap:8px;margin-top:40px;margin-right:30px}.v2-header-content{display:flex;justify-content:center;align-items:center;width:100%}.v2-header-main{display:flex;flex-direction:column;gap:8px}.v2-header-meta{display:flex;justify-content:center;gap:20px;flex-wrap:nowrap;min-width:0}.v2-meta-item{display:flex;align-items:flex-end;gap:12px;padding:12px 16px;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:160px;transition:all .3s ease;white-space:nowrap}.v2-meta-item:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.v2-meta-icon{font-size:28px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.v2-meta-content{display:flex;flex-direction:column;align-items:center;gap:2px}.v2-meta-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffffb3}.v2-meta-value{font-size:15px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}@media(max-width:800px){.v2-header-content{flex-direction:column}.v2-header-meta{justify-content:center;flex-wrap:wrap}}@media(max-width:640px){.v2-header{padding:16px}.v2-meta-item{min-width:140px;padding:10px 12px}.v2-meta-icon{font-size:24px}.v2-meta-label{font-size:10px}.v2-meta-value{font-size:13px}}.v2-title{background:#1202aa00!important;font-size:2rem;margin:0!important;padding:0!important;font-weight:700;color:#f60;text-shadow:0 2px 8px rgba(0,0,0,.3);line-height:1.1}.v2-subtitle{margin:25px;font-size:1.05rem;color:#ffffffe6;line-height:1.5;max-width:600px}.v2-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.v2-chip{font-size:.85rem;padding:4px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#00000008}.v2-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 10px;background-color:#0000}.v2-tab{border:1px solid #FF6600!important;background:#00000008!important;border-radius:8px;padding:8px 12px;cursor:pointer}.v2-tab.active{background:#0000001a;background-color:#f60!important;color:#000!important}.v2-section-title{margin:8px 0 12px}.v2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.v2-stack{display:flex;flex-direction:column;gap:12px}.v2-card{margin-top:10px;width:100%;box-sizing:border-box;border:2px solid #FF6600;background:#1c1c1c;border-radius:14px;padding:12px;color:#fff}.v2-card-title{color:#f60!important;font-size:1.1em}.v2-card-2{display:grid;gap:4px;text-decoration:none;margin-top:10px;width:100%;height:80px;align-items:center;font-style:italic;box-sizing:border-box;border:2px solid #FF6600;background:#000;border-radius:14px;padding:20px}.v2-grid-2{display:grid;grid-template-columns:3fr 1fr;gap:12px;width:100%}@media(max-width:768px){.v2-grid-2{grid-template-columns:1fr}}.v2-grid-fill{display:grid;gap:12px;width:100%;align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.v2-grid-fill-inputs{margin-top:12px;display:grid;gap:12px;width:100%;align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media(max-width:1100px){.v2-grid-fill{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.v2-grid-fill{grid-template-columns:1fr}}@media(max-width:640px){.v2-grid-fill,.v2-grid-fill-inputs{grid-template-columns:1fr}}.v2-panel{display:flex;flex-direction:column;padding:15px 30px;margin-top:30px;margin-bottom:10px;background:linear-gradient(135deg,#000000f2,#384375f2);border:1px solid rgba(59,130,246,.2);border-radius:16px;box-shadow:0 4px 16px #f7f4f414,0 2px 8px #4e4e4e00,inset 0 1px #888c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1.6;color:#a2bbdf;transition:all .3s ease}.v2-panel:hover{box-shadow:0 6px 24px #ffffffd5,0 4px 12px #3b82f626,inset 0 1px #ffffffe6;border-color:#3b82f64d;transform:translateY(-2px)}.v2-panel h1,.v2-panel h2,.v2-panel h3,.v2-panel h4,.v2-panel h5,.v2-panel h6{color:#fff;padding-top:1em;margin-top:1em;margin-bottom:.75em;font-weight:600}.v2-panel h1{font-size:1.8rem}.v2-panel h2{font-size:1.5rem}.v2-panel h3{font-size:1.3rem}.v2-panel h1{background:linear-gradient(175deg,#f60,#ffc380);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:12px 20px;border-radius:14px;border:1px solid rgba(0,0,0,.3);-webkit-border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px;color:#000}.v2-panel h2{background:#ffc380!important;display:flex;flex-direction:column;justify-content:center;text-align:left;padding:12px 20px;border-radius:14px;border:1px solid rgba(0,0,0,.3);-webkit-border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px;color:#000!important}.v2-panel p{margin-bottom:1em;text-align:justify}.v2-panel ul,.v2-panel ol{margin:1em 0;padding-left:1.5em}.v2-panel li{margin-bottom:.5em}.v2-panel .md-inline-math-code,.v2-panel .md-inline-math-code .katex,.v2-panel .md-inline-math-code .katex *{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}.v2-panel code{background:#cdddf700;color:#3956fc;padding:2px 6px;border-radius:4px;font-family:Roboto Mono;font-style:italic;font-size:1.2em}.v2-panel pre{background:#000000f2;color:#fff;padding:1em;border-radius:12px;overflow-x:auto;margin:1.5em 0;border:1px solid rgba(59,130,246,.2);font-size:1.2em}.v2-panel pre code{background:none;color:inherit;padding:0}.v2-panel a{color:#2563eb;text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.v2-panel a:hover{color:#1d4ed8;border-bottom-color:#2563eb}.v2-panel .md-legend-card{padding-bottom:18px}.v2-panel .md-legend-list{list-style:none;padding-left:0;margin:0;display:grid;gap:12px}.v2-panel .md-legend-item{padding:14px 16px;border-radius:16px;background:#0f172a6b;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 22px #00000029}.v2-panel .md-legend-item__top{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.v2-panel .md-legend-symbol{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:8px 12px;border-radius:999px;font-weight:900;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff14}.v2-panel .md-legend-symbol .katex,.v2-panel .md-legend-symbol .katex *{color:inherit!important}.v2-panel .md-legend-main{min-width:0}.v2-panel .md-legend-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.v2-panel .md-legend-name{color:#fff;font-weight:800}.v2-panel .md-legend-type{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;font-weight:800}.v2-panel .md-legend-unit{margin-top:4px;color:#ffffffb8;font-size:.92rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace}.v2-panel .md-legend-description{margin-top:10px;color:#ffffffe0;text-align:left}.v2-panel .md-legend-item--fundamental{border-color:#fbbf2447}.v2-panel .md-legend-symbol--fundamental{color:#fbbf24;background:#fbbf2421;box-shadow:inset 0 0 0 1px #fbbf2452}.v2-panel .md-legend-type--fundamental{color:#1f1300;background:#fbbf24e0}.v2-panel .md-legend-item--state{border-color:#38bdf847}.v2-panel .md-legend-symbol--state{color:#38bdf8;background:#38bdf81f;box-shadow:inset 0 0 0 1px #38bdf84d}.v2-panel .md-legend-type--state{color:#03131a;background:#38bdf8e6}.v2-panel .md-legend-item--derived{border-color:#f472b647}.v2-panel .md-legend-symbol--derived{color:#f472b6;background:#f472b61f;box-shadow:inset 0 0 0 1px #f472b64d}.v2-panel .md-legend-type--derived{color:#240813;background:#f472b6e6}.v2-panel .md-legend-item--parameter{border-color:#34d39947}.v2-panel .md-legend-symbol--parameter{color:#34d399;background:#34d3991f;box-shadow:inset 0 0 0 1px #34d3994d}.v2-panel .md-legend-type--parameter{color:#04150f;background:#34d399e0}.v2-panel .md-legend-item--other{border-color:#a78bfa47}.v2-panel .md-legend-symbol--other{color:#a78bfa;background:#a78bfa1f;box-shadow:inset 0 0 0 1px #a78bfa4d}.v2-panel .md-legend-type--other{color:#130a26;background:#a78bfae6}.v2-panel .md-callout{margin:1em 0;padding:0;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0f172a8c;box-shadow:0 8px 24px #0000002e;overflow:hidden}.v2-panel .md-callout__header{padding:10px 14px 0}.v2-panel .md-callout__badge{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.06em;color:#0f172a;background:#93c5fd}.v2-panel .md-callout__body{padding:10px 14px 14px;color:#e5eefc}.v2-panel .md-callout__body>:first-child{margin-top:0}.v2-panel .md-callout__body>:last-child{margin-bottom:0}.v2-panel .md-callout__body p,.v2-panel .md-callout__body ul,.v2-panel .md-callout__body ol{text-align:left}.v2-panel .md-callout--note{border-left:5px solid #60a5fa;background:linear-gradient(180deg,#2563eb29,#0f172a8c)}.v2-panel .md-callout--note .md-callout__badge{background:#93c5fd}.v2-panel .md-callout--tip{border-left:5px solid #34d399;background:linear-gradient(180deg,#05966929,#0f172a8c)}.v2-panel .md-callout--tip .md-callout__badge{background:#6ee7b7}.v2-panel .md-callout--warning,.v2-panel .md-callout--important{border-left:5px solid #f59e0b;background:linear-gradient(180deg,#d977062e,#0f172a8c)}.v2-panel .md-callout--warning .md-callout__badge,.v2-panel .md-callout--important .md-callout__badge{background:#fcd34d}.v2-panel blockquote p{margin:0}.v2-panel blockquote,.v2-panel .markdown-content blockquote,.markdown-content .v2-panel blockquote{display:flex!important;justify-content:flex-start!important;align-items:center!important;border-left:4px solid #3b82f6!important;background:#3b82f60d!important;margin:1em 0!important;padding:1em 1.5em!important;border-radius:0 8px 8px 0!important;font-style:italic!important;color:#006aff!important;border-top:none!important;border-right:none!important;border-bottom:none!important;box-sizing:border-box!important;max-width:100%!important;overflow-wrap:break-word!important}.v2-panel table{width:100%;border-collapse:collapse;margin:1.5em 0;background:#f0f5ffe6;border-radius:8px;overflow:visible;box-shadow:0 2px 8px #0000001a}.v2-panel th,.v2-panel td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(59,130,246,.2)}.v2-panel th{background:#3b82f640;font-weight:600;color:#1e40af}.v2-panel tr:hover{background:#3b82f61f}html.dark .v2-panel table,.dark .v2-panel table{background:#0f172ad9;box-shadow:0 2px 8px #0006}html.dark .v2-panel th,.dark .v2-panel th,html.dark .v2-panel td,.dark .v2-panel td{border-bottom:1px solid rgba(99,102,241,.2);color:#e2e8f0}html.dark .v2-panel th,.dark .v2-panel th{background:#6366f14d;color:#c7d2fe}html.dark .v2-panel tr:hover,.dark .v2-panel tr:hover{background:#6366f11f}.v2-panel .form-control,.v2-panel input[type=text],.v2-panel input[type=number],.v2-panel input[type=range],.v2-panel select{background-color:#1e293b!important;color:#fff!important;border:1px solid #475569!important;border-radius:6px!important;padding:8px 12px!important;transition:all .2s ease!important}.v2-panel .form-control:focus,.v2-panel input[type=text]:focus,.v2-panel input[type=number]:focus,.v2-panel select:focus{background-color:#0f172a!important;color:#fff!important;border-color:#3b82f6!important;outline:none!important;box-shadow:0 0 0 3px #3b82f61a!important}.v2-panel .form-control::placeholder,.v2-panel input::placeholder{color:#94a3b8!important;opacity:.7!important}.v2-panel label{color:#e2e8f0!important;font-weight:500!important;margin-bottom:6px!important;display:block!important}.v2-panel .form-control:disabled,.v2-panel input:disabled{background-color:#334155!important;color:#64748b!important;cursor:not-allowed!important;opacity:.6!important}html:not(.dark) .v2-panel{background:var(--surface-2, #fdf6ef);color:var(--text, #1a0f0a);border-color:#ff6a0033;box-shadow:0 4px 16px #0000000f}html:not(.dark) .v2-panel:hover{box-shadow:0 6px 24px #0000001a;border-color:#ff6a0059;transform:translateY(-2px)}html:not(.dark) .v2-panel h3,html:not(.dark) .v2-panel h4,html:not(.dark) .v2-panel h5,html:not(.dark) .v2-panel h6{color:var(--text, #1a0f0a)}html:not(.dark) .v2-panel .md-callout{background:#f0f5ffd9;border-color:#2563eb33}html:not(.dark) .v2-panel .md-callout__body{color:var(--text, #1a0f0a)}html:not(.dark) .v2-node-overview-preview-text{color:var(--text, #1a0f0a)}html:not(.dark) .v2-node-overview-preview:after{background:linear-gradient(180deg,#fdf6ef00,#fdf6efb8 60%,#fdf6effa)}html:not(.dark) .v2-node-overview-toggle{color:var(--text, #1a0f0a);border-color:#0003;background:#0000000d}html:not(.dark) .v2-node-overview-toggle:hover{background:#0000001a;border-color:#0000004d}.v2-formula{margin:10px 0;padding:10px}.v2-formula,.v2-formula .katex-display{width:100%;overflow-x:auto;box-sizing:border-box}.v2-notes{margin:0;padding-left:18px}.v2-formula-select{width:100%;text-align:left}.v2-formula-select.active{border-color:#00000047;background:#0000000f}.v2-formula-title{padding:10px 0 0 10px}.v2-panel .katex-display{font-size:x-large;margin:14px 0;padding:12px 14px;border-radius:14px;border:3px solid #fd8802;background:#000;box-shadow:0 1px 2px #0000000d;overflow-x:auto;color:#ffb272;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.v2-panel .katex-display>.katex{display:inline-block}.v2-panel .katex-display+.katex-display{margin-top:10px}.katex-muted{height:20px;font-size:small;border-radius:14px;border:2px solid #fd0909}@media(max-width:600px){.v2-panel .katex-display{padding:12px;border-radius:14px}}.custom-latex-white .katex{font-size:.9em!important;color:#fff!important}.custom-latex-white .katex-display{margin:.3em 0!important;text-align:center!important}.custom-latex-white .katex .mord,.custom-latex-white .katex .mbin,.custom-latex-white .katex .mrel,.custom-latex-white .katex .mop,.custom-latex-white .katex .mpunct,.custom-latex-white .katex .mopen,.custom-latex-white .katex .mclose{color:#fff!important}.custom-latex-white .katex .frac-line{border-bottom-color:#fff!important}.custom-latex-white .katex .sqrt>.root{color:#fff!important}.custom-latex-white .katex .accent-body{color:#fff!important}.v2-node-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:900px){.v2-node-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.v2-node-grid{grid-template-columns:1fr}}.v2-node-card{position:relative;margin:20px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 20px;border-radius:24px;background:linear-gradient(145deg,#ced4f5 10%,#7d99f5 25%,#4b74fa,#1e40af,#000c7c);box-shadow:0 8px 32px #1b02fc66,0 4px 16px #ffffff70,inset 0 1px #ffffff1a,inset 0 -1px #0000001a;border:1px solid rgba(59,130,246,.3);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.v2-node-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.v2-node-card:after{content:"";position:absolute;inset:1px;border-radius:23px;background:linear-gradient(145deg,#ffffff0d,#ffffff05,#00000005);pointer-events:none}.v2-node-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #1e3a8a99,0 8px 32px #1e40af66,0 4px 16px #3b82f64d,inset 0 1px #fff3,inset 0 -1px #0000001a;border-color:#3b82f699;background:linear-gradient(145deg,#1e40af,#2563eb,#3b82f6,#2563eb,#1e40af)}.v2-node-icon{width:120px;height:120px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#fff0);border:2px solid rgba(255,255,255,.2);box-shadow:inset 0 2px 4px #ffffff25,inset 0 -2px 4px #00000034,0 4px 12px #00000026;margin-bottom:20px;font-size:64px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:subtle-pulse 4s ease-in-out infinite}.v2-node-card:hover .v2-node-icon{animation-play-state:paused;transform:scale(1.1) rotateY(5deg);background:linear-gradient(135deg,#ffffff40,#ffffff1a);border-color:#fff6;box-shadow:inset 0 2px 6px #fff3,inset 0 -2px 6px #00000026,0 6px 20px #00000040}.v2-node-card:hover .v2-node-title{text-shadow:0 1px 3px rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.3)}.v2-node-title{font-weight:700;font-size:1.22rem;line-height:1.25;color:#0b015f}.v2-node-desc{margin-top:8px;font-size:.92rem;opacity:.75;color:#facdcd;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.v2-node-icon-img{width:48px;height:48px;object-fit:contain}.v2-node-overview-card{position:relative}.v2-node-overview-preview{position:relative;cursor:pointer;outline:none}.v2-node-overview-preview-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.6em * 3);line-height:1.6;color:#fef3c7}.v2-node-overview-preview:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.8em;background:linear-gradient(180deg,#070a2300,#070a23b8 60%,#070a23fa);pointer-events:none}.v2-node-overview-actions{margin-top:14px;display:flex;justify-content:center}.v2-node-overview-toggle{padding:6px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff14;color:#fff;font-size:.84rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.v2-node-overview-toggle:hover{background:#ffffff24;border-color:#ffffff57;transform:translateY(-1px)}.v2-level-badges{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:2}.v2-level-badge{width:18px;height:18px;border-radius:999px;font-size:11px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.v2-level-badge.bg-blue-500{background-color:#3b82f6}.v2-level-badge.bg-green-500{background-color:#10b981}.v2-level-badge.bg-orange-500{background-color:#f59e0b}.v2-level-badge.bg-red-500{background-color:#ef4444}.v2-node-sections{margin-top:18px;display:grid;gap:10px}.v2-acc{border:1px solid rgba(0,0,0,.08);border-radius:14px;overflow:hidden;background:#ffffffb3}.v2-acc-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:transparent;border:0;font-weight:700;cursor:pointer}.v2-acc-body{padding:12px 14px;border-top:1px solid rgba(0,0,0,.08)}.v2-acc-body ul,.v2-acc-body ol{margin:0;padding-left:18px}.v2-acc-body li{margin:6px 0}.interp-msg{border-radius:10px;padding:10px 12px;line-height:1.45}.interp-legend{display:grid;gap:10px;margin:12px 0 16px}.interp-legend-title{font-size:13px;font-weight:700;color:#94a3b8f2;text-transform:uppercase;letter-spacing:.04em}.interp-legend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.interp-legend-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.interp-legend-chip{width:14px;height:14px;border-radius:999px;margin-top:3px;flex:0 0 14px}.interp-legend-chip.interp-info{border:1px solid rgba(255,255,255,.14)}.interp-legend-copy{display:grid;gap:2px}.interp-legend-copy strong{font-size:13px}.interp-legend-copy span{font-size:12px;color:#9594b8f2;line-height:1.35}.interp-calc-summary{display:grid;gap:12px;margin:8px 0 16px;padding:14px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.interp-calc-summary-title{font-weight:700}.interp-calc-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.interp-calc-summary-item{display:grid;gap:4px;padding:10px 12px;border-radius:10px;background:#ffffff06;border:1px solid rgba(255,255,255,.05)}.interp-calc-summary-item span,.interp-calc-inputs-title{font-size:12px;color:#94a3b8f2;text-transform:uppercase;letter-spacing:.04em}.interp-calc-summary-item strong{font-size:14px;line-height:1.45}.interp-calc-inputs{display:grid;gap:8px}.interp-calc-inputs-grid{display:flex;flex-wrap:wrap;gap:8px}.interp-calc-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);font-size:13px}.interp-graph-btn,.dark button.interp-graph-btn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 18px;border-radius:999px;background-color:#0300c0!important;color:#fff!important;font-size:13px;font-weight:700;border:none!important;cursor:pointer;transition:background-color .15s ease,transform .1s ease;letter-spacing:.01em}button.interp-graph-btn:hover,.dark button.interp-graph-btn:hover{background-color:#72b4ff!important;color:#000!important;transform:translateY(-1px)}button.interp-graph-btn:active,.dark button.interp-graph-btn:active{transform:translateY(0);background-color:#0e7490!important}button.interp-graph-btn:focus-visible,.dark button.interp-graph-btn:focus-visible{outline:2px solid #0891B2;outline-offset:2px;box-shadow:none!important}.interp-info{background:#ffffff0a}.interp-ok{background:#3cb4781f;border:1px solid rgba(60,180,120,.28)}.interp-warning{background:#ffb43c1f;border:1px solid rgba(255,180,60,.28)}.interp-error{background:#ff50501f;border:1px solid rgba(255,80,80,.28)}.dcl-card{margin-top:10px;width:100%;box-sizing:border-box;background:#1c1c1c;border-radius:14px;padding:12px;border:2px solid}.dcl-card-main{border-color:#f60}.dcl-card-interpretation{border-color:#0891b2}.dcl-card-reading{border-color:#0284c7}.dcl-card-analysis{border-color:#059669}.dcl-card-graph{border-color:#9333ea}.dcl-card-physical{border-color:#4f46e5}.dcl-card-active{border-color:#16a34a}.dcl-card-inactive{border-color:#475569}.dcl-card-equilibrium{border-color:#0d9488}.dcl-card-warning{border-color:#d97706}.dcl-card-errors{border-color:#dc2626}.dcl-card-step{border-color:#2563eb}.dcl-card-theory{border-color:#7c3aed;cursor:pointer;transition:border-color .2s ease}.dcl-card-theory:hover{border-color:#8b5cf6}.dcl-tooltip{position:absolute;pointer-events:none;z-index:100;min-width:200px;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);background:#111827e0;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 16px;font-size:13px;box-shadow:0 10px 25px #00000080,inset 0 0 0 1px #ffffff0d;animation:tooltipFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.vh-wrapper{position:relative;display:inline-flex;align-items:baseline;overflow:visible}.vh-tooltip-container{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-10px);z-index:9999;width:max-content;min-width:260px;max-width:420px;opacity:0;visibility:hidden;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.vh-wrapper:hover{position:relative;z-index:10000}.vh-wrapper:hover .vh-tooltip-container{opacity:1;visibility:visible;transform:translate(-50%) translateY(-16px)}.vh-trigger{color:#3d54ff;font-weight:700;font-size:large;border-bottom-color:#ff7300!important}.vh-wrapper:hover .vh-trigger{display:inline-flex;align-items:baseline;white-space:nowrap;border-bottom-color:#f8b538!important;color:#f60!important;background:#38bdf81a}html:not(.dark) .vh-trigger{color:#1a3aff}.vh-tooltip-card{display:block;width:100%;white-space:normal;text-align:left;word-break:normal;overflow-wrap:break-word;background:#070707;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid #ff6600;border-radius:16px;padding:14px 16px;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -6px #00000080,inset 0 0 0 1px #ffffff0d;color:#fff}.vh-tooltip-card strong{display:block;font-size:14px;color:#f60;margin-bottom:2px;font-weight:800;letter-spacing:.01em}.vh-tooltip-card .unit{font-size:11px;color:#4570ff;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.vh-tooltip-card .desc{margin-top:10px;font-size:12.5px;line-height:1.5;color:#fffc;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.vh-tooltip-card:after{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));margin-left:-8px;border-width:8px;border-style:solid;border-color:#ff6600 transparent transparent transparent}.dcl-title-sky{color:#f88e38}.dcl-title-emerald{color:#34d399}.dcl-title-purple{color:#c084fc}.dcl-title-indigo{color:#818cf8}.dcl-title-green{color:#4ade80}.dcl-title-slate{color:#94a3b8}.dcl-title-teal{color:#2dd4bf}.dcl-title-amber{color:#fbbf24}.dcl-title-red{color:#f87171}.dcl-title-violet{color:#a78bfa}.dcl-title-blue{color:#60a5fa}.dcl-title-cyan{color:#22d3ee}.dcl-title-orange{color:#fb923c}.dcl-text-sm{font-size:14px}.dcl-text-xs{font-size:12px}.dcl-opacity-80{opacity:.8}.dcl-opacity-70{opacity:.7}.dcl-font-semibold{font-weight:600}.dcl-mb-1{margin-bottom:4px}.dcl-mb-2{margin-bottom:8px}.dcl-mt-2{margin-top:8px}.dcl-mt-3{margin-top:12px}.dcl-space-y-1>*+*{margin-top:4px}.dcl-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}@media(max-width:768px){.dcl-grid-2{grid-template-columns:1fr}}.dcl-btn{border-radius:10px;border:2px solid;background:#1c1c1c;padding:4px 12px;font-size:12px;cursor:pointer;transition:border-color .2s ease,transform .1s ease}.dcl-btn-blue{border-color:#2563eb;color:#60a5fa}.dcl-btn-blue:hover:not(:disabled){border-color:#3b82f6}.dcl-btn:disabled{opacity:.4;cursor:not-allowed}.dcl-btn-orange{border-color:#f60;color:#fb923c}.dcl-label-purple{border:2px solid #9333EA;background:#1c1c1c;border-radius:10px;padding:4px 8px;font-size:12px;color:#c084fc}.v2-toggle-row{display:grid;gap:10px}.v2-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0}.v2-toggle-input{margin-right:10px;appearance:none;-webkit-appearance:none;width:22px;height:22px;border:1.6px solid rgba(148,163,184,.9);border-radius:7px;background:#fffffffa;cursor:pointer;position:relative;flex:0 0 22px;box-shadow:0 2px 8px #0f172a26;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .08s ease}.v2-toggle-input:before{display:none}.v2-toggle-input:after{content:"";position:absolute;left:5px;top:6px;width:9px;height:5px;border-left:2.2px solid #ffffff;border-bottom:2.2px solid #ffffff;transform:rotate(-45deg) scale(0);transform-origin:center;transition:transform .14s ease}.v2-toggle-input:hover{border-color:#2563ebd9;box-shadow:0 0 0 3px #2563eb24}.v2-toggle-input:checked{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#1d4ed8}.v2-toggle-input:checked:after{transform:rotate(-45deg) scale(1)}.v2-toggle-input:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb38}.v2-toggle-input:active{transform:scale(.97)}.v2-toggle-label{font-size:14px;color:#e2e8f0e6;font-weight:600;line-height:1.5;min-width:0;overflow-wrap:break-word;justify-content:center}.v2-check-row{display:grid;gap:6px}.v2-checkbox-modern{display:inline-flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none;cursor:pointer}.v2-checkbox-modern input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;padding:15px;margin-right:10px;border-radius:6px;border:1px solid rgba(15,23,42,.25);background:#ffffffe6;box-shadow:0 1px 2px #0f172a14;display:inline-grid;place-content:center;transition:background .14s ease,border-color .14s ease,transform 80ms ease}.v2-checkbox-modern input[type=checkbox]:hover{border-color:#4f46e58c}.v2-checkbox-modern input[type=checkbox]:active{transform:scale(.96)}.v2-checkbox-modern input[type=checkbox]:after{content:"";width:9px;height:5px;border-left:2px solid rgb(253,3,3);border-bottom:2px solid rgb(247,3,3);transform:rotate(-45deg) scale(0);transform-origin:center;transition:transform .12s ease}.v2-checkbox-modern input[type=checkbox]:checked{background:#a70275fa;border-color:#4f46e5f2}.v2-checkbox-modern input[type=checkbox]:checked:after{transform:rotate(-45deg) scale(1)}.v2-check-label{font-size:13px;font-weight:650;border:#021ff8;color:#014bf8e0}.v2-check-hint{font-size:12px;color:#64748bf2;padding-left:28px}.range-indigo{-webkit-appearance:none;width:100%;background:transparent}.range-indigo::-webkit-slider-runnable-track{width:100%;height:4px;background:#334155;border-radius:2px}.range-indigo::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;border-radius:9999px;background:#6366f1;cursor:pointer;margin-top:-7px;box-shadow:0 0 10px #6366f166;transition:all .2s ease}.range-indigo:active::-webkit-slider-thumb{transform:scale(1.2)}.btn-play{background-color:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{filter:brightness(.95)}.btn-secondary{background-color:var(--surface-2);color:var(--text);border-color:var(--border)}.btn-secondary:hover{filter:brightness(.98)}.angle-converter-formula .katex{font-size:.8em!important;color:#f3f3f8!important;font-weight:500!important}.angle-converter-formula .katex-display{margin:.5em 0!important;text-align:center!important}.angle-converter-formula .katex .mord,.angle-converter-formula .katex .mbin,.angle-converter-formula .katex .mrel{color:#eceaf0!important}.angle-converter-formula .katex .mfrac{border-color:#6366f1!important}.angle-converter-formula .katex .frac-line{border-bottom-color:#6366f1!important}.v2-angle-converter{width:100%!important;max-width:100%!important;overflow:hidden!important}.v2-angle-converter *{max-width:100%!important;box-sizing:border-box!important}.v2-angle-converter div[style*="display: flex"]{flex-wrap:wrap!important;max-width:100%!important}.v2-angle-converter div[style*="width: 150"],.v2-angle-converter div[style*="width: 210"],.v2-angle-converter div[style*="minWidth: 120"]{max-width:100%!important;width:auto!important;min-width:auto!important}.v2-warning-card{margin-top:12px;background-color:#fef3c7;border-color:#f60;border-width:2px;animation:fadeIn .3s ease-in}.v2-warning-content{display:flex;align-items:flex-start;gap:10px}.v2-warning-icon{background-color:#f59e0b;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.v2-warning-title{font-weight:600;color:#92400e;margin-bottom:4px}.v2-warning-text{color:#92400e;font-size:.9em}.sidebar-icon-emoji{font-size:1.4rem;line-height:1;width:28px;display:inline-flex;align-items:center;justify-content:center}.sidebar.collapsed .sidebar-icon-emoji{margin:0 auto}.muted{margin:10px 0 20px;color:#fdc17c}.muted-formula{height:40px;padding:6px;color:#c26fd3;border:1px solid #a998f8;border-radius:6px}.muted-resultado{height:25px;padding-left:5px;margin:0 0 0 5px;color:#6866ee;border:1px solid #a998f8}.v2-card-title{padding-top:15px;font-weight:600;margin-bottom:8px;color:#fff}.grid-dots{background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:40px 40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes subtle-pulse{0%,to{box-shadow:inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0000001a,0 4px 12px #00000026}50%{box-shadow:inset 0 2px 6px #ffffff26,inset 0 -2px 6px #0000000d,0 6px 16px #0003}}.v2-checkbox-pill-container{display:flex;align-items:center;gap:10px;margin:8px 0}.v2-checkbox-pill{appearance:none;width:40px;height:20px;border:2px solid rgba(226,232,240,.3);border-radius:20px;background:#0000004d;cursor:pointer;position:relative;transition:all .3s ease}.v2-checkbox-pill:before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#e2e8f0cc;transition:all .3s ease}.v2-checkbox-pill:hover{border-color:#60a5fa99}.v2-checkbox-pill:checked{background:#60a5facc;border-color:#60a5fa}.v2-checkbox-pill:checked:before{left:22px;background:#fff}.v2-checkbox-pill-label{color:#e2e8f0cc;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}:root{overflow:hidden;--bg-dark-fondo: #000000;--bg-dark-fondo-altenativo: #1C1C1C;--bg-dark-fuerte: #FF0000;--bg-dark-medio: #FF4500;--bg-dark-claro: #FFA500;--text-dark-fuerte: #FF6600;--text-dark-medio: #FF8C00;--text-dark-claro: #FFD580;--hover_dark: `#FFC300;--border-dark: #FF6600;--navbar-height: 150px;--sidebar-width-expanded: 280px;--sidebar-width-collapsed: 80px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--indent-step: 24px;--border-radius: 8px}.page-root{display:flex;flex-direction:column;gap:var(--spacing-xl)}.navbar{display:flex;align-items:center;padding:0 var(--spacing-lg);height:var(--navbar-height);background:linear-gradient(135deg,#000 20%,#ffa60046 40%,#ffa600af,#ffa60046 60%,#000 80%);color:var(--text-light-primary);border-bottom:2px solid rgba(139,92,246,.3);box-shadow:0 4px 12px #0000004d;flex-shrink:0}.navbar-logo-link{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none!important;color:inherit}.navbar-logo-img{height:130px;width:auto}.navbar-title{font-size:1.25rem}.navbar-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#fa0202,#ffa600);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tema-card{background-color:var(--card-bg);border-color:var(--border);color:var(--text)}.tema-card:hover{background-color:var(--surface-3);box-shadow:0 8px 20px #8b5cf64d}.tema-card-title{color:var(--text-light-primary)}.tema-card-desc{color:var(--text-secondary)}.tema-card-btn{background:linear-gradient(135deg,#000,#ff8c20);margin:10px;padding:10px;color:#ffcca3;border-color:#0e0906}.tema-card-btn:hover{background:#f60}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:.75rem;font-size:.875rem}.v2-panel{border-radius:1rem;padding:.75rem;background:#0f172a8c;border:1px solid rgba(148,163,184,.15)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.fixed-height-text{max-height:9.5rem;overflow:auto}.uc-page{padding:16px}.uc-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.uc-headerLeft{display:grid;gap:6px}.uc-title{margin:0;color:#fff}.uc-subtitle{margin-top:0;color:#ffffffa6}.uc-headerRight{display:flex;gap:8px;flex-wrap:wrap}.uc-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.uc-chip{font-size:.85rem;padding:4px 10px;border-radius:19px;border:1px solid rgba(0,0,0,.12);background:#00000008}.uc-chipCategory{border-color:#6366f140!important;background:#0307fa69!important;color:#ffffffeb!important;padding:10px 12px!important}.uc-chipBase{display:flex;align-items:center;gap:8px;border-color:#10b98140!important;background:#10b9811f!important;color:#ffffffeb!important;padding:10px 12px!important;min-width:120px}.uc-chipLabel{font-size:11px;letter-spacing:1px;opacity:.9}.uc-chipValue{font-weight:800}.uc-btn{height:44px;width:130px;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:transparent;border:0;border-radius:10px;font-weight:700;cursor:pointer}.uc-btnPreset{height:44px;width:120px;display:flex;justify-content:center;align-items:center;padding:10px;background:transparent;border:0;border-radius:10px;font-weight:700;cursor:pointer}.uc-cardTop{margin-top:12px;background-color:#00000080}.uc-topGrid{display:grid;gap:10px}.uc-mutedSmall{font-size:12px}.uc-presetRow{display:flex;gap:18px;flex-wrap:wrap;background-color:#0000}.uc-grid2{display:grid;grid-template-columns:1.35fr .65fr;gap:12px;margin-top:12px}.uc-left{display:grid;gap:12px}.uc-field{display:grid;gap:6px}.uc-mainRow{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:start}.uc-col{display:grid;gap:6px}.uc-twoCols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.uc-btnSwap{height:35px;width:35px;padding-top:4px;align-self:start;margin-top:55px}.uc-resultBox{display:flex;height:40px;align-items:center;justify-content:space-between;gap:8px}.uc-resultPanel{display:grid;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#0f172a8c}.uc-resultMain{display:flex;align-items:baseline;gap:8px;min-width:0}.uc-resultValue{color:#ffffffeb;font-weight:800;overflow-wrap:anywhere}.uc-resultUnit{font-size:12px;color:#ffffffb3;white-space:nowrap}.uc-notationGrid{display:grid;gap:4px;font-size:12px;color:#ffffffdb;overflow-wrap:anywhere}.uc-footNote{font-size:12px;line-height:1.4}.uc-right{display:grid;gap:10px}.uc-rightTop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.uc-rightTitle{font-weight:800;color:#ffffffeb}.uc-divider{border-top:1px solid rgba(255,255,255,.08)}.uc-summary{display:grid;gap:8px}.uc-summaryCard{background:#ffffff08!important}.uc-summaryInner{display:grid;gap:6px}.uc-summaryLeft{color:#ffffffeb;font-weight:700}.uc-arrow{font-size:12px}.uc-summaryRight{color:#ffffffeb;font-weight:800}.uc-tip{font-size:12px;line-height:1.45}.uc-status{display:grid;gap:8px}.uc-statusLines{display:grid;gap:6px;font-size:12px;color:#ffffffd9}.uc-input select,.uc-input{background-color:#1e293b!important;color:#fff!important;border:1px solid #475569!important;border-radius:6px!important;padding:8px 12px!important;transition:all .2s ease!important}@media(max-width:980px){.uc-grid2{grid-template-columns:1fr}.uc-mainRow{grid-template-columns:1fr;align-items:stretch}.uc-btnSwap{width:100%}}.uc-page.compact{padding:12px}.uc-page.compact .uc-grid2{grid-template-columns:1fr;margin-top:8px}.uc-page.compact .uc-right{display:none}.uc-page.compact .uc-header{flex-direction:column;gap:6px;margin-bottom:8px}.uc-page.compact .uc-headerLeft{gap:4px}.uc-page.compact .uc-title{font-size:16px;margin:0}.uc-page.compact .uc-subtitle{font-size:12px;margin:0}.uc-page.compact .uc-headerRight{width:100%;justify-content:flex-start}.uc-page.compact .uc-chips{margin-top:4px;gap:6px}.uc-page.compact .uc-chipCategory,.uc-page.compact .uc-chipBase{padding:6px 10px!important;font-size:11px}.uc-page.compact .uc-cardTop{margin-top:8px;padding:10px}.uc-page.compact .uc-topGrid{gap:8px}.uc-page.compact .uc-presetRow{gap:6px}.uc-page.compact .uc-btnPreset{width:auto;min-width:70px;font-size:11px;padding:6px 8px;height:32px}.uc-page.compact .uc-left{gap:10px}.uc-page.compact .uc-mainRow{grid-template-columns:1fr;gap:12px}.uc-page.compact .uc-btnSwap{width:100%;height:36px;margin-top:0}.uc-page.compact .uc-resultValue{font-size:14px}.uc-page.compact .uc-resultPanel{padding:10px}.uc-page.compact .uc-notationGrid{font-size:11px}.uc-page.compact .uc-footNote{font-size:11px;margin-top:8px}.uc-page.compact .uc-col{gap:4px}.uc-page.compact .uc-twoCols{gap:8px}.uc-page.compact .uc-mutedSmall{font-size:11px}.uc-page.compact .uc-input{padding:6px 10px!important;font-size:13px}.phyxio-agent-floating{position:fixed;z-index:9999;pointer-events:none;overflow:visible}.phyxio-agent-floating{position:fixed;z-index:9999;width:180px;height:180px;pointer-events:none;overflow:visible}.phyxio-agent-floating__bubble{position:absolute;width:min(520px,calc(100vw - 2rem));max-height:min(720px,calc(100vh - 7rem));overflow:auto;border:1px solid rgba(96,165,250,.35);border-radius:22px;background:#080d1cf5;box-shadow:0 24px 70px #0000006b,0 0 0 1px #ffffff08 inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;animation:phyxioAgentBubbleIn .16s ease-out}.phyxio-agent-floating--up-left .phyxio-agent-floating__bubble{right:0;bottom:calc(100% + .75rem)}.phyxio-agent-floating--up-right .phyxio-agent-floating__bubble{left:0;bottom:calc(100% + .75rem)}.phyxio-agent-floating--down-left .phyxio-agent-floating__bubble{right:0;top:calc(100% + .75rem)}.phyxio-agent-floating--down-right .phyxio-agent-floating__bubble{left:0;top:calc(100% + .75rem)}.phyxio-agent-floating__bubble{width:min(520px,calc(100vw - 2rem));max-height:min(720px,calc(100vh - 7rem));overflow:auto;border:1px solid rgba(96,165,250,.35);border-radius:22px;background:#080d1cf5;box-shadow:0 24px 70px #0000006b,0 0 0 1px #ffffff08 inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;animation:phyxioAgentBubbleIn .16s ease-out}.phyxio-agent-floating__topbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:.75rem .85rem;border-bottom:1px solid rgba(148,163,184,.18);background:#080d1cfa}.phyxio-agent-floating__identity{display:inline-flex;align-items:center;gap:.45rem;color:#f8fafc;font-weight:700;letter-spacing:.02em}.phyxio-agent-floating__close{width:2rem;height:2rem;border:1px solid rgba(148,163,184,.22);border-radius:999px;background:#0f172acc;color:#e5e7eb;cursor:pointer;font-size:1.15rem;line-height:1}.phyxio-agent-floating__close:hover{border-color:#f8fafc6b;background:#1e293bf2}.phyxio-agent-floating__avatar-button{pointer-events:auto;position:relative;display:grid;place-items:center;width:180px!important;height:180px!important;padding:0!important;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;overflow:visible;transition:transform .22s ease}.phyxio-agent-floating__avatar-button:hover{transform:translateY(-4px) scale(1.04);background:transparent;box-shadow:none;border-color:transparent}.phyxio-agent-floating__avatar-button.is-open{background:transparent;box-shadow:none;border-color:transparent}.phyxio-agent-floating__avatar-button,.phyxio-agent-floating__avatar-button:hover,.phyxio-agent-floating__avatar-button:focus,.phyxio-agent-floating__avatar-button:active,.phyxio-agent-floating__avatar-button:focus-visible{appearance:none!important;-webkit-appearance:none!important;width:180px!important;height:180px!important;padding:0!important;margin:0!important;border:0!important;outline:none!important;border-radius:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;filter:none!important;display:grid;place-items:center;cursor:pointer;pointer-events:auto;overflow:visible;transition:transform .22s ease!important}.phyxio-agent-floating__avatar-button:hover{transform:translateY(-4px) scale(1.34)!important}.phyxio-agent-floating__avatar{width:150px!important;height:150px!important;max-width:none!important;max-height:none!important;display:block;object-fit:contain;transform:scale(1.35);transform-origin:center;background:transparent!important;box-shadow:none!important;filter:none!important;-webkit-user-select:none;user-select:none;pointer-events:none}@media(max-width:720px){.phyxio-agent-floating{right:.75rem;bottom:.75rem}.phyxio-agent-floating__bubble{width:calc(100vw - 1.5rem);max-height:calc(100vh - 6.5rem);border-radius:18px}.phyxio-agent-floating__avatar-button{width:120px!important;height:120px!important}.phyxio-agent-floating__avatar{width:105px;height:105px;transform:scale(1.2)}}@keyframes phyxioAgentBubbleIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.phyxio-agent-panel{border:1px solid rgba(148,163,184,.25);border-radius:18px;padding:1.25rem;background:#0f172ab8;color:#e5e7eb;box-shadow:0 18px 50px #0000002e}.phyxio-agent-panel__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.phyxio-agent-panel__title{margin:0;font-size:1.25rem}.phyxio-agent-panel__subtitle{margin:.25rem 0 0;color:#94a3b8;font-size:.92rem}.phyxio-agent-panel__badge{white-space:nowrap;border-radius:999px;padding:.25rem .65rem;background:#3b82f624;border:1px solid rgba(96,165,250,.28);color:#bfdbfe;font-size:.78rem}.phyxio-agent-panel__form{display:grid;gap:.65rem}.phyxio-agent-panel__label{font-size:.85rem;color:#cbd5e1}.phyxio-agent-panel__select,.phyxio-agent-panel__textarea{width:100%;border:1px solid rgba(148,163,184,.28);border-radius:12px;background:#0206178c;color:#f8fafc;padding:.75rem;outline:none}.phyxio-agent-panel__textarea{resize:vertical}.phyxio-agent-panel__button{justify-self:start;border:0;border-radius:999px;padding:.65rem 1rem;background:#2563eb;color:#fff;cursor:pointer;font-weight:600}.phyxio-agent-panel__button:disabled{opacity:.45;cursor:not-allowed}.phyxio-agent-panel__error,.phyxio-agent-panel__warning{margin-top:1rem;border-radius:12px;padding:.8rem}.phyxio-agent-panel__error{background:#ef444421;border:1px solid rgba(248,113,113,.28);color:#fecaca}.phyxio-agent-panel__warning{background:#f59e0b21;border:1px solid rgba(251,191,36,.28);color:#fde68a}.phyxio-agent-answer{margin-top:1rem;border-top:1px solid rgba(148,163,184,.2);padding-top:1rem}.phyxio-agent-answer__header{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem;color:#93c5fd;font-size:.82rem}.phyxio-agent-answer__text{line-height:1.65;color:#f8fafc}.phyxio-agent-answer__block{margin-top:1rem}.phyxio-agent-answer__block h3{margin:0 0 .5rem;font-size:.95rem;color:#dbeafe}.phyxio-agent-answer__chips,.phyxio-agent-answer__suggestions{display:flex;flex-wrap:wrap;gap:.5rem}.phyxio-agent-suggestion{border:1px solid rgba(125,211,252,.28);border-radius:999px;background:#0ea5e91f;color:#e0f2fe;cursor:pointer;font:inherit;font-size:.85rem;line-height:1.25;max-width:100%;padding:.35rem .65rem;text-align:left}.phyxio-agent-suggestion:hover{background:#0ea5e933;border-color:#7dd3fc73}.phyxio-agent-chip{border-radius:999px;padding:.25rem .6rem;background:#0f172abf;border:1px solid rgba(148,163,184,.28);color:#e0f2fe;font-size:.82rem;max-width:100%;white-space:normal;line-height:1.35}.phyxio-agent-panel__title{display:inline-block;background:transparent;color:#fb923c;margin:0;padding:0;font-size:1.25rem}.phyxio-agent-panel--compact{border:0;border-radius:0;background:transparent;box-shadow:none}.phyxio-agent-panel--compact .phyxio-agent-panel__header{display:none}.phyxio-agent-answer__text p{margin:0 0 .85rem}.phyxio-agent-answer__text p:last-child{margin-bottom:0}.phyxio-agent-answer__formula-line{overflow-x:auto}.phyxio-agent-answer__formula-line .katex{font-size:1em;white-space:nowrap}.phyxio-agent-structured{color:#f8fafc;line-height:1.65}.phyxio-agent-structured p{margin:0 0 .85rem}.phyxio-agent-structured__context{color:#bfdbfe;font-weight:600}.phyxio-agent-structured__section{margin:.85rem 0}.phyxio-agent-structured__section h4{margin:0 0 .45rem;color:#dbeafe;font-size:.9rem}.phyxio-agent-structured__section ol,.phyxio-agent-structured__section ul{margin:0;padding-left:1.25rem}.phyxio-agent-structured__section li{margin:.25rem 0;overflow-x:auto}.phyxio-agent-structured__section .katex{white-space:nowrap}.phyxio-agent-structured__item-button{display:inline-flex;align-items:baseline;gap:.25rem;max-width:100%;padding:0;border:0;background:transparent;color:#bfdbfe;cursor:pointer;font:inherit;text-align:left;text-decoration:underline;text-decoration-color:#93c5fd59;text-underline-offset:.18em}.phyxio-agent-structured__item-button:hover{color:#e0f2fe;text-decoration-color:#e0f2fecc}.phyxio-agent-structured__item-button:focus-visible{outline:2px solid rgba(125,211,252,.75);outline-offset:3px;border-radius:.25rem}.phyxio-agent-structured__next{color:#fde68a}.phyxio-agent-local-matches{display:grid;gap:.5rem}.phyxio-agent-local-match{display:grid;grid-template-columns:auto 1fr;gap:.25rem .6rem;width:100%;padding:.65rem .75rem;border:1px solid rgba(148,163,184,.25);border-radius:.75rem;background:#0f172a94;color:#f8fafc;cursor:pointer;font:inherit;text-align:left}.phyxio-agent-local-match:hover{border-color:#7dd3fc80;background:#0ea5e91f}.phyxio-agent-local-match:focus-visible{outline:2px solid rgba(125,211,252,.75);outline-offset:2px}.phyxio-agent-local-match__type{align-self:start;padding:.12rem .45rem;border-radius:999px;background:#3b82f629;color:#bfdbfe;font-size:.72rem;font-weight:700;line-height:1.3;text-transform:uppercase}.phyxio-agent-local-match__title{display:inline-flex;align-items:baseline;gap:.25rem;min-width:0;font-weight:700;line-height:1.35}.phyxio-agent-local-match__equation,.phyxio-agent-local-match__topic{grid-column:2;min-width:0;color:#cbd5e1;font-size:.82rem;line-height:1.35;overflow-x:auto}.phyxio-agent-local-match__equation .katex{font-size:.95em;white-space:nowrap}.phyxio-agent-chip--formula{display:inline-flex;align-items:center;gap:.25rem;flex-wrap:wrap}.phyxio-agent-chip--formula .katex{font-size:.95em}.phyxio-agent-answer__math{margin:.75rem 0 1rem;padding:.65rem .85rem;border:1px solid rgba(148,163,184,.22);border-radius:.75rem;background:#0f172a73;overflow-x:auto}.phyxio-agent-answer__math .katex-display{margin:0}.phyxio-agent-answer__math .katex{font-size:1.05em}.phyxio-agent-selected-preview{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.45rem;padding:.65rem .75rem;border:1px solid rgba(148,163,184,.25);border-radius:.75rem;background:#0f172a73;color:#e5e7eb}.phyxio-agent-selected-preview__label{color:#93c5fd;font-size:.85rem}.phyxio-agent-selected-preview__name{font-weight:700}.phyxio-agent-selected-preview__math{padding:.15rem .45rem;border-radius:999px;background:#1e293bcc;border:1px solid rgba(148,163,184,.25)}.phyxio-agent-selected-preview__unit{color:#fde68a;font-size:.9rem}.phyxio-agent-tab-link{display:inline-flex;align-items:center;justify-content:center;width:fit-content;margin-top:.35rem;padding:.45rem .75rem;border-radius:999px;border:1px solid rgba(120,160,255,.35);background:#78a0ff1f;color:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .15s ease}.phyxio-agent-tab-link:hover{background:#78a0ff33;border-color:#78a0ff8c;transform:translateY(-1px)}