/* Dynamic Playlist Player - RoozMusic aligned UI */
.dpp-playlist-container {
    --dpp-bg: #0f1926;
    --dpp-bg-soft: #152439;
    --dpp-card: #1e2835;
    --dpp-border: #142339;
    --dpp-border-2: #23344d;
    --dpp-text: #ffffff;
    --dpp-muted: #BBC6D3;
    --dpp-accent: #ffa600;
    --dpp-accent-2: #fb720a;
    --dpp-accent-gradient: linear-gradient(90deg, #ffa600 0, #fb720a 100%);
    background: var(--dpp-bg);
    margin: 1em 0;
    padding: 1em;
    border-bottom: 2px solid var(--dpp-border);
    border-radius: 1em;
    direction: rtl;
    color: var(--dpp-text);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

.dpp-playlist-big-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
    margin-bottom: 1em;
    flex-wrap: nowrap;
}
.dpp-big-prev-wrapper,
.dpp-big-next-wrapper,
.dpp-big-play-wrap {
    display: flex;
    align-items: center;
}
.dpp-big-prev-wrapper,
.dpp-big-next-wrapper {
    flex-direction: row;
    gap: 0;
}
.dpp-big-play-wrap {
    justify-content: center;
}

.dpp-big-prev-btn,
.dpp-big-next-btn,
.dpp-big-play-btn,
.dpp-track-actions button,
.dpp-player-controls button,
.dpp-player-close {
    font-family: inherit;
    transition: all 300ms ease-out;
}

.dpp-big-prev-btn,
.dpp-big-next-btn {
    background: var(--dpp-card);
    border: 1px solid var(--dpp-border-2);
    border-radius: .8em;
    padding: .55em 1.1em;
    display: inline-flex;
    align-items: center;
    gap: .45em;
    cursor: pointer;
    color: var(--dpp-muted);
    font-weight: 700;
    font-size: 14px;
}
.dpp-big-prev-btn svg,
.dpp-big-next-btn svg {
    width: 24px;
    height: 24px;
    fill: var(--dpp-accent);
}
.dpp-big-prev-btn:hover,
.dpp-big-next-btn:hover {
    background: var(--dpp-bg-soft);
    border-color: var(--dpp-accent);
    color: var(--dpp-accent);
    transform: translateY(-1px);
}

.dpp-big-play-btn {
    background: var(--dpp-accent-gradient);
    border: 0;
    border-radius: 50%;
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(251,114,10,.18);
}
.dpp-big-play-btn svg {
    width: 42px;
    height: 42px;
    fill: #000;
}
.dpp-big-play-btn:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 10px 25px rgba(255,166,0,.24);
}
.dpp-disabled {
    opacity: .45;
    pointer-events: none;
}

