:root{--color-bg-base: #020617;--color-primary: #8b5cf6;--color-secondary: #06b6d4;--color-accent: #f97316;--glass-heavy: rgba(15, 23, 42, .85);--glass-medium: rgba(30, 41, 59, .6);--glass-light: rgba(255, 255, 255, .08);--glass-ultra-light: rgba(255, 255, 255, .03);--sat: env(safe-area-inset-top);--sab: env(safe-area-inset-bottom)}body{background-color:var(--color-bg-base);color:#fff;font-family:Inter,sans-serif;overflow:hidden}.glass-panel{background:var(--glass-light);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08)}.glass-panel-heavy{background:var(--glass-heavy);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,.05)}.glass-button{background:var(--glass-medium);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-button:active{transform:scale(.96);background:#ffffff26}.gradient-text{background:linear-gradient(135deg,#c4b5fd,#a5f3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #8b5cf64d}50%{box-shadow:0 0 25px #8b5cf699}}.animate-pulse-glow{animation:pulse-glow 3s cubic-bezier(.4,0,.6,1) infinite}.spinner{border:3px solid rgba(255,255,255,.1);border-left-color:var(--color-accent);border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.animate-pulse-slow{animation:pulse 6s cubic-bezier(.4,0,.6,1) infinite}@keyframes breathe{0%,to{transform:scale(1.05)}50%{transform:scale(1.15)}}.animate-breathe{animation:breathe 18s ease-in-out infinite}@keyframes music-pulse{0%,to{transform:scale(1);box-shadow:0 0 12px #f9731680}50%{transform:scale(1.08);box-shadow:0 0 25px #f97316e6}}.animate-music-pulse{animation:music-pulse 1.5s ease-in-out infinite}@keyframes music-pulse-off{0%,to{transform:scale(1);border-color:#ffffff1a}50%{transform:scale(1.05);border-color:#f9731680}}.animate-music-pulse-off{animation:music-pulse-off 2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-150%)}to{transform:translate(150%)}}.animate-shimmer{animation:shimmer 3s infinite}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animate-icon-bounce{animation:icon-bounce 1s ease-in-out infinite}