/* Vinyl / Silver Glass. One material system for every framed app region.
   Surface, inset and menu tiers share the same neutral tint and reflective rim.
   Artwork, record grooves, waveform data and slider values are preserved. */
body.music-room-page.music-glass-ui {
  --vg-surface: linear-gradient(140deg, rgb(255 255 255 / .075), rgb(143 148 158 / .025) 38%, rgb(0 0 0 / .2) 78%), rgb(14 15 18 / .62);
  --vg-inset: linear-gradient(135deg, rgb(255 255 255 / .035), rgb(146 151 162 / .015) 38%, rgb(0 0 0 / .1) 75%), rgb(15 16 20 / .16);
  --vg-menu: linear-gradient(140deg, #35373ced, #111216f5 55%, #1d1e23f5);
  --vg-edge: rgb(255 255 255 / .14);
  --vg-row-edge: rgb(255 255 255 / .085);
  --vg-rim: inset 0 1px 0 rgb(255 255 255 / .17), inset 1px 0 0 rgb(255 255 255 / .025), inset 0 -1px 0 rgb(0 0 0 / .2);
  --vg-shadow: 0 6px 20px rgb(0 0 0 / .1);
  --vg-ink: #f1f3f7;
  --vg-muted: #b4bbc6;
  --vg-field: rgb(0 0 0 / .2);
  --vg-radius: 18px;
  --vg-control-radius: 11px;
}
html[data-theme=light] body.music-room-page.music-glass-ui {
  --vg-surface: linear-gradient(140deg, #ffffffd9, #adb4c01c 48%, #ffffffa3), #f5f6f9c2;
  --vg-inset: linear-gradient(135deg, #ffffffd9, #c5cbd52b 52%, #ffffff9e), #f1f3f65e;
  --vg-menu: linear-gradient(140deg, #fffffff7, #e9ecf2f7 60%, #fffffff5);
  --vg-edge: rgb(111 121 137 / .18);
  --vg-row-edge: rgb(76 86 104 / .17);
  --vg-rim: inset 0 1px 0 #fff, inset 1px 0 0 #ffffff94, inset 0 -1px 0 rgb(76 86 104 / .08);
  --vg-shadow: 0 8px 28px rgb(58 69 88 / .07), 0 0 22px #ffffff59;
  --vg-ink: #20242b;
  --vg-muted: #596372;
  --vg-field: rgb(255 255 255 / .58);
}

/* Primary frames, including content that is inserted by hash navigation. */
html[data-theme] body.music-room-page.music-glass-ui #view :is(
  .hmg-artist-card, .hmg-deck, .hmg-sound-summary, .music-direction-quick,
  .hmg-feature, .hmg-space, .hmg-mood-card, .hmg-instrumental-world,
  .mv-home-feature, .mx-deep-workspace, .journey-layout,
  .home-stage, .deck-module, .hero-panel, .tracks,
  .card, .stat, .browse-frame, .track-frame,
  .collection-header, .ambient-album-list, .cl-card,
  .journey-settings, .journey-session-preview, .journey-session-summary,
  .journey-map-figure, .journey-map-choice, .music-ranking,
  .friends-panel, .data-panel, .service-panel, .upload-panel
) {
  background: var(--vg-surface) !important;
  border: 1px solid var(--vg-edge) !important;
  border-radius: var(--vg-radius);
  box-shadow: var(--vg-rim), var(--vg-shadow) !important;
  color: var(--vg-ink);
  min-width: 0;
}
/* Blur is reserved for large panes. Repeated cards use the same tint/rim without
   creating dozens of live backdrop layers over a scrolling music library. */
body.music-glass-ui #view :is(.hmg-deck, .home-stage, .hero-panel, .collection-header, .journey-settings) {
  backdrop-filter: blur(14px) saturate(105%);
  -webkit-backdrop-filter: blur(14px) saturate(105%);
}
body.music-glass-ui #view :is(.hmg-artist-caption, .cl-card-info, .mx-deep-panel, .journey-studio) {
  background: transparent !important;
}
/* Small framed objects retain quiet edges and a lighter material weight. */
html[data-theme] body.music-room-page.music-glass-ui #view :is(
  .hmg-recent-track, .hmg-top-card, .hmg-top-track, .mv-home-pick,
  .cl-search-wrap, .cl-search, .cl-filters, .pl-toolbar,
  .pl-track, .journey-phase, .journey-track, .mx-deep-chapters button,
  .mx-deep-record-nav button, .sc-preset-cards > button,
  .hmg-top-controls button, .journey-intents button,
  .collection-filter button, .collection-search
) {
  background: var(--vg-inset) !important;
  border: 1px solid var(--vg-row-edge) !important;
  border-radius: var(--vg-control-radius);
  box-shadow: var(--vg-rim) !important;
  color: var(--vg-ink);
}
/* Images keep their own source. Only their frame catches the light. */
body.music-glass-ui #view :is(.hmg-record-art, .hmg-instrumental-art, .hmg-mood-art, .big-art, .mv-art, .artist-live-art) {
  border: 1px solid var(--vg-edge);
  box-shadow: var(--vg-rim), var(--vg-shadow);
}
body.music-glass-ui #view .hmg-turntable {
  background: linear-gradient(140deg, #6d717a47, #090a0ed9 48%, #393c445c) !important;
  border: 1px solid var(--vg-edge) !important;
  box-shadow: var(--vg-rim), 0 8px 20px #0004 !important;
}
body.music-glass-ui #view :is(.hmg-sound-slot, .journey-settings, .journey-session-preview) { border-radius: var(--vg-radius); }
body.music-glass-ui #view :is(.journey-settings, .journey-session-preview) { padding: 20px; }

