/* DJPORT 29: one visual system. The supporting sheet contains layout only. */
:root{color-scheme:dark;--bd-bg:#080e0f;--bd-panel:#10191a;--bd-raised:#162223;--bd-line:#293638;--bd-text:#f2f5f1;--bd-muted:#9aa9a9;--bd-accent:#25ded7;--bd-accent-dark:#072525;--bg:var(--bd-bg);--panel:var(--bd-panel);--panel2:var(--bd-raised);--text:var(--bd-text);--muted:var(--bd-muted);--orange:var(--bd-accent);--orange2:#82eee8;--line:var(--bd-line);--dp4-bg:var(--bd-bg);--dp4-panel:var(--bd-panel);--dp4-panel2:var(--bd-raised);--dp4-line:var(--bd-line);--dp4-accent:var(--bd-accent);--dp4-text:var(--bd-text);--dp4-muted:var(--bd-muted);--dp4-side:0px;--dp4-top:76px;--dp-text:var(--bd-text);--dp-muted:var(--bd-muted);--dp-accent:var(--bd-accent)}
*{box-sizing:border-box}html{background:var(--bd-bg);scroll-behavior:smooth;scroll-padding-top:100px}body.bd-body{margin:0;background:var(--bd-bg)!important;color:var(--bd-text)!important;font:14px/1.5 Inter,Arial,Helvetica,sans-serif;padding-bottom:110px!important}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}img{max-width:100%;height:auto}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--bd-accent);outline-offset:4px}[hidden]{display:none!important}.dp4-shell,.dp4-workspace{margin:0!important;min-height:100vh;width:100%!important;max-width:none!important}.dp4-content{padding:32px clamp(18px,3.6vw,70px) 40px!important;max-width:1800px!important;margin:0 auto!important;min-height:60vh}.dp4-content.dp4-home{padding-top:0!important}.dp-wrap{width:100%!important;max-width:none!important;margin:0!important}.dp-section{padding:20px 0!important}.dp4-homegrid,.dp4-homegrid-wide{display:block!important}.dp4-dashboard-main{min-width:0}.dp4-sidebar,.dp-market-nav,.dp-mobile-appnav,.dp-desktop-help-legal,.dp-pwa-legal{display:none!important}
/* Shell, navigation and search */
.bd-header{position:sticky;top:0;z-index:10000;display:flex;align-items:center;gap:25px;min-height:76px;padding:12px clamp(18px,3.6vw,70px);background:#0a1112f5;border-bottom:1px solid var(--bd-line);backdrop-filter:blur(16px)}.bd-wordmark{display:flex;align-items:center;gap:8px;font-size:29px;font-weight:850;letter-spacing:-1px;flex-shrink:0;line-height:1;color:var(--bd-text)}.bd-wordmark svg{width:38px;height:24px;fill:none;stroke:var(--bd-accent);stroke-width:1.7}.bd-nav{display:flex;align-items:center;gap:25px;flex-shrink:0}.bd-nav a{font-size:13px;font-weight:600;white-space:nowrap}.bd-nav a:hover{color:var(--bd-accent)}.bd-search{flex:1;min-width:160px;display:flex;align-items:center;gap:10px;height:42px;border:1px solid #344144;border-radius:7px;background:#131d1e;padding:0 12px}.bd-search>span{font-size:25px;color:var(--bd-muted)}body.bd-body .bd-search input{width:100%;min-width:0;background:none!important;border:0!important;padding:0!important;outline:0;color:var(--bd-text);box-shadow:none!important;font-size:12px;height:40px;border-radius:0}.bd-search button{background:none!important;color:var(--bd-muted)!important;border:0!important;padding:0!important}.bd-user-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.bd-user{display:flex;flex-direction:column;max-width:110px;line-height:1.35}.bd-user small{font-size:9px;color:var(--bd-muted)}.bd-user strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bd-account{font-size:12px;white-space:nowrap}.bd-join,.bd-pill{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--bd-accent);color:var(--bd-accent-dark);font-weight:750;padding:11px 20px;border:0;border-radius:6px;white-space:nowrap}.bd-pill{border-radius:999px;padding:14px 24px;font-size:14px}.bd-join{font-size:12px}.bd-menu-button{display:flex;align-items:center;gap:10px;border:1px solid var(--bd-line);border-radius:6px;background:none;color:var(--bd-text);padding:10px 12px;font-size:12px}.bd-menu-button span{color:var(--bd-accent)}
.dp4-catalog-drawer{position:static}.dp4-catalog-trigger{display:flex;gap:8px;background:transparent;border:0;color:var(--bd-muted);font-size:12px;padding:8px 0;white-space:nowrap}.dp4-catalog-panel{display:none;position:fixed;right:0;top:0;width:min(420px,90vw);height:100dvh;background:var(--bd-panel);border-left:1px solid var(--bd-line);padding:26px;overflow:auto;z-index:10050}.dp4-catalog-drawer.is-open .dp4-catalog-panel{display:block}.dp4-catalog-backdrop{display:none;position:fixed;inset:0;background:#0009;z-index:10040}.dp4-catalog-drawer.is-open .dp4-catalog-backdrop{display:block}.dp4-catalog-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--bd-line)}.dp4-catalog-panel-head strong{font-size:10px;color:var(--bd-muted)}.dp4-catalog-close{background:none;border:0;color:var(--bd-text);font-size:28px}.dp4-catalog-group summary{padding:18px 0;font-size:11px;letter-spacing:.1em;color:var(--bd-accent)}.dp4-catalog-group nav{display:grid}.dp4-catalog-group a{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--bd-line);color:var(--bd-text)}.dp4-catalog-group a b{font-size:11px;color:var(--bd-muted)}
/* Unified all-screen full menu, retaining native navigation handlers. */
.dp-mobile-fullmenu{display:none;position:fixed;top:0;right:0;width:min(460px,94vw);height:100dvh;overflow:auto;background:var(--bd-panel);z-index:11010;border-left:1px solid var(--bd-line);padding:26px 24px 100px}.dp-mobile-fullmenu.is-open{display:block}.dp-mobile-fullmenu-backdrop{display:none;position:fixed;inset:0;background:#0009;z-index:11000}.dp-mobile-fullmenu-open .dp-mobile-fullmenu-backdrop{display:block}.dp-mobile-fullmenu-open{overflow:hidden}.dp-mobile-fullmenu-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--bd-line);padding-bottom:20px}.dp-mobile-fullmenu-head span,.dp-mobile-fullmenu-head strong{display:block}.dp-mobile-fullmenu-head span{font-weight:850;font-size:26px;letter-spacing:-1px}.dp-mobile-fullmenu-head strong{font-size:10px;letter-spacing:.1em;color:var(--bd-accent);margin-top:6px}.dp-mobile-fullmenu-close{border:0;background:transparent;color:var(--bd-text);font-size:30px;padding:0 8px}.dp-mobile-fullmenu-primary{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:22px 0}.dp-mobile-fullmenu-primary a{padding:12px;background:#182728;border:1px solid var(--bd-line);border-radius:6px;font-size:12px}.dp-mobile-fullmenu-group{border-top:1px solid var(--bd-line)}.dp-mobile-fullmenu-group summary{padding:18px 0;color:var(--bd-accent);font-weight:650}.dp-mobile-fullmenu-groupbody{display:grid;gap:2px;padding-bottom:18px}.dp-mobile-fullmenu-groupbody a{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:5px}.dp-mobile-fullmenu-groupbody a:hover{background:var(--bd-raised)}.dp-mobile-fullmenu-groupbody a b{color:var(--bd-muted);font-size:11px}.dp-mobile-logged-user{display:flex;gap:10px;padding:12px;color:var(--bd-text)}.dp-mobile-logged-user small,.dp-mobile-logged-user strong{display:block}.dp-mobile-logged-user small{color:var(--bd-muted);font-size:10px}
/* Homepage */
.bd-hero{position:relative;display:flex;align-items:center;min-height:345px;margin:0 calc(-1 * clamp(18px,3.6vw,70px));background:url('../img/djport-beatdock-hero.webp') center 54%/cover;border-bottom:1px solid var(--bd-line);overflow:hidden}.bd-hero-copy{position:relative;z-index:1;padding:42px clamp(18px,3.6vw,70px);max-width:850px;background:linear-gradient(90deg,#071112c9,#07111200)}.bd-eyebrow{display:block;color:var(--bd-accent);font-size:9px;font-weight:700;letter-spacing:.18em}.bd-hero h1{font-size:clamp(40px,4.8vw,78px);line-height:.96;letter-spacing:-.045em;font-weight:900;margin:17px 0 17px;color:#f7f7f2}.bd-hero h1 span{color:var(--bd-accent)}.bd-hero p{font-size:18px;margin:0 0 23px;color:#d3dddd;line-height:1.5}.bd-hero-caption{margin-left:auto;margin-right:4vw;color:#bac9c5;font-size:10px;letter-spacing:.25em;line-height:1.6;opacity:.65;border-top:1px solid #bac9c566;padding-top:15px}.bd-section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.bd-section-heading h2{font-size:26px;letter-spacing:-.04em;margin:5px 0 0}.bd-section-heading>a{font-size:12px;color:#c3cece}.bd-featured{padding:28px 0;border-bottom:1px solid var(--bd-line)}.bd-chart-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.bd-chart-card{display:block;min-width:0}.bd-chart-art{position:relative;aspect-ratio:1;overflow:hidden;background:#142c2d;border:1px solid #42605e;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;color:#f2f5f0;isolation:isolate}.bd-art-kicker{position:absolute;left:16px;top:13px;font-size:7px;letter-spacing:.15em}.bd-art-genre{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#baf6eb;z-index:2}.bd-chart-art strong{font-size:clamp(16px,1.65vw,28px);line-height:1.04;font-weight:850;letter-spacing:-.025em;text-transform:uppercase;margin:8px 0 12px;z-index:2;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bd-art-author{font-size:8px;z-index:2;text-transform:uppercase;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-art-index{position:absolute;right:12px;top:8px;font-size:32px;font-weight:850;opacity:.17}.bd-art-lines{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(120deg,transparent 0 23px,#5eead41d 24px 25px);mask-image:linear-gradient(#000,transparent)}.bd-art-0{background:linear-gradient(130deg,#0d4142,#081a1b)}.bd-art-1{background:radial-gradient(ellipse at 90% 20%,#52786f,#0a1b1c 70%)}.bd-art-1 .bd-art-lines{background:repeating-radial-gradient(circle at 110% -10%,transparent 0 15px,#b7e2d94d 16px 17px)}.bd-art-2{background:linear-gradient(40deg,#24413e,#081314)}.bd-art-2 .bd-art-lines{transform:rotate(45deg) scale(1.5);background:repeating-linear-gradient(0deg,transparent 0 20px,#2ed8ce40 21px 23px)}.bd-art-3{background:linear-gradient(150deg,#254948,#0b1314)}.bd-art-3 .bd-art-lines{background:radial-gradient(circle at 72% 28%,#39d4c99c 0 15%,transparent 15.5%),radial-gradient(circle at 72% 28%,transparent 0 26%,#92dfcc44 26.5% 27.5%,transparent 28%)}.bd-art-4{background:linear-gradient(120deg,#283b39,#0b2221)}.bd-art-4 .bd-art-lines{background:repeating-linear-gradient(75deg,transparent 0 28px,#9ff4e344 29px 31px)}.bd-art-5{background:linear-gradient(20deg,#071b1c,#315d57)}.bd-art-5 .bd-art-lines{background:repeating-radial-gradient(ellipse at 20% 0%,transparent 0 12px,#c1e8de38 13px 14px)}.bd-chart-card:hover .bd-chart-art{border-color:var(--bd-accent)}.bd-chart-info h3{font-size:13px;line-height:1.35;font-weight:650;margin:12px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bd-chart-info p{color:var(--bd-muted);font-size:11px;margin:0 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bd-chart-info>div{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:#b8c9c6}.bd-chart-info>div span:last-child{color:var(--bd-accent)}.bd-empty-charts{padding:22px;background:var(--bd-panel);border:1px solid var(--bd-line);border-radius:8px}
/* Shared surfaces, forms and typography */
body.bd-body :where(.dp-card,.dp-panel,.dp-studio-card,.dp-account-box,.dp-account-card,.dp-tool-card,.dp-profile-card,.dp-premium-card,.dp-chart-creator){background:var(--bd-panel)!important;color:var(--bd-text)!important;border:1px solid var(--bd-line)!important;border-radius:9px!important;box-shadow:none!important;padding:24px}.dp-card h1,.dp-card h2,.dp-card h3,.dp-section-head h1,.dp-section-head h2{color:var(--bd-text)!important;letter-spacing:-.035em}.dp-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.dp-section-head h2{margin:0;font-size:28px}.dp-title{font-size:clamp(32px,4vw,58px)!important;line-height:1.1!important;letter-spacing:-.045em!important}.dp-muted,.dp-lead,.dp-extra-meta{color:var(--bd-muted)!important}.dp-kicker,.dp-section-head>div>span{color:var(--bd-accent)!important}.dp-card p{line-height:1.65}body.bd-body :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea){background:#0b1314!important;border:1px solid #364749!important;border-radius:6px!important;color:var(--bd-text)!important;padding:12px 14px;box-shadow:none!important;max-width:100%}body.bd-body :where(input[type=checkbox],input[type=radio]){accent-color:var(--bd-accent)}body.bd-body ::placeholder{color:#6e8988}body.bd-body :where(.dp-btn,.dp-mini-btn,.dp-pwa-install-button,.dp-id-btn,.dp-chart-zip-btn){display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--bd-accent)!important;color:var(--bd-accent-dark)!important;border:1px solid var(--bd-accent)!important;border-radius:6px!important;padding:11px 17px;font-size:12px;font-weight:750;box-shadow:none!important;text-shadow:none!important}body.bd-body :where(.dp-btn.ghost,.dp-btn.secondary,.dp-mini-btn,.dp-fav-btn,.dp-like-btn,.dp-global-action){background:transparent!important;color:#d9e4df!important;border:1px solid #3c5050!important;box-shadow:none!important}.dp-btn:hover{filter:brightness(1.08)}.dp-tag{display:inline-block;padding:5px 9px;background:transparent!important;border:1px solid var(--bd-line)!important;border-radius:999px!important;font-size:10px;color:#b9ccca!important}.dp-notice,.dp-alert,.dp-email-warning{background:#12332f!important;border:1px solid #2d6258!important;color:#d9ece4!important;border-radius:7px;padding:16px}.dp-error{background:#321d21!important;border-color:#694049!important;color:#f4b5bc!important}.dp-success{background:#12352c!important;border-color:#2e6451!important;color:#a8e1c5!important}
/* Music tables and controls */
.dp4-panel,.dp4-pricing-home{background:transparent!important;border:0!important;border-bottom:1px solid var(--bd-line)!important;border-radius:0!important;box-shadow:none!important;padding:28px 0!important;margin:0!important}.dp4-panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 0 20px!important;background:none!important;border:0!important}.dp4-panel-head h2{font-size:25px;margin:0;letter-spacing:-.035em}.dp4-panel-head>div>span{display:none}.dp4-panel-head>a{font-size:11px;color:#b9c7c6}.dp4-panel-head small{display:block;font-size:10px;color:var(--bd-muted);margin-top:6px}.dp4-tracklist{width:100%;overflow-x:auto;background:none!important;border:0!important;border-radius:0!important}.dp-table{width:100%;background:transparent!important;border-collapse:collapse;table-layout:auto}.dp-table th{background:transparent!important;color:#8ba09e!important;border-bottom:1px solid var(--bd-line)!important;padding:12px!important;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.dp-table td{background:transparent!important;border:0!important;border-bottom:1px solid #233233!important;padding:12px!important;vertical-align:middle}.dp-table tr:hover td{background:#101d1d!important}.dp-title-cell{min-width:200px}.dp-track-title{line-height:1.35;margin-bottom:4px}.dp-track-title a{font-size:14px!important;font-weight:650!important;color:var(--bd-text)!important}.dp-title-cell>.dp-muted{font-size:11px}.dp-title-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:9px;margin-top:8px;color:#738d88}.dp-title-stats b{font-weight:500}.dp-title-stats .dp-like-btn{border:0!important;font-size:10px;padding:0!important;color:#87aaa3!important}.dp-added{font-size:10px;color:var(--bd-muted)!important}.dp-added-time{display:block;font-size:9px;opacity:.7}.dp-wave-player{background:none!important;border:0!important;box-shadow:none!important}.dp-play,.dp-chart-play{width:36px;height:36px;border:1px solid #d3ded7!important;border-radius:50%!important;color:#102927!important;background:#ecf3e9!important;box-shadow:none!important;font-size:12px;display:inline-flex;align-items:center;justify-content:center;padding:0!important}.dp-play:hover,.dp-chart-play:hover{background:var(--bd-accent)!important;border-color:var(--bd-accent)!important}.dp-play.is-playing{background:var(--bd-accent)!important}.dp-rank-tabs,.dp-studio-tabs,.dp-account-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 18px;margin:0;border:0;background:transparent!important}.dp-rank-tabs a,.dp-studio-tabs button,.dp-account-tabs a,.dp-account-tabs button{display:inline-flex;padding:9px 15px;border:1px solid var(--bd-line)!important;border-radius:999px!important;background:transparent!important;color:#b4c4c1!important;font-size:11px;box-shadow:none!important}.dp-rank-tabs a.active,.dp-studio-tabs button.active,.dp-account-tabs .active{background:var(--bd-accent)!important;color:var(--bd-accent-dark)!important;border-color:var(--bd-accent)!important}.dp-studio-tabs button:after{display:none}.dp-pagination{display:flex;justify-content:center;gap:8px;margin-top:20px}.dp-pagination a,.dp-pagination span{background:transparent!important;border:1px solid var(--bd-line)!important;border-radius:5px!important;color:#b2c5be!important;padding:7px 12px}.dp-pagination .current,.dp-pagination .active{background:var(--bd-accent)!important;color:var(--bd-accent-dark)!important}
/* Charts, account, Premium and tool pages share the same surface language. */
.dp-charts-grid{display:grid;gap:16px}.dp-chart-accordion{background:var(--bd-panel)!important;border:1px solid var(--bd-line)!important;border-radius:8px!important;box-shadow:none!important}.dp-chart-accordion-head{padding:20px!important;background:transparent!important;color:var(--bd-text)!important;border-color:var(--bd-line)!important}.dp-chart-accordion-copy small{color:var(--bd-accent)!important;letter-spacing:.14em;font-size:9px}.dp-chart-accordion-copy strong{font-size:21px!important;letter-spacing:-.025em}.dp-chart-accordion-copy em{color:var(--bd-muted)!important;font-size:11px}.dp-chart-accordion-toggle{background:transparent!important;color:var(--bd-accent)!important;border-color:var(--bd-line)!important}.dp-chart-accordion-body{padding:20px!important;border-top:1px solid var(--bd-line);background:var(--bd-bg)!important}.dp-chart-track-list li{background:transparent!important;border-color:var(--bd-line)!important;border-radius:0!important}.dp-chart-picker label{background:var(--bd-bg)!important;border-color:var(--bd-line)!important;border-radius:6px!important}.dp-chart-genre-tabs a{background:transparent!important;border:1px solid var(--bd-line)!important;color:var(--bd-muted)!important;border-radius:999px!important}.dp-chart-genre-tabs a.active{background:var(--bd-accent)!important;color:var(--bd-accent-dark)!important}.dp-premium-price,.dp-premium-card .price,.dp-coin-pack .price{color:var(--bd-accent)!important}.dp-premium-card,.dp-coin-pack{background:var(--bd-panel)!important;border:1px solid var(--bd-line)!important;border-radius:9px!important;box-shadow:none!important}.dp-premium-card.featured,.dp-coin-pack.featured{border-color:var(--bd-accent)!important;background:#102827!important}.dp-premium-benefits li:before{color:var(--bd-accent)!important}.dp-country-flag{border:1px solid var(--bd-line)!important;background:var(--bd-bg)!important;box-shadow:none!important}.dp-account-hero,.dp-user-profile-hero,.dp-studio-hero,.dp-master-hero,.dp-id-hero,.dp-organizer-hero{background:linear-gradient(120deg,#12312f,#0b1415)!important;border:1px solid var(--bd-line)!important;border-radius:9px!important;box-shadow:none!important}.dp-account-card h3,.dp-profile-fields label,.dp-id-stat strong{color:var(--bd-text)!important}.dp-id-page,.dp-master-page,.dp-organizer-page,.dp-sorter-page{--accent:var(--bd-accent);--accent2:#82eee8;--orange:var(--bd-accent);--bg:var(--bd-bg);--panel:var(--bd-panel)}.dp-id-card,.dp-master-card,.dp-organizer-card,.dp-sorter-card{background:var(--bd-panel)!important;border-color:var(--bd-line)!important;border-radius:9px!important;box-shadow:none!important}.dp-dropzone,.dp-id-dropzone,.dp-master-dropzone{background:#0d2120!important;border:1px dashed #3c8076!important;border-radius:8px!important;box-shadow:none!important}.dp-studio-quick-card,.dp-dna-card,.dp-polish-trends,.dp-dashboard-stat{background:var(--bd-panel)!important;border:1px solid var(--bd-line)!important;border-radius:8px!important;box-shadow:none!important}.dp-stat-ring,.dp-feature-ring{color:var(--bd-accent)!important}.dp-user-profile-tabs a{background:transparent!important;color:var(--bd-muted)!important;border-color:var(--bd-line)!important}
/* Fixed audio deck. Existing transport, waveform, download and favorite elements stay live. */
.dp-global-player{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;z-index:9900!important;background:#0b1415f8!important;border:0!important;border-top:1px solid #344847!important;border-radius:0!important;box-shadow:0 -10px 35px #0004!important;overflow:visible!important}.dp-global-player:before{display:none!important}.dp-global-inner{display:grid!important;grid-template-columns:52px 116px minmax(120px,1fr) 90px auto!important;align-items:center!important;gap:16px!important;padding:14px clamp(18px,3.6vw,70px)!important;max-width:1800px!important;margin:auto!important;min-height:86px!important}.dp-global-cover{width:50px!important;height:50px!important;object-fit:cover!important;border:1px solid var(--bd-line)!important;border-radius:3px!important}.dp-global-transport{display:flex!important;align-items:center;gap:12px}.dp-global-play{display:flex;align-items:center;justify-content:center;width:42px!important;height:42px!important;background:none!important;color:var(--bd-text)!important;border:1px solid #d0dbd4!important;border-radius:50%!important;box-shadow:none!important;padding:0!important}.dp-global-skip{background:none!important;border:0!important;color:var(--bd-muted)!important;font-size:25px!important;padding:0!important}.dp-global-main{min-width:0}.dp-global-title{font-size:12px!important;font-weight:650!important;color:var(--bd-text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-global-meta{font-size:10px!important;color:var(--bd-muted)!important}.dp-global-wave{display:flex!important;align-items:center;gap:2px;height:28px!important;margin-top:3px;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden;cursor:pointer}.dp-global-wave:before,.dp-global-wave:after{display:none!important}.dp-global-wave span,.dp-global-wave i{background:#385d58!important}.dp-global-wave .is-played,.dp-global-wave .played{background:var(--bd-accent)!important}.dp-global-bar{height:2px!important;background:#23453f!important;border-radius:0!important}.dp-global-progress{height:100%;background:var(--bd-accent)!important}.dp-global-time{color:var(--bd-muted)!important;font-size:10px!important;white-space:nowrap}.dp-global-actions{display:flex!important;gap:9px!important;align-items:center}.dp-global-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:none!important;border:1px solid var(--bd-line)!important;color:#d2dfd8!important;border-radius:5px!important;font-size:10px!important;padding:9px!important;box-shadow:none!important}.dp-global-action.is-disabled{opacity:.35;pointer-events:none}.dp-global-action-label{font-size:9px!important}
/* Footer/PWA */
.dp-footer,.dp4-footer{background:#0a1213!important;border-top:1px solid var(--bd-line)!important;border-radius:0!important;color:var(--bd-muted)!important;padding:30px clamp(18px,3.6vw,70px)!important;margin:25px 0 0!important}.bd-footer-wordmark{font-size:24px;margin:20px 0;color:var(--bd-text)}.bd-footer-wordmark span{color:var(--bd-accent)}.dp-footer p{font-size:11px}.dp-terms-links-footer{display:flex;flex-wrap:wrap;gap:20px;font-size:10px;margin:20px 0}.dp-pwa-install{display:flex;align-items:center;gap:16px;border:1px solid var(--bd-line)!important;border-radius:8px!important;background:var(--bd-panel)!important;padding:16px;margin-bottom:25px;box-shadow:none!important}.dp-pwa-icon{display:none!important}.dp-pwa-copy{display:flex;flex-direction:column;gap:4px;flex:1}.dp-pwa-copy strong{color:var(--bd-text);font-size:13px}.dp-pwa-copy span,.dp-pwa-copy small{color:var(--bd-muted);font-size:10px}
/* New shell has no legacy PWA-specific design, only responsive rules. */
@media(min-width:1600px){.bd-chart-grid{gap:25px}.bd-hero{min-height:390px}}
@media(max-width:1300px){.bd-header{gap:16px;flex-wrap:wrap}.bd-nav{gap:18px}.bd-user{display:none}.bd-user-actions{margin-left:auto}.bd-search{order:5;flex-basis:calc(100% - 100px);max-width:none}.dp4-catalog-drawer{order:6}.bd-hero h1{font-size:58px}.bd-chart-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bd-chart-card{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.bd-chart-info h3{white-space:normal}.bd-chart-info>div{display:block}.bd-chart-info>div span{display:block;margin-top:8px}.bd-chart-art strong{font-size:23px}.dp-global-inner{gap:12px!important}}
@media(max-width:900px){.bd-nav{gap:15px}.bd-nav a{font-size:11px}.bd-header{padding:12px 20px;gap:15px}.bd-wordmark{font-size:26px}.bd-user-actions{gap:9px}.bd-join{padding:9px 12px;font-size:10px}.bd-account{font-size:11px}.bd-menu-button{padding:8px 10px;font-size:10px}.bd-chart-grid{gap:16px}.bd-chart-card{display:block}.bd-chart-art strong{font-size:25px}.bd-chart-info>div{display:flex}.bd-chart-info>div span{margin:0}.bd-hero h1{font-size:52px}.bd-hero-caption{display:none}.dp-global-inner{grid-template-columns:42px 98px minmax(100px,1fr) auto!important;padding:12px 20px!important;gap:12px!important}.dp-global-time{display:none!important}.dp-global-actions{gap:5px!important}.dp-global-action-label{display:none!important}.dp-global-cover{width:40px!important;height:40px!important}.dp-global-play{width:36px!important;height:36px!important}}
@media(max-width:600px){.bd-header{padding:12px 16px;gap:10px;min-height:104px}.bd-nav{display:none}.bd-wordmark{font-size:25px}.bd-wordmark svg{width:30px}.bd-user-actions{gap:9px}.bd-account{font-size:10px}.bd-join{display:none}.bd-search{height:37px;flex-basis:calc(100% - 82px)}body.bd-body .bd-search input{height:35px;font-size:11px}.bd-menu-button{font-size:11px;padding:7px 9px}.dp4-catalog-trigger{font-size:11px}.dp4-content{padding:20px 16px 28px!important}.bd-hero{min-height:300px;margin:0 -16px;background-position:65% center}.bd-hero-copy{padding:34px 20px;background:linear-gradient(90deg,#081312e8,#08131240);width:100%}.bd-hero h1{font-size:clamp(34px,8.8vw,49px)}.bd-hero p{font-size:14px;max-width:260px}.bd-hero .bd-eyebrow{font-size:8px}.bd-pill{font-size:12px;padding:12px 19px}.bd-featured{padding:23px 0}.bd-section-heading h2{font-size:23px}.bd-section-heading>a{font-size:10px;max-width:115px;text-align:right}.bd-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.bd-chart-art{padding:12px}.bd-chart-art strong{font-size:20px}.bd-art-kicker{left:12px;top:10px;font-size:6px}.bd-art-author{font-size:7px}.bd-art-genre{font-size:7px}.bd-chart-info h3{font-size:12px}.bd-chart-info p{font-size:10px}.bd-chart-info>div{font-size:9px}.dp4-panel{padding:23px 0!important}.dp4-panel-head h2{font-size:21px}.dp4-panel-head>a{font-size:9px}.dp-table th,.dp-table td{padding:10px 8px!important}.dp-table .dp-title-cell{min-width:170px}.dp-table th:nth-child(4),.dp-table td:nth-child(4),.dp-table th:nth-child(5),.dp-table td:nth-child(5){display:none!important}.dp-table th:nth-child(6),.dp-table td:nth-child(6){display:none!important}.dp-table th:nth-child(3),.dp-table td:nth-child(3){display:none!important}.dp-table .dp-title-cell{min-width:0;max-width:200px}.dp-track-title a{font-size:12px!important}.dp-title-stats{gap:5px;font-size:8px}.dp-card{padding:18px!important}.dp-section-head{flex-wrap:wrap}.dp-section-head h2{font-size:23px}.dp-global-inner{grid-template-columns:32px 74px minmax(0,1fr) auto!important;gap:9px!important;padding:10px 12px!important;min-height:72px!important}.dp-global-cover{width:32px!important;height:32px!important}.dp-global-transport{gap:6px!important}.dp-global-skip{font-size:18px!important}.dp-global-play{width:32px!important;height:32px!important}.dp-global-title{font-size:10px!important}.dp-global-meta{font-size:8px!important}.dp-global-wave{height:20px!important}.dp-global-actions .dp-global-fav,.dp-global-actions .dp-global-fav-form{display:none!important}.dp-global-action{padding:7px!important}.dp-pwa-install{flex-wrap:wrap}.dp-pwa-install-button{font-size:10px!important}.dp-footer{padding:25px 16px!important}.dp4-pricing-home .dp-section-head{display:block}.dp4-pricing-home h2{font-size:23px}.dp4-pricing-home .dp-btn{margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Native table layout replaces the previous card/grid catalogue. */
body.bd-body .dp-table{display:table!important;border-collapse:collapse!important;border-spacing:0!important;width:100%!important;table-layout:auto!important;background:none!important}body.bd-body .dp-table thead{display:table-header-group!important}body.bd-body .dp-table tbody{display:table-row-group!important}body.bd-body .dp-table tr{display:table-row!important;background:none!important;border:0!important;box-shadow:none!important;transform:none!important}body.bd-body .dp-table tr:before,body.bd-body .dp-table tr:after{display:none!important}body.bd-body .dp-table th,body.bd-body .dp-table td{display:table-cell!important;width:auto!important;background:none!important;border-radius:0!important;box-shadow:none!important}body.bd-body .dp-table td:before{display:none!important}.dp-cover-cell{width:64px!important}.dp-cover-cell .dp-wave-player{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0!important;max-width:80px}.dp-cover-cell .dp-wave-player>*:not(.dp-play):not(.dp-cover){display:none!important}.dp-cover-cell .dp-wave-player .dp-cover{width:38px;height:38px;object-fit:cover;border-radius:2px}.dp-cover-cell .dp-wave-player .dp-play{flex-shrink:0}.dp-title-stats .dp-mini-btn{padding:2px 7px!important;font-size:9px!important}.dp-global-player .dp-global-play{background:transparent!important;border-radius:50%!important;box-shadow:none!important}.dp-global-player .dp-global-time{background:none!important;border:0!important}.dp-global-player .dp-global-wave{box-shadow:none!important}.bd-search input{border:0!important;border-radius:0!important}
@media(max-width:600px){body.bd-body .dp-table th:nth-child(3),body.bd-body .dp-table td:nth-child(3),body.bd-body .dp-table th:nth-child(4),body.bd-body .dp-table td:nth-child(4),body.bd-body .dp-table th:nth-child(5),body.bd-body .dp-table td:nth-child(5),body.bd-body .dp-table th:nth-child(6),body.bd-body .dp-table td:nth-child(6){display:none!important}.dp-cover-cell{width:42px!important}.dp-cover-cell .dp-wave-player{max-width:38px}.dp-cover-cell .dp-wave-player .dp-cover{display:none!important}}
.dp-cover-play img{display:none!important}.dp-cover-play-icon{font-size:12px;line-height:1}.dp-preview-limit-note{font-size:8px!important;line-height:1.3;color:var(--bd-muted)!important;margin-top:5px}.dp-cover-cell .dp-preview-limit-note{max-width:85px;text-align:center}.dp-preview-limit-note a{color:var(--bd-accent)}.dp-global-wave span{display:block;flex:1;min-width:2px;border-radius:1px}.dp-global-wave span.active{background:var(--bd-accent)!important}.dp-global-player{display:none!important}.dp-global-player.is-visible{display:block!important}.dp-downloads-side{display:flex;flex-direction:column;align-items:center;gap:6px}.dp-track-tech-panel{display:flex;gap:15px}.dp-track-tech-panel span{display:flex;flex-direction:column}.dp-track-tech-panel small{color:var(--bd-muted);font-size:8px}.dp-track-tech-panel strong{font-size:11px;color:var(--bd-text)}.dp-track-tech-panel em{color:var(--bd-accent);font-size:8px}
.admin-bar .bd-header{top:32px}.admin-bar .dp-mobile-fullmenu{top:32px;height:calc(100dvh - 32px)}@media(max-width:782px){.admin-bar .bd-header{top:46px}.admin-bar .dp-mobile-fullmenu{top:46px;height:calc(100dvh - 46px)}}
/* Native tools dropdown beside search. */
.bd-wordmark img{display:block;width:160px;height:auto;max-height:48px;object-fit:contain}.bd-footer-wordmark img{width:190px;max-height:60px}.bd-tools{position:relative;flex-shrink:0}.bd-tools summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;white-space:nowrap;color:#c7d7d1;font-size:12px;padding:11px 0}.bd-tools summary::-webkit-details-marker{display:none}.bd-tools summary span{color:#25ded7}.bd-tools[open] summary{color:#25ded7}.bd-tools-panel{position:absolute;top:100%;right:0;width:330px;padding:10px;background:#10191a;border:1px solid #344a47;border-radius:8px;box-shadow:0 12px 40px #0007;z-index:10030;display:grid;gap:3px}.bd-tools-panel a{display:block;padding:12px 14px;border-radius:5px}.bd-tools-panel a:hover{background:#17312d}.bd-tools-panel b{display:block;font-size:12px;color:#f2f5f1;font-weight:650}.bd-tools-panel small{display:block;margin-top:3px;color:#9aa9a9;font-size:10px}
@media(max-width:1300px){.bd-tools{order:6}.dp4-catalog-drawer{order:7}.bd-search{flex-basis:calc(100% - 190px)}}
@media(max-width:600px){.bd-wordmark img{width:132px;max-height:37px}.bd-tools summary{font-size:10px;gap:3px;padding:8px 0}.bd-search{flex-basis:calc(100% - 157px);min-width:120px;padding:0 8px}.bd-header{gap:8px}.bd-tools-panel{position:fixed;top:106px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 190px);overflow:auto}.bd-tools-panel a{padding:11px 13px}}

/* Compact club waveform: dense bars, clear played position. */
.dp-global-player .dp-global-wave{height:36px!important;gap:1px!important;align-items:center!important;background:linear-gradient(transparent 49%,#263c3d 49%,#263c3d 51%,transparent 51%)!important;isolation:isolate}
.dp-global-player .dp-global-wave span{flex:1 1 2px!important;min-width:1px!important;max-width:3px!important;border-radius:0!important;background:#526b6b!important;opacity:.9;pointer-events:none}
.dp-global-player .dp-global-wave span.active,.dp-global-player .dp-global-wave span.is-played,.dp-global-player .dp-global-wave span.played{background:#25ded7!important;opacity:1}
.dp-global-player .dp-global-wave:hover span:not(.active){background:#6b8381!important}
.dp-global-player .dp-global-bar{height:2px!important;margin-top:3px}
@media(max-width:600px){.dp-global-player .dp-global-wave{height:30px!important}}

/* DJ Chart: expanded detail page and compact sharing controls. */
.dp-chart-expanded-head{padding:20px;display:flex;align-items:center;gap:12px}.dp-chart-expanded-head .dp-chart-accordion-copy{display:flex;flex-direction:column;gap:6px}.dp-chart-expanded-head strong{font-size:24px}.dp-chart-share{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dp-chart-share-btn{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:8px 11px!important;border:1px solid var(--bd-line)!important;border-radius:5px!important;background:transparent!important;color:var(--bd-text)!important;font-size:12px!important;line-height:1.3!important;max-width:100%;cursor:pointer}.dp-chart-share .dp-chart-fb-icon{display:inline-flex!important;flex:0 0 16px!important;width:16px!important;height:16px!important}.dp-chart-share svg.dp-fb-icon{display:block!important;width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;flex:none!important;color:var(--bd-accent)}
/* Master upload panel, preserving existing file input and drop handlers. */
#dp-master-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:270px;padding:36px 24px;text-align:center;border:2px dashed #397e78!important;border-radius:12px!important;background:#102525!important;color:#edf5f4!important;transition:border-color .15s,background .15s}#dp-master-drop.is-drag{border-color:#25ded7!important;background:#16403b!important}#dp-master-drop h2{font-size:25px;margin:12px 0;color:#fff}#dp-master-drop p{color:#a8c0bd;font-size:14px}#dp-master-drop .dp-master-wave{color:#25ded7;font-size:30px;letter-spacing:5px}#dp-master-pick{padding:13px 22px!important;background:#25ded7!important;color:#071716!important;border:0!important;border-radius:7px!important;font-weight:800;cursor:pointer}#dp-master-input[hidden]{display:none!important}
/* Track ID: visible orb, readable status and active recognition rings. */
.dp-id-console{background:#102021!important;border:1px solid #345552!important;border-radius:16px!important}.dp-id-screen{background:#0a1719!important;border-radius:12px}.dp-id-mic{border-radius:50%!important;background:#193d3a!important;border:2px solid #25ded7!important;color:#fff!important;box-shadow:0 0 35px #25ded722!important}.dp-id-mic b{color:#fff!important}.dp-id-mic small{color:#a8e4df!important}.dp-id-mic span{border:2px solid #25ded7;border-radius:14px;background:#25ded7}.dp-id-mic span:before{border:2px solid #25ded7;border-top:0;border-radius:0 0 20px 20px}.dp-id-mic span:after{background:#25ded7}.dp-id-status b{color:#25ded7!important}.dp-id-status span,.dp-id-device span{color:#d2e4e0!important}.dp-id-device button{color:#25ded7!important;border:1px solid #345552!important;background:#0e2625!important;border-radius:6px}.dp-id-progress{background:#244440!important}.dp-id-progress i,.dp-id-levels i{background:#25ded7!important}.dp-id-orbit{border-radius:50%!important;border:1px solid #25ded744!important}.dp-id-orbit i{border:1px solid #25ded755!important;border-radius:50%!important}.dp-id-orbit b{border:2px solid transparent!important;border-top-color:#25ded7!important;border-right-color:#25ded7!important;border-radius:50%!important;animation:bd-id-spin 9s linear infinite}.dp-id-page[data-id-state="searching"] .dp-id-orbit b,.dp-id-page[data-id-state="listening"] .dp-id-orbit b{animation-duration:1.2s}.dp-id-page[data-id-state="searching"] .dp-id-mic span{display:none}.dp-id-page[data-id-state="searching"] .dp-id-mic b{font-size:0}.dp-id-page[data-id-state="searching"] .dp-id-mic b:after{content:"AI";font-size:32px;color:#25ded7}.dp-id-page[data-id-state="searching"] .dp-id-mic small{font-size:0}.dp-id-page[data-id-state="searching"] .dp-id-mic small:after{content:"ANALYZING AUDIO";font-size:8px}.dp-id-help{background:#102021!important;border:1px solid #345552!important;color:#edf5f4!important;border-radius:14px}.dp-id-help button{color:#25ded7!important}.dp-id-help li{background:#142c2c!important}.dp-id-help:before{background:#000a!important}@keyframes bd-id-spin{to{transform:rotate(360deg)}}
.bd-music-genres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:30px 0}.bd-music-genres>a{display:flex;flex-direction:column;gap:14px;padding:25px;background:#102525;border:1px solid #345552;border-radius:9px;color:#edf5f4}.bd-music-genres>a>span{color:#25ded7;font-size:28px}.bd-music-genres>a>small{color:#9ebbb6}.bd-music-genres>a:hover{border-color:#25ded7;background:#14332f}@media(max-width:800px){.bd-music-genres{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.dp-id-orbit b{animation:none!important}}
/* Local audio processing uses the same orbit without claiming an AI request. */
.dp-tool-float:not([hidden]):not(.is-done) strong:before,.dp-master-float:not([hidden]):not(.is-done) strong:before{content:"";display:inline-block;vertical-align:middle;margin-right:9px;width:18px;height:18px;border:2px solid #25ded733;border-top-color:#25ded7;border-right-color:#25ded7;border-radius:50%;animation:bd-id-spin 1.2s linear infinite}@media(prefers-reduced-motion:reduce){.dp-tool-float strong:before,.dp-master-float strong:before{animation:none!important}}
/* One Facebook icon colour across desktop, mobile and PWA. */
body.bd-body .dp-share-icons button.dp-share-facebook,body.bd-body.dp-pwa-mode .dp-share-icons button.dp-share-facebook,body.bd-body .dp-chart-share button.dp-share-facebook{color:#25ded7!important;background:transparent!important;border-color:#345552!important;filter:none!important}body.bd-body .dp-share-icons button.dp-share-facebook svg.dp-fb-icon,body.bd-body.dp-pwa-mode .dp-share-icons button.dp-share-facebook svg.dp-fb-icon{color:#25ded7!important;width:16px!important;height:16px!important;display:block!important;filter:none!important}body.bd-body .dp-share-icons button.dp-share-facebook svg.dp-fb-icon path,body.bd-body.dp-pwa-mode .dp-share-icons button.dp-share-facebook svg.dp-fb-icon path{fill:#25ded7!important}body.bd-body .dp-share-icons button.dp-share-facebook:hover{color:#a4fffa!important;border-color:#25ded7!important}