@tailwind base;@tailwind components;@tailwind utilities;:root{--background: 0 0% 100%;--foreground: 0 0% 3.9%;--card: 0 0% 100%;--card-foreground: 0 0% 3.9%;--popover: 0 0% 100%;--popover-foreground: 0 0% 3.9%;--primary: 0 0% 9%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 96.1%;--secondary-foreground: 0 0% 9%;--muted: 0 0% 96.1%;--muted-foreground: 0 0% 45.1%;--accent: 0 0% 96.1%;--accent-foreground: 0 0% 9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 89.8%;--input: 0 0% 89.8%;--ring: 0 0% 3.9%;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%;--radius: .5rem;--sidebar-background: 0 0% 98%;--sidebar-foreground: 240 5.3% 26.1%;--sidebar-primary: 240 5.9% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 240 4.8% 95.9%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 220 13% 91%;--sidebar-ring: 217.2 91.2% 59.8%}.dark{--background: 0 0% 3.9%;--foreground: 0 0% 98%;--card: 0 0% 3.9%;--card-foreground: 0 0% 98%;--popover: 0 0% 3.9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 0 0% 9%;--secondary: 0 0% 14.9%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 14.9%;--muted-foreground: 0 0% 63.9%;--accent: 0 0% 14.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 0 0% 14.9%;--input: 0 0% 14.9%;--ring: 0 0% 83.1%;--chart-1: 220 70% 50%;--chart-2: 160 60% 45%;--chart-3: 30 80% 55%;--chart-4: 280 65% 60%;--chart-5: 340 75% 55%;--sidebar-background: 240 5.9% 10%;--sidebar-foreground: 240 4.8% 95.9%;--sidebar-primary: 224.3 76.3% 48%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 240 3.7% 15.9%;--sidebar-accent-foreground: 240 4.8% 95.9%;--sidebar-border: 240 3.7% 15.9%;--sidebar-ring: 217.2 91.2% 59.8%}html{scroll-behavior:smooth;font-size:16px}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}body{color:hsl(var(--foreground));background-color:hsl(var(--background));overscroll-behavior:none;font-synthesis-weight:none}html>body *{border-color:hsl(var(--border))}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:5px}*{scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent}.tag-sweep{position:relative;background-image:linear-gradient(90deg,#0ea5e91a,#6366f11a);background-size:200% 100%;background-position:0% 50%;transition:background-position .3s ease,color .2s ease,border-color .2s ease;border-color:#0ea5e940;will-change:background-position}.music-glow-mask{background:radial-gradient(100% 100% at 50% 50%,rgba(56,189,248,.15),rgba(99,102,241,.15) 40%,transparent 70%);animation:musicPulse 2.2s ease-in-out infinite}@keyframes musicPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:1}}@keyframes rainbowMove{0%{background-position:0% 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(180deg)}to{background-position:0% 50%;filter:hue-rotate(360deg)}}.hero-card:after{content:"";position:absolute;inset:-2px;border-radius:1rem;pointer-events:none;z-index:0;opacity:0;transition:opacity .4s ease;background:linear-gradient(90deg,#3b82f659,#10b98159,#6366f159,#0ea5e959);background-size:400% 400%;filter:blur(12px) saturate(1.05)}.music-playing .hero-card:after{opacity:.6;animation:rainbowMove 10s linear infinite}.tag-sweep:hover,.group:hover .tag-sweep{background-position:100% 50%}.dark .tag-sweep{background-image:linear-gradient(90deg,#7dd3fc1f,#a5b4fc1f);border-color:#7dd3fc40}.tag-sweep:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--ring))}@keyframes pulse-highlight{0%,to{opacity:1;transform:scale(1);background-color:#fef3c7;border-color:#fcd34d;box-shadow:0 0 0 2px #fcd34d4d}50%{opacity:1;transform:scale(1.08);background-color:#fef3c7;border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b66}}.animate-pulse-highlight{animation:pulse-highlight .75s ease-in-out 2}.dark .animate-pulse-highlight{animation-name:pulse-highlight-dark}@keyframes pulse-highlight-dark{0%,to{opacity:1;transform:scale(1);background-color:#fbbf2426;border-color:#fbbf244d;box-shadow:0 0 0 2px #fbbf2433}50%{opacity:1;transform:scale(1.08);background-color:#fbbf2440;border-color:#fbbf2480;box-shadow:0 0 0 4px #fbbf244d}}@media (prefers-reduced-motion: reduce){.tag-sweep{transition:none;background-size:100% 100%;background-position:0 0}.animate-pulse{animation:none}}