/* v256: shared legible skins. Uses the SAME palette tokens as TOP100 track dividers. */
#container .mm256-latest-section{max-width:1320px;margin:28px auto 110px;padding:10px clamp(14px,3vw,36px);color:var(--mm-site-text,#252a32)}
#container .mm256-latest-section h2{font-size:clamp(21px,2.5vw,30px);margin:0 0 7px}
#container .mm256-latest-section>p{color:var(--mm-site-muted,#747b86);font-size:12px}
#container .mm256-track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px;margin-top:20px}
#container .mm256-track{display:flex;align-items:center;gap:11px;min-width:0;min-height:72px;border-bottom:1px solid var(--mm-site-line,rgba(128,128,128,.2));padding:9px 0;background:transparent;color:var(--mm-site-text,#252a32)}
#container .mm256-track:hover{background:color-mix(in srgb,var(--mm-site-bg,#f3f3f5) 88%,var(--mm-site-surface,#fff) 12%)}
#container .mm256-play{position:relative;display:grid;place-items:center;flex:0 0 49px;width:49px;height:49px;border:0;padding:0;border-radius:11px;overflow:hidden;background:var(--mm-site-surface,#fff);cursor:pointer}
#container .mm256-play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#container .mm256-play .mm-play-triangle,#container .mm256-play .mm-eq,#container .mm256-play .mm-inline-pause{position:relative;z-index:1;filter:drop-shadow(0 1px 2px #111)}
#container .mm256-info{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
#container .mm256-title{color:var(--mm-site-text,#252a32)!important;font-weight:750;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
#container .mm256-info small{color:var(--mm-site-muted,#747b86)!important;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#container .mm256-add{flex:none;width:36px;height:36px;border:1px solid var(--mm-site-line,#dadde5);border-radius:10px;background:transparent;color:var(--mm-site-text,#252a32);cursor:pointer;font-size:23px}
#container .mm256-load-more{display:block;margin:22px auto;padding:10px 22px;border:1px solid var(--mm-site-line,#dadde5);border-radius:24px;background:var(--mm-site-bg,#f3f3f5);color:var(--mm-site-text,#252a32);cursor:pointer}
@media(max-width:1040px){#container .mm256-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#container .mm256-track-grid{grid-template-columns:1fr}}
/* Genre album cards: correct text contrast and match the line used between tracks. */
body.mm-shell-v19 #container .mm254-genre-albums .mm254-album-card{border-color:var(--mm-site-line)!important;background:transparent!important}
body.mm-shell-v19 #container .mm254-genre-albums .mm254-album-card .mm226-album-title{color:var(--mm-site-text)!important}
body.mm-shell-v19 #container .mm254-genre-albums .mm254-album-card .mm226-album-artist{color:var(--mm-site-muted)!important}

/* v257 chart/genre contrast and modest hover across creator skins. */
body.mm-shell-v19 #container .mm-d23-chart-stage .mm-d23-track,
body.mm-shell-v19 #container .mm256-latest-section .mm256-track,
body.mm-shell-v19 #container .mm254-genre-albums .mm254-album-card{
 background:transparent!important;background-color:transparent!important;
 color:var(--mm257-ink,var(--mm-site-text))!important;
 border-color:var(--mm-site-line,rgba(128,128,128,.22))!important;
}
body.mm-shell-v19 #container .mm-d23-chart-stage .mm-d23-track:hover,
body.mm-shell-v19 #container .mm-d23-chart-stage .mm-d23-track:focus-within,
body.mm-shell-v19 #container .mm256-latest-section .mm256-track:hover,
body.mm-shell-v19 #container .mm256-latest-section .mm256-track:focus-within,
body.mm-shell-v19 #container .mm254-genre-albums .mm254-album-card:hover,
body.mm-shell-v19 #container .mm254-genre-albums .mm254-album-card:focus-within{
 background:rgba(128,128,128,.085)!important;background-color:rgba(128,128,128,.085)!important;
 box-shadow:none!important;
}
body.mm-shell-v19 #container :is(.mm-d23-track-title,.mm256-title,.mm226-album-title){
 color:var(--mm257-ink,var(--mm-site-text))!important;
}
body.mm-shell-v19 #container :is(.mm-d23-track-meta,.mm-d23-track-artist,.mm256-info small,.mm226-album-artist){
 color:var(--mm257-muted,var(--mm-site-muted))!important;
}
body.mm-shell-v19 #container .mm-d23-track .mm152-track-actions{display:flex;align-items:center;gap:6px}
body.mm-shell-v19 #container .mm-d23-track .mm252-like,
body.mm-shell-v19 #container .mm256-track .mm252-like{flex:none;position:relative;z-index:2}

