@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--coral:#ff6b6b;--peach:#ff9f43;--mint:#6bcb77;--sky:#4ecdc4;--lavender:#c77dff;--pink:#ff6b9d;--yellow:#ffd93d;--navy:#1b2a4a;--ink:#1a1410;--muted:#9a8f88;--border:#ede8e0;--cream:#fff9f0}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--cream);color:var(--ink)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}}@layer utilities{.font-fraunces{font-family:Fraunces,serif}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes popIn{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@keyframes lyricIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-up{animation:fadeUp .5s ease forwards;opacity:0}.animate-bounce-slow{animation:bounce 1.2s ease infinite}.animate-spin-slow{animation:spin 1.8s linear infinite}.animate-pulse-slow{animation:pulse 1.8s ease infinite}.animate-pop-in{animation:popIn .4s ease}.animate-lyric-in{animation:lyricIn .35s cubic-bezier(.34,1.56,.64,1) forwards}