.mfc-page{--blue:#147cff;--cyan:#59c7ff;--ink:#111827;--muted:#667085;--line:#e0e8f2;--soft:#f5f8fc;direction:rtl;background:#f5f8fc;padding:24px 0 72px;color:var(--ink)}
.mfc-page *{box-sizing:border-box}.mfc-shell{width:min(1440px,calc(100% - 32px));margin:auto;display:grid;gap:24px}
.mfc-hero{display:grid;grid-template-columns:minmax(0,1.5fr) 430px;min-height:400px;overflow:hidden;border:1px solid #d5e2f0;background:linear-gradient(135deg,#fff 0 66%,#eef7ff 66%);box-shadow:0 18px 45px rgba(15,35,70,.08)}
.mfc-hero-copy{padding:54px 56px;display:flex;flex-direction:column;justify-content:center}.mfc-eyebrow{width:max-content;display:flex;align-items:center;gap:8px;color:var(--blue);font-size:13px;font-weight:950}.mfc-hero h1{margin:16px 0 14px;font-size:clamp(45px,5.5vw,78px);line-height:.98;letter-spacing:-2.5px;font-weight:950}.mfc-hero h1 strong{color:var(--blue)}.mfc-hero p{max-width:760px;margin:0;color:#536176;font-size:17px;line-height:1.8;font-weight:750}.mfc-hero-actions{display:flex;gap:10px;margin-top:28px}.mfc-search{position:relative;flex:1;max-width:520px}.mfc-search i{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#98a2b3}.mfc-search input{width:100%;height:52px;padding:0 48px 0 16px;border:1px solid #cfdae7;border-radius:2px;background:#fff;font:800 14px inherit;outline:0}.mfc-search input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,124,255,.12)}.mfc-jump{height:52px;display:inline-flex;align-items:center;gap:8px;padding:0 18px;border-radius:2px;background:var(--blue);color:#fff;text-decoration:none;font-weight:950}.mfc-updated{display:flex;align-items:center;gap:7px;margin-top:17px;color:#7c899d;font-size:12px;font-weight:800}.mfc-updated span{width:7px;height:7px;border-radius:50%;background:#24b36b;box-shadow:0 0 0 5px rgba(36,179,107,.12)}
.mfc-hero-panel{padding:28px;background:linear-gradient(160deg,#0b2243,#071832);color:#fff;display:flex;flex-direction:column}.mfc-live-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:900}.mfc-live-head div{display:flex;align-items:center;gap:8px}.mfc-live-head strong{font-size:20px;letter-spacing:1px}.mfc-live-dot{width:8px;height:8px;border-radius:50%;background:#31d17c;box-shadow:0 0 0 5px rgba(49,209,124,.13)}.mfc-hero-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:20px}.mfc-hero-stats article{min-height:112px;display:grid;place-items:center;align-content:center;gap:7px;border-left:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.mfc-hero-stats article:nth-child(even){border-left:0}.mfc-hero-stats article:nth-child(n+3){border-bottom:0}.mfc-hero-stats i{color:var(--cyan)}.mfc-hero-stats strong{font-size:31px}.mfc-hero-stats span{color:#bcd0e8;font-size:11px;font-weight:850}.mfc-week-note{display:flex;gap:12px;align-items:center;margin-top:auto;padding:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.mfc-week-note i{font-size:22px;color:var(--cyan)}.mfc-week-note strong,.mfc-week-note span{display:block}.mfc-week-note strong{font-size:13px}.mfc-week-note span{margin-top:3px;color:#b8cce4;font-size:10px}
.mfc-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.mfc-section-head span,.mfc-board-head span{color:var(--blue);font-size:12px;font-weight:950}.mfc-section-head h2,.mfc-board-head h2{margin:3px 0 0;font-size:31px;font-weight:950}.mfc-section-head p{margin:0;color:var(--muted);font-size:13px;font-weight:750}.mfc-podium{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:14px;align-items:end}.mfc-podium-card{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);min-height:258px;border:1px solid var(--line);background:#fff;box-shadow:0 12px 30px rgba(15,35,70,.055)}.mfc-podium-card.is-rank-1{min-height:294px;border-top:4px solid var(--blue)}.mfc-podium-rank{position:absolute;z-index:3;top:12px;right:12px;width:58px;height:58px;display:grid;place-items:center;align-content:center;background:#fff;border:1px solid var(--line);box-shadow:0 8px 20px rgba(15,35,70,.12)}.mfc-podium-rank small{font-size:8px;color:var(--muted);font-weight:900}.mfc-podium-rank strong{font-size:26px;color:var(--blue)}.mfc-cover{position:relative;overflow:hidden;border:0;padding:0;background:#dce6f1;cursor:pointer}.mfc-cover img{width:100%;height:100%;object-fit:cover;display:block}.mfc-cover span,.mfc-row-cover span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(7,24,50,.42);color:#fff;opacity:0;transition:.2s}.mfc-cover:hover span,.mfc-row-cover:hover span,.mfc-playable.is-playing .mfc-cover span,.mfc-playable.is-playing .mfc-row-cover span{opacity:1}.mfc-podium-body{padding:24px 20px;display:flex;flex-direction:column;justify-content:center}.mfc-change{width:max-content;font-size:10px;font-weight:950}.mfc-change.up,.mfc-row-rank .up{color:#07844d}.mfc-change.down,.mfc-row-rank .down{color:#c5263f}.mfc-change.new,.mfc-row-rank .new{color:var(--blue)}.mfc-podium h3{margin:8px 0 3px;font-size:23px;line-height:1.15}.mfc-podium h3 a,.mfc-row h3 a{color:var(--ink);text-decoration:none}.mfc-podium p{margin:0;color:var(--muted);font-weight:800}.mfc-score{display:flex;justify-content:space-between;align-items:center;margin-top:17px;padding:10px 0;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}.mfc-score span{font-size:11px;color:var(--muted);font-weight:850}.mfc-score strong{font-size:23px;color:var(--blue)}.mfc-mini-stats{display:flex;gap:14px;margin-top:12px}.mfc-mini-stats span{display:flex;gap:5px;align-items:center;color:#6c788b;font-size:11px;font-weight:900}.mfc-mini-stats i{color:var(--blue)}
.mfc-content{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px;align-items:start}.mfc-sidebar{display:grid;gap:12px;position:sticky;top:88px}.mfc-side-card,.mfc-board{border:1px solid var(--line);background:#fff;box-shadow:0 10px 24px rgba(15,35,70,.04)}.mfc-side-card{padding:18px}.mfc-side-kicker{display:block;margin-bottom:14px;color:var(--ink);font-size:15px;font-weight:950}.mfc-jump-card{display:grid;grid-template-columns:72px 1fr;gap:11px}.mfc-jump-card img{width:72px;height:72px;object-fit:cover}.mfc-jump-card strong,.mfc-jump-card span,.mfc-jump-card b{display:block}.mfc-jump-card strong{font-size:13px}.mfc-jump-card span{margin-top:3px;color:var(--muted);font-size:10px}.mfc-jump-card b{margin-top:8px;color:#07844d;font-size:10px}.mfc-artists{display:grid}.mfc-artists>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eef2f6}.mfc-artists>div:last-child{border-bottom:0}.mfc-artists>b{color:var(--blue)}.mfc-artists div>b{width:28px;color:var(--blue);font-size:17px}.mfc-artists strong,.mfc-artists small{display:block}.mfc-artists strong{font-size:12px}.mfc-artists small{margin-top:2px;color:var(--muted);font-size:9px}.mfc-filters{display:flex;flex-wrap:wrap;gap:7px}.mfc-filters button{height:32px;padding:0 10px;border:1px solid var(--line);border-radius:2px;background:#fff;color:#5f6c80;font:850 10px inherit;cursor:pointer}.mfc-filters button.is-active{border-color:var(--blue);background:var(--blue);color:#fff}
.mfc-board{overflow:hidden}.mfc-board-head{display:flex;justify-content:space-between;align-items:center;padding:21px 22px;border-bottom:1px solid var(--line)}.mfc-board-head b{min-width:82px;text-align:center;padding:8px 10px;background:#eef6ff;color:var(--blue);font-size:11px}.mfc-column-head{display:grid;grid-template-columns:88px minmax(260px,1fr) 430px 240px;padding:11px 16px;background:#f8fafc;border-bottom:1px solid var(--line);color:#8894a5;font-size:9px;font-weight:950}.mfc-row{display:grid;grid-template-columns:88px minmax(260px,1fr) 430px 240px;align-items:center;min-height:92px;padding:10px 16px;border-bottom:1px solid #edf1f5;transition:.2s}.mfc-row:last-child{border-bottom:0}.mfc-row:hover,.mfc-row.is-playing{background:#f9fcff}.mfc-row-rank{text-align:center}.mfc-row-rank strong{display:block;font-size:25px;color:#172033}.mfc-row-rank span{display:block;margin-top:3px;font-size:9px;font-weight:950}.mfc-row-song{display:flex;align-items:center;gap:13px;min-width:0}.mfc-row-cover{position:relative;width:64px;height:64px;flex:0 0 64px;overflow:hidden;border:0;padding:0;background:#dce5ef;cursor:pointer}.mfc-row-cover img{width:100%;height:100%;object-fit:cover}.mfc-row-song>div{min-width:0}.mfc-row h3{margin:0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mfc-row h3 a{display:block;overflow:hidden;text-overflow:ellipsis}.mfc-row p{margin:5px 0 0;color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mfc-row-data{display:grid;grid-template-columns:76px repeat(3,1fr);align-items:center}.mfc-row-data>span,.mfc-row-score{display:grid;justify-items:center;gap:2px;border-right:1px solid #edf1f5}.mfc-row-data>:first-child{border-right:0}.mfc-row-data i{color:var(--blue);font-size:10px}.mfc-row-data b,.mfc-row-score strong{font-size:13px}.mfc-row-data small,.mfc-row-score small{color:#8995a6;font-size:8px;font-weight:850}.mfc-row-score strong{color:var(--blue);font-size:18px}.mfc-row-actions{display:flex;justify-content:flex-end;gap:7px}.mfc-vote{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid var(--blue);border-radius:2px;background:var(--blue);color:#fff;font:950 11px inherit;cursor:pointer}.mfc-vote.is-done{border-color:#a8ddbf;background:#edf9f2;color:#087443;opacity:1}.mfc-vote.is-loading{opacity:.65;pointer-events:none}.mfc-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:2px;background:#fff;color:#59677a;text-decoration:none;cursor:pointer}.mfc-icon:hover{color:var(--blue);border-color:#a8cfff}.mfc-empty-search,.mfc-empty{padding:55px 20px;text-align:center}.mfc-empty-search i,.mfc-empty>i{font-size:30px;color:var(--blue)}.mfc-empty-search strong,.mfc-empty-search span{display:block}.mfc-empty-search strong{margin-top:10px}.mfc-empty-search span,.mfc-muted{color:var(--muted);font-size:12px}
@media(max-width:1180px){.mfc-hero{grid-template-columns:1fr 360px}.mfc-content{grid-template-columns:240px minmax(0,1fr)}.mfc-column-head,.mfc-row{grid-template-columns:70px minmax(230px,1fr) 300px 190px}.mfc-row-data{grid-template-columns:65px repeat(3,1fr)}}
@media(max-width:920px){.mfc-hero{grid-template-columns:1fr}.mfc-hero-panel{display:none}.mfc-podium{grid-template-columns:1fr}.mfc-podium-card,.mfc-podium-card.is-rank-1{min-height:230px}.mfc-content{grid-template-columns:1fr}.mfc-sidebar{position:static;grid-template-columns:repeat(3,1fr)}.mfc-column-head{display:none}.mfc-row{grid-template-columns:62px minmax(0,1fr) 180px}.mfc-row-data{display:none}.mfc-row-actions{justify-content:flex-end}}
@media(max-width:620px){.mfc-page{padding-top:8px}.mfc-shell{width:calc(100% - 14px);gap:14px}.mfc-hero{margin-inline:-7px;border-left:0;border-right:0}.mfc-hero-copy{padding:30px 18px}.mfc-hero h1{font-size:42px;letter-spacing:-1.6px}.mfc-hero p{font-size:14px}.mfc-hero-actions{display:grid}.mfc-jump{justify-content:center}.mfc-section-head{align-items:start}.mfc-section-head p{display:none}.mfc-podium-card{grid-template-columns:112px minmax(0,1fr);min-height:210px}.mfc-podium-card.is-rank-1{min-height:220px}.mfc-podium-body{padding:17px 13px}.mfc-podium h3{font-size:19px}.mfc-mini-stats{gap:9px}.mfc-sidebar{grid-template-columns:1fr}.mfc-side-card:nth-child(2){display:none}.mfc-board-head{padding:16px}.mfc-board-head h2{font-size:22px}.mfc-row{grid-template-columns:42px minmax(0,1fr);gap:8px;min-height:102px;padding:10px 8px}.mfc-row-rank strong{font-size:19px}.mfc-row-rank span{font-size:8px}.mfc-row-song{align-self:start}.mfc-row-cover{width:54px;height:54px;flex-basis:54px}.mfc-row h3{font-size:14px}.mfc-row-actions{grid-column:2;justify-content:flex-start;margin-right:67px}.mfc-vote{height:34px;padding:0 11px}.mfc-icon{width:34px;height:34px}}

/* ===== Interactive likes + live counters ===== */
.mfc-podium-actions{display:grid;grid-template-columns:minmax(92px,.72fr) minmax(132px,1.28fr);gap:8px;margin-top:14px}
.mfc-podium-actions .mfc-vote{width:100%}
.mfc-like{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid #dce5ef;border-radius:2px;background:#fff;color:#667387;font:950 11px inherit;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}
.mfc-like:hover:not(:disabled){border-color:#ffc2ce;background:#fff7f9;color:#df3155;transform:translateY(-1px)}
.mfc-like.is-liked{border-color:#ffc2ce;background:#fff1f4;color:#df3155}
.mfc-like.is-loading,.mfc-like:disabled{cursor:wait;opacity:.68}
.mfc-like.is-liked i{animation:mfc-heart-pop .34s ease}
.mfc-mini-stats b{font:inherit}
.mfc-row.is-liked{box-shadow:inset -3px 0 0 #ff5b7f}
.mfc-row-actions .mfc-like{min-width:78px}
.mfc-row-actions{align-items:center}
.mfc-vote,.mfc-like,.mfc-icon{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.mfc-vote:hover:not(:disabled),.mfc-icon:hover{transform:translateY(-1px)}
.mfc-vote.is-done{cursor:default}
.mfc-vote.is-loading i{animation:mfc-spin .8s linear infinite}
.mfc-playable.is-playing{box-shadow:inset -3px 0 0 var(--blue),0 12px 28px rgba(20,124,255,.08)}
.mfc-playable.is-playing .mfc-row-cover span i,.mfc-playable.is-playing .mfc-cover span i{animation:mfc-pulse 1.05s ease-in-out infinite}
@keyframes mfc-heart-pop{0%{transform:scale(.65)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
@keyframes mfc-spin{to{transform:rotate(360deg)}}
@keyframes mfc-pulse{50%{transform:scale(1.18)}}

@media(max-width:1180px){
    .mfc-column-head,.mfc-row{grid-template-columns:70px minmax(220px,1fr) 280px 275px}
}

@media(max-width:920px){
    .mfc-row{grid-template-columns:62px minmax(0,1fr);padding-bottom:12px}
    .mfc-row-actions{grid-column:2;justify-content:flex-start;margin-right:77px;flex-wrap:wrap}
    .mfc-row-actions .mfc-like,.mfc-row-actions .mfc-vote{min-width:92px}
}

@media(max-width:620px){
    .mfc-podium-actions{grid-template-columns:1fr 1.25fr;gap:6px}
    .mfc-podium-actions .mfc-like,.mfc-podium-actions .mfc-vote{height:36px;padding-inline:8px;font-size:10px}
    .mfc-row{min-height:116px}
    .mfc-row-actions{margin-right:0;display:grid;grid-template-columns:1fr 1.18fr 34px 34px;width:100%;gap:6px}
    .mfc-row-actions .mfc-like,.mfc-row-actions .mfc-vote{width:100%;min-width:0;height:34px;padding:0 7px;font-size:10px}
    .mfc-row-actions .mfc-icon{width:34px;height:34px}
    .mfc-row-song{padding-left:2px}
    .mfc-mini-stats span{font-size:10px}
}

/* ===== Music FM typography lock ===== */
.mfc-page,
.mfc-page button,
.mfc-page input,
.mfc-page select,
.mfc-page textarea,
.mfc-page a,
.mfc-page span,
.mfc-page p,
.mfc-page small,
.mfc-page strong,
.mfc-page b,
.mfc-page h1,
.mfc-page h2,
.mfc-page h3{
    font-family:"Heebo",Arial,sans-serif!important;
    font-weight:700!important;
}
.mfc-page h1,
.mfc-page h2,
.mfc-page h3,
.mfc-page strong,
.mfc-page b,
.mfc-vote,
.mfc-like,
.mfc-icon{font-weight:800!important}