/* v258: theme-neutral hover overlay. Never mix in a different hue from --mm-site-surface.
   Applies to all saved skins including forest, purple and light palettes. */
body.mm-shell-v19 #container .mm254-genre-albums .mm254-album-card,
body.mm-shell-v19 #container .mm254-genre-albums .mm254-album-card > .mm226-album-card{
 background:transparent!important;background-color:transparent!important;background-image:none!important;
}
body.mm-shell-v19 #container .mm254-genre-albums .mm254-album-card:hover,
body.mm-shell-v19 #container .mm254-genre-albums .mm254-album-card:focus-within{
 background:rgba(255,255,255,.055)!important;
 background-color:rgba(255,255,255,.055)!important;
 background-image:none!important;
 border-color:var(--mm-site-line,rgba(128,128,128,.22))!important;
}
body.mm-shell-v19 #container .mm254-genre-albums .mm254-album-card:hover > .mm226-album-card,
body.mm-shell-v19 #container .mm254-genre-albums .mm254-album-card:focus-within > .mm226-album-card,
body.mm-shell-v19 #container .mm254-genre-albums .mm226-album-card:hover{
 background:transparent!important;background-color:transparent!important;background-image:none!important;
}
body.mm-shell-v19 #container .mm254-genre-albums .mm226-album-title{
 color:var(--mm257-ink,var(--mm-site-text))!important;
}
body.mm-shell-v19 #container .mm254-genre-albums .mm226-album-artist{
 color:var(--mm257-muted,var(--mm-site-muted))!important;
}

/* v265 responsive inline genre: reserve title space; only genre truncates first. */
#container .mm256-title-row,#container .mm265-home-title-row{display:flex;align-items:baseline;gap:7px;min-width:0;max-width:100%;text-decoration:none}
#container .mm256-title-row .mm256-title,#container .mm265-home-title-row .mm-compact-title{flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#container .mm265-track-genre{display:inline-block;flex:0 1 auto;min-width:0;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mm-site-muted,#747b86);font-size:11px;font-weight:550;vertical-align:baseline}
#container .mm-d23-track-copy{min-width:0}
#container .mm-d23-track-copy>.mm265-track-genre{max-width:38%;margin-left:7px}
#container .mm-d23-track-title{display:inline-block;vertical-align:baseline;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#container .mm265-home-title-row .mm-compact-title{display:inline-block}
#container .mm265-home-latest .mm256-latest-section{margin:0;padding:0 0 24px;max-width:none}
#container .mm265-home-latest .mm256-track-grid{width:100%}
@media(max-width:680px){#container .mm265-track-genre{max-width:28%}#container .mm-d23-track-copy>.mm265-track-genre{max-width:25%}}

/* Melo channel playlist songs share inline title/genre clipping. */
#container .mm265-melo-title-row{display:flex;align-items:baseline;gap:7px;min-width:0;max-width:100%}
#container .mm265-melo-title-row .mm28-song-title{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#container .mm265-melo-title-row .mm265-track-genre{max-width:38%;flex:0 1 auto}
@media(max-width:600px){#container .mm265-melo-title-row .mm265-track-genre{max-width:25%}}

/* v309: Match TOP100 contrast on the dark MeshMelo homepage.
   v277 hardcoded near-black ink for an old light-only design and made new-song
   text illegible on graphite/dark skins. Use the homepage palette for ink and
   metadata; use a high-contrast light-classic fallback when no palette is set. Scope ONLY to
   the homepage newest-song section, never genre/playlist/artist pages. */
body.mm-shell-v19 #container .mm-home15 .mm265-home-latest .mm256-track,
body.mm-shell-v19 #container .mm-home15 .mm265-home-latest .mm256-info,
body.mm-shell-v19 #container .mm-home15 .mm265-home-latest .mm256-title-row,
body.mm-shell-v19 #container .mm-home15 .mm265-home-latest .mm256-title{
  color:var(--mm-home-text,#252932)!important;
  -webkit-text-fill-color:var(--mm-home-text,#252932)!important;
  opacity:1!important;
}
body.mm-shell-v19 #container .mm-home15 .mm265-home-latest .mm256-title{
  font-weight:750!important;
}
body.mm-shell-v19 #container .mm-home15 .mm265-home-latest .mm256-info small,
body.mm-shell-v19 #container .mm-home15 .mm265-home-latest .mm265-track-genre{
  color:var(--mm-home-muted,#606976)!important;
  -webkit-text-fill-color:var(--mm-home-muted,#606976)!important;
  opacity:1!important;
}
body.mm-shell-v19 #container .mm-home15 .mm265-home-latest .mm256-add{
  color:var(--mm-home-text,#252932)!important;
  -webkit-text-fill-color:var(--mm-home-text,#252932)!important;
  border-color:var(--mm-home-line,#d9dce4)!important;
}

/* v278: homepage album cards use homepage ink, not inherited dark-channel ink. */
body.mm-shell-v19 #container .mm-home15 .mm226-album-section .mm226-album-title,
body.mm-shell-v19 #container .mm-home15 .mm226-album-section .mm226-album-text strong{
 color:#252932!important;
}
body.mm-shell-v19 #container .mm-home15 .mm226-album-section .mm226-album-artist,
body.mm-shell-v19 #container .mm-home15 .mm226-album-section .mm226-album-text small{
 color:#737b89!important;
}

/* v282 Melo lists: one title+genre line, one artist line. */
body.mm-shell-v19 #container .mm28-song > div:nth-child(2){min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important}
body.mm-shell-v19 #container .mm28-song .mm265-melo-title-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:baseline!important;gap:7px!important;width:100%!important;min-width:0!important;overflow:hidden!important}
body.mm-shell-v19 #container .mm28-song .mm265-melo-title-row .mm28-song-title{display:block!important;flex:0 1 auto!important;min-width:0!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.mm-shell-v19 #container .mm28-song .mm265-melo-title-row .mm265-track-genre{display:block!important;flex:0 1 auto!important;min-width:0!important;max-width:42%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important}
body.mm-shell-v19 #container .mm28-song .mm28-song-artist{display:block!important;min-width:0!important;width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* v285: reserve a real slot for genre even in compact four-column Melo cards. */
body.mm-shell-v19 #container .mm28-song .mm265-melo-title-row{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(52px,34%)!important;
 align-items:baseline!important;width:100%!important;gap:6px!important;
}
body.mm-shell-v19 #container .mm28-song .mm265-melo-title-row .mm28-song-title{
 width:100%!important;max-width:none!important;min-width:0!important;
}
body.mm-shell-v19 #container .mm28-song .mm265-melo-title-row .mm265-track-genre{
 display:block!important;width:100%!important;max-width:none!important;
 min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}

