:root{--color-bg: #ffffff;--color-text: #333333;--color-navbar-bg: #ffffff;--color-navbar-text: #000000;--color-button-bg: #000000;--color-button-text: #ffffff;--color-card-bg: #f5f5f5;--color-card-text: #333333;--color-input-bg: #ffffff;--color-input-text: #333333;--color-border: #dddddd;--color-success-bg: #d1fae5;--color-success-text: #065f46;--color-error-bg: #fee2e2;--color-error-text: #991b1b;--color-info-bg: #dbeafe;--color-info-text: #1e3a8a;--color-warning-bg: #fef9c3;--color-warning-text: #92400e;--color-chart-math: rgba(255, 99, 132, 1);--color-chart-phys: rgba(54, 162, 235, 1);--bp-mobile: 640px;--bp-tablet: 1024px;--bp-desktop: 1025px;--space-0: 0rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-2-5: .625rem;--space-3-5: .875rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--fs-h1: clamp(2.25rem, 1.5rem + 2vw, 3rem);--fs-h2: clamp(1.875rem, 1.3rem + 1.5vw, 2.5rem);--fs-h3: clamp(1.5rem, 1.1rem + 1vw, 2rem);--fs-h4: clamp(1.25rem, 1rem + .5vw, 1.5rem);--fs-p: clamp(1rem, .9rem + .5vw, 1.125rem);--fs-small: clamp(.875rem, .8rem + .3vw, 1rem)}[data-theme=dark]{--color-bg: #1a1a1a;--color-text: #f5f5f5;--color-navbar-bg: #262626;--color-navbar-text: #f5f5f5;--color-button-bg: #e5e5e5;--color-button-text: #1a1a1a;--color-card-bg: #333333;--color-card-text: #f5f5f5;--color-input-bg: #262626;--color-input-text: #f5f5f5;--color-border: #444444;--color-success-bg: #065f46;--color-success-text: #d1fae5;--color-error-bg: #7f1d1d;--color-error-text: #fee2e2;--color-info-bg: #1e3a8a;--color-info-text: #dbeafe;--color-warning-bg: #78350f;--color-warning-text: #fef9c3}.skip-link{position:absolute;top:0;left:0;background:#000;color:#fff;padding:var(--space-2) var(--space-4);transform:translateY(-100%);transition:transform .3s;z-index:1000}.skip-link:focus{transform:translateY(0)}html,body{width:100%;height:100%;font-family:Montserrat,sans-serif;background-color:var(--color-bg);color:var(--color-text)}h1{font-size:var(--fs-h1);margin-bottom:var(--space-6)}h2{font-size:var(--fs-h2);margin-bottom:var(--space-5)}h3{font-size:var(--fs-h3);margin-bottom:var(--space-4)}h4{font-size:var(--fs-h4);margin-bottom:var(--space-3)}p{font-size:var(--fs-p);margin-bottom:var(--space-4)}.body-container{padding:100px 34px}.navbar{background-color:var(--color-navbar-bg);color:var(--color-navbar-text)}.btn-primary{background-color:var(--color-button-bg);color:var(--color-button-text)}.btn-success{background-color:var(--color-success-bg);color:var(--color-success-text)}.btn-danger{background-color:var(--color-error-bg);color:var(--color-error-text)}.btn-primary:hover,.btn-success:hover,.btn-danger:hover{filter:brightness(.9);transform:scale(1.03)}.btn-primary:active,.btn-success:active,.btn-danger:active{filter:brightness(.85);transform:scale(.97)}.card{background-color:var(--color-card-bg);color:var(--color-card-text);border:1px solid var(--color-border);padding:var(--space-6);border-radius:var(--space-4);box-shadow:0 2px 8px #0000000d;transition:box-shadow .2s ease}.input{background-color:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-border)}.border-theme{border-color:var(--color-border)}.alert-success{background-color:var(--color-success-bg);color:var(--color-success-text)}.alert-error{background-color:var(--color-error-bg);color:var(--color-error-text)}.alert-info{background-color:var(--color-info-bg);color:var(--color-info-text)}.alert-warning{background-color:var(--color-warning-bg);color:var(--color-warning-text)}.chart-title{color:var(--chart-color)}.module-node{background-color:#fff;border-color:#6b7280}.module-node-completed{background-color:var(--field-color);border-color:var(--field-color)}.module-button{color:var(--color-text);cursor:pointer}.module-button-completed{color:var(--field-color)}.module-button-locked{color:#6b7280;cursor:not-allowed}.progress-bar{width:var(--progress-width)}.bg-theme{background-color:var(--color-bg)}.text-theme{color:var(--color-text)}.bg-card{background-color:var(--color-card-bg)}.text-card{color:var(--color-card-text)}.bg-border{background-color:var(--color-border)}.bg-success{background-color:var(--color-success-bg)}.text-success{color:var(--color-success-text)}.bg-error{background-color:var(--color-error-bg)}.text-error{color:var(--color-error-text)}.bg-info{background-color:var(--color-info-bg)}.text-info{color:var(--color-info-text)}.answer-default{background-color:var(--color-card-bg);color:var(--color-card-text);border-color:var(--color-border)}.answer-selected{background-color:var(--color-info-bg);color:var(--color-info-text);border-color:var(--color-info-text)}.answer-correct{background-color:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-text)}.answer-wrong{background-color:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-text)}.activity-square-active{background-color:var(--color-success-bg);color:var(--color-success-text)}.activity-square-inactive{background-color:var(--color-border);color:var(--color-text)}:root{--motion-duration-fast: .15s;--motion-duration-medium: .3s;--motion-duration-slow: .6s;--motion-ease: cubic-bezier(.4, 0, .2, 1)}body,.navbar,button,.btn-primary,.btn-success,.btn-danger,.card,.input,a{transition:all var(--motion-duration-fast) var(--motion-ease)}.interactive-scale{transition:transform var(--motion-duration-fast) var(--motion-ease)}.interactive-scale:hover,.interactive-scale:focus{transform:scale(var(--interactive-scale, 1.05))}.interactive-scale-110{--interactive-scale: 1.1}.interactive-scale-125{--interactive-scale: 1.25}.fade-in{opacity:0;animation:fadeIn var(--motion-duration-medium) var(--motion-ease) forwards}@keyframes fadeIn{to{opacity:1}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}