:root{--color-primary: #58CC02;--color-primary-dark: #46A302;--color-primary-light: #89E219;--color-secondary: #1CB0F6;--color-secondary-dark: #0995D3;--color-bg-main: #FFFFFF;--color-bg-card: #F7F7F7;--color-bg-dark: #131F24;--color-text-primary: #3C3C3C;--color-text-secondary: #777777;--color-text-on-dark: #FFFFFF;--color-text-on-primary: #FFFFFF;--color-correct: #58CC02;--color-correct-bg: #D7FFB8;--color-incorrect: #FF4B4B;--color-incorrect-bg: #FFDFE0;--color-warning: #FFC800;--color-lectora: #CE82FF;--color-m1: #1CB0F6;--color-m2: #FF9600;--color-historia: #FF86D0;--color-ciencias: #2EE59D;--color-xp: #FFC800;--color-streak: #FF9600;--color-level-bar: #58CC02;--color-border: #E5E5E5;--color-shadow: rgba(0, 0, 0, .08);--color-overlay: rgba(0, 0, 0, .5);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-weight-regular: 400;--font-weight-medium: 600;--font-weight-bold: 700;--font-weight-extra: 800;--shadow-sm: 0 2px 4px var(--color-shadow);--shadow-md: 0 4px 12px var(--color-shadow);--shadow-lg: 0 8px 24px var(--color-shadow);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--max-content-width: 600px;--nav-height: 64px;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text-primary);background-color:var(--color-bg-main);line-height:1.5;overflow-x:hidden;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}a{text-decoration:none;color:inherit}button{font-family:var(--font-family);cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}ul,ol{list-style:none}img{max-width:100%;display:block}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-md)}.container{max-width:var(--max-content-width);margin:0 auto;padding:0 var(--space-md);width:100%}.page{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-height) + var(--space-md))}.text-center{text-align:center}.text-bold{font-weight:var(--font-weight-bold)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-4px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-shake{animation:shake .5s ease}.animate-pulse{animation:pulse .4s ease}