:root{--color-primary: #6366f1;--color-secondary: #f43f5e;--color-success: #22c55e;--color-warning: #eab308;--color-bg: #f8fafc;--color-card: #ffffff;--color-text: #1e293b;--color-text-light: #64748b;--color-border: #e2e8f0;--answer-red: #ef4444;--answer-blue: #3b82f6;--answer-yellow: #eab308;--answer-green: #22c55e;--radius: 16px;--shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-pop-in{animation:popIn .3s ease-out}.animate-shake{animation:shake .4s ease-in-out}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}