body {
    background-color: #000000;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    user-select: none;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
::-webkit-scrollbar-track {
    background: #000000;
}
::-webkit-scrollbar-thumb {
    background: #2563eb;
    border-radius: 2px;
}
.pulse-glow {
    box-shadow: 0 0 15px rgba(37, 99, 235, 0.4);
}

@keyframes waveMove {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}
@keyframes waveScan {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}
.wave-flow {
    overflow: hidden;
}
.wave-flow > .wave-scroll {
    width: 200%;
    height: 100%;
    display: flex;
    animation: waveScan 2s linear infinite;
}
.wave-svg-fixed {
    width: 50%;
    height: 100%;
    display: block;
    flex-shrink: 0;
}
.wave-flow-paused > .wave-scroll {
    animation-play-state: paused !important;
}
.wave-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 200%;
    display: flex;
    pointer-events: none;
}
.wave-svg {
    width: 50%;
    height: 100%;
}
.wave-animated {
    animation: waveMove 1.5s linear infinite;
}
.wave-animated-paused {
    animation-play-state: paused !important;
}

@media (min-width: 1024px) {
    #expanded-player > div {
        width: 100%;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: 1280px) {
    #expanded-player > div {
        max-width: 960px;
    }
}