/* DJPORT v22.34 — rzeczywiste gatunki użytkownika, Mix, ZIP i narzędzia DJ Charts */
.dp-chart-genres{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px;padding:16px}
.dp-chart-genres a{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;font-size:13px;font-weight:800;line-height:1;text-decoration:none;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.dp-chart-genres a:hover,.dp-chart-genres a:focus-visible{transform:translateY(-1px)}
.dp-chart-genre-badge{display:inline-flex!important;align-items:center;margin-left:7px;padding:5px 8px;font-size:10px!important;font-weight:900;letter-spacing:.07em;line-height:1}
.dp-chart-builder select{width:100%;box-sizing:border-box;margin-top:7px;padding:12px 14px;font:inherit}
.dp-chart-builder select:focus{outline:none}
.dp-charts-filter-title{margin:4px 0 18px;font-size:clamp(20px,3vw,30px)}
.dp-chart-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px;padding-top:16px}.dp-chart-actions form{margin:0}.dp-chart-actions .dp-btn{min-height:40px;padding:9px 12px;font-size:11px}
.dp-chart-like-btn span{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:2px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.08);font-size:9px}.dp-chart-like-btn.is-liked{border-color:#25ded7!important;background:rgba(37,222,215,.12)!important;color:#25ded7!important}.dp-chart-download-stat{display:inline-flex;align-items:center;min-height:40px;padding:9px 11px;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#9eaeac;font-size:10px;font-weight:800;white-space:nowrap}
.dp-chart-share{display:flex;align-items:center;gap:8px;margin-left:auto}.dp-chart-share-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 12px;font-size:11px!important;font-weight:850;line-height:1;text-transform:none!important;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.dp-chart-share-btn:hover{transform:translateY(-1px)}.dp-chart-share-btn>span{font-size:13px;font-weight:950}.dp-chart-share-fb{font-family:inherit!important;text-transform:none!important}.dp-chart-share-fb>span{display:inline-grid;place-items:center;width:19px;height:19px;font-family:Arial,Helvetica,sans-serif;font-size:14px}
.dp-chart-single-back{display:inline-flex;margin-bottom:16px;font-weight:850;text-decoration:none}
.dp-charts-hub .dp-numbered-pagination{justify-content:center;margin:28px 0}.dp-charts-bottom-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding:clamp(22px,4vw,38px)}.dp-charts-bottom-tools span{font-size:10px;font-weight:900;letter-spacing:.13em}.dp-charts-bottom-tools h2{margin:7px 0}.dp-charts-bottom-tools p{max-width:720px;margin:0}.dp-chart-set-source{display:grid;gap:5px;margin:14px 0;padding:14px 16px}.dp-chart-set-source span{font-size:10px;font-weight:900;letter-spacing:.12em}.dp-radar-signals{margin-top:3px;font-size:10px!important}
.dp-chart-source-block{display:grid;gap:8px}.dp-chart-source-block>b,.dp-chart-favorite-genres>b{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8fa3a0}.dp-chart-source-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dp-chart-source-picker button{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:10px 12px;border:1px solid #2d4140;border-radius:9px;background:#0d1718;color:#b8c6c4;text-align:left;cursor:pointer;transition:.16s ease}.dp-chart-source-picker button>span{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#142322;color:#25ded7;font-size:16px}.dp-chart-source-picker button>strong{font-size:12px;color:#eef4f3}.dp-chart-source-picker button>small{display:grid;place-items:center;min-width:26px;height:24px;padding:0 7px;border-radius:999px;background:#172827;color:#8fa3a0;font-size:9px}.dp-chart-source-picker button:hover,.dp-chart-source-picker button.active{border-color:#25ded7;background:linear-gradient(135deg,rgba(37,222,215,.16),#0d1718 70%);box-shadow:inset 0 0 0 1px rgba(37,222,215,.12)}.dp-chart-source-picker button.active>small{background:#25ded7;color:#061011}.dp-chart-source-picker button:disabled{opacity:.4;cursor:not-allowed}.dp-chart-favorite-genres{display:grid;gap:10px;padding:14px;border:1px solid #293b3a;border-radius:10px;background:linear-gradient(180deg,#0e1819,#0a1112)}.dp-chart-genre-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.dp-chart-genre-chip-grid button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:9px 10px;border:1px solid #2b3d3c;border-radius:8px;background:#111c1d;color:#d7e1df;font-size:10px;font-weight:850;text-align:left;cursor:pointer;transition:.15s ease}.dp-chart-genre-chip-grid button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dp-chart-genre-chip-grid button small{display:grid;place-items:center;min-width:24px;height:22px;padding:0 6px;border-radius:6px;background:#182a28;color:#7f9692;font-size:9px}.dp-chart-genre-chip-grid button:hover{border-color:#43847d;transform:translateY(-1px)}.dp-chart-genre-chip-grid button.active{border-color:#25ded7;background:#15312f;color:#fff;box-shadow:inset 3px 0 0 #25ded7}.dp-chart-genre-chip-grid button.active small{background:#25ded7;color:#061011}.dp-chart-picker label[hidden]{display:none!important}@media(max-width:620px){.dp-chart-source-picker{grid-template-columns:1fr}.dp-chart-genre-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dp-chart-track-list li{grid-template-columns:38px minmax(0,1fr) 34px!important}
.dp-chart-cover-link{display:block;line-height:0}.dp-chart-track-info{display:block;min-width:0;text-decoration:none!important}.dp-chart-track-info span{min-width:0}.dp-chart-track-info b,.dp-chart-track-info small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dp-chart-track-list .dp-chart-queue-player{display:block!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;overflow:visible!important}
.dp-chart-track-list .dp-chart-queue-player .dp-chart-play,.dp-chart-track-list .dp-chart-play{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;padding:0!important;font-size:12px!important;font-weight:950!important;line-height:1!important;cursor:pointer!important}
.dp-chart-track-list .dp-chart-play.is-disabled{opacity:.38!important;cursor:not-allowed!important}
@media(max-width:700px){.dp-chart-genres{flex-wrap:nowrap;overflow-x:auto;padding:13px;margin-inline:-4px;scrollbar-width:thin}.dp-chart-genres a{flex:0 0 auto;min-height:36px;padding:8px 12px}.dp-chart-card-head>div{min-width:0}.dp-chart-genre-badge{margin:6px 0 0}.dp-chart-actions{display:grid}.dp-chart-actions form,.dp-chart-actions .dp-btn{width:100%;box-sizing:border-box;text-align:center}.dp-chart-share{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-left:0}.dp-chart-share-btn{width:100%;box-sizing:border-box;padding-inline:8px}.dp-charts-bottom-tools{align-items:stretch;flex-direction:column}.dp-charts-bottom-tools .dp-btn{width:100%;box-sizing:border-box;text-align:center}}
@media(max-width:430px){.dp-chart-share{grid-template-columns:1fr}.dp-chart-share-btn{min-height:42px}}


/* v29.0.63 — DJ Charts category tiles aligned with Full Music Catalogue */
.dp-charts-hub .dp-chart-genres{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:7px!important;
  margin:22px 0 26px!important;
  padding:0!important;
  overflow:visible!important;
}
.dp-charts-hub .dp-chart-genres a{
  min-width:0!important;
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 12px!important;
  border:1px solid #252c34!important;
  border-radius:7px!important;
  background:#11151a!important;
  color:#d8dde3!important;
  -webkit-text-fill-color:#d8dde3!important;
  text-decoration:none!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-align:center!important;
  transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease!important;
}
.dp-charts-hub .dp-chart-genres a:hover,
.dp-charts-hub .dp-chart-genres a:focus-visible{
  transform:translateY(-1px)!important;
  border-color:#25ded7!important;
  background:#151b20!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  outline:none!important;
}
.dp-charts-hub .dp-chart-genres a.active{
  border-color:#25ded7!important;
  background:linear-gradient(135deg,rgba(37,222,215,.22),#11191a 72%)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(37,222,215,.12),0 8px 22px rgba(37,222,215,.08)!important;
}
@media(max-width:1180px){.dp-charts-hub .dp-chart-genres{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:820px){.dp-charts-hub .dp-chart-genres{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:560px){.dp-charts-hub .dp-chart-genres{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dp-charts-hub .dp-chart-genres a{min-height:44px!important;padding:0 9px!important;font-size:10px!important}}