/* MeshMelo v19: shared layout only. Existing audio, APIs, uploads and artist skins stay intact. */
body.mm-shell-v19 {
  --mm-sidebar-width: 244px;
  --mm-header-height: 142px;
  --mm-queue-width: 348px;
  --mm-queue-space: 0px;
  --mm-player-space: 0px;
  --mm-shell-ink: #202126;
  --mm-shell-muted: #73757d;
  --mm-shell-line: #e5e6eb;
  --mm-shell-blue: #315de0;
  --mm-shell-hover: #edf0f8;
  background: #fff;
  color: var(--mm-shell-ink);
  min-width: 0;
  overflow-x: clip;
}
body.mm-shell-v19.mm-player-active { --mm-player-space: 92px; padding-bottom: calc(92px + env(safe-area-inset-bottom)); }
.mm-shell-v19 [hidden] { display: none !important; }
.mm-shell-v19 .mm-skip { z-index: 10000; }
.mm-shell-v19 :is(.mm-sidebar, .mm-browse-header) :is(a,button,input):focus-visible { outline: 2px solid var(--mm-shell-blue); outline-offset: 3px; }
.mm-shell-v19 .mm-shell-icon { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; flex: 0 0 34px; padding: 7px; border: 0; border-radius: 9px; background: transparent; color: var(--mm-shell-muted); cursor: pointer; }
.mm-shell-v19 .mm-shell-icon:hover { color: var(--mm-shell-ink); background: var(--mm-shell-hover); }
.mm-shell-v19 .mm-shell-icon:disabled { opacity: .25; cursor: default; background: transparent; }
.mm-shell-v19 :is(.mm-sidebar,.mm-browse-header) svg { width: 20px; height: 20px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

/* The account is a separate fixed column; neither the queue nor player covers it. */
.mm-shell-v19 .mm-sidebar { position: fixed; z-index: 4000; inset: 0 auto 0 0; width: var(--mm-sidebar-width); display: flex; flex-direction: column; color: var(--mm-shell-ink); background: #f8f9fc; border-right: 1px solid var(--mm-shell-line); padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom); }
.mm-shell-v19 .mm-sidebar-top { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; padding: 30px 23px 26px; }
.mm-shell-v19 .mm-side-brand { display: inline-flex; gap: 10px; align-items: center; color: #1c1d22; font-size: 24px; font-weight: 800; letter-spacing: -.8px; text-decoration: none; white-space: nowrap; }
.mm-shell-v19 .mm-side-mark { display: inline-flex; align-items: center; justify-content: center; width: 33px; height: 33px; flex: 0 0 33px; border-radius: 10px; background: #202126; color: #fff; font-size: 22px; line-height: 1; font-weight: 850; letter-spacing: -1.2px; }
.mm-shell-v19 .mm-side-close { display: none; }
.mm-shell-v19 .mm-side-scroll { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 15px 20px; scrollbar-width: thin; }
.mm-shell-v19 .mm-side-search { display: flex; align-items: center; gap: 4px; min-width: 0; height: 42px; margin: 0 0 28px; padding: 0 9px 0 6px; border: 1px solid #e3e5ec; border-radius: 10px; background: #fff; box-shadow: 0 2px 2px rgba(22,26,42,.015); }
.mm-shell-v19 .mm-side-search button { flex: 0 0 29px; width: 29px; padding: 4px; border: 0; color: #7b7e88; background: transparent; display: flex; align-items: center; cursor: pointer; }
.mm-shell-v19 .mm-side-search input { flex: 1; min-width: 0; width: 100%; height: 36px; background: transparent; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 3px; font: inherit; font-size: 13px; color: var(--mm-shell-ink); }
.mm-shell-v19 .mm-side-search input::placeholder { color: #858995; }
.mm-shell-v19 .mm-side-search input:focus { outline: 0; }
.mm-shell-v19 .mm-side-search:focus-within { border-color: var(--mm-shell-blue); box-shadow: 0 0 0 2px rgba(49,93,224,.08); }
.mm-shell-v19 .mm-side-label { padding: 0 12px 9px; color: #92959f; font-size: 11px; font-weight: 650; letter-spacing: .04em; }
.mm-shell-v19 .mm-side-nav { display: grid; gap: 5px; }
.mm-shell-v19 .mm-side-link { width: 100%; min-width: 0; display: flex; gap: 12px; align-items: center; min-height: 44px; padding: 10px 12px; border: 0; border-radius: 10px; background: transparent; color: #53565f; text-decoration: none; font: inherit; font-size: 14px; font-weight: 550; text-align: left; cursor: pointer; }
.mm-shell-v19 .mm-side-link > span:not(.mm-side-queue-count) { min-width: 0; }
.mm-shell-v19 .mm-side-link:hover { color: #242936; background: #f0f2f7; }
.mm-shell-v19 .mm-side-link.is-current { color: #315de0; background: #e9eefc; font-weight: 750; }
.mm-shell-v19 .mm-side-link[aria-expanded="true"] { color: var(--mm-shell-blue); }
.mm-shell-v19 .mm-side-queue-count { margin-left: auto; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 6px; font-size: 10px; background: #e5e8ef; color: #646b7c; }
.mm-shell-v19 .mm-side-rule { height: 1px; background: var(--mm-shell-line); margin: 24px 10px 23px; }
.mm-shell-v19 .mm-side-bottom { flex-shrink: 0; padding: 20px 20px 18px; border-top: 1px solid var(--mm-shell-line); background: #f8f9fc; }
.mm-shell-v19 .mm-side-invite { margin: 0 0 13px; color: #80838e; font-size: 11px; line-height: 1.6; }
.mm-shell-v19 .mm-side-login { display: flex; gap: 9px; align-items: center; justify-content: center; min-height: 44px; background: var(--mm-shell-blue); color: #fff; text-decoration: none; border-radius: 10px; font-weight: 750; font-size: 14px; box-shadow: 0 4px 12px rgba(49,93,224,.12); }
.mm-shell-v19 .mm-side-login:hover { background: #274fc4; }
.mm-shell-v19 .mm-side-login svg { width: 17px; height: 17px; }
.mm-shell-v19 .mm-side-join { display: block; padding: 11px 0 6px; text-align: center; text-decoration: none; font-size: 12px; color: #747985; }
.mm-shell-v19 .mm-side-member { display: grid; grid-template-columns: 38px minmax(0,1fr) 16px; gap: 10px; align-items: center; text-decoration: none; color: var(--mm-shell-ink); }
.mm-shell-v19 .mm-side-avatar { width: 38px; height: 38px; border-radius: 12px; background: #e8edf9; color: #4967b7; display: grid; place-items: center; }
.mm-shell-v19 .mm-side-member strong { display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; }
.mm-shell-v19 .mm-side-member small { display: block; margin-top: 3px; color: #858994; font-size: 11px; }
.mm-shell-v19 .mm-side-member > svg { width: 16px; height: 16px; color: #858994; }
.mm-shell-v19 .mm-side-account-links { display: flex; justify-content: space-between; gap: 12px; margin: 17px 0 2px; }
.mm-shell-v19 .mm-side-account-links a { color: #737986; font-size: 11px; text-decoration: none; }
.mm-shell-v19 .mm-side-utilities { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: 17px; padding-top: 13px; border-top: 1px solid #e9ebf0; }
.mm-shell-v19 .mm-side-utilities a { display: inline-flex; align-items: center; gap: 4px; color: #9295a0; font-size: 10px; font-weight: 500; white-space: nowrap; text-decoration: none; }
.mm-shell-v19 .mm-side-utilities svg { width: 12px; height: 12px; }

/* A two-row genre strip with visible scroll controls and a complete genre panel. */
.mm-shell-v19 #mmGlobalHeader { position: fixed; z-index: 3500; top: 0; right: 0; left: var(--mm-sidebar-width); padding: 16px 28px 10px; background: rgba(255,255,255,.97); color: var(--mm-shell-ink); border-bottom: 1px solid var(--mm-shell-line); box-shadow: 0 3px 12px rgba(25,30,45,.025); transition: none; }
.mm-shell-v19 .mm-mobile-bar { display: none; }
.mm-shell-v19 .mm-browse-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 33px; margin-bottom: 8px; }
.mm-shell-v19 .mm-browse-title { display: flex; align-items: center; gap: 9px; min-width: 0; }
.mm-shell-v19 .mm-browse-title h2 { font-size: 14px; font-weight: 750; margin: 0; letter-spacing: -.25px; white-space: nowrap; }
.mm-shell-v19 .mm-browse-dot { width: 6px; height: 6px; border-radius: 2px; background: var(--mm-accent, #5b8cff); }
.mm-shell-v19 .mm-browse-controls { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.mm-shell-v19 .mm-genre-scroll-buttons { display: flex; gap: 2px; }
.mm-shell-v19 .mm-genre-scroll-buttons .mm-shell-icon { width: 27px; height: 27px; flex-basis: 27px; padding: 6px; }
.mm-shell-v19 .mm-all-genres-button { display: flex; align-items: center; justify-content: center; gap: 6px; height: 29px; padding: 0 9px; border-radius: 8px; border: 1px solid #e7e9ee; color: #737887; background: #fff; font: inherit; font-size: 11px; font-weight: 550; cursor: pointer; }
.mm-shell-v19 .mm-all-genres-button:hover,.mm-shell-v19 .mm-all-genres-button[aria-expanded="true"] { color: var(--mm-shell-blue); background: #f3f6fe; border-color: #d9e1f8; }
.mm-shell-v19 .mm-all-genres-button svg { width: 13px; height: 13px; }
.mm-shell-v19 .mm-all-genres-button small { font-size: 10px; opacity: .7; }
.mm-shell-v19 .mm-genre-scroller { width: 100%; min-width: 0; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #dce0eb transparent; padding: 1px 1px 4px; scroll-padding-inline: 6px; }
.mm-shell-v19 .mm-genre-scroller::-webkit-scrollbar { height: 4px; }
.mm-shell-v19 .mm-genre-scroller::-webkit-scrollbar-thumb { background: #dce0eb; border-radius: 4px; }
.mm-shell-v19 .mm-genre-two-rows { display: grid; grid-template-rows: repeat(2, minmax(34px,auto)); row-gap: 3px; width: max-content; min-width: 100%; }
.mm-shell-v19 .mm-genre-row { display: flex; align-items: center; gap: 3px; min-height: 34px; }
.mm-shell-v19 #mmGlobalHeader .mm-nav-link { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-height: 33px; margin: 0; padding: 7px 10px; border: 0; border-radius: 7px; color: #646873; font-size: 12px; line-height: 1.45; font-weight: 550; letter-spacing: -.15px; white-space: nowrap; opacity: 1; text-decoration: none; }
.mm-shell-v19 #mmGlobalHeader .mm-nav-link::after { display: none; }
.mm-shell-v19 #mmGlobalHeader .mm-nav-link:hover { background: #f1f3f8; color: #303749; }
.mm-shell-v19 #mmGlobalHeader .mm-nav-link.is-current { background: #eaf0ff; color: #315de0; font-weight: 750; box-shadow: inset 0 0 0 1px #e0e8ff; }
.mm-shell-v19 .mm-all-genres-panel { position: absolute; z-index: 2; top: calc(100% + 8px); left: 20px; right: 20px; max-height: calc(100vh - var(--mm-header-height) - 108px); max-height: calc(100dvh - var(--mm-header-height) - 108px); overflow: auto; overscroll-behavior: contain; border: 1px solid #e4e7ef; border-radius: 16px; background: #fff; padding: 16px; box-shadow: 0 12px 42px rgba(23,34,66,.13); }
.mm-shell-v19 .mm-all-genres-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 2px 12px; }
.mm-shell-v19 .mm-all-genres-head strong { font-size: 14px; }
.mm-shell-v19 .mm-all-genres-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(128px,1fr)); gap: 7px; }
.mm-shell-v19 .mm-all-genres-grid a { padding: 10px 12px; border-radius: 8px; color: #535c70; background: #f6f7fb; font-size: 12px; text-decoration: none; line-height: 1.5; overflow-wrap: anywhere; }
.mm-shell-v19 .mm-all-genres-grid a:hover,.mm-shell-v19 .mm-all-genres-grid a.is-current { color: var(--mm-shell-blue); background: #eaf0ff; }

/* Central pages retain their data/skins but size against the actual available column. */
.mm-shell-v19 #container.mm-site-main { margin: 0 var(--mm-queue-space) 0 var(--mm-sidebar-width); width: auto; max-width: none; min-width: 0; min-height: calc(100vh - 110px); padding: var(--mm-header-height) 0 0; background: #fff; overflow: visible; container: mm-content / inline-size; }
.mm-shell-v19 #container [id] { scroll-margin-top: calc(var(--mm-header-height) + 20px); }
.mm-shell-v19 .mm-footer { margin-left: var(--mm-sidebar-width); margin-right: var(--mm-queue-space); background: #fafbfe; border-top: 1px solid var(--mm-shell-line); }
.mm-shell-v19 .mm-footer-inner { max-width: 1400px; padding: 24px 30px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; }
.mm-shell-v19 .mm-footer-brand { font-size: 14px; }
.mm-shell-v19 .mm-footer-copy { font-size: 11px; color: #9296a0; }
.mm-shell-v19 .mm-footer-links { margin-left: auto; display: flex; flex-wrap: wrap; gap: 12px; }
.mm-shell-v19 .mm-footer-links a { color: #898e9a; font-size: 10px; }
.mm-shell-v19 #container .mm-chart-stage { padding: 28px 26px; background: #fff; }
.mm-shell-v19 #container .mm-chart { max-width: 1320px; margin: 0 auto; box-shadow: none; border-radius: 16px; }
.mm-shell-v19 #container .mm-discovery-section { max-width: 1320px; }
.mm-shell-v19 #container .mm-board-wrap { min-width: 0; max-width: 100%; overflow-x: auto; }
.mm-shell-v19 #container .mm-artist-skin { min-height: calc(100vh - var(--mm-header-height) - 100px); padding-top: 28px; padding-bottom: 52px; }
.mm-shell-v19 #container .mm-skin-wrap { max-width: 1320px; padding: 0 28px; }
.mm-shell-v19 #container .mm-skin-nav { overflow-x: auto; white-space: nowrap; max-width: 100%; scrollbar-width: thin; }
.mm-shell-v19 #container .mm-skin-track-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.mm-shell-v19 #container .mm-skin-identity { min-width: 0; }
.mm-shell-v19 #container .mm-skin-name { overflow-wrap: anywhere; }
.mm-shell-v19 #container .mm-skin-track-meta { overflow-wrap: anywhere; }
@container mm-content (max-width: 920px) {
  .mm-shell-v19 #container .mm-skin-track-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 18px; }
  .mm-shell-v19 #container .mm-skin-identity { grid-template-columns: 104px minmax(0,1fr); padding: 24px; gap: 20px; align-items: center; }
  .mm-shell-v19 #container .mm-skin-avatar { width: 104px; height: 104px; border-radius: 50%; }
  .mm-shell-v19 #container .mm-skin-identity > div:last-child { grid-column: 1 / -1; }
  .mm-shell-v19 #container .mm-skin-identity > div:last-child:empty { display: none; }
  .mm-shell-v19 #container .mm-skin-name { font-size: 32px; }
  .mm-shell-v19 #container .mm-skin-albums { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .mm-shell-v19 #container .mm-skin-youtube { width: auto; }
}
@container mm-content (max-width: 560px) {
  .mm-shell-v19 #container .mm-skin-wrap { padding: 0 14px; }
  .mm-shell-v19 #container .mm-skin-track-grid { grid-template-columns: minmax(0,1fr); }
  .mm-shell-v19 #container .mm-skin-identity { grid-template-columns: 74px minmax(0,1fr); padding: 18px; gap: 14px; }
  .mm-shell-v19 #container .mm-skin-avatar { width: 74px; height: 74px; }
  .mm-shell-v19 #container .mm-skin-name { font-size: 25px; }
  .mm-shell-v19 #container .mm-skin-bio { font-size: 12px; }
  .mm-shell-v19 #container .mm-skin-albums { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mm-shell-v19 #container .mm-chart-stage { padding: 18px 12px; }
  .mm-shell-v19 #container .mm-chart-head { flex-wrap: wrap; gap: 12px; }
}

/* Queue below the genre bar; pinned account and genre controls stay unobscured. */
.mm-shell-v19 #mmQueueBackdrop { display: none !important; pointer-events: none !important; }
.mm-shell-v19 #mmQueueDrawer { z-index: 3200; top: var(--mm-header-height); right: 0; bottom: calc(var(--mm-player-space) + env(safe-area-inset-bottom)); left: auto; width: var(--mm-queue-width); height: auto; max-width: calc(100vw - var(--mm-sidebar-width)); display: flex; padding: 0; border-left: 1px solid #e4e7ee; border-radius: 0; background: #fafbfe; color: #252933; box-shadow: -7px 0 24px rgba(29,40,64,.035); backdrop-filter: none; -webkit-backdrop-filter: none; transform: translateX(102%); visibility: hidden; transition: transform .22s ease, visibility .22s; }
.mm-shell-v19 #mmQueueDrawer.is-open { visibility: visible; transform: translateX(0); }
.mm-shell-v19 .mm-queue-head { padding: 22px 20px 18px; gap: 6px; border-color: #e5e8f0; }
.mm-shell-v19 .mm-queue-kicker { font-size: 9px; letter-spacing: .15em; color: #9098a9; opacity: 1; }
.mm-shell-v19 .mm-queue-head h2 { font-size: 20px; margin-top: 5px; font-weight: 750; }
.mm-shell-v19 .mm-queue-head-actions { gap: 3px; }
.mm-shell-v19 .mm-queue-text-btn { font-size: 11px; }
.mm-shell-v19 .mm-queue-list { padding: 10px 0 22px; scrollbar-width: thin; }
.mm-shell-v19 .mm-queue-empty { padding: 24px; }
.mm-shell-v19 .mm-queue-item { grid-template-columns: 18px minmax(0,1fr) 24px; gap: 5px; margin: 0 10px; padding: 10px 6px; border-bottom-color: #eceef4; border-radius: 10px; }
.mm-shell-v19 .mm-queue-item.is-current { background: #eaf0ff; }
.mm-shell-v19 .mm-queue-main strong { font-size: 12px; font-weight: 650; }
.mm-shell-v19 .mm-queue-main small { font-size: 10px; margin-top: 4px; }
.mm-shell-v19 .mm-queue-remove { width: 24px; height: 28px; }

/* Player retains all existing controls and sits below the queue, not behind it. */
.mm-shell-v19 #mmGlobalPlayer { z-index: 3400; left: calc(var(--mm-sidebar-width) + 22px); right: 22px; bottom: calc(14px + env(safe-area-inset-bottom)); width: auto; height: 64px; border-radius: 18px; transform: translateY(16px); background: rgba(252,253,255,.98); border: 1px solid #e2e6ef; box-shadow: 0 6px 30px rgba(31,43,75,.12); color: #252b3b; }
.mm-shell-v19 #mmGlobalPlayer.is-visible { transform: translateY(0); }
.mm-shell-v19 #mmGlobalPlayer .mm-player-inner { padding: 10px 15px; gap: 12px; }
.mm-shell-v19 #mmGlobalPlayer .mm-player-info { width: clamp(110px,18vw,240px); flex: 0 1 240px; }
.mm-shell-v19 #mmGlobalPlayer .mm-player-cover { width: 40px; height: 40px; flex-basis: 40px; border-radius: 9px; }
.mm-shell-v19 #mmGlobalPlayer .mm-player-title { font-size: 12px; line-height: 1.4; }
.mm-shell-v19 #mmGlobalPlayer .mm-player-artist { font-size: 10px; color: #8b92a3; opacity: 1; }
.mm-shell-v19 #mmGlobalPlayer .mm-player-time { color: #9298a6; font-size: 10px; }
.mm-shell-v19 #mmGlobalPlayer .mm-player-icon-btn { width: 30px; height: 30px; }
.mm-shell-v19 #mmGlobalPlayer .mm-player-icon-btn.is-active { color: var(--mm-shell-blue); background: #eaf0ff; }
.mm-shell-v19 #mmGlobalPlayer .mm-queue-count { color: #fff; background: #315de0; }
.mm-shell-v19 .mm-side-backdrop { display: none; }
@media (min-width:1100px) { .mm-shell-v19.mm-queue-open { --mm-queue-space: var(--mm-queue-width); } }
@media (min-width:1600px) { body.mm-shell-v19 { --mm-queue-width: 370px; --mm-sidebar-width: 252px; } }
@media (min-width:768px) and (max-width:1279px) {
  body.mm-shell-v19 { --mm-sidebar-width: 208px; --mm-queue-width: 310px; }
  .mm-shell-v19 .mm-sidebar-top { padding: 27px 17px 24px; }
  .mm-shell-v19 .mm-side-brand { font-size: 21px; gap: 8px; }
  .mm-shell-v19 .mm-side-scroll { padding-inline: 12px; }
  .mm-shell-v19 .mm-side-bottom { padding: 18px 15px 16px; }
  .mm-shell-v19 .mm-side-link { font-size: 13px; gap: 10px; padding-inline: 9px; }
  .mm-shell-v19 #mmGlobalHeader { padding-inline: 20px; }
  .mm-shell-v19 #mmGlobalPlayer .mm-player-inner { gap: 8px; padding-inline: 11px; }
  .mm-shell-v19 #mmGlobalPlayer .mm-player-info { flex-basis: 150px; }
}
@media (min-width:768px) and (max-width:980px) {
  .mm-shell-v19 #mmGlobalPlayer { left: calc(var(--mm-sidebar-width) + 10px); right: 10px; }
  .mm-shell-v19 #mmGlobalPlayer .mm-player-seek { min-width: 44px; }
  .mm-shell-v19 #mmGlobalPlayer .mm-player-info { flex-basis: 106px; }
  .mm-shell-v19 #mmGlobalPlayer .mm-player-time { display: none; }
}
@supports not (container-type: inline-size) {
  .mm-shell-v19 #container .mm-skin-track-grid { grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); }
  .mm-shell-v19 #container .mm-skin-identity { grid-template-columns: 92px minmax(0,1fr); }
  .mm-shell-v19 #container .mm-skin-avatar { width: 92px; height: 92px; }
  .mm-shell-v19 #container .mm-skin-identity > div:last-child { grid-column: 1 / -1; }
}
@media (max-width:767px) {
  body.mm-shell-v19 { --mm-sidebar-width: 0px; --mm-header-height: 192px; --mm-queue-width: 100%; }
  body.mm-shell-v19.mm-player-active { --mm-player-space: 92px; }
  .mm-shell-v19.mm-side-open { overflow: hidden; }
  .mm-shell-v19 #mmSidebar { width: min(292px, calc(100vw - 30px)); transform: translateX(-102%); visibility: hidden; transition: transform .2s ease, visibility .2s; box-shadow: 8px 0 35px rgba(25,38,65,.14); }
  .mm-shell-v19.mm-side-open #mmSidebar { transform: translateX(0); visibility: visible; }
  .mm-shell-v19 .mm-sidebar-top { padding: 23px 18px 24px; }
  .mm-shell-v19 .mm-side-close { display: inline-flex; }
  .mm-shell-v19 .mm-side-backdrop:not([hidden]) { display: block; position: fixed; inset: 0; z-index: 3900; width: 100%; height: 100%; padding: 0; border: 0; background: rgba(28,38,59,.2); cursor: pointer; }
  .mm-shell-v19 #mmGlobalHeader { padding: env(safe-area-inset-top) 14px 8px; }
  .mm-shell-v19 .mm-mobile-bar { display: flex; align-items: center; gap: 8px; height: 55px; margin: 0 -2px 5px; border-bottom: 1px solid #edf0f5; }
  .mm-shell-v19 .mm-mobile-brand { display: inline-flex; align-items: center; gap: 7px; font-size: 18px; font-weight: 800; letter-spacing: -.4px; color: #232631; text-decoration: none; }
  .mm-shell-v19 .mm-mobile-brand .mm-side-mark { width: 25px; height: 25px; flex-basis: 25px; border-radius: 7px; font-size: 17px; }
  .mm-shell-v19 .mm-mobile-account { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; color: #4966af; font-size: 11px; text-decoration: none; white-space: nowrap; padding: 7px 0 7px 5px; }
  .mm-shell-v19 .mm-mobile-account svg { width: 16px; height: 16px; }
  .mm-shell-v19 .mm-browse-toolbar { height: 29px; margin-bottom: 5px; }
  .mm-shell-v19 .mm-browse-title h2 { font-size: 12px; }
  .mm-shell-v19 .mm-browse-title { gap: 6px; }
  .mm-shell-v19 .mm-browse-controls { gap: 5px; }
  .mm-shell-v19 .mm-all-genres-button { font-size: 10px; padding: 0 6px; gap: 4px; height: 26px; }
  .mm-shell-v19 .mm-all-genres-button small { display: none; }
  .mm-shell-v19 #mmGlobalHeader .mm-nav-link { font-size: 11.5px; padding: 7px 9px; }
  .mm-shell-v19 .mm-all-genres-panel { left: 8px; right: 8px; padding: 12px; }
  .mm-shell-v19 .mm-all-genres-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mm-shell-v19 .mm-footer-inner { padding: 22px 18px; }
  .mm-shell-v19 .mm-footer-links { margin-left: 0; width: 100%; }
  .mm-shell-v19 #mmQueueDrawer { top: auto; left: 0; width: 100%; max-width: 100%; height: min(60vh,calc(100vh - var(--mm-header-height) - var(--mm-player-space) - 12px)); height: min(60dvh,calc(100dvh - var(--mm-header-height) - var(--mm-player-space) - 12px)); bottom: calc(var(--mm-player-space) + env(safe-area-inset-bottom)); border-radius: 20px 20px 0 0; border: 1px solid #e0e5f0; border-bottom: 0; box-shadow: 0 -8px 32px rgba(28,43,76,.09); transform: translateY(102%); }
  .mm-shell-v19 #mmQueueDrawer.is-open { transform: translateY(0); }
  .mm-shell-v19 .mm-queue-head { padding: 16px 18px 13px; }
  .mm-shell-v19 .mm-queue-head h2 { font-size: 18px; }
  .mm-shell-v19 .mm-queue-list { padding-bottom: 14px; }
  .mm-shell-v19 #mmGlobalPlayer { left: 8px; right: 8px; height: 76px; bottom: calc(8px + env(safe-area-inset-bottom)); border-radius: 15px; }
  .mm-shell-v19 #mmGlobalPlayer .mm-player-inner { display: grid; grid-template-columns: 31px 31px minmax(0,1fr) 28px 28px 28px; grid-template-rows: 34px 12px; gap: 5px 7px; padding: 9px 11px; }
  .mm-shell-v19 #mmPlayerToggle { grid-column: 1; grid-row: 1; width: 30px; height: 30px; }
  .mm-shell-v19 #mmPlayerCover { grid-column: 2; grid-row: 1; width: 31px; height: 31px; }
  .mm-shell-v19 #mmGlobalPlayer .mm-player-info { grid-column: 3; grid-row: 1; width: auto; min-width: 0; }
  .mm-shell-v19 #mmGlobalPlayer .mm-player-title { font-size: 11px; }
  .mm-shell-v19 #mmGlobalPlayer .mm-player-artist { display: block; font-size: 9px; margin-top: 2px; }
  .mm-shell-v19 #mmPlayerSeek { grid-column: 1 / -1; grid-row: 2; min-width: 0; width: 100%; height: 12px; }
  .mm-shell-v19 #mmPlayerQueueAdd { grid-column: 4; grid-row: 1; }
  .mm-shell-v19 #mmPlayerShuffle { grid-column: 5; grid-row: 1; }
  .mm-shell-v19 #mmPlayerQueueToggle { grid-column: 6; grid-row: 1; }
  .mm-shell-v19 #mmGlobalPlayer .mm-player-icon-btn { display: grid; width: 28px; height: 28px; }
  .mm-shell-v19 #mmPlayerCurrent,.mm-shell-v19 #mmPlayerDuration,.mm-shell-v19 #mmPlayerMute,.mm-shell-v19 #mmPlayerClose { display: none; }
}
@media (max-height:540px) and (min-width:768px) {
  .mm-shell-v19 .mm-sidebar-top { padding-top: 14px; padding-bottom: 15px; }
  .mm-shell-v19 .mm-side-bottom { padding-top: 12px; padding-bottom: 10px; }
  .mm-shell-v19 .mm-side-invite { display: none; }
  .mm-shell-v19 .mm-side-utilities { margin-top: 9px; padding-top: 8px; }
}
@media (prefers-reduced-motion:reduce) {
  .mm-shell-v19 #mmSidebar,.mm-shell-v19 #mmQueueDrawer,.mm-shell-v19 #mmGlobalPlayer { transition: none; }
}

/* Short mobile landscape: leave enough room for queue rows and a reachable account. */
@media (max-width:767px) and (max-height:500px) {
  body.mm-shell-v19.mm-player-active { --mm-player-space: 82px; padding-bottom: 82px; }
  .mm-shell-v19 .mm-mobile-bar { height: 43px; margin-bottom: 2px; }
  .mm-shell-v19 .mm-browse-toolbar { height: 26px; margin-bottom: 2px; }
  .mm-shell-v19 .mm-genre-two-rows { grid-template-rows: repeat(2,minmax(28px,auto)); row-gap: 1px; }
  .mm-shell-v19 .mm-genre-row { min-height: 28px; }
  .mm-shell-v19 #mmGlobalHeader .mm-nav-link { min-height: 28px; padding-block: 4px; }
  .mm-shell-v19 .mm-queue-head { padding: 8px 14px; align-items: center; }
  .mm-shell-v19 .mm-queue-head h2 { margin: 0; font-size: 15px; }
  .mm-shell-v19 .mm-queue-kicker { display: none; }
  .mm-shell-v19 .mm-queue-list { padding-top: 2px; }
  .mm-shell-v19 #mmGlobalPlayer { height: 68px; bottom: calc(6px + env(safe-area-inset-bottom)); }
  .mm-shell-v19 #mmGlobalPlayer .mm-player-inner { padding-top: 5px; padding-bottom: 5px; }
  .mm-shell-v19 .mm-sidebar-top { padding-top: 12px; padding-bottom: 12px; }
  .mm-shell-v19 .mm-side-bottom { padding-top: 10px; padding-bottom: 10px; }
  .mm-shell-v19 .mm-side-invite { display: none; }
  .mm-shell-v19 .mm-side-utilities { margin-top: 5px; padding-top: 7px; }
}