.card-inner .card-wrap.has-player .simplebar-content {
                padding-bottom: 110px !important;
            }

            @keyframes eq-bounce {
                0%,
                100% {
                    transform: scaleY(0.3);
                }
                50% {
                    transform: scaleY(1);
                }
            }
            .eq-mini {
                display: none;
            }
            .album-tracklist li.is-active .track-number span.num {
                display: none;
            }
            .album-tracklist li.is-active .track-number .eq-mini {
                display: inline-flex;
                align-items: flex-end;
                height: 14px;
                gap: 2px;
            }
            .album-tracklist li.is-active .track-number .eq-mini i {
                display: block;
                width: 3px;
                background: var(--td-accent, #5ac24e);
                border-radius: 1px;
                animation: eq-bounce 1.2s ease-in-out infinite;
            }
            .album-tracklist
                li.is-active
                .track-number
                .eq-mini
                i:nth-child(1) {
                height: 55%;
                animation-delay: 0s;
            }
            .album-tracklist
                li.is-active
                .track-number
                .eq-mini
                i:nth-child(2) {
                height: 100%;
                animation-delay: 0.2s;
            }
            .album-tracklist
                li.is-active
                .track-number
                .eq-mini
                i:nth-child(3) {
                height: 40%;
                animation-delay: 0.4s;
            }
            .album-tracklist li.is-active.is-paused .track-number .eq-mini i {
                animation-play-state: paused;
            }

            .album-tracklist {
                margin: 0;
                padding: 0;
                list-style: none;
                border-top: 1px solid var(--td-border-soft, rgba(255, 255, 255, 0.06));
            }
            .album-tracklist li {
                display: flex;
                align-items: center;
                padding: 14px 28px;
                cursor: pointer;
                transition: background 0.2s;
                gap: 14px;
            }
            .album-tracklist li:hover {
                background: var(--td-card-hover, rgba(255, 255, 255, 0.04));
            }
            .album-tracklist li:nth-child(even) {
                background: var(--td-card-softer, rgba(255, 255, 255, 0.02));
            }
            .album-tracklist li:nth-child(even):hover {
                background: var(--td-card-soft, rgba(255, 255, 255, 0.05));
            }
            .album-tracklist li.is-active {
                background: var(--td-accent-softer, rgba(90, 194, 78, 0.08));
            }
            .album-tracklist li.is-active .track-number,
            .album-tracklist li.is-active .track-name {
                color: var(--td-accent, #5ac24e);
            }
            .album-tracklist li .track-number {
                width: 28px;
                text-align: center;
                font-family: "Poppins";
                font-size: 13px;
                font-weight: 500;
                color: var(--td-muted, #777);
                flex-shrink: 0;
            }
            .album-tracklist li .track-name {
                flex: 1;
                font-family: "Poppins";
                font-size: 14px;
                font-weight: 500;
                color: var(--td-text, #fff);
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .album-tracklist li .track-duration {
                width: 50px;
                text-align: right;
                font-family: "Poppins";
                font-size: 13px;
                color: var(--td-muted, #777);
                flex-shrink: 0;
            }
            .album-tracklist-scroll {
                height: 450px;
                overflow-y: scroll;
                padding-right: 6px;
                scrollbar-width: thin;
                scrollbar-color: var(--td-accent, #5ac24e) var(--td-surface, #1a1b1e);
            }
            .album-tracklist-scroll::-webkit-scrollbar {
                width: 6px;
            }
            .album-tracklist-scroll::-webkit-scrollbar-track {
                background: var(--td-surface, #1a1b1e);
                border-radius: 3px;
            }
            .album-tracklist-scroll::-webkit-scrollbar-thumb {
                background: var(--td-accent, #5ac24e);
                border-radius: 3px;
            }
            .album-tracklist-scroll::-webkit-scrollbar-thumb:hover {
                background: var(--td-accent-bright, #6fd462);
            }
            .album-card {
                margin: 0 0 40px 0;
                background: var(--td-card-soft, rgba(255, 255, 255, 0.05));
                box-shadow: var(--td-shadow-soft, 0 0 50px rgba(0, 0, 0, 0.2));
                border-radius: 18px;
                overflow: hidden;
                transition: all 0.3s;
            }
            .album-card:hover {
                box-shadow: var(--td-shadow-hover, 0 15px 55px rgba(0, 0, 0, 0.3));
            }
            .album-header {
                display: flex;
                align-items: flex-start;
                padding: 28px;
                gap: 24px;
            }
            .album-header .album-cover {
                width: 180px;
                height: 180px;
                border-radius: 14px;
                overflow: hidden;
                flex-shrink: 0;
                background: var(--td-card, #262628);
                box-shadow: var(--td-shadow-card, 0 6px 30px rgba(0, 0, 0, 0.4));
                position: relative;
            }
            .album-header .album-cover img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
            }
            .album-header .album-cover .album-play-overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                background: var(--td-overlay-dark, rgba(0, 0, 0, 0.3));
                opacity: 0;
                transition: opacity 0.3s;
                cursor: pointer;
            }
            .album-header .album-cover:hover .album-play-overlay {
                opacity: 1;
            }
            .album-play-overlay .play-all-btn {
                width: 56px;
                height: 56px;
                border-radius: 50%;
                background: var(--td-accent-strong, rgba(90, 194, 78, 0.9));
                display: flex;
                align-items: center;
                justify-content: center;
                box-shadow: var(--td-accent-shadow-soft, 0 4px 24px rgba(90, 194, 78, 0.35));
                transition: transform 0.3s;
            }
            .album-play-overlay .play-all-btn:hover {
                transform: scale(1.1);
            }
            .album-play-overlay .play-all-btn .icon {
                font-size: 22px;
                color: var(--td-text, #fff);
                margin-left: 3px;
            }
            .album-header .album-info {
                flex: 1;
                padding-top: 6px;
            }
            .album-info .album-title {
                margin: 0 0 4px 0;
                font-family: "Poppins";
                font-size: 22px;
                font-weight: 700;
                color: var(--td-text, #fff);
                line-height: 30px;
            }
            .album-info .album-artist {
                margin: 0 0 6px 0;
                font-family: "Poppins";
                font-size: 15px;
                color: var(--td-accent, #5ac24e);
                font-weight: 500;
            }
            .album-info .album-description {
                margin: 0;
                font-size: 14px;
                color: var(--td-text-soft, #a9a9a9);
                line-height: 1.7;
            }
            .album-info .play-all-text-btn {
                display: inline-block;
                margin-top: 14px;
                padding: 8px 20px;
                font-family: "Poppins";
                font-size: 13px;
                font-weight: 600;
                color: var(--td-text, #fff);
                background: var(--td-accent-button, rgba(90, 194, 78, 0.2));
                border: 1px solid var(--td-accent-border-strong, rgba(90, 194, 78, 0.35));
                border-radius: 24px;
                cursor: pointer;
                transition: all 0.3s;
                text-decoration: none;
            }
            .album-info .play-all-text-btn:hover {
                background: var(--td-accent-border-strong, rgba(90, 194, 78, 0.35));
                border-color: var(--td-accent-border-hover, rgba(90, 194, 78, 0.6));
                color: var(--td-text, #fff);
            }
            .album-info .play-all-text-btn .icon {
                margin-right: 6px;
                font-size: 14px;
                position: relative;
                top: 1px;
            }
            @media (max-width: 560px) {
                .album-header {
                    flex-direction: column;
                    align-items: center;
                    text-align: center;
                    padding: 24px 20px;
                }
                .album-header .album-cover {
                    width: 200px;
                    height: 200px;
                }
            }

            .player-bar {
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;
                height: 80px;
                background: linear-gradient(135deg, var(--td-surface, #1a1b1e), var(--td-surface-3, #2a2c30));
                border-top: 1px solid var(--td-border, rgba(255, 255, 255, 0.08));
                display: flex;
                align-items: center;
                padding: 0 24px;
                z-index: 200;
                gap: 16px;
                transform: translateY(100%);
                transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
            }
            .player-bar.visible {
                transform: translateY(0);
            }
            .player-bar .player-close-btn {
                position: absolute;
                top: -14px;
                right: 20px;
                width: 28px;
                height: 28px;
                background: var(--td-surface-3, #2a2c30);
                border: 1px solid var(--td-border-strong, rgba(255, 255, 255, 0.12));
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                color: var(--td-text-soft, #a9a9a9);
                font-size: 13px;
                transition:
                    color 0.2s,
                    background 0.2s;
                z-index: 201;
            }
            .player-bar .player-close-btn:hover {
                color: var(--td-text, #fff);
                background: var(--td-surface-3, #3a3c40);
            }
            .player-bar .player-now-info {
                display: flex;
                align-items: center;
                gap: 12px;
                min-width: 200px;
                max-width: 280px;
                flex-shrink: 0;
            }
            .player-bar .player-cover {
                width: 48px;
                height: 48px;
                border-radius: 8px;
                overflow: hidden;
                background: var(--td-card, #262628);
                flex-shrink: 0;
            }
            .player-bar .player-cover img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
            }
            .player-bar .player-track-details {
                overflow: hidden;
            }
            .player-bar .player-track-name {
                font-family: "Poppins";
                font-size: 13px;
                font-weight: 600;
                color: var(--td-text, #fff);
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                line-height: 20px;
            }
            .player-bar .player-track-artist {
                font-family: "Poppins";
                font-size: 12px;
                color: var(--td-muted, #777);
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                line-height: 18px;
            }
            .player-bar .player-controls {
                display: flex;
                align-items: center;
                gap: 6px;
                flex-shrink: 0;
            }
            .player-bar .player-controls .ctrl-btn {
                width: 36px;
                height: 36px;
                border: none;
                border-radius: 50%;
                background: transparent;
                color: var(--td-text-soft, #a9a9a9);
                font-size: 18px;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                transition: all 0.2s;
                padding: 0;
            }
            .player-bar .player-controls .ctrl-btn:hover {
                color: var(--td-text, #fff);
            }
            .player-bar .player-controls .ctrl-btn.play-pause {
                width: 42px;
                height: 42px;
                background: var(--td-accent, #5ac24e);
                color: var(--td-text, #fff);
                font-size: 20px;
            }
            .player-bar .player-controls .ctrl-btn.play-pause:hover {
                background: var(--td-accent-hover, #4db343);
                transform: scale(1.05);
            }
            .player-bar .player-controls .ctrl-btn.play-pause .icon {
                margin-left: 2px;
            }
            .player-bar .player-controls .ctrl-btn.play-pause.is-playing .icon {
                margin-left: 0;
            }
            .player-bar .player-progress {
                flex: 1;
                display: flex;
                align-items: center;
                gap: 10px;
                min-width: 0;
            }
            .player-bar .player-progress .time-label {
                font-family: "Poppins";
                font-size: 11px;
                color: var(--td-muted, #777);
                width: 42px;
                text-align: center;
                flex-shrink: 0;
            }
            .player-bar .player-progress .progress-bar-wrap {
                flex: 1;
                height: 6px;
                background: var(--td-border-strong, rgba(255, 255, 255, 0.1));
                border-radius: 3px;
                cursor: pointer;
                position: relative;
                min-width: 80px;
            }
            .player-bar .player-progress .progress-bar-wrap .progress-bar-fill {
                height: 100%;
                background: var(--td-accent, #5ac24e);
                border-radius: 3px;
                width: 0%;
                position: relative;
                transition: width 0.1s linear;
            }
            .player-bar
                .player-progress
                .progress-bar-wrap
                .progress-bar-fill::after {
                content: "";
                position: absolute;
                right: -5px;
                top: -4px;
                width: 14px;
                height: 14px;
                background: var(--td-text, #fff);
                border-radius: 50%;
                box-shadow: var(--td-shadow-thumb, 0 0 6px rgba(0, 0, 0, 0.3));
                opacity: 0;
                transition: opacity 0.2s;
            }
            .player-bar
                .player-progress
                .progress-bar-wrap:hover
                .progress-bar-fill::after {
                opacity: 1;
            }
            .player-bar .player-volume {
                display: flex;
                align-items: center;
                gap: 8px;
                flex-shrink: 0;
                width: 120px;
            }
            .player-bar .player-volume .vol-icon {
                color: var(--td-text-soft, #a9a9a9);
                font-size: 18px;
                cursor: pointer;
                transition: color 0.2s;
                flex-shrink: 0;
            }
            .player-bar .player-volume .vol-icon:hover {
                color: var(--td-text, #fff);
            }
            .player-bar .player-volume .vol-bar-wrap {
                flex: 1;
                height: 4px;
                background: var(--td-border-strong, rgba(255, 255, 255, 0.1));
                border-radius: 2px;
                cursor: pointer;
                position: relative;
            }
            .player-bar .player-volume .vol-bar-fill {
                height: 100%;
                background: var(--td-accent, #5ac24e);
                border-radius: 2px;
                width: 80%;
            }
            @media (max-width: 1023px) {
                .player-bar {
                    left: 0;
                    padding: 0 16px;
                }
                .player-bar .player-volume {
                    display: none;
                }
                .player-bar .player-now-info {
                    min-width: 140px;
                    max-width: 180px;
                }
            }


/* Extracted from inline style attributes */
.td-f-mixes-frame-style-001 { margin-left: 0; margin-right: 0; }
.td-f-mixes-frame-style-002 { width: 80%; }

/* Spotify-themed audio playlist treatment */
.album-card {
    background: #535353;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    overflow: hidden;
}

.album-card:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.album-header {
    align-items: center;
    padding: 24px 24px 22px;
}

.album-header .album-cover {
    width: 152px;
    height: 152px;
    border-radius: 7px;
    background: #f4f4f4;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.18);
}

.album-play-overlay .play-all-btn {
    width: 46px;
    height: 46px;
    background: #fff;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.24);
}

.album-play-overlay .play-all-btn .icon {
    color: #2d2d2d;
}

.album-header .album-info {
    min-width: 0;
}

.album-info .album-title {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0;
}

.album-info .album-artist {
    color: #fff;
    font-size: 14px;
    margin-bottom: 12px;
}

.album-info .album-description {
    display: none;
}

.album-info .play-all-text-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.album-info .play-all-text-btn:hover {
    color: #fff;
    background: transparent;
    border-color: transparent;
    opacity: 0.82;
}

.album-info .play-all-text-btn .icon {
    width: 22px;
    height: 22px;
    margin-right: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 1;
    top: 0;
}

.album-tracklist {
    border-top: 0;
}

.album-tracklist-scroll {
    height: 600px;
    overflow-y: auto;
    padding-right: 10px;
    scrollbar-color: #363636 transparent;
}

.album-tracklist-scroll::-webkit-scrollbar {
    width: 8px;
}

.album-tracklist-scroll::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 4px;
}

.album-tracklist-scroll::-webkit-scrollbar-thumb {
    background: #363636;
    border-radius: 4px;
}

.album-tracklist-scroll::-webkit-scrollbar-thumb:hover {
    background: #2c2c2c;
}

.album-tracklist li {
    align-items: flex-start;
    min-height: 55px;
    padding: 8px 24px 9px;
    gap: 14px;
}

.album-tracklist li.is-active {
    background: rgba(255, 255, 255, 0.06);
}

.album-tracklist li.is-active .track-number,
.album-tracklist li.is-active .track-name {
    color: #fff;
}

.album-tracklist li .track-number {
    width: 26px;
    text-align: right;
    font-weight: 400;
    color: #e2e2e2;
    line-height: 22px;
}

.album-tracklist li.is-active .track-number .eq-mini {
    margin-top: 4px;
}

.album-tracklist li.is-active .track-number .eq-mini i {
    background: #fff;
}

.album-tracklist li .track-name {
    min-width: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.album-tracklist li .track-name::after {
    content: attr(data-artist);
    display: block;
    margin-top: 1px;
    font-size: 11px;
    font-weight: 400;
    line-height: 15px;
    color: #d0d0d0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.album-tracklist li .track-duration {
    font-size: 13px;
    color: #fff;
    line-height: 22px;
}

.player-bar {
    height: 72px;
    background: #3f3f3f;
}

.player-bar .player-cover {
    width: 44px;
    height: 44px;
    border-radius: 5px;
}

.player-bar .player-controls .ctrl-btn.play-pause {
    background: #fff;
    color: #333;
}

.player-bar .player-controls .ctrl-btn.play-pause:hover {
    background: #f3f3f3;
}

.player-bar .player-progress .progress-bar-wrap .progress-bar-fill,
.player-bar .player-volume .vol-bar-fill {
    background: #fff;
}

@media (max-width: 560px) {
    .album-header {
        flex-direction: row;
        align-items: center;
        text-align: left;
        padding: 20px;
        gap: 18px;
    }

    .album-header .album-cover {
        width: 112px;
        height: 112px;
    }

    .album-info .album-title {
        font-size: 20px;
    }

    .album-tracklist li {
        padding-left: 18px;
        padding-right: 18px;
    }
}