:root{--dp4-bg:#08090b;--dp4-panel:#101216;--dp4-panel2:#15181d;--dp4-line:#252a31;--dp4-text:#f5f7fa;--dp4-muted:#8f97a3;--dp4-accent:#ff5a00;--dp4-side:220px;--dp4-top:72px}*{box-sizing:border-box}html{background:var(--dp4-bg)}body.dp4-body{margin:0;background:var(--dp4-bg)!important;color:var(--dp4-text)!important;font-family:Inter,Arial,sans-serif}.dp4-shell{min-height:100vh}.dp4-sidebar{position:fixed;inset:0 auto 0 0;width:var(--dp4-side);background:#0b0d10;border-right:1px solid var(--dp4-line);z-index:10010;padding:24px 18px 116px;display:flex;flex-direction:column}.dp4-logo{display:block;padding:0 5px 26px}.dp4-logo img{width:142px;height:auto;display:block}.dp4-side-label{font-size:10px;letter-spacing:.18em;color:#646b75;font-weight:800;padding:15px 12px 8px}.dp4-side-nav{display:grid;gap:3px}.dp4-side-nav a{display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:7px;color:#aab0b9;text-decoration:none;font-size:13px;font-weight:700;transition:.18s}.dp4-side-nav a span{width:20px;text-align:center;color:#6f7782;font-size:16px}.dp4-side-nav a:hover,.dp4-side-nav a:focus{background:#171a1f;color:white}.dp4-side-nav a:hover span{color:var(--dp4-accent)}.dp4-side-spacer{flex:1}.dp4-side-bottom{border-top:1px solid var(--dp4-line);padding-top:12px}.dp4-workspace{margin-left:var(--dp4-side);min-height:100vh}.dp4-commandbar{height:var(--dp4-top);position:sticky;top:0;z-index:10000;background:rgba(8,9,11,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--dp4-line);display:flex;align-items:center;gap:18px;padding:0 28px}.dp4-global-search{height:40px;max-width:720px;flex:1;display:flex;align-items:center;gap:10px;background:#111419;border:1px solid #2a3038;border-radius:8px;padding:0 12px}.dp4-global-search span{font-size:22px;color:#707985}.dp4-global-search input{background:none;border:0!important;outline:0;color:white;width:100%;font-size:13px;padding:0!important;box-shadow:none!important}.dp4-global-search kbd{background:#22262d;color:#8b939e;border:1px solid #343a43;border-radius:4px;padding:2px 7px;font-size:11px}.dp4-command-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.dp4-command-actions a{height:38px;display:inline-flex;align-items:center;padding:0 13px;border:1px solid var(--dp4-line);border-radius:6px;color:#cfd4db;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.05em}.dp4-command-actions .dp4-upload{background:var(--dp4-accent);border-color:var(--dp4-accent);color:#08090b}.dp4-lang{width:38px;justify-content:center;padding:0!important}.dp4-mobile-menu,.dp-mobile-menu-toggle{display:none}.dp4-content{padding:28px;min-height:calc(100vh - var(--dp4-top));max-width:none!important}.dp-wrap{max-width:none!important;width:100%!important}.dp4-homegrid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.dp4-dashboard-main{min-width:0}.dp4-dashboard-rail{display:grid;gap:16px;position:sticky;top:calc(var(--dp4-top) + 22px)}.dp4-hero{min-height:390px;display:grid;grid-template-columns:1.03fr .97fr;border:1px solid var(--dp4-line);background:#0d0f12;overflow:hidden}.dp4-hero-copy{padding:54px 48px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 0 100%,rgba(255,90,0,.15),transparent 45%)}.dp4-eyebrow{font-size:10px;font-weight:900;letter-spacing:.2em;color:var(--dp4-accent)}.dp4-hero h1{font-size:clamp(48px,5.4vw,86px);line-height:.86;letter-spacing:-.065em;margin:15px 0 21px;font-weight:950}.dp4-hero h1 em{font-style:normal;color:var(--dp4-accent)}.dp4-hero p{max-width:550px;color:#a8afb9;font-size:15px;line-height:1.65}.dp4-hero-actions{display:flex;gap:10px;margin-top:23px}.dp4-hero-actions a,.dp4-now-card a{display:inline-flex;padding:13px 16px;background:white;color:#08090b;text-decoration:none;font-size:11px;font-weight:950;letter-spacing:.06em}.dp4-hero-actions a+ a{background:transparent;color:white;border:1px solid #3a414b}.dp4-hero-art{position:relative;min-height:390px}.dp4-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d0f12 0%,transparent 35%),linear-gradient(0deg,rgba(8,9,11,.8),transparent 50%)}.dp4-hero-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.08)}.dp4-art-overlay{position:absolute;z-index:2;right:20px;bottom:18px;text-align:right}.dp4-art-overlay span,.dp4-art-overlay b{display:block}.dp4-art-overlay span{font-size:9px;letter-spacing:.18em;color:#9da4ae}.dp4-art-overlay b{font-size:13px;margin-top:4px}.dp4-quickdeck{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--dp4-line);border-top:0;background:#0d0f12;margin-bottom:22px}.dp4-quickdeck a{padding:17px 19px;text-decoration:none;color:white;border-right:1px solid var(--dp4-line);display:grid;grid-template-columns:auto 1fr;column-gap:12px}.dp4-quickdeck a:last-child{border:0}.dp4-quickdeck span{grid-row:1/3;font-size:10px;color:var(--dp4-accent);padding-top:2px}.dp4-quickdeck b{font-size:13px}.dp4-quickdeck small{font-size:11px;color:#777f89;margin-top:2px}.dp4-panel{background:var(--dp4-panel);border:1px solid var(--dp4-line);margin:0 0 22px}.dp4-panel-head{padding:20px 22px;border-bottom:1px solid var(--dp4-line);display:flex;align-items:end;justify-content:space-between;gap:20px}.dp4-panel-head span{font-size:9px;color:var(--dp4-accent);letter-spacing:.18em;font-weight:900}.dp4-panel-head h2{font-size:24px;letter-spacing:-.035em;margin:4px 0 0}.dp4-panel-head small{color:#737b86;font-size:10px}.dp4-panel-head>a{font-size:10px;font-weight:900;letter-spacing:.08em;color:#aeb4bd;text-decoration:none}.dp4-tracklist{overflow:auto}.dp4-tracklist .dp-table{width:100%;border-collapse:collapse;background:transparent!important;margin:0!important}.dp4-tracklist .dp-table thead th{background:#0c0e11!important;color:#68717d!important;border:0!important;border-bottom:1px solid var(--dp4-line)!important;font-size:9px!important;letter-spacing:.12em!important;text-transform:uppercase;padding:10px 12px!important}.dp4-tracklist .dp-table tbody tr{background:transparent!important;border-bottom:1px solid #20242a!important;transition:.15s}.dp4-tracklist .dp-table tbody tr:hover{background:#171a1f!important}.dp4-tracklist .dp-table td{border:0!important;padding:10px 12px!important;vertical-align:middle!important;color:#c8cdd4!important;font-size:11px!important}.dp4-tracklist .dp-table td:first-child{width:56px}.dp4-tracklist .dp-table td:first-child img{width:44px!important;height:44px!important;border-radius:3px!important;object-fit:cover}.dp4-tracklist .dp-track-title a{color:#f4f6f8!important;font-size:13px!important;font-weight:800!important;text-decoration:none}.dp4-tracklist .dp-muted{font-size:10px!important;color:#737b86!important}.dp4-tracklist .dp-title-stats{opacity:.55;transform:scale(.88);transform-origin:left center}.dp4-tracklist .dp-tag{border-radius:3px!important;background:#20242a!important;border:0!important;color:#b0b7c0!important;font-size:9px!important;padding:4px 6px!important}.dp4-tracklist .dp-btn,.dp4-tracklist button{border-radius:4px!important}.dp4-rail-card{background:var(--dp4-panel);border:1px solid var(--dp4-line);padding:18px}.dp4-now-card{padding:25px 22px;background:linear-gradient(150deg,#17191e,#101216 63%,#231007)}.dp4-now-card h3{font-size:28px;line-height:1;letter-spacing:-.05em;margin:11px 0 14px}.dp4-now-card p{font-size:12px;line-height:1.6;color:#89919c}.dp4-now-card a{margin-top:9px}.dp4-rail-title{display:flex;justify-content:space-between;border-bottom:1px solid var(--dp4-line);padding-bottom:12px;margin-bottom:8px}.dp4-rail-title span{font-size:10px;font-weight:950;letter-spacing:.13em}.dp4-rail-title a{color:#6f7782;text-decoration:none;font-size:9px}.dp4-genre-list{display:grid}.dp4-genre-list a{display:flex;justify-content:space-between;padding:9px 2px;border-bottom:1px solid #1e2228;text-decoration:none;color:#c8cdd4}.dp4-genre-list b{font-size:11px}.dp4-genre-list span{font-size:10px;color:#656d77}.dp4-browser-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px}.dp4-filter-rail{background:#0d0f12;border:1px solid var(--dp4-line);padding:28px 22px;position:sticky;top:calc(var(--dp4-top) + 28px);align-self:start}.dp4-filter-rail h1,.dp4-search-intro h1{font-size:48px;line-height:.9;letter-spacing:-.055em;margin:12px 0 15px}.dp4-filter-rail p,.dp4-search-intro p{color:#7e8792;font-size:12px;line-height:1.55}.dp4-filter-action{display:block;margin-top:9px;padding:11px 12px;border:1px solid #2a3038;color:white;text-decoration:none;font-size:10px;font-weight:900}.dp4-filter-genres{margin-top:24px;border-top:1px solid var(--dp4-line);padding-top:12px}.dp4-filter-genres a{display:flex;justify-content:space-between;padding:7px 0;color:#9ca4ae;text-decoration:none;font-size:11px}.dp4-filter-genres span{color:#555d67}.dp4-browser-main{min-width:0}.dp4-pagebar{background:var(--dp4-panel);border:1px solid var(--dp4-line);padding:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.dp4-pagebar span{font-size:9px;color:var(--dp4-accent);font-weight:900;letter-spacing:.15em}.dp4-pagebar h2{margin:3px 0 0;font-size:27px}.dp4-pagebar form{display:flex;gap:8px;width:min(520px,55%)}.dp4-pagebar input,.dp4-search-stage input{flex:1;background:#0b0d10!important;border:1px solid #303640!important;color:white!important;padding:11px 13px!important}.dp4-pagebar button,.dp4-search-stage button{background:var(--dp4-accent)!important;color:#090a0c!important;border:0!important;font-weight:950!important;padding:0 16px!important}.dp4-search-page{max-width:1500px;margin:0 auto}.dp4-search-intro{padding:36px 0 24px}.dp4-search-stage{display:flex;align-items:center;background:#111419;border:1px solid #333a44;padding:12px 14px;margin-bottom:18px}.dp4-search-stage>span{font-size:28px;color:#69727d;padding-right:10px}.dp4-search-stage input{font-size:16px!important;border:0!important;background:transparent!important}.dp4-search-stage button{height:44px}.dp4-search-summary{margin-bottom:18px}.dp4-genre-page{max-width:1500px;margin:0 auto}.dp4-genre-hero{min-height:300px;border:1px solid var(--dp4-line);background:linear-gradient(120deg,#15181d,#0c0e11 65%,#210d03);padding:44px;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px;overflow:hidden}.dp4-genre-hero h1{font-size:clamp(58px,8vw,124px);line-height:.8;letter-spacing:-.075em;margin:12px 0 5px;text-transform:uppercase}.dp4-genre-hero p{color:#7f8791;max-width:700px}.dp4-genre-number{font-size:180px;font-weight:950;letter-spacing:-.1em;color:#171b20;line-height:.7}.dp4-track-detail{display:grid;grid-template-columns:minmax(330px,42vw) minmax(0,1fr);gap:48px;max-width:1500px;margin:0 auto;padding:28px 0 50px}.dp4-track-art{position:sticky;top:calc(var(--dp4-top) + 28px);align-self:start;background:#0d0f12;border:1px solid var(--dp4-line);padding:18px}.dp4-track-art img{width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover;border-radius:0!important}.dp4-art-index{display:block;font-size:9px;letter-spacing:.18em;color:#6e7680;padding-top:13px}.dp4-track-info{padding-top:18px}.dp4-track-info h1{font-size:clamp(48px,6vw,92px);line-height:.88;letter-spacing:-.065em;margin:16px 0 10px}.dp4-track-info h2{font-size:24px;font-weight:500;color:#8c95a0;margin:0 0 30px}.dp4-track-metrics{display:flex;flex-wrap:wrap;border-top:1px solid var(--dp4-line);border-bottom:1px solid var(--dp4-line);margin:0 0 24px}.dp4-track-metrics span{min-width:120px;padding:15px 20px 15px 0;margin-right:28px}.dp4-track-metrics b,.dp4-track-metrics small{display:block}.dp4-track-metrics b{font-size:14px}.dp4-track-metrics small{font-size:8px;color:#666f79;letter-spacing:.14em;margin-top:4px}.dp4-track-preview{background:#111419;border:1px solid #2b3139;padding:16px;margin-bottom:14px}.dp4-track-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.dp4-track-actions>a,.dp4-track-actions button{min-height:43px!important;display:inline-flex!important;align-items:center!important;padding:0 16px!important;border-radius:4px!important;text-decoration:none!important;font-size:10px!important;font-weight:950!important}.dp4-track-description{color:#9aa2ac;line-height:1.7;border-top:1px solid var(--dp4-line);padding-top:24px;margin-top:28px}.dp4-footer{margin-left:0!important;background:#0b0d10!important;border-top:1px solid var(--dp4-line)!important;padding-bottom:105px!important}.dp4-footer .dp-wrap{padding:24px 28px!important}.dp-global-player{left:var(--dp4-side)!important;width:calc(100% - var(--dp4-side))!important;background:#0b0d10!important;border-top:1px solid #303640!important;box-shadow:0 -15px 40px rgba(0,0,0,.35)!important}.dp-global-inner{max-width:none!important}.dp-global-cover{border-radius:3px!important}.dp-global-play{background:var(--dp4-accent)!important;color:#090a0c!important}.dp-pwa-install{display:none!important}.dp-market-nav,.dp-topbar,.dp3-header{display:none!important}
@media(max-width:1180px){:root{--dp4-side:74px}.dp4-sidebar{width:74px;padding:22px 10px 116px}.dp4-logo img{width:50px;object-fit:cover;object-position:left}.dp4-side-label,.dp4-side-nav b{display:none}.dp4-side-nav a{justify-content:center;padding:11px}.dp4-side-nav a span{font-size:18px}.dp4-homegrid{grid-template-columns:1fr}.dp4-dashboard-rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.dp4-hero{grid-template-columns:1fr}.dp4-hero-art{min-height:260px}.dp4-browser-layout{grid-template-columns:1fr}.dp4-filter-rail{position:static}.dp4-filter-genres{columns:2}.dp4-track-detail{grid-template-columns:360px minmax(0,1fr)}}
@media(max-width:760px){:root{--dp4-side:0px;--dp4-top:62px}.dp4-sidebar{display:none}.dp4-workspace{margin-left:0}.dp4-content{padding:14px}.dp4-commandbar{padding:0 12px;gap:8px}.dp-mobile-menu-toggle{display:inline-flex!important;flex-direction:column;gap:4px;background:none;border:0;padding:8px}.dp-mobile-menu-toggle span{display:block;width:19px;height:2px;background:white}.dp4-global-search kbd,.dp4-command-actions .dp4-upload,.dp4-lang{display:none}.dp4-command-actions a{padding:0 9px}.dp4-hero-copy{padding:32px 24px}.dp4-hero h1{font-size:52px}.dp4-quickdeck{grid-template-columns:repeat(2,1fr)}.dp4-quickdeck a:nth-child(2){border-right:0}.dp4-dashboard-rail{grid-template-columns:1fr}.dp4-pagebar{align-items:stretch;flex-direction:column}.dp4-pagebar form{width:100%}.dp4-track-detail{grid-template-columns:1fr;gap:20px}.dp4-track-art{position:static}.dp4-track-info h1{font-size:50px}.dp4-genre-hero{padding:28px 22px}.dp4-genre-number{display:none}.dp4-genre-hero h1{font-size:56px}.dp-global-player{left:0!important;width:100%!important}.dp4-tracklist .dp-table thead{display:none}.dp4-tracklist .dp-table,.dp4-tracklist .dp-table tbody,.dp4-tracklist .dp-table tr,.dp4-tracklist .dp-table td{display:block;width:100%!important}.dp4-tracklist .dp-table tr{position:relative;padding:10px 10px 10px 66px!important;min-height:68px}.dp4-tracklist .dp-table td{padding:3px 4px!important}.dp4-tracklist .dp-table td:first-child{position:absolute;left:10px;top:10px;width:48px!important}.dp4-tracklist .dp-table td[data-label="Dodano"],.dp4-tracklist .dp-table td[data-label="Dodane przez"]{display:none}.dp4-tracklist .dp-table td:before{display:none!important}.dp4-tracklist .dp-table td[data-label="Gatunek"],.dp4-tracklist .dp-table td[data-label="Odsłuch"],.dp4-tracklist .dp-table td[data-label="Download"]{display:inline-block;width:auto!important}.dp4-filter-genres{columns:1}}

/* v26.47: polski interfejs, szeroki środek, chowany katalog po prawej */
.dp4-homegrid.dp4-homegrid-wide{grid-template-columns:minmax(0,1fr);max-width:1680px;margin:0 auto}
.dp4-stats-center{margin:0 0 22px}
.dp4-stats-center .dp-wrap{max-width:none!important;padding-left:0!important;padding-right:0!important}
.dp4-stats-center .dp-stats,.dp4-stats-center .dp-stats-panel,.dp4-stats-center .dp-stats-grid{margin-left:auto!important;margin-right:auto!important}
.dp4-radar-original{margin:0 0 22px!important;background:transparent!important}
.dp4-radar-original>.dp-wrap{padding:0!important;max-width:none!important}
.dp4-radar-original .dp-section-head{margin-bottom:14px}
.dp4-catalog-drawer{position:relative;z-index:10030}
.dp4-catalog-drawer>summary{list-style:none;height:38px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--dp4-line);border-radius:6px;color:#cfd4db;background:#111419;cursor:pointer;font-size:10px;font-weight:900;letter-spacing:.05em;white-space:nowrap;user-select:none}
.dp4-catalog-drawer>summary::-webkit-details-marker{display:none}.dp4-catalog-drawer>summary span{color:var(--dp4-accent);font-size:15px}
.dp4-catalog-drawer[open]>summary{background:#191d23;color:#fff;border-color:#3a424d}
.dp4-catalog-panel{position:fixed;right:18px;top:82px;width:min(390px,calc(100vw - 36px));max-height:calc(100vh - 118px);overflow:auto;background:#0d1014;border:1px solid #303640;box-shadow:0 24px 80px rgba(0,0,0,.55);padding:16px;z-index:10040}
.dp4-catalog-panel-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--dp4-line);padding:3px 2px 14px;margin-bottom:8px}.dp4-catalog-panel-head span{font-size:9px;color:var(--dp4-accent);letter-spacing:.18em;font-weight:900}.dp4-catalog-panel-head strong{font-size:13px}
.dp4-catalog-group{border-bottom:1px solid #242931}.dp4-catalog-group>summary{list-style:none;cursor:pointer;padding:14px 2px;font-size:10px;letter-spacing:.14em;font-weight:950;color:#cfd4db}.dp4-catalog-group>summary::-webkit-details-marker{display:none}.dp4-catalog-group>summary:after{content:'＋';float:right;color:#727b87}.dp4-catalog-group[open]>summary:after{content:'−';color:var(--dp4-accent)}
.dp4-catalog-group nav{display:grid;padding:0 0 12px}.dp4-catalog-group nav a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#aeb5bf;padding:9px 7px;border-radius:5px;font-size:11px}.dp4-catalog-group nav a:hover{background:#171b20;color:#fff}.dp4-catalog-group nav a b{font-size:9px;color:#68717d;font-weight:800}
@media(max-width:980px){.dp4-catalog-drawer>summary b{display:none}.dp4-catalog-drawer>summary{width:38px;justify-content:center;padding:0}.dp4-catalog-panel{right:10px;top:72px;max-height:calc(100vh - 92px)}}
@media(max-width:760px){.dp4-catalog-drawer{margin-left:auto}.dp4-command-actions{margin-left:0}.dp4-catalog-panel{right:8px;top:66px;width:calc(100vw - 16px)}}

/* v26.48: Beatport-style right drawer */
.dp4-catalog-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.48);backdrop-filter:blur(2px);z-index:10035;cursor:w-resize}
.dp4-catalog-panel{right:0!important;top:0!important;height:100vh!important;max-height:100vh!important;width:min(430px,92vw)!important;border-top:0!important;border-right:0!important;border-bottom:0!important;padding:22px 18px 90px!important;animation:dp4DrawerIn .2s ease-out}
@keyframes dp4DrawerIn{from{transform:translateX(100%);opacity:.5}to{transform:translateX(0);opacity:1}}
.dp4-catalog-panel-head{align-items:center!important;gap:12px}.dp4-catalog-panel-head strong{margin-left:auto}.dp4-catalog-close{width:38px;height:38px;border:1px solid #343b45;background:#15191f;color:#fff;font-size:25px;line-height:1;cursor:pointer;border-radius:5px}.dp4-catalog-close:hover{background:#ff5a00;border-color:#ff5a00}
@media(max-width:760px){.dp4-catalog-panel{width:min(390px,94vw)!important}}

/* v26.49: full music catalogue + robust collapsible right drawer */
.dp4-catalog-drawer{position:relative;z-index:10030}.dp4-catalog-trigger{height:38px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--dp4-line);border-radius:6px;color:#cfd4db;background:#111419;cursor:pointer;font-size:10px;font-weight:900;letter-spacing:.05em;white-space:nowrap}.dp4-catalog-trigger span{color:var(--dp4-accent);font-size:15px}.dp4-catalog-drawer.is-open .dp4-catalog-trigger{background:#191d23;color:#fff;border-color:#3a424d}.dp4-catalog-drawer:not(.is-open) .dp4-catalog-panel,.dp4-catalog-drawer:not(.is-open) .dp4-catalog-backdrop{display:none!important}.dp4-catalog-drawer.is-open .dp4-catalog-panel,.dp4-catalog-drawer.is-open .dp4-catalog-backdrop{display:block!important}.dp4-catalog-page{max-width:1680px;margin:0 auto;padding:20px 0 40px}.dp4-catalog-head{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:26px 0 24px;border-bottom:1px solid var(--dp4-line)}.dp4-catalog-head h1{font-size:clamp(40px,5vw,78px);line-height:.9;letter-spacing:-.055em;margin:8px 0 10px}.dp4-catalog-head p{margin:0;max-width:720px;color:#8f97a3}.dp4-catalog-count{text-align:right;min-width:160px}.dp4-catalog-count strong{display:block;font-size:42px;line-height:1}.dp4-catalog-count span{display:block;margin-top:6px;font-size:9px;letter-spacing:.14em;color:#6f7782;font-weight:900}.dp4-catalog-toolbar{display:flex;gap:8px;align-items:center;padding:16px 0}.dp4-catalog-search{flex:1;display:flex;align-items:center;background:#111419;border:1px solid #2a3038;border-radius:6px;min-height:44px}.dp4-catalog-search>span{padding:0 12px;color:#7c8590;font-size:20px}.dp4-catalog-search input{flex:1;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important}.dp4-catalog-search button,.dp4-catalog-shortcut,.dp4-open-catalog{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid #303640;background:#12151a;color:#d8dde4;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.04em;border-radius:5px;cursor:pointer}.dp4-catalog-search button{background:var(--dp4-accent);color:#090a0c;border-color:var(--dp4-accent)}.dp4-full-catalog-list{border:1px solid var(--dp4-line);background:#0d0f12}.dp4-catalog-pagination{padding:22px 0}.dp4-catalog-pagination .nav-links{display:flex;gap:6px;flex-wrap:wrap}.dp4-catalog-pagination .page-numbers{padding:8px 11px;border:1px solid #303640;color:#cfd4db;text-decoration:none}.dp4-catalog-pagination .current{background:var(--dp4-accent);color:#090a0c;border-color:var(--dp4-accent)}@media(max-width:980px){.dp4-catalog-trigger b{display:none}.dp4-catalog-trigger{width:38px;justify-content:center;padding:0}.dp4-catalog-head{align-items:flex-start}.dp4-catalog-toolbar{flex-wrap:wrap}.dp4-catalog-search{flex-basis:100%}}@media(max-width:760px){.dp4-catalog-head{display:block}.dp4-catalog-count{text-align:left;margin-top:18px}.dp4-catalog-shortcut,.dp4-open-catalog{flex:1}.dp4-catalog-page{padding-top:4px}}

/* v26.51: collapsible left navigation + PWA/mobile hardening */
.dp4-sidebar-toggle{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--dp4-line);border-radius:6px;background:#111419;color:#fff;cursor:pointer;font-size:18px;line-height:1}.dp4-sidebar-toggle:hover{border-color:#434b57;background:#181c22}.dp4-sidebar-close{position:absolute;right:10px;top:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid #2e343d;border-radius:5px;background:#111419;color:#9ca4ae;font-size:20px;cursor:pointer;opacity:0;pointer-events:none}.dp4-sidebar-close:hover{background:var(--dp4-accent);border-color:var(--dp4-accent);color:#090a0c}
html.dp4-sidebar-collapsed{--dp4-side:0px}html.dp4-sidebar-collapsed .dp4-sidebar{transform:translateX(-100%)}html.dp4-sidebar-collapsed .dp4-workspace{margin-left:0}html.dp4-sidebar-collapsed .dp-global-player{left:0!important;width:100%!important}.dp4-sidebar{transition:transform .22s ease,width .22s ease}.dp4-workspace{transition:margin-left .22s ease}.dp-global-player{transition:left .22s ease,width .22s ease}
@media(min-width:761px){html:not(.dp4-sidebar-collapsed) .dp4-sidebar-toggle{background:#171a1f}html:not(.dp4-sidebar-collapsed) .dp4-sidebar-toggle span{color:var(--dp4-accent)}}
@media(max-width:760px){
  .dp4-sidebar{display:flex!important;width:min(300px,86vw)!important;transform:translateX(-105%);padding:22px 18px 116px;box-shadow:18px 0 60px rgba(0,0,0,.58);z-index:10080}.dp4-sidebar-close{opacity:1;pointer-events:auto}.dp4-side-label,.dp4-side-nav b{display:block!important}.dp4-side-nav a{justify-content:flex-start!important;padding:10px 11px!important}.dp4-side-nav a span{font-size:16px!important}.dp4-logo img{width:142px!important;object-fit:contain!important}.dp4-workspace{margin-left:0!important}.dp4-sidebar-toggle{display:inline-flex!important;z-index:10082}.dp-mobile-menu-toggle{display:none!important}.dp4-mobile-menu{display:none!important}
  html.dp4-sidebar-mobile-open .dp4-sidebar{transform:translateX(0)}html.dp4-sidebar-mobile-open:before{content:'';position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(2px);z-index:10070}.dp4-commandbar{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-top:env(safe-area-inset-top);height:calc(var(--dp4-top) + env(safe-area-inset-top))}.dp4-content{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:calc(118px + env(safe-area-inset-bottom))}.dp-global-player{padding-bottom:env(safe-area-inset-bottom)!important}.dp4-catalog-panel{padding-bottom:calc(90px + env(safe-area-inset-bottom))!important}.dp4-global-search{min-width:0}.dp4-global-search input{min-width:0}.dp4-command-actions{gap:4px}.dp4-command-actions .dp4-account{font-size:0;width:38px;padding:0;justify-content:center}.dp4-command-actions .dp4-account:before{content:'◉';font-size:15px}.dp4-catalog-trigger{width:38px!important}.dp4-catalog-trigger b{display:none!important}
}

/* v26.51: pełny katalog gatunków na stronie Muzyka */
.dp4-music-genres{margin:8px 0 22px;border:1px solid var(--dp4-line);background:#0d0f12;padding:18px}.dp4-music-genres-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.dp4-music-genres-head h2{margin:5px 0 0;font-size:26px;letter-spacing:-.035em}.dp4-music-genres-head>strong{font-size:9px;letter-spacing:.14em;color:#69717c}.dp4-music-genres-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.dp4-music-genre-card{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 12px;border:1px solid #252b33;background:#111419;color:#d7dce3;text-decoration:none;border-radius:5px;font-size:11px;font-weight:800;transition:.15s ease}.dp4-music-genre-card b{color:#727b86;font-size:10px}.dp4-music-genre-card:hover{background:#171b21;border-color:#454d58;color:#fff;transform:translateY(-1px)}.dp4-music-genre-card:hover b{color:var(--dp4-accent)}@media(max-width:1280px){.dp4-music-genres-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.dp4-music-genres-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.dp4-music-genres{padding:12px}.dp4-music-genres-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dp4-music-genres-head{align-items:flex-start}.dp4-music-genres-head h2{font-size:22px}}

/* v26.53: lewe menu stale widoczne, bez chowania */
html{--dp4-side:220px!important}
.dp4-sidebar{display:flex!important;transform:none!important;visibility:visible!important;opacity:1!important}
.dp4-sidebar-toggle,.dp4-sidebar-close{display:none!important}
.dp4-workspace{margin-left:var(--dp4-side)!important}
.dp-global-player{left:var(--dp4-side)!important;width:calc(100% - var(--dp4-side))!important}
html.dp4-sidebar-collapsed{--dp4-side:220px!important}
html.dp4-sidebar-collapsed .dp4-sidebar{transform:none!important}
html.dp4-sidebar-collapsed .dp4-workspace{margin-left:var(--dp4-side)!important}
html.dp4-sidebar-collapsed .dp-global-player{left:var(--dp4-side)!important;width:calc(100% - var(--dp4-side))!important}
@media(max-width:1180px) and (min-width:761px){html{--dp4-side:74px!important}.dp4-sidebar{width:74px!important;transform:none!important}.dp4-workspace{margin-left:74px!important}.dp-global-player{left:74px!important;width:calc(100% - 74px)!important}}
@media(max-width:760px){html{--dp4-side:62px!important}.dp4-sidebar{display:flex!important;position:fixed!important;inset:0 auto 0 0!important;width:62px!important;transform:none!important;padding:12px 7px 100px!important;box-shadow:none!important;z-index:10080!important}.dp4-logo{padding:0 2px 14px!important}.dp4-logo img{width:46px!important;height:auto!important;object-fit:contain!important}.dp4-side-label,.dp4-side-nav b{display:none!important}.dp4-side-nav{gap:4px!important}.dp4-side-nav a{justify-content:center!important;padding:10px 6px!important}.dp4-side-nav a span{width:auto!important;font-size:18px!important}.dp4-workspace{margin-left:62px!important}.dp4-commandbar{padding-left:10px!important}.dp4-content{padding-left:10px!important}.dp-global-player{left:62px!important;width:calc(100% - 62px)!important}.dp4-sidebar-close,.dp4-sidebar-toggle,.dp-mobile-menu-toggle{display:none!important}html.dp4-sidebar-mobile-open:before{display:none!important}}

/* v26.56: square pro UI + interactive hover system */
:root{--dp4-hover:#181d23;--dp4-hover-line:#4a535f;--dp4-hover-glow:rgba(255,90,0,.14)}

/* Square geometry across the public DJPORT interface */
.dp4-workspace *,
.dp4-sidebar *,
.dp4-commandbar *,
.dp-global-player *,
.dp4-footer *,
.dp-header-search *,
.dp-modal *,
.dp-toast *,
.dp-notice *{border-radius:0!important}

/* Preserve circular micro-indicators only where shape carries meaning */
.dp4-workspace .dp-status-dot,
.dp4-workspace .dp-live-dot,
.dp4-sidebar .dp-status-dot,
.dp4-commandbar .dp-status-dot{border-radius:50%!important}

/* Hard-edged controls */
.dp4-workspace button,.dp4-workspace .button,.dp4-workspace input,.dp4-workspace select,.dp4-workspace textarea,
.dp4-sidebar button,.dp4-sidebar a,
.dp4-commandbar button,.dp4-commandbar a,.dp4-commandbar input,
.dp-global-player button,.dp-global-player input,
.dp-btn,.dp-mini-btn,.dp-download-btn,.dp-play,.dp-like-btn,.dp-share-mini,.dp-user-badge,
.dp-card,.dp-panel,.dp-track-card,.dp-playlist-box,.dp-alert,.dp-alert-ok,.dp-alert-error,
.dp-profile-stats span,.dp-coins-info-grid div,.dp-coins-info-list div,.dp-coins-info-item,
.dp-premium-renew-box,.dp-contact-form input,.dp-contact-form select,.dp-contact-form textarea{border-radius:0!important}

/* Universal interactive motion */
.dp4-side-nav a,
.dp4-catalog-group nav a,
.dp4-music-genre-card,
.dp4-catalog-shortcut,.dp4-open-catalog,.dp4-catalog-trigger,.dp4-catalog-search button,
.dp4-workspace .dp-btn,.dp4-workspace .dp-mini-btn,.dp4-workspace .dp-download-btn,.dp4-workspace .dp-play,
.dp4-workspace .dp-like-btn,.dp4-workspace .dp-share-mini,
.dp4-workspace .dp-card,.dp4-workspace .dp-panel,.dp4-workspace .dp-track-card,
.dp4-workspace .dp-stats-card,.dp4-workspace .dp-stat-card,
.dp4-workspace .dp-rank-tabs a,.dp4-workspace .dp-rank-tabs button,
.dp4-workspace .dp-fav-category-tab,
.dp4-workspace .dp-pagination a,.dp4-workspace .page-numbers,
.dp4-workspace .dp-tool-card,.dp4-workspace .dp-action-card,
.dp4-workspace .dp-playlist-box,
.dp-global-player button,
.dp4-commandbar button,.dp4-commandbar a{
  transition:transform .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease!important;
}

/* Links/cards wake up on hover */
.dp4-side-nav a:hover,
.dp4-catalog-group nav a:hover,
.dp4-music-genre-card:hover,
.dp4-catalog-shortcut:hover,.dp4-open-catalog:hover,.dp4-catalog-trigger:hover,
.dp4-workspace .dp-card:hover,.dp4-workspace .dp-panel:hover,.dp4-workspace .dp-track-card:hover,
.dp4-workspace .dp-stats-card:hover,.dp4-workspace .dp-stat-card:hover,
.dp4-workspace .dp-tool-card:hover,.dp4-workspace .dp-action-card:hover,
.dp4-workspace .dp-playlist-box:hover{
  transform:translateY(-2px)!important;
  border-color:var(--dp4-hover-line)!important;
  background-color:var(--dp4-hover)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 0 1px var(--dp4-hover-glow)!important;
}

/* Compact controls move laterally instead of floating */
.dp4-workspace .dp-btn:hover,.dp4-workspace .dp-mini-btn:hover,.dp4-workspace .dp-download-btn:hover,
.dp4-workspace .dp-like-btn:hover,.dp4-workspace .dp-share-mini:hover,
.dp4-workspace .dp-rank-tabs a:hover,.dp4-workspace .dp-rank-tabs button:hover,
.dp4-workspace .dp-fav-category-tab:hover,.dp4-workspace .page-numbers:hover,
.dp4-commandbar button:hover,.dp4-commandbar a:hover,.dp-global-player button:hover{
  transform:translateX(2px)!important;
  border-color:var(--dp4-accent)!important;
  box-shadow:0 0 0 1px rgba(255,90,0,.18),0 7px 20px rgba(0,0,0,.24)!important;
}

/* Track rows: clear DJ-library feedback */
.dp4-workspace .dp-row,.dp4-workspace .dp-table tbody tr{
  transition:transform .13s ease,background-color .13s ease,border-color .13s ease,box-shadow .13s ease!important;
}
.dp4-workspace .dp-row:hover,.dp4-workspace .dp-table tbody tr:hover{
  transform:translateX(3px)!important;
  background:#151a20!important;
  box-shadow:inset 3px 0 0 var(--dp4-accent)!important;
}

/* Genre tiles get a sharper highlighted edge */
.dp4-music-genre-card:hover{
  transform:translateX(3px)!important;
  border-color:var(--dp4-accent)!important;
  box-shadow:inset 3px 0 0 var(--dp4-accent),0 8px 20px rgba(0,0,0,.24)!important;
}
.dp4-music-genre-card:hover b{color:var(--dp4-accent)!important}

/* Inputs feel like console controls */
.dp4-workspace input:focus,.dp4-workspace select:focus,.dp4-workspace textarea:focus,
.dp4-commandbar input:focus,.dp-header-search input:focus{
  border-color:var(--dp4-accent)!important;
  box-shadow:inset 3px 0 0 var(--dp4-accent)!important;
  outline:0!important;
}

/* Player and artwork follow square system */
.dp-global-cover,.dp-track-cover,.dp-cover,.dp-artwork,.dp4-track-art img,.dp-brand-logo,.dp-brand-logo-row,.dp-brand-logo-account{border-radius:0!important}
.dp-global-play{border-radius:0!important}
.dp-global-bar,.dp-global-progress{border-radius:0!important}

/* Avoid hover movement on touch devices */
@media(hover:none){
  .dp4-workspace *:hover,.dp4-sidebar *:hover,.dp4-commandbar *:hover,.dp-global-player *:hover{transform:none!important}
}

/* v26.60 — homepage editorial jump cards FIX */
.dp4-feature-jumps{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 22px}.dp4-feature-card{position:relative;min-height:285px;overflow:hidden;border:1px solid #2b3037;background:#0b0d10;color:#fff;text-decoration:none!important;isolation:isolate;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.dp4-feature-card:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,7,9,.94) 0%,rgba(6,7,9,.72) 43%,rgba(6,7,9,.08) 100%),linear-gradient(0deg,rgba(6,7,9,.78),transparent 62%)}.dp4-feature-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;z-index:5;background:var(--dp4-accent);transform:scaleX(.12);transform-origin:left;transition:transform .3s ease}.dp4-feature-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;filter:saturate(.72) contrast(1.15) brightness(.7);transform:scale(1.02);transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .3s ease}.dp4-feature-top .dp4-feature-bg{background-position:center 42%}.dp4-feature-flash{position:absolute;z-index:2;top:-35%;left:-28%;width:28%;height:175%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:rotate(14deg) translateX(-220%);pointer-events:none}.dp4-feature-index{position:absolute;z-index:3;right:22px;top:18px;color:rgba(255,255,255,.34);font-size:11px;font-weight:950;letter-spacing:.18em}.dp4-feature-copy{position:absolute;z-index:3;left:28px;bottom:26px;display:block;max-width:78%}.dp4-feature-copy small{display:block;margin-bottom:10px;color:var(--dp4-accent);font-size:9px;font-weight:950;letter-spacing:.2em}.dp4-feature-copy strong{display:block;color:#fff;font-size:clamp(38px,4.1vw,66px);line-height:.82;letter-spacing:-.06em;font-weight:950}.dp4-feature-copy em{display:block;margin-top:15px;color:#aeb5bf;font-size:11px;font-style:normal;font-weight:700;letter-spacing:.03em}.dp4-feature-arrow{position:absolute;z-index:4;right:20px;bottom:18px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.32);font-size:20px;transition:background .2s ease,color .2s ease,transform .2s ease}.dp4-feature-top:after{background:#f2f4f6}.dp4-feature-card:hover{transform:translateY(-4px);border-color:#59616c;box-shadow:0 22px 60px rgba(0,0,0,.38)}.dp4-feature-card:hover:after{transform:scaleX(1)}.dp4-feature-card:hover .dp4-feature-bg{transform:scale(1.07);filter:saturate(.95) contrast(1.18) brightness(.82)}.dp4-feature-card:hover .dp4-feature-flash{animation:dp4FeatureSweep .7s ease}.dp4-feature-card:hover .dp4-feature-arrow{background:#fff;color:#070809;transform:translate(2px,2px)}@keyframes dp4FeatureSweep{0%{transform:rotate(14deg) translateX(-220%)}100%{transform:rotate(14deg) translateX(650%)}}.dp4-radar-original{margin:0 0 22px!important;border:1px solid var(--dp4-line)!important;background:#0d0f12!important}.dp4-radar-original>.dp-wrap{padding:22px!important}.dp4-radar-original .dp-section-head{margin-bottom:16px!important}.dp4-radar-original .dp-section-head h2{margin:4px 0 0!important}.dp4-radar-original .dp-kicker{color:var(--dp4-accent)!important;font-size:9px!important;font-weight:950!important;letter-spacing:.17em!important;text-transform:uppercase}.dp4-radar-original .dp-muted{font-size:11px!important;color:#777f89!important}
@media(max-width:900px){.dp4-feature-jumps{grid-template-columns:1fr}.dp4-feature-card{min-height:235px}.dp4-feature-copy strong{font-size:48px}}
@media(max-width:560px){.dp4-feature-card{min-height:205px}.dp4-feature-copy{left:20px;bottom:20px}.dp4-feature-copy strong{font-size:40px}.dp4-feature-copy em{font-size:10px}.dp4-feature-arrow{width:36px;height:36px;right:14px;bottom:14px}}
@media(hover:none){.dp4-feature-card:hover{transform:none;box-shadow:none}.dp4-feature-card:hover .dp4-feature-bg{transform:scale(1.02)}}

/* v26.60 — feature cards + top-right actions hardening */
.dp4-commandbar{padding-right:12px!important}
.dp4-command-actions{margin-left:auto!important;flex:0 0 auto!important;justify-content:flex-end!important}
.dp4-command-actions .dp4-upload,.dp4-command-actions .dp4-account,.dp4-command-actions .dp4-lang{white-space:nowrap}
.dp4-feature-jumps{position:relative;z-index:1}
.dp4-feature-card{display:block!important;position:relative!important;min-height:285px!important;overflow:hidden!important;background:#0b0d10!important}
.dp4-feature-bg{display:block!important;position:absolute!important;inset:0!important;z-index:0!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important;opacity:1!important}
.dp4-feature-card:before{display:block!important;z-index:1!important}
.dp4-feature-flash,.dp4-feature-index,.dp4-feature-copy,.dp4-feature-arrow{display:block;position:absolute}
.dp4-feature-copy{z-index:3!important}
.dp4-feature-arrow{display:grid!important}
@media(max-width:900px){.dp4-commandbar{padding-right:8px!important}.dp4-command-actions{margin-left:auto!important}.dp4-feature-card{min-height:235px!important}}

/* DJPort v26.65: compact Beatport-style catalogue player */
.dp-table .dp-player-cell{width:64px!important;min-width:64px!important;max-width:64px!important;padding-left:8px!important;padding-right:8px!important;text-align:center!important}
.dp-table .dp-track-player-wrap{width:42px!important;min-width:42px!important;max-width:42px!important;margin:0 auto!important;overflow:visible!important}
.dp-table .dp-compact-track-player{display:flex!important;width:42px!important;min-width:42px!important;max-width:42px!important;min-height:42px!important;padding:0!important;margin:0!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;box-shadow:none!important}
.dp-table .dp-compact-track-player .dp-play{width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;flex:0 0 40px!important}
@media(max-width:980px){.dp-table .dp-player-cell{width:auto!important;min-width:0!important;max-width:none!important;text-align:left!important}.dp-table .dp-track-player-wrap{margin:0!important}}


/* DJPort v26.66: logo-as-play + compact technical strip */
.dp-table .dp-player-cell{
  width:300px!important;
  min-width:300px!important;
  max-width:300px!important;
  padding:6px 10px!important;
  vertical-align:middle!important;
  text-align:left!important;
}
.dp-table .dp-track-player-wrap{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  overflow:visible!important;
}
.dp-table .dp-compact-track-player{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:46px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.dp-table .dp-compact-track-player .dp-logo-play{
  position:relative!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  flex:0 0 46px!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  background:#0b0d10!important;
  cursor:pointer!important;
}
.dp-table .dp-logo-play img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.dp-table .dp-logo-play-overlay{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:16px!important;
  line-height:1!important;
  background:rgba(0,0,0,.34)!important;
  color:#fff!important;
  opacity:0!important;
  transition:opacity .16s ease, background .16s ease!important;
}
.dp-table .dp-logo-play:hover .dp-logo-play-overlay,
.dp-table .dp-logo-play:focus-visible .dp-logo-play-overlay,
.dp-table .dp-compact-track-player.is-playing .dp-logo-play-overlay{
  opacity:1!important;
  background:rgba(0,0,0,.50)!important;
}
.dp-table .dp-track-tech{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:5px 10px!important;
  min-width:0!important;
  font-size:11px!important;
  line-height:1.15!important;
  color:var(--dp-muted,#9ba3af)!important;
}
.dp-table .dp-track-tech span{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:4px!important;
  white-space:nowrap!important;
}
.dp-table .dp-track-tech strong{
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  opacity:.7!important;
}
.dp-table .dp-track-tech .dp-energy-pill{
  padding:4px 6px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.035)!important;
}
.dp-table .dp-track-tech .dp-energy-pill em{
  font-style:normal!important;
  font-weight:700!important;
  color:inherit!important;
}
.dp-table tr{
  min-height:58px!important;
}
.dp-table td{
  padding-top:6px!important;
  padding-bottom:6px!important;
}
@media(max-width:1180px){
  .dp-table .dp-player-cell{
    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;
  }
  .dp-table .dp-track-tech{gap:4px 7px!important;font-size:10px!important}
}
@media(max-width:980px){
  .dp-table .dp-player-cell{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
  .dp-table .dp-compact-track-player{
    grid-template-columns:44px minmax(0,1fr)!important;
  }
  .dp-table .dp-compact-track-player .dp-logo-play{
    width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;
  }
}


/* DJPort v26.67: readable added date/time + tidy row actions */
.dp-table .dp-added{
  white-space:nowrap!important;
  line-height:1.1!important;
}
.dp-table .dp-added-date{
  display:block!important;
  font-size:10px!important;
  font-weight:750!important;
  color:#c8cbd1!important;
  letter-spacing:.015em!important;
  white-space:nowrap!important;
}
.dp-table .dp-added-time{
  display:block!important;
  margin-top:4px!important;
  font-size:9px!important;
  font-weight:700!important;
  color:#777e89!important;
  letter-spacing:.055em!important;
  white-space:nowrap!important;
}
.dp-table .dp-added-time:before{
  content:""!important;
  display:none!important;
}

/* Favorites + Play after: compact, balanced pair */
.dp-table .dp-fav-only-tools{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:6px!important;
  width:min(100%,300px)!important;
  max-width:300px!important;
  margin-top:8px!important;
  align-items:stretch!important;
}
.dp-table .dp-fav-only-tools .dp-inline-form{
  display:block!important;
  width:100%!important;
  margin:0!important;
}
.dp-table .dp-fav-only-tools .dp-mini-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
  min-height:30px!important;
  margin:0!important;
  padding:6px 9px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.035)!important;
  color:#cdd1d7!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.dp-table .dp-fav-only-tools .dp-mini-btn .dp-btn-ico{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  font-size:12px!important;
  line-height:1!important;
}
.dp-table .dp-fav-only-tools .dp-fav-btn:hover,
.dp-table .dp-fav-only-tools .dp-fav-btn.is-active{
  border-color:rgba(255,105,0,.55)!important;
  background:rgba(255,105,0,.12)!important;
  color:#fff!important;
}
.dp-table .dp-fav-only-tools .dp-transition-find-btn{
  margin-top:0!important;
}
.dp-table .dp-fav-only-tools .dp-transition-find-btn:hover{
  border-color:rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
@media(max-width:980px){
  .dp-table .dp-added-date,
  .dp-table .dp-added-time{
    display:inline-block!important;
  }
  .dp-table .dp-added-time{
    margin-top:0!important;
    margin-left:6px!important;
  }
  .dp-table .dp-added-time:before{
    content:"•"!important;
    display:inline!important;
    margin-right:6px!important;
    opacity:.55!important;
  }
  .dp-table .dp-fav-only-tools{
    width:100%!important;
    max-width:340px!important;
  }
}


/* DJPort v26.68: PLAY is the DJPORT cover on the LEFT; metadata sits to its right */
.dp-table .dp-compact-track-player{
  grid-template-columns:44px minmax(0,1fr)!important;
  grid-template-areas:"cover tech"!important;
  justify-content:start!important;
  justify-items:start!important;
  text-align:left!important;
}
.dp-table .dp-compact-track-player .dp-logo-play{
  grid-area:cover!important;
  justify-self:start!important;
  align-self:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  max-width:44px!important;
}
.dp-table .dp-compact-track-player .dp-track-tech{
  grid-area:tech!important;
  justify-self:stretch!important;
  align-self:center!important;
  width:100%!important;
  text-align:left!important;
}


/* DJPort v26.69: PLAY lives ON the DJPORT cover, pinned to the cover's right side.
   Technical strip stays separate and the whole block is narrower. */
.dp-table .dp-player-cell{
  width:255px!important;
  min-width:255px!important;
  max-width:255px!important;
  padding:5px 8px!important;
}
.dp-table .dp-compact-track-player{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  width:100%!important;
  min-height:40px!important;
}
.dp-table .dp-compact-track-player .dp-logo-play{
  position:relative!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  overflow:hidden!important;
  padding:0!important;
  border:0!important;
}
.dp-table .dp-logo-play img{
  width:40px!important;
  height:40px!important;
  object-fit:cover!important;
  display:block!important;
}
.dp-table .dp-logo-play-overlay{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  width:17px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:10px!important;
  line-height:1!important;
  color:#fff!important;
  background:rgba(0,0,0,.62)!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:none!important;
}
.dp-table .dp-logo-play:hover .dp-logo-play-overlay,
.dp-table .dp-logo-play:focus-visible .dp-logo-play-overlay,
.dp-table .dp-compact-track-player.is-playing .dp-logo-play-overlay{
  opacity:1!important;
  background:rgba(0,0,0,.78)!important;
}
.dp-table .dp-track-tech{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:4px 8px!important;
  width:100%!important;
  min-width:0!important;
  font-size:10px!important;
  line-height:1.1!important;
}
.dp-table .dp-track-tech span{
  display:flex!important;
  align-items:baseline!important;
  gap:3px!important;
  min-width:0!important;
  white-space:nowrap!important;
}
.dp-table .dp-track-tech strong{
  font-size:8px!important;
  letter-spacing:.05em!important;
}
.dp-table .dp-track-tech .dp-energy-pill{
  padding:3px 5px!important;
}
.dp-table tr{
  min-height:52px!important;
}
.dp-table td{
  padding-top:5px!important;
  padding-bottom:5px!important;
}
@media(max-width:1180px){
  .dp-table .dp-player-cell{
    width:225px!important;
    min-width:225px!important;
    max-width:225px!important;
  }
}
@media(max-width:980px){
  .dp-table .dp-player-cell{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
}


/* DJPort v26.70 — PWA/mobile only.
   Desktop/Windows layout is intentionally untouched. */
@media (max-width: 820px){

  /* Restore natural document scrolling in PWA/mobile */
  html,
  body{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y!important;
  }

  body.dp4-app-shell,
  body.dp4-shell-active{
    position:static!important;
    height:auto!important;
    min-height:100vh!important;
    overflow:visible!important;
  }

  .dp4-app,
  .dp4-shell,
  .dp4-main,
  .dp4-content,
  .dp4-page,
  .site,
  .site-content,
  main{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  /* Keep only the global player fixed; content must remain scrollable above it */
  body{
    padding-bottom:92px!important;
  }

  /* Left rail remains compact and fixed */
  .dp4-sidebar{
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    left:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .dp4-commandbar{
    left:58px!important;
    right:0!important;
    width:auto!important;
    min-width:0!important;
  }

  .dp4-main,
  .dp4-content,
  .dp4-page{
    margin-left:58px!important;
    width:calc(100% - 58px)!important;
    max-width:none!important;
  }

  /* Right catalogue drawer becomes a proper mobile sheet, not a thin right column */
  .dp4-catalog-drawer,
  .dp4-right-drawer,
  .dp4-drawer-right{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:58px!important;
    width:calc(100vw - 58px)!important;
    max-width:none!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    z-index:9998!important;
    padding:72px 14px 110px!important;
    box-sizing:border-box!important;
  }

  .dp4-catalog-drawer .dp4-drawer-inner,
  .dp4-right-drawer .dp4-drawer-inner,
  .dp4-drawer-right .dp4-drawer-inner{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }

  .dp4-catalog-drawer a,
  .dp4-right-drawer a,
  .dp4-drawer-right a,
  .dp4-catalog-drawer button,
  .dp4-right-drawer button,
  .dp4-drawer-right button{
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    line-height:1.25!important;
  }

  /* Genres/categories list: single readable column */
  .dp4-catalog-drawer .dp4-genre-grid,
  .dp4-right-drawer .dp4-genre-grid,
  .dp4-drawer-right .dp4-genre-grid,
  .dp4-catalog-drawer .genre-grid,
  .dp4-right-drawer .genre-grid,
  .dp4-drawer-right .genre-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    width:100%!important;
  }

  /* Tables can scroll horizontally without locking the page vertically */
  .dp-table-wrap,
  .dp4-table-wrap,
  .table-responsive{
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x pan-y!important;
  }

  /* Do not let any app-shell overlay eat vertical swipes when closed */
  .dp4-overlay:not(.is-open),
  .dp4-drawer-overlay:not(.is-open){
    pointer-events:none!important;
  }
}

/* Installed PWA can be slightly tighter, still mobile-only */
@media (display-mode: standalone) and (max-width: 820px){
  .dp4-commandbar{
    padding-top:max(8px, env(safe-area-inset-top))!important;
  }
  .dp4-catalog-drawer,
  .dp4-right-drawer,
  .dp4-drawer-right{
    padding-bottom:calc(110px + env(safe-area-inset-bottom))!important;
  }
}


/* DJPort v26.71 — restore previous mobile/right-panel text layout.
   Keep scrolling fix, but undo the full-screen mobile drawer redesign. */
@media (max-width: 820px){

  /* Restore prior right-side catalogue drawer proportions and typography */
  .dp4-catalog-drawer,
  .dp4-right-drawer,
  .dp4-drawer-right{
    left:auto!important;
    right:0!important;
    width:min(86vw,360px)!important;
    max-width:360px!important;
    height:100dvh!important;
    max-height:100dvh!important;
    padding:72px 16px 110px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .dp4-catalog-drawer .dp4-drawer-inner,
  .dp4-right-drawer .dp4-drawer-inner,
  .dp4-drawer-right .dp4-drawer-inner{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }

  .dp4-catalog-drawer a,
  .dp4-right-drawer a,
  .dp4-drawer-right a,
  .dp4-catalog-drawer button,
  .dp4-right-drawer button,
  .dp4-drawer-right button{
    min-height:0!important;
    width:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    white-space:normal!important;
    line-height:1.25!important;
    text-align:left!important;
  }

  .dp4-catalog-drawer .dp4-genre-grid,
  .dp4-right-drawer .dp4-genre-grid,
  .dp4-drawer-right .dp4-genre-grid,
  .dp4-catalog-drawer .genre-grid,
  .dp4-right-drawer .genre-grid,
  .dp4-drawer-right .genre-grid{
    display:block!important;
    width:100%!important;
  }
}

/* PLAY exists ONLY on the DJPORT cover. No separate play glyph/button beside metadata. */
.dp-table .dp-compact-track-player{
  grid-template-columns:40px minmax(0,1fr)!important;
}
.dp-table .dp-compact-track-player .dp-logo-play{
  position:relative!important;
  display:block!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  background:transparent!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
}
.dp-table .dp-logo-play img{
  display:block!important;
  width:40px!important;
  height:40px!important;
  object-fit:cover!important;
}
.dp-table .dp-logo-play-overlay{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  width:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(0,0,0,.62)!important;
  opacity:1!important;
  pointer-events:none!important;
}
.dp-table .dp-logo-play-overlay::before{
  content:"▶"!important;
  display:block!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:1!important;
  transform:translateX(1px)!important;
}
.dp-table .dp-logo-play:hover .dp-logo-play-overlay,
.dp-table .dp-logo-play:focus-visible .dp-logo-play-overlay{
  background:rgba(0,0,0,.82)!important;
}


/* DJPort v26.72 — structural fix:
   PLAY is physically in the LEFT cover cell. Right cell = metadata only. */
.dp-table .dp-cover-cell{
  width:50px!important;
  min-width:50px!important;
  max-width:50px!important;
  padding:5px 5px 5px 8px!important;
  vertical-align:middle!important;
}
.dp-table .dp-cover-player{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.dp-table .dp-cover-play{
  position:relative!important;
  display:block!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  background:#0b0d10!important;
  cursor:pointer!important;
  font-size:0!important;
  line-height:0!important;
}
.dp-table .dp-cover-play img{
  display:block!important;
  width:42px!important;
  height:42px!important;
  object-fit:cover!important;
}
.dp-table .dp-cover-play-icon{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(0,0,0,.66)!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:1!important;
  pointer-events:none!important;
}
.dp-table .dp-cover-play:hover .dp-cover-play-icon,
.dp-table .dp-cover-play:focus-visible .dp-cover-play-icon{
  background:rgba(0,0,0,.84)!important;
}

/* Right side: larger readable metadata, no player button */
.dp-table .dp-tech-cell{
  width:235px!important;
  min-width:235px!important;
  max-width:235px!important;
  padding:5px 8px!important;
  vertical-align:middle!important;
}
.dp-table .dp-track-tech-panel{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  width:100%!important;
  align-items:stretch!important;
}
.dp-table .dp-track-tech-panel > span{
  display:flex!important;
  min-width:0!important;
  min-height:38px!important;
  padding:5px 6px!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.025)!important;
  overflow:hidden!important;
}
.dp-table .dp-track-tech-panel small{
  display:block!important;
  margin-bottom:2px!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  color:#737b87!important;
  white-space:nowrap!important;
}
.dp-table .dp-track-tech-panel strong{
  display:block!important;
  max-width:100%!important;
  font-size:12px!important;
  line-height:1.05!important;
  font-weight:850!important;
  color:#e7e9ed!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.dp-table .dp-track-tech-panel em{
  display:block!important;
  margin-top:2px!important;
  max-width:100%!important;
  font-style:normal!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:800!important;
  color:#9ca3ad!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.dp-table .dp-title-cell{
  padding-left:6px!important;
}
.dp-table tr{
  min-height:50px!important;
}
.dp-table td{
  padding-top:5px!important;
  padding-bottom:5px!important;
}

@media(max-width:1180px){
  .dp-table .dp-tech-cell{
    width:210px!important;
    min-width:210px!important;
    max-width:210px!important;
  }
  .dp-table .dp-track-tech-panel{
    gap:4px!important;
  }
  .dp-table .dp-track-tech-panel > span{
    padding:4px!important;
  }
}
@media(max-width:980px){
  .dp-table .dp-cover-cell,
  .dp-table .dp-tech-cell{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
  .dp-table .dp-track-tech-panel{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* DJPort v26.73 — Beatport-like Artist Collections */
.dp4-artist-collections{margin:18px 0 22px;padding:18px 0 4px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.07)}
.dp4-collection-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 13px}
.dp4-collection-head>div:first-child>span{display:block;color:#ff6a00;font-size:9px;font-weight:900;letter-spacing:.14em}
.dp4-collection-head h2{margin:3px 0 2px;color:#f4f5f7;font-size:22px;line-height:1;font-weight:900;letter-spacing:-.6px}
.dp4-collection-head p{margin:0;color:#7f8792;font-size:10px}
.dp4-collection-nav{display:flex;gap:6px}
.dp4-collection-nav button{width:32px;height:32px;border:1px solid rgba(255,255,255,.12);background:#101318;color:#e8eaed;font-size:14px;cursor:pointer}
.dp4-collection-nav button:hover{border-color:#ff6a00;color:#ff6a00}
.dp4-collection-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(178px,1fr);grid-template-rows:1fr;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 0 14px;scrollbar-width:thin}
.dp4-collection-card{min-width:178px;scroll-snap-align:start}
.dp4-collection-art{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:
radial-gradient(circle at 78% 14%,hsla(var(--ac-h2),85%,58%,.38),transparent 33%),
radial-gradient(circle at 15% 83%,hsla(var(--ac-h1),90%,55%,.27),transparent 42%),
linear-gradient(145deg,#12161d 0%,#090b0f 58%,#050608 100%);color:#fff;text-decoration:none}
.dp4-collection-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 43%,rgba(0,0,0,.85) 100%);pointer-events:none}
.dp4-collection-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:22px 22px;transform:perspective(500px) rotateX(58deg) scale(1.65);transform-origin:50% 85%}
.dp4-collection-wave{position:absolute;left:14px;right:14px;top:45%;height:42px;display:flex;align-items:center;gap:3px;opacity:.9}
.dp4-collection-wave i{display:block;flex:1;height:calc(9px + (var(--n) * 2.1px));max-height:38px;background:linear-gradient(180deg,hsla(var(--ac-h2),90%,70%,.95),hsla(var(--ac-h1),90%,50%,.5))}
.dp4-collection-brand{position:absolute;top:12px;left:12px;z-index:2;display:flex;flex-direction:column;line-height:1}
.dp4-collection-brand b{font-size:12px;letter-spacing:-.4px}
.dp4-collection-brand em{margin-top:3px;color:rgba(255,255,255,.62);font-size:6px;font-style:normal;font-weight:800;letter-spacing:.14em}
.dp4-collection-art>strong{position:absolute;z-index:2;left:12px;right:12px;bottom:27px;font-size:18px;line-height:.98;letter-spacing:-.6px;text-shadow:0 2px 12px #000}
.dp4-collection-art>small{position:absolute;z-index:2;left:12px;bottom:11px;color:#ff8b43;font-size:7px;font-weight:900;letter-spacing:.12em}
.dp4-collection-art:hover{border-color:rgba(255,106,0,.75)}
.dp4-collection-meta{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:5px;padding-top:7px}
.dp4-collection-meta>a:first-child{min-width:0;color:#eef0f3;text-decoration:none}
.dp4-collection-meta b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.dp4-collection-meta span{display:block;margin-top:2px;color:#737b86;font-size:8px}
.dp4-collection-zip{display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,106,0,.34);background:rgba(255,106,0,.06);color:#ff7b28!important;font-size:8px;font-weight:900;text-decoration:none}
.dp4-collection-zip:hover{background:#ff6a00;color:#090a0c!important}

.dp4-collection-detail{padding:18px 0 40px}
.dp4-collection-back{display:inline-block;margin:0 0 13px;color:#9198a3;font-size:10px;font-weight:800;text-decoration:none}
.dp4-collection-detail-head{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;margin-bottom:20px;padding:18px;border:1px solid rgba(255,255,255,.09);background:#0c0f14}
.dp4-collection-detail-art{position:relative;aspect-ratio:1;overflow:hidden;background:
radial-gradient(circle at 78% 14%,hsla(var(--ac-h2),85%,58%,.38),transparent 33%),
radial-gradient(circle at 15% 83%,hsla(var(--ac-h1),90%,55%,.27),transparent 42%),
linear-gradient(145deg,#12161d,#050608)}
.dp4-collection-detail-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.84))}
.dp4-collection-detail-art .dp4-collection-brand{top:16px;left:16px}
.dp4-collection-detail-art>strong{position:absolute;z-index:2;left:16px;right:16px;bottom:38px;color:#fff;font-size:26px;line-height:.95;letter-spacing:-1px}
.dp4-collection-detail-art>small{position:absolute;z-index:2;left:16px;bottom:18px;color:#ff873d;font-size:8px;font-weight:900;letter-spacing:.13em}
.dp4-collection-detail-copy{align-self:center}
.dp4-collection-detail-copy>span{color:#ff6a00;font-size:9px;font-weight:900;letter-spacing:.15em}
.dp4-collection-detail-copy h1{margin:5px 0 8px;color:#fff;font-size:38px;line-height:.95;letter-spacing:-1.6px}
.dp4-collection-detail-copy p{max-width:650px;color:#8f97a2;font-size:11px;line-height:1.6}
.dp4-collection-download-all{display:inline-flex;margin-top:8px;padding:11px 14px;background:#ff6a00;color:#08090a!important;font-size:9px;font-weight:950;text-decoration:none}

@media(max-width:820px){
  .dp4-collection-head{align-items:center}
  .dp4-collection-head p{display:none}
  .dp4-collection-rail{grid-auto-columns:154px}
  .dp4-collection-art>strong{font-size:15px}
  .dp4-collection-detail-head{grid-template-columns:120px minmax(0,1fr);gap:14px;padding:12px}
  .dp4-collection-detail-art>strong{font-size:15px;bottom:30px}
  .dp4-collection-detail-copy h1{font-size:24px}
  .dp4-collection-detail-copy p{font-size:9px;line-height:1.4}
}


/* DJPort v26.74 — intelligent Artist Collections ranking badge */
.dp4-collection-hot{
  position:absolute;
  z-index:3;
  top:12px;
  right:12px;
  display:inline-flex;
  align-items:center;
  min-height:19px;
  padding:0 6px;
  border:1px solid rgba(255,106,0,.48);
  background:rgba(6,8,11,.72);
  color:#ff7a24;
  font-size:7px;
  line-height:1;
  font-weight:950;
  letter-spacing:.08em;
  backdrop-filter:blur(8px);
}
@media(max-width:820px){
  .dp4-collection-hot{top:9px;right:9px;font-size:6px;padding:0 5px}
}

@media (max-width:820px){
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y!important}
body.dp4-body{padding-bottom:76px!important;background:#080a0d!important}
.dp4-shell{display:block!important;width:100%!important;min-height:100vh!important}
.dp4-sidebar{position:fixed!important;z-index:9990!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:64px!important;min-height:64px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-top:1px solid rgba(255,255,255,.09)!important;border-right:0!important;background:rgba(8,10,13,.97)!important;backdrop-filter:blur(16px)!important;padding:0 8px!important}
.dp4-sidebar .dp4-logo,.dp4-sidebar .dp4-side-label,.dp4-sidebar .dp4-side-spacer{display:none!important}
.dp4-sidebar .dp4-side-nav{display:flex!important;flex:1 1 auto!important;justify-content:space-around!important;align-items:center!important;gap:2px!important;margin:0!important;padding:0!important}
.dp4-sidebar .dp4-side-nav:nth-of-type(2){display:none!important}
.dp4-sidebar .dp4-side-nav a{flex:1 1 0!important;min-width:0!important;height:56px!important;padding:7px 2px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;border:0!important;background:transparent!important;color:#8a929f!important}
.dp4-sidebar .dp4-side-nav a span{font-size:18px!important;line-height:1!important}
.dp4-sidebar .dp4-side-nav a b{display:block!important;font-size:7px!important;line-height:1!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
.dp4-workspace,.dp4-dashboard-main,.dp4-homegrid,.dp4-homegrid-wide{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
.dp4-workspace{margin-left:0!important}
.dp4-commandbar{position:sticky!important;top:0!important;z-index:9980!important;left:0!important;right:0!important;width:100%!important;min-height:52px!important;padding:8px 10px!important;display:flex!important;align-items:center!important;gap:8px!important;background:rgba(8,10,13,.95)!important;backdrop-filter:blur(14px)!important}
.dp4-global-search{flex:1 1 auto!important;min-width:0!important}
.dp4-global-search input{width:100%!important;min-width:0!important;height:36px!important;font-size:12px!important}
.dp4-global-search kbd{display:none!important}
.dp4-catalog-trigger{width:38px!important;min-width:38px!important;height:36px!important;padding:0!important}
.dp4-catalog-trigger b{display:none!important}
.dp4-catalog-panel,.dp4-catalog-drawer-panel{position:fixed!important;z-index:10020!important;top:52px!important;right:8px!important;left:8px!important;width:auto!important;max-width:none!important;max-height:calc(100vh - 128px)!important;overflow:auto!important;border:1px solid rgba(255,255,255,.1)!important;background:#0d1015!important;box-shadow:0 20px 70px rgba(0,0,0,.72)!important}
.dp4-hero{display:block!important;margin:10px!important;min-height:0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.08)!important;background:#0b0e12!important}
.dp4-hero-copy{width:100%!important;max-width:none!important;padding:24px 18px 18px!important}
.dp4-eyebrow{font-size:8px!important;letter-spacing:.16em!important}
.dp4-hero h1{margin:7px 0 10px!important;font-size:42px!important;line-height:.9!important;letter-spacing:-1.9px!important;max-width:100%!important;overflow-wrap:anywhere!important}
.dp4-hero h1 em{display:block!important;font-size:.74em!important}
.dp4-hero p{margin:0 0 14px!important;max-width:100%!important;font-size:12px!important;line-height:1.45!important}
.dp4-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.dp4-hero-actions a{min-width:0!important;padding:11px 8px!important;text-align:center!important;font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.dp4-hero-art{width:100%!important;height:190px!important;min-height:190px!important}
.dp4-hero-art img{width:100%!important;height:100%!important;object-fit:cover!important}
.dp4-art-overlay{left:14px!important;right:14px!important;bottom:12px!important}
.dp4-art-overlay span{font-size:7px!important}.dp4-art-overlay b{font-size:12px!important}
.dp4-quickdeck{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 10px 10px!important}
.dp4-quickdeck a{min-height:86px!important;padding:13px!important}
.dp4-quickdeck a span{font-size:9px!important}.dp4-quickdeck a b{font-size:16px!important}.dp4-quickdeck a small{font-size:9px!important;line-height:1.25!important}
.dp4-stats-center{margin:0 10px 10px!important}
.dp4-feature-jumps{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0 10px 12px!important}
.dp4-feature-card{min-height:150px!important;width:100%!important}
.dp4-feature-copy strong{font-size:24px!important}
.dp4-panel,.dp-section,.dp4-artist-collections,.dp4-collection-detail{margin-left:10px!important;margin-right:10px!important;width:auto!important;max-width:none!important}
.dp-wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.dp4-panel-head,.dp-section-head,.dp4-collection-head{gap:10px!important}
.dp4-panel-head h2,.dp-section-head h2,.dp4-collection-head h2{font-size:19px!important}
.dp4-tracklist,.dp-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
.dp-table{min-width:760px!important}
.dp4-collection-rail{grid-auto-columns:150px!important;gap:9px!important}
.dp4-collection-nav{display:none!important}
.dp-global-player{bottom:64px!important;z-index:9995!important}
}
@media (max-width:820px) and (display-mode:standalone){
body.dp4-body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
.dp4-sidebar{height:calc(64px + env(safe-area-inset-bottom))!important;padding-bottom:env(safe-area-inset-bottom)!important}
.dp-global-player{bottom:calc(64px + env(safe-area-inset-bottom))!important}
}


/* DJPort v26.76 — Set Assistant row aligned with main catalog */
.dp-set-prep-item-v2676{
  display:grid!important;
  grid-template-columns:26px 46px minmax(180px,1fr) 245px 110px!important;
  gap:9px!important;
  align-items:center!important;
}
.dp-set-cover-play{width:44px!important;min-width:44px!important}
.dp-set-cover-play .dp-cover-player,
.dp-set-cover-play .dp-cover-play,
.dp-set-cover-play .dp-cover-play img{width:44px!important;height:44px!important;min-width:44px!important}
.dp-set-cover-play .dp-cover-play-icon{width:16px!important}
.dp-set-tech{min-width:0!important}
.dp-set-tech .dp-track-tech-panel{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important
}
.dp-set-tech .dp-track-tech-panel>span{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  min-height:40px!important;padding:5px 6px!important;
  border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.025)!important
}
.dp-set-tech .dp-track-tech-panel small{font-size:7px!important;color:#747c87!important}
.dp-set-tech .dp-track-tech-panel strong{font-size:12px!important;color:#eef0f2!important}
.dp-set-tech .dp-track-tech-panel em{font-size:7px!important}
.dp-set-prep-item-v2676 .dp-set-info strong{font-size:13px!important}
.dp-set-prep-item-v2676 .dp-set-info>span{font-size:9px!important;color:#777f89!important}

/* Prompt builder */
.dp-set-prompt-box{margin:16px 0 18px;padding:16px;border:1px solid rgba(255,106,0,.34);background:radial-gradient(circle at 90% 10%,rgba(255,106,0,.11),transparent 34%),linear-gradient(135deg,#101318,#0b0d11)}
.dp-set-prompt-copy>span{display:block;color:#ff6a00;font-size:9px;font-weight:950;letter-spacing:.15em}
.dp-set-prompt-copy h4{margin:4px 0;color:#fff;font-size:20px}
.dp-set-prompt-copy p{margin:0 0 12px;max-width:820px;color:#8c949f;font-size:10px;line-height:1.55}
.dp-set-prompt-form{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:8px}
.dp-set-prompt-form textarea{width:100%;min-height:82px;resize:vertical;padding:12px 13px;border:1px solid rgba(255,255,255,.11);background:#090b0e;color:#f2f4f6;font-size:12px;line-height:1.45;outline:none}
.dp-set-prompt-form textarea:focus{border-color:#ff6a00;box-shadow:0 0 0 3px rgba(255,106,0,.08)}
.dp-set-prompt-result{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:10px}
.dp-set-prompt-result span{padding:8px 9px;border:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.22);color:#707884;font-size:7px;text-transform:uppercase;letter-spacing:.08em}
.dp-set-prompt-result b{display:block;margin-bottom:3px;color:#fff;font-size:12px;text-transform:none;letter-spacing:0}
.dp-set-phase-divider{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 6px;padding:9px 10px;border-left:3px solid #ff6a00;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:#0d1014}
.dp-set-phase-divider div{display:flex;align-items:baseline;gap:8px}
.dp-set-phase-divider span{color:#f0f2f4;font-size:11px;font-weight:900}
.dp-set-phase-divider small{color:#747c87;font-size:8px;font-weight:800}
.dp-set-phase-download{border:1px solid rgba(255,106,0,.38);background:rgba(255,106,0,.07);color:#ff7d2d;padding:7px 9px;font-size:8px;font-weight:900;cursor:pointer}

/* Dedicated PWA shell */
.dp-pwa-home,.dp-pwa-bottom-nav{display:none}
@media(max-width:820px){
  .dp-set-prep-item-v2676{grid-template-columns:24px 44px minmax(0,1fr)!important}
  .dp-set-tech{grid-column:2/-1!important}
  .dp-set-item-actions{grid-column:2/-1!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important}
  .dp-set-prompt-form{grid-template-columns:1fr!important}
  .dp-set-prompt-result{grid-template-columns:1fr 1fr!important}
  body.dp-pwa-mode{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important;background:#07090c!important;overflow-x:hidden!important}
  body.dp-pwa-mode .dp4-sidebar{display:none!important}
  body.dp-pwa-mode .dp4-shell,body.dp-pwa-mode .dp4-workspace,body.dp-pwa-mode .dp4-homegrid,body.dp-pwa-mode .dp4-homegrid-wide,body.dp-pwa-mode .dp4-dashboard-main{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
  body.dp-pwa-mode .dp4-commandbar{position:sticky!important;top:0!important;left:0!important;width:100%!important;min-height:54px!important;padding:8px 10px!important;background:rgba(7,9,12,.96)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;z-index:1000!important}
  body.dp-pwa-mode .dp4-global-search{min-width:0!important;flex:1!important}
  body.dp-pwa-mode .dp4-global-search input{width:100%!important;min-width:0!important;height:38px!important;font-size:11px!important}
  body.dp-pwa-mode .dp4-catalog-trigger{width:40px!important;min-width:40px!important;height:38px!important;padding:0!important}
  body.dp-pwa-mode .dp4-catalog-trigger b{display:none!important}
  body.dp-pwa-mode .dp-pwa-home{display:block!important;padding:12px!important}
  .dp-pwa-home-top{display:flex;align-items:center;justify-content:space-between;padding:3px 1px 10px}
  .dp-pwa-home-top img{width:84px!important;height:auto!important}
  .dp-pwa-home-top span{font-size:7px;color:#68717d;font-weight:900;letter-spacing:.13em}
  .dp-pwa-home-hero{padding:20px 16px 16px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 85% 12%,rgba(255,106,0,.2),transparent 30%),#0d1015}
  .dp-pwa-home-hero small{color:#ff6a00;font-size:7px;font-weight:950;letter-spacing:.15em}
  .dp-pwa-home-hero h1{margin:6px 0 8px!important;font-size:31px!important;line-height:.94!important;letter-spacing:-1.2px!important;color:#f5f6f8!important}
  .dp-pwa-home-hero p{margin:0 0 14px;font-size:10px;line-height:1.45;color:#89919c}
  .dp-pwa-home-hero>a{display:inline-flex;padding:10px 12px;background:#ff6a00;color:#090a0c!important;font-size:8px;font-weight:950;text-decoration:none}
  .dp-pwa-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
  .dp-pwa-home-grid a{min-height:88px;padding:12px;border:1px solid rgba(255,255,255,.07);background:#0d1014;color:#fff;text-decoration:none}
  .dp-pwa-home-grid i{display:block;margin-bottom:11px;color:#ff6a00;font-size:18px;font-style:normal}
  .dp-pwa-home-grid b{display:block;font-size:13px}
  .dp-pwa-home-grid span{display:block;margin-top:3px;color:#717a86;font-size:8px}
  .dp-pwa-home-links{display:grid;gap:6px;margin-top:8px}
  .dp-pwa-home-links a{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:1px solid rgba(255,255,255,.06);background:#0a0d11;color:#eef0f2;text-decoration:none}
  .dp-pwa-home-links b{font-size:10px}.dp-pwa-home-links span{font-size:8px;color:#ff7726}
  body.dp-pwa-mode .dp4-hero,body.dp-pwa-mode .dp4-quickdeck,body.dp-pwa-mode .dp4-stats-center,body.dp-pwa-mode .dp4-feature-jumps{display:none!important}
  body.dp-pwa-mode .dp4-panel,body.dp-pwa-mode .dp-section,body.dp-pwa-mode .dp4-artist-collections{margin:10px 12px!important;width:auto!important;max-width:none!important}
  body.dp-pwa-mode .dp4-radar-original{display:none!important}
  body.dp-pwa-mode .dp4-tracklist{overflow:visible!important}
  body.dp-pwa-mode .dp4-tracklist .dp-table{display:block!important;min-width:0!important;width:100%!important}
  body.dp-pwa-mode .dp4-tracklist .dp-table thead{display:none!important}
  body.dp-pwa-mode .dp4-tracklist .dp-table tbody{display:grid!important;gap:7px!important}
  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:8px!important;padding:8px!important;border:1px solid rgba(255,255,255,.07)!important;background:#0c0f13!important}
  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row td{display:block!important;width:auto!important;min-width:0!important;max-width:none!important;padding:0!important;border:0!important}
  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row td:nth-child(1){grid-column:1;grid-row:1}
  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row td:nth-child(2){grid-column:2;grid-row:1}
  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row td:nth-child(3),body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row td:nth-child(4),body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row td:nth-child(5){display:none!important}
  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row td:nth-child(6){grid-column:1/3;grid-row:2}
  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row td:nth-child(7){grid-column:3;grid-row:1/3;align-self:center}
  body.dp-pwa-mode .dp-track-tech-panel{grid-template-columns:repeat(4,1fr)!important}
  body.dp-pwa-mode .dp4-collection-rail{grid-auto-columns:148px!important}
  body.dp-pwa-mode .dp-pwa-bottom-nav{display:grid!important;grid-template-columns:repeat(5,1fr)!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:10050!important;height:calc(62px + env(safe-area-inset-bottom))!important;padding:4px 6px env(safe-area-inset-bottom)!important;border-top:1px solid rgba(255,255,255,.08)!important;background:rgba(7,9,12,.97)!important;backdrop-filter:blur(18px)!important}
  .dp-pwa-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#78818d;text-decoration:none}
  .dp-pwa-bottom-nav span{font-size:17px;line-height:1}.dp-pwa-bottom-nav b{font-size:7px}
  .dp-pwa-bottom-nav .dp-pwa-nav-main{color:#ff6a00}
  body.dp-pwa-mode .dp-global-player{bottom:calc(62px + env(safe-area-inset-bottom))!important}
  body.dp-pwa-mode .dp-footer{display:none!important}
}


/* DJPort v26.78 — global player waveform uses the full available width */
.dp-global-player .dp-global-wave-wrap,
.dp-global-player .dp-global-waveform-wrap,
.dp-global-player .dp-global-wave{
  flex:1 1 auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
.dp-global-player .dp-global-wave{
  display:flex!important;
  align-items:center!important;
  justify-content:stretch!important;
}
.dp-global-player .dp-global-wave>span{
  flex:1 1 0!important;
  min-width:1px!important;
  max-width:none!important;
}


/* DJPort v26.79 — hard reset of desktop offsets in installed PWA only */
@media (max-width:820px){
  body.dp-pwa-mode,
  body.dp-pwa-mode .dp4-shell,
  body.dp-pwa-mode .dp4-workspace,
  body.dp-pwa-mode #dp-app-content,
  body.dp-pwa-mode main,
  body.dp-pwa-mode .dp4-homegrid,
  body.dp-pwa-mode .dp4-homegrid-wide,
  body.dp-pwa-mode .dp4-dashboard-main{
    position:relative!important;
    left:0!important;
    right:auto!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    transform:none!important;
    translate:none!important;
    box-sizing:border-box!important;
  }

  body.dp-pwa-mode .dp4-workspace,
  body.dp-pwa-mode #dp-app-content,
  body.dp-pwa-mode main{
    inset:auto!important;
  }

  body.dp-pwa-mode .dp4-commandbar{
    position:sticky!important;
    left:0!important;
    right:0!important;
    margin:0!important;
    width:100%!important;
    max-width:100%!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  body.dp-pwa-mode .dp-pwa-home,
  body.dp-pwa-mode .dp4-panel,
  body.dp-pwa-mode .dp-section,
  body.dp-pwa-mode .dp4-artist-collections,
  body.dp-pwa-mode .dp4-collection-detail{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  body.dp-pwa-mode .dp-pwa-home{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:12px!important;
  }

  body.dp-pwa-mode .dp4-panel,
  body.dp-pwa-mode .dp-section,
  body.dp-pwa-mode .dp4-artist-collections,
  body.dp-pwa-mode .dp4-collection-detail{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    margin-left:12px!important;
    margin-right:12px!important;
  }

  body.dp-pwa-mode .dp4-tracklist,
  body.dp-pwa-mode .dp-table-wrap{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
  }

  body.dp-pwa-mode .dp-pwa-bottom-nav,
  body.dp-pwa-mode .dp-global-player{
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    transform:none!important;
  }
}


/* DJPort v26.80 — PWA track actions: clean Download / Dropbox layout */
@media(max-width:820px){
  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    gap:8px!important;
    align-items:start!important;
  }

  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row td:nth-child(1){
    grid-column:1!important;
    grid-row:1!important;
  }

  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row td:nth-child(2){
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
  }

  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row td:nth-child(6){
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    margin-top:5px!important;
  }

  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row td:nth-child(7){
    grid-column:1 / -1!important;
    grid-row:3!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    width:100%!important;
    margin-top:4px!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }

  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row td:nth-child(7),
  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row td:nth-child(7) > *,
  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row .dp-download-cell,
  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row .dp-download-actions,
  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row .dp-track-download-actions,
  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row .dp-dropbox-actions{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    float:none!important;
    transform:none!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row td:nth-child(7) form,
  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row td:nth-child(7) a,
  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row td:nth-child(7) button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row td:nth-child(7) a,
  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row td:nth-child(7) button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:36px!important;
    padding:8px 7px!important;
    white-space:normal!important;
    text-align:center!important;
    line-height:1.15!important;
    font-size:8px!important;
    overflow:hidden!important;
  }

  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row .dp-fav-only-tools,
  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row .dp-playlist-tools{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:1fr 1fr!important;
    margin-top:7px!important;
  }

  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row .dp-title-cell{
    overflow:hidden!important;
    word-break:break-word!important;
  }
}

@media(max-width:390px){
  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row td:nth-child(7){
    grid-template-columns:1fr!important;
  }
}


/* DJPort v26.81 — legal/help navigation restored in PWA */
.dp-pwa-legal{display:none}
@media(max-width:820px){
  body.dp-pwa-mode .dp-pwa-legal{
    display:block!important;
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    margin:16px 12px 12px!important;
    padding:12px!important;
    border:1px solid rgba(255,255,255,.07)!important;
    background:#0b0e12!important;
    box-sizing:border-box!important;
  }
  body.dp-pwa-mode .dp-pwa-legal-head{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    margin-bottom:9px!important;
  }
  body.dp-pwa-mode .dp-pwa-legal-head span{
    color:#707986!important;
    font-size:7px!important;
    font-weight:900!important;
    letter-spacing:.14em!important;
  }
  body.dp-pwa-mode .dp-pwa-legal-head b{
    color:#ff6a00!important;
    font-size:9px!important;
    font-weight:950!important;
  }
  body.dp-pwa-mode .dp-pwa-legal-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  body.dp-pwa-mode .dp-pwa-legal-grid a{
    display:flex!important;
    align-items:center!important;
    min-height:34px!important;
    padding:8px 9px!important;
    border:1px solid rgba(255,255,255,.06)!important;
    background:#090b0f!important;
    color:#cfd4da!important;
    text-decoration:none!important;
    font-size:8px!important;
    font-weight:800!important;
    line-height:1.2!important;
    box-sizing:border-box!important;
  }
  body.dp-pwa-mode .dp-pwa-legal-grid a:active{
    border-color:#ff6a00!important;
    color:#fff!important;
  }
}


/* DJPort v26.82 — PWA: suppress transient horizontal scrollbar flicker */
@media(max-width:820px){
  body.dp-pwa-mode,
  body.dp-pwa-mode #dp-app-content,
  body.dp-pwa-mode .dp4-shell,
  body.dp-pwa-mode .dp4-workspace,
  body.dp-pwa-mode .dp4-dashboard-main,
  body.dp-pwa-mode .dp4-panel,
  body.dp-pwa-mode .dp-section,
  body.dp-pwa-mode .dp4-tracklist,
  body.dp-pwa-mode .dp-table-wrap{
    overflow-x:hidden!important;
    overscroll-behavior-x:none!important;
  }

  body.dp-pwa-mode .dp4-tracklist .dp-table,
  body.dp-pwa-mode .dp4-tracklist .dp-table tbody,
  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  body.dp-pwa-mode .dp4-tracklist .dp-table tr.dp-row{
    overflow:hidden!important;
  }
}


/* DJPort v26.83 — restore Help / FAQ / legal links on desktop */
.dp-desktop-help-legal{
  display:block;
  width:100%;
  margin:24px 0 0;
  padding:0 24px 24px;
  box-sizing:border-box;
}
.dp-desktop-help-inner{
  max-width:1500px;
  margin:0 auto;
  padding:14px 16px;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.05);
  box-sizing:border-box;
}
.dp-desktop-help-title{
  margin-bottom:10px;
  color:#707986;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}
.dp-desktop-help-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
}
.dp-desktop-help-links a{
  color:#cfd4da;
  text-decoration:none;
  font-size:11px;
  font-weight:700;
}
.dp-desktop-help-links a:hover{
  color:#fff;
}

@media(max-width:820px){
  body.dp-pwa-mode .dp-desktop-help-legal{
    display:none!important;
  }
}

/* DJPort v26.84 — Smart Packs */
.dp4-smart-packs{margin-top:8px}
.dp4-smart-packs .dp4-collection-head>div:first-child>span{color:#ff8a3d}
.dp4-smart-pack-card .dp4-collection-art{background:
radial-gradient(circle at 82% 18%,hsla(var(--ac-h2),88%,58%,.42),transparent 34%),
radial-gradient(circle at 10% 88%,hsla(var(--ac-h1),92%,52%,.31),transparent 44%),
linear-gradient(145deg,#151922 0%,#090b10 58%,#050608 100%)}
.dp4-smart-pack-card .dp4-collection-brand em{color:#ff8b43}
.dp4-smart-pack-detail .dp4-collection-detail-art{background:
radial-gradient(circle at 82% 18%,hsla(var(--ac-h2),88%,58%,.42),transparent 34%),
radial-gradient(circle at 10% 88%,hsla(var(--ac-h1),92%,52%,.31),transparent 44%),
linear-gradient(145deg,#151922,#050608)}

/* DJPORT v26.85 PREMIUM */
.dp-premium-paywall{max-width:760px;margin:28px auto;padding:28px!important;text-align:center}
.dp-premium-paywall h2{font-size:28px;margin:8px 0}
.dp-premium-paywall>strong{display:block;font-size:20px;color:#ff7a24;margin:14px 0}
.dp-premium-status-box .dp-btn{margin-top:12px}
.dp-device-list{display:grid;gap:6px;margin:10px 0}
.dp-device-list>div{padding:8px 10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}

/* DJPORT v26.86 — My Account downloaded tracks */
.dp-account-downloads{margin:18px 0;padding:16px;border:1px solid rgba(255,255,255,.09);background:#0b0e13}
.dp-account-downloads-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:10px}
.dp-account-downloads-head h3{margin:3px 0 0;color:#f5f6f7;font-size:19px}
.dp-account-downloads-head>strong{color:#ff7a24;font-size:10px}
.dp-account-download-list{display:grid;gap:6px}
.dp-account-download-row{display:grid;grid-template-columns:minmax(180px,1fr) 130px 120px 42px;gap:10px;align-items:center;padding:9px 10px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);font-size:10px}
.dp-account-download-title{min-width:0}
.dp-account-download-title strong,.dp-account-download-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dp-account-download-title span{margin-top:2px;color:#7f8792;font-size:8px}
.dp-account-download-row>span,.dp-account-download-row>time{color:#89919c}
.dp-account-download-row>b{color:#ff7a24;text-align:right}
@media(max-width:820px){
  .dp-account-downloads-head{align-items:start;flex-direction:column}
  .dp-account-download-row{grid-template-columns:minmax(0,1fr) auto}
  .dp-account-download-row>time{grid-column:1}
  .dp-account-download-row>b{grid-column:2;grid-row:2}
}

/* DJPORT v26.87 pricing + contributor */
.dp-price-table-wrap{overflow-x:auto}
.dp-price-table{width:100%;border-collapse:collapse;min-width:620px}
.dp-price-table th,.dp-price-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}
.dp-price-table th:nth-child(2),.dp-price-table th:nth-child(3),.dp-price-table td:nth-child(2),.dp-price-table td:nth-child(3){text-align:center}
.dp-price-table th:nth-child(3),.dp-price-table td:nth-child(3){color:#ff8a36;font-weight:700}
.dp-premium-buy-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}
.dp-premium-buy-card{position:relative;padding:22px!important}
.dp-premium-buy-card.is-best{border-color:rgba(255,122,36,.65);box-shadow:0 0 0 1px rgba(255,122,36,.12)}
.dp-best-badge{position:absolute;right:14px;top:14px;padding:5px 8px;background:#ff7a24;color:#0a0c10;font-size:9px;font-weight:900;letter-spacing:.08em}
.dp-price{font-size:34px;font-weight:900;margin:10px 0;color:#f5f6f7}
.dp-contributor-badge{display:inline-flex;padding:5px 8px;border:1px solid rgba(255,122,36,.45);background:rgba(255,122,36,.09);color:#ff8a36;font-size:9px;font-weight:900;letter-spacing:.1em}
.dp-contributor-thresholds{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.dp-contributor-thresholds span{padding:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);font-size:10px}
.dp-contributor-thresholds b{display:block;color:#ff8a36;margin-top:4px}
@media(max-width:820px){.dp-premium-buy-grid{grid-template-columns:1fr}.dp-contributor-thresholds{grid-template-columns:1fr 1fr}}

/* DJPORT v26.90 — account downloads pagination */
.dp-download-pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:14px}
.dp-download-pagination a,.dp-download-pagination span{min-width:32px;height:32px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025);font-size:10px;font-weight:800;text-decoration:none}
.dp-download-pagination a:hover{border-color:rgba(255,122,36,.55)}
.dp-download-pagination .is-current{background:#ff7a24;color:#0b0d10;border-color:#ff7a24}
.dp-contributor-box{border-color:rgba(255,122,36,.28)!important}

/* DJPORT v26.91 — clean rails, no flashing horizontal scrollbar */
.dp4-collection-rail,
.dp4-tracklist,
.dp-table-wrap{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.dp4-collection-rail::-webkit-scrollbar,
.dp4-tracklist::-webkit-scrollbar,
.dp-table-wrap::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
.dp4-collection-rail{padding-bottom:4px!important;overscroll-behavior-x:contain}
.dp4-collection-head-actions{display:flex;align-items:center;gap:10px}
.dp4-collection-more{
  display:inline-flex;align-items:center;justify-content:center;min-height:32px;
  padding:0 12px;border:1px solid rgba(255,255,255,.11);background:#0f1217;
  color:#e8eaed;text-decoration:none;font-size:8px;font-weight:900;letter-spacing:.09em
}
.dp4-collection-more:hover{border-color:#ff6a00;color:#ff7a24}

.dp4-collection-hub{padding:26px 24px 44px}
.dp4-collection-hub-hero{
  display:flex;justify-content:space-between;align-items:end;gap:24px;
  padding:28px 30px;margin:12px 0 22px;border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 85% 10%,rgba(255,106,0,.16),transparent 28%),
    linear-gradient(145deg,#11151b,#090b0f);
}
.dp4-collection-hub-hero span{display:block;color:#ff7a24;font-size:9px;font-weight:900;letter-spacing:.16em}
.dp4-collection-hub-hero h1{margin:6px 0 8px;color:#f5f6f7;font-size:38px;line-height:.98;letter-spacing:-1.4px}
.dp4-collection-hub-hero p{max-width:760px;margin:0;color:#8b939e;font-size:11px;line-height:1.5}
.dp4-collection-hub-hero>b{flex:0 0 auto;padding:9px 12px;border:1px solid rgba(255,122,36,.30);color:#ff8a36;font-size:9px;letter-spacing:.12em}
.dp4-collection-grid-all{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 14px;
}
.dp4-collection-grid-all .dp4-collection-card{min-width:0}
.dp4-collection-grid-all .dp4-collection-art{width:100%}

@media(max-width:1180px){
  .dp4-collection-grid-all{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  .dp4-collection-grid-all{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dp4-collection-hub{padding:18px 14px 34px}
  .dp4-collection-hub-hero{padding:22px 20px}
}
@media(max-width:640px){
  .dp4-collection-head{align-items:flex-start}
  .dp4-collection-head-actions{flex-direction:column;align-items:flex-end;gap:6px}
  .dp4-collection-grid-all{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
  .dp4-collection-hub-hero{align-items:flex-start;flex-direction:column}
  .dp4-collection-hub-hero h1{font-size:30px}
}

.dp-premium-paywall .dp-premium-service-desc{font-size:13px;line-height:1.55;color:#e4e7eb;max-width:720px}.dp-premium-paywall .dp-premium-service-desc+p{color:#8d949e}

/* DJPORT v27.05 — exact v25.75 mobile shell adapter. Desktop untouched. */
.dp-legacy-mobile-header{display:none}
@media (max-width:900px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }
  body.dp4-body{
    margin:0!important;
    padding:0!important;
    background:#050505!important;
    color:#fff!important;
  }

  /* use the actual v25.75 header/menu on phones */
  .dp-legacy-mobile-header{display:block!important}
  .dp4-sidebar,.dp4-commandbar{display:none!important}

  /* current desktop shell becomes only a transparent content holder */
  .dp4-shell,.dp4-workspace,#dp-app-content,.dp4-content{
    display:block!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    transform:none!important;
    overflow-x:hidden!important;
    background:transparent!important;
  }

  /* restore v25.75 content geometry */
  #dp-app-content{
    padding-top:0!important;
  }
  .dp-wrap{
    width:min(1180px,calc(100% - 28px))!important;
    max-width:calc(100% - 28px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .dp-section{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* remove newer app-only chrome that did not exist in v25.75 */
  .dp-pwa-bottom-nav,
  .dp-pwa-legal,
  .dp-desktop-help-legal{
    display:none!important;
  }

  /* old footer/player behavior */
  .dp-footer{
    display:block!important;
  }
  .dp-global-player{
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    border-radius:0!important;
  }

  /* protect against newer dp4 blocks escaping the old mobile width */
  .dp4-panel,.dp4-tracklist,.dp-table-wrap,.dp-card,.dp-grid,.dp4-artist-collections,.dp4-collection-detail,
  .dp-pwa-home,.dp4-collection-hub,.dp4-dashboard-main{
    min-width:0!important;
    max-width:100%!important;
  }

  img,video,canvas,svg,iframe{max-width:100%!important}

  input,select,textarea{
    font-size:16px!important;
  }
}

/* DJPORT v27.06 — mobile cleanup + full desktop-home content on phones. */
@media (max-width:900px){
  /* Exactly one top navigation: legacy v25.75 header */
  .dp-legacy-mobile-header{display:block!important}
  .dp4-commandbar,
  .dp4-sidebar,
  .dp-pwa-bottom-nav{
    display:none!important;
  }

  /* Prevent accidental duplicate login/menu controls from newer shell */
  .dp4-command-actions,
  .dp4-account,
  .dp4-upload,
  .dp4-lang,
  .dp4-catalog-drawer{
    display:none!important;
  }

  /* Keep the actual current homepage content, only stack it for phone */
  body.home #dp-app-content,
  body.home .dp4-content,
  body.home .dp4-home,
  body.home .dp4-homegrid,
  body.home .dp4-homegrid-wide,
  body.home .dp4-dashboard-main{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow:visible!important;
  }

  /* Undo older PWA simplifications that hid desktop-home visuals */
  body.home .dp4-hero,
  body.home .dp4-quickdeck,
  body.home .dp4-stats-center,
  body.home .dp4-feature-jumps,
  body.home .dp4-radar-original,
  body.home .dp4-artist-collections,
  body.home .dp4-smart-packs,
  body.home .dp4-collection-section,
  body.home .dp4-home-section{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }

  /* Desktop graphics/cards adapted to phone */
  body.home .dp4-hero{
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    margin:14px auto!important;
    padding:20px 16px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }

  body.home .dp4-hero,
  body.home .dp4-hero *{
    max-width:100%!important;
  }

  body.home .dp4-quickdeck,
  body.home .dp4-feature-jumps,
  body.home .dp4-stats-center{
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    margin:12px auto!important;
  }

  body.home .dp4-quickdeck,
  body.home .dp4-feature-jumps{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body.home .dp4-stats-center{
    display:flex!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  body.home .dp4-stats-center::-webkit-scrollbar{display:none!important}

  /* collections and graphic rails stay visual, but become horizontally scrollable */
  body.home .dp4-collection-rail,
  body.home .dp4-artist-collections .dp4-collection-rail,
  body.home .dp4-smart-packs .dp4-collection-rail{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:150px!important;
    grid-template-columns:none!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding-bottom:5px!important;
    scroll-snap-type:x proximity!important;
  }

  body.home .dp4-collection-card{
    min-width:0!important;
    scroll-snap-align:start!important;
  }

  body.home .dp4-collection-art,
  body.home .dp4-collection-art img{
    width:100%!important;
    max-width:100%!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
  }

  /* keep full homepage section headings and graphics visible */
  body.home .dp4-section-head,
  body.home .dp-section-head{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:100%!important;
  }

  /* Legacy menu sizing */
  .dp-legacy-mobile-header .dp-nav{
    width:min(1180px,calc(100% - 20px))!important;
    max-width:calc(100% - 20px)!important;
    margin:0 auto!important;
  }
  .dp-legacy-mobile-header .dp-nav-tools{
    flex:0 0 auto!important;
  }
  .dp-legacy-mobile-header .dp-nav-account{
    white-space:nowrap!important;
  }
}

@media(max-width:430px){
  body.home .dp4-quickdeck,
  body.home .dp4-feature-jumps{
    grid-template-columns:1fr 1fr!important;
  }
}

/* DJPORT v27.07 — ONLY mobile track counters contrast fix. */
@media (max-width:900px){
  .dp-table .dp-title-stats,
  .dp-table .dp-title-stats *,
  .dp-table .dp-track-stats,
  .dp-table .dp-track-stats *,
  .dp-row .dp-title-stats,
  .dp-row .dp-track-stats{
    color:#c9ced6!important;
  }

  .dp-table .dp-title-stats strong,
  .dp-table .dp-title-stats b,
  .dp-table .dp-track-stats strong,
  .dp-table .dp-track-stats b,
  .dp-row .dp-title-stats strong,
  .dp-row .dp-track-stats strong{
    color:#fff!important;
  }

  .dp-table .dp-title-stats .dp-like,
  .dp-table .dp-title-stats .dp-like-btn,
  .dp-table .dp-title-stats button,
  .dp-table .dp-track-stats .dp-like,
  .dp-table .dp-track-stats .dp-like-btn,
  .dp-table .dp-track-stats button{
    color:#c9ced6!important;
  }

  .dp-table .dp-title-stats .dp-like.is-liked,
  .dp-table .dp-title-stats .dp-like-btn.is-liked,
  .dp-table .dp-track-stats .dp-like.is-liked,
  .dp-table .dp-track-stats .dp-like-btn.is-liked{
    color:#ff7a00!important;
  }
}