:root{--primary:#00c2ff;--primary-hover:#38d1ff;--primary-gradient:linear-gradient(135deg, #00c2ff 0%, #0284c7 100%);--primary-glow:#00c2ff73;--primary-contrast:#041a29;--bg-app:#092133;--bg-app-gradient:radial-gradient(circle at 50% 15%, #0f3b5a 0%, #092133 65%, #061724 100%);--bg-header:#092133eb;--bg-card:#0f2f48d9;--bg-card-subtle:#00c2ff14;--bg-card-hover:#153e5ef2;--bg-download-btn:#0b263be6;--bg-time-badge:#04141f99;--border-color:#00c2ff52;--border-light:#ffffff24;--color-title:#fff;--color-text:#f0f9ff;--color-muted:#93c5fd;--shadow-xl:0px 14px 35px #00000059;--shadow-player:0 16px 40px #00000059, 0 0 35px #00c2ff38}[data-theme=light]{--primary:#0284c7;--primary-hover:#0369a1;--primary-gradient:linear-gradient(135deg, #0284c7 0%, #0369a1 100%);--primary-glow:#0284c759;--primary-contrast:#fff;--bg-app:#f0f7fc;--bg-app-gradient:radial-gradient(circle at 50% 10%, #e0f2fe 0%, #f0f7fc 65%, #e6f3fa 100%);--bg-header:#fffffff2;--bg-card:#fff;--bg-card-subtle:#e6f4fc;--bg-card-hover:#fff;--bg-download-btn:#f7fcff;--bg-time-badge:#0284c71a;--border-color:#0284c747;--border-light:#0284c724;--color-title:#072d44;--color-text:#0f4566;--color-muted:#276d94;--shadow-xl:0px 10px 28px #0284c71a;--shadow-player:0 16px 36px #0284c724, 0 2px 12px #0284c70d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-app);background-image:var(--bg-app-gradient);color:var(--color-text);min-height:100vh;background-attachment:fixed;min-height:-webkit-fill-available;font-family:Montserrat,sans-serif;transition:background-color .3s,color .3s;position:relative}.bg-ambient-cover{object-fit:cover;filter:blur(48px)saturate(1.5)brightness(.8);z-index:0;pointer-events:none;opacity:.65;width:130%;height:130%;animation:50s linear infinite alternate bga;position:fixed;top:-15%;left:-15%}[data-theme=light] .bg-ambient-cover{filter:blur(55px)saturate(1.4)brightness(1.2)opacity(.35)}@keyframes bga{0%{transform:scale(1)translate(0)}50%{transform:scale(1.2)translate(-2%,2%)}to{transform:scale(1)translate(2%,-2%)}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-color);box-shadow:var(--shadow-player)}@keyframes barBounce{0%,to{height:6px}50%{height:24px}}.equalizer-bar{background:var(--primary);border-radius:999px;width:4px;animation:.9s ease-in-out infinite barBounce;display:inline-block}.equalizer-bar:first-child{animation-delay:.1s}.equalizer-bar:nth-child(2){animation-delay:.35s}.equalizer-bar:nth-child(3){animation-delay:.55s}.equalizer-bar:nth-child(4){animation-delay:.2s}@keyframes livePulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;filter:drop-shadow(0 0 6px #ef4444);transform:scale(1.25)}to{opacity:.8;transform:scale(.95)}}.live-pulse{animation:1.8s infinite livePulse}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}