*{box-sizing:border-box}body{background:#121212;color:#fff;font-family:Inter,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;min-height:100vh}:root{--green: #1DB954;--green-bright: #1ed760}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px 2px #1db95466}50%{box-shadow:0 0 18px 6px #1db954b3}}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.animate-fade-slide-up{animation:fadeSlideUp .22s ease-out both}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.tabular-nums{font-variant-numeric:tabular-nums}.answer-flash-correct{animation:flashCorrect .6s ease-out forwards}.answer-flash-wrong{animation:flashWrong .6s ease-out forwards}@keyframes flashCorrect{0%{background-color:#1db9544d}to{background-color:#1db9541a}}@keyframes flashWrong{0%{background-color:#f3727f4d}to{background-color:#f3727f0d}}.skeleton{background:linear-gradient(90deg,#1f1f1f 25%,#2a2a2a,#1f1f1f 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.confetti-piece{position:fixed;width:10px;height:10px;animation:confetti-fall linear forwards;pointer-events:none;z-index:9999}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#121212}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}