*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #00A693;--color-primary-dark: #008578;--color-primary-light: #E6F7F5;--color-black: #000000;--color-grey: #AE9E8B;--color-grey-light: #F7F5F2;--color-white: #FFFFFF;--color-text: #1A1A1A;--color-text-secondary: #6B7280;--color-error: #EF4444;--radius-card: 16px;--radius-input: 12px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .08);--shadow-elevated: 0 8px 40px rgba(0, 0, 0, .12);--color-board-bg: #FFFDF7;--color-board-border: #E8E4DA;--color-correct: #22C55E;--color-incorrect: #EF4444;--color-streak: #F97316;--color-exercise-1: #FF6B6B;--color-exercise-2: #4ECDC4;--color-exercise-3: #45B7D1;--color-exercise-4: #96CEB4;--color-exercise-5: #FFEAA7;--color-exercise-6: #DDA0DD}html,body,#root{height:100%}html{scroll-behavior:smooth}body{font-family:Montserrat,system-ui,sans-serif;background-color:var(--color-white);color:var(--color-text);-webkit-font-smoothing:antialiased}.btn-primary{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-input);padding:.875rem 1.5rem;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:background .2s,opacity .2s;font-family:Montserrat,system-ui,sans-serif}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@keyframes feedbackPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes feedbackFadeOut{0%{opacity:1}to{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes confettiDrop{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(200px) rotate(720deg);opacity:0}}@keyframes streakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes chipSnap{0%{transform:scale(1.15)}to{transform:scale(1)}}