/* v58: artist-only introduction; shared light/dark palette, image-only songs. */
#container .mm58-new{margin:46px 0 40px;padding-bottom:30px;border-bottom:1px solid var(--g-line);color:var(--g-ink)}
#container .mm58-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}
#container .mm58-heading h2{font-size:25px;line-height:1.5;letter-spacing:-.045em;margin:0;font-weight:650}
#container .mm58-heading p{font-size:12px;line-height:1.9;margin:9px 0 0;color:var(--g-muted)}
#container .mm58-count{flex-shrink:0;display:inline-flex;gap:7px;align-items:center;border:1px solid var(--g-line);border-radius:30px;padding:9px 14px;font-size:11px;background:var(--g-soft)}
#container .mm58-artists{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px 18px;align-items:start}
#container .mm58-artist{min-width:0}
#container .mm58-portrait{position:relative;display:block;width:100%;aspect-ratio:1;border:0;border-radius:18px;padding:0;overflow:hidden;cursor:pointer;background:var(--g-soft);color:#fff;isolation:isolate}
#container .mm58-portrait img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}
#container .mm58-portrait:is(:hover,:focus-visible) img{transform:scale(1.035)}
#container .mm58-new-tag{position:absolute;top:9px;left:9px;padding:3px 7px;border:1px solid rgba(255,255,255,.4);border-radius:6px;background:rgba(18,22,20,.65);color:#fff;font-size:8px;font-weight:700;letter-spacing:.09em;line-height:1.8}
#container .mm58-intro-hint{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:22px 11px 9px;background:linear-gradient(transparent,rgba(0,0,0,.68));font-size:10px;color:#fff;text-align:left;opacity:0;transition:opacity .18s}
#container .mm58-portrait:is(:hover,:focus-visible,[aria-expanded="true"]) .mm58-intro-hint{opacity:1}
#container .mm58-artist h3{font-size:14px;font-weight:600;line-height:1.5;margin:12px 0 11px;overflow-wrap:anywhere;letter-spacing:-.025em}
#container .mm58-artist h3 a{color:var(--g-ink);text-decoration:none}
#container .mm58-covers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#container .mm58-track{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:1px solid var(--g-line);border-radius:11px;overflow:hidden;background:var(--g-soft);cursor:pointer;box-shadow:none}
#container .mm58-track>img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .2s}
#container .mm58-play-disc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(17,21,19,.7);color:#fff;opacity:0;transition:opacity .18s;pointer-events:none}
#container .mm58-track:is(:hover,:focus-visible,.is-playing,.is-loading) .mm58-play-disc{opacity:1}
#container .mm58-track:is(:hover,:focus-visible,.is-playing)>img{filter:brightness(.85)}
#container .mm58-track .mm-play-triangle{display:block;width:0;height:0;border:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #fff;margin-left:3px;position:static;transform:none;background:none}
#container .mm58-track .mm-inline-pause{display:none;position:static;gap:3px;width:auto;height:auto;transform:none}
#container .mm58-track .mm-inline-pause i{width:3px;height:11px;background:#fff;display:block;margin:0}
#container .mm58-track.is-playing .mm-play-triangle{display:none}
#container .mm58-track.is-playing .mm-inline-pause{display:flex}
#container .mm58-track.is-loading .mm58-play-disc{border-top-color:transparent}
#container .mm58-no-songs{font-size:11px;line-height:1.8;padding:14px 5px;text-align:center;color:var(--g-muted);border:1px dashed var(--g-line);border-radius:11px;margin:0}
#container .mm58-guide{font-size:11px;line-height:1.9;color:var(--g-muted);margin:18px 0 0}
#container .mm58-empty{padding:28px 22px;border:1px dashed var(--g-line);border-radius:18px;font-size:13px;color:var(--g-muted);line-height:1.9}
#container .mm58-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
#container .mm58-small-break{display:none}
#container .mm58-new :is(button,a):focus-visible,.mm58-intro :is(button,a):focus-visible{outline:2px solid currentColor;outline-offset:4px}
/* Portal is a direct child of body, so opaque cards cannot hide its real backdrop blur. */
body .mm58-intro{position:fixed;z-index:9000;width:340px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto;padding:26px;border-radius:23px;box-sizing:border-box;background:rgba(245,248,247,.75);background:color-mix(in srgb,var(--mm52-bg,#f5f8f7) 72%,transparent);color:var(--mm52-text,#25332d);border:1px solid color-mix(in srgb,var(--mm52-text,#25332d) 18%,transparent);box-shadow:0 18px 60px rgba(0,0,0,.17);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);font-family:inherit;text-align:left;line-height:1.8}
body .mm58-intro[hidden]{display:none!important}
body .mm58-intro *{box-sizing:border-box}
body .mm58-intro-eyebrow{display:block;font-size:9px;letter-spacing:.13em;font-weight:700;padding-right:25px;color:var(--mm52-muted,#55665d)}
body .mm58-intro h3{font-size:22px;line-height:1.5;font-weight:650;margin:9px 26px 14px 0;letter-spacing:-.04em;color:inherit;overflow-wrap:anywhere}
body .mm58-biography{font-size:13px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 22px;color:inherit}
/* Name (22px) > all genres (16px, bold) > introduction (13px). */
body .mm58-intro .mm68-intro-genres{display:block;font-size:16px;font-weight:700;line-height:1.65;letter-spacing:-.02em;color:inherit;margin:-6px 0 17px;white-space:normal;overflow-wrap:anywhere}
#container .mm-d23-artist[data-mm68-intro] .mm68-card-genres{display:block;font-size:12px;font-weight:500;line-height:1.65;margin-top:5px;color:var(--mm52-muted,#58635e);letter-spacing:-.025em;white-space:normal;overflow-wrap:anywhere}
#container .mm58-portrait{text-decoration:none}
body .mm58-intro .mm58-profile-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent);padding-top:14px;font-size:12px;font-weight:600;color:inherit;text-decoration:none}
body .mm58-intro-close{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:23px;font-weight:400}
body .mm58-intro-close:hover{background:color-mix(in srgb,currentColor 10%,transparent)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body .mm58-intro{background:var(--mm52-bg,#f5f8f7)}}
@media(max-width:1050px){#container .mm58-artists{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px}}
@media(max-width:600px){#container .mm58-new{margin-top:32px}#container .mm58-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}#container .mm58-heading h2{font-size:22px}#container .mm58-count{padding:6px 11px}#container .mm58-artists{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}#container .mm58-small-break{display:block}#container .mm58-artist h3{font-size:13px}}
@media(hover:none){#container .mm58-intro-hint,#container .mm58-play-disc{opacity:1}}
@media(prefers-reduced-motion:reduce){#container .mm58-new *{transition:none!important}}
