/* Belink Music — Editorial premium theme v1 (2026-10-14). Loaded last; overrides theme.css/studio.css. */
:root{--bg:#0d0d0f;--fg:#f5f3ee;--mut:#9a978f;--acc:#14b8a6;--acc2:#5eead4;--gold:#14b8a6;--blue:#14b8a6;--card:#17171a;--line:rgba(245,243,238,.09);--grad:#14b8a6;
 --fs:"Inter",system-ui,sans-serif;--fd:"Inter Tight","Inter",system-ui,sans-serif;font-family:var(--fs)!important}
html[dir=rtl]{--fs:"IBM Plex Sans Arabic","Inter",system-ui,sans-serif;--fd:"IBM Plex Sans Arabic","Inter Tight",system-ui,sans-serif}
html,html body{background:var(--bg)!important;color:var(--fg)!important;font-family:var(--fs)!important;-webkit-font-smoothing:antialiased}
html body:before{display:none!important}
body *:not(svg):not(path){font-family:inherit}
h1,h2,h3,h4,.bnw h2,.bx h2,.bh h2{font-family:var(--fd)!important;font-weight:650!important;letter-spacing:-.025em!important}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0!important}
canvas.blk-bg{opacity:.35!important}
/* header */
.top{background:rgba(13,13,15,.82)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;display:flex!important;align-items:center;gap:20px;padding:calc(env(safe-area-inset-top) + 14px) max(24px,4vw) 14px!important}
.top h1{margin:0!important;flex:none}
.bm-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg)}
.bm-brand img{width:34px!important;height:30px!important;filter:none!important}
.bm-brand b{font:700 23px/1 var(--fd);letter-spacing:-.035em;color:var(--fg)}
.bm-brand b em{font-style:normal;font-weight:400;color:var(--mut)}
.top .srch{flex:1;max-width:520px;margin:0 0 0 auto!important;background:#ffffff0d!important;border:1px solid var(--line)!important;border-radius:999px!important;padding:10px 16px!important}
html[dir=rtl] .top .srch{margin:0 auto 0 0!important}
.top .srch input{font-size:15px!important}
#langBtn{border:1px solid var(--line)!important;border-radius:999px!important;background:transparent!important;color:var(--fg)!important;font-weight:600!important}
@media(max-width:760px){.top{flex-wrap:wrap;gap:12px;padding-top:calc(env(safe-area-inset-top) + 58px)!important}.top .srch{order:3;flex-basis:100%;max-width:none;margin:0!important}.bm-brand b{font-size:21px}}
/* chips */
.chips,#chips{padding:16px max(24px,4vw) 6px!important;gap:8px!important}
.chips button,#chips button,.bx-c,.bh-chip{background:transparent!important;border:1px solid var(--line)!important;color:#d9d6ce!important;border-radius:999px!important;font-weight:500!important;box-shadow:none!important;backdrop-filter:none!important}
.chips button.on,#chips button.on,.bx-c.on,.bh-chip.on{background:var(--fg)!important;color:#0d0d0f!important;border-color:var(--fg)!important}
/* hero */
#main{padding:0 max(24px,4vw)}
#main .hero{margin:22px 0 10px!important;width:100%!important;border-radius:4px!important;max-height:520px!important;aspect-ratio:21/9!important;box-shadow:none!important}
#main .hero:after{background:linear-gradient(90deg,rgba(13,13,15,.92) 0,rgba(13,13,15,.35) 55%,transparent),linear-gradient(transparent 50%,rgba(13,13,15,.9))!important}
html[dir=rtl] #main .hero:after{background:linear-gradient(-90deg,rgba(13,13,15,.92) 0,rgba(13,13,15,.35) 55%,transparent),linear-gradient(transparent 50%,rgba(13,13,15,.9))!important}
#main .hero .c{left:clamp(20px,4vw,56px)!important;right:auto!important;bottom:clamp(20px,4vw,52px)!important;max-width:620px}
#main .hero small{color:var(--acc)!important;letter-spacing:.2em!important;font-weight:600!important;text-shadow:none!important}
#main .hero h2{font-size:clamp(30px,4.6vw,64px)!important;line-height:1.02!important;margin:10px 0 22px!important;text-shadow:none!important}
.pill,.play{background:var(--fg)!important;color:#0d0d0f!important;box-shadow:none!important;border-radius:999px!important;font-weight:600!important}
.pill.alt,.ghost{background:transparent!important;color:var(--fg)!important;border:1px solid rgba(245,243,238,.35)!important}
@media(max-width:760px){#main .hero{aspect-ratio:4/5!important;max-height:none!important}}
/* sections */
#main section h3,.bx h2,.bh h2{font-size:clamp(20px,2vw,26px)!important;margin:44px 0 16px!important;padding-top:18px;border-top:1px solid var(--line)}
#main section h3 span{color:var(--acc)!important;font-weight:600!important;font-size:13px!important;letter-spacing:.06em;text-transform:uppercase}
.rail,.list{padding:0!important}
.al img,.tr img,.bx-card .im,.bh-card img{border-radius:3px!important;box-shadow:none!important}
.al b{font-weight:600!important}.al i,.tr i{color:var(--mut)!important}
.tr{border-bottom:1px solid var(--line)!important;padding:10px 0!important}.tr.on b{color:var(--acc)!important}
.bx,.bh,.bnw{max-width:none!important;margin:0!important;padding:0 max(24px,4vw)!important}
.bx .sub,.bh>p,.bnw-s{color:var(--mut)!important}
.bx-card,.bh-card{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:4px!important;box-shadow:none!important}
.bx-q,.bh-q{background:#ffffff08!important;border:1px solid var(--line)!important;border-radius:999px!important;color:var(--fg)!important}
.bnw-k{color:var(--acc)!important}.bnw-a{border-color:var(--line)!important}
.bnw-h{border-bottom-color:var(--line)!important}
/* players */
.mini{background:rgba(23,23,26,.94)!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:0 20px 50px #0009!important}
.mini .bar b{background:var(--acc)!important}
nav.tabs{background:rgba(13,13,15,.94)!important;border-top:1px solid var(--line)!important}
nav.tabs button.on{color:var(--fg)!important}nav.tabs button.on svg{fill:var(--acc)!important}
.full .art{border-radius:6px!important}
input[type=range]::-webkit-slider-thumb{background:var(--fg)!important}
.ctl .sm.on svg{fill:var(--acc)!important}
.badge{background:transparent!important;border:1px solid var(--acc);color:var(--acc)!important}
/* footer */
.bm-foot{padding:64px max(24px,4vw) calc(170px + env(safe-area-inset-bottom));border-top:1px solid var(--line);margin-top:56px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;color:var(--mut);font-size:13px}
.bm-foot .bm-brand b{font-size:18px}.bm-foot nav{display:flex;gap:20px}.bm-foot a{color:var(--mut);text-decoration:none}.bm-foot a:hover{color:var(--fg)}
.bm-pw{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.6}
body{padding-bottom:0!important}
.top h1{font-size:inherit!important;line-height:1!important}
.top h1:before,.top h1:after{content:none!important}
#main .hero h2{font-weight:650!important}
@media(max-width:760px){.top #langBtn{order:2;margin-inline-start:auto}}
@media(min-width:761px){.top .srch{max-width:360px!important}}
#main .hero{background-position:center!important}
html[dir=rtl] #main .hero .c{left:auto!important;right:clamp(20px,4vw,56px)!important;text-align:right}