@tailwind base;@tailwind components;@tailwind utilities;:root{--apple-red: #fa233b;--apple-gray: #86868b;--bg-light: #f5f5f7;--bg-dark: #000000}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass{backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:#0000000d}.dark .glass{background:#000000b3}.sidebar-item{@apply flex items-center space-x-3 px-4 py-2.5 rounded-lg transition-all duration-200 text-[14px] font-medium;}.sidebar-item-active{@apply bg-[#fa233b] text-white shadow-lg shadow-red-500/20;}.sidebar-item-inactive{@apply text-[#1d1d1f] dark:text-[#f5f5f7] hover:bg-black/5 dark:hover:bg-white/10;}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.dark ::-webkit-scrollbar-thumb{background:#ffffff1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.player-gradient{background:linear-gradient(to bottom,transparent,rgba(0,0,0,.05))}.dark .player-gradient{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.05))}