@tailwind base;@tailwind components;@tailwind utilities;:root{--surface-container-lowest: #0a1128;--surface-dim: #0d1730;--surface: #0d1730;--surface-container-low: #142150;--surface-container: #1a2a63;--surface-container-high: #243677;--surface-container-highest: #2f4390;--surface-bright: #3a4fa0;--surface-variant: #333539;--outline: #8c909f;--outline-variant: #424754;--on-surface: #e2e2e8;--on-surface-variant: #c2c6d6;--primary: #adc6ff;--on-primary: #002e6a;--primary-container: #4d8eff;--primary-fixed: #d8e2ff;--primary-fixed-dim: #adc6ff;--secondary: #c6c6c7;--tertiary: #c0c7d3;--error: #ffb4ab;--error-container: #93000a;--background: #0d1730;--on-background: #e2e2e8;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--accent-purple: #9333ea;--accent-yellow: #eab308;--brand-spotify: #1db954;--brand-apple: #b150e2;--hairline-on-dark: #ffffff1a;--space-base: 8px;--space-gutter: 24px;--space-margin-mobile: 16px;--space-margin-desktop: 64px;--container-max: 1280px}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased}.label-caps{font-size:12px;line-height:1;font-weight:700;text-transform:uppercase;letter-spacing:.1em}@layer utilities{@keyframes flash{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05);opacity:1}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.animate-flash{animation:flash .5s ease-out forwards}.animate-bounce-in{animation:bounce-in .4s cubic-bezier(.175,.885,.32,1.275) forwards}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes fly-out-left{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-160%) rotate(-18deg);opacity:0}}@keyframes fly-out-right{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(160%) rotate(18deg);opacity:0}}@keyframes card-enter{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}@keyframes tear-fall-left{0%{transform:translate(0) rotate(0);opacity:1}18%{transform:translate(-6%,2%) rotate(-5deg);opacity:1}to{transform:translate(-25%,140%) rotate(-35deg);opacity:0}}@keyframes tear-fall-right{0%{transform:translate(0) rotate(0);opacity:1}18%{transform:translate(6%,2%) rotate(5deg);opacity:1}to{transform:translate(25%,140%) rotate(35deg);opacity:0}}.anim-fly-out-left{animation:fly-out-left .45s cubic-bezier(.5,0,.75,0) forwards}.anim-fly-out-right{animation:fly-out-right .45s cubic-bezier(.5,0,.75,0) forwards}.anim-card-enter{animation:card-enter .4s cubic-bezier(.16,1,.3,1) forwards}.anim-tear-fall-left{animation:tear-fall-left .5s cubic-bezier(.55,0,.85,.2) forwards;clip-path:polygon(0 0,55% 0,46% 8%,56% 16%,46% 24%,56% 32%,46% 40%,56% 48%,46% 56%,56% 64%,46% 72%,56% 80%,46% 88%,56% 96%,46% 100%,0 100%)}.anim-tear-fall-right{animation:tear-fall-right .5s cubic-bezier(.55,0,.85,.2) forwards;clip-path:polygon(46% 0,100% 0,100% 100%,46% 100%,56% 96%,46% 88%,56% 80%,46% 72%,56% 64%,46% 56%,56% 48%,46% 40%,56% 32%,46% 24%,56% 16%,46% 8%)}}