/* Drawers and short-lived menus have a denser glass tint for arbitrary content. */
html[data-theme] body.music-room-page.music-glass-ui :is(
  #contextDrawer, #modalRoot .modal,
  .music-direction-dialog, .music-appearance-dialog, .mobile-music-menu,
  .mx-library, .mv-dialog, .mv-cinema, .suggest, .track-menu
) {
  background: var(--vg-menu) !important;
  border: 1px solid var(--vg-edge) !important;
  border-radius: 22px;
  box-shadow: var(--vg-rim), var(--vg-shadow) !important;
  color: var(--vg-ink);
}
body.music-glass-ui #contextDrawer :is(.rail-tabs, .q-item, .credits-card, .session-card) {
  background: var(--vg-inset);
  border: 1px solid var(--vg-row-edge);
  border-radius: var(--vg-control-radius);
  box-shadow: var(--vg-rim);
}
body.music-glass-ui #modalRoot .sound-section {
  background: var(--vg-inset);
  border: 1px solid var(--vg-row-edge);
  box-shadow: var(--vg-rim);
}
body.music-glass-ui #modalRoot :is(input, select, textarea),
body.music-glass-ui :is(.music-direction-dialog, .music-appearance-dialog) :is(input:not([type=range]):not([type=checkbox]), select, textarea) {
  background: var(--vg-field);
  border: 1px solid var(--vg-row-edge);
  color: var(--vg-ink);
  border-radius: var(--vg-control-radius);
}

