:root{--learnapy-primary: #58CC02;--learnapy-secondary: #46A302;--learnapy-background: #F8F7F4;--learnapy-text: #1A1A1A;--learnapy-text-secondary: #6B6B6B;--learnapy-success: #58CC02;--learnapy-error: #EF4444;--learnapy-warning: #F59E0B;--learnapy-card: #FFFFFF;--learnapy-border: #EBE9E3;--learnapy-pill: #F3F2EE;--learnapy-primary-soft: #ECFCE5;--learnapy-primary-soft-border: #89d348;--learnapy-correct-bg: #ECFCE5;--learnapy-correct-text: #1a5200;--learnapy-error-bg: #FEF2F2;--learnapy-error-text: #991B1B;--learnapy-error-shadow: #DC2626;--learnapy-accent-blue: #3B82F6;--learnapy-accent-blue-shadow: #2563EB;--learnapy-shadow-card: 0 1px 2px rgba(26, 26, 26, .04), 0 2px 8px rgba(26, 26, 26, .04);--learnapy-shadow-card-hover: 0 2px 4px rgba(26, 26, 26, .06), 0 8px 24px rgba(26, 26, 26, .08);--learnapy-shadow-modal: 0 8px 16px rgba(26, 26, 26, .08), 0 24px 64px rgba(26, 26, 26, .18);--learnapy-overlay: rgba(24, 22, 18, .45);--font-heading: "Lexend", system-ui, sans-serif;--font-body: "Lexend", system-ui, sans-serif;color:var(--learnapy-text);font-family:var(--font-body);letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:var(--learnapy-background);color:var(--learnapy-text);font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}*,*:before,*:after{box-sizing:border-box}::selection{background:var(--learnapy-primary-soft);color:var(--learnapy-correct-text)}button{transition:transform .12s ease,box-shadow .12s ease,background-color .15s ease,border-color .15s ease,opacity .15s ease}:focus-visible{outline:2.5px solid var(--learnapy-primary);outline-offset:2px;border-radius:4px}input,textarea,select{transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus,select:focus{border-color:var(--learnapy-primary)!important;box-shadow:0 0 0 3px #58cc021f;outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d8d5ce;border-radius:8px;border:2px solid var(--learnapy-background)}::-webkit-scrollbar-thumb:hover{background:#c4c1b9}.section-card{background:var(--learnapy-card);border-radius:16px;border:1px solid var(--learnapy-border);padding:1.25rem}.list{display:grid;gap:1rem}.lp-card{background:var(--learnapy-card);border:1px solid var(--learnapy-border);box-shadow:var(--learnapy-shadow-card);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.lp-card-hover:hover{box-shadow:var(--learnapy-shadow-card-hover);transform:translateY(-1px);border-color:#dedbd3}.lp-nav{position:sticky;top:0;z-index:200;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes exerciseSlideIn{0%{opacity:0;transform:translate(48px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.exercise-slide-in{animation:exerciseSlideIn .35s cubic-bezier(.22,1,.36,1) both}@keyframes lpModalIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.lp-modal-in{animation:lpModalIn .22s cubic-bezier(.22,1,.36,1) both}@keyframes lpFadeIn{0%{opacity:0}to{opacity:1}}.lp-overlay-in{animation:lpFadeIn .18s ease both}.lp-hscroll{scrollbar-width:none;-ms-overflow-style:none}.lp-hscroll::-webkit-scrollbar{display:none}@keyframes lpBounce{0%,80%,to{transform:translateY(0);opacity:.55}40%{transform:translateY(-45%);opacity:1}}@keyframes lpCorrectPop{0%{opacity:0;transform:scale(.3) rotate(-8deg)}35%{opacity:1;transform:scale(1.18) rotate(3deg)}55%{transform:scale(.96) rotate(0)}72%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:scale(1.08)}}.lp-correct-pop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:.4rem;pointer-events:none;z-index:60;font-family:var(--font-heading);font-weight:900;font-size:clamp(2.4rem,10vw,5rem);color:var(--learnapy-primary, #58CC02);-webkit-text-stroke:3px #FFFFFF;paint-order:stroke fill;text-shadow:0 6px 0 rgba(0,0,0,.12);animation:lpCorrectPop .95s cubic-bezier(.22,1.2,.36,1) forwards}@media (prefers-reduced-motion: reduce){*:not(.allow-motion),*:not(.allow-motion):before,*:not(.allow-motion):after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.lp-code-input::placeholder{text-transform:none;letter-spacing:normal;font-family:var(--font-body);font-weight:600;font-size:.9rem;color:#b0ada6}