/* MUSIC FM — Music archive / catalog */
.mf-music-archive{padding-top:42px;padding-bottom:80px}
.mf-music-head{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:58px;align-items:end;padding:0 0 30px;border-bottom:1px solid var(--mf-brand-line,#e4e9f0)}
.mf-music-head__copy{max-width:760px}
.mf-music-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--mf-brand-blue,#147cff);font-size:11px;font-weight:900;letter-spacing:.08em}
.mf-music-eq,.mf-music-section-mark{display:inline-flex;align-items:flex-end;gap:3px;height:18px}
.mf-music-eq b,.mf-music-section-mark i{display:block;width:3px;background:linear-gradient(180deg,#59c7ff,#25c8c3);border-radius:5px}
.mf-music-eq b:nth-child(1),.mf-music-section-mark i:nth-child(1){height:10px}.mf-music-eq b:nth-child(2),.mf-music-section-mark i:nth-child(2){height:17px}.mf-music-eq b:nth-child(3),.mf-music-section-mark i:nth-child(3){height:7px}
.mf-music-head h1{margin:0;color:var(--mf-brand-ink-strong,#102541);font:900 clamp(42px,5.2vw,72px)/.98 var(--mf-font,"IBM Plex Sans Hebrew",sans-serif);letter-spacing:-.05em}
.mf-music-head p{max-width:710px;margin:17px 0 0;color:var(--mf-brand-muted,#667085);font-size:17px;line-height:1.8}
.mf-music-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:3px solid var(--mf-brand-navy,#041327);border-bottom:1px solid var(--mf-brand-line,#e4e9f0);background:#fff}
.mf-music-stats>div{min-width:0;padding:21px 18px;border-left:1px solid var(--mf-brand-line,#e4e9f0)}
.mf-music-stats>div:last-child{border-left:0}
.mf-music-stats strong{display:block;color:var(--mf-brand-ink-strong,#102541);font:900 25px/1 var(--mf-font,"IBM Plex Sans Hebrew",sans-serif);letter-spacing:-.03em}
.mf-music-stats span{display:block;margin-top:7px;color:#7b8797;font-size:11px;font-weight:700}

.mf-music-latest,.mf-music-catalog{margin-top:44px}
.mf-music-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--mf-brand-line,#e4e9f0)}
.mf-music-section-head>div{display:flex;align-items:center;gap:12px}
.mf-music-section-mark{height:22px}
.mf-music-section-head small{display:block;margin-bottom:2px;color:#8a97a8;font-size:9px;font-weight:900;letter-spacing:.16em}
.mf-music-section-head h2{margin:0;color:var(--mf-brand-ink-strong,#102541);font:900 30px/1.1 var(--mf-font,"IBM Plex Sans Hebrew",sans-serif);letter-spacing:-.035em}
.mf-music-section-meta{color:#8290a2;font-size:12px;font-weight:700;white-space:nowrap}

.mf-music-latest-grid{display:grid;grid-template-columns:1.55fr repeat(4,minmax(0,1fr));gap:14px}
.mf-latest-song{min-width:0;background:#fff;border:1px solid var(--mf-brand-line,#e4e9f0);overflow:hidden}
.mf-latest-song__cover{position:relative;aspect-ratio:1/1;background:#eaf0f6;overflow:hidden}
.mf-latest-song__cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.mf-latest-song:hover .mf-latest-song__cover img{transform:scale(1.025)}
.mf-latest-song__body{padding:13px 14px 15px}
.mf-latest-song__body>span{color:var(--mf-brand-blue,#147cff);font-size:9px;font-weight:900;letter-spacing:.08em}
.mf-latest-song__body h3{margin:5px 0 2px;color:var(--mf-brand-ink-strong,#102541);font-size:16px;line-height:1.25;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mf-latest-song__body p{margin:0;color:#667085;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mf-latest-song__body div{display:flex;align-items:center;gap:9px;margin-top:8px;color:#9aa5b2;font-size:10px}
.mf-latest-song__body em{font-style:normal;padding-right:9px;border-right:1px solid #dfe5ec}
.mf-latest-song--lead{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(155px,.82fr);grid-column:span 1;background:var(--mf-brand-navy,#041327);border-color:var(--mf-brand-navy,#041327)}
.mf-latest-song--lead .mf-latest-song__cover{aspect-ratio:auto;min-height:260px}
.mf-latest-song--lead .mf-latest-song__body{display:flex;flex-direction:column;justify-content:flex-end;padding:22px 20px}
.mf-latest-song--lead .mf-latest-song__body>span{color:#59c7ff}
.mf-latest-song--lead .mf-latest-song__body h3{color:#f7fbff;font-size:25px;white-space:normal;text-shadow:0 1px 1px rgba(0,0,0,.12)}
.mf-latest-song--lead .mf-latest-song__body p{color:#c6d5e5;font-size:14px}
.mf-latest-song--lead .mf-latest-song__body div{color:#8fa6bd}
.mf-song-play,.mf-music-row__cover button{position:absolute;display:grid;place-items:center;border:1px solid rgba(255,255,255,.72);background:rgba(4,19,39,.86);color:#fff;border-radius:50%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}
.mf-song-play{left:13px;bottom:13px;width:43px;height:43px}
.mf-song-play svg,.mf-music-row__cover button svg,.mf-music-row__action svg{width:14px;height:14px;fill:currentColor}

.mf-music-filter{display:grid;grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(145px,.6fr)) auto auto;gap:10px;align-items:end;margin-bottom:15px;padding:17px;background:#f8fafc;border:1px solid var(--mf-brand-line,#e4e9f0)}
.mf-music-filter>label:not(.mf-music-search){display:flex;flex-direction:column;gap:6px}
.mf-music-filter>label:not(.mf-music-search)>span{color:#6f7e91;font-size:10px;font-weight:900}
.mf-music-filter select,.mf-music-search{height:44px;border:1px solid #d7e0ea;background:#fff;color:#17243a}
.mf-music-filter select{width:100%;padding:0 11px;font:700 12px var(--mf-font,"IBM Plex Sans Hebrew",sans-serif)}
.mf-music-search{display:flex;align-items:center;gap:10px;padding:0 13px}
.mf-music-search>span{display:grid;place-items:center;color:#147cff}
.mf-music-search svg{width:16px;height:16px}
.mf-music-search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#102541;font:700 13px var(--mf-font,"IBM Plex Sans Hebrew",sans-serif)}
.mf-music-filter__submit,.mf-music-filter__clear{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 17px;font:900 12px var(--mf-font,"IBM Plex Sans Hebrew",sans-serif);text-decoration:none;white-space:nowrap}
.mf-music-filter__submit{border:1px solid var(--mf-brand-navy,#041327);background:var(--mf-brand-navy,#041327);color:#fff;cursor:pointer}
.mf-music-filter__clear{border:1px solid #d7e0ea;background:#fff;color:#516176}

.mf-music-list{border-top:3px solid var(--mf-brand-navy,#041327);background:#fff;border-left:1px solid var(--mf-brand-line,#e4e9f0);border-right:1px solid var(--mf-brand-line,#e4e9f0)}
.mf-music-row{display:grid;grid-template-columns:46px 66px minmax(0,1fr) 130px 62px 94px;gap:14px;align-items:center;min-height:85px;padding:9px 15px;border-bottom:1px solid var(--mf-brand-line,#e4e9f0);transition:background .18s ease}
.mf-music-row:hover{background:#f8fbfe}
.mf-music-row__number{color:#a3adba;font:900 11px/1 var(--mf-font,"IBM Plex Sans Hebrew",sans-serif);letter-spacing:.05em;text-align:center}
.mf-music-row__cover{position:relative;width:66px;height:66px;overflow:hidden;background:#eaf0f6}
.mf-music-row__cover img{width:100%;height:100%;object-fit:cover;display:block}
.mf-music-row__cover button{inset:0;margin:auto;width:31px;height:31px;opacity:0;transform:scale(.88);transition:.18s ease}
.mf-music-row:hover .mf-music-row__cover button,.mf-music-row__cover button:focus-visible{opacity:1;transform:scale(1)}
.mf-music-row__cover button svg{width:11px;height:11px}
.mf-music-row__identity{min-width:0}
.mf-music-row__identity strong{display:block;color:#102541;font-size:15px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mf-music-row__identity span{display:block;margin-top:3px;color:#718095;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mf-music-row__date{display:flex;flex-direction:column;gap:2px;color:#8a96a5;font-size:11px}
.mf-music-row__date small{font-size:9px;font-weight:700;color:#a4aebb}
.mf-music-row__duration{color:#7d8998;font:700 11px var(--mf-font,"IBM Plex Sans Hebrew",sans-serif);text-align:center}
.mf-music-row__action{height:35px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #c9d7e5;background:#fff;color:#0d5fc2;font:900 11px var(--mf-font,"IBM Plex Sans Hebrew",sans-serif);cursor:pointer}
.mf-music-row__action:hover{border-color:#147cff;background:#f6faff}
.mf-music-row__action--disabled{color:#9aa5b2;background:#fafbfc}

.mf-music-pagination{display:grid;grid-template-columns:100px 1fr 100px;align-items:center;margin-top:24px}
.mf-music-pagination>div{display:flex;justify-content:center;align-items:center;gap:5px}
.mf-music-pagination a,.mf-music-pagination strong{min-width:37px;height:37px;display:grid;place-items:center;border:1px solid #d8e1ea;background:#fff;color:#45566d;text-decoration:none;font-size:12px;font-weight:800}
.mf-music-pagination strong{background:#041327;color:#fff;border-color:#041327}
.mf-music-pagination__edge{width:auto!important;padding:0 12px}
.mf-music-pagination>a:last-child{justify-self:end}

.mf-music-empty{padding:55px 20px;text-align:center;border:1px solid #e1e7ee;background:#fff}
.mf-music-empty>span{width:54px;height:54px;margin:0 auto 15px;display:grid;place-items:center;border-radius:50%;background:#f0f6fc;color:#147cff}
.mf-music-empty svg{width:22px;height:22px}.mf-music-empty h3{margin:0;color:#102541}.mf-music-empty p{margin:7px auto 16px;color:#748296}.mf-music-empty a{display:inline-flex;padding:9px 14px;border:1px solid #147cff;color:#0d5fc2;font-weight:900;text-decoration:none}

.mf-music-player-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:22px}
.mf-music-player-modal[hidden]{display:none}
.mf-music-player-backdrop{position:absolute;inset:0;background:rgba(3,10,20,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.mf-music-player{position:relative;z-index:1;width:min(850px,100%);background:#07111f;color:#fff;border:1px solid rgba(89,199,255,.25);box-shadow:0 35px 100px rgba(0,0,0,.38)}
.mf-music-player__close{position:absolute;z-index:3;top:14px;left:14px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:rgba(4,19,39,.76);color:#fff;cursor:pointer}
.mf-music-player__close svg{width:15px;height:15px}
.mf-music-player__brand{height:62px;display:flex;align-items:center;gap:9px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.mf-music-player__brand strong{font-size:12px;letter-spacing:.08em}.mf-music-player__brand small{color:#59c7ff;font-size:9px;letter-spacing:.14em}
.mf-music-player__video{aspect-ratio:16/9;background:#000}.mf-music-player__video iframe{width:100%;height:100%;display:block;border:0}
.mf-music-player__info{padding:18px 20px 22px}.mf-music-player__info small{color:#59c7ff;font-size:9px;font-weight:900;letter-spacing:.12em}.mf-music-player__title{margin:4px 0 1px;color:#f7fbff;font:900 25px/1.2 var(--mf-font,"IBM Plex Sans Hebrew",sans-serif);letter-spacing:-.025em}.mf-music-player__info p{margin:0;color:#b9c9d9}
body.mf-music-modal-open{overflow:hidden}

@media(max-width:1180px){
  .mf-music-head{grid-template-columns:1fr 330px;gap:35px}
  .mf-music-latest-grid{grid-template-columns:1.35fr repeat(2,minmax(0,1fr))}
  .mf-latest-song:nth-child(n+4){display:none}
  .mf-music-filter{grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(130px,.6fr));}
  .mf-music-filter__submit,.mf-music-filter__clear{grid-row:2}
  .mf-music-filter__submit{grid-column:1/2}.mf-music-filter__clear{grid-column:2/3}
}

@media(max-width:760px){
  .mf-music-archive{width:100%;padding:22px 12px 52px}
  .mf-music-head{display:block;padding-bottom:20px}
  .mf-music-head h1{font-size:38px;line-height:1.02}
  .mf-music-head p{font-size:14px;line-height:1.7;margin-top:11px}
  .mf-music-stats{margin-top:20px}
  .mf-music-stats>div{padding:14px 10px}
  .mf-music-stats strong{font-size:20px}
  .mf-music-stats span{font-size:9px}

  .mf-music-latest,.mf-music-catalog{margin-top:30px}
  .mf-music-section-head{align-items:center;margin-bottom:12px;padding-bottom:11px}
  .mf-music-section-head h2{font-size:24px}
  .mf-music-section-meta{font-size:10px}
  .mf-music-latest-grid{display:flex;overflow-x:auto;gap:10px;margin-left:-12px;margin-right:-12px;padding:0 12px 7px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .mf-music-latest-grid::-webkit-scrollbar{display:none}
  .mf-latest-song,.mf-latest-song--lead{display:block!important;flex:0 0 min(74vw,285px);scroll-snap-align:start;background:#fff;border-color:#e4e9f0}
  .mf-latest-song__cover,.mf-latest-song--lead .mf-latest-song__cover{aspect-ratio:1/1;min-height:0}
  .mf-latest-song--lead .mf-latest-song__body{display:block;padding:13px 14px 15px}
  .mf-latest-song__body h3,.mf-latest-song--lead .mf-latest-song__body h3{color:#3f5e7e!important;font-size:17px;font-weight:850;text-shadow:none!important}
  .mf-latest-song--lead .mf-latest-song__body p{color:#667085;font-size:12px}
  .mf-latest-song--lead .mf-latest-song__body div{color:#9aa5b2}

  .mf-music-filter{grid-template-columns:1fr 1fr;gap:9px;padding:11px}
  .mf-music-search{grid-column:1/-1}
  .mf-music-filter>label:not(.mf-music-search):nth-of-type(4){grid-column:1/-1}
  .mf-music-filter__submit{grid-column:1/2;grid-row:auto}
  .mf-music-filter__clear{grid-column:2/3;grid-row:auto}

  .mf-music-list{border:1px solid #e2e8ef;border-top:3px solid var(--mf-brand-navy,#041327);background:#fff;box-shadow:0 10px 30px rgba(4,19,39,.045)}
  .mf-music-row{grid-template-columns:64px minmax(0,1fr) 44px;gap:12px;min-height:86px;padding:10px;background:#fff}
  .mf-music-row:active{background:#f7fafc}
  .mf-music-row__number,.mf-music-row__date,.mf-music-row__duration{display:none}
  .mf-music-row__cover{grid-column:1;width:64px;height:64px;border:1px solid #e2e8ef;background:#edf2f7}
  .mf-music-row__cover button{display:none!important}
  .mf-music-row__identity{grid-column:2;align-self:center;padding-inline:1px 3px}
  .mf-music-row__identity strong{color:#3f5e7e!important;font-size:15px;line-height:1.25;font-weight:850;letter-spacing:-.015em}
  .mf-music-row__identity span{margin-top:5px;color:#8392a6;font-size:11.5px;font-weight:650}
  .mf-music-row__action{grid-column:3;width:42px;height:42px;padding:0;border:1px solid #c8d8e8;border-radius:50%!important;background:#fbfdff;color:#147cff;box-shadow:0 4px 14px rgba(20,124,255,.07)}
  .mf-music-row__action span{display:none}
  .mf-music-row__action:active{transform:scale(.95);background:#f1f7ff}
  .mf-music-row__action svg{width:13px;height:13px}
  .mf-music-row__action--disabled{display:none}

  .mf-music-pagination{grid-template-columns:72px 1fr 72px;margin-top:18px}
  .mf-music-pagination a,.mf-music-pagination strong{min-width:32px;height:34px}
  .mf-music-pagination>div a:nth-of-type(n+5){display:none}

  .mf-music-player-modal{display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom))}
  .mf-music-player{width:min(94vw,560px);max-height:calc(100svh - 40px);overflow:hidden;border:1px solid rgba(89,199,255,.24);border-radius:5px;background:linear-gradient(180deg,#071525 0%,#06101d 100%);box-shadow:0 24px 68px rgba(0,0,0,.44),0 0 0 1px rgba(255,255,255,.025) inset}
  .mf-music-player__brand{height:54px;padding:0 16px;padding-left:60px;background:rgba(255,255,255,.018)}
  .mf-music-player__brand strong{font-size:11px;letter-spacing:.11em}
  .mf-music-player__brand small{font-size:8px;letter-spacing:.16em}
  .mf-music-player__close{top:8px;left:10px;box-sizing:border-box!important;inline-size:40px!important;block-size:40px!important;min-width:40px!important;max-width:40px!important;min-height:40px!important;max-height:40px!important;aspect-ratio:1/1;padding:0!important;margin:0!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:50%!important;background:rgba(255,255,255,.055);box-shadow:none;display:grid!important;place-items:center;line-height:1;appearance:none;-webkit-appearance:none;flex:0 0 40px}
  .mf-music-player__close svg{display:block;width:14px;height:14px;flex:none}
  .mf-music-player__video{aspect-ratio:16/9;background:#000}
  .mf-music-player__info{padding:15px 17px 18px;text-align:right}
  .mf-music-player__info small{font-size:8px;letter-spacing:.13em}
  .mf-music-player__title{margin:5px 0 2px;font-size:21px;line-height:1.22;letter-spacing:-.025em}
  .mf-music-player__info p{font-size:13px}
  .mf-music-player-backdrop{background:rgba(2,8,16,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
}

@media(max-width:420px){
  .mf-music-row{grid-template-columns:60px minmax(0,1fr) 42px;gap:10px;min-height:82px;padding:9px 8px}
  .mf-music-row__cover{width:60px;height:60px}
  .mf-music-row__identity strong{font-size:14.5px}
  .mf-music-player{width:calc(100vw - 22px)}
}

/* =========================================================
   MUSIC ARCHIVE / LIKE CONTROL
   Matches the canonical current like interaction used on the home page.
   XP remains a backend reward and is intentionally not advertised here.
   ========================================================= */
.mf-music-archive{position:relative}
.mf-latest-song,.mf-music-row{isolation:isolate}

.mf-music-like{
  --mf-like-accent:#d83e61;
  --mf-like-ink:#2c425a;
  appearance:none;-webkit-appearance:none;
  min-height:38px;height:38px;padding:4px 10px 4px 5px;
  border:1px solid #d9e3ec;border-radius:3px;
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);color:var(--mf-like-ink);
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  direction:rtl;font-family:var(--mf-font,"IBM Plex Sans Hebrew",sans-serif);font-weight:850;line-height:1;
  cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 6px 18px rgba(4,19,39,.065);
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.mf-music-like:focus-visible{outline:2px solid rgba(20,124,255,.25);outline-offset:3px}
.mf-music-like[aria-busy="true"]{pointer-events:none}
.mf-music-like:disabled{cursor:not-allowed;opacity:.52!important}
.mf-music-like__icon{
  width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;
  border:1px solid #e4eaf0;border-radius:2px;background:#f3f6f9;color:#718398;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.mf-music-like__icon .mf-icon,.mf-music-like__icon svg{width:15px;height:15px;display:block}
.mf-music-like__label{color:#31475f;font-size:10.5px;font-weight:900;white-space:nowrap;transition:color .18s ease}
.mf-music-like__divider{width:1px;height:14px;flex:0 0 1px;background:#e3e9ef}
.mf-music-like__count{min-width:13px;color:#7b899a;font-size:10px;font-weight:900;font-variant-numeric:tabular-nums;text-align:center;transition:color .18s ease}

@media(hover:hover) and (pointer:fine){
  .mf-music-like:hover{border-color:#c7d4e1;background:#fff;box-shadow:inset 0 1px 0 #fff,0 9px 22px rgba(4,19,39,.09)}
  .mf-music-like:hover .mf-music-like__icon{border-color:#d7e0e8;background:#f8fafc;color:#4e647c}
}
.mf-music-like.is-liked,.mf-music-like[aria-pressed="true"]{
  border-color:#eccbd3;background:linear-gradient(180deg,#fff 0%,#fff9fb 100%);color:var(--mf-like-accent);
  box-shadow:inset 0 1px 0 #fff,0 7px 20px rgba(216,62,97,.075)
}
.mf-music-like.is-liked .mf-music-like__icon,.mf-music-like[aria-pressed="true"] .mf-music-like__icon{
  color:var(--mf-like-accent);border-color:#efcfd7;background:#fff1f4;box-shadow:inset 0 1px 0 #fff,0 3px 9px rgba(216,62,97,.06)
}
.mf-music-like.is-liked .mf-music-like__label,.mf-music-like[aria-pressed="true"] .mf-music-like__label{color:#bd3150}
.mf-music-like.is-liked .mf-music-like__count,.mf-music-like[aria-pressed="true"] .mf-music-like__count{color:#c4405b}
.mf-music-like.is-liked .mf-music-like__divider,.mf-music-like[aria-pressed="true"] .mf-music-like__divider{background:#efd8de}

.mf-music-like--lead{align-self:flex-start;margin-top:15px}
.mf-music-like--compact{
  position:absolute;z-index:5;right:9px;top:9px;
  min-width:52px;min-height:32px;height:32px;padding:3px 7px 3px 4px;gap:6px;
  border-color:rgba(216,226,235,.96);background:rgba(255,255,255,.97);
  box-shadow:0 6px 17px rgba(4,19,39,.13);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)
}
.mf-music-like--compact .mf-music-like__icon{width:24px;height:24px;flex-basis:24px}
.mf-music-like--compact .mf-music-like__icon .mf-icon,.mf-music-like--compact .mf-music-like__icon svg{width:13px;height:13px}
.mf-music-like--compact .mf-music-like__label,.mf-music-like--compact .mf-music-like__divider{display:none}
.mf-music-like--compact .mf-music-like__count{font-size:9px;min-width:11px}

/* One clean metrics line; the like count now lives only inside the like control. */
.mf-latest-song__meta{display:flex!important;align-items:center!important;gap:9px!important}
.mf-latest-song__meta:empty{display:none!important}

/* Full archive rows gain a dedicated action slot without changing the editorial rhythm. */
.mf-music-row{grid-template-columns:46px 66px minmax(0,1fr) 122px 54px 104px 94px}
.mf-music-like--row{width:104px;justify-self:end}
.mf-music-row.is-liked{background:linear-gradient(90deg,rgba(216,62,97,.018),rgba(255,255,255,0) 34%)}

.mf-music-like-status{
  position:fixed;z-index:100120;right:50%;bottom:max(24px,calc(env(safe-area-inset-bottom) + 18px));
  transform:translateX(50%) translateY(8px);opacity:0;pointer-events:none;
  min-width:150px;max-width:min(88vw,360px);padding:9px 13px;border:1px solid #dce5ed;border-radius:3px;
  background:rgba(255,255,255,.97);color:#41546b;box-shadow:0 14px 40px rgba(4,19,39,.13);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:11px;font-weight:850;text-align:center;
  transition:opacity .18s ease,transform .18s ease
}
.mf-music-like-status.is-visible{opacity:1;transform:translateX(50%) translateY(0)}
.mf-music-like-status.is-success{border-color:#d8e8e3;color:#246b5f}
.mf-music-like-status.is-error{border-color:#edd6dc;color:#9f304b}

@media(max-width:1180px){
  .mf-music-row{grid-template-columns:42px 64px minmax(0,1fr) 105px 50px 98px 86px;gap:11px}
  .mf-music-like--row{width:98px}
}

@media(max-width:760px){
  .mf-music-like{min-height:36px;height:36px;padding:3px 9px 3px 4px;gap:7px}
  .mf-music-like__icon{width:27px;height:27px;flex-basis:27px}
  .mf-music-like__icon .mf-icon,.mf-music-like__icon svg{width:14px;height:14px}
  .mf-music-like__label{font-size:10px}
  .mf-music-like__count{font-size:9.5px}
  .mf-music-like--lead{margin-top:12px}
  .mf-music-like--compact{right:7px;top:7px;min-width:49px;min-height:30px;height:30px;padding:2px 6px 2px 3px;gap:5px}
  .mf-music-like--compact .mf-music-like__icon{width:24px;height:24px;flex-basis:24px}
  .mf-music-like--compact .mf-music-like__count{font-size:8.5px}

  .mf-music-row{grid-template-columns:64px minmax(0,1fr) 52px 42px;gap:9px;position:relative}
  .mf-music-row__cover{grid-column:1}
  .mf-music-row__identity{grid-column:2}
  .mf-music-like--row{
    grid-column:3;width:52px;min-width:52px;min-height:34px;height:34px;padding:2px 5px 2px 3px;gap:4px;justify-self:center
  }
  .mf-music-like--row .mf-music-like__icon{width:26px;height:26px;flex-basis:26px}
  .mf-music-like--row .mf-music-like__icon .mf-icon,.mf-music-like--row .mf-music-like__icon svg{width:13px;height:13px}
  .mf-music-like--row .mf-music-like__label,.mf-music-like--row .mf-music-like__divider{display:none}
  .mf-music-like--row .mf-music-like__count{font-size:8.5px;min-width:10px}
  .mf-music-row__action{grid-column:4}
  .mf-music-row__action--disabled{display:block;visibility:hidden;pointer-events:none}
}

@media(max-width:420px){
  .mf-music-row{grid-template-columns:60px minmax(0,1fr) 48px 40px;gap:7px;padding:9px 7px}
  .mf-music-like--row{width:48px;min-width:48px;padding-left:3px;padding-right:3px}
  .mf-music-row__action{width:40px;height:40px}
}

@media(prefers-reduced-motion:reduce){
  .mf-music-like,.mf-music-like__icon,.mf-music-like-status{transition:none!important}
}

/* Song-page navigation — cards remain fully interactive without competing with play/like controls. */
.mf-song-page-link{color:inherit;text-decoration:none}
.mf-song-page-link--cover{display:block;width:100%;height:100%}
.mf-song-page-link--cover img{display:block;width:100%;height:100%;object-fit:cover}
.mf-latest-song[data-song-url],.mf-music-row[data-song-url]{cursor:pointer}
.mf-latest-song__body h3 .mf-song-page-link,.mf-music-row__identity strong .mf-song-page-link{display:block;min-width:0;color:inherit;text-decoration:none}
.mf-latest-song__body h3 .mf-song-page-link:hover,.mf-music-row__identity strong .mf-song-page-link:hover{color:var(--mf-brand-blue,#147cff)}
.mf-latest-song--lead .mf-latest-song__body h3 .mf-song-page-link:hover{color:#fff}

/* V3 Music — page-specific control geometry; the late global button rules
   apply a 42/44px min-height even to the 31px cover play button. Force square
   sizing before applying the circular mask. Other page controls stay restrained. */
body.mf-music-archive-page :is(.mf-song-play,.mf-music-row__cover button){
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  line-height:1!important;
}
body.mf-music-archive-page .mf-song-play{
  inline-size:44px!important;block-size:44px!important;
  min-width:44px!important;max-width:44px!important;
  min-height:44px!important;max-height:44px!important;
}
body.mf-music-archive-page .mf-music-row__cover button{
  inline-size:34px!important;block-size:34px!important;
  min-width:34px!important;max-width:34px!important;
  min-height:34px!important;max-height:34px!important;
}
body.mf-music-archive-page .mf-music-row__action,
body.mf-music-archive-page .mf-music-filter__submit,
body.mf-music-archive-page .mf-music-filter__clear,
body.mf-music-archive-page .mf-music-like,
body.mf-music-archive-page .mf-music-pagination :is(a,strong),
body.mf-music-archive-page .mf-music-filter select,
body.mf-music-archive-page .mf-music-search{
  border-radius:5px!important;
}
body.mf-music-archive-page .mf-music-row__action{
  min-height:36px!important;
}
/* Preserve the mobile icon-only action, but make it a balanced softly
   rounded square rather than a pill / deformed circle. */
@media(max-width:700px){
  body.mf-music-archive-page .mf-music-row__action{
    box-sizing:border-box!important;
    inline-size:40px!important;block-size:40px!important;
    min-width:40px!important;min-height:40px!important;
    padding:0!important;border-radius:8px!important;
  }
}
body.mf-music-archive-page .mf-music-like--compact{
  min-height:30px!important;height:30px!important;
}
body.mf-music-archive-page .mf-music-plays{
  display:block;margin-top:6px;font-size:10px;font-weight:750;
  color:#7b8a9d;line-height:1.4;font-variant-numeric:tabular-nums;
}
body.mf-music-archive-page .mf-music-plays--latest{
  margin-top:10px;color:#718498;
}
body.mf-music-archive-page .mf-latest-song--lead .mf-music-plays--latest{color:#a8bdd2}
body.mf-music-archive-page .mf-music-row__identity .mf-music-plays{display:block}
/* Move the dialog to <body> on initialization, outside main's z-index and
   the isolated site shell. The backdrop cannot hide its own dialog panel. */
body > .mf-music-player-modal{
  position:fixed!important;inset:0!important;
  z-index:2147482000!important;isolation:isolate;
  box-sizing:border-box;display:grid;place-items:center;
  overflow-y:auto;overscroll-behavior:contain;
}
body > .mf-music-player-modal[hidden]{display:none!important}
body > .mf-music-player-modal .mf-music-player-backdrop{z-index:0}
body > .mf-music-player-modal .mf-music-player{
  position:relative;z-index:2;
  margin:auto;max-height:calc(100dvh - 36px);
  display:flex;flex-direction:column;
  border-radius:9px!important;
  overflow:hidden;
}
body > .mf-music-player-modal .mf-music-player__video{min-height:0;flex:0 1 auto}
body > .mf-music-player-modal .mf-music-player__video iframe{
  width:100%;height:100%;aspect-ratio:16/9;display:block;border:0;
}
body > .mf-music-player-modal .mf-music-player__loading{
  width:100%;height:100%;min-height:220px;
  display:grid;place-items:center;padding:20px;text-align:center;
  color:#cbd9e8;background:#050b14;font-size:13px;font-weight:700;
}
body > .mf-music-player-modal .mf-music-player__close{
  border-radius:7px!important;z-index:5;
}
@media(max-width:700px){
  body > .mf-music-player-modal .mf-music-player{
    max-height:calc(100dvh - 28px);width:min(100%,560px);
  }
  body > .mf-music-player-modal .mf-music-player__loading{min-height:150px}
}

body.mf-music-archive-page .mf-music-plays :is([data-play-count],[data-play-word]){
  display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;
}
/* On phones the list uses its dedicated play action; preserve the original
   intentionally hidden cover overlay despite the high-specificity geometry fix. */
@media(max-width:760px){
  body.mf-music-archive-page .mf-music-row__cover button{display:none!important}
}


/* Classic QA 2026-10-21 — legible secondary text & keyboard controls.
   Dark-mode palette is managed by the accessibility system. */
html:not([data-mf-a11y-dark="on"]) body.mf-music-archive-page .mf-music-stats span{color:#526174;font-size:12px}
html:not([data-mf-a11y-dark="on"]) body.mf-music-archive-page .mf-music-section-head small{color:#526174;font-size:11px}
html:not([data-mf-a11y-dark="on"]) body.mf-music-archive-page .mf-music-section-meta{color:#526174}
html:not([data-mf-a11y-dark="on"]) body.mf-music-archive-page .mf-latest-song:not(.mf-latest-song--lead) .mf-latest-song__body div{color:#526174;font-size:11px}
html:not([data-mf-a11y-dark="on"]) body.mf-music-archive-page .mf-music-row__number,
html:not([data-mf-a11y-dark="on"]) body.mf-music-archive-page .mf-music-row__date,
html:not([data-mf-a11y-dark="on"]) body.mf-music-archive-page .mf-music-row__date small,
html:not([data-mf-a11y-dark="on"]) body.mf-music-archive-page .mf-music-row__duration{color:#526174;font-size:11px}
body.mf-music-archive-page .mf-song-play:focus-visible,
body.mf-music-archive-page .mf-music-row__action:focus-visible,
body.mf-music-archive-page .mf-music-like:focus-visible{outline:3px solid #59c7ff;outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  body.mf-music-archive-page .mf-latest-song__cover img{transition:none!important;transform:none!important}
}


/* Music FM Classic — quiet, consistent mobile actions.
   Restore the intended soft-square design; align tap targets to at least 44px.
   Scoped to the music archive, with no changes to the homepage or player. */
@media (max-width:760px) {
  body.mf-music-archive-page .mf-music-row {
    grid-template-columns:64px minmax(0,1fr) 52px 44px;
  }
  body.mf-music-archive-page .mf-music-row__action:not(.mf-music-row__action--disabled) {
    box-sizing:border-box!important;
    inline-size:44px!important;
    block-size:44px!important;
    min-inline-size:44px!important;
    min-block-size:44px!important;
    max-inline-size:44px!important;
    max-block-size:44px!important;
    aspect-ratio:1 / 1!important;
    border-radius:6px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
  }
  body.mf-music-archive-page .mf-music-like--row {
    min-block-size:44px!important;
    block-size:44px!important;
  }
  body.mf-music-archive-page .mf-music-search input,
  body.mf-music-archive-page .mf-music-filter select {
    font-size:16px!important;
  }
}
@media (max-width:420px) {
  body.mf-music-archive-page .mf-music-row {
    grid-template-columns:60px minmax(0,1fr) 48px 44px;
  }
}