@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-color: #030303;--text-primary: #ffffff;--text-secondary: #aaaaaa;--accent: #d0d0d0;--nav-bg: #212121}html{margin:0;padding:0;background:#050505}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:#000;background-attachment:fixed;color:#fff}@layer utilities{.glass-panel{@apply backdrop-blur-2xl bg-black/30 border-t border-white/5 shadow-2xl;}.glass-card{@apply backdrop-blur-xl bg-white/5 border border-white/5 hover:bg-white/10 transition-colors shadow-lg;}}body.hidden *{animation-play-state:paused!important;transition:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#5a5a5a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#717171}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.yt-chip{@apply px-4 py-2 rounded-full border border-white/10 bg-white/5 font-medium text-sm whitespace-nowrap transition-colors hover:bg-white/10 active:bg-white/20;}.yt-chip.active{@apply bg-white text-black border-white;}.yt-card{@apply bg-transparent hover:bg-white/5 p-2 rounded-lg transition-colors cursor-pointer;}.glass-panel{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-bar{background:#212121;border-top:1px solid rgba(255,255,255,.1)}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}@layer utilities{.text-shadow{text-shadow:0 1px 2px rgba(0,0,0,.5)}}