/* Hearth Music (renderer/music/music.js, player.js).
 *
 * Direction: a lodge listening room. Walnut surfaces and brass hardware from
 * the same hand as the Games split gate and the Collection page, the Iowan
 * display serif for titles, painted icons, and the listening-room painting
 * (music/listening-room.webp) behind the home hero and every empty room.
 * Album art carries the colour; the chrome stays dark and quiet around it.
 *
 * Tokens are local to the view and the bar so nothing here leaks into other
 * tabs. Brass is the only accent; ember marks a destructive action.
 */

.music-view,
.mu-bar,
.mu-queue,
.mu-sheet,
.mu-dialog,
.mu-menu {
  --mu-wood:      #161117;
  --mu-wood-2:    #1d161e;
  --mu-wood-3:    #251c26;
  --mu-line:      rgba(201, 162, 74, .18);
  --mu-line-2:    rgba(201, 162, 74, .32);
  --mu-brass:     #c9a24a;
  --mu-brass-hi:  #e7c879;
  --mu-brass-dim: #8a6f33;
  --mu-ember:     #d0644e;
  --mu-ink:       var(--text, #e7ecf3);
  --mu-ink-dim:   var(--text-dim, #9aa3b8);
  --mu-ink-mute:  var(--text-mute, #5d6678);
  --mu-serif:     'Iowan Old Style', 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
  --mu-radius:    14px;
  --mu-radius-sm: 9px;
  --mu-ease:      cubic-bezier(.2, .8, .2, 1);
}

/* ─── the view ─────────────────────────────────────────────────────────── */

.music-view {
  position: relative;
  z-index: 1;
  height: calc(100vh - 60px - 41px - var(--np-h, 0px));
  display: flex;
  background:
    radial-gradient(1200px 640px at 82% -14%, rgba(201, 162, 74, .10), transparent 62%),
    linear-gradient(180deg, var(--mu-wood-2), var(--mu-wood) 46%, #110d12);
  color: var(--mu-ink);
}
.music-view.hidden { display: none; }
body.has-music-bar { --np-h: 84px; }

.mu-scroll {
  flex: 1 1 auto;
  min-width: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 20px var(--page-gutter, 22px) 64px;
  scroll-padding-top: 12px;
}
.mu-lanes { margin-bottom: 22px; }

/* ── The painted plate: the piano in the listening room (2026-10-10) ──
   Games wears the walnut rail and Videos the film canister; Music used to
   borrow the Games one. This is its own, and it has to read as MUSIC from
   across the room: a grand piano's keybed — a low band of ivory and ebony
   keys along the plate's foot under a dark wash, so they read as the piano's
   edge and not a stripe, and a black-lacquered fallboard above them carrying
   the rooms. Nothing else: the same plate at every width (Rober, after a
   brass amp faceplate, then a full keyboard with a turntable and a horn:
   "wanted to feel more musical", "a little less busy", "remove the left
   icon, keep it consistent").
   Two tiles, each sized on its own so nothing feeds back into the layout:
     music-keys.webp       one octave (177px of the source), repeat-x at a FIXED
                           height (--mu-keys) along the bottom: the seam is a
                           key boundary, so the keyboard never shows a join
     music-fallboard.webp  the lacquer above the keys, repeat-x and stretched
                           to whatever the rail needs (one row or, narrow, two)
   Source in the icon archive, collection hearth-dock:
   hearth-music-dock-piano-rail (the retired turntable, record and horn are
   there too). Only once dock.js has proved the art loads (html.hdock-art),
   like every painted dock. */
html.hdock-art .hdock.mu-lanes {
  --mu-keys: 38px;
  /* the wash over the keys: the lacquer's own dark, so the ivory sits back */
  --mu-key-wash: linear-gradient(180deg, rgba(12, 10, 11, .62), rgba(12, 10, 11, .34) 55%, rgba(12, 10, 11, .5));
  min-height: 0;
  border: 0;
  border-image: none;
  border-radius: 16px;
  padding: 14px 18px calc(var(--mu-keys) + 14px);
  background:
    var(--mu-key-wash) left bottom / 100% var(--mu-keys) no-repeat,
    url('dock/music-keys.webp') left bottom / auto var(--mu-keys) repeat-x,
    url('dock/music-fallboard.webp') left top / auto calc(100% - var(--mu-keys)) repeat-x;
  background-color: #0c0a0b;
  box-shadow:
    inset 0 1px 0 rgba(201, 162, 74, .28),
    inset 0 0 0 1px rgba(0, 0, 0, .6),
    0 10px 22px -8px rgba(0, 0, 0, .7);
  filter: none;
}
html.hdock-art .hdock.mu-lanes::before,
html.hdock-art .hdock.mu-lanes::after { display: none; }
/* The rooms on black lacquer: the dock's pills were drawn for walnut and
   vanish on it, so they get a glass of their own and a brass edge, and the
   lit room is brass. */
html.hdock-art .hdock.mu-lanes :is(.vlane-btn, .hdock-btn) {
  background: rgba(255, 255, 255, .07);
  border-color: rgba(201, 162, 74, .34);
  color: #d9d3c4;
}
html.hdock-art .hdock.mu-lanes :is(.vlane-btn, .hdock-btn):hover {
  background: rgba(255, 255, 255, .12);
  border-color: rgba(231, 200, 121, .6);
  color: #fff;
}
html.hdock-art .hdock.mu-lanes .vlane-btn.active {
  background: rgba(201, 162, 74, .22);
  border-color: rgba(231, 200, 121, .75);
  color: #fff;
}
html.hdock-art .hdock.mu-lanes .vlane-sep { background: rgba(201, 162, 74, .3); }

/* ── The piano OPENS (2026-10-10) ──
   The shelf opening every dock plays (media/dock.css "The shelf OPENS",
   dock.js openPlate): entering Music, the lacquer box stands at the centre
   the width of its two rounded ends — a music box, a few keys along its foot
   — and widens both ways to the dock's edges while the keyboard stays where
   it is and the rooms are uncovered. The plate has no caps: its end is only
   the rounded corner, so the pills start to show at the box's own edge
   (--can-in 0). While it opens the host paints nothing; one child wears the
   plate — the same tiles, the same shadow, the same radius — and its left and
   right edges close on the centre with --can-shut. The keys and the fallboard
   are tiles anchored to the child's left, so they are pushed back by exactly
   the distance its edge has moved in (--dock-w-px, set by dock.js), which
   holds them still against the dock: uncovered, not slid. The last frame is
   the resting plate. */
html.hdock-art .hdock.mu-lanes.is-opening {
  --can-pad-l: 18px;
  --can-pad-r: 18px;
  --can-l-w: 44px;
  --can-r-w: 44px;
  --can-in-l: 0px;
  --can-in-r: 0px;
  background: none;
  box-shadow: none;
}
html.hdock-art .hdock.mu-lanes.is-opening > .hdock-open-body {
  --mu-in: calc((var(--dock-w-px) / 2 - var(--can-l-w)) * var(--can-shut));
  left: var(--mu-in);
  right: var(--mu-in);
  z-index: 0;
  border-radius: 16px;
  background:
    var(--mu-key-wash) left bottom / 100% var(--mu-keys) no-repeat,
    url('dock/music-keys.webp') calc(-1 * var(--mu-in)) bottom / auto var(--mu-keys) repeat-x,
    url('dock/music-fallboard.webp') calc(-1 * var(--mu-in)) top / auto calc(100% - var(--mu-keys)) repeat-x;
  background-color: #0c0a0b;
  box-shadow:
    inset 0 1px 0 rgba(201, 162, 74, .28),
    inset 0 0 0 1px rgba(0, 0, 0, .6),
    0 10px 22px -8px rgba(0, 0, 0, .7);
}

.mu-lane img { border-radius: 6px; }
.mu-lane-listening img, .mu-lane-tools img { filter: saturate(1.05); }

.mu-pane { min-height: 60vh; display: flex; flex-direction: column; }
.mu-pane > * + * { margin-top: 0; }

.mu-serif { font-family: var(--mu-serif); font-weight: 600; letter-spacing: .005em; text-wrap: balance; }
.mu-kicker {
  margin: 0 0 6px;
  font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: var(--mu-brass);
}
.mu-fine { color: var(--mu-ink-dim); font-size: 12.5px; margin: 0; }
.mu-ellip { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mu-warn { color: var(--mu-ember); font-size: 12.5px; }
.mu-count { color: var(--mu-ink-mute); font-size: 12.5px; font-variant-numeric: tabular-nums; }
.mu-link {
  background: none; border: 0; padding: 4px 2px; cursor: pointer;
  color: var(--mu-brass); font: inherit; font-size: 13px; font-weight: 600; white-space: nowrap;
}
.mu-link:hover { color: var(--mu-brass-hi); text-decoration: underline; text-underline-offset: 3px; }
.mu-glyph { display: inline-flex; width: 18px; height: 18px; }
.mu-glyph svg { width: 100%; height: 100%; }
.mu-img-missing { opacity: 0; }

/* ─── buttons + inputs ─────────────────────────────────────────────────── */

.mu-btn {
  display: inline-flex; align-items: center; gap: 8px;
  min-height: 38px; padding: 0 16px;
  border-radius: 999px; border: 1px solid var(--mu-line-2);
  background: rgba(255, 255, 255, .03); color: var(--mu-ink);
  font: inherit; font-size: 13.5px; font-weight: 600; white-space: nowrap; cursor: pointer;
  transition: background .2s ease, border-color .2s ease, transform .15s ease, color .2s ease;
}
.mu-btn:hover:not(:disabled) { border-color: var(--mu-brass); background: rgba(201, 162, 74, .08); }
.mu-btn:active:not(:disabled) { transform: translateY(1px); }
.mu-btn:disabled { opacity: .5; cursor: default; }
.mu-btn img { width: 20px; height: 20px; }
.mu-btn-brass {
  background: linear-gradient(180deg, #d9b45e, #b18734);
  border-color: #e7c879; color: #1b130b;
  box-shadow: 0 1px 0 rgba(255, 240, 200, .35) inset, 0 6px 18px rgba(201, 162, 74, .18);
}
.mu-btn-brass:hover:not(:disabled) { background: linear-gradient(180deg, #e7c879, #c09440); color: #1b130b; }
.mu-btn-big { min-height: 46px; padding: 0 24px; font-size: 15px; }
.mu-btn-ghost { border-color: transparent; background: transparent; color: var(--mu-ink-dim); }
.mu-btn-ghost:hover:not(:disabled) { color: var(--mu-ink); }
.mu-btn-danger:hover:not(:disabled) { color: var(--mu-ember); border-color: rgba(208, 100, 78, .5); background: rgba(208, 100, 78, .08); }
.mu-more-btn { align-self: center; margin-top: 22px; }

.mu-icon-btn {
  display: inline-grid; place-items: center;
  width: 36px; height: 36px; flex: 0 0 auto;
  border-radius: 50%; border: 1px solid transparent;
  background: transparent; color: var(--mu-ink-dim); cursor: pointer;
}
.mu-icon-btn svg { width: 18px; height: 18px; }
.mu-icon-btn:hover { color: var(--mu-ink); border-color: var(--mu-line-2); }

.mu-input {
  width: 100%; min-height: 40px; box-sizing: border-box;
  padding: 8px 12px;
  border-radius: var(--mu-radius-sm); border: 1px solid var(--mu-line-2);
  background: rgba(0, 0, 0, .28); color: var(--mu-ink);
  font: inherit; font-size: 16px; /* 16px: iOS does not zoom a focused field */
}
.mu-input:focus { outline: none; border-color: var(--mu-brass); box-shadow: 0 0 0 3px rgba(201, 162, 74, .2); }
textarea.mu-input { resize: vertical; min-height: 72px; }
.mu-input-inline { width: auto; display: inline-block; min-height: 34px; padding: 4px 10px; font-size: 14px; }
.mu-color { width: 64px; padding: 4px; }
.mu-label { display: block; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--mu-ink-dim); margin: 0; }
.mu-check { display: flex; align-items: center; gap: 10px; min-height: 36px; cursor: pointer; font-size: 14px; }
.mu-check input { width: 18px; height: 18px; accent-color: var(--mu-brass); flex: 0 0 auto; }
.mu-row2 { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.mu-row2 > .mu-input { flex: 1 1 220px; }
.mu-row3 { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 10px; }
.mu-hr { border: 0; border-top: 1px solid var(--mu-line); margin: 6px 0; width: 100%; }

:where(.music-view, .mu-bar, .mu-queue, .mu-sheet, .mu-dialog, .mu-menu) :focus-visible {
  outline: 2px solid var(--mu-brass-hi);
  outline-offset: 2px;
}

.mu-seg { display: inline-flex; padding: 3px; gap: 2px; border-radius: 999px; border: 1px solid var(--mu-line-2); background: rgba(0, 0, 0, .25); }
.mu-seg-btn { min-height: 32px; padding: 0 14px; border-radius: 999px; border: 0; background: transparent; color: var(--mu-ink-dim); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.mu-seg-btn.on { background: rgba(201, 162, 74, .2); color: var(--mu-brass-hi); }

/* ─── room heads ───────────────────────────────────────────────────────── */

.mu-room { display: flex; flex-direction: column; }
.mu-room-head {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  padding-bottom: 16px; margin-bottom: 22px;
  border-bottom: 1px solid var(--mu-line);
}
.mu-room-title { margin: 0; font-size: clamp(26px, 2.6vw, 34px); line-height: 1.1; }
.mu-room-sub { margin: 6px 0 0; color: var(--mu-ink-dim); font-size: 14px; }
.mu-room-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.mu-section-title { margin: 34px 0 14px; font-size: 22px; }
.mu-crumbs { margin: -6px 0 14px; }
.mu-back {
  display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 12px 0 8px;
  border-radius: 999px; border: 1px solid var(--mu-line); background: rgba(0, 0, 0, .2);
  color: var(--mu-ink-dim); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; max-width: 60ch;
}
.mu-back span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mu-back:hover { color: var(--mu-ink); border-color: var(--mu-line-2); }

/* ─── loading + empty ──────────────────────────────────────────────────── */

.mu-loading { display: flex; align-items: center; gap: 12px; justify-content: center; padding: 80px 0; color: var(--mu-ink-dim); }
.mu-spinner {
  width: 26px; height: 26px; border-radius: 50%;
  background: conic-gradient(from 0deg, transparent 0 30%, var(--mu-brass) 30% 34%, transparent 34% 62%, var(--mu-brass) 62% 66%, transparent 66%),
              radial-gradient(circle, #e7c879 0 3px, #111 3.5px 9px, #1d1b1f 9.5px);
  animation: mu-spin 1.4s linear infinite;
}
@keyframes mu-spin { to { transform: rotate(360deg); } }

.mu-empty {
  position: relative; overflow: hidden;
  display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: stretch;
  min-height: 340px; border-radius: var(--mu-radius);
  border: 1px solid var(--mu-line);
  background: #120e13;
}
.mu-empty-art {
  background: url('listening-room.webp') center / cover no-repeat;
  mask-image: linear-gradient(90deg, #000 62%, transparent);
  -webkit-mask-image: linear-gradient(90deg, #000 62%, transparent);
  min-height: 240px;
}
.mu-empty-copy { display: flex; flex-direction: column; justify-content: center; gap: 12px; padding: 32px 36px; }
.mu-empty-copy h2 { margin: 0; font-size: 28px; }
.mu-empty-copy p { margin: 0; color: var(--mu-ink-dim); max-width: 46ch; text-wrap: pretty; line-height: 1.55; }
.mu-empty-copy .mu-btn { align-self: flex-start; margin-top: 6px; }

/* ─── home: hero + shelves ─────────────────────────────────────────────── */

.mu-listen { display: flex; flex-direction: column; gap: 34px; }
.mu-hero {
  position: relative; overflow: hidden; isolation: isolate;
  min-height: clamp(260px, 32vh, 360px);
  border-radius: var(--mu-radius); border: 1px solid var(--mu-line);
  display: flex; align-items: flex-end;
  background: #0f0b10;
}
.mu-hero-art {
  position: absolute; inset: 0; z-index: -1;
  background: url('listening-room.webp') 70% 40% / cover no-repeat;
  transform: scale(1.04);
  transition: transform 1.6s var(--mu-ease);
}
.mu-hero-art::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(10, 7, 11, .92) 0%, rgba(10, 7, 11, .7) 38%, rgba(10, 7, 11, .1) 75%),
              linear-gradient(0deg, rgba(10, 7, 11, .7), transparent 50%);
}
.mu-hero.mu-in .mu-hero-art { transform: scale(1); }
.mu-hero-copy { padding: 30px 34px; max-width: 640px; }
.mu-hero-title { margin: 0; font-size: clamp(32px, 4vw, 52px); line-height: 1.02; }
.mu-hero-sub { margin: 10px 0 0; color: #d6c8b0; font-size: 14.5px; font-variant-numeric: tabular-nums; }
.mu-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.mu-hero-actions .mu-btn:not(.mu-btn-brass) { background: rgba(10, 7, 11, .55); backdrop-filter: blur(6px); }
.mu-hero-actions .mu-btn span { max-width: 32ch; overflow: hidden; text-overflow: ellipsis; }

.mu-shelf-head { display: flex; align-items: baseline; gap: 14px; margin-bottom: 12px; }
.mu-shelf-head h2 { margin: 0; font-size: 22px; }
.mu-shelf-head .mu-link, .mu-shelf-head .mu-count { margin-left: auto; }
.mu-strip {
  display: grid; grid-auto-flow: column; grid-auto-columns: 172px; gap: 18px;
  overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity;
  padding: 4px 2px 12px; margin: 0 -2px;
  scrollbar-width: thin; scrollbar-color: var(--mu-brass-dim) transparent;
}
.mu-strip > * { scroll-snap-align: start; }

/* ─── tiles ────────────────────────────────────────────────────────────── */

.mu-grid { display: grid; grid-template-columns: repeat(var(--cols, 5), minmax(0, 1fr)); gap: 26px 18px; }
.mu-tile { position: relative; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.mu-tile-art {
  position: relative; display: block; width: 100%; aspect-ratio: 1; padding: 0; overflow: hidden;
  border: 0; border-radius: var(--mu-radius-sm); cursor: pointer;
  background:
    url('data:image/webp;base64,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') center / 42% no-repeat,
    linear-gradient(145deg, #2a2129, #171218);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 10px 24px rgba(0, 0, 0, .45);
  transition: transform .35s var(--mu-ease), box-shadow .35s var(--mu-ease);
}
.mu-tile-art img { width: 100%; height: 100%; object-fit: cover; display: block; transition: opacity .3s ease; }
.mu-tile-art.mu-round { border-radius: 50%; background: url('data:image/webp;base64,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') center / 42% no-repeat, linear-gradient(145deg, #2a2129, #171218); }
.mu-tile-pl .mu-tile-art { background: linear-gradient(145deg, #2a2129, #171218); }
.mu-tile-blank { display: grid; place-items: center; width: 100%; height: 100%; }
.mu-tile:hover .mu-tile-art { transform: translateY(-3px); box-shadow: 0 1px 0 rgba(255, 255, 255, .08) inset, 0 18px 36px rgba(0, 0, 0, .55), 0 0 0 1px var(--mu-line-2); }
.mu-tile-play {
  position: absolute; right: 10px; top: calc(var(--mu-cell, 168px) - 56px);
  width: 46px; height: 46px; border-radius: 50%; border: 0; cursor: pointer;
  display: grid; place-items: center;
  background: linear-gradient(180deg, #e7c879, #b18734); color: #1b130b;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .5);
  opacity: 0; transform: translateY(8px) scale(.9);
  transition: opacity .2s ease, transform .25s var(--mu-ease);
}
.mu-tile-play .mu-glyph { width: 20px; height: 20px; margin-left: 2px; }
.mu-tile:hover .mu-tile-play, .mu-tile:focus-within .mu-tile-play { opacity: 1; transform: none; }
.mu-tile-meta { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mu-tile-title, .mu-tile-sub {
  background: none; border: 0; padding: 0; text-align: left; font: inherit; cursor: pointer;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;
}
.mu-tile-title { color: var(--mu-ink); font-size: 14px; font-weight: 600; }
.mu-tile-sub { color: var(--mu-ink-dim); font-size: 12.5px; }
.mu-tile-title:hover, button.mu-tile-sub:hover { color: var(--mu-brass-hi); }
.mu-tile-more { display: none; color: var(--mu-ink-mute); font-size: 12.5px; }
.mu-tile-artist .mu-tile-meta { align-items: center; text-align: center; }
.mu-tile-artist .mu-tile-title, .mu-tile-artist .mu-tile-sub { text-align: center; max-width: 100%; }
.mu-tile.is-starred .mu-tile-art::after {
  content: ''; position: absolute; left: 8px; top: 8px; width: 22px; height: 22px;
  background: url('data:image/webp;base64,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') center / contain no-repeat;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .6));
}

/* The last row's spanning tiles are FRAMED (2026-10-10, Rober: "can the bigger
   version of pilgrim have a more distinct frame"): the tile is a lacquer case
   whose padding is the moulding, with a brass hairline just inside its edge.
   The cover is inset in it at the frame's full inner height: the frame is one
   row tall (--mu-row-h, an ordinary tile's cover + caption, measured by
   music.js fitGrid), so it never has an empty band under the art. It sits
   behind a bevel; the details sit beside it on the album's own art, blurred.
   Same outer box as the cells it spans: only the inside differs. */
.mu-tile.mu-wide {
  --mu-frame: 11px;
  --mu-wide-art: calc(var(--mu-row-h, calc(var(--mu-cell, 168px) + 48px)) - 2 * var(--mu-frame) - 2px);
  isolation: isolate;
  display: grid; grid-template-columns: var(--mu-wide-art) minmax(0, 1fr); gap: 0 20px; align-items: start;
  height: var(--mu-row-h, auto); box-sizing: border-box;
  padding: var(--mu-frame) calc(var(--mu-frame) + 8px) var(--mu-frame) var(--mu-frame);
  border-radius: var(--mu-radius);
  border: 1px solid var(--mu-line-2);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .045), transparent 38%),
    linear-gradient(145deg, var(--mu-wood-3), var(--mu-wood) 70%);
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, .55),
    inset 0 0 0 3px color-mix(in srgb, var(--mu-brass) 34%, transparent),
    0 1px 0 rgba(255, 255, 255, .05),
    0 14px 34px rgba(0, 0, 0, .5);
  transition: border-color .3s var(--mu-ease), box-shadow .3s var(--mu-ease);
}
.mu-tile.mu-wide::before {
  content: ''; position: absolute; inset: var(--mu-frame); z-index: -1; border-radius: calc(var(--mu-radius) - 6px);
  background: var(--tile-art, none) center / cover no-repeat;
  filter: blur(36px) saturate(1.2) brightness(.45); opacity: .7;
  mask-image: linear-gradient(90deg, transparent 0, #000 35%, #000 75%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 35%, #000 75%, transparent);
}
.mu-tile.mu-wide:hover,
.mu-tile.mu-wide:focus-within {
  border-color: color-mix(in srgb, var(--mu-brass) 60%, transparent);
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, .55),
    inset 0 0 0 3px color-mix(in srgb, var(--mu-brass) 55%, transparent),
    0 1px 0 rgba(255, 255, 255, .06),
    0 18px 40px rgba(0, 0, 0, .55);
}
/* The picture in its opening: as tall as the frame's inside, square, behind a bevel. */
.mu-tile.mu-wide .mu-tile-art {
  width: var(--mu-wide-art); height: var(--mu-wide-art); aspect-ratio: auto;
  border-radius: 6px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .7), 0 0 0 2px color-mix(in srgb, var(--mu-brass) 22%, transparent), 0 6px 16px rgba(0, 0, 0, .55);
}
.mu-tile.mu-wide:hover .mu-tile-art { transform: none; }
.mu-tile.mu-wide .mu-tile-meta { padding-top: 4px; gap: 5px; }
.mu-tile.mu-wide .mu-tile-title { font-family: var(--mu-serif); font-size: 20px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-wrap: balance; }
.mu-tile.mu-wide .mu-tile-sub { font-size: 13.5px; }
.mu-tile.mu-wide .mu-tile-more { display: block; line-height: 1.45; }
/* Play rides the frame's bottom-right corner, on the details side. */
.mu-tile.mu-wide .mu-tile-play { top: auto; left: auto; bottom: calc(var(--mu-frame) + 4px); right: calc(var(--mu-frame) + 4px); }
.mu-tile-artist.mu-wide .mu-tile-art { border-radius: 50%; }
.mu-tile-artist.mu-wide .mu-tile-meta { align-items: flex-start; text-align: left; align-self: center; padding-top: 0; }
.mu-tile-artist.mu-wide .mu-tile-title, .mu-tile-artist.mu-wide .mu-tile-sub { text-align: left; }
@media (prefers-reduced-motion: reduce) { .mu-tile.mu-wide { transition: none; } }

/* ─── facet plates (genres, decades, labels …) ─────────────────────────── */

.mu-band { display: flex; flex-direction: column; }
.mu-browse .mu-band + .mu-band { margin-top: 30px; }
.mu-plates { gap: 12px; }
.mu-plate {
  --plate-tint: var(--mu-brass);
  position: relative; overflow: hidden; min-width: 0;
  display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 8px 14px 8px 8px;
  border-radius: 12px; border: 1px solid var(--mu-line);
  background: linear-gradient(90deg, color-mix(in srgb, var(--plate-tint) 12%, transparent), rgba(255, 255, 255, .02));
  color: var(--mu-ink); font: inherit; text-align: left; cursor: pointer;
  transition: border-color .2s ease, transform .2s var(--mu-ease), background .2s ease;
}
.mu-plate:hover { border-color: color-mix(in srgb, var(--plate-tint) 60%, transparent); transform: translateY(-2px); }
.mu-plate-art { width: 48px; height: 48px; border-radius: 8px; object-fit: cover; flex: 0 0 auto; box-shadow: 0 4px 10px rgba(0, 0, 0, .4); }
.mu-plate-blank { display: block; background: url('data:image/webp;base64,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') center / 80% no-repeat, rgba(0, 0, 0, .3); }
.mu-plate-text { display: flex; flex-direction: column; min-width: 0; }
.mu-plate-label { font-weight: 600; font-size: 14.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mu-plate-sub { color: var(--mu-ink-dim); font-size: 12px; white-space: nowrap; }
.mu-plate.mu-wide { justify-content: flex-start; }

.mu-az {
  position: sticky; top: -20px; z-index: 3;
  display: flex; flex-wrap: wrap; gap: 2px; padding: 8px 0; margin: -6px 0 6px;
  background: linear-gradient(180deg, var(--mu-wood-2) 70%, transparent);
}
.mu-az button { min-width: 30px; height: 30px; border-radius: 8px; border: 0; background: transparent; color: var(--mu-ink-dim); font: inherit; font-weight: 700; cursor: pointer; }
.mu-az button:hover { background: rgba(201, 162, 74, .14); color: var(--mu-brass-hi); }
.mu-letter { margin: 26px 0 12px; font-size: 26px; color: var(--mu-brass); scroll-margin-top: 50px; }

/* ─── detail pages ─────────────────────────────────────────────────────── */

.mu-detail { display: flex; flex-direction: column; }
.mu-detail-head {
  --mu-tint: 120, 90, 50;
  position: relative; display: grid; grid-template-columns: minmax(180px, 260px) minmax(0, 1fr); gap: 30px; align-items: end;
  padding: 26px; margin-bottom: 26px; border-radius: var(--mu-radius); border: 1px solid var(--mu-line);
  background:
    radial-gradient(900px 340px at 0% 0%, rgba(var(--mu-tint), .38), transparent 70%),
    linear-gradient(180deg, rgba(var(--mu-tint), .16), rgba(0, 0, 0, .1));
  transition: background .6s ease;
}
.mu-detail-art { width: 100%; aspect-ratio: 1; border-radius: var(--mu-radius-sm); overflow: hidden; box-shadow: 0 22px 50px rgba(0, 0, 0, .6); background: linear-gradient(145deg, #2a2129, #171218); }
.mu-detail-art img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mu-detail-art.mu-round { border-radius: 50%; }
.mu-detail-copy { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.mu-detail-title { margin: 0; font-size: clamp(30px, 3.6vw, 52px); line-height: 1.04; overflow-wrap: anywhere; }
.mu-detail-by { margin: 2px 0 0; font-size: 16px; }
.mu-detail-by .mu-link { font-size: 16px; padding: 0; }
.mu-detail-facts { margin: 0; color: var(--mu-ink-dim); font-size: 14px; font-variant-numeric: tabular-nums; }
.mu-detail-note { margin: 4px 0; color: #d6c8b0; max-width: 65ch; text-wrap: pretty; }
.mu-detail-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 14px; }
.mu-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; align-items: center; }
.mu-chip {
  --chip: var(--mu-brass);
  min-height: 28px; padding: 0 12px; border-radius: 999px; cursor: pointer;
  border: 1px solid color-mix(in srgb, var(--chip) 45%, transparent);
  background: color-mix(in srgb, var(--chip) 10%, transparent);
  color: var(--mu-ink); font: inherit; font-size: 12.5px; font-weight: 600; white-space: nowrap;
}
.mu-chip:hover { background: color-mix(in srgb, var(--chip) 22%, transparent); }
.mu-badges { display: inline-flex; gap: 4px; margin-left: 6px; vertical-align: 1px; }
.mu-badge { display: inline-block; padding: 1px 6px; border-radius: 4px; border: 1px solid var(--mu-line-2); color: var(--mu-ink-dim); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.mu-badge-e { color: #1b130b; background: var(--mu-ink-dim); border-color: transparent; }

.mu-heart {
  width: 38px; height: 38px; display: inline-grid; place-items: center; flex: 0 0 auto;
  border-radius: 50%; border: 1px solid transparent; background: transparent; cursor: pointer;
}
.mu-heart img { width: 20px; height: 20px; filter: grayscale(1) brightness(.75); opacity: .55; transition: filter .2s ease, opacity .2s ease, transform .3s cubic-bezier(.3, 1.6, .5, 1); }
.mu-heart:hover img { opacity: .9; }
.mu-heart.on img { filter: none; opacity: 1; transform: scale(1.12); }
.mu-stars { display: inline-flex; gap: 0; }
.mu-star { width: 30px; height: 30px; display: grid; place-items: center; border: 0; background: transparent; cursor: pointer; padding: 0; }
.mu-star img { width: 18px; height: 18px; filter: grayscale(1) brightness(1.5); opacity: .32; transition: filter .15s ease, opacity .15s ease; }
.mu-star:hover img { opacity: .6; }
.mu-star.on img { filter: none; opacity: 1; }

/* ─── track table ──────────────────────────────────────────────────────── */

.mu-tracks { display: flex; flex-direction: column; }
.mu-tr {
  display: grid; align-items: center; gap: 12px;
  grid-template-columns: 44px minmax(0, 3fr) minmax(0, 2fr) 54px 64px 88px;
  min-height: 52px; padding: 4px 8px; border-radius: 10px;
  color: var(--mu-ink); cursor: default;
}
.mu-tracks-noalbum .mu-tr { grid-template-columns: 44px minmax(0, 1fr) 54px 64px 88px; }
.mu-th { min-height: 36px; color: var(--mu-ink-mute); font-size: 11.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; border-bottom: 1px solid var(--mu-line); border-radius: 0; margin-bottom: 4px; }
.mu-tr:not(.mu-th):hover { background: rgba(255, 255, 255, .035); }
.mu-tr:not(.mu-th):focus-visible { background: rgba(201, 162, 74, .08); }
.mu-tr.is-off { opacity: .45; }
.mu-tr.is-playing { background: linear-gradient(90deg, rgba(201, 162, 74, .14), transparent 70%); }
.mu-tr.is-playing .mu-row-title { color: var(--mu-brass-hi); }
.mu-c-n { position: relative; display: grid; place-items: center; color: var(--mu-ink-mute); font-variant-numeric: tabular-nums; font-size: 13.5px; cursor: pointer; height: 36px; }
.mu-n-play { position: absolute; inset: 0; display: none; place-items: center; color: var(--mu-brass-hi); }
.mu-tr:hover .mu-n, .mu-tr:focus-within .mu-n { visibility: hidden; }
.mu-tr:hover .mu-n-play, .mu-tr:focus-within .mu-n-play { display: grid; }
.mu-tr.is-playing .mu-n { visibility: hidden; }
.mu-tr.is-playing .mu-c-n::after {
  content: ''; position: absolute; width: 14px; height: 14px;
  background: linear-gradient(var(--mu-brass-hi), var(--mu-brass-hi)) 0 100% / 3px 60% no-repeat,
              linear-gradient(var(--mu-brass-hi), var(--mu-brass-hi)) 50% 100% / 3px 100% no-repeat,
              linear-gradient(var(--mu-brass-hi), var(--mu-brass-hi)) 100% 100% / 3px 40% no-repeat;
  animation: mu-eq 1s ease-in-out infinite alternate;
}
.mu-tr.is-playing:hover .mu-c-n::after { display: none; }
@keyframes mu-eq { 50% { background-size: 3px 30%, 3px 70%, 3px 90%; } }
.mu-c-title { display: flex; align-items: center; gap: 12px; min-width: 0; }
.mu-row-art { width: 40px; height: 40px; border-radius: 6px; object-fit: cover; flex: 0 0 auto; background: #241c24; }
.mu-row-text { display: flex; flex-direction: column; min-width: 0; }
.mu-row-title { font-weight: 600; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mu-row-sub, .mu-row-album {
  background: none; border: 0; padding: 0; text-align: left; font: inherit; cursor: pointer;
  color: var(--mu-ink-dim); font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;
}
.mu-row-album { font-size: 13.5px; }
.mu-row-sub:hover, .mu-row-album:hover { color: var(--mu-brass-hi); text-decoration: underline; text-underline-offset: 3px; }
.mu-c-album { min-width: 0; }
.mu-c-plays, .mu-c-dur { text-align: right; color: var(--mu-ink-dim); font-variant-numeric: tabular-nums; font-size: 13px; white-space: nowrap; }
.mu-c-act { display: flex; justify-content: flex-end; align-items: center; gap: 2px; }
.mu-tr:not(.mu-th) .mu-c-act .mu-heart:not(.on), .mu-tr:not(.mu-th) .mu-more { opacity: 0; transition: opacity .15s ease; }
.mu-tr:hover .mu-c-act .mu-heart, .mu-tr:focus-within .mu-c-act .mu-heart, .mu-tr:hover .mu-more, .mu-tr:focus-within .mu-more { opacity: 1; }
.mu-more { width: 36px; height: 36px; border-radius: 50%; border: 0; background: transparent; color: var(--mu-ink-dim); cursor: pointer; display: grid; place-items: center; }
.mu-more svg { width: 20px; height: 20px; }
.mu-more:hover { color: var(--mu-ink); background: rgba(255, 255, 255, .06); }
.mu-disc { padding: 18px 8px 6px; color: var(--mu-brass); font-family: var(--mu-serif); font-size: 16px; font-weight: 600; border-bottom: 1px solid var(--mu-line); }

/* ─── Listening (who is listening + stats) ─────────────────────────────── */

.mu-listening { gap: 22px; }
.mu-listening .mu-room-head { margin-bottom: 0; }
.mu-live { padding: 18px; border-radius: var(--mu-radius); border: 1px solid var(--mu-line); background: linear-gradient(180deg, rgba(201, 162, 74, .07), transparent); }
.mu-live-quiet { margin: 0; color: var(--mu-ink-dim); max-width: 70ch; text-wrap: pretty; }
.mu-live-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); gap: 14px; }
.mu-live-card { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 14px; padding: 12px; border-radius: 12px; background: rgba(0, 0, 0, .25); border: 1px solid var(--mu-line); }
.mu-live-card.is-paused { opacity: .7; }
.mu-live-art { width: 88px; height: 88px; border-radius: 8px; object-fit: cover; background: #241c24; }
.mu-live-copy { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.mu-live-who { margin: 0; font-size: 12.5px; color: var(--mu-ink-dim); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mu-live-who strong { color: var(--mu-brass-hi); }
.mu-live-title { margin: 0; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mu-live-sub { margin: 0; font-size: 12.5px; color: var(--mu-ink-dim); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mu-live-prog { height: 4px; border-radius: 4px; background: rgba(255, 255, 255, .08); overflow: hidden; margin-top: 4px; }
.mu-live-prog span { display: block; height: 100%; background: linear-gradient(90deg, var(--mu-brass-dim), var(--mu-brass-hi)); transition: width 1s linear; }
.mu-live-tech { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 0; font-size: 11.5px; color: var(--mu-ink-dim); font-variant-numeric: tabular-nums; align-items: center; }
.mu-tag { padding: 1px 8px; border-radius: 999px; border: 1px solid var(--mu-line); white-space: nowrap; }
.mu-tag-x { border-color: rgba(208, 100, 78, .5); color: #f0a08e; }

.mu-ledger { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; border-radius: var(--mu-radius); overflow: hidden; border: 1px solid var(--mu-line); background: var(--mu-line); }
.mu-stat { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; background: var(--mu-wood-2); min-width: 0; }
.mu-stat-v { font-family: var(--mu-serif); font-size: 24px; font-weight: 600; color: var(--mu-brass-hi); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mu-stat-l { font-size: 12px; color: var(--mu-ink-dim); text-transform: uppercase; letter-spacing: .1em; font-weight: 700; }
.mu-panel { padding: 18px 20px; border-radius: var(--mu-radius); border: 1px solid var(--mu-line); background: rgba(0, 0, 0, .18); min-width: 0; display: flex; flex-direction: column; }
.mu-panel .mu-section-title { margin: 0 0 14px; font-size: 19px; }
.mu-split { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 18px; align-items: stretch; }
.mu-chart { width: 100%; height: auto; display: block; }
.mu-chart-grid { stroke: rgba(201, 162, 74, .12); stroke-dasharray: 3 4; }
.mu-chart-axis { fill: var(--mu-ink-mute); font-size: 11px; font-family: inherit; }
.mu-chart-bar { fill: var(--mu-brass); transform-box: fill-box; transform-origin: bottom; }
.mu-chart-bar:hover { fill: var(--mu-brass-hi); }
.mu-in .mu-chart-bar { animation: mu-grow .6s var(--mu-ease) both; animation-delay: calc(var(--i, 0) * 12ms); }
@keyframes mu-grow { from { transform: scaleY(0); } }
.mu-people { display: flex; flex-direction: column; }
.mu-person { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.4fr) 56px minmax(0, 1fr) 96px; gap: 12px; align-items: center; min-height: 48px; border-bottom: 1px solid rgba(201, 162, 74, .08); font-size: 13.5px; }
.mu-person.mu-th { min-height: 32px; }
.mu-person-name { display: flex; flex-direction: column; min-width: 0; }
.mu-person-name strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mu-person-bar { position: relative; display: flex; align-items: center; gap: 8px; min-width: 0; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mu-bar-fill { height: 8px; border-radius: 4px; background: linear-gradient(90deg, var(--mu-brass-dim), var(--mu-brass)); flex: 0 0 auto; max-width: 60%; }
.mu-hours-wrap { display: flex; flex-direction: column; gap: 6px; }
.mu-hours { display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); gap: 3px; }
.mu-hour { height: 38px; border-radius: 4px; background: rgba(201, 162, 74, var(--a, .1)); }
.mu-hours-axis { display: grid; grid-template-columns: repeat(4, 1fr) 0; font-size: 11px; color: var(--mu-ink-mute); }
.mu-weekdays { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; align-items: end; height: 110px; margin-top: 18px; }
.mu-weekday { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px; height: 100%; }
.mu-weekday-bar { width: 100%; max-width: 34px; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, var(--mu-brass-hi), var(--mu-brass-dim)); }
.mu-tops { gap: 18px; }
.mu-tops > .mu-panel { height: 100%; box-sizing: border-box; }
.mu-top-list { list-style: none; margin: 0; padding: 0; counter-reset: top; display: flex; flex-direction: column; }
.mu-top-list li {
  position: relative; display: grid; grid-template-columns: 22px auto minmax(0, 1fr) auto; gap: 10px; align-items: center;
  min-height: 46px; padding: 4px 6px; border-radius: 8px; counter-increment: top;
}
.mu-top-list li::before { content: counter(top); color: var(--mu-ink-mute); font-variant-numeric: tabular-nums; font-size: 12.5px; text-align: right; }
.mu-top-list li:not(:has(.mu-top-art)) { grid-template-columns: 22px minmax(0, 1fr) auto; }
.mu-top-list li.is-link { cursor: pointer; }
.mu-top-list li.is-link:hover { background: rgba(255, 255, 255, .04); }
.mu-top-art { width: 36px; height: 36px; border-radius: 6px; object-fit: cover; background: #241c24; }
.mu-top-text { display: flex; flex-direction: column; min-width: 0; }
.mu-top-title { font-weight: 600; font-size: 13.5px; }
.mu-top-n { font-variant-numeric: tabular-nums; color: var(--mu-brass-hi); font-weight: 700; font-size: 13px; }
.mu-top-bar { position: absolute; left: 0; bottom: 2px; height: 2px; background: linear-gradient(90deg, var(--mu-brass), transparent); border-radius: 2px; opacity: .55; }

/* ─── scroll reveals: each kind of block has its own entrance ─────────── */

.mu-reveal { opacity: 0; }
.mu-reveal.mu-in { opacity: 1; transition: opacity .5s ease; }
.mu-shelf.mu-reveal .mu-strip > * { opacity: 0; transform: translateX(28px); }
.mu-shelf.mu-in .mu-strip > * { opacity: 1; transform: none; transition: opacity .5s ease, transform .6s var(--mu-ease); }
.mu-shelf.mu-in .mu-strip > *:nth-child(2) { transition-delay: 40ms; }
.mu-shelf.mu-in .mu-strip > *:nth-child(3) { transition-delay: 80ms; }
.mu-shelf.mu-in .mu-strip > *:nth-child(4) { transition-delay: 120ms; }
.mu-shelf.mu-in .mu-strip > *:nth-child(5) { transition-delay: 160ms; }
.mu-shelf.mu-in .mu-strip > *:nth-child(n+6) { transition-delay: 200ms; }
.mu-grid.mu-reveal > * { opacity: 0; transform: translateY(16px) scale(.98); }
.mu-grid.mu-in > * { opacity: 1; transform: none; transition: opacity .45s ease, transform .55s var(--mu-ease); }
.mu-grid.mu-in > *:nth-child(4n+2) { transition-delay: 50ms; }
.mu-grid.mu-in > *:nth-child(4n+3) { transition-delay: 100ms; }
.mu-grid.mu-in > *:nth-child(4n+4) { transition-delay: 150ms; }
.mu-tracks.mu-reveal .mu-tr { opacity: 0; transform: translateY(8px); }
.mu-tracks.mu-in .mu-tr { opacity: 1; transform: none; transition: opacity .35s ease, transform .45s var(--mu-ease); }
.mu-detail-head.mu-reveal .mu-detail-art { clip-path: inset(0 0 100% 0); }
.mu-detail-head.mu-in .mu-detail-art { clip-path: inset(0); transition: clip-path .7s var(--mu-ease); }
.mu-detail-head.mu-reveal .mu-detail-copy > * { opacity: 0; transform: translateX(-14px); }
.mu-detail-head.mu-in .mu-detail-copy > * { opacity: 1; transform: none; transition: opacity .45s ease, transform .55s var(--mu-ease); }
.mu-detail-head.mu-in .mu-detail-copy > *:nth-child(2) { transition-delay: 60ms; }
.mu-detail-head.mu-in .mu-detail-copy > *:nth-child(n+3) { transition-delay: 120ms; }
.mu-ledger.mu-reveal .mu-stat { opacity: 0; transform: translateY(10px); }
.mu-ledger.mu-in .mu-stat { opacity: 1; transform: none; transition: opacity .4s ease, transform .5s var(--mu-ease); }
.mu-ledger.mu-in .mu-stat:nth-child(even) { transition-delay: 70ms; }

/* ─── menus + dialogs ──────────────────────────────────────────────────── */

.mu-menu {
  position: fixed; z-index: 10050; min-width: 220px; padding: 6px;
  border-radius: 12px; border: 1px solid var(--mu-line-2);
  background: linear-gradient(180deg, #221a22, #181218); box-shadow: 0 18px 40px rgba(0, 0, 0, .6);
  animation: mu-pop .16s var(--mu-ease);
}
@keyframes mu-pop { from { opacity: 0; transform: translateY(-4px) scale(.98); } }
.mu-menu-item { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 38px; padding: 0 12px 0 8px; border: 0; border-radius: 8px; background: transparent; color: var(--mu-ink); font: inherit; font-size: 13.5px; text-align: left; cursor: pointer; white-space: nowrap; }
.mu-menu-item:hover, .mu-menu-item:focus-visible { background: rgba(201, 162, 74, .14); outline: none; }
.mu-menu-gap { width: 20px; }
.mu-menu-sep { height: 1px; background: var(--mu-line); margin: 5px 6px; }

.mu-dialog {
  width: min(560px, 92vw); max-height: min(86vh, 900px); padding: 0;
  border-radius: 16px; border: 1px solid var(--mu-line-2);
  background: linear-gradient(180deg, #211920, #161117); color: var(--mu-ink);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .7);
  display: flex; flex-direction: column; overflow: hidden;
}
.mu-dialog:not([open]) { display: none; }
.mu-dialog-wide { width: min(880px, 92vw); }
.mu-dialog::backdrop { background: rgba(6, 4, 7, .66); backdrop-filter: blur(3px); }
.mu-dialog[open] { animation: mu-pop .22s var(--mu-ease); }
.mu-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px 12px 24px; border-bottom: 1px solid var(--mu-line); }
.mu-dialog-head h2 { margin: 0; font-size: 22px; }
.mu-dialog-body { padding: 18px 24px 22px; overflow-y: auto; }
.mu-dialog-foot { display: flex; justify-content: flex-end; gap: 10px; padding: 14px 20px; border-top: 1px solid var(--mu-line); background: rgba(0, 0, 0, .18); }
.mu-dialog-foot > :first-child.mu-btn-danger { margin-right: auto; }
.mu-form { display: flex; flex-direction: column; gap: 10px; }
.mu-form > .mu-label { margin-top: 6px; }
.mu-pick { display: flex; flex-direction: column; gap: 10px; }
.mu-pick-list { display: flex; flex-direction: column; max-height: 50vh; overflow-y: auto; }
.mu-pick-row { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 12px; align-items: center; min-height: 52px; padding: 6px 8px; border: 0; border-radius: 10px; background: transparent; color: var(--mu-ink); font: inherit; text-align: left; cursor: pointer; }
.mu-pick-row img { width: 40px; height: 40px; border-radius: 6px; object-fit: cover; }
.mu-pick-row:hover, .mu-pick-row:focus-visible { background: rgba(201, 162, 74, .12); }
.mu-pick-new { grid-template-columns: 40px minmax(0, 1fr); color: var(--mu-brass-hi); }
.mu-pick-plus { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 8px; border: 1px dashed var(--mu-line-2); }
.mu-pick-plus svg { width: 18px; height: 18px; }
.mu-smart-rows { display: flex; flex-direction: column; gap: 8px; }
.mu-smart-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr) 36px; gap: 8px; align-items: center; }
.mu-smart-val { display: flex; gap: 6px; min-width: 0; }
.mu-smart-line { margin: 6px 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: var(--mu-ink-dim); }
.mu-smart-count { margin: 4px 0 0; color: var(--mu-brass-hi); font-weight: 600; min-height: 1.5em; }
.mu-share-result { display: flex; gap: 8px; align-items: center; }
.mu-cat-list { display: flex; flex-direction: column; gap: 2px; max-height: 40vh; overflow-y: auto; }
.mu-cat-swatch { width: 14px; height: 14px; border-radius: 4px; background: var(--mu-brass); flex: 0 0 auto; }

.mu-libpanel { display: flex; flex-direction: column; gap: 26px; }
.mu-libsec { display: flex; flex-direction: column; gap: 10px; }
.mu-libsec + .mu-libsec { padding-top: 22px; border-top: 1px solid var(--mu-line); }
.mu-libsec h3 { margin: 0; font-size: 19px; }
.mu-folder-list { display: flex; flex-direction: column; gap: 8px; }
.mu-folder { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto auto 36px; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--mu-line); background: rgba(0, 0, 0, .2); }
.mu-folder-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mu-path { font-family: ui-monospace, 'Cascadia Mono', Menlo, monospace; font-size: 12.5px; color: var(--mu-ink-dim); overflow-wrap: anywhere; }
.mu-secret { color: var(--mu-brass-hi); font-size: 15px; letter-spacing: .04em; }
.mu-cred { display: flex; flex-direction: column; gap: 6px; }
.mu-cred-row { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 10px; align-items: center; min-height: 40px; padding: 2px 10px; border-radius: 10px; background: rgba(0, 0, 0, .22); }
.mu-person-row { display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; }

/* ─── the player bar (on <body>, under every view) ─────────────────────── */

.mu-bar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9000;
  height: var(--np-h, 84px); box-sizing: border-box;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) minmax(0, 1fr); align-items: center; gap: 18px;
  padding: 0 18px 0 12px;
  background: linear-gradient(180deg, #221a22, #140f15);
  border-top: 1px solid var(--mu-line-2);
  box-shadow: 0 -10px 30px rgba(0, 0, 0, .45);
  color: var(--mu-ink);
  animation: mu-rise .35s var(--mu-ease);
}
.mu-bar.hidden { display: none; }
@keyframes mu-rise { from { transform: translateY(100%); } }
.mu-bar::before {
  content: ''; position: absolute; left: 0; top: -1px; height: 2px; width: var(--mu-prog, 0%);
  background: linear-gradient(90deg, var(--mu-brass-dim), var(--mu-brass-hi)); box-shadow: 0 0 10px rgba(231, 200, 121, .6);
  transition: width .25s linear; pointer-events: none;
}
.mu-bar-now { display: flex; align-items: center; gap: 12px; min-width: 0; }
.mu-bar-art { width: 58px; height: 58px; padding: 0; border: 0; border-radius: 8px; overflow: hidden; cursor: pointer; flex: 0 0 auto; background: linear-gradient(145deg, #2a2129, #171218); box-shadow: 0 6px 16px rgba(0, 0, 0, .5); }
.mu-bar-art img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mu-bar.is-loading .mu-bar-art img { animation: mu-breathe 1.2s ease-in-out infinite; }
@keyframes mu-breathe { 50% { opacity: .55; } }
.mu-bar-text { display: flex; flex-direction: column; min-width: 0; }
.mu-bar-title, .mu-bar-artist { background: none; border: 0; padding: 0; text-align: left; font: inherit; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.mu-bar-title { color: var(--mu-ink); font-weight: 700; font-size: 14.5px; }
.mu-bar-artist { color: var(--mu-ink-dim); font-size: 12.5px; }
.mu-bar-title:hover, .mu-bar-artist:hover { color: var(--mu-brass-hi); }
.mu-bar-center { display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; }
.mu-bar-ctls { display: flex; align-items: center; gap: 6px; }
.mu-ctl { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; border: 0; background: transparent; color: var(--mu-ink-dim); cursor: pointer; transition: color .15s ease, background .15s ease, transform .1s ease; }
.mu-ctl:hover { color: var(--mu-ink); background: rgba(255, 255, 255, .06); }
.mu-ctl:active { transform: scale(.94); }
.mu-ctl-play { width: 46px; height: 46px; background: linear-gradient(180deg, #e7c879, #b18734); color: #1b130b; box-shadow: 0 4px 14px rgba(201, 162, 74, .3); }
.mu-ctl-play:hover { background: linear-gradient(180deg, #f1d68e, #c09440); color: #1b130b; }
.mu-ctl-play .mu-glyph { width: 22px; height: 22px; }
.mu-ctl-toggle.on { color: var(--mu-brass-hi); }
.mu-ctl-toggle[data-mode="one"] { position: relative; }
.mu-ctl-toggle[data-mode="one"]::after { content: '1'; position: absolute; right: 6px; top: 5px; font-size: 9px; font-weight: 800; color: var(--mu-brass-hi); }
.mu-ctl-img img { width: 24px; height: 24px; opacity: .85; }
.mu-ctl-img:hover img { opacity: 1; }
.mu-ctl-img[aria-expanded="true"] { background: rgba(201, 162, 74, .16); }
.mu-bar-seek { display: grid; grid-template-columns: 46px minmax(0, 1fr) 46px; gap: 10px; align-items: center; width: 100%; max-width: 620px; }
.mu-time { font-size: 11.5px; color: var(--mu-ink-dim); font-variant-numeric: tabular-nums; text-align: center; white-space: nowrap; }
.mu-bar-side { display: flex; align-items: center; justify-content: flex-end; gap: 4px; min-width: 0; }
.mu-bar-heart { width: 36px; height: 36px; }

.mu-seek, .mu-vol { -webkit-appearance: none; appearance: none; background: transparent; height: 22px; cursor: pointer; margin: 0; }
.mu-seek { width: 100%; }
.mu-vol { width: 96px; }
.mu-seek::-webkit-slider-runnable-track { height: 4px; border-radius: 4px; background: linear-gradient(90deg, var(--mu-brass) var(--mu-prog, 0%), rgba(255, 255, 255, .12) var(--mu-prog, 0%)); }
.mu-vol::-webkit-slider-runnable-track { height: 4px; border-radius: 4px; background: linear-gradient(90deg, var(--mu-ink-dim) var(--mu-vol, 90%), rgba(255, 255, 255, .12) var(--mu-vol, 90%)); }
.mu-seek::-webkit-slider-thumb, .mu-vol::-webkit-slider-thumb { -webkit-appearance: none; width: 14px; height: 14px; margin-top: -5px; border-radius: 50%; background: var(--mu-brass-hi); border: 0; box-shadow: 0 2px 6px rgba(0, 0, 0, .5); transform: scale(0); transition: transform .15s ease; }
.mu-bar-seek:hover .mu-seek::-webkit-slider-thumb, .mu-seek:focus-visible::-webkit-slider-thumb, .mu-vol:hover::-webkit-slider-thumb, .mu-vol:focus-visible::-webkit-slider-thumb { transform: scale(1); }
.mu-seek::-moz-range-track, .mu-vol::-moz-range-track { height: 4px; border-radius: 4px; background: rgba(255, 255, 255, .12); }
.mu-seek::-moz-range-progress { height: 4px; border-radius: 4px; background: var(--mu-brass); }
.mu-vol::-moz-range-progress { height: 4px; border-radius: 4px; background: var(--mu-ink-dim); }
.mu-seek::-moz-range-thumb, .mu-vol::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: var(--mu-brass-hi); border: 0; }

/* ─── queue drawer ─────────────────────────────────────────────────────── */

.mu-queue {
  position: fixed; right: 12px; bottom: calc(var(--np-h, 84px) + 12px); z-index: 9001;
  width: min(420px, calc(100vw - 24px)); max-height: min(70vh, 720px);
  display: flex; flex-direction: column;
  border-radius: 16px; border: 1px solid var(--mu-line-2);
  background: linear-gradient(180deg, #221a22, #161117); box-shadow: 0 24px 60px rgba(0, 0, 0, .65);
  animation: mu-pop .22s var(--mu-ease);
}
.mu-queue.hidden { display: none; }
.mu-queue-head { display: flex; align-items: center; gap: 4px; padding: 12px 10px 10px 18px; border-bottom: 1px solid var(--mu-line); }
.mu-queue-title { display: flex; flex-direction: column; min-width: 0; margin-right: auto; }
.mu-queue-head h2 { margin: 0; font-size: 19px; }
.mu-queue-title .mu-fine { white-space: nowrap; }
.mu-queue-head .mu-btn { min-height: 32px; padding: 0 10px; font-size: 12.5px; }
.mu-queue-list { list-style: none; margin: 0; padding: 6px; overflow-y: auto; }
.mu-qrow { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto 36px; gap: 10px; align-items: center; min-height: 52px; padding: 4px 6px; border-radius: 10px; cursor: pointer; }
.mu-qrow:hover, .mu-qrow:focus-visible { background: rgba(255, 255, 255, .04); }
.mu-qrow.is-current { background: rgba(201, 162, 74, .14); }
.mu-qrow.is-current .mu-row-title { color: var(--mu-brass-hi); }
.mu-qrow.is-past { opacity: .5; }
.mu-qrow.is-drag { opacity: .35; }
.mu-qrow.is-over { box-shadow: inset 0 2px 0 var(--mu-brass); }
.mu-qrow .mu-row-sub { cursor: inherit; }

/* ─── now playing + lyrics ─────────────────────────────────────────────── */

.mu-sheet {
  position: fixed; inset: 0 0 var(--np-h, 84px) 0; z-index: 8990;
  display: flex; color: var(--mu-ink); overflow: hidden;
  background: #0d0a0e;
  opacity: 0; transform: translateY(24px);
  transition: opacity .26s ease, transform .3s var(--mu-ease);
}
.mu-sheet.is-open { opacity: 1; transform: none; }
.mu-sheet:focus { outline: none; }
.mu-sheet-bg { position: absolute; inset: -40px; background: var(--mu-sheet-art) center / cover no-repeat; filter: blur(60px) saturate(1.3) brightness(.45); transform: scale(1.1); }
.mu-sheet-bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10, 7, 11, .4), rgba(10, 7, 11, .75)); }
.mu-sheet-close { position: absolute; top: 16px; right: 16px; z-index: 2; background: rgba(0, 0, 0, .3); }
.mu-sheet-main { position: relative; z-index: 1; flex: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; padding: 40px 6vw; min-height: 0; }
.mu-sheet-art { width: min(100%, 52vh); aspect-ratio: 1; justify-self: end; border-radius: 12px; overflow: hidden; box-shadow: 0 40px 90px rgba(0, 0, 0, .7); }
.mu-sheet-art img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* art on the left across both rows; facts above the lyrics on the right */
.mu-sheet-main { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); grid-template-rows: auto 1fr; }
.mu-sheet-art { grid-row: 1 / span 2; }
.mu-sheet-copy { display: flex; flex-direction: column; gap: 6px; align-self: end; min-width: 0; }
.mu-sheet-title { margin: 0; font-size: clamp(28px, 3.4vw, 48px); line-height: 1.05; overflow-wrap: anywhere; }
.mu-sheet-sub { margin: 0; color: #e0d4c0; font-size: 16px; }
.mu-lyrics { align-self: stretch; overflow-y: auto; padding: 12px 0 40vh; mask-image: linear-gradient(180deg, transparent, #000 10%, #000 80%, transparent); -webkit-mask-image: linear-gradient(180deg, transparent, #000 10%, #000 80%, transparent); max-height: 56vh; }
.mu-lyric { margin: 0; padding: 6px 0; font-family: var(--mu-serif); font-size: clamp(20px, 2vw, 28px); font-weight: 600; line-height: 1.3; color: rgba(255, 255, 255, .78); text-wrap: balance; }
.mu-lyrics.is-synced .mu-lyric { color: rgba(255, 255, 255, .32); cursor: pointer; transition: color .3s ease, transform .3s var(--mu-ease); transform-origin: left center; }
.mu-lyrics.is-synced .mu-lyric:hover { color: rgba(255, 255, 255, .6); }
.mu-lyrics.is-synced .mu-lyric.is-now { color: #fff4dc; transform: scale(1.03); }
.mu-lyrics:not(.is-synced) { mask-image: none; -webkit-mask-image: none; padding-bottom: 12px; }
.mu-lyrics-none { max-width: 42ch; }

/* ─── narrower windows ─────────────────────────────────────────────────── */

@media (max-width: 1100px) {
  .mu-ledger { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mu-split { grid-template-columns: minmax(0, 1fr); }
  .mu-tr { grid-template-columns: 40px minmax(0, 3fr) minmax(0, 2fr) 64px 80px; }
  .mu-tr .mu-c-plays { display: none; }
  .mu-tracks-noalbum .mu-tr { grid-template-columns: 40px minmax(0, 1fr) 64px 80px; }
  .mu-person { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.4fr) 56px 90px; }
  .mu-person > :nth-child(4) { display: none; }
}
@media (max-width: 820px) {
  body.has-music-bar { --np-h: 128px; }
  .mu-bar { grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; gap: 6px 12px; padding: 8px 12px; }
  .mu-bar-center { grid-column: 1 / -1; grid-row: 2; }
  .mu-vol { display: none; }
  .mu-detail-head { grid-template-columns: minmax(0, 1fr); padding: 18px; }
  .mu-detail-art { max-width: 280px; }
  .mu-empty { grid-template-columns: minmax(0, 1fr); }
  .mu-empty-art { min-height: 180px; mask-image: linear-gradient(180deg, #000 60%, transparent); -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent); }
  .mu-tr .mu-c-album { display: none; }
  .mu-tr, .mu-tracks-noalbum .mu-tr { grid-template-columns: 36px minmax(0, 1fr) 60px 76px; }
  .mu-sheet-main { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto 1fr; gap: 18px; padding: 56px 20px 20px; }
  .mu-sheet-art { grid-row: auto; justify-self: center; width: min(70vw, 36vh); }
  .mu-row3 { grid-template-columns: minmax(0, 1fr); }
  .mu-folder { grid-template-columns: 28px minmax(0, 1fr) auto; }
  .mu-folder .mu-btn, .mu-folder .mu-icon-btn { grid-column: auto; }
  .mu-smart-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .mu-smart-val { grid-column: 1 / 2; }
}

/* ─── cover art from the catalogues (music.js artDialog) ─────────────────
   What is on the shelf now stays put on the left while the wall of answers
   scrolls beside it; on a phone it folds to a strip above the wall. Every
   answer is the same square, and the wall never ends on a gap: music.js trims
   the list to whole rows and sets --cols. */
.mu-dialog-art { width: min(980px, 94vw); }
.mu-art { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 28px; align-items: start; }
.mu-art-now { position: sticky; top: 0; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.mu-art-now .mu-kicker { margin: 0 0 4px; }
.mu-art-now-pic {
  aspect-ratio: 1; overflow: hidden; border-radius: var(--mu-radius-sm);
  background: url('data:image/webp;base64,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') center / 42% no-repeat, linear-gradient(145deg, #2a2129, #171218);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 14px 30px rgba(0, 0, 0, .5), 0 0 0 1px var(--mu-line);
}
.mu-art-now-pic.mu-round { border-radius: 50%; background-image: url('data:image/webp;base64,UklGRuYPAABXRUJQVlA4WAoAAAAQAAAAfwAAfwAAQUxQSPEFAAABoAVJtmnb6jHnOny2bdv2u3i2bdu2bdu2bdv2te8+a445+mPj7LVirs8XERETgP97FakwlznvAOecd1Xk0Lq4ihHvgYV2W3mte1556bZlVtt+PsC7KnEAlnt2AjWS5ETlhCcXAyCV4ZFtsslvNCVzjYGmxs9XWRlwFeEx35sklU2NpFLD07PAVYLDIr8yD8Z+GiO/nhOuApzM9CODGRmtJZI5P5rcSRU8ysA257wKLnke61FZb5+NofXDNCwNlzqHRxoYdYGTqP1g4PXwiXOYYyyb/vkjrT/Gf6aGpC3DntQmbY0cDJ+6KxmamLUh8ExkaRM8xtikrcpb4ZMmkHeKiXwKaRfI+9QilE9DkgaH7UIswOLEgfCp21GtmAGJE/iPqQVQ+RQkcT3f0oqIfB2QtHX9UNRrqRPcZVqE2gXwSLrH0jUrwGz0PHBpc7iGoQAGOxc+aQL3PmMRyueRbHFOfIfzHxYT+QJc5sQ5SY5DY3mBWkTgfYLGkhpMv/xS0wzYfQkMzGMRNn5FLLPTqlMts9x0SKvHOv/21YaQ42bf1grRMGixPoa/a31/LwOXEsETVNL6eN4rLIaPXMI+ksrr4RMimOJvMxoZY2TBqpE0RvusA5IOhwUmsrGxpMbR06dlubxJaY3j54BLyQqhFbNyjEvMErUWLEYrx8yQlMw2jtYKS/HHZCkRdH+nao3KaUGfgyChHpex9MchS4nIjHd9P6JMQ7+5ZUpISuq7DqSWJXK3TiRXOrFrmbZBh6QGmexWpu3FIz3YqTzKHZAly4qzuh1T5LE9I0sauQN8irajksPzosIoY+R2yQo87nKGIpSXnsgQuW2atmXMeeiuVkjgDoczj9wmTVsyBp65PK0I4zJn122Wpg1ogTd2/UNrn/GvzpsZzNZOkcNSfYx8FVcztE95Bd5iZG0xuPQIZhrNyKE9S6ha22JYpHcEI0fNCElRx6eM0dbHDczblfN6DLAY+VGWIjjcYiHwBkzzMfP2BH42La5jCHYTPBKcYSeqcdTcmP0r5tY/y/nNXJh1KE25bZoEU/1lUXk9MMvLZLDWLJCvzQZcS432+xSQFMHjbCpVBwDu2KEkg8ZoZlGDkUOO88DGqlSeDo8kO5n5PzOzfxdGhjlO+07ZYvz5jNmRYcmhFi0OmUlcmuBxMHNG/rwkOoGeVU+4/c2f/hvyy3v3nLHWpEAnVvyLkYEHwiPR4rJnGagctgPQ4VDvPeolA/YYzcjAJ7yTVEFk+k+ZM5L3LgVMv9UJl1x59VVXXHzCllMByz5Ci8z58TQiSLfDHN8wpynz+/f/ni1+us+jgWoM/HI2OKTcYY63GZWBJGMIQUMIIZKkUiPfnA0OaXfovZxUNQ3GFqOqaSQv6YZD6h2w9sskg7FlCyRfWhNwSL84YPCjE0hriZzw0CDACSrRA1jgkK9ibBbty0PmB+BRmV6A82PeLI+nAeJRqZ3ZYdRmyr2zDlSsyBT3a2xkemuvSNVAgOcY65R3o5JFXmh2p7gKEnR80ijyWUCqaJKfaY3elmqaakizrzqraaYxjYy/T1pFDnONbzZi2mparNZs/Gxw1eOxsrKhceJC1TSQsQEZlqse8V1++2bG9X2Xk+oQn6H+IIZGym0AQDInFSDeA8C0qx5x9Q9mjcy+vvzA5acGAO8lbeIBTLbaqc8MjSSNTY1kGPLYCSv2APCSMAE6B133SyTJEIwtWggkGb67cm0PSLIE3Yd9TtJCNLbRNBgZ39/TQRIlMs2bZAzGAi1E8vnJUpXhGNYiC4993ANZmkSej8oShng3XJIE042glSHyxx5IijwGWGQ5wxJwKcpwkoZyaNwVWZqOZR6sOAuBO6dJZIbnSFKDRmuPmQYlyQcmF0lR/YAbfqixoWnIg6pqVNUQgkY2rH179dpItgDoXWyPS5/4bnSNbczH/vzUxbst2g2IpArwHvU9My66/q5Hn3v5TQ88+fTTTz1829UXnbL/pkvP0ot675F0cZkXtF2yzAmqUMT5LMu8k4bOZ1nmnQj+lxkAVlA4IM4JAAAwKwCdASqAAIAAPj0cjUSiIaESjMzQIAPEsYBrThXoNaA/ldwnKP2b5CPUl5gvOT/a71AftF6u34ze6Lzmf6B6z3qU+gf+wHp1fuB8Gf9o/5/7o/AV+52rO+AOwn/EeCPiH85+1Xq2/s3fbZZ/lfys/Lv497wfhp/AeoF+Ofyj/I+HbseAAfk/9F/4f9p8bj+c9FO5I/uv5jc0l5J/pPcD/nP87/2n+A9ff/Y/0Pn6+nf/H7g38w/r3+7/v/Z3/aj2U/2FXd1Qvp/fOtJhd3dTE1uRSVHHc4TvkMJR46xd2ZljztllUtHEeg9f20MNrFYXvvNChszQMSSztfjtlgdmCUIyxeA4/veCaGaEtXIAmE0jgAIM5K6XxQmfFEpfxRh7VAAl5D+HlRrJRo3xQtRq+II6GkFq8DoCA7iKqorl6eKwsNfCYFwhm6vOAjStt890EJD6JmboHIF6koiYi7wANAAA/v7uq1uPDpFAzZYuT3ctzX75hTfXsV7aF+RG7yJHrP4ar1CrCDY4mf4izpO1jTTiw+bpQM/8c0x8Xyg6vS72kuqqn/x7P5wBf9O2fx6v4osFEP2Oj4fX18qKlQOb17k3e+TmxxUIVhytayWd45Kl6tIysMPmq8ekOIMomtncx9D8bXhx4UUAD7WshUHw0wB+JNvvRgKlCNZFPLPfYAcuNO3maH9fDmpeKGcbEHt9wnwejIA97ac08wcZUay2zR6ee/XZ5fyM2nnXmku0/nQpg98BzgsK4gsWc4KMq8EocIIYakBET4xs+KJLIL38uWcEqL/NSaGQuJsQ/42Kg8sA7pkTdyfwwqonw453rdEsBTcQq+8DPK5IYosHcYB8PHDmJ50xPRqZFBLliATQ1YZC5Q0s+IDRGR0LnwuOAJgEOOO5pF/WzjT0Ir7n60znetI012iLG7VPGeV8f//x5PubMa4xSzimKm7hJAk3Nj0A9D1Ry6B/0vwzkaMjeL07jp+uBznxk//r9r7QwPrI1JbslqzNhplsls6+jJNiFafrHwbAZbYFbhIZNULXWip+taaIHcOkYdnPJM9FQcj1wUYTlZr9rRggIrUJjnTswge3WrGXvuiaJLvaADcdb+5K9+D5XDW+RreWwyret9o2tcgWW1tFP6G1FXHwHtS0jAn/OYqIVq+/GLAyXnU1PuDl9Qz8EQX8pUH88WmW4vSjijQG0w5OY/+MCAulqZXQBpCC4zLMZyyZnHjcWpSMvTZNaLrbAy9y40gyEzW+5VzsOn9uqaiJd+6TIpRnjoIS/v7yR3YhFYFsN2V+yCQbJX/wI5dh8jRY5TYNhpimKYqVPsPc/6PmgdfWquAV1TELVMbvfdRKdbDt2+lSdUZao2qcHgfdkYk3ECEm6R+23NQ3lD30to6NBUJTGDcp/Uw4r8UUAF3I9PKBH5gtBfEa9UyVY8d+3hmDiyNsAW9ebrPO+Tw2U9Y/ViNEM+zPQyz7kHzu4N+1VOgIeDC0N4I5ygI05fjv0P9GM/003r5EzIEOWlL+XAmxjHS3zm0OAbFCkh3I9JXQfy/r71WY1QaoE2YhnX/QC/Z3nSqagOnnzEXXSYGLrVYke8fhNa/ebcr46cDveKfL9fla/jtNW6AjTotFlcPlzMWAJqkKHVHOlcTNGkfPqip+CfybsXse0gKwzqBAz+cbzUxYvLHjfVQ8fO1jQO7BsjSzvXzTmvv1gtuhw0Q+G44bZlPH1iA9soJ4NJP2Fhb6cMCYXh7eUsF8Twiggu3ggYaEyzr3T9/gG4GIq8zv9FZvePCPsPK1TEnmOWmnomhrgz14Tf5H6SAKtkIdNH5Kdljvf15w7Sv3KolXD4jmXMP2w70igyebGd2j77hCM3R/ag55ZFHpXEXPE4sRcWT5waqliiAv7xCrsT7+RSFl4qGxDk/uqpcCKqcxk0HEjwGp15p8q2vbsjah5zfAzv0qJL4Y22UJw0TO7Ti88FXH0mMkWRLhHg2Bv25bHUzIxd6VU1fRoBPI7nfXKDQgnGKLAM0YI2/Gvg9qoMFIjPaaMnx1pLT6ShdK8fLNprN+7ZcaIzlt+cVfkoXP/rGIyCRG7m1DTV1kE1E+w7oqK11nXUHlWgpxUTGizDM7uJUTeVmRFlSKOtVaM6655iyRC000MzA5GHBvURZpIjIo8tIVr8rpEQn5rvnyPXP6nOsf2B3jIo6m+FILRO/H9WopziXJb/x4Yo0RmlJ10tMeS651CzH39wfavmPBmoOOyUubp9t6Cpe5L2eEqCmnzEfPC2x6ggZ7fhmnceJwthNWvrxJ3Or6xyWX2iXMVLRnNfn7kBWAsNGd8xYwT2YC7hfHAenaqJKV+svH3P6wq3A7zFx1lqDjVbEjRflOVtu0dzWa4MvH4OZES/hjpsO65HbDhhvxSuttgYDdZuZvLFu5Vl34NqBgN4lNUOxVFy9I7pSa7ZfrUgRF3FfcqPbZWtP2TJD3yKUJVdmGx3Vojd01LswNO9pX0jONh8XSUNsZ5gO2zglh41jZZ2Hi1NIof5qBV6AWjgm1nR1VtZ+HoSPsD3zFpfgbXG5VFSbpQWzorUmc9iIEPhvfiSoAX+IeQN6czJbFOTq+cwwdSOOLIK7kYHWrWXx+hwzGzjUho5yrrAVGtbt6G2siH9xvenvubue874wYfLTgERb0HUTB+a/EIY9C/9X9Z5WciSfOL7xRWyGvYi3eV7IY9nD2ILVn8uF/IZ2QmkwzPPCd/ic85GJHBWOd/3hFv1k0p08+eiGpnc0EX0Qn2XgqM1B2qyU0Dfub3t5gYbKmMNw/N4FYZDBDtdxY60umfMjgJk3wPGSMODSE2qqf5hZMuGZe9l8MJ8rbh/44O9Tf8csAlvTBxZoxyNcTwCItnPAKoziBzLG5eD1R9OKYBUhZk5D9+Win9CVpIYCRG/Km/IV6VBX8JMzlBI86U79+sh28MlNusiBt1zUPXAnTrHs0bZqym3YQxOaMcZ2Ab7xsgPI2quHhK6Iso+UYkykEQi7y+BRkeCmY5FHVV0GrK/Gzcu/JtdYaIPk4qNvlUloKpuGmhfrNxRR3QXQ2UUrzVBOJuomRJ/xQQ0w22/tCMGQbPooBzo31+vN6vJpMVjfFEX4p/JUfT6XSl1Ca16/SBYUmbGk0FiFU0KPVPpXA1ZCW8mnha67c2jzkvzbigaTtErh5xbu/AegSX76kZuJfB4n+9DCEIVkqUgCS3sHNdeqiWXxE7ZmUajHHyCW4bWQQxTaB3iVu32vRGHX+MFysjEwHU38BaQItbHQDpyCHCUqO+84oRZMu13Ygf+wC6DxA800FQacQ3o5ODiWuWcRAcDl8TuN+WawhqC+a4tazXd2iRuDkGQAAAA=='), linear-gradient(145deg, #2a2129, #171218); }
.mu-art-now-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mu-art-name { margin: 10px 0 0; font-size: 19px; line-height: 1.2; overflow-wrap: anywhere; }
.mu-art-state { color: var(--mu-ink-mute); }
.mu-art-revert { align-self: flex-start; margin-top: 8px; }
.mu-art-revert[hidden] { display: none; }
.mu-art-find { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.mu-art-search { display: flex; gap: 10px; }
.mu-art-search .mu-input { flex: 1 1 auto; min-width: 0; }
.mu-art-search .mu-btn { flex: none; }
.mu-art-status { min-height: 1.5em; }
.mu-art-wall { display: grid; grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)); gap: 18px 14px; }
.mu-art-wall.is-one { max-width: 300px; }
.mu-art-pick {
  display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 0;
  border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer;
  animation: mu-art-in .5s var(--mu-ease) both; animation-delay: calc(var(--i, 0) * 38ms);
  transition: opacity .25s ease;
}
.mu-art-pic {
  position: relative; display: block; aspect-ratio: 1; overflow: hidden; border-radius: var(--mu-radius-sm);
  background: linear-gradient(145deg, #2a2129, #171218);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 8px 20px rgba(0, 0, 0, .45);
  transition: transform .35s var(--mu-ease), box-shadow .35s var(--mu-ease);
}
.mu-art-wall-round .mu-art-pic { border-radius: 50%; }
.mu-art-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mu-art-pick:hover .mu-art-pic,
.mu-art-pick:focus-visible .mu-art-pic { transform: translateY(-3px); box-shadow: 0 16px 32px rgba(0, 0, 0, .6), 0 0 0 2px var(--mu-brass); }
.mu-art-pick:focus-visible { outline: none; }
.mu-art-cap { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mu-art-src { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--mu-brass); }
.mu-art-what { font-size: 13px; color: var(--mu-ink-dim); }
/* one is on its way down: the rest stand back, and a brass ring turns on it */
.mu-art-wall.is-busy .mu-art-pick:not(.is-taking) { opacity: .3; pointer-events: none; }
.mu-art-pick.is-taking .mu-art-pic { box-shadow: 0 0 0 2px var(--mu-brass-hi), 0 16px 32px rgba(0, 0, 0, .6); }
.mu-art-pick.is-taking .mu-art-pic::after {
  content: ''; position: absolute; inset: 0; margin: auto; width: 34%; aspect-ratio: 1; border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, .25); border-top-color: var(--mu-brass-hi);
  background: rgba(12, 9, 13, .55); box-shadow: 0 0 0 999px rgba(12, 9, 13, .45);
  animation: mu-spin .8s linear infinite;
}
/* while the catalogues answer: the same squares, breathing */
.mu-art-wait { cursor: default; animation: mu-breathe 1.4s ease-in-out infinite; animation-delay: calc(var(--i, 0) * 90ms); }
.mu-art-wait::before { content: ''; aspect-ratio: 1; border-radius: var(--mu-radius-sm); background: linear-gradient(145deg, #2a2129, #1b151c); }
.mu-art-wall-round .mu-art-wait::before { border-radius: 50%; }
.mu-art-wait::after { content: ''; height: 31px; border-radius: 6px; background: linear-gradient(180deg, #241c25 0 9px, transparent 9px 16px, #201921 16px 28px, transparent 28px); width: 78%; }
.mu-art-none { grid-column: 1 / -1; display: grid; justify-items: center; gap: 6px; padding: 30px 16px 34px; text-align: center; border: 1px dashed var(--mu-line-2); border-radius: var(--mu-radius); }
.mu-art-none .mu-serif { margin: 6px 0 0; font-size: 20px; overflow-wrap: anywhere; }
.mu-art-none .mu-fine { max-width: 44ch; text-wrap: pretty; }
.mu-dialog-foot .mu-art-credit { margin-right: auto; align-self: center; }
@keyframes mu-art-in { from { opacity: 0; transform: translateY(12px) scale(.95); } }

@media (max-width: 640px) {
  .mu-art { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .mu-art-now { position: static; display: grid; grid-template-columns: 84px minmax(0, 1fr); column-gap: 14px; row-gap: 2px; align-items: center; }
  .mu-art-now .mu-kicker { grid-column: 2; align-self: end; margin: 0; }
  .mu-art-now-pic { grid-column: 1; grid-row: 1 / span 4; }
  .mu-art-now > :not(.mu-art-now-pic) { grid-column: 2; }
  .mu-art-name { margin: 0; font-size: 17px; }
  .mu-art-revert { justify-self: start; }
  .mu-art-search .mu-btn { min-height: 44px; }
  .mu-dialog-foot .mu-art-credit { font-size: 11.5px; }
}

@media (prefers-reduced-motion: reduce) {
  .mu-dialog-art * { animation: none !important; transition: none !important; }
  .music-view *, .mu-bar, .mu-bar *, .mu-queue, .mu-sheet, .mu-sheet *, .mu-dialog, .mu-menu { animation: none !important; transition: none !important; }
  .mu-reveal, .mu-reveal * { opacity: 1 !important; transform: none !important; clip-path: none !important; }
  .mu-hero-art { transform: none; }
}

/* the bar hides with the rest of the chrome while Hearth is locked */
body.locked .mu-bar, body.locked .mu-queue, body.locked .mu-sheet { display: none !important; }