.dpp-playlist-tracks {
    display: flex;
    flex-direction: column;
    gap: .55em;
}
.dpp-track-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: .7em;
    padding: .65em .8em;
    background: var(--dpp-card);
    border: 1px solid var(--dpp-border-2);
    border-radius: .8em;
}
.dpp-track-row.playing {
    background: linear-gradient(90deg, rgba(255,166,0,.13) 0, var(--dpp-card) 70%);
    border-color: rgba(255,166,0,.5);
    border-right: 3px solid var(--dpp-accent);
}
.dpp-track-number {
    flex-shrink: 0;
    width: 34px;
    font-size: 15px;
    font-weight: 700;
    color: var(--dpp-accent);
    text-align: center;
}
.dpp-track-title {
    flex: 1;
    min-width: 0;
    font-size: 15px;
    font-weight: 500;
    color: var(--dpp-text);
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dpp-track-actions {
    flex-shrink: 0;
    display: flex;
    gap: .55em;
}
.dpp-track-actions button {
    background: var(--dpp-bg);
    border: 1px solid var(--dpp-border-2);
    border-radius: .7em;
    color: var(--dpp-muted);
    padding: .45em .8em;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: .35em;
}
.dpp-track-actions button svg {
    width: 16px;
    height: 16px;
    fill: var(--dpp-accent);
    stroke-width: 1.8;
}
.dpp-track-actions button:hover {
    background: var(--dpp-bg-soft);
    border-color: var(--dpp-accent);
    color: var(--dpp-accent);
}
.dpp-download-btn {
    background: var(--dpp-accent-gradient) !important;
    border-color: transparent !important;
    color: #000 !important;
}
.dpp-download-btn svg {
    stroke: #000;
    fill: none;
}
.dpp-download-btn:hover {
    color: #000 !important;
    filter: brightness(1.05);
}
.dpp-download-btn:hover svg {
    stroke: #000;
}

.dpp-adjacent-prev-title,
.dpp-adjacent-next-title {
    display: none !important;
}

.dpp-floating-player {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0f1926;
    color: #fff;
    padding: .75em 1em;
    display: flex;
    flex-direction: column;
    gap: .55em;
    z-index: 9999;
    transform: translateY(100%);
    transition: transform 300ms ease-out;
    box-shadow: 0 -8px 24px rgba(0,0,0,.45);
    border-top: 2px solid #142339;
    direction: ltr;
}
.dpp-floating-player.active {
    transform: translateY(0);
}
.dpp-player-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7em;
}
.dpp-player-close {
    background: #1e2835;
    border: 1px solid #23344d;
    color: #BBC6D3;
    cursor: pointer;
    font-size: 16px;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 50%;
}
.dpp-player-close:hover {
    background: linear-gradient(90deg,#ffa600 0,#fb720a 100%);
    color: #000;
    border-color: #fb720a;
}
.dpp-player-title-wrap {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .45em;
    direction: rtl;
    min-width: 0;
}
.dpp-music-icon {
    width: 16px;
    height: 16px;
    fill: #ffa600;
    flex: 0 0 auto;
}
.dpp-player-title {
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: min(520px, 70vw);
    color: #ffa600;
}
.dpp-player-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45em;
    flex-wrap: wrap;
}
.dpp-player-controls button {
    background: #1e2835;
    border: 1px solid #23344d;
    color: #BBC6D3;
    cursor: pointer;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.dpp-player-controls button svg {
    width: 18px;
    height: 18px;
    fill: #ffa600;
}
.dpp-player-controls button:hover,
.dpp-player-controls button.dpp-is-active {
    background: linear-gradient(90deg,#ffa600 0,#fb720a 100%);
    border-color: #fb720a;
    color: #000;
}
.dpp-player-controls button:hover svg,
.dpp-player-controls button.dpp-is-active svg {
    fill: #000;
}
.dpp-time-bar {
    display: flex;
    align-items: center;
    gap: .55em;
}
.dpp-progress-bar {
    flex: 1;
    height: 6px;
    background: #1e2835;
    border-radius: 99px;
    cursor: pointer;
    overflow: hidden;
}
.dpp-progress-filled {
    width: 0%;
    height: 100%;
    background: linear-gradient(90deg,#ffa600 0,#fb720a 100%);
    border-radius: 99px;
}
.dpp-current-time,
.dpp-duration {
    font-size: 11px;
    min-width: 40px;
    color: #BBC6D3;
}

@media (max-width: 768px) {
    .dpp-playlist-container {
        padding: .8em;
        margin: 1em 0;
    }
    .dpp-playlist-big-controls {
        gap: .7em;
        margin-bottom: .9em;
    }
    .dpp-big-prev-wrapper,
    .dpp-big-next-wrapper {
        display: flex !important;
        flex: 0 0 auto;
    }
    .dpp-big-prev-btn,
    .dpp-big-next-btn {
        padding: 0;
        border-radius: 50%;
        width: 44px;
        height: 44px;
        justify-content: center;
    }
    .dpp-big-prev-btn span,
    .dpp-big-next-btn span {
        display: none;
    }
    .dpp-big-prev-btn svg,
    .dpp-big-next-btn svg {
        width: 24px;
        height: 24px;
        margin: 0;
    }
    .dpp-big-play-btn {
        width: 62px;
        height: 62px;
    }
    .dpp-big-play-btn svg {
        width: 34px;
        height: 34px;
    }
    .dpp-playlist-tracks {
        gap: .7em;
    }
    .dpp-track-row {
        flex-direction: column;
        align-items: stretch;
        padding: .8em;
        gap: .55em;
    }
    .dpp-track-number {
        width: auto;
        text-align: center;
        font-size: 15px;
        margin-bottom: .15em;
    }
    .dpp-track-title {
        white-space: normal;
        word-break: break-word;
        text-align: center;
        font-size: 14px;
        max-width: 100%;
        margin: .2em 0;
    }
    .dpp-track-actions {
        justify-content: center;
        gap: .7em;
        margin-top: .2em;
    }
    .dpp-track-actions button {
        padding: .45em .9em;
        font-size: 13px;
    }
    .dpp-player-title {
        max-width: 62vw;
    }
    .dpp-floating-player {
        padding: .65em .75em;
    }
}

.dpp-message {
    background: #0f1926;
    border: 1px solid #23344d;
    border-radius: .8em;
    color: #BBC6D3;
    padding: .8em 1em;
    text-align: center;
    direction: rtl;
}

.dpp-action-label {
    line-height: 1;
}

.dpp-play-btn.dpp-is-active,
.dpp-track-row.playing .dpp-play-btn {
    background: var(--dpp-accent-gradient) !important;
    border-color: transparent !important;
    color: #000 !important;
}

.dpp-play-btn.dpp-is-active svg,
.dpp-track-row.playing .dpp-play-btn svg {
    fill: #000;
}

.dpp-big-play-btn:focus-visible,
.dpp-big-prev-btn:focus-visible,
.dpp-big-next-btn:focus-visible,
.dpp-track-actions button:focus-visible,
.dpp-player-controls button:focus-visible,
.dpp-player-close:focus-visible,
.dpp-progress-bar:focus-visible {
    outline: 2px solid #ffa600;
    outline-offset: 3px;
}

.dpp-progress-bar[role="slider"] {
    position: relative;
}

body.dpp-player-is-active {
    padding-bottom: 125px;
}

@media (max-width: 768px) {
    body.dpp-player-is-active {
        padding-bottom: 165px;
    }
}

.dpp-big-play-btn.dpp-is-active {
    filter: brightness(1.05);
}

.dpp-floating-player {
    padding-bottom: calc(.75em + env(safe-area-inset-bottom, 0px));
}

body.dpp-player-is-active {
    padding-bottom: calc(var(--dpp-player-height, 125px) + env(safe-area-inset-bottom, 0px));
}

.dpp-progress-bar {
    touch-action: none;
}

.dpp-progress-bar::before {
    content: "";
    position: absolute;
    inset: -9px 0;
}

@media (max-width: 768px) {
    body.dpp-player-is-active {
        padding-bottom: calc(var(--dpp-player-height, 165px) + env(safe-area-inset-bottom, 0px));
    }

    .dpp-player-controls {
        gap: .35em;
    }

    .dpp-player-controls button {
        width: 36px;
        height: 36px;
    }
}

@media (max-width: 420px) {
    .dpp-track-actions {
        width: 100%;
    }

    .dpp-track-actions button {
        flex: 1 1 0;
        justify-content: center;
    }

    .dpp-player-title {
        max-width: 54vw;
    }
}

.dpp-floating-player.dpp-is-loading .dpp-play-pause-btn {
    position: relative;
    overflow: hidden;
}

.dpp-floating-player.dpp-is-loading .dpp-play-pause-btn::after {
    content: "";
    position: absolute;
    inset: 4px;
    border: 2px solid rgba(255,166,0,.28);
    border-top-color: #ffa600;
    border-radius: 50%;
    animation: dpp-spin .9s linear infinite;
    pointer-events: none;
}

.dpp-floating-player.dpp-is-loading .dpp-progress-filled {
    background-size: 200% 100%;
    animation: dpp-progress-glow 1.2s linear infinite;
}

@keyframes dpp-spin {
    to { transform: rotate(360deg); }
}

@keyframes dpp-progress-glow {
    0% { filter: brightness(1); }
    50% { filter: brightness(1.25); }
    100% { filter: brightness(1); }
}

@media (prefers-reduced-motion: reduce) {
    .dpp-big-prev-btn,
    .dpp-big-next-btn,
    .dpp-big-play-btn,
    .dpp-track-actions button,
    .dpp-player-controls button,
    .dpp-player-close,
    .dpp-floating-player,
    .dpp-floating-player.dpp-is-loading .dpp-play-pause-btn::after,
    .dpp-floating-player.dpp-is-loading .dpp-progress-filled {
        transition: none !important;
        animation: none !important;
    }
}


.dpp-playlist-container > script.dpp-playlist-data {
    display: none !important;
}

.dpp-message {
    background: #0f1926;
    border: 1px solid #142339;
    border-bottom: 2px solid #142339;
    border-radius: 1em;
    color: #BBC6D3;
    direction: rtl;
    margin: 1em 0;
    padding: .9em 1em;
    text-align: center;
}

.dpp-track-row:focus-within {
    border-color: #ffa600;
    box-shadow: 0 0 0 2px rgba(255,166,0,.14);
}

.dpp-play-btn.dpp-is-active {
    background: #152439;
    border-color: #ffa600;
    color: #ffa600;
}


/* DPP 3.3.1 - featured image as one playlist cover + lock screen media */
.dpp-track-row{
    display:grid;
    grid-template-columns:52px 34px minmax(0,1fr) auto;
    align-items:center;
}
.dpp-track-cover{
    width:46px;
    height:46px;
    border-radius:.7em;
    overflow:hidden;
    background:linear-gradient(135deg,rgba(255,166,0,.18),rgba(251,114,10,.10));
    border:1px solid var(--dpp-border-2,#23344d);
    flex:0 0 46px;
}
.dpp-track-cover img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.dpp-player-title-wrap{
    justify-content:center;
}
.dpp-player-cover-wrap{
    width:44px;
    height:44px;
    flex:0 0 44px;
    border-radius:.75em;
    overflow:hidden;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,rgba(255,166,0,.20),rgba(251,114,10,.12));
    border:1px solid #23344d;
    box-shadow:0 7px 18px rgba(0,0,0,.18);
}
.dpp-player-cover-wrap:not(.has-cover)::before{
    content:"♪";
    color:#ffa600;
    font-size:22px;
    font-weight:800;
}
.dpp-player-cover{
    width:100%;
    height:100%;
    display:none;
    object-fit:cover;
}
.dpp-player-cover-wrap.has-cover .dpp-player-cover{
    display:block;
}
.dpp-player-cover-wrap.has-cover::before{
    display:none;
}
@media (max-width:768px){
    .dpp-track-row{
        grid-template-columns:46px 30px minmax(0,1fr);
        grid-template-areas:
            "cover number title"
            "actions actions actions";
    }
    .dpp-track-cover{grid-area:cover;width:42px;height:42px}
    .dpp-track-number{grid-area:number}
    .dpp-track-title{grid-area:title}
    .dpp-track-actions{grid-area:actions;width:100%;justify-content:center}
    .dpp-player-cover-wrap{width:40px;height:40px;flex-basis:40px}
}


/* DPP 3.3.1 - use one playlist cover from post featured image */
.dpp-playlist-cover{
    width:96px;
    height:96px;
    margin:0 auto 1em;
    border-radius:1.15em;
    overflow:hidden;
    background:linear-gradient(135deg,rgba(255,166,0,.20),rgba(251,114,10,.10));
    border:1px solid var(--dpp-border-2,#23344d);
    box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.dpp-playlist-cover img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.dpp-track-row{
    display:flex;
    align-items:center;
}
.dpp-track-cover{display:none!important}
@media (max-width:768px){
    .dpp-playlist-cover{
        width:82px;
        height:82px;
        border-radius:1em;
        margin-bottom:.85em;
    }
    .dpp-track-row{
        display:flex;
        flex-direction:column;
        align-items:stretch;
    }
}


/* DPP 3.3.2 - keep featured image for lock screen only, hide top playlist cover in post */
.dpp-playlist-container > .dpp-playlist-cover{
    display:none!important;
}

/* Production-Lite 5.1: compact queue and card integration. */
.dpp-queue-toggle{position:relative}
.dpp-queue-count{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#ffa600;color:#101722;font-size:10px;font-weight:800;line-height:1}
.dpp-lite-queue{width:min(620px,100%);max-height:280px;overflow:hidden;margin:0 auto;background:#111d2b;border:1px solid #23344d;border-radius:14px;direction:rtl}
.dpp-lite-queue[hidden]{display:none!important}
.dpp-lite-queue-head{display:flex;align-items:center;justify-content:space-between;padding:.7em .85em;border-bottom:1px solid #23344d;color:#fff}
.dpp-lite-queue-close{width:30px;height:30px;border:1px solid #30445f;border-radius:50%;background:#1e2835;color:#bbc6d3;cursor:pointer}
.dpp-lite-queue-list{display:flex;flex-direction:column;max-height:220px;overflow:auto;overscroll-behavior:contain}
.dpp-lite-queue-item{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:.55em;width:100%;padding:.62em .75em;border:0;border-bottom:1px solid rgba(48,68,95,.55);background:transparent;color:#e9eef5;text-align:right;cursor:pointer}
.dpp-lite-queue-item:last-child{border-bottom:0}
.dpp-lite-queue-item:hover,.dpp-lite-queue-item.is-current{background:rgba(255,166,0,.12)}
.dpp-lite-queue-number{color:#ffa600;font-size:12px;text-align:center}
.dpp-lite-queue-text{min-width:0;display:flex;flex-direction:column;gap:.1em}
.dpp-lite-queue-text strong,.dpp-lite-queue-text small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dpp-lite-queue-text strong{font-size:13px;color:#fff}
.dpp-lite-queue-text small{font-size:11px;color:#9fb0c4}
.dpp-lite-queue-action{color:#ffa600;text-align:center;font-size:12px}
.dpp-lite-queue-empty{margin:0;padding:1em;color:#9fb0c4;text-align:center;font-size:13px}

@media (min-width:769px){
  .dpp-floating-player{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(260px,1.25fr);align-items:center;gap:.65em 1em;padding:.65em 1em}
  .dpp-player-header{grid-column:1;grid-row:1}
  .dpp-player-controls{grid-column:2;grid-row:1;flex-wrap:nowrap}
  .dpp-time-bar{grid-column:3;grid-row:1}
  .dpp-lite-queue{grid-column:1/-1;grid-row:2}
  .dpp-player-title-wrap{justify-content:flex-start}
}

@media (max-width:768px){
  .dpp-lite-queue{max-height:42vh;border-radius:14px 14px 0 0}
  .dpp-lite-queue-list{max-height:34vh}
  .dpp-player-controls .dpp-mute-btn,.dpp-player-controls .dpp-backward-btn,.dpp-player-controls .dpp-forward-btn{display:none}
}


/* Lite favorites 5.2.0: local-first, no observers or background polling. */
.dpp-favorite-current,.dpp-track-favorite-btn{border:0;cursor:pointer}
.dpp-favorite-current{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#1e2835;color:#d8e1ec;font-size:22px;line-height:1}
.dpp-favorite-current:hover,.dpp-favorite-current:focus-visible,.dpp-favorite-current.is-favorite{color:#ff7a8b;background:#26374d;outline:none}
.dpp-favorite-current:disabled{opacity:.45;cursor:not-allowed}
.dpp-track-favorite-btn{display:inline-flex;align-items:center;gap:.3em;background:transparent;color:#aebaca;padding:.35em .5em;border-radius:8px}
.dpp-track-favorite-btn:hover,.dpp-track-favorite-btn:focus-visible,.dpp-track-favorite-btn.is-favorite{color:#ff7185;background:rgba(255,113,133,.1);outline:none}
.dpp-track-favorite-btn>span[aria-hidden=true]{font-size:20px;line-height:1}
.dpp-lite-favorites-page{max-width:920px;margin:1.5em auto;padding:1.1em;background:#fff;border:1px solid #f0dfc4;border-radius:20px;box-shadow:0 12px 32px rgba(91,54,12,.08);direction:rtl}
.dpp-lite-favorites-head{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.3em .2em 1em;border-bottom:1px solid #f0dfc4}
.dpp-lite-favorites-head h2{margin:0 0 .3em;color:#273142;font-size:22px}.dpp-lite-favorites-head p{margin:0;color:#747b86;font-size:13px}
.dpp-favorites-play-all{border:0;border-radius:999px;padding:.75em 1.15em;background:linear-gradient(135deg,#ff9800,#ff6d00);color:#fff;font-weight:800;cursor:pointer;white-space:nowrap}
.dpp-favorites-play-all:disabled{opacity:.45;cursor:not-allowed}
.dpp-lite-favorites-count{margin:.9em .2em;color:#73522f;font-size:13px}
.dpp-lite-favorites-list{display:flex;flex-direction:column;gap:.65em}
.dpp-lite-favorite-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:.8em;padding:.65em;border:1px solid #f0dfc4;border-radius:14px;background:#fffaf3}
.dpp-lite-favorite-item img,.dpp-lite-favorite-cover{width:58px;height:58px;border-radius:11px;object-fit:cover;background:#ffe7c1;display:flex;align-items:center;justify-content:center;color:#ff7900;font-size:24px}
.dpp-lite-favorite-info{min-width:0;display:flex;flex-direction:column;gap:.2em}.dpp-lite-favorite-info strong,.dpp-lite-favorite-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dpp-lite-favorite-info strong{color:#273142;font-size:14px}.dpp-lite-favorite-info small{color:#747b86;font-size:12px}
.dpp-lite-favorite-actions{display:flex;gap:.4em}.dpp-lite-favorite-actions button{border:1px solid #efc887;border-radius:999px;background:#fff;color:#9a540a;padding:.5em .8em;cursor:pointer}.dpp-lite-favorite-actions button:hover{background:#fff0d8}.dpp-lite-favorite-actions .is-remove{color:#a33;border-color:#efc1c1}
.dpp-lite-favorites-empty{padding:2em 1em;margin:0;text-align:center;color:#747b86;background:#fffaf3;border-radius:14px}
@media(max-width:640px){.dpp-lite-favorites-page{margin:1em 0;padding:.8em;border-radius:15px}.dpp-lite-favorites-head{align-items:flex-start}.dpp-lite-favorites-head h2{font-size:18px}.dpp-lite-favorites-head p{display:none}.dpp-lite-favorite-item{grid-template-columns:48px minmax(0,1fr);gap:.65em}.dpp-lite-favorite-item img,.dpp-lite-favorite-cover{width:48px;height:48px}.dpp-lite-favorite-actions{grid-column:1/-1;justify-content:flex-end}.dpp-track-favorite-btn .dpp-action-label{display:none}}


/* Theme bridge for Lite favorites; injected once at DOMContentLoaded. */
.rm_hdr_favorites{display:inline-flex;align-items:center;justify-content:center;gap:.35em;min-height:38px;padding:.45em .75em;border-radius:999px;background:#fff7eb;border:1px solid #f0dfc4;color:#273142;font-size:13px;font-weight:800;white-space:nowrap;text-decoration:none}
.rm_hdr_favorites:hover{background:#ffe8c4;color:#c75f00}.rm_hdr_favorites span{color:#ef6379;font-size:18px;line-height:1}.rm_hdr_favorites em{font-style:normal}
.dpp-card-favorite-btn{position:absolute;top:1.05em;right:1.05em;z-index:6;width:42px;height:42px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.94);color:#7d8794;border:1px solid rgba(255,166,0,.28);box-shadow:0 8px 20px rgba(91,54,12,.15);font-size:24px;line-height:1;cursor:pointer}
.dpp-card-favorite-btn:hover,.dpp-card-favorite-btn:focus-visible,.dpp-card-favorite-btn.is-favorite{color:#ed6178;background:#fff;outline:3px solid rgba(237,97,120,.18);outline-offset:2px}
@media(max-width:820px){.rm_hdr_favorites{width:38px;height:38px;min-height:38px;padding:0}.rm_hdr_favorites em{display:none}.dpp-card-favorite-btn{top:.7em;right:.7em;width:38px;height:38px}}


/* Lite player 5.2.1: remove low-value 10-second seek controls from floating player. */
.dpp-floating-player .dpp-backward-btn,
.dpp-floating-player .dpp-forward-btn{display:none!important}

/* Lite history 5.3.0: local-first history and continue listening, no polling or observers. */
.rm_hdr_history{display:inline-flex;align-items:center;justify-content:center;gap:.35em;min-height:38px;padding:.45em .75em;border-radius:999px;background:#fff7eb;border:1px solid #f0dfc4;color:#273142;font-size:13px;font-weight:800;white-space:nowrap;text-decoration:none}
.rm_hdr_history:hover{background:#ffe8c4;color:#c75f00}.rm_hdr_history span{color:#f08b00;font-size:18px;line-height:1}.rm_hdr_history em{font-style:normal}
.dpp-lite-history-page{max-width:920px;margin:1.5em auto;padding:1.1em;background:#fff;border:1px solid #f0dfc4;border-radius:20px;box-shadow:0 12px 32px rgba(91,54,12,.08);direction:rtl}
.dpp-lite-history-head,.dpp-lite-history-title{display:flex;align-items:center;justify-content:space-between;gap:1em}
.dpp-lite-history-head{padding:.3em .2em 1em;border-bottom:1px solid #f0dfc4}
.dpp-lite-history-head h2,.dpp-lite-history-title h3,.dpp-lite-history-page h3{margin:0;color:#273142}
.dpp-lite-history-head h2{font-size:22px}.dpp-lite-history-head p{margin:.3em 0 0;color:#747b86;font-size:13px}
.dpp-history-clear{border:1px solid #efc1c1;border-radius:999px;background:#fff;color:#a33;padding:.65em .9em;cursor:pointer;white-space:nowrap}
.dpp-history-clear:hover{background:#fff2f2}.dpp-history-clear:disabled{opacity:.45;cursor:not-allowed}
.dpp-lite-continue-section,.dpp-lite-history-section{padding-top:1.15em}.dpp-lite-continue-section>h3,.dpp-lite-history-title{margin-bottom:.7em}.dpp-lite-history-title span{color:#8a633a;font-size:12px}
.dpp-lite-history-list{display:flex;flex-direction:column;gap:.65em}
.dpp-lite-history-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:.8em;padding:.65em;border:1px solid #f0dfc4;border-radius:14px;background:#fffaf3}
.dpp-lite-history-item img,.dpp-lite-history-cover{width:58px;height:58px;border-radius:11px;object-fit:cover;background:#ffe7c1;display:flex;align-items:center;justify-content:center;color:#ff7900;font-size:24px}
.dpp-lite-history-info{min-width:0;display:flex;flex-direction:column;gap:.2em}.dpp-lite-history-info strong,.dpp-lite-history-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dpp-lite-history-info strong{color:#273142;font-size:14px}.dpp-lite-history-info small{color:#747b86;font-size:12px}
.dpp-lite-history-progress{height:6px;margin-top:.25em;border-radius:999px;background:#f4ddbd;overflow:hidden}.dpp-lite-history-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9800,#ff6d00)}
.dpp-lite-history-time{color:#9a6a35!important;font-size:11px!important}
.dpp-lite-history-actions{display:flex;gap:.4em}.dpp-lite-history-actions button{border:1px solid #efc887;border-radius:999px;background:#fff;color:#9a540a;padding:.5em .8em;cursor:pointer}.dpp-lite-history-actions button:hover{background:#fff0d8}.dpp-lite-history-actions .is-remove{color:#a33;border-color:#efc1c1}
.dpp-lite-history-empty{padding:1.6em 1em;margin:0;text-align:center;color:#747b86;background:#fffaf3;border-radius:14px}
@media(max-width:820px){.rm_hdr_history{width:38px;height:38px;min-height:38px;padding:0}.rm_hdr_history em{display:none}}
@media(max-width:640px){.dpp-lite-history-page{margin:1em 0;padding:.8em;border-radius:15px}.dpp-lite-history-head{align-items:flex-start}.dpp-lite-history-head h2{font-size:18px}.dpp-lite-history-head p{display:none}.dpp-lite-history-item{grid-template-columns:48px minmax(0,1fr);gap:.65em}.dpp-lite-history-item img,.dpp-lite-history-cover{width:48px;height:48px}.dpp-lite-history-actions{grid-column:1/-1;justify-content:flex-end}.dpp-history-clear{padding:.55em .7em;font-size:12px}}

/* Lite personal playlists 5.4.0: local-first, user_meta sync, no observers or polling. */
.rm_hdr_playlists{display:inline-flex;align-items:center;justify-content:center;gap:.35em;min-height:38px;padding:.45em .75em;border-radius:999px;background:#fff7eb;border:1px solid #f0dfc4;color:#273142;font-size:13px;font-weight:800;white-space:nowrap;text-decoration:none}
.rm_hdr_playlists:hover{background:#ffe8c4;color:#c75f00}.rm_hdr_playlists span{color:#ff8500;font-size:19px;line-height:1}.rm_hdr_playlists em{font-style:normal}
.dpp-playlist-add-current,.dpp-track-playlist-btn{border:0;cursor:pointer}
.dpp-playlist-add-current{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#1e2835;color:#ffd08a;font-size:22px;line-height:1}
.dpp-playlist-add-current:hover,.dpp-playlist-add-current:focus-visible{background:#2b3b50;color:#ffad33;outline:none}
.dpp-track-playlist-btn{display:inline-flex;align-items:center;gap:.3em;background:transparent;color:#aebaca;padding:.35em .5em;border-radius:8px}
.dpp-track-playlist-btn:hover,.dpp-track-playlist-btn:focus-visible{color:#ff9300;background:rgba(255,147,0,.1);outline:none}
.dpp-track-playlist-btn>span[aria-hidden=true]{font-size:20px;line-height:1}
.dpp-card-playlist-btn{position:absolute;top:1.05em;left:1.05em;z-index:6;width:42px;height:42px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.94);color:#e37900;border:1px solid rgba(255,166,0,.28);box-shadow:0 8px 20px rgba(91,54,12,.15);font-size:24px;line-height:1;cursor:pointer}
.dpp-card-playlist-btn:hover,.dpp-card-playlist-btn:focus-visible{background:#fff;color:#ff6d00;outline:3px solid rgba(255,109,0,.18);outline-offset:2px}
html.dpp-playlist-picker-open{overflow:hidden}
.dpp-lite-playlist-picker{position:fixed;inset:0;z-index:999999;direction:rtl}
.dpp-lite-playlist-picker[hidden]{display:none!important}.dpp-lite-playlist-picker-backdrop{position:absolute;inset:0;background:rgba(10,18,28,.65);backdrop-filter:blur(3px)}
.dpp-lite-playlist-picker-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100% - 28px));max-height:min(620px,calc(100vh - 40px));overflow:auto;background:#fff;border:1px solid #f0dfc4;border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.28);padding:1em}
.dpp-lite-playlist-picker-head{display:flex;align-items:center;justify-content:space-between;gap:1em;padding-bottom:.8em;border-bottom:1px solid #f0dfc4}.dpp-lite-playlist-picker-head h3{margin:0;color:#273142;font-size:18px}.dpp-lite-playlist-picker-close{width:34px;height:34px;border:1px solid #edd6b1;border-radius:50%;background:#fffaf3;color:#7a4b1b;cursor:pointer}
.dpp-lite-playlist-picker-list{display:flex;flex-direction:column;gap:.5em;padding:.85em 0}.dpp-lite-playlist-picker-item{display:flex;align-items:center;justify-content:space-between;gap:1em;width:100%;padding:.75em .85em;border:1px solid #f0dfc4;border-radius:12px;background:#fffaf3;color:#273142;text-align:right;cursor:pointer}.dpp-lite-playlist-picker-item:hover,.dpp-lite-playlist-picker-item:focus-visible{background:#fff0d8;outline:none}.dpp-lite-playlist-picker-item:disabled{opacity:.55;cursor:not-allowed}.dpp-lite-playlist-picker-item strong{font-size:14px}.dpp-lite-playlist-picker-item small{color:#8a633a;font-size:11px}.dpp-lite-playlist-picker-empty{margin:0;padding:1em;text-align:center;color:#747b86;background:#fffaf3;border-radius:12px}
.dpp-lite-playlist-picker-create{padding-top:.85em;border-top:1px solid #f0dfc4}.dpp-lite-playlist-picker-create label{display:block;margin-bottom:.45em;color:#5c4630;font-size:12px;font-weight:800}.dpp-lite-playlist-picker-create>div{display:flex;gap:.5em}.dpp-lite-playlist-picker-create input{flex:1;min-width:0;height:42px;border:1px solid #dfc08f;border-radius:10px;padding:0 .75em;background:#fff;color:#273142}.dpp-lite-playlist-picker-create button{border:0;border-radius:10px;padding:0 1em;background:#ff8300;color:#fff;font-weight:800;cursor:pointer}
.dpp-lite-personal-playlists-page{max-width:1040px;margin:1.5em auto;padding:1.1em;background:#fff;border:1px solid #f0dfc4;border-radius:20px;box-shadow:0 12px 32px rgba(91,54,12,.08);direction:rtl}
.dpp-lite-personal-playlists-head{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.3em .2em 1em;border-bottom:1px solid #f0dfc4}.dpp-lite-personal-playlists-head h2{margin:0 0 .3em;color:#273142;font-size:22px}.dpp-lite-personal-playlists-head p{margin:0;color:#747b86;font-size:13px}.dpp-lite-personal-playlists-head>span{color:#8a633a;font-size:12px;white-space:nowrap}
.dpp-lite-personal-create{padding:1em 0}.dpp-lite-personal-create label{display:block;margin-bottom:.4em;color:#5c4630;font-size:12px;font-weight:800}.dpp-lite-personal-create>div{display:flex;gap:.5em;max-width:480px}.dpp-lite-personal-create input{flex:1;min-width:0;height:42px;border:1px solid #dfc08f;border-radius:10px;padding:0 .75em;background:#fff;color:#273142}.dpp-lite-personal-create button{border:0;border-radius:10px;padding:0 1.15em;background:linear-gradient(135deg,#ff9800,#ff6d00);color:#fff;font-weight:800;cursor:pointer}
.dpp-lite-personal-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:1em;align-items:start}.dpp-lite-personal-nav{display:flex;flex-direction:column;gap:.45em;padding:.65em;background:#fffaf3;border:1px solid #f0dfc4;border-radius:14px}.dpp-lite-personal-nav-item{display:flex;flex-direction:column;gap:.15em;width:100%;padding:.7em .75em;border:0;border-radius:10px;background:transparent;color:#273142;text-align:right;cursor:pointer}.dpp-lite-personal-nav-item:hover,.dpp-lite-personal-nav-item.is-active{background:#ffe9c6}.dpp-lite-personal-nav-item strong{font-size:13px}.dpp-lite-personal-nav-item small{color:#8a633a;font-size:11px}
.dpp-lite-personal-content{min-height:220px;padding:.85em;border:1px solid #f0dfc4;border-radius:14px;background:#fff}.dpp-lite-personal-content-head{display:flex;align-items:center;justify-content:space-between;gap:1em;padding-bottom:.8em;border-bottom:1px solid #f0dfc4}.dpp-lite-personal-content-head h3{margin:0;color:#273142;font-size:18px}.dpp-lite-personal-content-head p{margin:.2em 0 0;color:#8a633a;font-size:12px}.dpp-lite-personal-content-actions{display:flex;flex-wrap:wrap;gap:.4em}.dpp-lite-personal-content-actions button,.dpp-lite-personal-track-actions button{border:1px solid #efc887;border-radius:999px;background:#fff;color:#9a540a;padding:.5em .8em;cursor:pointer}.dpp-lite-personal-content-actions button.is-primary{border:0;background:#ff8300;color:#fff}.dpp-lite-personal-content-actions button.is-danger,.dpp-lite-personal-track-actions button.is-danger{color:#a33;border-color:#efc1c1}.dpp-lite-personal-content-actions button:disabled{opacity:.45;cursor:not-allowed}
.dpp-lite-personal-tracks{display:flex;flex-direction:column;gap:.65em;padding-top:.85em}.dpp-lite-personal-track{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:.75em;padding:.6em;border:1px solid #f0dfc4;border-radius:12px;background:#fffaf3}.dpp-lite-personal-track img,.dpp-lite-personal-cover{width:54px;height:54px;border-radius:10px;object-fit:cover;background:#ffe7c1;display:flex;align-items:center;justify-content:center;color:#ff7900;font-size:23px}.dpp-lite-personal-track-info{min-width:0;display:flex;flex-direction:column;gap:.2em}.dpp-lite-personal-track-info strong,.dpp-lite-personal-track-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dpp-lite-personal-track-info strong{color:#273142;font-size:13px}.dpp-lite-personal-track-info small{color:#747b86;font-size:11px}.dpp-lite-personal-track-actions{display:flex;gap:.4em}.dpp-lite-personal-empty,.dpp-lite-personal-welcome{margin:0;padding:1.4em;text-align:center;color:#747b86;background:#fffaf3;border-radius:12px}.dpp-lite-personal-welcome strong{display:block;margin-bottom:.35em;color:#273142}.dpp-lite-personal-welcome p{margin:0;font-size:12px}
@media(max-width:820px){.rm_hdr_playlists{width:38px;height:38px;min-height:38px;padding:0}.rm_hdr_playlists em{display:none}.dpp-card-playlist-btn{top:.7em;left:.7em;width:38px;height:38px}.dpp-lite-personal-layout{grid-template-columns:1fr}.dpp-lite-personal-nav{flex-direction:row;overflow:auto;scrollbar-width:thin}.dpp-lite-personal-nav-item{min-width:150px}.dpp-track-playlist-btn .dpp-action-label{display:none}}
@media(max-width:640px){.dpp-lite-personal-playlists-page{margin:1em 0;padding:.8em;border-radius:15px}.dpp-lite-personal-playlists-head{align-items:flex-start}.dpp-lite-personal-playlists-head h2{font-size:18px}.dpp-lite-personal-playlists-head p{display:none}.dpp-lite-personal-create>div{width:100%}.dpp-lite-personal-content-head{align-items:flex-start;flex-direction:column}.dpp-lite-personal-track{grid-template-columns:46px minmax(0,1fr);gap:.6em}.dpp-lite-personal-track img,.dpp-lite-personal-cover{width:46px;height:46px}.dpp-lite-personal-track-actions{grid-column:1/-1;justify-content:flex-end}.dpp-lite-playlist-picker-panel{top:auto;bottom:0;left:0;transform:none;width:100%;max-height:80vh;border-radius:20px 20px 0 0}}


/* Lite Library 5.5.0: one lightweight hub for favorites, listening history and playlists. */
.rm_hdr_library{display:inline-flex;align-items:center;justify-content:center;gap:.35em;min-height:38px;padding:.45em .75em;border-radius:999px;background:#fff7eb;border:1px solid #f0dfc4;color:#273142;font-size:13px;font-weight:800;white-space:nowrap;text-decoration:none}
.rm_hdr_library:hover,.rm_hdr_library:focus-visible{background:#ffe8c4;color:#c75f00;outline:none}.rm_hdr_library span{color:#ff8500;font-size:19px;line-height:1}.rm_hdr_library em{font-style:normal}
.dpp-lite-library-page{max-width:1100px;margin:1.5em auto;padding:1.1em;background:#fff;border:1px solid #f0dfc4;border-radius:22px;box-shadow:0 14px 38px rgba(91,54,12,.09);direction:rtl}
.dpp-lite-library-hero{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.5em .35em 1.1em}.dpp-lite-library-kicker{display:block;margin-bottom:.25em;color:#e87900;font-size:11px;font-weight:900;letter-spacing:.02em}.dpp-lite-library-hero h2{margin:0 0 .25em;color:#273142;font-size:26px}.dpp-lite-library-hero p{margin:0;color:#747b86;font-size:13px}.dpp-lite-library-user{flex:0 0 auto;padding:.5em .75em;border-radius:999px;background:#fff2dd;color:#93520a;font-size:11px;font-weight:800}
.dpp-lite-library-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7em;margin-bottom:1em}.dpp-lite-library-summary button{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.65em;width:100%;padding:.8em;border:1px solid #f0dfc4;border-radius:14px;background:#fffaf3;color:#273142;text-align:right;cursor:pointer}.dpp-lite-library-summary button:hover,.dpp-lite-library-summary button:focus-visible{background:#fff0d8;outline:2px solid rgba(255,131,0,.16);outline-offset:1px}.dpp-lite-library-summary button>span{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffe7c1;color:#ed7900;font-size:20px}.dpp-lite-library-summary small{font-size:12px;color:#6f665b}.dpp-lite-library-summary strong{font-size:21px;color:#273142}
.dpp-lite-library-tabs{display:flex;gap:.45em;padding:.4em;background:#fff7eb;border:1px solid #f0dfc4;border-radius:14px;overflow:auto}.dpp-lite-library-tabs button{flex:1;min-width:130px;border:0;border-radius:10px;padding:.7em 1em;background:transparent;color:#6f665b;font-weight:800;cursor:pointer}.dpp-lite-library-tabs button:hover,.dpp-lite-library-tabs button:focus-visible,.dpp-lite-library-tabs button.is-active{background:#fff;color:#e56e00;box-shadow:0 3px 12px rgba(91,54,12,.08);outline:none}
.dpp-lite-library-panels{padding-top:1em}.dpp-lite-library-panel[hidden]{display:none!important}.dpp-lite-library-panel>.dpp-lite-favorites-page,.dpp-lite-library-panel>.dpp-lite-history-page,.dpp-lite-library-panel>.dpp-lite-personal-playlists-page{max-width:none;margin:0;padding:.25em 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}.dpp-lite-library-panel>.dpp-lite-favorites-page>.dpp-lite-favorites-head,.dpp-lite-library-panel>.dpp-lite-history-page>.dpp-lite-history-head,.dpp-lite-library-panel>.dpp-lite-personal-playlists-page>.dpp-lite-personal-playlists-head{padding-top:0}
@media(max-width:920px){.dpp-lite-library-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.rm_hdr_library{width:38px;height:38px;min-height:38px;padding:0}.rm_hdr_library em{display:none}}
@media(max-width:640px){.dpp-lite-library-page{margin:1em 0;padding:.8em;border-radius:15px}.dpp-lite-library-hero{align-items:flex-start}.dpp-lite-library-hero h2{font-size:20px}.dpp-lite-library-hero p{display:none}.dpp-lite-library-user{font-size:10px}.dpp-lite-library-summary{gap:.5em}.dpp-lite-library-summary button{grid-template-columns:36px minmax(0,1fr);padding:.65em}.dpp-lite-library-summary button>span{width:36px;height:36px}.dpp-lite-library-summary strong{grid-column:2;font-size:17px}.dpp-lite-library-tabs button{min-width:110px;padding:.65em .75em}}


/* DPP 4.1.0 - global queue, persistent playback and unified player surfaces */
.dpp-player-header{direction:ltr}
.dpp-player-copy{display:flex;flex-direction:column;min-width:0;direction:rtl;text-align:right}
.dpp-player-artist{font-size:11px;color:#bbc6d3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(520px,70vw)}
.dpp-queue-toggle{position:relative;flex:0 0 auto;width:40px;height:40px;border:1px solid #23344d;border-radius:50%;background:#1e2835;color:#bbc6d3;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit}
.dpp-queue-toggle svg{width:19px;height:19px;fill:#ffa600}
.dpp-queue-toggle:hover,.dpp-queue-toggle[aria-expanded="true"]{background:linear-gradient(90deg,#ffa600 0,#fb720a 100%);border-color:#fb720a;color:#000}
.dpp-queue-toggle:hover svg,.dpp-queue-toggle[aria-expanded="true"] svg{fill:#000}
.dpp-queue-count{position:absolute;top:-6px;right:-5px;min-width:19px;height:19px;padding:0 4px;border-radius:99px;background:#fff;color:#0f1926;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:1px solid #23344d}
.dpp-queue-panel{direction:rtl;background:#111d2c;border:1px solid #23344d;border-radius:1em;padding:.8em;max-height:min(52vh,460px);overflow:hidden;box-shadow:0 -14px 38px rgba(0,0,0,.28)}
.dpp-queue-panel[hidden]{display:none!important}
.dpp-queue-header{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.15em .15em .7em;border-bottom:1px solid #23344d}
.dpp-queue-header>div:first-child{display:flex;align-items:center;gap:.55em}
.dpp-queue-header strong{font-size:15px;color:#fff}
.dpp-queue-summary{font-size:11px;color:#bbc6d3;background:#1e2835;border:1px solid #23344d;border-radius:99px;padding:.25em .65em}
.dpp-queue-header-actions{display:flex;align-items:center;gap:.45em}
.dpp-queue-clear,.dpp-queue-close{font-family:inherit;border:1px solid #23344d;background:#1e2835;color:#bbc6d3;border-radius:.65em;min-height:34px;padding:.35em .75em;cursor:pointer}
.dpp-queue-close{width:34px;padding:0;border-radius:50%}
.dpp-queue-clear:hover,.dpp-queue-close:hover{border-color:#ffa600;color:#ffa600}
.dpp-queue-list{display:flex;flex-direction:column;gap:.45em;overflow:auto;max-height:min(42vh,360px);padding:.65em .1em .1em;scrollbar-width:thin;scrollbar-color:#ffa600 #1e2835}
.dpp-queue-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:.65em;padding:.5em;background:#1a2636;border:1px solid #23344d;border-radius:.8em}
.dpp-queue-item.is-current{border-color:rgba(255,166,0,.68);background:linear-gradient(90deg,rgba(255,166,0,.12),#1a2636 65%)}
.dpp-queue-play{width:42px;height:42px;border:0;border-radius:.65em;background:#0f1926;color:#ffa600;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;font-size:20px}
.dpp-queue-play img{width:100%;height:100%;object-fit:cover;display:block}
.dpp-queue-track-copy{display:flex;flex-direction:column;min-width:0;gap:.15em;text-align:right}
.dpp-queue-track-copy strong{font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dpp-queue-track-copy span{font-size:11px;color:#bbc6d3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dpp-queue-item-actions{display:flex;align-items:center;gap:.3em}
.dpp-queue-item-actions button{width:30px;height:30px;border-radius:.55em;border:1px solid #2b3b53;background:#0f1926;color:#bbc6d3;cursor:pointer;padding:0;font-family:inherit}
.dpp-queue-item-actions button:hover:not(:disabled){border-color:#ffa600;color:#ffa600}
.dpp-queue-item-actions button:disabled{opacity:.35;cursor:not-allowed}
.dpp-queue-empty{margin:.8em 0 .1em;text-align:center;color:#bbc6d3;font-size:13px}
.dpp-player-toast{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,8px);opacity:0;pointer-events:none;background:#fff;color:#1a2636;border-radius:99px;padding:.55em 1em;font-size:12px;font-weight:750;box-shadow:0 12px 28px rgba(0,0,0,.24);transition:all .18s ease;white-space:nowrap;direction:rtl}
.dpp-player-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.dpp-queue-btn.dpp-is-queued{border-color:#ffa600;color:#ffa600;background:#152439}
.dpp-queue-btn.dpp-is-queued svg{fill:#ffa600}
.dpp-global-play-btn,.dpp-global-queue-btn{font-family:inherit}
.dpp-external-playlist-data{display:none!important}

@media (max-width:768px){
    .dpp-player-title-wrap{justify-content:flex-start}
    .dpp-player-title{max-width:42vw}
    .dpp-player-artist{max-width:42vw}
    .dpp-queue-panel{max-height:56vh;padding:.65em}
    .dpp-queue-list{max-height:44vh}
    .dpp-queue-item{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"cover copy" "actions actions"}
    .dpp-queue-play{grid-area:cover;width:38px;height:38px}
    .dpp-queue-track-copy{grid-area:copy}
    .dpp-queue-item-actions{grid-area:actions;justify-content:flex-end}
    .dpp-player-toast{max-width:88vw;white-space:normal;text-align:center}
}

@media (prefers-reduced-motion:reduce){
    .dpp-player-toast{transition:none!important}
}


/* DPP 4.2.0 — immersive responsive player, queue sheet and dark/light alignment */
:root{--dpp-mobile-nav-height:var(--am-mobile-dock-height,72px);--dpp-mobile-nav-gap:var(--am-mobile-dock-gap,8px)}
.dpp-floating-player{
    --dpp-ambient-rgb:232,137,25;
    width:min(1180px,calc(100% - 28px));
    right:50%;left:auto;bottom:14px;
    transform:translate(50%,calc(100% + 40px));
    padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));
    display:grid;
    grid-template-columns:minmax(240px,1.2fr) auto minmax(260px,1fr);
    grid-template-areas:"header controls time";
    align-items:center;
    gap:14px;
    overflow:visible;
    border:1px solid rgba(255,255,255,.1);
    border-top:1px solid rgba(255,255,255,.18);
    border-radius:22px;
    background:linear-gradient(135deg,rgba(13,22,34,.97),rgba(20,34,51,.96));
    box-shadow:0 22px 55px rgba(2,9,17,.42),inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter:blur(22px) saturate(130%);
    isolation:isolate;
}
.dpp-floating-player.active{transform:translate(50%,0)}
.dpp-player-ambient{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(circle at 18% 50%,rgba(var(--dpp-ambient-rgb),.22),transparent 36%),radial-gradient(circle at 82% 45%,rgba(255,166,0,.10),transparent 38%)}
.dpp-mobile-grabber{display:none}
.dpp-player-header{grid-area:header;min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;direction:ltr}
.dpp-player-title-wrap{justify-content:flex-start;cursor:default;min-width:0}
.dpp-player-cover-wrap{width:58px;height:58px;flex-basis:58px;border-radius:14px;border-color:rgba(255,255,255,.13);box-shadow:0 12px 26px rgba(0,0,0,.3)}
.dpp-player-copy{max-width:none;gap:1px}
.dpp-now-playing-label{font-size:9px;letter-spacing:.02em;color:rgba(255,255,255,.5);font-weight:600}
.dpp-player-title{max-width:100%;font-size:13px;color:#fff}
.dpp-player-artist{max-width:100%;color:rgba(255,255,255,.62)}
.dpp-music-icon{display:none}
.dpp-player-header-actions{display:flex;align-items:center;gap:7px}
.dpp-player-expand,.dpp-queue-toggle{position:relative;width:36px;height:36px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.dpp-player-expand svg,.dpp-queue-toggle svg{width:18px;height:18px;fill:#ffad32}
.dpp-player-expand:hover,.dpp-queue-toggle:hover,.dpp-player-expand[aria-pressed="true"],.dpp-queue-toggle[aria-expanded="true"]{background:linear-gradient(135deg,#ffa600,#fb720a);border-color:transparent;color:#111}
.dpp-player-expand:hover svg,.dpp-queue-toggle:hover svg,.dpp-player-expand[aria-pressed="true"] svg,.dpp-queue-toggle[aria-expanded="true"] svg{fill:#111}
.dpp-player-expand[aria-pressed="true"] svg{transform:rotate(180deg)}
.dpp-player-close{width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);font-size:14px}
.dpp-player-controls{grid-area:controls;flex-wrap:nowrap;gap:5px}
.dpp-player-controls button{width:36px;height:36px;background:transparent;border-color:transparent}
.dpp-player-controls .dpp-play-pause-btn{width:48px;height:48px;background:linear-gradient(135deg,#ffb126,#fb720a);border:0;box-shadow:0 10px 24px rgba(251,114,10,.28)}
.dpp-player-controls .dpp-play-pause-btn svg{width:22px;height:22px;fill:#111}
.dpp-player-controls .dpp-backward-btn,.dpp-player-controls .dpp-forward-btn,.dpp-player-controls .dpp-mute-btn{opacity:.72}
.dpp-time-bar{grid-area:time;direction:ltr;gap:8px;min-width:0}
.dpp-progress-bar{height:5px;background:rgba(255,255,255,.12);overflow:visible}
.dpp-progress-filled{position:relative;background:linear-gradient(90deg,rgb(var(--dpp-ambient-rgb)),#ffad32)}
.dpp-progress-thumb{position:absolute;top:50%;left:var(--dpp-progress,0%);width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 3px 9px rgba(0,0,0,.3);transform:translate(-50%,-50%) scale(0);transition:transform .16s ease;pointer-events:none}
.dpp-progress-bar:hover .dpp-progress-thumb,.dpp-progress-bar:focus-visible .dpp-progress-thumb{transform:translate(-50%,-50%) scale(1)}
.dpp-current-time,.dpp-duration{min-width:36px;color:rgba(255,255,255,.58);font-size:10px}
.dpp-player-backdrop{position:fixed;inset:0;z-index:9997;background:rgba(3,9,15,.58);backdrop-filter:blur(5px);opacity:0;transition:opacity .22s ease;border:0;padding:0}
.dpp-player-backdrop[hidden]{display:none!important}.dpp-player-backdrop.is-visible{opacity:1}
.dpp-queue-panel{position:absolute;right:0;left:0;bottom:calc(100% + 12px);max-height:min(66vh,600px);background:linear-gradient(145deg,rgba(15,25,38,.99),rgba(24,38,56,.99));border-color:rgba(255,255,255,.12);border-radius:20px;box-shadow:0 28px 65px rgba(0,0,0,.5);z-index:3}
.dpp-queue-list{max-height:min(52vh,480px)}
.dpp-queue-item{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.09)}
.dpp-queue-item.is-current{background:linear-gradient(90deg,rgba(var(--dpp-ambient-rgb),.19),rgba(255,255,255,.055) 72%);border-color:rgba(var(--dpp-ambient-rgb),.7)}
.dpp-player-toast{bottom:calc(100% + 14px)}
body.dpp-player-is-active{padding-bottom:calc(var(--dpp-player-height,90px) + 28px + env(safe-area-inset-bottom,0px))}

/* Player follows the site dark/light setting without flashing. */
html[data-aftab-theme="light"] .dpp-playlist-container{--dpp-bg:#fffaf3;--dpp-bg-soft:#fff1df;--dpp-card:#fff;--dpp-border:#ead2a8;--dpp-border-2:#efd9b5;--dpp-text:#3b2611;--dpp-muted:#73522f;box-shadow:0 16px 34px rgba(91,54,12,.09)}
html[data-aftab-theme="light"] .dpp-playlist-title{color:#3b2611}
html[data-aftab-theme="light"] .dpp-playlist-title span{color:#cf6a12}
html[data-aftab-theme="light"] .dpp-playlist-title small{background:#fff1df;color:#73522f;border-color:#ead2a8}
html[data-aftab-theme="light"] .dpp-track-meta{color:#8b6741}
html[data-aftab-theme="light"] .dpp-track-actions button{background:#fffaf3}

@media(max-width:900px) and (min-width:769px){
    .dpp-floating-player{grid-template-columns:minmax(210px,1fr) auto;grid-template-areas:"header controls" "time time"}
    .dpp-time-bar{padding:0 6px}
    .dpp-player-controls .dpp-mute-btn{display:none}
}

@media(max-width:768px){
    :root{--dpp-mobile-nav-height:var(--am-mobile-dock-height,72px);--dpp-mobile-nav-gap:var(--am-mobile-dock-gap,8px)}
    .dpp-floating-player{
        right:max(8px,env(safe-area-inset-right,0px));left:max(8px,env(safe-area-inset-left,0px));bottom:calc(var(--dpp-mobile-nav-height,72px) + var(--dpp-mobile-nav-gap,8px) + env(safe-area-inset-bottom,0px));
        width:auto;max-width:none;
        transform:translateY(calc(100% + var(--dpp-mobile-nav-height,72px) + 34px));
        grid-template-columns:minmax(0,1fr) auto;
        grid-template-areas:"header controls" "time time";
        gap:7px 9px;
        padding:9px 10px;
        border-radius:17px;
        transition:transform .28s cubic-bezier(.2,.75,.25,1),inset .28s ease,border-radius .28s ease,padding .28s ease;
    }
    .dpp-floating-player.active{transform:translateY(0)}
    .dpp-mobile-grabber{display:block;position:absolute;top:5px;left:50%;width:34px;height:4px;border-radius:99px;background:rgba(255,255,255,.26);transform:translateX(-50%);opacity:0}
    .dpp-player-header{grid-template-columns:30px minmax(0,1fr) auto;gap:7px}
    .dpp-player-close{width:30px;height:30px;border-radius:9px}
    .dpp-player-cover-wrap{width:48px;height:48px;flex-basis:48px;border-radius:12px}
    .dpp-now-playing-label{display:none}
    .dpp-player-title{font-size:12px;max-width:100%}
    .dpp-player-artist{font-size:10px;max-width:100%}
    .dpp-player-expand,.dpp-queue-toggle{width:32px;height:32px;border-radius:9px}
    .dpp-queue-count{top:-7px;right:-6px}
    .dpp-player-controls{gap:2px}
    .dpp-player-controls button{width:31px;height:31px}
    .dpp-player-controls .dpp-play-pause-btn{width:40px;height:40px}
    .dpp-player-controls .dpp-mute-btn,.dpp-player-controls .dpp-backward-btn,.dpp-player-controls .dpp-forward-btn,.dpp-player-controls .dpp-repeat-btn,.dpp-player-controls .dpp-shuffle-btn{display:none}
    .dpp-time-bar{gap:5px}.dpp-current-time,.dpp-duration{font-size:9px;min-width:31px}
    .dpp-queue-panel{position:fixed;right:max(8px,env(safe-area-inset-right,0px));left:max(8px,env(safe-area-inset-left,0px));bottom:calc(var(--dpp-mobile-nav-height,72px) + var(--dpp-mobile-nav-gap,8px) + env(safe-area-inset-bottom,0px));max-height:min(72vh,620px);border-radius:22px;padding:12px;transform-origin:bottom;animation:dpp-sheet-in .25s ease}
    .dpp-queue-list{max-height:calc(72vh - 92px)}
    .dpp-player-toast{position:fixed;bottom:calc(var(--dpp-mobile-nav-height,72px) + var(--dpp-mobile-nav-gap,8px) + 88px + env(safe-area-inset-bottom,0px))}
    body.dpp-player-is-active{padding-bottom:calc(var(--dpp-player-height,114px) + var(--dpp-mobile-nav-height,72px) + var(--dpp-mobile-nav-gap,8px) + 8px + env(safe-area-inset-bottom,0px))}

    .dpp-floating-player.dpp-fullscreen{
        position:fixed;inset:0;right:0;left:0;bottom:0;width:100%;height:100dvh;
        transform:none!important;border-radius:0;padding:calc(18px + env(safe-area-inset-top,0px)) 22px calc(22px + env(safe-area-inset-bottom,0px));
        display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto auto auto;
        grid-template-areas:"header" "visual" "secondary" "time" "controls";
        gap:18px;background:linear-gradient(180deg,rgba(var(--dpp-ambient-rgb),.42) 0%,#101925 42%,#0c141f 100%);z-index:10000;overflow:hidden;
    }
    .dpp-floating-player.dpp-fullscreen .dpp-mobile-grabber{opacity:1;top:calc(7px + env(safe-area-inset-top,0px))}
    .dpp-floating-player.dpp-fullscreen .dpp-player-ambient{background:radial-gradient(circle at 50% 18%,rgba(var(--dpp-ambient-rgb),.5),transparent 45%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 45%)}
    .dpp-floating-player.dpp-fullscreen .dpp-player-header{grid-area:header;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;padding-top:8px}
    .dpp-floating-player.dpp-fullscreen .dpp-player-close{width:40px;height:40px;border-radius:13px}
    .dpp-floating-player.dpp-fullscreen .dpp-player-header-actions{gap:9px}
    .dpp-floating-player.dpp-fullscreen .dpp-player-expand,.dpp-floating-player.dpp-fullscreen .dpp-queue-toggle{width:40px;height:40px;border-radius:13px}
    .dpp-floating-player.dpp-fullscreen .dpp-player-title-wrap{grid-area:visual;position:absolute;inset:92px 22px 210px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;text-align:center;cursor:default}
    .dpp-floating-player.dpp-fullscreen .dpp-player-cover-wrap{width:min(68vw,340px);height:min(68vw,340px);flex-basis:auto;border-radius:26px;border:1px solid rgba(255,255,255,.22);box-shadow:0 35px 70px rgba(0,0,0,.42)}
    .dpp-floating-player.dpp-fullscreen .dpp-player-copy{align-items:center;max-width:88vw;text-align:center;gap:5px}
    .dpp-floating-player.dpp-fullscreen .dpp-now-playing-label{display:block;font-size:10px;color:rgba(255,255,255,.58)}
    .dpp-floating-player.dpp-fullscreen .dpp-player-title{font-size:20px;line-height:1.7;text-align:center;max-width:88vw}
    .dpp-floating-player.dpp-fullscreen .dpp-player-artist{font-size:13px;text-align:center;max-width:88vw}
    .dpp-floating-player.dpp-fullscreen .dpp-player-title-wrap{inset:92px 22px 258px}
    .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls{grid-area:secondary;display:flex;justify-content:center;gap:8px;padding:0 5px;flex-wrap:wrap}
    .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls[hidden]{display:none!important}
    .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls button{display:inline-flex;width:42px;height:42px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08)}
    .dpp-floating-player.dpp-fullscreen .dpp-time-bar{grid-area:time;padding:0 4px;margin-top:auto}.dpp-floating-player.dpp-fullscreen .dpp-progress-bar{height:6px}
    .dpp-floating-player.dpp-fullscreen .dpp-player-controls{grid-area:controls;display:flex;justify-content:space-between;gap:8px;padding:0 5px}
    .dpp-floating-player.dpp-fullscreen .dpp-player-controls button{display:inline-flex;width:42px;height:42px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08)}
    .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-mute-btn{display:none}
    .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-play-pause-btn{width:66px;height:66px;background:linear-gradient(135deg,#ffba32,#fb720a);border:0}.dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-play-pause-btn svg{width:28px;height:28px}
    .dpp-floating-player.dpp-fullscreen .dpp-queue-panel{bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:6;max-height:78vh}
    body.dpp-player-fullscreen{overflow:hidden;padding-bottom:0!important}
}
@keyframes dpp-sheet-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:390px){
    .dpp-floating-player{right:5px;left:5px;padding:8px;gap:5px}.dpp-player-controls .dpp-prev-btn,.dpp-player-controls .dpp-next-btn{width:29px;height:29px}.dpp-player-cover-wrap{width:44px;height:44px;flex-basis:44px}
    .dpp-floating-player.dpp-fullscreen{padding-right:15px;padding-left:15px}.dpp-floating-player.dpp-fullscreen .dpp-player-title-wrap{inset-right:15px;inset-left:15px}.dpp-floating-player.dpp-fullscreen .dpp-player-controls{padding:0}
}
@media(prefers-reduced-motion:reduce){.dpp-player-backdrop,.dpp-progress-thumb,.dpp-floating-player{transition:none!important}.dpp-queue-panel{animation:none!important}}

@media(min-width:769px){.dpp-player-expand{display:none!important}}
@media(max-width:768px) and (max-height:640px){
.dpp-floating-player.dpp-fullscreen .dpp-player-title-wrap{inset-top:78px;bottom:228px;gap:10px}
.dpp-floating-player.dpp-fullscreen .dpp-player-cover-wrap{width:min(46vh,250px);height:min(46vh,250px)}
.dpp-floating-player.dpp-fullscreen .dpp-player-title{font-size:17px}
.dpp-floating-player.dpp-fullscreen{gap:10px}
}
@media(max-width:768px) and (orientation:landscape){
.dpp-floating-player.dpp-fullscreen{grid-template-columns:minmax(220px,42%) minmax(0,1fr);grid-template-rows:auto 1fr auto auto;grid-template-areas:"header header" "visual controls" "visual secondary" "visual time";gap:10px 24px}
.dpp-floating-player.dpp-fullscreen .dpp-player-title-wrap{position:static;grid-area:visual;inset:auto}.dpp-floating-player.dpp-fullscreen .dpp-player-cover-wrap{width:min(52vh,260px);height:min(52vh,260px)}
.dpp-floating-player.dpp-fullscreen .dpp-player-controls{grid-area:controls;align-self:end}.dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls{grid-area:secondary;align-self:center;justify-content:flex-start}.dpp-floating-player.dpp-fullscreen .dpp-time-bar{grid-area:time;align-self:start}.dpp-floating-player.dpp-fullscreen .dpp-now-playing-label{display:none}
}
@media(max-width:680px){.dpp-floating-player:not(.dpp-fullscreen) .dpp-player-controls .dpp-radio-btn{display:none}.dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-radio-btn{display:inline-flex}}



/* AftabMusic Stage 2 compatibility: v5.0.2 experience on the Production-Lite engine. */
.dpp-lite-queue{display:none!important}
.dpp-floating-player .dpp-backward-btn,
.dpp-floating-player .dpp-forward-btn{display:none!important}
.dpp-track-actions .dpp-queue-btn{display:inline-flex;align-items:center;gap:.3em}
.dpp-player-controls .dpp-favorite-current,
.dpp-player-controls .dpp-playlist-add-current,
.dpp-player-secondary-controls .dpp-favorite-current,
.dpp-player-secondary-controls .dpp-playlist-add-current{width:36px;height:36px;flex:0 0 auto;border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.dpp-player-controls .dpp-favorite-current:hover,
.dpp-player-controls .dpp-playlist-add-current:hover,
.dpp-player-secondary-controls .dpp-favorite-current:hover,
.dpp-player-secondary-controls .dpp-playlist-add-current:hover{background:rgba(255,166,0,.16);border-color:rgba(255,166,0,.5)}
.dpp-player-controls .dpp-playlist-add-current,.dpp-player-secondary-controls .dpp-playlist-add-current{font-size:20px;color:#ffad32}
.dpp-player-controls .dpp-favorite-current,.dpp-player-secondary-controls .dpp-favorite-current{font-size:21px;color:#fff}
.dpp-player-controls .dpp-favorite-current.is-favorite,.dpp-player-secondary-controls .dpp-favorite-current.is-favorite{color:#ff7185}
@media(max-width:768px){
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-controls .dpp-favorite-current,
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-controls .dpp-playlist-add-current{display:none}
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-favorite-current,
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-playlist-add-current{display:inline-flex}
  .dpp-track-row{align-items:stretch}
  .dpp-track-info{align-items:center;text-align:center}
}
@media(min-width:769px){
  .dpp-player-controls .dpp-favorite-current,
  .dpp-player-controls .dpp-playlist-add-current{display:inline-flex}
}
@media(max-width:390px){
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls{gap:4px}
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls button{width:36px;height:36px}
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-play-pause-btn{width:58px;height:58px}
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-favorite-current,
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-playlist-add-current,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls button{width:36px;height:36px}
}


/* Stage 6 radio + AftabMusic card overlay hotfix */
.am_music_card .dpp-card-playlist-btn{display:none!important}
.dpp-player-controls .dpp-radio-btn,.dpp-player-secondary-controls .dpp-radio-btn{display:inline-flex;width:36px;height:36px;flex:0 0 auto;border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#ffd27a}
.dpp-player-controls .dpp-radio-btn:hover,.dpp-player-controls .dpp-radio-btn.dpp-is-active,.dpp-player-secondary-controls .dpp-radio-btn:hover,.dpp-player-secondary-controls .dpp-radio-btn.dpp-is-active{background:rgba(255,166,0,.16);border-color:rgba(255,166,0,.5);color:#fff}
.dpp-player-controls .dpp-radio-btn.dpp-is-active,.dpp-player-secondary-controls .dpp-radio-btn.dpp-is-active{box-shadow:0 0 0 3px rgba(255,166,0,.15)}
@media(max-width:768px){
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-controls .dpp-radio-btn{display:none}
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-radio-btn{display:inline-flex}
}
@media(min-width:769px){
  .dpp-player-controls .dpp-radio-btn{display:inline-flex}
}

/* Stage 7: native Gutenberg / WordPress audio bridge */
.dpp-native-audio-replaced,.dpp-native-source-replaced{display:none!important}
.dpp-gutenberg-playlist{margin:1.2rem 0;padding:1rem;border:1px solid rgba(116,128,147,.2);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,250,253,.97));box-shadow:0 16px 42px rgba(29,39,58,.08);color:#273142}
.dpp-gutenberg-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem;padding-bottom:.85rem;border-bottom:1px solid #e8ebf0}.dpp-gutenberg-head>div{min-width:0}.dpp-gutenberg-head span{color:#ef7624;font-size:11px;font-weight:900}.dpp-gutenberg-head h3{margin:.14rem 0 .25rem;color:#222c3c;font-size:20px;line-height:1.6}.dpp-gutenberg-head p{margin:0;color:#7c8797;font-size:12px}.dpp-gutenberg-play-all{flex:0 0 auto;min-height:42px;padding:.6rem .95rem;border:0;border-radius:12px;background:linear-gradient(135deg,#ff9c26,#fb6f0b);color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(251,111,11,.22)}
.dpp-gutenberg-track-list{display:grid;gap:.6rem}.dpp-gutenberg-track{display:grid;grid-template-columns:42px 58px minmax(0,1fr) auto;align-items:center;gap:.65rem;min-width:0;padding:.6rem;border:1px solid #e7ebf1;border-radius:15px;background:#f9fafc;transition:border-color .18s ease,background .18s ease,transform .18s ease}.dpp-gutenberg-track:hover{transform:translateY(-1px);border-color:#ffd1ae}.dpp-gutenberg-track.is-current{border-color:#ffaf69;background:#fff8f1}.dpp-gutenberg-track.is-playing{box-shadow:0 8px 24px rgba(255,126,31,.12)}
.dpp-gutenberg-play{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:50%;background:linear-gradient(135deg,#ff9b28,#fb6f0b);color:#fff;font-size:12px;cursor:pointer}.dpp-gutenberg-cover{display:grid;width:58px;height:58px;place-items:center;overflow:hidden;border-radius:12px;background:#e9edf3}.dpp-gutenberg-cover img{width:100%;height:100%;object-fit:cover}.dpp-gutenberg-cover img[data-dpp-cover-state="pending"]{opacity:0}.dpp-gutenberg-cover img[data-dpp-cover-state="ready"]{opacity:1;transition:opacity .16s ease}.dpp-gutenberg-cover-fallback{color:#ff8420;font-size:22px}.dpp-gutenberg-copy{display:flex;min-width:0;flex-direction:column}.dpp-gutenberg-copy strong,.dpp-gutenberg-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dpp-gutenberg-copy strong{color:#273142;font-size:13px}.dpp-gutenberg-copy small{margin-top:.25rem;color:#8590a1;font-size:11px}
.dpp-gutenberg-actions{display:flex;align-items:center;justify-content:flex-end;gap:.25rem}.dpp-gutenberg-actions button,.dpp-gutenberg-actions a{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-height:34px;padding:.36rem .5rem;border:0;border-radius:9px;background:transparent;color:#7c8797;font:inherit;font-size:10px;text-decoration:none;cursor:pointer}.dpp-gutenberg-actions button:hover,.dpp-gutenberg-actions a:hover{background:#fff0df;color:#e76f10}.dpp-gutenberg-actions em{font-style:normal}.dpp-gutenberg-actions .dpp-track-favorite-btn,.dpp-gutenberg-actions .dpp-track-playlist-btn{position:static;inset:auto;width:auto;height:auto;box-shadow:none}.dpp-gutenberg-actions .dpp-track-favorite-btn.is-favorite{color:#ed6178;background:#fff1f4}
html[data-aftab-theme="dark"] .dpp-gutenberg-playlist{border-color:rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(20,29,44,.98),rgba(13,21,34,.98));color:#f4f7fb}html[data-aftab-theme="dark"] .dpp-gutenberg-head{border-color:rgba(255,255,255,.08)}html[data-aftab-theme="dark"] .dpp-gutenberg-head h3,html[data-aftab-theme="dark"] .dpp-gutenberg-copy strong{color:#f5f7fb}html[data-aftab-theme="dark"] .dpp-gutenberg-head p,html[data-aftab-theme="dark"] .dpp-gutenberg-copy small{color:#aab4c5}html[data-aftab-theme="dark"] .dpp-gutenberg-track{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.045)}html[data-aftab-theme="dark"] .dpp-gutenberg-track.is-current{border-color:rgba(255,157,70,.55);background:rgba(255,132,32,.1)}html[data-aftab-theme="dark"] .dpp-gutenberg-actions button:hover,html[data-aftab-theme="dark"] .dpp-gutenberg-actions a:hover{background:rgba(255,132,32,.12)}
@media(max-width:760px){.dpp-gutenberg-playlist{padding:.75rem;border-radius:18px}.dpp-gutenberg-head{align-items:flex-start}.dpp-gutenberg-head h3{font-size:17px}.dpp-gutenberg-track{grid-template-columns:38px 50px minmax(0,1fr);gap:.5rem}.dpp-gutenberg-play{width:36px;height:36px}.dpp-gutenberg-cover{width:50px;height:50px}.dpp-gutenberg-actions{grid-column:1/-1;justify-content:flex-end;padding-top:.2rem}.dpp-gutenberg-actions button,.dpp-gutenberg-actions a{min-height:32px}.dpp-gutenberg-actions em,.dpp-gutenberg-actions .dpp-action-label{display:none}}
@media(max-width:430px){.dpp-gutenberg-head{display:grid;grid-template-columns:1fr}.dpp-gutenberg-play-all{width:100%}.dpp-gutenberg-track{padding:.5rem}.dpp-gutenberg-actions{justify-content:space-between}.dpp-gutenberg-actions button,.dpp-gutenberg-actions a{flex:1 1 0}}


/* Stage 9 playlist action refinement. */
.dpp-track-number{display:grid;place-items:center;width:34px;height:34px;min-width:34px;border-radius:50%;border:1px solid #f0d2ad;background:#fff7eb;color:#c66b12;font-size:12px;font-weight:900;line-height:1}
.dpp-track-actions .dpp-action-label,.dpp-track-actions button .dpp-action-label{display:none!important}
.dpp-track-actions button,.dpp-track-actions a{width:38px;height:38px;min-width:38px;padding:0;display:inline-grid;place-items:center;border-radius:12px}
.dpp-track-share-btn>span:first-child{font-size:0}
.dpp-track-share-btn>span:first-child:before{content:"";display:block;width:19px;height:19px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7a2.8 2.8 0 0 0 0-1.39l7.05-4.11A2.99 2.99 0 1 0 15 5c0 .23.03.46.08.67L8.03 9.78A3 3 0 1 0 8.03 14.22l7.12 4.16c-.04.2-.07.41-.07.62a2.92 2.92 0 1 0 2.92-2.92Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7a2.8 2.8 0 0 0 0-1.39l7.05-4.11A2.99 2.99 0 1 0 15 5c0 .23.03.46.08.67L8.03 9.78A3 3 0 1 0 8.03 14.22l7.12 4.16c-.04.2-.07.41-.07.62a2.92 2.92 0 1 0 2.92-2.92Z'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-aftab-theme="dark"] .dpp-track-number,body.aftab-dark .dpp-track-number{border-color:#34465c;background:#182536;color:#ffb45e}

/* Stage 11: homepage/archive cards use a clean play-only surface. */
.am_music_card>.dpp-card-favorite-btn,.rm_ipst .am_music_card>.dpp-card-favorite-btn{display:none!important}


/* DPP 7.9.0 — one canonical download SVG in every player surface. */
.dpp-download-icon,
.dpp-download-btn .dpp-download-icon,
.dpp-gutenberg-download .dpp-download-icon{
	width:20px!important;
	height:20px!important;
	min-width:20px;
	display:block;
	fill:none!important;
	stroke:currentColor!important;
	stroke-width:2!important;
	pointer-events:none
}
.dpp-download-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important}
.dpp-download-btn .dpp-download-icon{color:#000}
.dpp-gutenberg-download{display:inline-flex!important;align-items:center!important;justify-content:center!important}
html[data-aftab-theme="dark"] .dpp-download-btn .dpp-download-icon,
body.aftab-dark .dpp-download-btn .dpp-download-icon{color:#111820}
html[data-aftab-theme="dark"] .dpp-gutenberg-download .dpp-download-icon,
body.aftab-dark .dpp-gutenberg-download .dpp-download-icon{color:currentColor}


/* DPP 7.12.0 — Stage 17 playlist modernization. */
.dpp-playlist-big-controls .dpp-big-prev-wrapper,
.dpp-playlist-big-controls .dpp-big-next-wrapper,
.dpp-playlist-big-controls .dpp-big-prev-btn,
.dpp-playlist-big-controls .dpp-big-next-btn{display:none!important}
.dpp-playlist-big-controls{justify-content:center!important;min-height:0;margin:0 0 .8em!important;gap:0!important}
.dpp-playlist-big-controls .dpp-big-play-wrap{display:grid!important;place-items:center!important}
.dpp-playlist-big-controls .dpp-big-play-btn{width:58px!important;height:58px!important;border-radius:18px!important;box-shadow:0 10px 24px rgba(244,126,20,.2)!important}
.dpp-playlist-big-controls .dpp-big-play-btn svg{width:32px!important;height:32px!important}
.dpp-download-btn .dpp-download-icon,.dpp-gutenberg-download .dpp-download-icon{stroke:currentColor!important;color:currentColor!important;opacity:1!important;visibility:visible!important;filter:none!important}
html[data-aftab-theme="dark"] :is(.dpp-download-btn,.dpp-gutenberg-download),
body.aftab-dark :is(.dpp-download-btn,.dpp-gutenberg-download),
body.dark-mode :is(.dpp-download-btn,.dpp-gutenberg-download),
body.dark :is(.dpp-download-btn,.dpp-gutenberg-download){background:rgba(255,173,77,.14)!important;border:1px solid rgba(255,173,77,.52)!important;color:#ffd08a!important}
html[data-aftab-theme="dark"] :is(.dpp-download-btn,.dpp-gutenberg-download) .dpp-download-icon,
body.aftab-dark :is(.dpp-download-btn,.dpp-gutenberg-download) .dpp-download-icon,
body.dark-mode :is(.dpp-download-btn,.dpp-gutenberg-download) .dpp-download-icon,
body.dark :is(.dpp-download-btn,.dpp-gutenberg-download) .dpp-download-icon{color:#ffd08a!important;stroke:#ffd08a!important;fill:none!important}
html[data-aftab-theme="dark"] :is(.dpp-download-btn,.dpp-gutenberg-download):hover,
body.aftab-dark :is(.dpp-download-btn,.dpp-gutenberg-download):hover,
body.dark-mode :is(.dpp-download-btn,.dpp-gutenberg-download):hover,
body.dark :is(.dpp-download-btn,.dpp-gutenberg-download):hover{background:linear-gradient(135deg,#ffb24f,#f27b1b)!important;border-color:transparent!important;color:#251405!important}
html[data-aftab-theme="dark"] :is(.dpp-download-btn,.dpp-gutenberg-download):hover .dpp-download-icon,
body.aftab-dark :is(.dpp-download-btn,.dpp-gutenberg-download):hover .dpp-download-icon,
body.dark-mode :is(.dpp-download-btn,.dpp-gutenberg-download):hover .dpp-download-icon,
body.dark :is(.dpp-download-btn,.dpp-gutenberg-download):hover .dpp-download-icon{color:#251405!important;stroke:#251405!important}


/* Stage 33 structural fallback. Final colors/layout live in live-guard.css. */
.dpp-primary-action-label{display:none}
.dpp-floating-player:not(.dpp-fullscreen) .dpp-player-close{position:absolute;top:-17px;left:14px;z-index:8}
@media(max-width:760px){
 .dpp-track-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
 .dpp-track-actions .dpp-track-share-btn{display:none}
 .dpp-track-actions :is(.dpp-play-btn,.dpp-download-btn) .dpp-primary-action-label{display:inline}
}

/* Stage 34 — queue/close collision guard and live primary-label state. */
.dpp-floating-player.dpp-queue-open:not(.dpp-fullscreen) .dpp-player-close{opacity:0;pointer-events:none;transform:translateY(5px)}
.dpp-track-actions .dpp-play-btn.dpp-is-active,.dpp-gutenberg-actions .dpp-gutenberg-play.dpp-is-active{background:linear-gradient(135deg,#e56c10,#bf4c08)!important;color:#fff!important}
@media(max-width:760px){.dpp-track-actions :is(.dpp-queue-btn,.dpp-track-favorite-btn,.dpp-track-playlist-btn),.dpp-gutenberg-actions :is(.dpp-gutenberg-queue,.dpp-track-favorite-btn,.dpp-track-playlist-btn){min-height:40px;block-size:40px}.dpp-track-actions :is(.dpp-play-btn,.dpp-download-btn),.dpp-gutenberg-actions :is(.dpp-gutenberg-play,.dpp-gutenberg-download){white-space:nowrap;overflow:hidden}}


/* Stage 42 structural fallback; final centering contract lives in live-guard.css. */
@media(max-width:768px) and (orientation:portrait){
 .dpp-floating-player.dpp-fullscreen .dpp-player-title-wrap{left:50%;right:auto;transform:translateX(-50%)}
 .dpp-floating-player.dpp-fullscreen :is(.dpp-time-bar,.dpp-player-controls){justify-self:center;margin-inline:auto}
 .dpp-floating-player.dpp-fullscreen .dpp-player-controls{justify-content:center;direction:ltr}
}

/* Stage 43 stable fallback. */
@media(max-width:420px) and (orientation:portrait){.dpp-floating-player.dpp-fullscreen .dpp-player-controls{justify-content:center;gap:3px}.dpp-floating-player.dpp-fullscreen .dpp-player-controls button{min-width:27px}.dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-play-pause-btn{min-width:48px}}

/* Stage 48 — playback recovery state. */
.dpp-queue-item.is-unavailable{opacity:.68;border-style:dashed!important}.dpp-queue-item.is-unavailable .dpp-queue-track-copy em{display:block;margin-top:.15em;color:#ffb46a;font-size:10px;font-style:normal}.dpp-queue-item.is-unavailable .dpp-queue-play{filter:grayscale(.55)}


/* Stage 52 hotfix — fullscreen dark secondary controls harmony */
@media(max-width:768px){
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls{
    justify-content:center;
    gap:10px;
    padding:2px 6px 0;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls button,
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-radio-btn,
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-favorite-current,
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-playlist-add-current,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-radio-btn,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-favorite-current,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-playlist-add-current{
    background:linear-gradient(180deg,rgba(20,32,48,.92),rgba(12,22,35,.94));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 18px rgba(2,9,17,.18);
    color:#f3f5f7;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls button svg,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls button svg use,
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-radio-btn svg,
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-favorite-current svg,
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-playlist-add-current svg,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-radio-btn svg,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-favorite-current svg,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-playlist-add-current svg{
    fill:currentColor;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-mute-btn,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-share-current{
    color:#f3f5f7;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-mute-btn:hover,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-mute-btn[aria-pressed="true"],
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-share-current:hover,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-favorite-current:hover,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-playlist-add-current:hover,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-radio-btn:hover,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-radio-btn.dpp-is-active,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-favorite-current.is-favorite{
    background:linear-gradient(135deg,rgba(255,166,0,.22),rgba(251,114,10,.16));
    border-color:rgba(255,173,50,.54);
    color:#fff;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-mute-btn[aria-pressed="true"] svg,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-share-current:hover svg,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-favorite-current:hover svg,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-playlist-add-current:hover svg,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-radio-btn:hover svg,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-radio-btn.dpp-is-active svg,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-favorite-current.is-favorite svg{
    fill:currentColor;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-playlist-add-current{
    color:#ffb640;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-favorite-current.is-favorite{
    color:#ff8b9b;
  }
}

/* Stage 55 — singer continuation queue for single-track posts. */
.dpp-queue-section-label{
  display:flex;
  align-items:center;
  gap:.65rem;
  margin:.85rem .2rem .45rem;
  color:#ffb458;
  font-size:11px;
  font-weight:850;
}
.dpp-queue-section-label:before,
.dpp-queue-section-label:after{
  content:"";
  height:1px;
  flex:1 1 auto;
  background:linear-gradient(90deg,transparent,rgba(255,180,88,.36));
}
.dpp-queue-section-label:after{background:linear-gradient(90deg,rgba(255,180,88,.36),transparent)}
.dpp-queue-item.is-artist-queue{border-color:rgba(255,173,77,.18)}
html[data-aftab-theme="light"] .dpp-queue-section-label{color:#b85a0b}
html[data-aftab-theme="light"] .dpp-queue-section-label:before,
html[data-aftab-theme="light"] .dpp-queue-section-label:after{background:linear-gradient(90deg,transparent,rgba(184,90,11,.28))}
html[data-aftab-theme="light"] .dpp-queue-section-label:after{background:linear-gradient(90deg,rgba(184,90,11,.28),transparent)}


/* Stage 56 — uniform centered secondary controls in mobile fullscreen. */
@media(max-width:768px){
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    max-width:340px!important;
    margin-inline:auto!important;
    padding:4px 0 2px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    direction:ltr!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls[hidden]{display:none!important}
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls button{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:15px!important;
    line-height:1!important;
    background:linear-gradient(180deg,#172538,#101b2a)!important;
    border:1px solid #2b3e54!important;
    color:#f2f6fa!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 18px rgba(0,0,0,.18)!important;
    transform:none!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls button:is(:hover,:focus-visible){
    background:linear-gradient(180deg,#203247,#172638)!important;
    border-color:#4a627b!important;
    color:#fff!important;
    outline:none!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls button svg{
    display:block!important;
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    min-height:21px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    color:inherit!important;
    fill:currentColor!important;
    stroke:none!important;
    transform:none!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls button svg :is(use,path){
    fill:currentColor!important;
    stroke:none!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-radio-btn{
    font-size:0!important;
    color:#ffd079!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-radio-btn::before{
    content:""!important;
    display:block!important;
    width:20px!important;
    height:20px!important;
    border:2px solid currentColor!important;
    border-radius:50%!important;
    box-sizing:border-box!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-radio-btn::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:6px!important;
    height:6px!important;
    border-radius:50%!important;
    background:currentColor!important;
    transform:translate(-50%,-50%)!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-radio-btn.dpp-is-active,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-mute-btn[aria-pressed="true"],
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-favorite-current.is-favorite{
    background:linear-gradient(135deg,rgba(255,166,0,.23),rgba(251,114,10,.16))!important;
    border-color:rgba(255,176,64,.62)!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-playlist-add-current{color:#ffb84a!important}
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-favorite-current.is-favorite{color:#ff8fa0!important}
}
@media(max-width:390px){
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls{
    gap:7px!important;
    max-width:294px!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls button{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:13px!important;
  }
}

/* ===== Dynamic Playlist Player 7.44.0 consolidated runtime layers ===== */

/* --- merged from social.css --- */
.dpp-track-share-btn,.dpp-share-current{border:0;cursor:pointer}.dpp-track-share-btn{display:inline-flex;align-items:center;gap:.3em;padding:.35em .5em;border-radius:8px;background:transparent;color:#8c98a8;font:inherit}.dpp-track-share-btn:hover,.dpp-track-share-btn:focus-visible{background:rgba(255,147,0,.1);color:#e97800;outline:none}.dpp-track-share-btn>span:first-child{font-size:18px;line-height:1}.dpp-share-current{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 auto;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.07);color:#fff;font-size:20px}.dpp-share-current:hover,.dpp-share-current:focus-visible{border-color:rgba(255,166,0,.5);background:rgba(255,166,0,.16);outline:none}.dpp-lite-personal-nav-item.is-public:after{content:"عمومی";margin-inline-start:auto;padding:.16rem .36rem;border-radius:999px;background:#e7f8ef;color:#218558;font-size:9px;font-weight:900}.dpp-lite-personal-action.is-share{background:#fff3df;color:#bd6500}.dpp-lite-personal-action.is-secondary{background:#eef1f5;color:#566273}.dpp-shared-playlist{--dpp-share-bg:#fff;--dpp-share-surface:#f7f9fc;--dpp-share-border:#e3e8ef;--dpp-share-text:#243044;--dpp-share-muted:#7c8798;margin:1.25rem auto;padding:clamp(1rem,3vw,1.7rem);border:1px solid var(--dpp-share-border);border-radius:25px;background:var(--dpp-share-bg);box-shadow:0 20px 55px rgba(35,45,61,.09);color:var(--dpp-share-text)}.dpp-shared-playlist>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.dpp-shared-playlist>header span{color:#ee7b23;font-size:12px;font-weight:900}.dpp-shared-playlist>header h2{margin:.15rem 0;color:var(--dpp-share-text);font-size:clamp(21px,4vw,31px)}.dpp-shared-playlist>header p{margin:.3rem 0 0;color:var(--dpp-share-muted)}.dpp-shared-playlist>header>div:last-child{display:flex;flex-wrap:wrap;gap:.55rem}.dpp-shared-playlist>header button{min-height:42px;padding:.58rem .86rem;border:1px solid var(--dpp-share-border);border-radius:12px;background:var(--dpp-share-surface);color:var(--dpp-share-text);font:inherit;font-weight:900;cursor:pointer}.dpp-shared-playlist>header button:first-child{border-color:transparent;background:linear-gradient(135deg,#ff9c28,#ed7200);color:#fff}.dpp-shared-track-list{display:grid;gap:.65rem}.dpp-shared-track{display:grid;grid-template-columns:42px 54px minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.58rem;border:1px solid var(--dpp-share-border);border-radius:15px;background:var(--dpp-share-surface)}.dpp-shared-track>button:first-child{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:50%;background:linear-gradient(135deg,#ff9c28,#ed7200);color:#fff;cursor:pointer}.dpp-shared-track img{width:54px;height:54px;border-radius:11px;object-fit:cover}.dpp-shared-track>div{display:flex;min-width:0;flex-direction:column}.dpp-shared-track strong,.dpp-shared-track small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dpp-shared-track small{margin-top:.25rem;color:var(--dpp-share-muted)}.dpp-shared-track>.dpp-track-share-btn{justify-self:end}.dpp-shared-empty{text-align:center}.dpp-shared-empty p{color:var(--dpp-share-muted)}html[data-aftab-theme="dark"] .dpp-shared-playlist,body.aftab-dark .dpp-shared-playlist{--dpp-share-bg:#111b2a;--dpp-share-surface:#172334;--dpp-share-border:#29384c;--dpp-share-text:#f4f7fb;--dpp-share-muted:#a8b4c4;box-shadow:0 22px 62px rgba(0,0,0,.3)}html[data-aftab-theme="dark"] .dpp-track-share-btn,body.aftab-dark .dpp-track-share-btn{color:#aeb9c8}html[data-aftab-theme="dark"] .dpp-track-share-btn:hover,body.aftab-dark .dpp-track-share-btn:hover{background:rgba(255,158,48,.13);color:#ffb258}@media(max-width:760px){.dpp-track-share-btn .dpp-action-label{display:none}.dpp-floating-player:not(.dpp-fullscreen) .dpp-share-current{display:none}.dpp-floating-player.dpp-fullscreen .dpp-share-current{display:inline-flex}.dpp-shared-playlist>header{flex-direction:column}.dpp-shared-track{grid-template-columns:40px 48px minmax(0,1fr)}.dpp-shared-track img{width:48px;height:48px}.dpp-shared-track>.dpp-track-share-btn{grid-column:1/-1;justify-self:end}}@media(min-width:761px){.dpp-share-current{display:inline-flex}}


/* Stage 9 standard share icon. */
.dpp-track-share-btn .dpp-action-label{display:none!important}
.dpp-track-share-btn{width:38px;height:38px;min-width:38px;padding:0!important;display:inline-grid!important;place-items:center!important;border-radius:12px!important}
.dpp-share-current{font-size:0!important}
.dpp-share-current:before{content:"";display:block;width:19px;height:19px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7a2.8 2.8 0 0 0 0-1.39l7.05-4.11A2.99 2.99 0 1 0 15 5c0 .23.03.46.08.67L8.03 9.78A3 3 0 1 0 8.03 14.22l7.12 4.16c-.04.2-.07.41-.07.62a2.92 2.92 0 1 0 2.92-2.92Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7a2.8 2.8 0 0 0 0-1.39l7.05-4.11A2.99 2.99 0 1 0 15 5c0 .23.03.46.08.67L8.03 9.78A3 3 0 1 0 8.03 14.22l7.12 4.16c-.04.2-.07.41-.07.62a2.92 2.92 0 1 0 2.92-2.92Z'/%3E%3C/svg%3E") center/contain no-repeat}

/* Stage 48 — a single visual source for the player share icon. */
.dpp-share-current>svg{display:none!important}

/* --- merged from notifications.css --- */
.dpp-notifications-shell{position:fixed;inset:0;z-index:999992;display:flex;justify-content:flex-start;align-items:stretch;visibility:hidden;opacity:0;transition:opacity .18s ease,visibility .18s ease}.dpp-notifications-shell.is-open{visibility:visible;opacity:1}.dpp-notifications-backdrop{position:absolute;inset:0;width:100%;height:100%;background:rgba(22,14,8,.42);backdrop-filter:blur(4px)}.dpp-notifications-panel{position:relative;width:min(430px,94vw);height:100%;margin-right:auto;background:#fffaf3;color:#3b2611;border-right:1px solid #ead2a8;box-shadow:18px 0 70px rgba(68,38,10,.22);display:flex;flex-direction:column;transform:translateX(-104%);transition:transform .22s ease;overflow:hidden}.dpp-notifications-shell.is-open .dpp-notifications-panel{transform:translateX(0)}.dpp-notifications-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid #ead8ba;background:linear-gradient(135deg,#fff8eb,#fff1d7)}.dpp-notifications-head span{display:block;color:#c56b19;font-size:11px;margin-bottom:3px}.dpp-notifications-head h2{font-size:20px;margin:0}.dpp-notifications-head>button{width:38px;height:38px;border-radius:12px;background:#fff;border:1px solid #ead8ba;font-size:24px;color:#6e4a27}.dpp-notifications-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-bottom:1px solid #f0e1ca;color:#8a6847;font-size:11px}.dpp-notifications-toolbar button{padding:7px 10px;border-radius:9px;background:#fff0dd;color:#bd5d0c;border:1px solid #f1c48d}.dpp-notifications-list{flex:1;overflow:auto;padding:10px}.dpp-notification-item{display:grid;grid-template-columns:64px minmax(0,1fr) 36px;align-items:center;gap:10px;padding:10px;border:1px solid transparent;border-radius:15px}.dpp-notification-item+article{margin-top:5px}.dpp-notification-item:hover,.dpp-notification-item.is-new{background:#fff4e4;border-color:#f0d2aa}.dpp-notification-cover img{display:block;width:64px;height:64px;border-radius:13px;object-fit:cover}.dpp-notification-copy{min-width:0}.dpp-notification-meta{display:flex;align-items:center;gap:6px;color:#9a7857;font-size:10px;white-space:nowrap;overflow:hidden}.dpp-notification-meta span{background:#e86e16;color:#fff;border-radius:999px;padding:2px 6px}.dpp-notification-meta a{color:#b66117}.dpp-notification-copy h3{font-size:12px;line-height:1.75;margin:5px 0 0}.dpp-notification-copy h3 a{color:#3b2611}.dpp-notification-play{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ee8d25,#dc610f);color:#fff;box-shadow:0 6px 15px rgba(218,96,15,.24)}.dpp-notifications-empty{padding:30px 15px;text-align:center;color:#947352}.dpp-notifications-panel>footer{padding:12px 16px;border-top:1px solid #ead8ba;text-align:center}.dpp-notifications-panel>footer a{display:block;padding:10px;border-radius:11px;background:#fff0dc;color:#b75c0f}.dpp-notifications-open{overflow:hidden}
@media(max-width:560px){.dpp-notifications-panel{width:100%;border-right:0}.dpp-notifications-head{padding:16px}.dpp-notification-item{grid-template-columns:56px minmax(0,1fr) 34px}.dpp-notification-cover img{width:56px;height:56px}}
html[data-aftab-theme="dark"] .dpp-notifications-backdrop,body.aftab-dark .dpp-notifications-backdrop,body.dark-mode .dpp-notifications-backdrop{background:rgba(1,5,10,.68)}html[data-aftab-theme="dark"] .dpp-notifications-panel,body.aftab-dark .dpp-notifications-panel,body.dark-mode .dpp-notifications-panel{background:#0f1823;color:#eef3f8;border-color:#2c3e52;box-shadow:18px 0 70px rgba(0,0,0,.55)}html[data-aftab-theme="dark"] .dpp-notifications-head,body.aftab-dark .dpp-notifications-head,body.dark-mode .dpp-notifications-head{background:linear-gradient(135deg,#172433,#101923);border-color:#2c3e52}html[data-aftab-theme="dark"] .dpp-notifications-head h2,body.aftab-dark .dpp-notifications-head h2{color:#f4f7fb}html[data-aftab-theme="dark"] .dpp-notifications-head>button,body.aftab-dark .dpp-notifications-head>button{background:#1a2736;border-color:#34485f;color:#eaf0f6}html[data-aftab-theme="dark"] .dpp-notifications-toolbar,body.aftab-dark .dpp-notifications-toolbar{border-color:#293b4f;color:#aebac6}html[data-aftab-theme="dark"] .dpp-notifications-toolbar button,body.aftab-dark .dpp-notifications-toolbar button{background:#2a251d;border-color:#6b4d23;color:#ffc16b}html[data-aftab-theme="dark"] .dpp-notification-item:hover,html[data-aftab-theme="dark"] .dpp-notification-item.is-new,body.aftab-dark .dpp-notification-item:hover,body.aftab-dark .dpp-notification-item.is-new{background:#172433;border-color:#30465d}html[data-aftab-theme="dark"] .dpp-notification-copy h3 a,body.aftab-dark .dpp-notification-copy h3 a{color:#eef3f8}html[data-aftab-theme="dark"] .dpp-notification-meta,body.aftab-dark .dpp-notification-meta{color:#9facb9}html[data-aftab-theme="dark"] .dpp-notification-meta a,body.aftab-dark .dpp-notification-meta a{color:#ffb35c}html[data-aftab-theme="dark"] .dpp-notifications-panel>footer,body.aftab-dark .dpp-notifications-panel>footer{border-color:#2b3d51}html[data-aftab-theme="dark"] .dpp-notifications-panel>footer a,body.aftab-dark .dpp-notifications-panel>footer a{background:#172433;color:#ffb35c}


/* Stage 40 — notifications contrast, focus and narrow-screen layout. */
.dpp-notifications-panel :is(a,button):focus-visible{outline:3px solid rgba(255,161,45,.35)!important;outline-offset:2px!important}
html[data-aftab-theme="dark"] .dpp-notifications-panel,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-notifications-panel{background:#0f1924!important;border-color:#304356!important;color:#f4f7fb!important}
html[data-aftab-theme="dark"] .dpp-notifications-head,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-notifications-head{background:linear-gradient(145deg,#192838,#111c27)!important;border-color:#304356!important}
html[data-aftab-theme="dark"] .dpp-notification-item,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-notification-item{border-color:transparent!important;color:#f4f7fb!important}
html[data-aftab-theme="dark"] :is(.dpp-notification-item:hover,.dpp-notification-item.is-new),
body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-notification-item:hover,.dpp-notification-item.is-new){background:#172535!important;border-color:#30465d!important}
html[data-aftab-theme="dark"] .dpp-notifications-empty,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-notifications-empty{color:#aab6c5!important}
@media(max-width:560px){
  .dpp-notifications-panel{width:100%!important;max-width:none!important;padding-bottom:env(safe-area-inset-bottom)!important}
  .dpp-notifications-head{padding:14px 12px!important}
  .dpp-notifications-toolbar{padding:9px 12px!important;flex-wrap:wrap!important}
  .dpp-notifications-list{padding:7px!important}
  .dpp-notification-item{grid-template-columns:52px minmax(0,1fr) 38px!important;gap:8px!important;padding:8px!important}
  .dpp-notification-cover img{width:52px!important;height:52px!important;border-radius:11px!important}
  .dpp-notification-copy h3{font-size:12px!important;line-height:1.65!important}
  .dpp-notification-play{width:38px!important;height:38px!important}
}

/* --- merged from dark-compat.css --- */
/* Dynamic Playlist Player 7.10.0 — Stage 14 complete dark contract. */
html[data-aftab-theme="dark"],body.aftab-dark,body.dark-mode,body.dark{
 --dpp-dark-bg:#080d14;--dpp-dark-surface:#101923;--dpp-dark-surface-2:#162230;--dpp-dark-soft:#1c2a3a;
 --dpp-dark-border:#2b3d52;--dpp-dark-text:#f4f7fb;--dpp-dark-muted:#aab6c5;--dpp-dark-accent:#ffad4d;--dpp-dark-accent-2:#f17a1b;color-scheme:dark
}
html[data-aftab-theme="dark"] :is(.dpp-playlist-container,.dpp-gutenberg-playlist),body.aftab-dark :is(.dpp-playlist-container,.dpp-gutenberg-playlist),body.dark-mode :is(.dpp-playlist-container,.dpp-gutenberg-playlist),body.dark :is(.dpp-playlist-container,.dpp-gutenberg-playlist){
 --dpp-playlist-bg:var(--dpp-dark-surface);--dpp-playlist-row:var(--dpp-dark-surface-2);--dpp-playlist-border:var(--dpp-dark-border);--dpp-playlist-text:var(--dpp-dark-text);--dpp-playlist-muted:var(--dpp-dark-muted);
 background:var(--dpp-dark-surface)!important;border-color:var(--dpp-dark-border)!important;color:var(--dpp-dark-text)!important;box-shadow:0 14px 40px rgba(0,0,0,.28)!important
}
html[data-aftab-theme="dark"] :is(.dpp-track-row,.dpp-track,.dpp-gutenberg-track,.dpp-lite-queue-item),body.aftab-dark :is(.dpp-track-row,.dpp-track,.dpp-gutenberg-track,.dpp-lite-queue-item),body.dark-mode :is(.dpp-track-row,.dpp-track,.dpp-gutenberg-track,.dpp-lite-queue-item){background:var(--dpp-dark-surface-2)!important;border-color:var(--dpp-dark-border)!important;color:var(--dpp-dark-text)!important}
html[data-aftab-theme="dark"] :is(.dpp-track-row,.dpp-gutenberg-track):hover,body.aftab-dark :is(.dpp-track-row,.dpp-gutenberg-track):hover{background:var(--dpp-dark-soft)!important;border-color:#405970!important}
html[data-aftab-theme="dark"] :is(.dpp-track-title,.dpp-gutenberg-title,.dpp-player-title,.dpp-lite-queue-title),body.aftab-dark :is(.dpp-track-title,.dpp-gutenberg-title,.dpp-player-title,.dpp-lite-queue-title){color:var(--dpp-dark-text)!important}
html[data-aftab-theme="dark"] :is(.dpp-track-info,.dpp-track-artist,.dpp-player-artist,.dpp-player-time,.dpp-gutenberg-meta),body.aftab-dark :is(.dpp-track-info,.dpp-track-artist,.dpp-player-artist,.dpp-player-time,.dpp-gutenberg-meta){color:var(--dpp-dark-muted)!important}
html[data-aftab-theme="dark"] .dpp-track-number,body.aftab-dark .dpp-track-number{background:#0e1823!important;border-color:#40566e!important;color:#dce5ee!important}
html[data-aftab-theme="dark"] .dpp-track-row.is-playing,body.aftab-dark .dpp-track-row.is-playing{background:rgba(255,173,77,.10)!important;border-color:rgba(255,173,77,.55)!important}
html[data-aftab-theme="dark"] :is(.dpp-play-btn,.dpp-big-play-btn,.dpp-gutenberg-play,.dpp-player-play),body.aftab-dark :is(.dpp-play-btn,.dpp-big-play-btn,.dpp-gutenberg-play,.dpp-player-play){background:linear-gradient(135deg,var(--dpp-dark-accent),var(--dpp-dark-accent-2))!important;color:#271605!important;border-color:transparent!important}
html[data-aftab-theme="dark"] :is(.dpp-track-actions,.dpp-gutenberg-actions,.dpp-player-actions) :is(button,a),body.aftab-dark :is(.dpp-track-actions,.dpp-gutenberg-actions,.dpp-player-actions) :is(button,a){background:#111d29!important;border-color:var(--dpp-dark-border)!important;color:#dce5ee!important}
html[data-aftab-theme="dark"] :is(.dpp-track-actions,.dpp-gutenberg-actions,.dpp-player-actions) :is(button,a):hover,body.aftab-dark :is(.dpp-track-actions,.dpp-gutenberg-actions,.dpp-player-actions) :is(button,a):hover{background:var(--dpp-dark-soft)!important;color:#fff!important;border-color:#425b74!important}

html[data-aftab-theme="dark"] :is(.dpp-floating-player,.dpp-player,.dpp-lite-queue,.dpp-lite-playlist-picker-panel,.dpp-lite-auth-menu-panel,.dpp-lite-header-account-panel,.dpp-lite-mobile-account-panel,.dpp-notifications-panel),body.aftab-dark :is(.dpp-floating-player,.dpp-player,.dpp-lite-queue,.dpp-lite-playlist-picker-panel,.dpp-lite-auth-menu-panel,.dpp-lite-header-account-panel,.dpp-lite-mobile-account-panel,.dpp-notifications-panel){background:rgba(16,25,35,.98)!important;border-color:var(--dpp-dark-border)!important;color:var(--dpp-dark-text)!important;box-shadow:0 20px 60px rgba(0,0,0,.48)!important}
html[data-aftab-theme="dark"] :is(.dpp-progress,.dpp-volume-track,.dpp-player-progress-track),body.aftab-dark :is(.dpp-progress,.dpp-volume-track,.dpp-player-progress-track){background:#314357!important}
html[data-aftab-theme="dark"] :is(.dpp-progress-fill,.dpp-volume-fill,.dpp-player-progress-fill),body.aftab-dark :is(.dpp-progress-fill,.dpp-volume-fill,.dpp-player-progress-fill){background:linear-gradient(90deg,var(--dpp-dark-accent-2),var(--dpp-dark-accent))!important}
html[data-aftab-theme="dark"] :is(.dpp-lite-queue-backdrop,.dpp-lite-playlist-picker-backdrop,.dpp-notifications-backdrop),body.aftab-dark :is(.dpp-lite-queue-backdrop,.dpp-lite-playlist-picker-backdrop,.dpp-notifications-backdrop){background:rgba(2,6,11,.76)!important}

html[data-aftab-theme="dark"] :is(.dpp-lite-account-page,.dpp-lite-account-hero,.dpp-lite-account-card,.dpp-lite-library-page,.dpp-lite-library-hero,.dpp-lite-library-panel,.dpp-lite-personal-home,.dpp-lite-favorites-page,.dpp-lite-history-page,.dpp-lite-personal-playlists-page,.dpp-lite-followed-artists,.dpp-lite-updates,.dpp-discovery-page,.dpp-discovery-filter-shell,.dpp-discovery-results-shell,.dpp-lite-archive-filters,.dpp-live-search-results,.dpp-notifications-shell),body.aftab-dark :is(.dpp-lite-account-page,.dpp-lite-account-hero,.dpp-lite-account-card,.dpp-lite-library-page,.dpp-lite-library-hero,.dpp-lite-library-panel,.dpp-lite-personal-home,.dpp-lite-favorites-page,.dpp-lite-history-page,.dpp-lite-personal-playlists-page,.dpp-lite-followed-artists,.dpp-lite-updates,.dpp-discovery-page,.dpp-discovery-filter-shell,.dpp-discovery-results-shell,.dpp-lite-archive-filters,.dpp-live-search-results,.dpp-notifications-shell){background:var(--dpp-dark-surface)!important;border-color:var(--dpp-dark-border)!important;color:var(--dpp-dark-text)!important}
html[data-aftab-theme="dark"] :is(.dpp-lite-favorite-item,.dpp-lite-history-item,.dpp-lite-personal-track,.dpp-lite-followed-card,.dpp-lite-update-card,.dpp-lite-home-continue-card,.dpp-lite-home-fresh-card,.dpp-lite-home-playlist-card,.dpp-discovery-track-card,.dpp-discovery-artist-card,.dpp-discovery-album-card,.dpp-notifications-list>li,.dpp-live-search-item),body.aftab-dark :is(.dpp-lite-favorite-item,.dpp-lite-history-item,.dpp-lite-personal-track,.dpp-lite-followed-card,.dpp-lite-update-card,.dpp-lite-home-continue-card,.dpp-lite-home-fresh-card,.dpp-lite-home-playlist-card,.dpp-discovery-track-card,.dpp-discovery-artist-card,.dpp-discovery-album-card,.dpp-notifications-list>li,.dpp-live-search-item){background:var(--dpp-dark-surface-2)!important;border-color:var(--dpp-dark-border)!important;color:var(--dpp-dark-text)!important}
html[data-aftab-theme="dark"] :is(.dpp-lite-account-page,.dpp-lite-library-page,.dpp-lite-personal-home,.dpp-lite-favorites-page,.dpp-lite-history-page,.dpp-lite-personal-playlists-page,.dpp-lite-followed-artists,.dpp-lite-updates,.dpp-discovery-page,.dpp-notifications-panel,.dpp-live-search-results) :is(h1,h2,h3,h4,strong,a),body.aftab-dark :is(.dpp-lite-account-page,.dpp-lite-library-page,.dpp-lite-personal-home,.dpp-lite-favorites-page,.dpp-lite-history-page,.dpp-lite-personal-playlists-page,.dpp-lite-followed-artists,.dpp-lite-updates,.dpp-discovery-page,.dpp-notifications-panel,.dpp-live-search-results) :is(h1,h2,h3,h4,strong,a){color:var(--dpp-dark-text)!important}
html[data-aftab-theme="dark"] :is(.dpp-lite-account-page,.dpp-lite-library-page,.dpp-lite-personal-home,.dpp-lite-favorites-page,.dpp-lite-history-page,.dpp-lite-personal-playlists-page,.dpp-lite-followed-artists,.dpp-lite-updates,.dpp-discovery-page,.dpp-notifications-panel,.dpp-live-search-results) :is(p,small,time,.dpp-muted,.dpp-empty),body.aftab-dark :is(.dpp-lite-account-page,.dpp-lite-library-page,.dpp-lite-personal-home,.dpp-lite-favorites-page,.dpp-lite-history-page,.dpp-lite-personal-playlists-page,.dpp-lite-followed-artists,.dpp-lite-updates,.dpp-discovery-page,.dpp-notifications-panel,.dpp-live-search-results) :is(p,small,time,.dpp-muted,.dpp-empty){color:var(--dpp-dark-muted)!important}
html[data-aftab-theme="dark"] :is(.dpp-lite-account-page,.dpp-lite-library-page,.dpp-lite-personal-home,.dpp-discovery-page,.dpp-lite-archive-filters,.dpp-live-search-form,.dpp-lite-playlist-picker-panel) :is(input,select,textarea,option),body.aftab-dark :is(.dpp-lite-account-page,.dpp-lite-library-page,.dpp-lite-personal-home,.dpp-discovery-page,.dpp-lite-archive-filters,.dpp-live-search-form,.dpp-lite-playlist-picker-panel) :is(input,select,textarea,option){background:#0c151f!important;border-color:var(--dpp-dark-border)!important;color:var(--dpp-dark-text)!important}
html[data-aftab-theme="dark"] :is(.dpp-lite-library-tabs,.dpp-lite-personal-nav,.dpp-actions-row,.dpp-notifications-toolbar) button,body.aftab-dark :is(.dpp-lite-library-tabs,.dpp-lite-personal-nav,.dpp-actions-row,.dpp-notifications-toolbar) button{background:var(--dpp-dark-surface-2)!important;border-color:var(--dpp-dark-border)!important;color:#dce5ee!important}
html[data-aftab-theme="dark"] :is(.dpp-lite-library-tabs,.dpp-lite-personal-nav) button.is-active,body.aftab-dark :is(.dpp-lite-library-tabs,.dpp-lite-personal-nav) button.is-active{background:linear-gradient(135deg,var(--dpp-dark-accent),var(--dpp-dark-accent-2))!important;color:#271605!important;border-color:transparent!important}
html[data-aftab-theme="dark"] :is(.dpp-toast,.dpp-notice),body.aftab-dark :is(.dpp-toast,.dpp-notice){background:#172433!important;border-color:#405970!important;color:#f4f7fb!important;box-shadow:0 16px 40px rgba(0,0,0,.4)!important}
html[data-aftab-theme="dark"] audio,body.aftab-dark audio{color-scheme:dark}


/* Stage 17: canonical download contrast after every component rule. */
html[data-aftab-theme="dark"] :is(.dpp-download-btn,.dpp-gutenberg-download),body.aftab-dark :is(.dpp-download-btn,.dpp-gutenberg-download),body.dark-mode :is(.dpp-download-btn,.dpp-gutenberg-download),body.dark :is(.dpp-download-btn,.dpp-gutenberg-download){background:rgba(255,173,77,.14)!important;border:1px solid rgba(255,173,77,.52)!important;color:#ffd08a!important}
html[data-aftab-theme="dark"] :is(.dpp-download-btn,.dpp-gutenberg-download) svg,body.aftab-dark :is(.dpp-download-btn,.dpp-gutenberg-download) svg,body.dark-mode :is(.dpp-download-btn,.dpp-gutenberg-download) svg,body.dark :is(.dpp-download-btn,.dpp-gutenberg-download) svg{color:#ffd08a!important;stroke:#ffd08a!important;fill:none!important;opacity:1!important}
html[data-aftab-theme="dark"] :is(.dpp-download-btn,.dpp-gutenberg-download):hover,body.aftab-dark :is(.dpp-download-btn,.dpp-gutenberg-download):hover,body.dark-mode :is(.dpp-download-btn,.dpp-gutenberg-download):hover,body.dark :is(.dpp-download-btn,.dpp-gutenberg-download):hover{background:linear-gradient(135deg,#ffb24f,#f27b1b)!important;color:#251405!important;border-color:transparent!important}
html[data-aftab-theme="dark"] :is(.dpp-download-btn,.dpp-gutenberg-download):hover svg,body.aftab-dark :is(.dpp-download-btn,.dpp-gutenberg-download):hover svg,body.dark-mode :is(.dpp-download-btn,.dpp-gutenberg-download):hover svg,body.dark :is(.dpp-download-btn,.dpp-gutenberg-download):hover svg{color:#251405!important;stroke:#251405!important}

/* --- merged from personal-experience.css --- */
/*
 * AftabMusic / Dynamic Playlist Player — Stage 21
 * Shared visual contract for artist, personal, discovery, search and notification surfaces.
 * Scoped selectors only; no layout observers, polling or script dependency.
 */

:root{
    --dpp21-accent:#f58220;
    --dpp21-accent-2:#ffad4d;
    --dpp21-ink:#1f2937;
    --dpp21-muted:#6b7280;
    --dpp21-line:#eadfd2;
    --dpp21-surface:#fff;
    --dpp21-soft:#fff8f0;
    --dpp21-soft-2:#f7f2ec;
    --dpp21-radius:24px;
    --dpp21-shadow:0 18px 46px rgba(72,44,22,.08);
}

/* Shared page surfaces */
.dpp-stage21-page,
.dpp-lite-account-page,
.dpp-discovery-page{
    color:var(--dpp21-ink);
}

.dpp-stage21-page :is(h1,h2,h3,h4,p),
.dpp-lite-account-page :is(h1,h2,h3,h4,p),
.dpp-discovery-page :is(h1,h2,h3,h4,p){
    margin-top:0;
}

.dpp-stage21-page :is(button,a,input,select,textarea),
.dpp-lite-account-page :is(button,a,input,select,textarea),
.dpp-discovery-page :is(button,a,input,select,textarea),
.dpp-artist-pro-main :is(button,a,input,select,textarea){
    font-family:inherit;
}

.dpp-stage21-page :is(button,a),
.dpp-lite-account-page :is(button,a),
.dpp-discovery-page :is(button,a),
.dpp-artist-pro-main :is(button,a){
    -webkit-tap-highlight-color:transparent;
}

/* Artist page */
.dpp-artist-pro-main{
    --dpp21-card-min:168px;
    display:block;
}

.dpp-artist-pro-hero{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(220px,330px) minmax(0,1fr);
    gap:clamp(28px,4vw,58px);
    align-items:center;
    padding:clamp(26px,4vw,54px);
    border:1px solid rgba(245,130,32,.18);
    border-radius:32px;
    background:linear-gradient(135deg,#fffdfa 0%,#fff5e8 62%,#ffead2 100%);
    box-shadow:0 24px 70px rgba(108,67,27,.10);
    isolation:isolate;
}

.dpp-artist-pro-backdrop{
    position:absolute;
    inset:-35%;
    z-index:-2;
    background:
        radial-gradient(circle at 19% 31%,rgba(245,130,32,.24),transparent 32%),
        radial-gradient(circle at 78% 22%,rgba(255,173,77,.20),transparent 27%),
        linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,245,232,.68));
}

.dpp-artist-pro-backdrop::after{
    content:"";
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)),var(--dpp-artist-image);
    background-size:cover;
    background-position:center;
    filter:blur(56px) saturate(.9);
    opacity:.20;
    transform:scale(1.08);
}

.dpp-artist-pro-photo{
    position:relative;
    width:min(100%,320px);
    margin-inline:auto;
}

.dpp-artist-pro-photo::before{
    content:"";
    position:absolute;
    inset:-10px;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.72);
    box-shadow:0 28px 55px rgba(79,43,15,.16);
}

.dpp-artist-pro-photo img{
    position:relative;
    display:block;
    width:100%;
    aspect-ratio:1;
    object-fit:cover;
    border-radius:24px;
    background:#f1e8de;
}

.dpp-artist-pro-featured{
    position:absolute;
    inset-inline-start:16px;
    bottom:16px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:34px;
    padding:7px 12px;
    border-radius:999px;
    background:rgba(29,20,12,.82);
    color:#ffd37d;
    font-size:12px;
    font-weight:800;
    backdrop-filter:blur(12px);
}

.dpp-artist-pro-info{
    min-width:0;
}

.dpp-artist-pro-kicker,
.dpp-artist-pro-section-head span,
.dpp-artist-pro-bio>div:last-child>span{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:6px 11px;
    border-radius:999px;
    background:rgba(245,130,32,.10);
    color:#b65a0e;
    font-size:12px;
    font-weight:800;
}

.dpp-artist-pro-info h1{
    margin:14px 0 6px;
    color:var(--dpp21-ink);
    font-size:clamp(31px,5vw,58px);
    line-height:1.25;
    letter-spacing:-.04em;
}

.dpp-artist-pro-english{
    margin:0 0 10px;
    color:#8a5c39;
    font-size:clamp(17px,2.1vw,24px);
    font-weight:700;
    text-align:right;
}

.dpp-artist-pro-nickname{
    max-width:760px;
    margin:0;
    color:var(--dpp21-muted);
    font-size:15px;
    line-height:1.9;
}

.dpp-artist-pro-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:23px 0 16px;
}

.dpp-artist-pro-meta span{
    display:inline-flex;
    align-items:baseline;
    gap:6px;
    min-height:42px;
    padding:9px 14px;
    border:1px solid rgba(120,84,50,.14);
    border-radius:14px;
    background:rgba(255,255,255,.65);
    color:#765d48;
    font-size:12px;
}

.dpp-artist-pro-meta strong{
    color:var(--dpp21-ink);
    font-size:16px;
}

.dpp-artist-pro-chips{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:20px;
}

.dpp-artist-pro-chips span{
    display:inline-flex;
    align-items:center;
    min-height:31px;
    padding:6px 11px;
    border-radius:999px;
    background:#fff;
    border:1px solid #eadbc9;
    color:#705b48;
    font-size:12px;
}

.dpp-artist-pro-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
}

.dpp-artist-pro-actions button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:46px;
    padding:10px 16px;
    border:1px solid #e8d7c5;
    border-radius:14px;
    background:#fff;
    color:#4b3828;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}

.dpp-artist-pro-actions button:hover{
    transform:translateY(-2px);
    border-color:rgba(245,130,32,.52);
    box-shadow:0 12px 24px rgba(93,54,23,.11);
}

.dpp-artist-pro-actions .dpp-artist-pro-primary{
    background:linear-gradient(135deg,var(--dpp21-accent-2),var(--dpp21-accent));
    border-color:transparent;
    color:#2b1705;
}

.dpp-artist-pro-follow.is-following{
    background:#1f2937;
    color:#fff;
    border-color:#1f2937;
}

.dpp-artist-pro-radio{
    background:#fff8ef!important;
    color:#a44e0b!important;
    border-color:#f3c792!important;
}

.dpp-artist-pro-social{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:17px;
}

.dpp-artist-pro-social a{
    color:#8a4b19;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
}

.dpp-artist-pro-anchor-nav{
    display:flex;
    gap:8px;
    overflow:auto hidden;
    margin:18px 0 28px;
    padding:8px;
    border:1px solid var(--dpp21-line);
    border-radius:18px;
    background:rgba(255,255,255,.92);
    box-shadow:0 10px 26px rgba(78,47,22,.06);
    scrollbar-width:none;
}

.dpp-artist-pro-anchor-nav::-webkit-scrollbar{display:none}

.dpp-artist-pro-anchor-nav a{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:8px 13px;
    border-radius:12px;
    color:#5d4938;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
}

.dpp-artist-pro-anchor-nav a:hover,
.dpp-artist-pro-anchor-nav a:focus-visible{
    background:#fff1df;
    color:#a64d08;
    outline:none;
}

.dpp-artist-pro-bio,
.dpp-artist-pro-section{
    scroll-margin-top:110px;
}

.dpp-artist-pro-bio{
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    gap:20px;
    align-items:start;
    margin:0 0 28px;
    padding:24px;
    border:1px solid var(--dpp21-line);
    border-radius:var(--dpp21-radius);
    background:var(--dpp21-surface);
    box-shadow:var(--dpp21-shadow);
}

.dpp-artist-pro-bio-icon{
    display:grid;
    place-items:center;
    width:64px;
    aspect-ratio:1;
    border-radius:20px;
    background:linear-gradient(135deg,#ffe6c7,#fff6e9);
    color:#d26b15;
    font-size:28px;
}

.dpp-artist-pro-bio h2{
    margin:9px 0 8px;
    font-size:23px;
}

.dpp-artist-pro-bio p{
    margin:0;
    color:#5f5a54;
    line-height:2.05;
}

.dpp-artist-pro-section{
    margin:0 0 30px;
    padding:clamp(20px,3vw,30px);
    border:1px solid var(--dpp21-line);
    border-radius:var(--dpp21-radius);
    background:var(--dpp21-surface);
    box-shadow:var(--dpp21-shadow);
}

.dpp-artist-pro-section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:20px;
}

.dpp-artist-pro-section-head h2{
    margin:8px 0 6px;
    font-size:clamp(20px,2.7vw,29px);
    line-height:1.45;
}

.dpp-artist-pro-section-head p{
    margin:0;
    color:var(--dpp21-muted);
    line-height:1.85;
    font-size:13px;
}

.dpp-artist-pro-section-head>button{
    flex:0 0 auto;
    min-height:40px;
    padding:8px 13px;
    border:1px solid #efc79d;
    border-radius:12px;
    background:#fff7ed;
    color:#9a4a0a;
    font-weight:800;
    cursor:pointer;
}

.dpp-artist-pro-track-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.dpp-artist-pro-track{
    display:grid;
    grid-template-columns:42px 58px minmax(0,1fr) 34px;
    gap:12px;
    align-items:center;
    min-height:78px;
    padding:10px 12px;
    border:1px solid #eee2d5;
    border-radius:16px;
    background:#fffdfb;
    transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}

.dpp-artist-pro-track:hover{
    transform:translateY(-1px);
    border-color:#efc293;
    box-shadow:0 10px 24px rgba(70,43,19,.07);
}

.dpp-artist-pro-track-play{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    border:0;
    border-radius:13px;
    background:linear-gradient(135deg,var(--dpp21-accent-2),var(--dpp21-accent));
    color:#2b1705;
    cursor:pointer;
}

.dpp-artist-pro-track-play.is-playing{
    background:#1f2937;
    color:#fff;
}

.dpp-artist-pro-track img{
    width:56px;
    height:56px;
    object-fit:cover;
    border-radius:13px;
    background:#eee7df;
}

.dpp-artist-pro-track>div{
    min-width:0;
}

.dpp-artist-pro-track strong,
.dpp-artist-pro-track small{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.dpp-artist-pro-track strong{font-size:13px;color:#282522}
.dpp-artist-pro-track small{margin-top:5px;color:#82786f;font-size:11px}
.dpp-artist-pro-track>span{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#f7efe6;color:#765a42;font-size:11px;font-weight:800}

.dpp-artist-pro-album-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}

.dpp-artist-pro-album{
    overflow:hidden;
    border:1px solid #eee1d4;
    border-radius:18px;
    background:#fffdfb;
}

.dpp-artist-pro-album-cover{
    position:relative;
    aspect-ratio:1;
    overflow:hidden;
}

.dpp-artist-pro-album-cover img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .25s ease;
}

.dpp-artist-pro-album:hover img{transform:scale(1.035)}

.dpp-artist-pro-album-cover button{
    position:absolute;
    inset-inline-start:12px;
    bottom:12px;
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border:0;
    border-radius:14px;
    background:rgba(255,255,255,.92);
    color:#bd5708;
    box-shadow:0 10px 24px rgba(31,24,17,.18);
    cursor:pointer;
}

.dpp-artist-pro-album>div:last-child{padding:14px}
.dpp-artist-pro-album h3{margin:0 0 5px;font-size:14px;line-height:1.7}
.dpp-artist-pro-album p{margin:0;color:var(--dpp21-muted);font-size:11px}

.dpp-artist-pro-similar-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:13px;
}

.dpp-artist-pro-similar-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    min-width:0;
    padding:13px 10px;
    border:1px solid #eee1d4;
    border-radius:18px;
    background:#fffdfb;
    color:inherit;
    text-align:center;
    text-decoration:none;
    transition:transform .18s ease,border-color .18s ease;
}

.dpp-artist-pro-similar-card:hover{transform:translateY(-2px);border-color:#edbb89}
.dpp-artist-pro-similar-card img{width:92px;height:92px;object-fit:cover;border-radius:999px;background:#eee7df}
.dpp-artist-pro-similar-card span{min-width:0;width:100%}
.dpp-artist-pro-similar-card strong,.dpp-artist-pro-similar-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dpp-artist-pro-similar-card strong{font-size:13px}
.dpp-artist-pro-similar-card small{margin-top:4px;color:var(--dpp21-muted);font-size:10px}

.dpp-artist-pro-empty,
.dpp-stage21-page :is(.dpp-lite-favorites-empty,.dpp-lite-history-empty,.dpp-lite-followed-empty,.dpp-lite-updates-empty,.dpp-lite-personal-empty,.dpp-lite-personal-welcome),
.dpp-discovery-empty,
.dpp-live-search-empty,
.dpp-notifications-empty{
    position:relative;
    display:grid;
    place-items:center;
    min-height:190px;
    margin:0;
    padding:66px 22px 24px;
    border:1px dashed #dfc7ae;
    border-radius:20px;
    background:linear-gradient(180deg,#fffdfb,#fff8f0);
    color:#786b5f;
    text-align:center;
    line-height:1.9;
}

.dpp-artist-pro-empty::before,
.dpp-stage21-page :is(.dpp-lite-favorites-empty,.dpp-lite-history-empty,.dpp-lite-followed-empty,.dpp-lite-updates-empty,.dpp-lite-personal-empty,.dpp-lite-personal-welcome)::before,
.dpp-discovery-empty::before,
.dpp-live-search-empty::before,
.dpp-notifications-empty::before{
    content:"♫";
    position:absolute;
    top:22px;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:14px;
    background:#ffe8cc;
    color:#c65f0e;
    font-size:20px;
    font-weight:900;
}

/* Personal library and collection pages */
.dpp-recovery-library{
    display:block;
    max-width:1180px;
    margin-inline:auto;
}

.dpp-recovery-library-hero{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:92px minmax(0,1fr) auto;
    gap:20px;
    align-items:center;
    padding:25px;
    border:1px solid rgba(245,130,32,.20);
    border-radius:28px;
    background:linear-gradient(135deg,#fffdf9 0%,#fff3e3 100%);
    box-shadow:var(--dpp21-shadow);
}

.dpp-recovery-library-hero::after{
    content:"";
    position:absolute;
    width:240px;
    height:240px;
    inset-inline-end:-90px;
    top:-120px;
    border-radius:999px;
    background:radial-gradient(circle,rgba(245,130,32,.16),transparent 70%);
    pointer-events:none;
}

.dpp-recovery-profile-media{
    display:grid;
    place-items:center;
    width:86px;
    height:86px;
    border-radius:24px;
    overflow:hidden;
    background:linear-gradient(135deg,#ffdba9,#fff3df);
    color:#c35d0d;
    font-size:34px;
}

.dpp-recovery-profile-media img{width:100%;height:100%;object-fit:cover}
.dpp-recovery-profile-copy{min-width:0}
.dpp-recovery-profile-copy>span{color:#b35a13;font-size:12px;font-weight:800}
.dpp-recovery-profile-copy h2{margin:5px 0 7px;font-size:clamp(23px,3vw,34px)}
.dpp-recovery-profile-copy p{margin:0;max-width:700px;color:#71675e;line-height:1.9;font-size:13px}
.dpp-recovery-profile-actions{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:9px}
.dpp-recovery-sync-badge{display:inline-flex;align-items:center;min-height:31px;padding:6px 10px;border-radius:999px;background:#fff;color:#7b6652;border:1px solid #ead8c4;font-size:11px;font-weight:800}
.dpp-recovery-account-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border-radius:13px;background:#fff;color:#8d480f;border:1px solid #efc394;font-size:12px;font-weight:800;text-decoration:none}
.dpp-recovery-account-link.is-primary{background:linear-gradient(135deg,var(--dpp21-accent-2),var(--dpp21-accent));border-color:transparent;color:#2d1805}

.dpp-recovery-library-tabs{
    display:flex;
    gap:7px;
    overflow:auto hidden;
    margin:16px 0;
    padding:7px;
    border:1px solid var(--dpp21-line);
    border-radius:18px;
    background:#fff;
    box-shadow:0 9px 24px rgba(67,42,20,.05);
    scrollbar-width:none;
}
.dpp-recovery-library-tabs::-webkit-scrollbar{display:none}
.dpp-recovery-library-tabs button{
    flex:1 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:42px;
    padding:8px 12px;
    border:0;
    border-radius:12px;
    background:transparent;
    color:#746558;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
}
.dpp-recovery-library-tabs button[aria-selected="true"],
.dpp-recovery-library-tabs button.is-active{
    background:linear-gradient(135deg,#fff0dc,#ffe3c1);
    color:#a54d08;
    box-shadow:inset 0 0 0 1px rgba(245,130,32,.20);
}

.dpp-recovery-library-panels>.dpp-lite-library-panel{
    padding:clamp(17px,2.5vw,25px);
    border:1px solid var(--dpp21-line);
    border-radius:24px;
    background:#fff;
    box-shadow:var(--dpp21-shadow);
}

.dpp-recovery-library-panels>.dpp-lite-library-panel[hidden]{display:none!important}

.dpp-recovery-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-bottom:16px;
}

.dpp-recovery-summary button{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    min-height:74px;
    padding:12px;
    border:1px solid #eee2d5;
    border-radius:17px;
    background:#fffdfb;
    color:inherit;
    text-align:right;
    cursor:pointer;
}
.dpp-recovery-summary button>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff0dc;color:#bd5708;font-size:18px}
.dpp-recovery-summary button small{color:#786c61;font-size:11px;font-weight:700}
.dpp-recovery-summary button strong{font-size:18px;color:#2f2924}

.dpp-recovery-overview-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.dpp-recovery-overview-card{
    min-width:0;
    padding:18px;
    border:1px solid #eee2d5;
    border-radius:19px;
    background:#fffdfb;
}
.dpp-recovery-overview-card.is-wide{grid-column:1/-1}
.dpp-recovery-overview-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.dpp-recovery-overview-card>header span{color:#b15a14;font-size:10px;font-weight:800}
.dpp-recovery-overview-card>header h3{margin:4px 0 0;font-size:16px}
.dpp-recovery-overview-card>header button{border:0;background:transparent;color:#a44c09;font-size:11px;font-weight:800;cursor:pointer}

.dpp-recovery-mini-track,
.dpp-lite-favorite-item,
.dpp-lite-history-item,
.dpp-lite-personal-track{
    display:grid;
    grid-template-columns:54px minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    min-height:74px;
    padding:10px;
    border:1px solid #eee3d8;
    border-radius:16px;
    background:#fff;
}

.dpp-recovery-mini-track+.dpp-recovery-mini-track,
.dpp-lite-favorite-item+.dpp-lite-favorite-item,
.dpp-lite-history-item+.dpp-lite-history-item,
.dpp-lite-personal-track+.dpp-lite-personal-track{margin-top:9px}

.dpp-recovery-mini-track img,
.dpp-lite-favorite-cover,
.dpp-lite-history-cover,
.dpp-lite-personal-cover{
    width:52px;
    height:52px;
    object-fit:cover;
    border-radius:13px;
    background:#efe9e2;
}

.dpp-lite-favorite-info,
.dpp-lite-history-info,
.dpp-lite-personal-track-info{min-width:0}
.dpp-lite-favorite-info :is(strong,small),
.dpp-lite-history-info :is(strong,small),
.dpp-lite-personal-track-info :is(strong,small){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dpp-lite-favorite-info strong,.dpp-lite-history-info strong,.dpp-lite-personal-track-info strong{font-size:13px;color:#292521}
.dpp-lite-favorite-info small,.dpp-lite-history-info small,.dpp-lite-personal-track-info small{margin-top:5px;color:#81766c;font-size:10px}

.dpp-lite-favorite-actions,
.dpp-lite-history-actions,
.dpp-lite-personal-track-actions{
    display:flex;
    gap:6px;
    align-items:center;
}

.dpp-lite-favorite-actions button,
.dpp-lite-history-actions button,
.dpp-lite-personal-track-actions button,
.dpp-lite-personal-content-actions button{
    display:grid;
    place-items:center;
    min-width:36px;
    min-height:36px;
    padding:7px 10px;
    border:1px solid #eadbcb;
    border-radius:11px;
    background:#fff8ef;
    color:#92501a;
    font-size:11px;
    font-weight:800;
    cursor:pointer;
}

.dpp-lite-favorite-actions button.is-remove,
.dpp-lite-history-actions button.is-remove,
.dpp-lite-personal-track-actions button.is-danger,
.dpp-lite-personal-content-actions button.is-danger{
    background:#fff2f1;
    border-color:#f1c7c4;
    color:#b33a32;
}

.dpp-lite-history-progress{
    overflow:hidden;
    height:5px;
    margin-top:8px;
    border-radius:999px;
    background:#efe7df;
}
.dpp-lite-history-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--dpp21-accent-2),var(--dpp21-accent))}
.dpp-lite-history-time{margin-top:5px;color:#83776d;font-size:10px}

.dpp-recovery-quick-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:14px;
}
.dpp-recovery-quick-actions :is(button,a){display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:64px;padding:12px;border:1px solid #eee1d4;border-radius:16px;background:#fffdfb;color:inherit;text-align:right;text-decoration:none;cursor:pointer}
.dpp-recovery-quick-actions>*>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff0dc;color:#b8580d}
.dpp-recovery-quick-actions strong{font-size:12px}.dpp-recovery-quick-actions small{color:#807367;font-size:10px}

.dpp-stage21-page :is(.dpp-lite-favorites-head,.dpp-lite-history-head,.dpp-lite-personal-playlists-head,.dpp-lite-followed-head,.dpp-lite-updates-head){
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
    padding-bottom:15px;
    border-bottom:1px solid #eee2d6;
}
.dpp-stage21-page :is(.dpp-lite-favorites-head,.dpp-lite-history-head,.dpp-lite-personal-playlists-head,.dpp-lite-followed-head,.dpp-lite-updates-head) h2{margin:0 0 5px;font-size:clamp(19px,2.6vw,26px)}
.dpp-stage21-page :is(.dpp-lite-favorites-head,.dpp-lite-history-head,.dpp-lite-personal-playlists-head,.dpp-lite-followed-head,.dpp-lite-updates-head) p{margin:0;max-width:720px;color:var(--dpp21-muted);font-size:12px;line-height:1.85}
.dpp-stage21-page :is(.dpp-favorites-play-all,.dpp-history-clear){flex:0 0 auto;min-height:40px;padding:8px 13px;border:1px solid #edc69e;border-radius:12px;background:#fff7ed;color:#93470b;font-size:11px;font-weight:800;cursor:pointer}
.dpp-stage21-page .dpp-history-clear{background:#fff4f3;border-color:#edc8c5;color:#aa3d35}

.dpp-lite-favorites-count,
.dpp-lite-followed-head>span,
.dpp-lite-personal-playlists-head>span,
.dpp-lite-updates-head>span,
.dpp-lite-history-title>span{
    display:inline-flex;
    align-items:center;
    min-height:31px;
    padding:6px 10px;
    border-radius:999px;
    background:#fff0dc;
    color:#9d4c0b;
    font-size:11px;
    font-weight:800;
}

.dpp-lite-continue-section,
.dpp-lite-history-section{
    padding:17px;
    border:1px solid #eee2d5;
    border-radius:19px;
    background:#fffdfb;
}
.dpp-lite-continue-section+.dpp-lite-history-section{margin-top:14px}
.dpp-lite-continue-section>h3,.dpp-lite-history-title h3{margin:0 0 13px;font-size:16px}
.dpp-lite-history-title{display:flex;align-items:center;justify-content:space-between;gap:12px}

.dpp-lite-personal-create{
    margin-bottom:15px;
    padding:15px;
    border:1px solid #eedfce;
    border-radius:17px;
    background:#fff9f2;
}
.dpp-lite-personal-create>label{display:block;margin-bottom:9px;color:#604c3a;font-size:12px;font-weight:800}
.dpp-lite-personal-create>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.dpp-lite-personal-create input{
    min-width:0;
    min-height:43px;
    padding:9px 12px;
    border:1px solid #e8d7c5;
    border-radius:12px;
    background:#fff;
    color:#2e2925;
    outline:none;
}
.dpp-lite-personal-create input:focus{border-color:#eea65f;box-shadow:0 0 0 3px rgba(245,130,32,.10)}
.dpp-lite-personal-create button{min-width:82px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--dpp21-accent-2),var(--dpp21-accent));color:#2c1705;font-weight:900;cursor:pointer}

.dpp-lite-personal-layout{
    display:grid;
    grid-template-columns:minmax(190px,250px) minmax(0,1fr);
    gap:14px;
}
.dpp-lite-personal-nav{
    display:flex;
    flex-direction:column;
    gap:7px;
    padding:10px;
    border:1px solid #eee1d4;
    border-radius:17px;
    background:#fffaf4;
}
.dpp-lite-personal-nav-item{
    width:100%;
    min-height:43px;
    padding:9px 11px;
    border:1px solid transparent;
    border-radius:11px;
    background:transparent;
    color:#665648;
    text-align:right;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
}
.dpp-lite-personal-nav-item.is-active{background:#fff;border-color:#edc99f;color:#9e4a09;box-shadow:0 8px 18px rgba(75,44,19,.06)}
.dpp-lite-personal-content{min-width:0;padding:15px;border:1px solid #eee1d4;border-radius:17px;background:#fffdfb}
.dpp-lite-personal-content-head{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;margin-bottom:13px;padding-bottom:13px;border-bottom:1px solid #eee4da}
.dpp-lite-personal-content-head h3{margin:0 0 5px;font-size:18px}.dpp-lite-personal-content-head p{margin:0;color:var(--dpp21-muted);font-size:11px}
.dpp-lite-personal-content-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.dpp-lite-personal-content-actions button.is-primary{background:linear-gradient(135deg,var(--dpp21-accent-2),var(--dpp21-accent));border-color:transparent;color:#2c1705}

.dpp-lite-followed-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}
.dpp-lite-followed-card{
    position:relative;
    overflow:hidden;
    min-width:0;
    border:1px solid #eee1d4;
    border-radius:18px;
    background:#fffdfb;
}
.dpp-lite-followed-card>a{display:flex;align-items:center;gap:11px;padding:12px;color:inherit;text-decoration:none}
.dpp-lite-followed-card img{width:66px;height:66px;object-fit:cover;border-radius:17px;background:#eee7df}
.dpp-lite-followed-card span{min-width:0}.dpp-lite-followed-card strong,.dpp-lite-followed-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dpp-lite-followed-card strong{font-size:13px}.dpp-lite-followed-card small{margin-top:5px;color:var(--dpp21-muted);font-size:10px}
.dpp-lite-followed-card>button{position:absolute;top:8px;inset-inline-end:8px;display:grid;place-items:center;width:29px;height:29px;border:1px solid #efc8c4;border-radius:10px;background:rgba(255,246,245,.94);color:#a93a32;cursor:pointer}

.dpp-lite-updates-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.dpp-lite-update-card{
    display:grid;
    grid-template-columns:92px minmax(0,1fr);
    overflow:hidden;
    min-width:0;
    border:1px solid #eee1d4;
    border-radius:18px;
    background:#fffdfb;
}
.dpp-lite-update-card.is-new{border-color:#efb77c;box-shadow:inset 4px 0 0 #f58220}
.dpp-lite-update-cover{display:block;min-height:100%}.dpp-lite-update-cover img{display:block;width:100%;height:100%;min-height:126px;object-fit:cover;background:#eee7df}
.dpp-lite-update-body{min-width:0;padding:13px}.dpp-lite-update-body h3{margin:8px 0 12px;font-size:13px;line-height:1.75}.dpp-lite-update-body h3 a{color:inherit;text-decoration:none}
.dpp-lite-update-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#82766a;font-size:10px}.dpp-lite-update-meta>a{color:#a5500d;text-decoration:none;font-weight:800}.dpp-lite-update-new{padding:4px 7px;border-radius:999px;background:#ffe5c6;color:#a34b08;font-weight:900}
.dpp-lite-update-actions{display:flex;gap:7px}.dpp-lite-update-actions :is(a,button){display:inline-flex;align-items:center;justify-content:center;min-height:33px;padding:6px 10px;border:1px solid #eacdad;border-radius:10px;background:#fff7ed;color:#914509;font-size:10px;font-weight:800;text-decoration:none;cursor:pointer}

/* Account page */
.dpp-lite-account-page{
    max-width:1060px;
    margin-inline:auto;
}
.dpp-lite-account-hero{
    position:relative;
    overflow:hidden;
    padding:clamp(22px,4vw,38px);
    border:1px solid rgba(245,130,32,.20);
    border-radius:28px;
    background:linear-gradient(135deg,#fffdf9,#fff1de);
    box-shadow:var(--dpp21-shadow);
}
.dpp-lite-account-card,
.dpp-lite-sync-overview,
.dpp-lite-auth-form,
.dpp-lite-data-management,
.dpp-lite-registration-disabled{
    border:1px solid var(--dpp21-line)!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 14px 34px rgba(73,44,21,.06)!important;
}
.dpp-lite-account-card{padding:18px}
.dpp-lite-account-avatar{border-radius:20px!important;overflow:hidden;background:#fff0dc!important}
.dpp-lite-account-actions{display:flex;flex-wrap:wrap;gap:8px}
.dpp-lite-account-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:8px 12px;border:1px solid #eac9a6;border-radius:11px;background:#fff8ef;color:#8d460e;text-decoration:none;font-size:11px;font-weight:800}
.dpp-lite-sync-overview{padding:18px!important;margin-top:14px}
.dpp-lite-sync-counts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.dpp-lite-sync-counts>span{padding:12px!important;border:1px solid #eee1d4;border-radius:14px;background:#fffaf4;text-align:center}
.dpp-lite-sync-counts strong{display:block;font-size:20px;color:#a84f0a}
.dpp-lite-account-settings-grid,.dpp-lite-auth-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}
.dpp-lite-auth-form{padding:20px!important}
.dpp-lite-auth-form h3{margin:0 0 7px;font-size:19px}.dpp-lite-auth-form>p{color:var(--dpp21-muted);line-height:1.85;font-size:12px}
.dpp-lite-auth-form label>span{display:block;margin-bottom:7px;color:#5e5145;font-size:11px;font-weight:800}
.dpp-lite-auth-form :is(input,select,textarea){width:100%;min-height:43px;padding:9px 11px;border:1px solid #e4d4c3;border-radius:11px;background:#fff;color:#2d2925;outline:none}
.dpp-lite-auth-form :is(input,select,textarea):focus{border-color:#eca35a;box-shadow:0 0 0 3px rgba(245,130,32,.10)}
.dpp-lite-auth-form>button{min-height:42px;padding:8px 13px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--dpp21-accent-2),var(--dpp21-accent));color:#2b1705;font-weight:900;cursor:pointer}
.dpp-lite-data-management{padding:20px!important;margin-top:15px}.dpp-lite-data-management-head{display:flex!important;align-items:flex-start;justify-content:space-between;gap:14px}.dpp-lite-data-management-head>span{padding:6px 9px;border-radius:999px;background:#fff0ef;color:#a93a31;font-size:10px;font-weight:800}
.dpp-lite-data-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}.dpp-lite-data-options label{padding:12px!important;border:1px solid #eee1d5;border-radius:14px;background:#fffaf5}
.dpp-lite-danger-button{min-height:42px;border:0!important;border-radius:12px!important;background:#b93b32!important;color:#fff!important;font-weight:900!important}

/* Search */
.dpp-live-search-form{
    position:relative;
    overflow:visible;
    border-radius:16px;
}
.dpp-live-search-panel{
    overflow:hidden;
    margin-top:8px;
    border:1px solid var(--dpp21-line)!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 24px 60px rgba(41,25,13,.16)!important;
}
.dpp-live-search-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #eee3d8;background:#fffaf4}
.dpp-live-search-row{
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) auto!important;
    gap:11px!important;
    align-items:center!important;
    min-height:72px;
    padding:9px 12px!important;
    border-bottom:1px solid #f1e8df!important;
    background:#fff!important;
}
.dpp-live-search-row:last-child{border-bottom:0!important}
.dpp-live-search-row:hover,.dpp-live-search-row.is-active{background:#fff8ef!important}
.dpp-live-search-image{width:52px!important;height:52px!important;object-fit:cover;border-radius:13px!important;background:#eee7df}
.dpp-live-search-copy{min-width:0}.dpp-live-search-copy :is(strong,small){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dpp-live-search-copy strong{font-size:12px}.dpp-live-search-copy small{margin-top:5px;color:#81766b;font-size:10px}
.dpp-live-search-badge{padding:5px 8px;border-radius:999px;background:#fff0dc;color:#a34e0a;font-size:9px;font-weight:900}
.dpp-live-search-play{display:grid!important;place-items:center;width:36px!important;height:36px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,var(--dpp21-accent-2),var(--dpp21-accent))!important;color:#2b1705!important}
.dpp-live-search-all{display:flex;align-items:center;justify-content:center;min-height:42px;background:#fff8ef;color:#914509;text-decoration:none;font-size:11px;font-weight:900}

/* Discovery */
.dpp-discovery-page{
    max-width:1180px;
    margin-inline:auto;
}
.dpp-discovery-hero{
    overflow:hidden;
    padding:clamp(24px,4vw,42px)!important;
    border:1px solid rgba(245,130,32,.20)!important;
    border-radius:28px!important;
    background:linear-gradient(135deg,#fffdf9,#fff0dc)!important;
    box-shadow:var(--dpp21-shadow)!important;
}
.dpp-discovery-search-box,.dpp-discovery-filter-shell,.dpp-discovery-results-shell{
    border:1px solid var(--dpp21-line)!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 14px 34px rgba(75,45,21,.06)!important;
}
.dpp-discovery-search-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.dpp-discovery-search-form input{min-width:0;min-height:47px;padding:10px 13px;border:1px solid #e5d4c3;border-radius:13px;background:#fff;color:#2e2925;outline:none}
.dpp-discovery-search-form input:focus{border-color:#eca35a;box-shadow:0 0 0 3px rgba(245,130,32,.10)}
.dpp-discovery-search-form button{min-width:92px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--dpp21-accent-2),var(--dpp21-accent));color:#2b1705;font-weight:900;cursor:pointer}
.dpp-discovery-filters{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px!important}
.dpp-discovery-filters :is(select,input){width:100%;min-height:42px;padding:8px 10px;border:1px solid #e5d5c5;border-radius:11px;background:#fff;color:#332e2a}
.dpp-discovery-results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding-bottom:13px;border-bottom:1px solid #eee3d8}
.dpp-discovery-track-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px!important}
.dpp-discovery-track-card{display:grid!important;grid-template-columns:72px minmax(0,1fr) auto!important;gap:11px!important;align-items:center!important;padding:10px!important;border:1px solid #eee2d6!important;border-radius:17px!important;background:#fffdfb!important}
.dpp-discovery-track-cover{width:70px!important;height:70px!important;overflow:hidden;border-radius:15px!important;background:#eee7df}.dpp-discovery-track-cover img{width:100%;height:100%;object-fit:cover}
.dpp-discovery-track-copy{min-width:0}.dpp-discovery-track-copy :is(strong,small){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dpp-discovery-track-copy strong{font-size:12px}.dpp-discovery-track-copy small{margin-top:5px;color:#81766b;font-size:10px}
.dpp-discovery-play{display:grid!important;place-items:center;width:39px!important;height:39px!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,var(--dpp21-accent-2),var(--dpp21-accent))!important;color:#2b1705!important}
.dpp-discovery-artist-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px!important}
.dpp-discovery-artist-card{padding:13px!important;border:1px solid #eee1d4!important;border-radius:18px!important;background:#fffdfb!important;text-align:center}.dpp-discovery-artist-card img{width:90px!important;height:90px!important;object-fit:cover;border-radius:999px!important}
.dpp-discovery-album-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important}.dpp-discovery-album-card{overflow:hidden;border:1px solid #eee1d4!important;border-radius:18px!important;background:#fffdfb!important}
.dpp-discovery-pagination{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:16px}.dpp-discovery-pagination :is(a,button,span){display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border:1px solid #e9d8c7;border-radius:11px;background:#fff;color:#7e5e43;text-decoration:none}.dpp-discovery-pagination .is-current{background:#f58220;color:#fff;border-color:#f58220}

/* Notifications */
.dpp-notifications-panel{
    width:min(430px,calc(100vw - 24px))!important;
    overflow:hidden!important;
    border-radius:24px!important;
}
.dpp-notifications-head{padding:17px!important;border-bottom:1px solid #eee3d8!important;background:linear-gradient(135deg,#fffdf9,#fff2e1)!important}
.dpp-notifications-head span{color:#a7500c!important;font-size:10px!important;font-weight:800}.dpp-notifications-head h2{margin:4px 0 0!important;font-size:20px!important}.dpp-notifications-head>button{display:grid!important;place-items:center;width:34px!important;height:34px!important;border:1px solid #e9d5c2!important;border-radius:11px!important;background:#fff!important;color:#6d5948!important}
.dpp-notifications-toolbar{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px!important;border-bottom:1px solid #f0e7de!important;background:#fffaf5!important}.dpp-notifications-toolbar span{color:#7f7369!important;font-size:10px!important}.dpp-notifications-toolbar button{min-height:32px;padding:6px 9px;border:1px solid #e9c89f;border-radius:10px;background:#fff7ed;color:#93470b;font-size:10px;font-weight:800}
.dpp-notification-item{display:grid!important;grid-template-columns:62px minmax(0,1fr) 38px!important;gap:10px!important;align-items:center!important;padding:11px 13px!important;border-bottom:1px solid #f0e7de!important;background:#fff!important}.dpp-notification-item.is-new{background:#fff8ef!important}.dpp-notification-cover img{display:block;width:60px!important;height:60px!important;object-fit:cover;border-radius:14px!important;background:#eee7df}.dpp-notification-copy{min-width:0}.dpp-notification-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:#85796e;font-size:9px}.dpp-notification-meta>a{color:#a4500c;text-decoration:none;font-weight:800}.dpp-notification-meta>span{padding:3px 6px;border-radius:999px;background:#ffe5c5;color:#a14907;font-weight:900}.dpp-notification-copy h3{margin:6px 0 0;font-size:12px;line-height:1.75}.dpp-notification-copy h3 a{color:inherit;text-decoration:none}.dpp-notification-play{display:grid!important;place-items:center;width:36px!important;height:36px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,var(--dpp21-accent-2),var(--dpp21-accent))!important;color:#2b1705!important}.dpp-notifications-panel>footer{padding:12px 14px!important;background:#fffaf5!important}.dpp-notifications-panel>footer a{display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:11px;background:#fff0dc;color:#994808;text-decoration:none;font-size:11px;font-weight:900}

/* Dark mode */
html[data-aftab-theme="dark"],body.aftab-dark{
    --dpp21-ink:#f4f7fb;
    --dpp21-muted:#a9b5c2;
    --dpp21-line:#2b3b4b;
    --dpp21-surface:#111c27;
    --dpp21-soft:#172431;
    --dpp21-soft-2:#0d1721;
    --dpp21-shadow:0 20px 52px rgba(0,0,0,.28);
}

html[data-aftab-theme="dark"] :is(.dpp-artist-pro-hero,.dpp-lite-account-hero,.dpp-discovery-hero,.dpp-recovery-library-hero),
body.aftab-dark :is(.dpp-artist-pro-hero,.dpp-lite-account-hero,.dpp-discovery-hero,.dpp-recovery-library-hero){
    background:linear-gradient(135deg,#142332,#0f1b26)!important;
    border-color:#33485c!important;
    color:#f4f7fb!important;
    box-shadow:0 24px 70px rgba(0,0,0,.32)!important;
}

html[data-aftab-theme="dark"] .dpp-artist-pro-backdrop,
body.aftab-dark .dpp-artist-pro-backdrop{background:radial-gradient(circle at 20% 25%,rgba(245,130,32,.18),transparent 31%),radial-gradient(circle at 77% 20%,rgba(255,173,77,.10),transparent 25%),linear-gradient(145deg,#142332,#0f1b26)!important}

html[data-aftab-theme="dark"] :is(.dpp-artist-pro-section,.dpp-artist-pro-bio,.dpp-recovery-library-panels>.dpp-lite-library-panel,.dpp-lite-account-card,.dpp-lite-sync-overview,.dpp-lite-auth-form,.dpp-lite-data-management,.dpp-live-search-panel,.dpp-discovery-search-box,.dpp-discovery-filter-shell,.dpp-discovery-results-shell),
body.aftab-dark :is(.dpp-artist-pro-section,.dpp-artist-pro-bio,.dpp-recovery-library-panels>.dpp-lite-library-panel,.dpp-lite-account-card,.dpp-lite-sync-overview,.dpp-lite-auth-form,.dpp-lite-data-management,.dpp-live-search-panel,.dpp-discovery-search-box,.dpp-discovery-filter-shell,.dpp-discovery-results-shell){
    background:#111c27!important;
    border-color:#2b3b4b!important;
    color:#f4f7fb!important;
    box-shadow:0 18px 46px rgba(0,0,0,.24)!important;
}

html[data-aftab-theme="dark"] :is(.dpp-artist-pro-anchor-nav,.dpp-recovery-library-tabs),
body.aftab-dark :is(.dpp-artist-pro-anchor-nav,.dpp-recovery-library-tabs){background:#101b26!important;border-color:#2b3b4b!important}
html[data-aftab-theme="dark"] :is(.dpp-artist-pro-anchor-nav a,.dpp-recovery-library-tabs button),body.aftab-dark :is(.dpp-artist-pro-anchor-nav a,.dpp-recovery-library-tabs button){color:#b8c3cf!important}
html[data-aftab-theme="dark"] :is(.dpp-artist-pro-anchor-nav a:hover,.dpp-recovery-library-tabs button[aria-selected="true"],.dpp-recovery-library-tabs button.is-active),body.aftab-dark :is(.dpp-artist-pro-anchor-nav a:hover,.dpp-recovery-library-tabs button[aria-selected="true"],.dpp-recovery-library-tabs button.is-active){background:#213246!important;color:#ffd08a!important;box-shadow:inset 0 0 0 1px rgba(255,173,77,.22)!important}

html[data-aftab-theme="dark"] :is(.dpp-artist-pro-track,.dpp-artist-pro-album,.dpp-artist-pro-similar-card,.dpp-recovery-summary button,.dpp-recovery-overview-card,.dpp-recovery-quick-actions>*,.dpp-lite-favorite-item,.dpp-lite-history-item,.dpp-lite-personal-track,.dpp-lite-followed-card,.dpp-lite-update-card,.dpp-lite-personal-content,.dpp-lite-continue-section,.dpp-lite-history-section,.dpp-live-search-row,.dpp-discovery-track-card,.dpp-discovery-artist-card,.dpp-discovery-album-card,.dpp-notification-item),
body.aftab-dark :is(.dpp-artist-pro-track,.dpp-artist-pro-album,.dpp-artist-pro-similar-card,.dpp-recovery-summary button,.dpp-recovery-overview-card,.dpp-recovery-quick-actions>*,.dpp-lite-favorite-item,.dpp-lite-history-item,.dpp-lite-personal-track,.dpp-lite-followed-card,.dpp-lite-update-card,.dpp-lite-personal-content,.dpp-lite-continue-section,.dpp-lite-history-section,.dpp-live-search-row,.dpp-discovery-track-card,.dpp-discovery-artist-card,.dpp-discovery-album-card,.dpp-notification-item){
    background:#172431!important;
    border-color:#304255!important;
    color:#f4f7fb!important;
}

html[data-aftab-theme="dark"] :is(.dpp-artist-pro-meta span,.dpp-artist-pro-chips span,.dpp-artist-pro-actions button,.dpp-recovery-sync-badge,.dpp-recovery-account-link,.dpp-lite-personal-create,.dpp-lite-personal-nav,.dpp-lite-data-options label,.dpp-lite-sync-counts>span),
body.aftab-dark :is(.dpp-artist-pro-meta span,.dpp-artist-pro-chips span,.dpp-artist-pro-actions button,.dpp-recovery-sync-badge,.dpp-recovery-account-link,.dpp-lite-personal-create,.dpp-lite-personal-nav,.dpp-lite-data-options label,.dpp-lite-sync-counts>span){background:#152231!important;border-color:#31465a!important;color:#dce5ee!important}

html[data-aftab-theme="dark"] :is(.dpp-stage21-page,.dpp-lite-account-page,.dpp-discovery-page,.dpp-artist-pro-main) :is(h1,h2,h3,h4,strong,a),body.aftab-dark :is(.dpp-stage21-page,.dpp-lite-account-page,.dpp-discovery-page,.dpp-artist-pro-main) :is(h1,h2,h3,h4,strong,a){color:#f4f7fb!important}
html[data-aftab-theme="dark"] :is(.dpp-stage21-page,.dpp-lite-account-page,.dpp-discovery-page,.dpp-artist-pro-main) :is(p,small,time),body.aftab-dark :is(.dpp-stage21-page,.dpp-lite-account-page,.dpp-discovery-page,.dpp-artist-pro-main) :is(p,small,time){color:#a9b5c2!important}

html[data-aftab-theme="dark"] :is(.dpp-lite-auth-form input,.dpp-lite-auth-form select,.dpp-lite-auth-form textarea,.dpp-lite-personal-create input,.dpp-discovery-search-form input,.dpp-discovery-filters select),
body.aftab-dark :is(.dpp-lite-auth-form input,.dpp-lite-auth-form select,.dpp-lite-auth-form textarea,.dpp-lite-personal-create input,.dpp-discovery-search-form input,.dpp-discovery-filters select){background:#0d1721!important;border-color:#32465a!important;color:#f4f7fb!important}

html[data-aftab-theme="dark"] :is(.dpp-artist-pro-empty,.dpp-stage21-page .dpp-lite-favorites-empty,.dpp-stage21-page .dpp-lite-history-empty,.dpp-stage21-page .dpp-lite-followed-empty,.dpp-stage21-page .dpp-lite-updates-empty,.dpp-stage21-page .dpp-lite-personal-empty,.dpp-stage21-page .dpp-lite-personal-welcome,.dpp-discovery-empty,.dpp-live-search-empty,.dpp-notifications-empty),
body.aftab-dark :is(.dpp-artist-pro-empty,.dpp-stage21-page .dpp-lite-favorites-empty,.dpp-stage21-page .dpp-lite-history-empty,.dpp-stage21-page .dpp-lite-followed-empty,.dpp-stage21-page .dpp-lite-updates-empty,.dpp-stage21-page .dpp-lite-personal-empty,.dpp-stage21-page .dpp-lite-personal-welcome,.dpp-discovery-empty,.dpp-live-search-empty,.dpp-notifications-empty){background:linear-gradient(180deg,#172431,#111c27)!important;border-color:#3a4e62!important;color:#a9b5c2!important}

html[data-aftab-theme="dark"] :is(.dpp-notifications-head,.dpp-notifications-toolbar,.dpp-notifications-panel>footer,.dpp-live-search-heading),body.aftab-dark :is(.dpp-notifications-head,.dpp-notifications-toolbar,.dpp-notifications-panel>footer,.dpp-live-search-heading){background:#142231!important;border-color:#2d4053!important}
html[data-aftab-theme="dark"] .dpp-notification-item.is-new,body.aftab-dark .dpp-notification-item.is-new{background:#1c2b3b!important}

/* Responsive */
@media (max-width:1050px){
    .dpp-artist-pro-album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .dpp-artist-pro-similar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
    .dpp-lite-followed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .dpp-discovery-artist-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

@media (max-width:820px){
    .dpp-artist-pro-hero{grid-template-columns:1fr;text-align:center}
    .dpp-artist-pro-photo{width:min(240px,72vw)}
    .dpp-artist-pro-info{display:flex;flex-direction:column;align-items:center}
    .dpp-artist-pro-nickname{max-width:650px}
    .dpp-artist-pro-meta,.dpp-artist-pro-chips,.dpp-artist-pro-actions,.dpp-artist-pro-social{justify-content:center}
    .dpp-artist-pro-english{text-align:center}
    .dpp-artist-pro-track-list{grid-template-columns:1fr}
    .dpp-artist-pro-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .dpp-artist-pro-similar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .dpp-recovery-library-hero{grid-template-columns:72px minmax(0,1fr)}
    .dpp-recovery-profile-media{width:70px;height:70px;border-radius:19px}
    .dpp-recovery-profile-actions{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-start}
    .dpp-recovery-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .dpp-lite-personal-layout{grid-template-columns:1fr}
    .dpp-lite-personal-nav{flex-direction:row;overflow:auto hidden;scrollbar-width:none}
    .dpp-lite-personal-nav::-webkit-scrollbar{display:none}.dpp-lite-personal-nav-item{flex:0 0 auto;width:auto;min-width:125px;text-align:center}
    .dpp-lite-followed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .dpp-lite-updates-list{grid-template-columns:1fr}
    .dpp-lite-account-settings-grid,.dpp-lite-auth-grid{grid-template-columns:1fr!important}
    .dpp-discovery-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .dpp-discovery-track-grid{grid-template-columns:1fr!important}
    .dpp-discovery-artist-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
    .dpp-discovery-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:560px){
    .dpp-artist-pro-hero{padding:22px 16px;border-radius:24px}
    .dpp-artist-pro-info h1{font-size:31px}
    .dpp-artist-pro-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
    .dpp-artist-pro-actions button{width:100%;padding-inline:9px;font-size:11px}
    .dpp-artist-pro-actions .dpp-artist-pro-primary{grid-column:1/-1}
    .dpp-artist-pro-bio{grid-template-columns:1fr;text-align:center;padding:19px}.dpp-artist-pro-bio-icon{margin-inline:auto}
    .dpp-artist-pro-section{padding:17px;border-radius:20px}.dpp-artist-pro-section-head{align-items:flex-start;flex-direction:column}
    .dpp-artist-pro-track{grid-template-columns:39px 48px minmax(0,1fr);gap:9px}.dpp-artist-pro-track>span{display:none}.dpp-artist-pro-track img{width:46px;height:46px}.dpp-artist-pro-track-play{width:37px;height:37px}
    .dpp-artist-pro-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .dpp-artist-pro-similar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .dpp-recovery-library-hero{grid-template-columns:1fr;text-align:center;padding:20px}.dpp-recovery-profile-media{margin-inline:auto}.dpp-recovery-profile-actions{justify-content:center}.dpp-recovery-profile-copy p{font-size:12px}
    .dpp-recovery-library-panels>.dpp-lite-library-panel{padding:14px;border-radius:19px}
    .dpp-recovery-summary{gap:8px}.dpp-recovery-summary button{grid-template-columns:38px minmax(0,1fr);min-height:66px;padding:9px}.dpp-recovery-summary button>span{width:38px;height:38px}.dpp-recovery-summary button strong{grid-column:2;font-size:14px}
    .dpp-recovery-overview-grid,.dpp-recovery-quick-actions{grid-template-columns:1fr}
    .dpp-stage21-page :is(.dpp-lite-favorites-head,.dpp-lite-history-head,.dpp-lite-personal-playlists-head,.dpp-lite-followed-head,.dpp-lite-updates-head){align-items:flex-start;flex-direction:column}
    .dpp-recovery-mini-track,.dpp-lite-favorite-item,.dpp-lite-history-item,.dpp-lite-personal-track{grid-template-columns:48px minmax(0,1fr);padding:9px}.dpp-lite-favorite-actions,.dpp-lite-history-actions,.dpp-lite-personal-track-actions{grid-column:1/-1;justify-content:flex-end;padding-top:7px;border-top:1px solid #eee4da}
    html[data-aftab-theme="dark"] :is(.dpp-lite-favorite-actions,.dpp-lite-history-actions,.dpp-lite-personal-track-actions),body.aftab-dark :is(.dpp-lite-favorite-actions,.dpp-lite-history-actions,.dpp-lite-personal-track-actions){border-color:#2e4154}
    .dpp-lite-followed-grid{grid-template-columns:1fr}
    .dpp-lite-update-card{grid-template-columns:78px minmax(0,1fr)}.dpp-lite-update-cover img{min-height:118px}
    .dpp-lite-data-options{grid-template-columns:1fr!important}.dpp-lite-sync-counts{grid-template-columns:repeat(2,minmax(0,1fr))}
    .dpp-discovery-search-form{grid-template-columns:1fr}.dpp-discovery-search-form button{min-height:43px}
    .dpp-discovery-filters{grid-template-columns:1fr!important}
    .dpp-discovery-artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .dpp-discovery-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
    .dpp-notifications-panel{width:calc(100vw - 12px)!important;border-radius:20px!important}
}

@media (prefers-reduced-motion:reduce){
    .dpp-artist-pro-main *,
    .dpp-stage21-page *,
    .dpp-lite-account-page *,
    .dpp-discovery-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* Stage 25 — public personalized home dark contract. */
html[data-aftab-theme="dark"] .dpp-lite-personal-home,body.aftab-dark .dpp-lite-personal-home{background:#101923!important;border-color:#2b3d52!important;color:#f4f7fb!important;box-shadow:0 18px 48px rgba(0,0,0,.28)!important}
html[data-aftab-theme="dark"] .dpp-lite-personal-home-head,body.aftab-dark .dpp-lite-personal-home-head{background:linear-gradient(135deg,#172433,#111b27)!important;border-color:#2b3d52!important}
html[data-aftab-theme="dark"] .dpp-lite-personal-home-body,body.aftab-dark .dpp-lite-personal-home-body{background:#101923!important}
html[data-aftab-theme="dark"] :is(.dpp-lite-home-quick a,.dpp-lite-home-continue-card,.dpp-lite-home-playlist-card,.dpp-lite-home-fresh-card),body.aftab-dark :is(.dpp-lite-home-quick a,.dpp-lite-home-continue-card,.dpp-lite-home-playlist-card,.dpp-lite-home-fresh-card){background:#162331!important;border-color:#2b3d52!important;color:#f4f7fb!important;box-shadow:none!important}
html[data-aftab-theme="dark"] :is(.dpp-lite-home-quick a,.dpp-lite-home-continue-card,.dpp-lite-home-playlist-card,.dpp-lite-home-fresh-card):hover,body.aftab-dark :is(.dpp-lite-home-quick a,.dpp-lite-home-continue-card,.dpp-lite-home-playlist-card,.dpp-lite-home-fresh-card):hover{background:#1c2a3a!important;border-color:#48617a!important}
html[data-aftab-theme="dark"] :is(.dpp-lite-personal-home-head h2,.dpp-lite-home-row-head h3,.dpp-lite-home-quick strong,.dpp-lite-home-continue-card strong,.dpp-lite-home-playlist-card strong,.dpp-lite-home-fresh-card strong),body.aftab-dark :is(.dpp-lite-personal-home-head h2,.dpp-lite-home-row-head h3,.dpp-lite-home-quick strong,.dpp-lite-home-continue-card strong,.dpp-lite-home-playlist-card strong,.dpp-lite-home-fresh-card strong){color:#f4f7fb!important}
html[data-aftab-theme="dark"] :is(.dpp-lite-personal-home-head p,.dpp-lite-home-row-head>span,.dpp-lite-home-quick small,.dpp-lite-home-continue-card small,.dpp-lite-home-continue-card em,.dpp-lite-home-playlist-card small,.dpp-lite-home-fresh-card small),body.aftab-dark :is(.dpp-lite-personal-home-head p,.dpp-lite-home-row-head>span,.dpp-lite-home-quick small,.dpp-lite-home-continue-card small,.dpp-lite-home-continue-card em,.dpp-lite-home-playlist-card small,.dpp-lite-home-fresh-card small){color:#aab6c5!important}
html[data-aftab-theme="dark"] :is(.dpp-lite-home-quick a>span,.dpp-lite-home-cover-fallback,.dpp-lite-home-playlist-card>span,.dpp-lite-home-fresh-fallback),body.aftab-dark :is(.dpp-lite-home-quick a>span,.dpp-lite-home-cover-fallback,.dpp-lite-home-playlist-card>span,.dpp-lite-home-fresh-fallback){background:#252921!important;color:#ffb65e!important}
html[data-aftab-theme="dark"] .dpp-lite-home-row,body.aftab-dark .dpp-lite-home-row{border-color:#2b3d52!important}
html[data-aftab-theme="dark"] .dpp-lite-home-continue-card span,body.aftab-dark .dpp-lite-home-continue-card span{background:#263748!important}
html[data-aftab-theme="dark"] :is(.dpp-lite-personal-home-head>a,.dpp-lite-home-row-head>a),body.aftab-dark :is(.dpp-lite-personal-home-head>a,.dpp-lite-home-row-head>a){background:#172331!important;border-color:#395069!important;color:#ffc16c!important}
html[data-aftab-theme="dark"] :is(.dpp-lite-personal-home-head>a,.dpp-lite-home-row-head>a):hover,body.aftab-dark :is(.dpp-lite-personal-home-head>a,.dpp-lite-home-row-head>a):hover{background:#203247!important;border-color:#ffad4d!important;color:#ffd08a!important}


/* Stage 37 — unified personal pages: history, playlists, followed artists and updates. */
html[data-aftab-theme="dark"] :is(.dpp-lite-history-page,.dpp-lite-personal-playlists-page,.dpp-lite-followed-artists,.dpp-lite-updates),
body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-lite-history-page,.dpp-lite-personal-playlists-page,.dpp-lite-followed-artists,.dpp-lite-updates){
  padding:clamp(14px,2.2vw,22px)!important;
  border:1px solid #293c50!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#0f1924 0%,#0c151e 100%)!important;
  color:#f3f7fb!important;
  box-shadow:0 18px 44px rgba(0,0,0,.28)!important;
}
html[data-aftab-theme="dark"] .dpp-stage21-page :is(.dpp-lite-history-head,.dpp-lite-personal-playlists-head,.dpp-lite-followed-head,.dpp-lite-updates-head),
body:is(.aftab-dark,.dark-mode,.dark) .dpp-stage21-page :is(.dpp-lite-history-head,.dpp-lite-personal-playlists-head,.dpp-lite-followed-head,.dpp-lite-updates-head){
  border-bottom-color:#2b3f53!important;
}
html[data-aftab-theme="dark"] .dpp-stage21-page :is(.dpp-lite-history-head,.dpp-lite-personal-playlists-head,.dpp-lite-followed-head,.dpp-lite-updates-head) h2,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-stage21-page :is(.dpp-lite-history-head,.dpp-lite-personal-playlists-head,.dpp-lite-followed-head,.dpp-lite-updates-head) h2{
  color:#f4f7fb!important;
}
html[data-aftab-theme="dark"] .dpp-stage21-page :is(.dpp-lite-history-head,.dpp-lite-personal-playlists-head,.dpp-lite-followed-head,.dpp-lite-updates-head) p,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-stage21-page :is(.dpp-lite-history-head,.dpp-lite-personal-playlists-head,.dpp-lite-followed-head,.dpp-lite-updates-head) p{
  color:#aab6c5!important;
}
html[data-aftab-theme="dark"] :is(.dpp-lite-followed-head>span,.dpp-lite-personal-playlists-head>span,.dpp-lite-updates-head>span,.dpp-lite-history-title>span),
body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-lite-followed-head>span,.dpp-lite-personal-playlists-head>span,.dpp-lite-updates-head>span,.dpp-lite-history-title>span){
  background:rgba(255,173,77,.13)!important;
  border:1px solid rgba(255,173,77,.24)!important;
  color:#ffc16c!important;
}
html[data-aftab-theme="dark"] :is(.dpp-lite-continue-section,.dpp-lite-history-section,.dpp-lite-personal-create,.dpp-lite-personal-nav,.dpp-lite-personal-content),
body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-lite-continue-section,.dpp-lite-history-section,.dpp-lite-personal-create,.dpp-lite-personal-nav,.dpp-lite-personal-content){
  background:linear-gradient(180deg,#142231 0%,#101b28 100%)!important;
  border-color:#2d4257!important;
  color:#f3f7fb!important;
}
html[data-aftab-theme="dark"] :is(.dpp-lite-history-item,.dpp-lite-personal-track,.dpp-lite-followed-card,.dpp-lite-update-card),
body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-lite-history-item,.dpp-lite-personal-track,.dpp-lite-followed-card,.dpp-lite-update-card){
  background:linear-gradient(180deg,#172535 0%,#121f2d 100%)!important;
  border-color:#30465b!important;
  color:#f3f7fb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
html[data-aftab-theme="dark"] :is(.dpp-lite-history-info strong,.dpp-lite-personal-track-info strong,.dpp-lite-followed-card strong,.dpp-lite-update-body h3,.dpp-lite-update-body h3 a),
body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-lite-history-info strong,.dpp-lite-personal-track-info strong,.dpp-lite-followed-card strong,.dpp-lite-update-body h3,.dpp-lite-update-body h3 a){color:#f4f7fb!important}
html[data-aftab-theme="dark"] :is(.dpp-lite-history-info small,.dpp-lite-history-time,.dpp-lite-personal-track-info small,.dpp-lite-followed-card small,.dpp-lite-update-meta,.dpp-lite-update-meta time),
body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-lite-history-info small,.dpp-lite-history-time,.dpp-lite-personal-track-info small,.dpp-lite-followed-card small,.dpp-lite-update-meta,.dpp-lite-update-meta time){color:#aab6c5!important}
html[data-aftab-theme="dark"] :is(.dpp-lite-history-actions button,.dpp-lite-personal-track-actions button,.dpp-lite-personal-content-actions button,.dpp-lite-update-actions a,.dpp-lite-update-actions button),
body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-lite-history-actions button,.dpp-lite-personal-track-actions button,.dpp-lite-personal-content-actions button,.dpp-lite-update-actions a,.dpp-lite-update-actions button){
  background:#18283a!important;
  border-color:#3b536c!important;
  color:#ffc16c!important;
}
html[data-aftab-theme="dark"] :is(.dpp-lite-history-actions button.is-remove,.dpp-lite-personal-track-actions button.is-danger,.dpp-lite-personal-content-actions button.is-danger,.dpp-lite-followed-card>button),
body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-lite-history-actions button.is-remove,.dpp-lite-personal-track-actions button.is-danger,.dpp-lite-personal-content-actions button.is-danger,.dpp-lite-followed-card>button){
  background:rgba(194,64,55,.14)!important;
  border-color:rgba(235,119,111,.34)!important;
  color:#ffaaa3!important;
}
html[data-aftab-theme="dark"] .dpp-lite-history-progress,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-history-progress{background:#26394b!important}
html[data-aftab-theme="dark"] .dpp-lite-personal-create input,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-personal-create input{
  background:#0c151f!important;border-color:#344b61!important;color:#f3f7fb!important;
}
html[data-aftab-theme="dark"] .dpp-lite-personal-nav-item,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-personal-nav-item{color:#b9c6d3!important}
html[data-aftab-theme="dark"] .dpp-lite-personal-nav-item.is-active,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-personal-nav-item.is-active{
  background:#1a2b3e!important;border-color:#ffb457!important;color:#ffd08a!important;box-shadow:none!important;
}
html[data-aftab-theme="dark"] .dpp-lite-update-card.is-new,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-update-card.is-new{
  border-color:#a66c2d!important;
  box-shadow:inset 4px 0 0 #f58220!important;
}
html[data-aftab-theme="dark"] :is(.dpp-lite-history-empty,.dpp-lite-followed-empty,.dpp-lite-updates-empty,.dpp-lite-personal-empty,.dpp-lite-personal-welcome),
body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-lite-history-empty,.dpp-lite-followed-empty,.dpp-lite-updates-empty,.dpp-lite-personal-empty,.dpp-lite-personal-welcome){
  background:linear-gradient(180deg,#172535,#111c28)!important;
  border-color:#3a5066!important;
  color:#aeb9c6!important;
}
@media(max-width:760px){
  .dpp-stage21-page :is(.dpp-lite-history-head,.dpp-lite-personal-playlists-head,.dpp-lite-followed-head,.dpp-lite-updates-head){
    align-items:flex-start!important;flex-direction:column!important;gap:10px!important;
  }
  .dpp-lite-history-item,.dpp-lite-personal-track{
    grid-template-columns:52px minmax(0,1fr)!important;
  }
  .dpp-lite-history-actions,.dpp-lite-personal-track-actions{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    padding-top:8px!important;
  }
  .dpp-lite-history-actions button,.dpp-lite-personal-track-actions button{width:100%!important;min-height:40px!important}
  .dpp-lite-personal-layout{grid-template-columns:minmax(0,1fr)!important}
  .dpp-lite-personal-nav{
    flex-direction:row!important;overflow-x:auto!important;scrollbar-width:none!important;
  }
  .dpp-lite-personal-nav::-webkit-scrollbar{display:none!important}
  .dpp-lite-personal-nav-item{flex:0 0 auto!important;width:auto!important;white-space:nowrap!important}
  .dpp-lite-followed-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dpp-lite-update-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dpp-lite-update-actions :is(a,button){width:100%!important}
}
@media(max-width:440px){
  .dpp-lite-followed-grid{grid-template-columns:minmax(0,1fr)!important}
  .dpp-lite-update-card{grid-template-columns:76px minmax(0,1fr)!important}
  .dpp-lite-update-cover img{min-height:108px!important}
}

/* --- merged from live-guard.css --- */
.dpp-lite-track-details{display:none!important}
/* DPP Stage 24 — finite single-page cleanup guard. */
.dpp-playlist-big-controls :is(.dpp-big-prev-wrapper,.dpp-big-next-wrapper,.dpp-big-prev-btn,.dpp-big-next-btn),
.dpp-playlist-container :is(.dpp-legacy-prev,.dpp-legacy-next){display:none!important}
.dpp-playlist-big-controls{justify-content:center!important;gap:0!important}
.dpp-track-number{display:grid!important;place-items:center!important;inline-size:34px!important;block-size:34px!important;min-inline-size:34px!important;border-radius:999px!important;line-height:1!important}
.am_music_card>.dpp-card-favorite-btn,.rm_ipst .am_music_card>.dpp-card-favorite-btn{display:none!important}
:is(.dpp-download-btn,.dpp-gutenberg-download).dpp-download-ready svg,
:is(.dpp-download-btn,.dpp-gutenberg-download) .dpp-download-icon{display:block!important;opacity:1!important;visibility:visible!important;stroke:currentColor!important;fill:none!important;filter:none!important}
html[data-aftab-theme="dark"] :is(.dpp-download-btn,.dpp-gutenberg-download),
body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-download-btn,.dpp-gutenberg-download){color:#ffd28e!important;border-color:rgba(255,184,91,.58)!important;background:rgba(255,159,52,.14)!important}


/* Stage 25 header and personal dark guard. */
html[data-aftab-theme="dark"] .dpp-lite-personal-home-head,body.aftab-dark .dpp-lite-personal-home-head{background:#142231!important;border-color:#2b3d52!important}
html[data-aftab-theme="dark"] :is(.dpp-lite-home-quick a,.dpp-lite-home-playlist-card,.dpp-lite-home-continue-card,.dpp-lite-home-fresh-card),body.aftab-dark :is(.dpp-lite-home-quick a,.dpp-lite-home-playlist-card,.dpp-lite-home-continue-card,.dpp-lite-home-fresh-card){background:#162331!important;border-color:#2b3d52!important;color:#f4f7fb!important}

/* Stage 26 — responsive playlist rows: no action or title may leave the card. */
.dpp-playlist-container,
.dpp-playlist-tracks,
.dpp-track-row,
.dpp-gutenberg-playlist,
.dpp-gutenberg-track-list,
.dpp-gutenberg-track{
  box-sizing:border-box!important;
  min-inline-size:0!important;
  max-inline-size:100%!important;
}
.dpp-track-row{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) max-content!important;
  grid-template-areas:"number info actions"!important;
  align-items:center!important;
  gap:12px!important;
  inline-size:100%!important;
  margin-inline:0!important;
  overflow:visible!important;
}
.dpp-track-number{grid-area:number!important}
.dpp-track-info{
  grid-area:info!important;
  min-inline-size:0!important;
  max-inline-size:100%!important;
  overflow:hidden!important;
}
.dpp-track-title{
  min-inline-size:0!important;
  max-inline-size:100%!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  line-height:1.85!important;
}
.dpp-track-meta{
  min-inline-size:0!important;
  max-inline-size:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.dpp-track-actions{
  grid-area:actions!important;
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:38px!important;
  grid-template-rows:38px!important;
  align-items:center!important;
  justify-content:end!important;
  justify-self:end!important;
  gap:7px!important;
  inline-size:max-content!important;
  max-inline-size:100%!important;
  min-inline-size:0!important;
  margin:0!important;
}
.dpp-track-actions>button,
.dpp-track-actions>a{
  box-sizing:border-box!important;
  inline-size:38px!important;
  block-size:38px!important;
  min-inline-size:38px!important;
  max-inline-size:38px!important;
  padding:0!important;
  margin:0!important;
}
.dpp-gutenberg-track{
  grid-template-columns:42px 58px minmax(0,1fr) max-content!important;
  min-inline-size:0!important;
  overflow:visible!important;
}
.dpp-gutenberg-copy{min-inline-size:0!important;overflow:hidden!important}
.dpp-gutenberg-copy strong,
.dpp-gutenberg-copy small{max-inline-size:100%!important;overflow:hidden!important;text-overflow:ellipsis!important}
.dpp-gutenberg-actions{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:38px!important;
  grid-template-rows:38px!important;
  align-items:center!important;
  justify-content:end!important;
  gap:7px!important;
  min-inline-size:0!important;
  max-inline-size:100%!important;
  inline-size:max-content!important;
}
.dpp-gutenberg-actions>button,
.dpp-gutenberg-actions>a{
  box-sizing:border-box!important;
  inline-size:38px!important;
  block-size:38px!important;
  min-inline-size:38px!important;
  max-inline-size:38px!important;
  padding:0!important;
  margin:0!important;
}
@media (max-width:1180px){
  .dpp-track-row{
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-areas:"number info" "actions actions"!important;
    row-gap:9px!important;
  }
  .dpp-track-actions{
    inline-size:100%!important;
    justify-self:stretch!important;
    justify-content:end!important;
    padding-block-start:9px!important;
    border-block-start:1px solid color-mix(in srgb,currentColor 12%,transparent)!important;
  }
  .dpp-gutenberg-track{
    grid-template-columns:42px 58px minmax(0,1fr)!important;
  }
  .dpp-gutenberg-actions{
    grid-column:1/-1!important;
    inline-size:100%!important;
    justify-self:stretch!important;
    justify-content:end!important;
    padding-block-start:8px!important;
    border-block-start:1px solid color-mix(in srgb,currentColor 12%,transparent)!important;
  }
}
@media (max-width:760px){
  .dpp-track-row{
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:9px!important;
    padding:.7em!important;
  }
  .dpp-track-number{inline-size:30px!important;block-size:30px!important;min-inline-size:30px!important}
  .dpp-track-title{font-size:13px!important;line-height:1.9!important}
  .dpp-track-actions,
  .dpp-gutenberg-actions{
    grid-auto-flow:row!important;
    grid-auto-columns:unset!important;
    grid-template-columns:repeat(auto-fit,minmax(36px,1fr))!important;
    grid-template-rows:36px!important;
    inline-size:100%!important;
    justify-self:stretch!important;
  }
  .dpp-track-actions>button,
  .dpp-track-actions>a,
  .dpp-gutenberg-actions>button,
  .dpp-gutenberg-actions>a{
    inline-size:100%!important;
    block-size:36px!important;
    min-inline-size:0!important;
    max-inline-size:none!important;
  }
  .dpp-gutenberg-track{
    grid-template-columns:38px 50px minmax(0,1fr)!important;
    padding:.55rem!important;
  }
}
@media (max-width:430px){
  .dpp-track-actions,
  .dpp-gutenberg-actions{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,36px)!important;
  }
}
html[data-aftab-theme="dark"] :is(.dpp-track-actions,.dpp-gutenberg-actions),
body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-track-actions,.dpp-gutenberg-actions){
  border-block-start-color:rgba(255,255,255,.09)!important;
}


/* Stage 27 — long native/Gutenberg playlists keep every track while avoiding costly off-screen paint. */
.dpp-gutenberg-track-list{contain:layout style!important}
.dpp-gutenberg-track{content-visibility:auto;contain-intrinsic-size:86px}
@media(max-width:760px){.dpp-gutenberg-track{contain-intrinsic-size:150px}}

/* Stage 30 — standalone Favorites page dark contract.
 * This is intentionally in the last public stylesheet so cached light rules,
 * component order and Remove Unused CSS cannot leave the personal page white.
 */
html[data-aftab-theme="dark"] .dpp-lite-favorites-page,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-favorites-page{
  background:linear-gradient(180deg,#142231 0%,#101923 100%)!important;
  border-color:#2f4254!important;
  color:#f4f7fb!important;
  box-shadow:0 20px 54px rgba(0,0,0,.30)!important;
}
html[data-aftab-theme="dark"] .dpp-lite-favorites-head,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-favorites-head{
  border-bottom-color:rgba(255,255,255,.09)!important;
}
html[data-aftab-theme="dark"] .dpp-lite-favorites-head h2,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-favorites-head h2{
  color:#f4f7fb!important;
}
html[data-aftab-theme="dark"] .dpp-lite-favorites-head p,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-favorites-head p{
  color:#a9b5c2!important;
}
html[data-aftab-theme="dark"] .dpp-favorites-play-all,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-favorites-play-all{
  border:1px solid rgba(255,184,91,.58)!important;
  background:linear-gradient(135deg,#ffad4d,#f58220)!important;
  color:#201308!important;
  box-shadow:0 10px 24px rgba(245,130,32,.22)!important;
}
html[data-aftab-theme="dark"] .dpp-favorites-play-all:hover,
html[data-aftab-theme="dark"] .dpp-favorites-play-all:focus-visible,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-favorites-play-all:hover,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-favorites-play-all:focus-visible{
  background:linear-gradient(135deg,#ffc26f,#ff922e)!important;
  outline:2px solid rgba(255,173,77,.28)!important;
  outline-offset:2px!important;
}
html[data-aftab-theme="dark"] .dpp-lite-favorites-count,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-favorites-count{
  border:1px solid rgba(255,173,77,.25)!important;
  background:rgba(245,130,32,.13)!important;
  color:#ffc878!important;
}
html[data-aftab-theme="dark"] .dpp-lite-favorite-item,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-favorite-item{
  background:#172431!important;
  border-color:#304255!important;
  color:#f4f7fb!important;
  box-shadow:0 10px 26px rgba(0,0,0,.13)!important;
}
html[data-aftab-theme="dark"] .dpp-lite-favorite-item:hover,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-favorite-item:hover{
  border-color:#465f76!important;
  background:#1a2a38!important;
}
html[data-aftab-theme="dark"] :is(.dpp-lite-favorite-item img,.dpp-lite-favorite-cover),
body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-lite-favorite-item img,.dpp-lite-favorite-cover){
  background:#0d1721!important;
  color:#ffad4d!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important;
}
html[data-aftab-theme="dark"] .dpp-lite-favorite-info strong,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-favorite-info strong{
  color:#f4f7fb!important;
}
html[data-aftab-theme="dark"] .dpp-lite-favorite-info small,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-favorite-info small{
  color:#a9b5c2!important;
}
html[data-aftab-theme="dark"] .dpp-lite-favorite-actions button,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-favorite-actions button{
  border-color:#3a4d60!important;
  background:#111d29!important;
  color:#dce5ee!important;
  box-shadow:none!important;
}
html[data-aftab-theme="dark"] .dpp-lite-favorite-actions button:not(.is-remove):hover,
html[data-aftab-theme="dark"] .dpp-lite-favorite-actions button:not(.is-remove):focus-visible,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-favorite-actions button:not(.is-remove):hover,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-favorite-actions button:not(.is-remove):focus-visible{
  border-color:rgba(255,173,77,.48)!important;
  background:rgba(245,130,32,.16)!important;
  color:#ffc878!important;
  outline:none!important;
}
html[data-aftab-theme="dark"] .dpp-lite-favorite-actions button.is-remove,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-favorite-actions button.is-remove{
  border-color:rgba(255,120,120,.34)!important;
  background:rgba(171,45,45,.16)!important;
  color:#ffb9b4!important;
}
html[data-aftab-theme="dark"] .dpp-lite-favorite-actions button.is-remove:hover,
html[data-aftab-theme="dark"] .dpp-lite-favorite-actions button.is-remove:focus-visible,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-favorite-actions button.is-remove:hover,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-favorite-actions button.is-remove:focus-visible{
  background:rgba(188,54,54,.28)!important;
  color:#ffd5d1!important;
  outline:none!important;
}
html[data-aftab-theme="dark"] .dpp-lite-favorites-empty,
body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-favorites-empty{
  border:1px dashed #3a4e62!important;
  background:linear-gradient(180deg,#172431,#111c27)!important;
  color:#a9b5c2!important;
}
@media(max-width:640px){
  html[data-aftab-theme="dark"] .dpp-lite-favorite-actions,
  body:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-favorite-actions{
    border-top-color:rgba(255,255,255,.09)!important;
  }
}

/* Stage 31 — artist hero title contrast in both theme modes. */
html[data-aftab-theme="light"] .dpp-artist-pro-hero .dpp-artist-pro-info h1{
    color:#1f2937!important;
    text-shadow:none!important;
}
html[data-aftab-theme="dark"] .dpp-artist-pro-hero .dpp-artist-pro-info h1,
body.aftab-dark .dpp-artist-pro-hero .dpp-artist-pro-info h1,
body.dark-mode .dpp-artist-pro-hero .dpp-artist-pro-info h1,
body.dark .dpp-artist-pro-hero .dpp-artist-pro-info h1{
    color:#f8fafc!important;
}


/* Stage 32 — consistent action dimensions and distinct play/download semantics. */
:root{--dpp-inline-action-size:38px}
.dpp-track-actions>button,
.dpp-track-actions>a,
.dpp-gutenberg-actions>button,
.dpp-gutenberg-actions>a,
.dpp-gutenberg-play{
  box-sizing:border-box!important;
  inline-size:var(--dpp-inline-action-size)!important;
  block-size:var(--dpp-inline-action-size)!important;
  min-inline-size:var(--dpp-inline-action-size)!important;
  min-block-size:var(--dpp-inline-action-size)!important;
  max-inline-size:var(--dpp-inline-action-size)!important;
  padding:0!important;
  border-radius:10px!important;
  display:inline-grid!important;
  place-items:center!important;
}
.dpp-track-actions .dpp-play-btn,
.dpp-gutenberg-play{
  border:1px solid transparent!important;
  background:linear-gradient(135deg,#ff9f31,#ee6f12)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(238,111,18,.20)!important;
}
.dpp-track-actions .dpp-play-btn svg,
.dpp-gutenberg-play svg,
.dpp-gutenberg-play span{
  color:currentColor!important;
  fill:currentColor!important;
}
.dpp-track-actions .dpp-download-btn,
.dpp-gutenberg-actions .dpp-gutenberg-download{
  border:1px solid transparent!important;
  background:linear-gradient(135deg,#fff4df,#f2cf92)!important;
  color:#74410d!important;
  box-shadow:0 7px 16px rgba(177,104,20,.15)!important;
}
.dpp-track-actions .dpp-download-btn .dpp-download-icon,
.dpp-gutenberg-actions .dpp-gutenberg-download .dpp-download-icon{
  color:currentColor!important;
  stroke:currentColor!important;
  fill:none!important;
}
.dpp-track-actions .dpp-play-btn:hover,
.dpp-track-actions .dpp-play-btn:focus-visible,
.dpp-gutenberg-play:hover,
.dpp-gutenberg-play:focus-visible{
  background:linear-gradient(135deg,#ffb34f,#f47f21)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.dpp-track-actions .dpp-download-btn:hover,
.dpp-track-actions .dpp-download-btn:focus-visible,
.dpp-gutenberg-actions .dpp-gutenberg-download:hover,
.dpp-gutenberg-actions .dpp-gutenberg-download:focus-visible{
  background:linear-gradient(135deg,#ffe5b5,#ebb967)!important;
  color:#fff!important;
  border-color:transparent!important;
}
html[data-aftab-theme="dark"] :is(.dpp-track-actions .dpp-play-btn,.dpp-gutenberg-play),
body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-track-actions .dpp-play-btn,.dpp-gutenberg-play){
  background:linear-gradient(135deg,#ffad4d,#f07a1c)!important;
  color:#211307!important;
  border-color:transparent!important;
}
html[data-aftab-theme="dark"] :is(.dpp-track-actions .dpp-download-btn,.dpp-gutenberg-actions .dpp-gutenberg-download),
body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-track-actions .dpp-download-btn,.dpp-gutenberg-actions .dpp-gutenberg-download){
  background:rgba(255,174,67,.13)!important;
  color:#ffd394!important;
  border-color:rgba(255,183,77,.58)!important;
}
@media(max-width:760px){:root{--dpp-inline-action-size:36px}}


/* Stage 33 — AftabMusic palette, top-edge close control, mobile two-row actions. */
.dpp-primary-action-label{display:none!important;font:inherit;font-size:12px;font-weight:900;line-height:1}

/* Download is warm gold/cream from the site palette, not teal. */
.dpp-track-actions .dpp-download-btn,
.dpp-gutenberg-actions .dpp-gutenberg-download{
  background:linear-gradient(135deg,#fff4df,#f2cf92)!important;
  border:1px solid #dda24a!important;
  color:#74410d!important;
  box-shadow:0 7px 16px rgba(177,104,20,.15)!important;
}
.dpp-track-actions .dpp-download-btn:hover,
.dpp-track-actions .dpp-download-btn:focus-visible,
.dpp-gutenberg-actions .dpp-gutenberg-download:hover,
.dpp-gutenberg-actions .dpp-gutenberg-download:focus-visible{
  background:linear-gradient(135deg,#ffe5b5,#ebb967)!important;
  border-color:#d88e27!important;
  color:#5f3308!important;
}
html[data-aftab-theme="dark"] :is(.dpp-track-actions .dpp-download-btn,.dpp-gutenberg-actions .dpp-gutenberg-download),
body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-track-actions .dpp-download-btn,.dpp-gutenberg-actions .dpp-gutenberg-download){
  background:rgba(255,174,67,.13)!important;
  border-color:rgba(255,183,77,.58)!important;
  color:#ffd394!important;
  box-shadow:none!important;
}
html[data-aftab-theme="dark"] :is(.dpp-track-actions .dpp-download-btn,.dpp-gutenberg-actions .dpp-gutenberg-download):hover,
body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-track-actions .dpp-download-btn,.dpp-gutenberg-actions .dpp-gutenberg-download):hover{
  background:linear-gradient(135deg,#ffc466,#f18a20)!important;
  border-color:transparent!important;
  color:#2b1705!important;
}

/* Compact floating player: close sits above the top edge and no longer consumes header width. */
.dpp-floating-player:not(.dpp-fullscreen) .dpp-player-header{
  grid-template-columns:minmax(0,1fr) auto!important;
}
.dpp-floating-player:not(.dpp-fullscreen) .dpp-player-close{
  position:absolute!important;
  top:-17px!important;
  left:14px!important;
  right:auto!important;
  z-index:8!important;
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(255,174,67,.55)!important;
  border-radius:12px!important;
  background:#162333!important;
  color:#ffd394!important;
  box-shadow:0 8px 20px rgba(0,0,0,.28)!important;
}
.dpp-floating-player:not(.dpp-fullscreen) .dpp-player-close:hover,
.dpp-floating-player:not(.dpp-fullscreen) .dpp-player-close:focus-visible{
  background:linear-gradient(135deg,#ffad42,#ef7618)!important;
  border-color:transparent!important;
  color:#241305!important;
}
html[data-aftab-theme="light"] .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-close{
  background:#fff8ec!important;
  border-color:#e2b46d!important;
  color:#74410d!important;
  box-shadow:0 8px 20px rgba(107,65,16,.17)!important;
}

/* Gutenberg desktop structure after play joins the action group. */
.dpp-gutenberg-track{grid-template-columns:58px minmax(0,1fr) auto!important}

@media(max-width:760px){
  /* Standard playlist: primary actions first row with text; three utility SVGs second row. */
  .dpp-track-actions{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    padding-top:8px!important;
    border-top:1px solid rgba(128,92,48,.14)!important;
  }
  .dpp-track-actions>button,.dpp-track-actions>a{
    width:100%!important;
    inline-size:100%!important;
    max-width:none!important;
    max-inline-size:none!important;
    min-width:0!important;
    min-inline-size:0!important;
    margin:0!important;
  }
  .dpp-track-actions .dpp-play-btn{
    order:1!important;
    grid-column:1/span 3!important;
    height:42px!important;
    block-size:42px!important;
    min-block-size:42px!important;
    max-block-size:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
  }
  .dpp-track-actions .dpp-download-btn{
    order:2!important;
    grid-column:4/span 3!important;
    height:42px!important;
    block-size:42px!important;
    min-block-size:42px!important;
    max-block-size:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
  }
  .dpp-track-actions .dpp-queue-btn{order:3!important;grid-column:1/span 2!important}
  .dpp-track-actions .dpp-track-favorite-btn{order:4!important;grid-column:3/span 2!important}
  .dpp-track-actions .dpp-track-playlist-btn{order:5!important;grid-column:5/span 2!important}
  .dpp-track-actions .dpp-track-share-btn{display:none!important}
  .dpp-track-actions :is(.dpp-play-btn,.dpp-download-btn) .dpp-primary-action-label{display:inline!important}

  /* Gutenberg rows use the same two-row mobile action hierarchy. */
  .dpp-gutenberg-track{
    grid-template-columns:50px minmax(0,1fr)!important;
    grid-template-areas:"cover copy" "actions actions"!important;
  }
  .dpp-gutenberg-cover{grid-area:cover!important}
  .dpp-gutenberg-copy{grid-area:copy!important}
  .dpp-gutenberg-actions{
    grid-area:actions!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    padding-top:8px!important;
    border-top:1px solid rgba(128,92,48,.14)!important;
  }
  .dpp-gutenberg-actions>button,.dpp-gutenberg-actions>a{
    width:100%!important;
    inline-size:100%!important;
    max-width:none!important;
    max-inline-size:none!important;
    min-width:0!important;
    min-inline-size:0!important;
    margin:0!important;
  }
  .dpp-gutenberg-actions .dpp-gutenberg-play{
    order:1!important;grid-column:1/span 3!important;height:42px!important;block-size:42px!important;min-block-size:42px!important;max-block-size:42px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  }
  .dpp-gutenberg-actions .dpp-gutenberg-download{
    order:2!important;grid-column:4/span 3!important;height:42px!important;block-size:42px!important;min-block-size:42px!important;max-block-size:42px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  }
  .dpp-gutenberg-actions .dpp-gutenberg-queue{order:3!important;grid-column:1/span 2!important}
  .dpp-gutenberg-actions .dpp-track-favorite-btn{order:4!important;grid-column:3/span 2!important}
  .dpp-gutenberg-actions .dpp-track-playlist-btn{order:5!important;grid-column:5/span 2!important}
  .dpp-gutenberg-actions .dpp-track-share-btn{display:none!important}
  .dpp-gutenberg-actions :is(.dpp-gutenberg-play,.dpp-gutenberg-download) .dpp-primary-action-label{display:inline!important}

  html[data-aftab-theme="dark"] :is(.dpp-track-actions,.dpp-gutenberg-actions),
  body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-track-actions,.dpp-gutenberg-actions){border-top-color:rgba(255,255,255,.09)!important}

  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-close{
    top:-15px!important;left:10px!important;width:32px!important;height:32px!important;border-radius:11px!important;
  }
}

/* Stage 34 — interaction stabilization after the mobile-control rollout. */
.dpp-floating-player:not(.dpp-fullscreen) .dpp-player-close{
  transition:opacity .16s ease,transform .16s ease,background-color .16s ease,color .16s ease!important;
}
.dpp-floating-player.dpp-queue-open:not(.dpp-fullscreen) .dpp-player-close{
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(5px)!important;
}
.dpp-track-actions .dpp-play-btn.dpp-is-active,
.dpp-gutenberg-actions .dpp-gutenberg-play.dpp-is-active{
  background:linear-gradient(135deg,#e56c10,#bf4c08)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(191,76,8,.25)!important;
}
.dpp-track-actions .dpp-play-btn.dpp-is-active svg,
.dpp-gutenberg-actions .dpp-gutenberg-play.dpp-is-active :is(svg,span[aria-hidden="true"]){
  color:currentColor!important;
  fill:currentColor!important;
}
@media(max-width:760px){
  .dpp-track-actions :is(.dpp-queue-btn,.dpp-track-favorite-btn,.dpp-track-playlist-btn),
  .dpp-gutenberg-actions :is(.dpp-gutenberg-queue,.dpp-track-favorite-btn,.dpp-track-playlist-btn){
    min-height:40px!important;
    block-size:40px!important;
    max-block-size:40px!important;
    border-radius:11px!important;
  }
  .dpp-track-actions :is(.dpp-play-btn,.dpp-download-btn),
  .dpp-gutenberg-actions :is(.dpp-gutenberg-play,.dpp-gutenberg-download){
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  .dpp-primary-action-label{flex:0 0 auto!important}
}
@media(prefers-reduced-motion:reduce){
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-close{transition:none!important}
}


/* Stage 35 — floating-player breathing room and dark personal-surface polish. */
.dpp-floating-player:not(.dpp-fullscreen){
  overflow:visible!important;
}
.dpp-floating-player:not(.dpp-fullscreen) .dpp-player-close{
  top:-18px!important;
  left:-18px!important;
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
  border-width:1px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.30)!important;
}
html[data-aftab-theme="light"] .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-close,
body:not(.aftab-dark):not(.dark-mode):not(.dark) .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-close{
  background:#fff8ec!important;
  border-color:#ddb16d!important;
  color:#72400c!important;
}
@media(max-width:760px){
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-close{
    top:-15px!important;
    left:-15px!important;
    width:34px!important;
    height:34px!important;
    border-radius:12px!important;
  }
}
html[data-aftab-theme="dark"] .dpp-lite-personal-home,
body.aftab-dark .dpp-lite-personal-home{
  background:linear-gradient(180deg,#0f1924 0%,#0c151e 100%)!important;
  border-color:#26384a!important;
}
html[data-aftab-theme="dark"] .dpp-lite-personal-home-head,
body.aftab-dark .dpp-lite-personal-home-head{
  background:linear-gradient(145deg,#162433 0%,#111c27 100%)!important;
  border-color:#26384a!important;
}
html[data-aftab-theme="dark"] .dpp-lite-personal-home-body,
body.aftab-dark .dpp-lite-personal-home-body{background:transparent!important}
html[data-aftab-theme="dark"] .dpp-lite-home-row,
body.aftab-dark .dpp-lite-home-row{border-top-color:rgba(255,255,255,.08)!important}
html[data-aftab-theme="dark"] :is(.dpp-lite-home-quick a,.dpp-lite-home-continue-card,.dpp-lite-home-playlist-card,.dpp-lite-home-fresh-card),
body.aftab-dark :is(.dpp-lite-home-quick a,.dpp-lite-home-continue-card,.dpp-lite-home-playlist-card,.dpp-lite-home-fresh-card){
  background:linear-gradient(180deg,#152231 0%,#101b28 100%)!important;
  border-color:#2c4054!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
html[data-aftab-theme="dark"] :is(.dpp-lite-home-quick a>span,.dpp-lite-home-cover-fallback,.dpp-lite-home-playlist-card>span,.dpp-lite-home-fresh-fallback),
body.aftab-dark :is(.dpp-lite-home-quick a>span,.dpp-lite-home-cover-fallback,.dpp-lite-home-playlist-card>span,.dpp-lite-home-fresh-fallback){
  background:linear-gradient(145deg,rgba(255,173,77,.16),rgba(255,173,77,.08))!important;
  border:1px solid rgba(255,173,77,.22)!important;
  color:#ffbf68!important;
}


/* Stage 36 — long-title breathing room and personal-home mobile refinement. */
.dpp-floating-player:not(.dpp-fullscreen) .dpp-player-header{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  min-width:0!important;
}
.dpp-floating-player:not(.dpp-fullscreen) .dpp-player-title-wrap{
  min-width:0!important;
  overflow:hidden!important;
}
.dpp-floating-player:not(.dpp-fullscreen) .dpp-player-copy{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.dpp-floating-player:not(.dpp-fullscreen) .dpp-player-title{
  display:-webkit-box!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:normal!important;
  text-overflow:ellipsis!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  line-height:1.55!important;
}
.dpp-floating-player:not(.dpp-fullscreen) .dpp-player-artist{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.dpp-floating-player:not(.dpp-fullscreen) .dpp-player-header-actions{
  flex:0 0 auto!important;
}
@media(max-width:768px){
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-header{gap:7px!important}
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-title{
    display:block!important;
    white-space:nowrap!important;
    line-height:1.45!important;
  }
}
@media(max-width:640px){
  .dpp-lite-home-quick{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dpp-lite-home-quick a{
    grid-template-columns:34px minmax(0,1fr)!important;
    padding:.68em!important;
    min-height:70px!important;
  }
  .dpp-lite-home-continue-card{
    grid-template-columns:58px minmax(0,1fr)!important;
    grid-template-areas:"cover copy" "action action"!important;
    gap:.65em!important;
  }
  .dpp-lite-home-continue-card img,.dpp-lite-home-cover-fallback{grid-area:cover!important}
  .dpp-lite-home-continue-card>div{grid-area:copy!important}
  .dpp-lite-home-continue-card>button{
    grid-area:action!important;
    width:100%!important;
    min-height:40px!important;
  }
  .dpp-lite-home-playlist-card{
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-areas:"icon copy" "action action"!important;
    gap:.65em!important;
  }
  .dpp-lite-home-playlist-card>span{grid-area:icon!important}
  .dpp-lite-home-playlist-card>div{grid-area:copy!important}
  .dpp-lite-home-playlist-card>button{
    grid-area:action!important;
    width:100%!important;
    min-height:40px!important;
  }
}
@media(max-width:460px){
  .dpp-lite-home-quick{grid-template-columns:1fr!important}
}


/* Stage 37 final-order guard for independent personal pages. */
html[data-aftab-theme="dark"] :is(.dpp-lite-history-page,.dpp-lite-personal-playlists-page,.dpp-lite-followed-artists,.dpp-lite-updates),
body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-lite-history-page,.dpp-lite-personal-playlists-page,.dpp-lite-followed-artists,.dpp-lite-updates){
  background:linear-gradient(180deg,#0f1924,#0c151e)!important;
  border-color:#293c50!important;
  color:#f3f7fb!important;
}


/* Stage 38 — route-scoped favorites dark contract, final stylesheet layer. */
html[data-aftab-theme="dark"] body.dpp-favorites-route :is(.rm_single,.rm_scnt,.am_single_content),
body.dpp-favorites-route:is(.aftab-dark,.dark-mode,.dark) :is(.rm_single,.rm_scnt,.am_single_content){
  background:#101923!important;
  border-color:#2f4254!important;
  color:#f4f7fb!important;
}
html[data-aftab-theme="dark"] body.dpp-favorites-route .dpp-lite-favorites-page,
body.dpp-favorites-route:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-favorites-page{
  background:linear-gradient(180deg,#142231 0%,#101923 100%)!important;
  border-color:#2f4254!important;
  color:#f4f7fb!important;
  box-shadow:0 20px 54px rgba(0,0,0,.30)!important;
}
html[data-aftab-theme="dark"] body.dpp-favorites-route :is(.dpp-lite-favorites-head h2,.dpp-lite-favorite-info strong),
body.dpp-favorites-route:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-lite-favorites-head h2,.dpp-lite-favorite-info strong){color:#f4f7fb!important}
html[data-aftab-theme="dark"] body.dpp-favorites-route :is(.dpp-lite-favorites-head p,.dpp-lite-favorite-info small),
body.dpp-favorites-route:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-lite-favorites-head p,.dpp-lite-favorite-info small){color:#a9b5c2!important}


/* Stage 40 — final account/search/notifications focus and dark guard. */
html[data-aftab-theme="dark"] body.dpp-account-route .dpp-lite-account-page,
body.dpp-account-route:is(.aftab-dark,.dark-mode,.dark) .dpp-lite-account-page{background:linear-gradient(180deg,#142231,#0f1822)!important;border-color:#304356!important;color:#f4f7fb!important}
html[data-aftab-theme="dark"] :is(.dpp-live-search-panel,.dpp-notifications-panel),
body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-live-search-panel,.dpp-notifications-panel){background:#0f1924!important;border-color:#304356!important;color:#f4f7fb!important}
:is(.dpp-lite-account-page,.dpp-live-search-panel,.dpp-notifications-panel) :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid rgba(255,161,45,.35)!important;outline-offset:2px!important}

/* Stage 41 dark/select and filtered-empty guard. */
html[data-aftab-theme=dark] :is(.dpp-discovery-filters select,.dpp-lite-archive-filters select),body:is(.aftab-dark,.dark-mode,.dark) :is(.dpp-discovery-filters select,.dpp-lite-archive-filters select){background:#0c151f!important;border-color:#304255!important;color:#f4f7fb!important;color-scheme:dark}html[data-aftab-theme=dark] .dpp-discovery-empty,body:is(.aftab-dark,.dark-mode,.dark) .dpp-discovery-empty{background:#172431!important;border-color:#3a4e62!important;color:#aeb8c4!important}


/* Stage 42 — true viewport centering for mobile fullscreen player. */
@media(max-width:768px) and (orientation:portrait){
  .dpp-floating-player.dpp-fullscreen{
    box-sizing:border-box!important;
    width:100dvw!important;
    max-width:100dvw!important;
    margin:0!important;
    padding-inline:max(16px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))!important;
    justify-items:stretch!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-title-wrap{
    left:50%!important;
    right:auto!important;
    width:min(calc(100dvw - 32px),560px)!important;
    max-width:560px!important;
    transform:translateX(-50%)!important;
    padding-inline:0!important;
    box-sizing:border-box!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-copy{
    width:100%!important;
    max-width:100%!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-title,
  .dpp-floating-player.dpp-fullscreen .dpp-player-artist,
  .dpp-floating-player.dpp-fullscreen .dpp-now-playing-label{
    width:100%!important;
    max-width:100%!important;
    text-align:center!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-time-bar,
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls{
    width:min(100%,600px)!important;
    max-width:600px!important;
    justify-self:center!important;
    margin-inline:auto!important;
    box-sizing:border-box!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls{
    justify-content:center!important;
    gap:clamp(4px,1.35vw,9px)!important;
    padding-inline:0!important;
    direction:ltr!important;
    overflow:visible!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls button{
    flex:0 1 42px!important;
    min-width:36px!important;
    max-width:42px!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-play-pause-btn{
    flex-basis:66px!important;
    min-width:58px!important;
    max-width:66px!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-header{
    width:min(100%,600px)!important;
    max-width:600px!important;
    justify-self:center!important;
    margin-inline:auto!important;
    box-sizing:border-box!important;
  }
}
@media(max-width:420px) and (orientation:portrait){
  .dpp-floating-player.dpp-fullscreen .dpp-player-title-wrap{
    width:calc(100dvw - 24px)!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls{
    gap:4px!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls button{
    flex-basis:36px!important;
    min-width:32px!important;
    max-width:36px!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-play-pause-btn{
    flex-basis:58px!important;
    min-width:54px!important;
    max-width:58px!important;
  }
}


/* Stage 43 — stable mobile fullscreen geometry, centered queue and contrast guard. */
@media(max-width:768px) and (orientation:portrait){
  .dpp-floating-player.dpp-fullscreen{
    inset:0!important;
    width:100dvw!important;
    max-width:100dvw!important;
    min-height:100dvh!important;
    overflow:hidden!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-cover-wrap{
    aspect-ratio:1/1!important;
    height:auto!important;
    max-height:min(68vw,340px)!important;
    overflow:hidden!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-cover{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-queue-panel{
    left:50%!important;
    right:auto!important;
    width:min(calc(100dvw - 24px),620px)!important;
    max-width:620px!important;
    transform:translateX(-50%)!important;
    bottom:max(12px,env(safe-area-inset-bottom,0px))!important;
    max-height:calc(100dvh - 94px)!important;
    box-sizing:border-box!important;
  }
  .dpp-floating-player.dpp-fullscreen.dpp-queue-open .dpp-player-title-wrap,
  .dpp-floating-player.dpp-fullscreen.dpp-queue-open .dpp-time-bar,
  .dpp-floating-player.dpp-fullscreen.dpp-queue-open .dpp-player-controls{
    opacity:.12!important;
    pointer-events:none!important;
    filter:saturate(.65)!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-ambient{
    background:
      linear-gradient(180deg,rgba(6,12,20,.22),rgba(6,12,20,.76)),
      radial-gradient(circle at 50% 18%,rgba(var(--dpp-ambient-rgb),.42),transparent 48%)!important;
  }
}
@media(max-width:420px) and (orientation:portrait){
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls{
    width:calc(100dvw - 20px)!important;
    gap:3px!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls button,
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-favorite-current,
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-playlist-add-current,
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-share-current{
    flex:0 1 30px!important;
    width:30px!important;
    min-width:27px!important;
    max-width:30px!important;
    height:34px!important;
    min-height:34px!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-play-pause-btn{
    flex-basis:52px!important;
    width:52px!important;
    min-width:48px!important;
    max-width:52px!important;
    height:52px!important;
    min-height:52px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .dpp-floating-player.dpp-fullscreen.dpp-queue-open :is(.dpp-player-title-wrap,.dpp-time-bar,.dpp-player-controls){transition:none!important}
}

/* Stage 47 — administrator-only field diagnostics panel. */
.dpp-field-diagnostics{
  position:fixed;
  inset:auto 16px 16px auto;
  z-index:2147483600;
  width:min(520px,calc(100vw - 32px));
  max-height:min(72vh,720px);
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  overflow:hidden;
  border:1px solid #34495e;
  border-radius:18px;
  background:#0f1924;
  color:#edf3f9;
  box-shadow:0 24px 70px rgba(0,0,0,.38);
  direction:rtl;
  font-family:inherit;
}
.dpp-field-diagnostics[hidden]{display:none!important}
.dpp-field-diagnostics>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:linear-gradient(135deg,#172738,#111c28);
}
.dpp-field-diagnostics>header strong{font-size:14px;color:#fff}
.dpp-field-diagnostics>header button{
  width:34px;
  height:34px;
  border:1px solid #3b5168;
  border-radius:11px;
  background:#162333;
  color:#ffc16c;
  font:inherit;
  cursor:pointer;
}
.dpp-field-diagnostics-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:10px 12px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.dpp-field-diagnostics-actions button{
  min-height:36px;
  padding:0 12px;
  border:1px solid #3a4f65;
  border-radius:10px;
  background:#162333;
  color:#e9eff6;
  font:inherit;
  font-size:12px;
  cursor:pointer;
}
.dpp-field-diagnostics-actions button:hover,
.dpp-field-diagnostics-actions button:focus-visible{
  border-color:#ffb457;
  color:#ffd494;
  outline:2px solid rgba(255,180,87,.24);
  outline-offset:2px;
}
.dpp-field-diagnostics pre{
  min-height:220px;
  margin:0;
  padding:14px;
  overflow:auto;
  direction:ltr;
  text-align:left;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  color:#cbd7e3;
  background:#0b141e;
  font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;
}
@media(max-width:640px){
  .dpp-field-diagnostics{inset:auto 8px 8px 8px;width:auto;max-height:76vh;border-radius:15px}
  .dpp-field-diagnostics-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .dpp-field-diagnostics-actions button{padding-inline:6px;font-size:10px}
}

/* Stage 48 live guards. */
.dpp-floating-player .dpp-share-current>svg{display:none!important}.dpp-floating-player .dpp-player-controls .dpp-share-current~.dpp-share-current{display:none!important}

/* Emergency 7.39.1 — plugin guards may not hide theme-owned layout nodes. */
.dpp-floating-player,.dpp-player-backdrop,.dpp-queue-panel,.dpp-notifications-shell,.dpp-field-diagnostics{box-sizing:border-box}


/* Stage 53 / release Stage 50 — shared mobile dock offset and safe-area guard. */
@media (max-width:768px){
  :root{--dpp-mobile-nav-height:var(--am-mobile-dock-height,72px);--dpp-mobile-nav-gap:var(--am-mobile-dock-gap,8px)}
  .dpp-floating-player:not(.dpp-fullscreen){
    right:max(8px,env(safe-area-inset-right,0px))!important;
    left:max(8px,env(safe-area-inset-left,0px))!important;
    bottom:calc(var(--dpp-mobile-nav-height,72px) + var(--dpp-mobile-nav-gap,8px) + env(safe-area-inset-bottom,0px))!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-queue-panel{
    right:max(8px,env(safe-area-inset-right,0px))!important;
    left:max(8px,env(safe-area-inset-left,0px))!important;
    bottom:calc(var(--dpp-mobile-nav-height,72px) + var(--dpp-mobile-nav-gap,8px) + env(safe-area-inset-bottom,0px))!important;
  }
  body.dpp-player-fullscreen{padding-bottom:0!important}
}


/* Stage 54 — fullscreen dark controls polish + mobile next-track reliability fallback styling. */
@media(max-width:768px){
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls{
    justify-content:center!important;
    align-items:center;
    gap:10px;
    width:fit-content;
    max-width:calc(100% - 20px);
    margin:0 auto 6px;
    padding:6px 10px 2px;
    border-radius:18px;
    background:linear-gradient(180deg,rgba(10,18,30,.34),rgba(10,18,30,.18));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls button{
    width:46px!important;
    height:46px!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,rgba(21,33,49,.92),rgba(12,21,34,.96))!important;
    border:1px solid rgba(255,255,255,.11)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 22px rgba(0,0,0,.18)!important;
    color:#eef3f8!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls button svg,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls button use,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls button path{
    fill:currentColor!important;
    stroke:none!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-mute-btn svg{
    width:21px;
    height:21px;
    display:block;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-mute-btn:hover,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-mute-btn[aria-pressed="true"],
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-share-current:hover,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-favorite-current:hover,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-playlist-add-current:hover,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-radio-btn:hover,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-radio-btn.dpp-is-active,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-favorite-current.is-favorite{
    background:linear-gradient(135deg,rgba(255,166,0,.22),rgba(251,114,10,.15))!important;
    border-color:rgba(255,175,56,.58)!important;
    color:#fff!important;
  }
}

/* Stage 55 — late-loading queue separator guard. */
.dpp-floating-player .dpp-queue-section-label{color:#ffb458!important}
.dpp-floating-player .dpp-queue-item.is-artist-queue{border-color:rgba(255,173,77,.22)!important}
html[data-aftab-theme="light"] .dpp-floating-player .dpp-queue-section-label{color:#b85a0b!important}


/* Stage 56 — uniform centered secondary controls in mobile fullscreen. */
@media(max-width:768px){
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    max-width:340px!important;
    margin-inline:auto!important;
    padding:4px 0 2px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    direction:ltr!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls[hidden]{display:none!important}
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls button{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:15px!important;
    line-height:1!important;
    background:linear-gradient(180deg,#172538,#101b2a)!important;
    border:1px solid #2b3e54!important;
    color:#f2f6fa!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 18px rgba(0,0,0,.18)!important;
    transform:none!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls button:is(:hover,:focus-visible){
    background:linear-gradient(180deg,#203247,#172638)!important;
    border-color:#4a627b!important;
    color:#fff!important;
    outline:none!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls button svg{
    display:block!important;
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    min-height:21px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    color:inherit!important;
    fill:currentColor!important;
    stroke:none!important;
    transform:none!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls button svg :is(use,path){
    fill:currentColor!important;
    stroke:none!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-radio-btn{
    font-size:0!important;
    color:#ffd079!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-radio-btn::before{
    content:""!important;
    display:block!important;
    width:20px!important;
    height:20px!important;
    border:2px solid currentColor!important;
    border-radius:50%!important;
    box-sizing:border-box!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-radio-btn::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:6px!important;
    height:6px!important;
    border-radius:50%!important;
    background:currentColor!important;
    transform:translate(-50%,-50%)!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-radio-btn.dpp-is-active,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-mute-btn[aria-pressed="true"],
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-favorite-current.is-favorite{
    background:linear-gradient(135deg,rgba(255,166,0,.23),rgba(251,114,10,.16))!important;
    border-color:rgba(255,176,64,.62)!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-playlist-add-current{color:#ffb84a!important}
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-favorite-current.is-favorite{color:#ff8fa0!important}
}
@media(max-width:390px){
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls{
    gap:7px!important;
    max-width:294px!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls button{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:13px!important;
  }
}


/* Stage 61 — restore fullscreen layout; move repeat/shuffle only in compact mobile floating player. */
.dpp-player-compact-modes{display:none}
@media(max-width:768px){
  .dpp-floating-player:not(.dpp-fullscreen).dpp-compact-modes-active .dpp-player-header{
    grid-template-columns:30px auto minmax(0,1fr) auto!important;
    align-items:center;
    gap:6px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-compact-modes{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-width:0;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-compact-modes[hidden]{display:none!important}
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-compact-modes button{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    padding:0!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.065)!important;
    border:1px solid rgba(255,255,255,.1)!important;
    color:#ffad32!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-compact-modes button:hover,
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-compact-modes button.dpp-is-active,
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-compact-modes button[aria-pressed="true"]{
    background:linear-gradient(135deg,rgba(255,177,38,.24),rgba(251,114,10,.18))!important;
    border-color:rgba(255,173,50,.56)!important;
    color:#fff!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-compact-modes svg,
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-compact-modes use,
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-compact-modes path{
    width:16px;
    height:16px;
    fill:currentColor!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-compact-modes-active .dpp-player-title{
    max-width:26vw!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-compact-modes-active .dpp-player-artist{
    max-width:26vw!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-compact-modes{display:none!important}
}
@media(max-width:390px){
  .dpp-floating-player:not(.dpp-fullscreen).dpp-compact-modes-active .dpp-player-header{
    grid-template-columns:28px auto minmax(0,1fr) auto!important;
    gap:4px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-compact-modes{gap:3px}
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-compact-modes button{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
  }
}


/* Stage 62 — three-row compact mobile floating-player layout. */
@media(max-width:768px){
  .dpp-floating-player:not(.dpp-fullscreen){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    grid-template-areas:"header" "controls" "time"!important;
    align-items:center!important;
    gap:8px!important;
    padding:10px 11px 9px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-header{
    grid-area:header!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    width:100%!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-title-wrap{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-cover-wrap{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    flex:0 0 50px!important;
    border-radius:12px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-width:0!important;
    max-width:100%!important;
    gap:2px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-title{
    display:block!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:12px!important;
    line-height:1.45!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-artist{
    display:block!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:10px!important;
    line-height:1.4!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-header-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    flex:0 0 auto!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) :is(.dpp-player-expand,.dpp-queue-toggle){
    display:inline-flex!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:10px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-controls{
    grid-area:controls!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    padding:0 4px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-controls :is(.dpp-prev-btn,.dpp-next-btn,.dpp-repeat-btn,.dpp-shuffle-btn){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:12px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-controls .dpp-play-pause-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    border-radius:16px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-controls :is(.dpp-mute-btn,.dpp-radio-btn,.dpp-favorite-current,.dpp-playlist-add-current,.dpp-share-current,.dpp-backward-btn,.dpp-forward-btn){
    display:none!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-time-bar{
    grid-area:time!important;
    width:100%!important;
    min-width:0!important;
    padding:0 2px!important;
    gap:6px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-compact-modes{
    display:none!important;
  }
}
@media(max-width:390px){
  .dpp-floating-player:not(.dpp-fullscreen){
    gap:7px!important;
    padding:9px 9px 8px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-cover-wrap{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    flex-basis:46px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-controls{
    gap:6px!important;
    padding:0!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-controls :is(.dpp-prev-btn,.dpp-next-btn,.dpp-repeat-btn,.dpp-shuffle-btn){
    width:35px!important;
    height:35px!important;
    min-width:35px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-controls .dpp-play-pause-btn{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
  }
}


/* Stage 63 — compact mobile header actions + queue beside transport controls. */
@media(max-width:768px){
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-queue-in-controls .dpp-player-header{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"identity actions"!important;
    align-items:center!important;
    gap:8px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-queue-in-controls .dpp-player-title-wrap{
    grid-area:identity!important;
    min-width:0!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-queue-in-controls .dpp-player-header-actions{
    grid-area:actions!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    flex:0 0 auto!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-queue-in-controls .dpp-player-header-actions :is(.dpp-player-expand,.dpp-player-close){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:10px!important;
    margin:0!important;
    position:static!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-queue-in-controls .dpp-player-controls .dpp-queue-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:12px!important;
    margin:0!important;
    order:6!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-queue-in-controls .dpp-player-controls{
    gap:7px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-queue-in-controls .dpp-queue-count{
    top:-6px!important;
    right:-5px!important;
  }
}
@media(max-width:390px){
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-queue-in-controls .dpp-player-header-actions{
    gap:4px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-queue-in-controls .dpp-player-header-actions :is(.dpp-player-expand,.dpp-player-close){
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-queue-in-controls .dpp-player-controls{
    gap:5px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-queue-in-controls .dpp-player-controls .dpp-queue-toggle{
    width:35px!important;
    height:35px!important;
    min-width:35px!important;
  }
}


/* Stage 64 — balanced compact mobile header: actions left, centred metadata, cover right. */
@media(max-width:768px){
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-balanced-header .dpp-player-header{
    direction:ltr!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-areas:"actions identity"!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-balanced-header .dpp-player-header-actions{
    grid-area:actions!important;
    direction:ltr!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    min-width:max-content!important;
    flex:0 0 auto!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-balanced-header .dpp-player-header-actions :is(.dpp-player-close,.dpp-player-expand,.dpp-queue-toggle){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    margin:0!important;
    border-radius:10px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-balanced-header .dpp-player-title-wrap{
    grid-area:identity!important;
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 50px!important;
    grid-template-areas:"copy cover"!important;
    align-items:center!important;
    gap:9px!important;
    min-width:0!important;
    width:100%!important;
    overflow:hidden!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-balanced-header .dpp-player-cover-wrap{
    grid-area:cover!important;
    justify-self:end!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    margin:0!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-balanced-header .dpp-player-copy{
    grid-area:copy!important;
    direction:rtl!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-balanced-header :is(.dpp-player-title,.dpp-player-artist){
    width:100%!important;
    max-width:100%!important;
    text-align:center!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-balanced-header .dpp-player-controls .dpp-queue-toggle{
    display:none!important;
  }
}
@media(max-width:390px){
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-balanced-header .dpp-player-header{
    gap:5px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-balanced-header .dpp-player-header-actions{
    gap:3px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-balanced-header .dpp-player-header-actions :is(.dpp-player-close,.dpp-player-expand,.dpp-queue-toggle){
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    border-radius:9px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-balanced-header .dpp-player-title-wrap{
    grid-template-columns:minmax(0,1fr) 46px!important;
    gap:6px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-balanced-header .dpp-player-cover-wrap{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
  }
}


/* Stage 65 — professional compact mobile floating-player without increasing its vertical footprint. */
@media(max-width:768px){
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout{
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 96px!important;
    grid-template-rows:45px 45px auto!important;
    grid-template-areas:
      "header cover"
      "controls cover"
      "time time"!important;
    align-items:center!important;
    column-gap:8px!important;
    row-gap:6px!important;
    padding:7px 8px 7px!important;
    overflow:visible!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-header{
    grid-area:header!important;
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-areas:"actions identity"!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-header-actions{
    grid-area:actions!important;
    direction:ltr!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    flex:0 0 auto!important;
    min-width:max-content!important;
    margin:0!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-header-actions :is(.dpp-queue-toggle,.dpp-player-expand,.dpp-player-close){
    position:relative!important;
    inset:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    aspect-ratio:1/1!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.075)!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-header-actions :is(.dpp-queue-toggle,.dpp-player-expand,.dpp-player-close):is(:hover,:focus-visible),
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-header-actions .dpp-queue-toggle[aria-expanded="true"],
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-header-actions .dpp-player-expand[aria-pressed="true"]{
    background:linear-gradient(135deg,#ffb126,#fb720a)!important;
    border-color:transparent!important;
    color:#111!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-header-actions :is(.dpp-queue-toggle,.dpp-player-expand) svg{
    width:17px!important;
    height:17px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-header-actions .dpp-player-close{
    font-size:14px!important;
    line-height:1!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-queue-count{
    top:-6px!important;
    right:-5px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-title-wrap{
    grid-area:identity!important;
    direction:rtl!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    margin:0!important;
    padding:0 2px!important;
    overflow:hidden!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-copy{
    direction:rtl!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    gap:1px!important;
    text-align:center!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout :is(.dpp-player-title,.dpp-player-artist){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-title{
    font-size:12px!important;
    line-height:1.35!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-artist{
    font-size:10px!important;
    line-height:1.3!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout > .dpp-player-cover-wrap{
    grid-area:cover!important;
    align-self:center!important;
    justify-self:end!important;
    display:block!important;
    width:96px!important;
    height:96px!important;
    min-width:96px!important;
    min-height:96px!important;
    flex:0 0 96px!important;
    margin:0!important;
    border-radius:15px!important;
    overflow:hidden!important;
    box-shadow:0 10px 24px rgba(0,0,0,.34)!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout > .dpp-player-cover-wrap .dpp-player-cover{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-controls{
    grid-area:controls!important;
    direction:ltr!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    align-self:center!important;
    width:100%!important;
    min-width:0!important;
    height:45px!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-controls :is(.dpp-prev-btn,.dpp-play-pause-btn,.dpp-next-btn,.dpp-repeat-btn,.dpp-shuffle-btn){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    aspect-ratio:1/1!important;
    margin:0!important;
    padding:0!important;
    border-radius:12px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-controls .dpp-play-pause-btn{
    background:linear-gradient(135deg,#ffb126,#fb720a)!important;
    border:0!important;
    box-shadow:0 7px 17px rgba(251,114,10,.24)!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-controls :is(.dpp-prev-btn,.dpp-next-btn,.dpp-repeat-btn,.dpp-shuffle-btn){
    background:rgba(255,255,255,.06)!important;
    border:1px solid rgba(255,255,255,.08)!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-controls button svg{
    width:17px!important;
    height:17px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-controls .dpp-play-pause-btn svg{
    width:18px!important;
    height:18px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-controls :is(.dpp-mute-btn,.dpp-radio-btn,.dpp-favorite-current,.dpp-playlist-add-current,.dpp-share-current,.dpp-backward-btn,.dpp-forward-btn,.dpp-queue-toggle){
    display:none!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-time-bar{
    grid-area:time!important;
    direction:ltr!important;
    width:100%!important;
    min-width:0!important;
    gap:6px!important;
    margin:0!important;
    padding:0 1px!important;
  }
}
@media(max-width:390px){
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout{
    grid-template-columns:minmax(0,1fr) 82px!important;
    grid-template-rows:41px 41px auto!important;
    column-gap:7px!important;
    row-gap:5px!important;
    padding:6px 7px 6px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-header{
    gap:5px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-header-actions{
    gap:5px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-header-actions :is(.dpp-queue-toggle,.dpp-player-expand,.dpp-player-close){
    width:33px!important;
    height:33px!important;
    min-width:33px!important;
    min-height:33px!important;
    border-radius:9px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout > .dpp-player-cover-wrap{
    width:82px!important;
    height:82px!important;
    min-width:82px!important;
    min-height:82px!important;
    flex-basis:82px!important;
    border-radius:13px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-controls{
    height:41px!important;
    gap:5px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-controls :is(.dpp-prev-btn,.dpp-play-pause-btn,.dpp-next-btn,.dpp-repeat-btn,.dpp-shuffle-btn){
    width:35px!important;
    height:35px!important;
    min-width:35px!important;
    min-height:35px!important;
    border-radius:10px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-title{
    font-size:11px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-artist{
    font-size:9px!important;
  }
}
@media(max-width:340px){
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout{
    grid-template-columns:minmax(0,1fr) 76px!important;
    column-gap:6px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout > .dpp-player-cover-wrap{
    width:76px!important;
    height:76px!important;
    min-width:76px!important;
    min-height:76px!important;
    flex-basis:76px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-header-actions{
    gap:4px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-header-actions :is(.dpp-queue-toggle,.dpp-player-expand,.dpp-player-close){
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    min-height:31px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-controls{
    gap:4px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-controls :is(.dpp-prev-btn,.dpp-play-pause-btn,.dpp-next-btn,.dpp-repeat-btn,.dpp-shuffle-btn){
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
  }
}


/* Stage 66 — compact mobile action rebalance: close first, queue beside shuffle. */
@media(max-width:768px){
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-header-actions .dpp-player-close{
    order:0!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-header-actions .dpp-player-expand{
    order:1!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-controls .dpp-queue-toggle{
    order:6!important;
    position:relative!important;
    inset:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    aspect-ratio:1/1!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.06)!important;
    color:#fff!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-controls .dpp-queue-toggle:is(:hover,:focus-visible),
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-controls .dpp-queue-toggle[aria-expanded="true"]{
    background:linear-gradient(135deg,#ffb126,#fb720a)!important;
    border-color:transparent!important;
    color:#111!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-controls .dpp-queue-toggle svg{
    width:17px!important;
    height:17px!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-controls .dpp-queue-toggle .dpp-queue-count{
    top:-6px!important;
    right:-5px!important;
  }
}
@media(max-width:390px){
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-controls .dpp-queue-toggle{
    width:35px!important;
    height:35px!important;
    min-width:35px!important;
    min-height:35px!important;
    border-radius:10px!important;
  }
}
@media(max-width:340px){
  .dpp-floating-player:not(.dpp-fullscreen).dpp-mobile-pro-layout .dpp-player-controls .dpp-queue-toggle{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
  }
}

/* Stage 67 — compact one-line mobile queue and explicit broadcast-radio icon. */
@media(max-width:768px){
  .dpp-floating-player .dpp-queue-panel{
    padding:9px!important;
  }
  .dpp-floating-player .dpp-queue-list{
    gap:6px!important;
    padding:8px 0 1px!important;
  }
  .dpp-floating-player .dpp-queue-item{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) auto!important;
    grid-template-areas:"cover copy actions"!important;
    align-items:center!important;
    gap:7px!important;
    min-height:54px!important;
    padding:6px 7px!important;
    border-radius:13px!important;
  }
  .dpp-floating-player .dpp-queue-play{
    grid-area:cover!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    border-radius:10px!important;
  }
  .dpp-floating-player .dpp-queue-track-copy{
    grid-area:copy!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
    width:100%!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  .dpp-floating-player .dpp-queue-track-copy strong{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    font-size:12px!important;
    line-height:1.45!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .dpp-floating-player .dpp-queue-track-copy > span{
    display:block!important;
    flex:0 1 31%!important;
    min-width:0!important;
    max-width:31%!important;
    font-size:10px!important;
    line-height:1.4!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .dpp-floating-player .dpp-queue-track-copy > span::before{
    content:"— ";
    opacity:.7;
  }
  .dpp-floating-player .dpp-queue-track-copy em{
    display:none!important;
  }
  .dpp-floating-player .dpp-queue-item-actions{
    grid-area:actions!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:4px!important;
    margin:0!important;
    min-width:max-content!important;
  }
  .dpp-floating-player .dpp-queue-item-actions button{
    display:grid!important;
    place-items:center!important;
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    min-height:31px!important;
    margin:0!important;
    padding:0!important;
    border-radius:9px!important;
    font-size:15px!important;
    line-height:1!important;
  }
  .dpp-floating-player .dpp-queue-section-label{
    margin:8px 2px 4px!important;
  }

  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-radio-btn,
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-radio-btn{
    font-size:0!important;
    color:#ffd079!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-radio-btn::before,
  .dpp-floating-player.dpp-fullscreen .dpp-player-secondary-controls .dpp-radio-btn::after,
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-radio-btn::before,
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-radio-btn::after{
    content:none!important;
    display:none!important;
  }
  .dpp-floating-player .dpp-radio-btn .dpp-radio-icon{
    display:block!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    overflow:visible!important;
    color:inherit!important;
  }
  .dpp-floating-player .dpp-radio-btn .dpp-radio-icon circle{
    fill:currentColor!important;
    stroke:none!important;
  }
  .dpp-floating-player .dpp-radio-btn .dpp-radio-icon path{
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
}
@media(max-width:380px){
  .dpp-floating-player .dpp-queue-item{
    grid-template-columns:36px minmax(0,1fr) auto!important;
    gap:5px!important;
    min-height:49px!important;
    padding:5px 6px!important;
  }
  .dpp-floating-player .dpp-queue-play{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    border-radius:9px!important;
  }
  .dpp-floating-player .dpp-queue-track-copy strong{
    font-size:11px!important;
  }
  .dpp-floating-player .dpp-queue-track-copy > span{
    display:none!important;
  }
  .dpp-floating-player .dpp-queue-item-actions{
    gap:3px!important;
  }
  .dpp-floating-player .dpp-queue-item-actions button{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    min-height:29px!important;
    border-radius:8px!important;
    font-size:14px!important;
  }
}


/* Stage 67 radio SVG contract for every viewport. */
.dpp-floating-player .dpp-radio-btn .dpp-radio-icon{
  display:block!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  overflow:visible!important;
  color:inherit!important;
}
.dpp-floating-player .dpp-radio-btn .dpp-radio-icon circle{
  fill:currentColor!important;
  stroke:none!important;
}
.dpp-floating-player .dpp-radio-btn .dpp-radio-icon path{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}


/* Stage 72 — account route checkbox/honeypot fallback; kept tiny for optimizer resilience. */
body.dpp-account-route .dpp-lite-auth-form input.dpp-lite-auth-hp{position:fixed!important;inset:auto auto -10000px -10000px!important;display:block!important;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;max-width:1px!important;max-height:1px!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;overflow:hidden!important;clip-path:inset(50%)!important;pointer-events:none!important}
body.dpp-account-route .dpp-lite-login-form .dpp-lite-auth-check{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:auto!important;min-height:24px!important;margin:7px 0 12px!important;padding:0!important;direction:rtl!important}
body.dpp-account-route .dpp-lite-login-form .dpp-lite-auth-check input[type=checkbox]{appearance:auto!important;-webkit-appearance:checkbox!important;display:block!important;flex:0 0 18px!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;accent-color:#f28a18!important}
body.dpp-account-route .dpp-lite-login-form .dpp-lite-auth-check input[type=checkbox]:before,body.dpp-account-route .dpp-lite-login-form .dpp-lite-auth-check input[type=checkbox]:after{content:none!important;display:none!important}
body.dpp-account-route .dpp-lite-login-form .dpp-lite-auth-check label{display:inline!important;width:auto!important;margin:0!important;padding:0!important;font-size:13px!important;line-height:1.7!important;cursor:pointer!important}

/* Stage 73 — account dark fields fallback for optimizer/minifier resilience. */
html[data-aftab-theme="dark"] body.dpp-account-route .dpp-recovery-account-page :is(input[type=text],input[type=email],input[type=password],select,textarea):not(.dpp-lite-auth-hp),body.dpp-account-route:is(.aftab-dark,.dark-mode,.dark) .dpp-recovery-account-page :is(input[type=text],input[type=email],input[type=password],select,textarea):not(.dpp-lite-auth-hp){background:#0a141f!important;border-color:#344c63!important;color:#f4f7fb!important;caret-color:#ff9b28!important}
html[data-aftab-theme="dark"] body.dpp-account-route .dpp-recovery-account-page :is(.dpp-lite-field,.dpp-lite-field>span,.dpp-lite-auth-form label),body.dpp-account-route:is(.aftab-dark,.dark-mode,.dark) .dpp-recovery-account-page :is(.dpp-lite-field,.dpp-lite-field>span,.dpp-lite-auth-form label){color:#cbd6e2!important}


/* Stage 75 — final mobile playlist action layout guard. */
@media (max-width:760px){
  .dpp-playlist-container .dpp-track-row{
    grid-template-columns:34px minmax(0,1fr)!important;
    grid-template-areas:"number info" "actions actions"!important;
    align-items:center!important;
    gap:9px!important;
    overflow:hidden!important;
  }
  .dpp-playlist-container .dpp-track-actions{
    grid-area:actions!important;
    display:flex!important;
    flex-flow:row wrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    inline-size:100%!important;
    width:100%!important;
    min-inline-size:0!important;
    max-inline-size:100%!important;
    padding-block-start:9px!important;
    margin:0!important;
    border-block-start:1px solid rgba(128,92,48,.14)!important;
    overflow:visible!important;
  }
  .dpp-playlist-container .dpp-track-actions>.dpp-play-btn,
  .dpp-playlist-container .dpp-track-actions>.dpp-download-btn{
    flex:1 1 calc(50% - 4px)!important;
    inline-size:auto!important;
    width:auto!important;
    min-inline-size:0!important;
    min-width:0!important;
    max-inline-size:none!important;
    max-width:none!important;
    block-size:44px!important;
    height:44px!important;
    min-block-size:44px!important;
    max-block-size:44px!important;
    padding-inline:12px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  .dpp-playlist-container .dpp-track-actions>.dpp-queue-btn,
  .dpp-playlist-container .dpp-track-actions>.dpp-track-favorite-btn,
  .dpp-playlist-container .dpp-track-actions>.dpp-track-playlist-btn{
    flex:1 1 calc(33.333% - 6px)!important;
    inline-size:auto!important;
    width:auto!important;
    min-inline-size:44px!important;
    min-width:44px!important;
    max-inline-size:none!important;
    max-width:none!important;
    block-size:40px!important;
    height:40px!important;
    min-block-size:40px!important;
    max-block-size:40px!important;
    padding:0!important;
    display:inline-grid!important;
    place-items:center!important;
  }
  .dpp-playlist-container .dpp-track-actions>.dpp-play-btn{order:1!important}
  .dpp-playlist-container .dpp-track-actions>.dpp-download-btn{order:2!important}
  .dpp-playlist-container .dpp-track-actions>.dpp-queue-btn{order:3!important}
  .dpp-playlist-container .dpp-track-actions>.dpp-track-favorite-btn{order:4!important}
  .dpp-playlist-container .dpp-track-actions>.dpp-track-playlist-btn{order:5!important}
  .dpp-playlist-container .dpp-track-actions>.dpp-track-share-btn{display:none!important}
  .dpp-playlist-container .dpp-track-actions :is(.dpp-play-btn,.dpp-download-btn) .dpp-primary-action-label{
    display:inline-block!important;
    flex:0 0 auto!important;
    max-inline-size:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    line-height:1!important;
  }
  .dpp-playlist-container .dpp-track-actions :is(.dpp-play-btn,.dpp-download-btn) svg{
    flex:0 0 19px!important;
    inline-size:19px!important;
    block-size:19px!important;
    width:19px!important;
    height:19px!important;
  }
  html[data-aftab-theme="dark"] .dpp-playlist-container .dpp-track-actions,
  body:is(.aftab-dark,.dark-mode,.dark) .dpp-playlist-container .dpp-track-actions{
    border-block-start-color:rgba(255,255,255,.09)!important;
  }
}
@media (max-width:360px){
  .dpp-playlist-container .dpp-track-actions{gap:6px!important}
  .dpp-playlist-container .dpp-track-actions>.dpp-play-btn,
  .dpp-playlist-container .dpp-track-actions>.dpp-download-btn{
    block-size:42px!important;
    height:42px!important;
    min-block-size:42px!important;
    max-block-size:42px!important;
    padding-inline:9px!important;
    gap:5px!important;
  }
  .dpp-playlist-container .dpp-track-actions :is(.dpp-play-btn,.dpp-download-btn) .dpp-primary-action-label{font-size:11px!important}
}

/* Stage 78 — keep the next-track icon fully visible after touch in both player modes. */
@media (hover:none) and (pointer:coarse){
  .dpp-floating-player .dpp-player-controls .dpp-next-btn,
  .dpp-floating-player .dpp-player-controls .dpp-next-btn:hover,
  .dpp-floating-player .dpp-player-controls .dpp-next-btn:active,
  .dpp-floating-player .dpp-player-controls .dpp-next-btn:focus:not(:focus-visible){
    opacity:1!important;
    filter:none!important;
    color:#ffa600!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .dpp-floating-player .dpp-player-controls .dpp-next-btn svg,
  .dpp-floating-player .dpp-player-controls .dpp-next-btn svg use,
  .dpp-floating-player .dpp-player-controls .dpp-next-btn svg path,
  .dpp-floating-player .dpp-player-controls .dpp-next-btn:hover svg,
  .dpp-floating-player .dpp-player-controls .dpp-next-btn:hover svg use,
  .dpp-floating-player .dpp-player-controls .dpp-next-btn:hover svg path,
  .dpp-floating-player .dpp-player-controls .dpp-next-btn:active svg,
  .dpp-floating-player .dpp-player-controls .dpp-next-btn:active svg use,
  .dpp-floating-player .dpp-player-controls .dpp-next-btn:active svg path{
    opacity:1!important;
    filter:none!important;
    fill:currentColor!important;
    stroke:none!important;
  }
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-controls .dpp-next-btn,
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-controls .dpp-next-btn:hover,
  .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-controls .dpp-next-btn:active{
    background:rgba(255,255,255,.06)!important;
    border-color:rgba(255,255,255,.08)!important;
    box-shadow:none!important;
  }
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-next-btn,
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-next-btn:hover,
  .dpp-floating-player.dpp-fullscreen .dpp-player-controls .dpp-next-btn:active{
    background:rgba(255,255,255,.065)!important;
    border-color:rgba(255,255,255,.08)!important;
    box-shadow:none!important;
  }
  html[data-aftab-theme="light"] .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-controls .dpp-next-btn,
  html[data-aftab-theme="light"] .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-controls .dpp-next-btn:hover,
  html[data-aftab-theme="light"] .dpp-floating-player:not(.dpp-fullscreen) .dpp-player-controls .dpp-next-btn:active{
    background:rgba(96,62,24,.07)!important;
    border-color:rgba(96,62,24,.12)!important;
  }
}