/* v310: single-track detail links are removed. Titles stay readable but inert,
   artist names become artist-channel links, and SRT opens the common modal.
   Applies equally to initial rows and AJAX-appended latest rows. */
#container .mm256-latest-section .mm256-title-row{
  cursor:default;text-decoration:none;
}
#container .mm256-latest-section .mm256-info .mm256-artist{
  display:block;min-width:0;width:fit-content;max-width:100%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:11px;line-height:1.4;text-decoration:none;
  color:var(--mm257-muted,var(--mm-site-muted,#747b86))!important;
  -webkit-text-fill-color:var(--mm257-muted,var(--mm-site-muted,#747b86))!important;
}
#container .mm256-latest-section .mm256-info a.mm256-artist:hover{
  text-decoration:underline;text-underline-offset:2px;
}
#container .mm256-track .mm256-actions{
  display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;
  gap:5px;min-width:0;
}
#container .mm256-track .mm256-actions > .mm157-srt{
  box-sizing:border-box;display:grid;place-items:center;flex:0 0 31px;
  width:31px;height:33px;min-width:31px;max-width:31px;
  min-height:33px;max-height:33px;padding:0;margin:0;
  border:1px solid var(--mm-site-line,#545965);
  border-radius:9px;background:transparent;
  color:var(--mm-site-text,#d4d6e0);
  -webkit-text-fill-color:var(--mm-site-text,#d4d6e0);
  font-size:10px;line-height:1;font-weight:800;cursor:pointer;
}
#container .mm256-track .mm256-actions > .mm157-srt:hover{
  background:rgba(128,128,128,.12);
  border-color:var(--mm-site-muted,#9fa3ab);
}
body.mm-shell-v19 #container .mm-home15 .mm265-home-latest .mm256-info .mm256-artist{
  color:var(--mm-home-muted,#606976)!important;
  -webkit-text-fill-color:var(--mm-home-muted,#606976)!important;
  opacity:1!important;
}
body.mm-shell-v19 #container .mm-home15 .mm265-home-latest .mm256-actions > .mm157-srt{
  color:var(--mm-home-text,#252932)!important;
  -webkit-text-fill-color:var(--mm-home-text,#252932)!important;
  border-color:var(--mm-home-line,#d9dce4)!important;
}
@media(max-width:420px){
  #container .mm256-track{gap:7px}
  #container .mm256-track .mm256-actions{gap:4px}
  #container .mm256-track .mm256-actions > .mm157-srt{
    flex-basis:29px;width:29px;min-width:29px;height:31px;min-height:31px;
  }
}