@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Audiowide&display=swap";body{font-family:Poppins,Inter,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);min-height:100vh}.bg-calming-gradient{background:linear-gradient(135deg,#1e293b 0%,#334155 50%,#475569 100%)}.bg-calming-dark{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}.bg-grid-pattern{background-image:linear-gradient(rgba(148,163,184,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.05) 1px,transparent 1px);background-size:20px 20px}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.3)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sound-card{transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.sound-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px -12px #0006}.sound-card.playing{animation:gentle-pulse 2s ease-in-out infinite;box-shadow:0 0 30px #3b82f64d}@keyframes gentle-pulse{0%,to{transform:scale(1);box-shadow:0 0 30px #3b82f64d}50%{transform:scale(1.02);box-shadow:0 0 40px #3b82f680}}.music-playing{position:relative;overflow:hidden}.music-playing:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.audio-bars{display:flex;align-items:end;gap:2px;height:20px}.audio-bar{width:3px;background:linear-gradient(to top,#3b82f6,#60a5fa);border-radius:2px;animation:audio-wave 1.5s ease-in-out infinite}.audio-bar:nth-child(1){animation-delay:0s}.audio-bar:nth-child(2){animation-delay:.1s}.audio-bar:nth-child(3){animation-delay:.2s}.audio-bar:nth-child(4){animation-delay:.3s}.audio-bar:nth-child(5){animation-delay:.4s}@keyframes audio-wave{0%,to{height:4px}50%{height:16px}}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card{background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15)}.light-card{background:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a}.brand-font{font-family:Audiowide,Orbitron,sans-serif}.logo-font{font-family:Orbitron,Audiowide,sans-serif}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gradient-text{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(30,41,59,.3);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(148,163,184,.3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.5)}