/* Full-screen Vinyl listening room. The existing Salon/lyrics/queue controllers
   remain responsible for navigation, playback and the selected visual mode. */
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom.listening-room {
  --salon-ground: var(--bg);
  --salon-surface: var(--panel);
  --salon-ink: var(--vg-ink);
  --salon-muted: var(--vg-muted);
  --salon-rule: var(--vg-row-edge);
  --salon-accent: var(--vg-ink);
  --atlas-room-muted: var(--vg-muted);
  --atlas-room-rule: var(--vg-row-edge);
  --room-bg: var(--bg);
  --room-panel: var(--panel);
  --room-ink: var(--vg-ink);
  --room-muted: var(--vg-muted);
  --room-accent: var(--vg-ink);
  color: var(--vg-ink);
  background: radial-gradient(ellipse at 80% 0, rgb(234 240 255 / .12), transparent 52%), radial-gradient(circle, var(--mg-dot) .8px, transparent 1.2px), var(--bg) !important;
  background-size: auto, 24px 24px, auto !important;
  font-family: var(--mg-font);
}
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom * { font-family: var(--mg-font) !important; }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom :is(.atlas-room-brand, .atlas-room-title, .salon-panel-title) {
  font-family: Unbounded, Manrope, sans-serif !important;
  letter-spacing: -.035em;
}
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom :is(
  .atlas-room-header, .salon-toolbar, .atlas-room-glass, .atlas-room-details,
  .atlas-room-footer, .salon-art-frame, .salon-session, .salon-concert
) {
  background: var(--vg-surface) !important;
  border: 1px solid var(--vg-edge) !important;
  border-radius: var(--vg-radius);
  box-shadow: var(--vg-rim), var(--vg-shadow) !important;
  color: var(--vg-ink);
  min-width: 0;
}
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom :is(.atlas-room-header, .atlas-room-glass, .atlas-room-details) {
  backdrop-filter: blur(18px) saturate(105%);
  -webkit-backdrop-filter: blur(18px) saturate(105%);
}
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-header { padding: 14px 18px; }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .salon-toolbar { padding: 14px 18px; margin-block: 16px; }
/* Let the room scroll at short window heights. A flex-shrunk grid used to let
   the centered artwork and sliders spill over the toolbar and footer. */
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-layout { gap: 24px; align-items: stretch; flex: none; }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-glass { padding: 22px !important; min-height: 0; height: 100%; }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-glass > * { flex-shrink: 0; }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom :is(.salon-artwork, .salon-painting) { width: min(100%, 280px, 30dvh); }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-details { padding: 18px; }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .salon-session { padding: 8px 12px; }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-footer { padding: 12px 18px; margin-top: 16px; }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-brand { font-size: 21px; }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-title { font-size: clamp(20px, 2.2vw, 29px); line-height: 1.45; }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom :is(.salon-invitation, .atlas-room-queue-head h2) { font-size: 18px; font-weight: 600; }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom :is(
  .atlas-room-tools button, .atlas-room-tabs, .salon-views,
  .atlas-room-transport, .atlas-room-volume, .atlas-room-queue-row,
  .salon-metadata, .salon-eq-field, .salon-session-preview,
  .salon-session-fields, .salon-sound-toggles button
) {
  background: var(--vg-inset) !important;
  border: 1px solid var(--vg-row-edge) !important;
  border-radius: var(--vg-control-radius);
  box-shadow: var(--vg-rim) !important;
}
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-tabs { padding: 4px 8px; gap: 12px; }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-transport { padding: 7px 10px; gap: 10px; }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-volume { padding: 6px 12px; box-sizing: border-box; width: min(100%, 280px); }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-queue-row { padding: 6px 8px; margin-bottom: 7px; }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom :is(.salon-metadata, .salon-session-preview) { padding: 12px; }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom :is(.atlas-room-artist, .atlas-room-context, .atlas-room-clock, .salon-hint, .salon-art-caption, .salon-painting-credit, .atlas-room-queue-copy small) { color: var(--vg-muted); }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom :is(select, textarea) {
  background: var(--vg-field);
  color: var(--vg-ink);
  border: 1px solid var(--vg-row-edge);
  border-radius: var(--vg-control-radius);
}
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom textarea { padding: 12px; font-size: 14px; line-height: 1.7; }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom textarea::placeholder { color: var(--vg-muted); }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .salon-painting img { background: var(--vg-inset); border-color: var(--vg-edge); border-radius: 14px; box-shadow: var(--vg-rim); }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-play {
  background: linear-gradient(140deg, #fff, #dce0e8 60%, #b5becb) !important;
  color: #16191f !important;
  border: 1px solid #ffffffb3 !important;
  box-shadow: inset 0 1px #fff, 0 2px 10px #0003 !important;
}
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom :is(button[aria-pressed=true], button[aria-selected=true]) {
  color: var(--vg-ink);
  border-color: color-mix(in srgb, var(--vg-ink) 55%, transparent) !important;
}
@media (hover: hover) and (pointer: fine) {
  body.music-glass-ui #view :is(.cl-card, .hmg-recent-track, .journey-phase):hover { border-color: color-mix(in srgb, var(--vg-ink) 45%, transparent) !important; }
  body.music-glass-ui #listeningRoom .atlas-room-queue-row:hover { border-color: color-mix(in srgb, var(--vg-ink) 28%, transparent) !important; }
}
@media (max-width: 760px) {
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-header { padding: 12px; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .salon-toolbar { padding: 12px; gap: 12px; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-layout { gap: 16px; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-glass { padding: 18px 14px !important; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-details { padding: 14px; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-tabs { gap: 10px; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-tabs button { font-size: 11px; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-title { font-size: 20px; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-queue-edit button { width: 28px; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-footer { padding: 12px; }
  body.music-glass-ui #view :is(.journey-settings, .journey-session-preview) { padding: 14px; }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  body.music-room-page.music-glass-ui { --vg-surface: var(--panel); --vg-inset: var(--panel-2); --vg-menu: var(--panel); --vg-edge: var(--line-2); --vg-row-edge: var(--line-2); --vg-rim: none; --vg-shadow: none; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom { background: var(--bg) !important; }
  body.music-glass-ui #view :is(.hmg-deck, .home-stage, .hero-panel, .collection-header, .journey-settings),
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom :is(.atlas-room-header, .atlas-room-glass, .atlas-room-details) { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
}
@supports not (backdrop-filter: blur(1px)) {
  body.music-room-page.music-glass-ui { --vg-surface: var(--vg-menu); }
}

/* Refinement 3–7: material hierarchy, type, player, cards and the small room. */
html[data-theme] body.music-room-page.music-glass-ui #view :is(h1, h2, h3),
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom :is(.atlas-room-brand, .atlas-room-title, .salon-panel-title) {
  font-family: var(--mg-font) !important;
  letter-spacing: -.035em;
  font-weight: 650;
}
html[data-theme] body.music-room-page.music-glass-ui #view :is(.mg-room-heading h1, .collection-library h1) { font-size: clamp(26px, 2.3vw, 32px); line-height: 1.25; }
html[data-theme] body.music-room-page.music-glass-ui #view .hmg-section-heading h2 { font-size: 23px; line-height: 1.35; }
body.music-glass-ui #view :is(.hmg-section-heading, .cl-heading) { margin-bottom: 24px; }
body.music-glass-ui #view .hmg-discovery-section { margin-block: 32px; }
html[data-theme] body.music-room-page.music-glass-ui #view :is(.hmg-eyebrow, .collection-kicker, .cl-kind) { text-transform: none; letter-spacing: .015em; color: var(--vg-muted); }
html[data-theme] body.music-room-page.music-glass-ui #view :is(.hmg-artist-card.vg-playing, .cl-card.cl-playing) {
  border-color: color-mix(in srgb, var(--vg-ink) 52%, transparent) !important;
  box-shadow: var(--vg-rim), 0 0 24px color-mix(in srgb, var(--vg-ink) 7%, transparent) !important;
}
/* One media ratio and a predictable caption/action area per content family. */
html[data-theme] body.music-room-page.music-glass-ui #view .hmg-artist-card { overflow: hidden; }
html[data-theme] body.music-room-page.music-glass-ui #view .hmg-artist-image { height: 200px; aspect-ratio: 5 / 4; }
html[data-theme] body.music-room-page.music-glass-ui #view .hmg-artist-caption { min-height: 152px; padding: 20px; }
html[data-theme] body.music-room-page.music-glass-ui #view .hmg-artist-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-width: 100%; line-height: 1.45; font-size: 17px; }
html[data-theme] body.music-room-page.music-glass-ui #view .hmg-artist-caption .hmg-discovery-play { right: 16px; bottom: 16px; width: 44px; height: 44px; }
html[data-theme] body.music-room-page.music-glass-ui #view .hmg-artist-watch { text-transform: none; font-size: 12px; padding-block: 4px; }
body.music-glass-ui #view .collection-library:not([data-layout=list]) .cl-card { grid-template-columns: minmax(0, 1fr) 44px; gap: 16px 8px; padding: 12px; }
body.music-glass-ui #view .collection-library:not([data-layout=list]) .cl-card-info { padding: 0 0 4px 4px; min-height: 132px; }
html[data-theme] body.music-room-page.music-glass-ui #view .collection-library .cl-card h2 { font-size: 15px; line-height: 1.5; }
body.music-glass-ui #view .cl-card :is(.cl-subtitle, .cl-meta, .cl-kind) { font-size: 12px; }
body.music-glass-ui #view .collection-library .cl-play { width: 44px; height: 44px; }
body.music-glass-ui #view .collection-library[data-layout=list] .cl-results { gap: 8px; }
body.music-glass-ui #view .collection-library[data-layout=list] .cl-card { padding: 12px; }
body.music-glass-ui #view .hmg-mood-caption { padding: 20px; }
html[data-theme] body.music-room-page.music-glass-ui #view .collection-library :is(.cl-filters, .cl-search-wrap) { border: 0 !important; background: transparent !important; box-shadow: none !important; }
@media (min-width: 761px) {
  body.music-glass-ui #view .collection-library[data-layout=list] .cl-card { min-height: 132px; }
  body.music-glass-ui #view .collection-library[data-layout=list] .cl-card-info { grid-template-rows: auto auto auto; }
  body.music-glass-ui #view .collection-library[data-layout=list] .album-listen-total { grid-column: 2; grid-row: 3; margin: 0; max-width: 240px; justify-content: flex-end; font-size: 12px; }
}

/* Persistent chrome carries the strongest glass. Grid: identity + transport + output. */
html[data-theme] body.music-room-page.music-glass-ui .player {
  height: 100px; grid-template-columns: minmax(170px, 1fr) minmax(270px, 1.5fr) 240px;
  padding: 10px 20px; gap: 24px; align-items: center;
}
body.music-room-page.music-glass-ui { --bar: 124px; }
body.music-glass-ui .player .p-meta { min-width: 0; gap: 12px; }
html[data-theme] body.music-room-page.music-glass-ui .player .p-cover { display: block; width: 52px; height: 52px; border: 1px solid var(--vg-edge); padding: 0; border-radius: 12px; cursor: pointer; }
body.music-glass-ui .player .pm strong { font-size: 14px; }
body.music-glass-ui .player .pm span { font-size: 12px; color: var(--vg-muted); }
html[data-theme] body.music-room-page.music-glass-ui .player .p-center { display: flex; flex-direction: column; align-items: stretch; gap: 0; min-width: 0; }
html[data-theme] body.music-room-page.music-glass-ui .player .p-controls { display: flex; justify-content: center; gap: 12px; }
html[data-theme] body.music-room-page.music-glass-ui .player .p-controls .t-btn { display: grid; place-items: center; width: 44px; height: 44px; min-width: 44px; padding: 10px; border: 0; border-radius: 50%; }
html[data-theme] body.music-room-page.music-glass-ui .player .p-mini-seek { display: flex !important; position: static; gap: 12px; margin: 0; height: 28px; width: 100%; align-items: center; }
html[data-theme] body.music-room-page.music-glass-ui .player #pSeek { min-height: 28px; height: 28px; cursor: pointer; }
body.music-glass-ui .player .p-mini-seek .t { width: 32px; flex: none; font-size: 11px; color: var(--vg-muted); }
html[data-theme] body.music-room-page.music-glass-ui .player .p-right { display: flex; width: auto; gap: 8px; align-items: center; justify-content: flex-end; }
body.music-glass-ui .player .music-volume { display: flex; gap: 8px; color: var(--vg-ink); }
body.music-glass-ui .player .music-volume input { width: 72px; height: 44px; accent-color: var(--vg-ink); }
html[data-theme] body.music-room-page.music-glass-ui .player :is(#fullQueueBtn2, #musicPlayerMore) { display: grid !important; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px; padding: 10px; }
body.music-glass-ui .vg-player-actions {
  position: fixed; inset: auto 24px 126px auto; margin: 0; width: min(280px, calc(100vw - 32px)); max-height: min(480px, 65dvh); overflow: auto;
  padding: 8px; border: 1px solid var(--mg-rim); border-radius: 18px; background: var(--vg-menu); color: var(--vg-ink); box-shadow: var(--mg-shadow), var(--mg-highlight); z-index: 100;
}
body.music-glass-ui .vg-player-actions:popover-open { display: grid; gap: 4px; }
html[data-theme] body.music-room-page.music-glass-ui .vg-player-actions :is(button, .mv-player-launch) {
  display: flex !important; align-items: center; justify-content: flex-start; gap: 12px; width: 100%; min-height: 44px; padding: 10px 12px;
  border: 0; border-radius: 10px; background: transparent; color: var(--vg-ink); box-shadow: none; font-size: 14px; text-align: left; cursor: pointer;
}
body.music-glass-ui .vg-player-actions :is(button:hover, button:focus-visible, button.on) { background: color-mix(in srgb, var(--vg-ink) 8%, transparent) !important; }
body.music-glass-ui .vg-player-actions button.on::after { content: '✓'; margin-left: auto; }
body.music-glass-ui .vg-player-actions button svg { width: 20px; height: 20px; flex: none; }
body.music-glass-ui .vg-player-actions button svg + .vg-action-label { flex: 1; }
body.music-glass-ui .vg-player-actions::backdrop { background: transparent; }

/* The room's content is quiet; its transport and navigation remain prominent. */
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom :is(.atlas-room-header, .salon-toolbar, .atlas-room-footer) { background: var(--mg-glass) !important; }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .salon-toolbar { margin-block: 12px; padding: 12px 18px; }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom :is(.salon-artwork, .salon-painting) { width: min(100%, 280px, 26dvh); margin-bottom: 12px; }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-title { font-size: clamp(22px, 2vw, 29px); }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom :is(.salon-metadata, .salon-session-fields, .atlas-room-volume, .salon-eq-field, .atlas-room-queue-row) { box-shadow: none !important; }
html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-tabs { gap: 8px; justify-content: space-between; }
body.music-glass-ui .vg-room-sheet-head { display: none; }

@media (hover: hover) and (pointer: fine) {
  body.music-glass-ui #view .hmg-artist-watch { opacity: 0; transition: opacity 140ms; }
  body.music-glass-ui #view .hmg-artist-card:is(:hover, :focus-within) .hmg-artist-watch { opacity: 1; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  html[data-theme] body.music-room-page.music-glass-ui .player { grid-template-columns: minmax(140px, 1fr) minmax(230px, 1.4fr) 190px; gap: 16px; padding-inline: 16px; }
  body.music-glass-ui .player .music-volume output { display: none; }
  body.music-glass-ui .player .music-volume input { width: 58px; }
}
@media (max-width: 760px) {
  body.music-room-page.music-glass-ui { --bar: 180px; }
  html[data-theme] body.music-room-page.music-glass-ui .main { padding-bottom: calc(var(--mg-nav-height, 64px) + 140px + env(safe-area-inset-bottom)); }
  html[data-theme] body.music-room-page.music-glass-ui #view .hmg-section-heading h2 { font-size: 22px; }
  body.music-glass-ui #view .hmg-discovery-section { margin-block: 24px; }
  html[data-theme] body.music-room-page.music-glass-ui #view .hmg-artist-caption { min-height: 148px; padding: 16px; }
  body.music-glass-ui #view .collection-library:not([data-layout=list]) .cl-card { padding: 8px; gap: 12px 4px; grid-template-columns: minmax(0, 1fr) 44px; }
  body.music-glass-ui #view .collection-library:not([data-layout=list]) .cl-card-info { grid-column: 1 / -1; min-height: 122px; padding: 0 4px 48px; }
  body.music-glass-ui #view .collection-library:not([data-layout=list]) .cl-play { position: absolute; top: auto; right: 12px; bottom: 12px; }
  html[data-theme] body.music-room-page.music-glass-ui .player { height: 82px; padding: 6px 10px 20px; gap: 4px; grid-template-columns: minmax(0, 1fr) 88px 88px; bottom: calc(var(--mg-nav-height, 64px) + 18px + env(safe-area-inset-bottom)); }
  html[data-theme] body.music-room-page.music-glass-ui .player .p-center { display: contents; }
  html[data-theme] body.music-room-page.music-glass-ui .player .p-controls { grid-column: 2; grid-row: 1; gap: 0; }
  html[data-theme] body.music-room-page.music-glass-ui .player .p-right { grid-column: 3; grid-row: 1; width: 88px; gap: 0; }
  html[data-theme] body.music-room-page.music-glass-ui .player .p-meta { gap: 8px; }
  html[data-theme] body.music-room-page.music-glass-ui .player .p-cover { width: 40px; height: 40px; border-radius: 9px; }
  body.music-glass-ui .player .pm strong { font-size: 12px; }
  body.music-glass-ui .player .pm span { font-size: 11px; }
  html[data-theme] body.music-room-page.music-glass-ui .player #prevBtn2 { display: none !important; }
  body.music-glass-ui .player .music-volume { display: none; }
  html[data-theme] body.music-room-page.music-glass-ui .player .p-mini-seek { position: absolute; inset: auto 16px -2px; width: auto; height: 28px; gap: 0; }
  html[data-theme] body.music-room-page.music-glass-ui .player #pSeek { background: linear-gradient(90deg, var(--vg-ink) calc(var(--seek-progress, 0) * 100%), color-mix(in srgb, var(--vg-ink) 28%, transparent) 0) center / 100% 3px no-repeat !important; }
  html[data-theme] body.music-room-page.music-glass-ui .player #pSeek::before { display: none; }
  body.music-glass-ui .player .p-mini-seek .t { display: none; }
  body.music-glass-ui .vg-player-actions { bottom: calc(var(--mg-nav-height, 64px) + 112px + env(safe-area-inset-bottom)); right: 8px; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom { padding: 12px 12px 180px; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-header { position: sticky; top: 0; z-index: 5; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .salon-invitation { font-size: 16px; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom :is(.salon-artwork, .salon-painting) { width: min(62vw, 240px); }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-glass { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; isolation: auto; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom.room-details-open .atlas-room-stage { display: block; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom.room-details-open .atlas-room-details { display: flex !important; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-details {
    position: fixed; inset: auto 8px calc(158px + env(safe-area-inset-bottom)); width: calc(100% - 16px); max-height: calc(100dvh - 260px); min-height: 0; padding: 12px; z-index: 6;
    background: var(--vg-menu) !important; border-radius: 24px; box-shadow: var(--mg-shadow), var(--vg-rim) !important;
  }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .vg-room-sheet-head { display: flex; align-items: center; justify-content: space-between; flex: none; gap: 8px; font-size: 13px; padding: 0 4px 8px; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .vg-room-sheet-head button { min-width: 44px; border-radius: 10px; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-tabs { margin-bottom: 12px; flex-wrap: nowrap; gap: 8px; padding: 4px 8px; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-tabs button { font-size: 12px; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-transport {
    position: fixed; inset: auto 12px calc(12px + env(safe-area-inset-bottom)); z-index: 8; margin: 0; padding: 10px; gap: 16px; background: var(--vg-menu) !important; border-color: var(--mg-rim) !important; border-radius: 20px; box-shadow: var(--mg-shadow), var(--mg-highlight) !important;
  }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-seek {
    position: fixed; inset: auto 12px calc(91px + env(safe-area-inset-bottom)); width: calc(100% - 24px); max-width: none; justify-self: stretch; padding: 4px 14px 8px; z-index: 8; margin: 0; background: var(--vg-menu); border: 1px solid var(--mg-rim); border-radius: 14px;
  }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-footer { font-size: 12px; }
}
@media (max-width: 359px) {
  html[data-theme] body.music-room-page.music-glass-ui .player { grid-template-columns: minmax(0, 1fr) 44px 88px; }
  html[data-theme] body.music-room-page.music-glass-ui .player #nextBtn2 { display: none !important; }
  html[data-theme] body.music-room-page.music-glass-ui .player .p-cover { width: 36px; height: 36px; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-tabs { gap: 6px; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom .atlas-room-tabs button { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  body.music-glass-ui #view :is(.hmg-artist-watch, .cl-cover img) { transition: none; }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  body.music-room-page.music-glass-ui .vg-player-actions { background: var(--panel) !important; }
  html[data-theme] body.music-room-page.music-glass-ui #listeningRoom :is(.atlas-room-header, .salon-toolbar, .atlas-room-footer, .atlas-room-details, .atlas-room-transport, .atlas-room-seek) { background: var(--panel) !important; }
}

/* Compact listening canvas: search → artist rail → artwork, with no title rows.
   The page h1 remains accessible; shared sidebar tools stay available elsewhere. */
html[data-theme] body.music-room-page.music-glass-ui #view .hmg-heading.mg-room-heading {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
html[data-theme] body.music-room-page.music-glass-ui #view .hmg-artists > .hmg-section-heading {
  display: none !important;
}
html[data-theme] body.music-room-page.music-glass-ui .side > :is(.upgrade, .lab-hub-button) {
  display: none !important;
}
html[data-theme] body.music-room-page.music-glass-ui .topbar { margin-bottom: 12px; }
html[data-theme] body.music-room-page.music-glass-ui #view .hmg > .artist-rail { margin: 0 0 12px; }
html[data-theme] body.music-room-page.music-glass-ui #view .hmg > .hmg-artists { margin: 0 0 24px; }
html[data-theme] body.music-room-page.music-glass-ui #view .hmg-artist-grid { padding-bottom: 4px; }