:root{--bg-color: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2a2a2a;--accent-color: #7b1fa2;--accent-hover: #9c27b0;--text-primary: #ffffff;--text-secondary: #aaaaaa;--border-color: #333333;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-primary);height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.font-bold{font-weight:700}.cursor-pointer{cursor:pointer}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.animate-wave{animation:wave 1.2s ease-in-out infinite}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-down{animation:fadeInDown .3s ease-out forwards}