:root {
                --nx-accent: #ffc400;
                --nx-accent-dark: #b88600;
            }

            #nxHybridPlayer.nx-hybrid-player {
                position: relative;
                width: 100%;
                border-radius: 18px;
                overflow: hidden;
                padding: 26px 28px;
                box-sizing: border-box;
                background: linear-gradient(135deg, #050505 0%, #15100a 100%);
                font-family: inherit;
            }
            .nx-player-blur-bg {
                position: absolute;
                top: -15%; left: -15%; right: -15%; bottom: -15%;
                background-size: cover;
                background-position: center;
                filter: blur(45px) brightness(0.25) saturate(1.1);
                z-index: 1;
                transition: background-image 0.5s ease;
            }
            .nx-player-overlay {
                display: none;
            }

            .nx-eq-icon {
                position: absolute;
                top: 22px; right: 26px;
                z-index: 4;
                display: flex;
                align-items: flex-end;
                gap: 3px;
                height: 18px;
            }
            .nx-eq-icon span {
                display: block;
                width: 4px;
                border-radius: 2px;
                background: var(--nx-accent);
                opacity: 0.9;
                height: 15%;
                transition: height 0.2s ease;
            }

            /* Estado reproduciendo: cada barra rebota con su propio timing */
            .nx-eq-icon.is-playing span {
                animation: nx-eq-bounce 1s ease-in-out infinite;
            }
            .nx-eq-icon.is-playing span:nth-child(1) { animation-duration: 0.9s; animation-delay: 0s; }
            .nx-eq-icon.is-playing span:nth-child(2) { animation-duration: 1.1s; animation-delay: 0.15s; }
            .nx-eq-icon.is-playing span:nth-child(3) { animation-duration: 0.8s; animation-delay: 0.3s; }
            .nx-eq-icon.is-playing span:nth-child(4) { animation-duration: 1s; animation-delay: 0.1s; }

            @keyframes nx-eq-bounce {
                0%, 100% { height: 25%; }
                50% { height: 100%; }
            }

            .nx-player-content {
                position: relative;
                z-index: 3;
                display: flex;
                gap: 28px;
                align-items: center;
            }

            .nx-player-cover-wrapper {
                flex-shrink: 0;
                width: 210px; height: 210px;
                border-radius: 14px;
                overflow: hidden;
                box-shadow: 0 10px 28px rgba(0,0,0,0.55);
            }
            .nx-player-cover {
                width: 100%; height: 100%; object-fit: cover; display: block;
            }

            .nx-player-info-controls {
                flex-grow: 1;
                display: flex;
                flex-direction: column;
                gap: 14px;
                min-width: 0;
            }

            .nx-player-meta { min-width: 0; }
            .nx-track-title {
                color: #ffffff; margin: 0; font-size: 1.7rem; font-weight: 800;
                line-height: 1.15;
                white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
            }
            .nx-track-artist {
                color: #9b9b9b; margin: 4px 0 0 0; font-size: 0.85rem; font-weight: 600;
                text-transform: uppercase; letter-spacing: 0.04em;
                white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
            }

            .nx-program-badge-row {
                display: flex; align-items: center; gap: 6px;
                margin-top: 8px;
            }
            .nx-clock-icon {
                width: 14px; height: 14px;
                color: var(--nx-accent);
                flex-shrink: 0;
            }
            .nx-program-badge {
                color: var(--nx-accent);
                font-size: 0.82rem;
                font-weight: 600;
                white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
            }

            .nx-program-progress-container {
                display: flex; align-items: center; gap: 10px;
            }
            .nx-time-start, .nx-time-end {
                color: #8a8a8a; font-size: 0.72rem; flex-shrink: 0; white-space: nowrap;
            }
            .nx-program-progress-bar {
                flex-grow: 1;
                height: 5px; background: rgba(255,255,255,0.14); border-radius: 4px; overflow: hidden;
            }
            .nx-program-progress-fill {
                height: 100%;
                width: 0%;
                border-radius: 4px;
                background: linear-gradient(90deg, #4f8ef7 0%, #34d399 55%, var(--nx-accent) 100%);
                transition: width 0.5s linear;
            }

            .nx-player-controls-row {
                display: flex; align-items: center; justify-content: space-between;
                gap: 16px; margin-top: 2px;
            }

            .nx-play-info {
                display: flex; align-items: center; gap: 14px; min-width: 0;
            }
            .nx-btn-play-pause {
                flex-shrink: 0;
                background: var(--nx-accent);
                border: none; width: 52px; height: 52px; border-radius: 50%;
                display: flex; align-items: center; justify-content: center; cursor: pointer; color: #1a1200;
                box-shadow: 0 6px 16px rgba(255,196,0,0.35);
                transition: transform 0.2s;
            }
            .nx-btn-play-pause:hover { transform: scale(1.05); }
            .nx-btn-play-pause svg { width: 22px; height: 22px; }

            .nx-play-text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
            .nx-live-status {
                color: #ffffff; font-weight: 700; font-size: 0.95rem;
                white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
            }
            .nx-listeners {
                display: flex; align-items: center; gap: 6px;
                color: #9b9b9b; font-size: 0.8rem;
            }
            .nx-live-dot {
                width: 7px; height: 7px; border-radius: 50%; background: #2ecc71; flex-shrink: 0;
                box-shadow: 0 0 0 0 rgba(46,204,113,0.6);
                animation: nx-pulse 1.6s infinite;
            }
            @keyframes nx-pulse {
                0%   { box-shadow: 0 0 0 0 rgba(46,204,113,0.55); }
                70%  { box-shadow: 0 0 0 6px rgba(46,204,113,0); }
                100% { box-shadow: 0 0 0 0 rgba(46,204,113,0); }
            }

            .nx-side-controls {
                display: flex; align-items: center; gap: 12px; flex-shrink: 0;
            }
            .nx-pill {
                display: flex; align-items: center; gap: 6px;
                border: none; cursor: pointer;
                padding: 8px 14px; border-radius: 999px;
                font-size: 0.85rem; font-weight: 700;
            }
            .nx-pill svg { width: 16px; height: 16px; }
            .nx-pill-like {
                background: var(--nx-accent); color: #1a1200;
            }
            .nx-pill-dislike {
                background: rgba(255,255,255,0.08); color: #b3b3b3; font-weight: 600;
            }
            .nx-divider {
                width: 1px; height: 22px; background: rgba(255,255,255,0.18);
            }

            .nx-volume-container {
                display: flex; align-items: center; gap: 8px; color: #fff; width: 110px;
            }
            .nx-volume-container .icon-volume { width: 18px; height: 18px; flex-shrink: 0; color: #cfcfcf; }
            .nx-volume-slider {
                -webkit-appearance: none; appearance: none;
                width: 100%; height: 4px; border-radius: 2px; outline: none;
                background: rgba(255,255,255,0.2);
            }
            .nx-volume-slider::-webkit-slider-thumb {
                -webkit-appearance: none; width: 13px; height: 13px; border-radius: 50%;
                background: var(--nx-accent); cursor: pointer; box-shadow: 0 0 0 3px rgba(0,0,0,0.25);
            }
            .nx-volume-slider::-moz-range-thumb {
                width: 13px; height: 13px; border-radius: 50%; border: none;
                background: var(--nx-accent); cursor: pointer;
            }

            @media (max-width: 767px) {
                .nx-hybrid-player { padding: 0 0 18px 0; border-radius: 18px; }

                .nx-eq-icon { top: 16px; right: 16px; }

                .nx-player-content {
                    flex-direction: column;
                    align-items: stretch;
                    gap: 0;
                }

                .nx-player-cover-wrapper {
                    width: 100%;
                    height: auto;
                    aspect-ratio: 1 / 1;
                    border-radius: 0;
                }

                .nx-player-info-controls {
                    padding: 16px 18px 0 18px;
                    gap: 14px;
                }

                .nx-track-title { font-size: 1.35rem; }
                .nx-track-artist {
                    white-space: normal;
                    overflow: visible;
                    text-overflow: unset;
                }

                .nx-player-controls-row { flex-wrap: nowrap; }
                .nx-play-info { min-width: 0; }
                .nx-live-status { white-space: normal; }

                .nx-pill-dislike,
                .nx-divider,
                .nx-volume-container {
                    display: none;
                }

                .nx-pill { padding: 7px 12px; font-size: 0.8rem; }
            }