.sr-radio-player {
    background:
        linear-gradient(90deg, rgba(14, 16, 24, 0.98) 0%, rgba(27, 22, 28, 0.96) 44%, rgba(20, 22, 29, 0.98) 100%),
        radial-gradient(circle at 50% 100%, rgba(216, 49, 49, 0.14), transparent 44%);
    border-top-color: rgba(216, 49, 49, 0.18) !important;
    box-shadow: 0 -14px 36px rgba(0, 0, 0, 0.42);
    backdrop-filter: blur(14px);
}

.sr-radio-player::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(216, 49, 49, 0.95), rgba(29, 185, 84, 0.48), rgba(216, 49, 49, 0.9));
    opacity: 0.9;
}

.sr-radio-player-panel {
    position: relative;
}

.sr-radio-player-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 42%);
}

.sr-radio-player-panel--track {
    background:
        linear-gradient(135deg, rgba(18, 20, 27, 0.98), rgba(25, 18, 20, 0.94)),
        radial-gradient(circle at 0 0, rgba(216, 49, 49, 0.12), transparent 35%) !important;
}

.sr-radio-player-panel--controls,
.sr-radio-player-panel--actions {
    background:
        linear-gradient(180deg, rgba(24, 26, 32, 0.94), rgba(19, 21, 27, 0.98)),
        radial-gradient(circle at top right, rgba(216, 49, 49, 0.08), transparent 36%) !important;
}

.sr-radio-track-copy {
    gap: 2px;
}

.sr-radio-visualizer {
    padding: 2px 0;
}

.sr-radio-visualizer canvas {
    filter: drop-shadow(0 0 8px rgba(216, 49, 49, 0.24));
}

.sr-radio-volume-track {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(216, 49, 49, 0.12);
}

.sr-radio-volume-fill {
    background: linear-gradient(90deg, rgba(216, 49, 49, 0.95), rgba(255, 108, 99, 0.92), rgba(29, 185, 84, 0.72)) !important;
}