/* Belink Music futuristic theme v5 */
:root{--bg:#0a0613;--fg:#eef2ff;--mut:#a596c4;--acc:#c06bff;--acc2:#ff4fa3;--card:#1a0e33;--grad:linear-gradient(135deg,#8b5cff,#d63bff 55%,#ff4fa3)}
html,body{background:var(--bg)}
body{background:radial-gradient(900px 500px at 85% -10%,#ff2bd61f,transparent 60%),radial-gradient(800px 600px at -10% 30%,#c06bff17,transparent 60%),var(--bg);background-attachment:fixed}
header{background:linear-gradient(#0a0613f0,#0a061300)}
header.solid{background:#120a24c7;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border-bottom:1px solid #c06bff26;box-shadow:0 8px 30px #c06bff14}
.brand{gap:0}.brand img.logo{height:64px;width:auto;display:block;filter:drop-shadow(0 0 10px #c06bff40)}
@media(min-width:760px){.brand img.logo{height:80px}}
#sbtn{width:44px;height:44px;border-radius:14px;background:#ffffff0d;border:1px solid #c06bff40;display:grid;place-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 18px #c06bff26}
#sbtn svg{stroke:#ecd9ff}
.hcap .tag{color:var(--acc);text-shadow:0 0 12px #c06bff99}
.hcap h1{text-shadow:0 2px 30px #000a}
.play{background:var(--grad);color:#fff;box-shadow:0 8px 28px #b04bff66,0 0 0 1px #ffffff30 inset}
.ghost{background:#ffffff14;border:1px solid #ffffff2e}
.dots i.on{background:var(--grad);box-shadow:0 0 10px #c06bff}
#chips button{background:#ffffff0b;border:1px solid #ffffff1c;color:#e6d6ff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#chips button.on{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 0 18px #b04bff66}
.row h2{background:linear-gradient(90deg,#fff,#f6c9ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.tile .art{border:1px solid #ffffff12;box-shadow:0 8px 24px #0009,0 0 0 1px #c06bff10}
@media(hover:hover){.tile:hover .art{transform:translateY(-3px);box-shadow:0 12px 30px #000a,0 0 22px #c06bff40;border-color:#c06bff66}}
.tile .art .ph{background:linear-gradient(135deg,#3b1670,#5a0f45)}
.prog b{background:var(--grad)}
.card{background:#140b26f2;border:1px solid #c06bff22;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.card .bd:after{background:linear-gradient(#140b2600 50%,#140b26)}
.lic a,#sx{color:var(--acc)}
#q,#psrc{background:#1a0e33;border:1px solid #c06bff33}
#search{background:#0a0613f2}
footer{border-top:1px solid #c06bff1a}footer a{color:var(--acc)}
/* hub (platforms) skin */
html body .bh h2{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
html body .bh-chip{border-color:#c06bff2e;background:#1a0e33b3}
html body .bh-chip.on{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 0 18px #b04bff66}
html body .bh-chip.on b{opacity:.85}
html body .bh-q{background:#1a0e33;border:1px solid #c06bff33;color:#fff}
html body .bh-btn{border:1px solid #c06bff40;background:#ffffff0d;color:#ecd9ff}
html body .bh-card .im{border:1px solid #ffffff12}
:root{--gold:#ff4fa3;--blue:#8b5cff}
.top{background:#120a24c7;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border-bottom:1px solid #c06bff26;box-shadow:0 8px 30px #c06bff14}
.top h1{font-size:0;line-height:0;gap:0}.top h1 img.logo{height:64px;width:auto;filter:drop-shadow(0 0 10px #d63bff40)}
@media(min-width:760px){.top h1 img.logo{height:80px}}
.srch{background:#ffffff0b;border:1px solid #c06bff33;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.chips button{background:#ffffff0b;border:1px solid #ffffff1c;color:#e6d6ff}
.chips button.on{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 0 18px #b04bff66}
.hero{border:1px solid #c06bff2e;box-shadow:0 20px 50px #0009,0 0 30px #d63bff26}
.hero small{color:#ff8fd0;text-shadow:0 0 12px #ff4fa399}
.pill{background:var(--grad);color:#fff;box-shadow:0 8px 28px #b04bff66}.pill.alt{background:#ffffff14;border:1px solid #ffffff2e;box-shadow:none}
section h3{color:#f6ecff}section h3 span{color:#ff8fd0}
.al img,.tr img{border:1px solid #ffffff12}
@media(hover:hover){.al:hover img{box-shadow:0 12px 30px #000a,0 0 22px #d63bff55}}
.tr{border-bottom-color:#c06bff1a}.tr.on b{color:#ff8fd0}
.mini{background:#1a0e33e6;border:1px solid #c06bff33;box-shadow:0 10px 30px #0008,0 0 24px #d63bff26}
.mini .bar b{background:var(--grad)}
nav.tabs{background:#0a0613e6;border-top:1px solid #c06bff26}nav.tabs button.on{color:#ff8fd0}
input[type=range]::-webkit-slider-thumb{background:#ff8fd0;box-shadow:0 0 10px #d63bff}