.ccpl,.ccpl-mixes,.ccpl-tabs{--ccpl-bg:var(--color-content-bg, #14151a);--ccpl-surface:var(--color-content-bg-alt, #1c1e24);--ccpl-text:var(--color-content-text, #e6e7ea);--ccpl-muted:rgba(230, 231, 234, .62);--ccpl-faint:rgba(230, 231, 234, .1);--ccpl-hover:rgba(255, 255, 255, .07);--ccpl-accent:#c98fc0;--ccpl-grad:linear-gradient(135deg, #FFD1DF 0%, #CBE8FF 100%);--ccpl-ink:#111216;--ccpl-tint:#4a3550;color:var(--ccpl-text);font-size:15px;line-height:1.4}.ccpl *,.ccpl-mixes *,.ccpl-tabs *{box-sizing:border-box}.ccpl{max-width:980px;margin:0 auto 2em}.ccpl-ic{width:1em;height:1em;display:block;flex:none}.ccpl-event-pick{display:flex;flex-direction:column;gap:6px;margin:0 0 16px;font-weight:600}.ccpl-event-pick span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ccpl-muted)}.ccpl .ccpl-event-select,.ccpl .ccpl-input{width:100%;height:auto!important;padding:12px 40px 12px 14px!important;line-height:1.3!important;border-radius:10px;border:1px solid var(--ccpl-faint);background:var(--ccpl-surface);color:var(--ccpl-text);font:inherit}.ccpl .ccpl-input{padding-right:14px!important}.ccpl-event-title{margin:0 0 16px}.ccpl-event-title small{display:block;font-size:14px;font-weight:400;color:var(--ccpl-muted);margin-top:4px}.ccpl-app{position:relative;border-radius:16px;overflow:hidden;background:var(--ccpl-bg)}.ccpl-app::before{content:"";position:absolute;inset:0 0 auto 0;height:440px;background:linear-gradient(180deg,var(--ccpl-tint) 0%,color-mix(in srgb,var(--ccpl-tint) 45%,var(--ccpl-bg)) 55%,var(--ccpl-bg) 100%);transition:background .6s;pointer-events:none}.ccpl-app>*{position:relative}.ccpl-hero{display:flex;align-items:flex-end;gap:24px;padding:32px 28px 22px}.ccpl-cover{width:220px;height:220px;flex:none;object-fit:cover;border-radius:8px;box-shadow:0 8px 40px rgb(0 0 0 / .55);background:rgb(0 0 0 / .25)}.ccpl-cover-empty{display:grid;place-items:center;color:var(--ccpl-muted);font-size:64px}.ccpl-hero-text{min-width:0;display:flex;flex-direction:column;gap:6px}.ccpl-kicker{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgb(255 255 255 / .85)}.ccpl .ccpl-hero-title{margin:0!important;font-size:clamp(30px, 5.6vw, 64px)!important;line-height:1.02!important;font-weight:800;letter-spacing:-.02em;color:#fff!important;-webkit-text-fill-color:#fff!important;overflow-wrap:anywhere}.ccpl-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:4px 0 0;font-size:14px;color:rgb(255 255 255 / .78)}.ccpl-hero-meta strong{color:#fff}.ccpl-dot{opacity:.6}.ccpl-countdown{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:6px 0 0;padding:5px 12px;border-radius:999px;background:rgb(0 0 0 / .35);font-size:13px;font-weight:600;color:#fff}.ccpl-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:6px 28px 18px}.ccpl .ccpl-bigplay{width:58px;height:58px;padding:0!important;border:0!important;border-radius:50%!important;display:grid;place-items:center;background:var(--ccpl-grad)!important;color:var(--ccpl-ink)!important;font-size:26px;cursor:pointer;box-shadow:0 8px 22px rgb(0 0 0 / .35);transition:transform .15s}.ccpl .ccpl-bigplay:hover{transform:scale(1.05)}.ccpl .ccpl-bigplay .ccpl-ic{margin-left:3px}.ccpl .ccpl-bigplay.is-on .ccpl-ic{margin-left:0}.ccpl .ccpl-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid rgb(255 255 255 / .25);color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:700;background:rgb(0 0 0 / .2);transition:border-color .15s,background .15s}.ccpl .ccpl-pill:hover{border-color:#fff;background:rgb(0 0 0 / .35)}.ccpl button.ccpl-pill{height:auto!important;line-height:1.2!important;font-family:inherit;cursor:pointer;background:rgb(0 0 0 / .2)!important;border:1px solid rgb(255 255 255 / .25)!important;border-radius:999px!important;color:#fff!important}.ccpl button.ccpl-pill:hover{border-color:#fff!important;background:rgb(0 0 0 / .35)!important}.ccpl .ccpl-pill .ccpl-ic{font-size:18px}.ccpl .ccpl-pill-spotify .ccpl-ic{color:#1ed760}.ccpl .ccpl-iconbtn{width:42px;height:42px;padding:0!important;border:0!important;border-radius:50%!important;display:grid;place-items:center;background:transparent!important;color:rgb(255 255 255 / .75)!important;font-size:22px;cursor:pointer}.ccpl .ccpl-iconbtn:hover{color:#fff!important;background:rgb(255 255 255 / .08)!important}.ccpl-soon{font-size:14px;color:var(--ccpl-muted)}.ccpl-mainplayer{padding:0 28px}.ccpl-mainplayer:empty{display:none}.ccpl-mainplayer .ccpl-player{margin:0 0 18px}.ccpl-composer{margin:0 28px 14px;padding:18px;border-radius:12px;background:rgb(255 255 255 / .05);border:1px solid var(--ccpl-faint)}.ccpl-composer>p{margin:0 0 10px}.ccpl-composer-lead{font-weight:600}.ccpl-who{font-size:14px;color:var(--ccpl-muted)}.ccpl-who a{color:var(--ccpl-accent)}.ccpl-form{display:flex;gap:8px}.ccpl-form .ccpl-input{flex:1;min-width:0}.ccpl-note,.ccpl-none{font-size:14px;color:var(--ccpl-muted)}.ccpl-composer .ccpl-note{margin:8px 0 0}.ccpl-closed{font-weight:600}.ccpl-google{min-height:44px}.ccpl .ccpl-btn{padding:11px 20px!important;height:auto!important;line-height:1.2!important;border:0!important;border-radius:999px!important;background:var(--ccpl-grad)!important;color:var(--ccpl-ink)!important;font:inherit;font-size:15px!important;font-weight:700;cursor:pointer;white-space:nowrap}.ccpl .ccpl-form button.ccpl-btn[type="submit"]{color:var(--ccpl-ink)!important;border:0!important}.ccpl .ccpl-btn:disabled{opacity:.6;cursor:default}.ccpl .ccpl-btn-ghost{background:transparent!important;color:var(--ccpl-text)!important;border:1px solid var(--ccpl-faint)!important}.ccpl-preview{margin-top:14px;padding-top:14px;border-top:1px solid var(--ccpl-faint)}.ccpl-preview .ccpl-row{display:flex;padding:0}.ccpl-preview .ccpl-row:hover{background:none}.ccpl-preview .ccpl-c-num,.ccpl-preview .ccpl-c-by,.ccpl-preview .ccpl-c-likes{display:none}.ccpl-preview-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.ccpl-preview-actions p{margin:0;flex-basis:100%;font-weight:600}.ccpl-dup{color:#f5c46b}.ccpl-msg{margin:0 28px;font-size:14px}.ccpl-msg:empty{display:none}.ccpl-msg.is-error{color:#ff8a8a;margin-bottom:10px}.ccpl-msg.is-ok{color:#8ee6a8;margin-bottom:10px}.ccpl-tracks{padding:0 16px 20px}.ccpl-thead,.ccpl-row{display:grid;grid-template-columns:36px minmax(0,1fr) minmax(0,160px) 92px;align-items:center;gap:14px;padding:0 12px}.ccpl-thead{height:36px;margin-bottom:8px;border-bottom:1px solid var(--ccpl-faint);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ccpl-muted)}.ccpl-thead .ccpl-c-likes{justify-content:flex-end;font-size:15px}.ccpl-sec{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;padding:18px 12px 8px}.ccpl-sec-title{font-size:17px;font-weight:800;color:#fff}.ccpl-sec-peak .ccpl-sec-title::before{content:"🔥 "}.ccpl-sec-warmup .ccpl-sec-title::before{content:"🌙 "}.ccpl-sec-unplayed .ccpl-sec-title::before{content:"💤 "}.ccpl-sec-hint{font-size:13px;color:var(--ccpl-muted)}.ccpl-sec-empty{margin:0 12px 8px}.ccpl-row{min-height:60px;padding-top:8px;padding-bottom:8px;border-radius:6px;transition:background .15s}.ccpl-row.has-preview{cursor:pointer}.ccpl-row:hover,.ccpl-row:focus-visible,.ccpl-row.is-playing{background:var(--ccpl-hover);outline:none}.ccpl-row.is-flash{background:rgb(201 143 192 / .22)}.ccpl-c-num{position:relative;display:flex;align-items:center;justify-content:center;color:var(--ccpl-muted);font-variant-numeric:tabular-nums;font-size:15px}.ccpl-num-play{position:absolute;font-size:14px;color:#fff;opacity:0}.ccpl-row.has-preview:hover .ccpl-num-text,.ccpl-row.has-preview:focus-visible .ccpl-num-text,.ccpl-row.is-playing .ccpl-num-text{opacity:0}.ccpl-row.has-preview:hover .ccpl-num-play,.ccpl-row.has-preview:focus-visible .ccpl-num-play,.ccpl-row.is-playing .ccpl-num-play{opacity:1}.ccpl-row.is-playing .ccpl-title{color:#FFD1DF}.ccpl-c-title{display:flex;align-items:center;gap:12px;min-width:0}.ccpl-art{width:44px;height:44px;flex:none;border-radius:4px;object-fit:cover;background:rgb(255 255 255 / .06)}.ccpl-art-empty{display:grid;place-items:center;color:var(--ccpl-muted);font-size:20px}.ccpl-meta{display:flex;flex-direction:column;min-width:0}.ccpl-title{font-size:15px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccpl-artist{font-size:13px;color:var(--ccpl-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccpl-src{margin-left:6px;font-size:11px;color:var(--ccpl-muted)!important;text-decoration:none!important;border:1px solid var(--ccpl-faint);border-radius:4px;padding:0 5px}.ccpl-src:hover{color:#fff!important;border-color:rgb(255 255 255 / .4)}.ccpl-c-by{font-size:13px;color:var(--ccpl-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccpl-c-likes{display:flex;align-items:center;justify-content:flex-end;gap:4px}.ccpl .ccpl-like{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:var(--ccpl-muted)!important;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:color .15s,background .15s}.ccpl .ccpl-like .ccpl-ic{font-size:18px}.ccpl .ccpl-like:hover:not(.is-static){color:#fff!important;background:rgb(255 255 255 / .08)!important}.ccpl .ccpl-like.is-on{color:#FFD1DF!important}.ccpl .ccpl-like.is-static{cursor:default}.ccpl .ccpl-like:disabled{opacity:.6}.ccpl .ccpl-del{width:30px;height:30px;padding:0!important;border:0!important;border-radius:50%!important;display:grid;place-items:center;background:transparent!important;color:#ff8a8a!important;font-size:14px;cursor:pointer}.ccpl-rowplayer{padding:4px 12px 10px 62px}.ccpl-player iframe{display:block;width:100%;border:0;border-radius:12px;height:160px}.ccpl-player-spotify iframe{height:80px}.ccpl-player-spotify-list iframe{height:380px}.ccpl-player-apple iframe{height:175px}.ccpl-player-apple-list iframe{height:450px}.ccpl-player-soundcloud iframe{height:166px}.ccpl-player-soundcloud-visual iframe{height:300px}.ccpl-player-mixcloud iframe{height:120px}.ccpl-player-deezer iframe{height:150px}.ccpl-player-video iframe{height:auto;aspect-ratio:16 / 9}.ccpl-mixsec{margin:4px 28px 28px;padding-top:20px;border-top:1px solid var(--ccpl-faint)}.ccpl .ccpl-h3{margin:0 0 12px!important;font-size:22px!important;font-weight:800;color:#fff!important;-webkit-text-fill-color:#fff!important}.ccpl-mixrow{display:flex;align-items:center;gap:16px;padding:12px;margin-bottom:12px;border-radius:10px;background:rgb(255 255 255 / .05)}.ccpl-mixrow-art{width:72px;height:72px;flex:none;border-radius:6px;object-fit:cover}.ccpl-mixrow .ccpl-meta{flex:1}.ccpl-mixrow .ccpl-kicker{color:var(--ccpl-muted);font-size:11px}.ccpl-mixrow-title{font-size:17px;font-weight:700;color:#fff}.ccpl-mixes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin:0 0 32px}.ccpl-mixcard{padding:14px;border-radius:12px;background:rgb(255 255 255 / .04);transition:background .2s}.ccpl-mixcard:hover,.ccpl-mixcard.is-playing{background:rgb(255 255 255 / .09)}.ccpl-mixcard.is-playing{grid-column:1 / -1;display:grid;grid-template-columns:200px minmax(0,1fr);gap:0 20px}.ccpl-mixcard-art{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:rgb(255 255 255 / .06);box-shadow:0 8px 24px rgb(0 0 0 / .4)}.ccpl-mixcard-art img{width:100%;height:100%;object-fit:cover;display:block}.ccpl-mixes .ccpl-mixcard-play{position:absolute;right:10px;bottom:10px;width:50px;height:50px;padding:0!important;border:0!important;border-radius:50%!important;background:var(--ccpl-grad)!important;box-shadow:0 8px 18px rgb(0 0 0 / .45);cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}.ccpl-mixes .ccpl-mixcard-play::before{content:"";position:absolute;left:50%;top:50%;margin:-9px 0 0 -6px;border-style:solid;border-width:9px 0 9px 15px;border-color:#fff0 #fff0 #fff0 var(--ccpl-ink)}.ccpl-mixcard.is-playing .ccpl-mixcard-play::before{margin-left:-7px;width:14px;height:18px;border:0;border-left:5px solid var(--ccpl-ink);border-right:5px solid var(--ccpl-ink)}.ccpl-mixcard:hover .ccpl-mixcard-play,.ccpl-mixcard-play:focus-visible,.ccpl-mixcard.is-playing .ccpl-mixcard-play{opacity:1;transform:none}@media (hover:none){.ccpl-mixes .ccpl-mixcard-play{opacity:1;transform:none}}.ccpl-mixcard-body{padding-top:12px;min-width:0}.ccpl-mixcard-genre{display:inline-block;margin-bottom:6px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ccpl-ink);background:var(--ccpl-grad)}.ccpl-mixes .ccpl-mixcard-title{margin:0 0 4px!important;font-size:17px!important;line-height:1.25!important;font-weight:700;color:#fff!important;-webkit-text-fill-color:#fff!important}.ccpl-mixcard-meta{margin:0;font-size:13px;color:var(--ccpl-muted)}.ccpl-mixcard-meta a,.ccpl-mixcard-link{color:var(--ccpl-accent)!important;text-decoration:none!important}.ccpl-mixcard-link{display:inline-block;margin-top:8px;font-size:13px;font-weight:600}.ccpl-mixcard-player{grid-column:2;align-self:end;margin-top:12px}.ccpl-mixcard.is-playing .ccpl-mixcard-body{align-self:start}.ccpl-tabs{max-width:980px;margin:0 auto}.ccpl-tablist{display:flex;gap:6px;padding:5px;margin:0 auto 24px;max-width:420px;border-radius:999px;background:var(--color-content-bg-alt,#1c1e24);border:1px solid rgb(230 231 234 / .12)}.ccpl-tabs .ccpl-tab{flex:1;padding:11px 16px!important;border:0!important;border-radius:999px!important;height:auto!important;line-height:1.2!important;background:transparent!important;color:var(--color-content-text,#e6e7ea)!important;font:inherit;font-size:16px!important;font-weight:600;cursor:pointer;opacity:.75}.ccpl-tabs .ccpl-tab.is-active{background:var(--ccpl-grad)!important;color:var(--ccpl-ink)!important;opacity:1}.ccpl-tabpanel[hidden]{display:none!important}@media (max-width:700px){.ccpl-hero{flex-direction:column;align-items:flex-start;gap:18px;padding:24px 18px 16px}.ccpl-cover{width:min(64vw, 240px);height:min(64vw, 240px);align-self:center}.ccpl-actions{padding:4px 18px 14px}.ccpl-mainplayer,.ccpl-msg{padding:0 18px;margin:0}.ccpl-composer{margin:0 12px 12px;padding:14px}.ccpl-form{flex-direction:column}.ccpl-tracks{padding:0 4px 16px}.ccpl-thead{display:none}.ccpl-row{grid-template-columns:24px minmax(0,1fr) auto;gap:10px;padding:6px 8px}.ccpl-c-by,.ccpl-src{display:none}.ccpl-art{width:42px;height:42px}.ccpl-rowplayer{padding:2px 8px 10px}.ccpl-mixsec{margin:4px 18px 22px}.ccpl-mixes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ccpl-mixcard{padding:10px}.ccpl-mixcard.is-playing{display:block}.ccpl-mixcard-play{opacity:1;transform:none}}