/* Music hall only. Preserve all cloud playback, account and library behavior. */
body.yk-responsive-lounge.space-lounge {
  --yk-gold: linear-gradient(135deg, #eddda7 0%, #d3b86d 48%, #b99448 100%);
  --yk-glass: linear-gradient(135deg, rgba(5,20,13,.53), rgba(4,13,9,.38));
  --yk-edge: rgba(232,210,143,.22);
  color: #fff7e5; min-width: 0 !important; overflow: hidden !important;
}
body.yk-responsive-lounge.space-lounge .app {; height: 100vh !important; height: 100dvh !important;
  min-height: 0 !important;
  display: flex !important; flex-direction: column !important;
}
body.yk-responsive-lounge.space-lounge .app > main { flex: 1; min-height: 0 !important; display: flex !important; padding: 0 !important; overflow: visible !important; }
body.yk-responsive-lounge.space-lounge .app-footer { display: none !important; }










body.yk-responsive-lounge.space-lounge #loungeView:not([hidden]) {
  display: grid !important; flex: 1; width: 100% !important; min-width: 0; min-height: 0 !important; height: auto !important;
  grid-template-columns: minmax(240px,.34fr) minmax(0,.66fr) !important;
  grid-template-rows: minmax(130px,1.25fr) auto minmax(210px,1fr) 76px !important;
  gap: clamp(12px,2vh,24px) clamp(24px,3.4vw,54px) !important;
  padding: clamp(16px,2.5vh,30px) 0 0 !important; margin: 0 !important; position: relative !important; overflow: visible !important;
}
body.yk-responsive-lounge.space-lounge #loungeView > .listening-room,
body.yk-responsive-lounge.space-lounge #loungeView > .listening-top,
body.yk-responsive-lounge.space-lounge #loungeView > .listening-next,
body.yk-responsive-lounge.space-lounge #loungeView [class*="layout-handle"],
body.yk-responsive-lounge.space-lounge #loungeView [class*="resize-handle"] { display: none !important; }
body.yk-responsive-lounge.space-lounge #loungeView > .listening-welcome {
  grid-column: 2; grid-row: 1; position: static !important; width: auto !important; height: auto !important; min-height: 0 !important;
  margin: 0 !important; padding: 12px 20px !important; align-self: center; text-align: right !important; transform: none !important;
  background: none !important; border: 0 !important; box-shadow: none !important; display: block !important; text-shadow: 0 2px 12px #0009;
}
body.yk-responsive-lounge.space-lounge #loungeHeading { font-size: clamp(30px,3.3vw,52px) !important; line-height: 1.4 !important; font-weight: 400; margin: 0 0 20px !important; color: #fff5df !important; letter-spacing: .045em; }
body.yk-responsive-lounge.space-lounge #loungeView .lounge-rotating-copy { margin: 0 !important; font-size: clamp(13px,1.25vw,18px) !important; line-height: 1.8 !important; white-space: normal !important; color: #e8dfc9 !important; }
body.yk-responsive-lounge.space-lounge #loungeView > .listening-welcome .overline,
body.yk-responsive-lounge.space-lounge #dailyDate { display: none !important; }
body.yk-responsive-lounge.space-lounge #loungeView > .moods {
  grid-column: 2; grid-row: 2; position: static !important; display: flex !important; flex-wrap: nowrap !important;
  justify-content: flex-end !important; align-items: center; gap: 10px !important; width: auto !important; height: auto !important;
  padding: 0 !important; margin: 0 !important; transform: none !important;
}
body.yk-responsive-lounge.space-lounge #loungeView > .moods button {
  flex: 0 0 auto !important; min-width: 0 !important; width: auto !important; min-height: 44px !important; height: auto !important;
  padding: 9px 19px !important; border: 1px solid var(--yk-edge) !important; border-radius: 28px !important;
  color: #f8edd5 !important; background: #12271daa !important; text-align: center !important;
}
body.yk-responsive-lounge.space-lounge #loungeView > .moods strong { font-size: clamp(14px,1.3vw,18px) !important; font-weight: 500; text-align: center !important; }
body.yk-responsive-lounge.space-lounge #loungeView > .moods small { display: none !important; }
body.yk-responsive-lounge.space-lounge #loungeView > .moods button[aria-pressed="true"],
body.yk-responsive-lounge.space-lounge #wantPractice { background: var(--yk-gold) !important; color: #233326 !important; border: 1px solid #d5bc77 !important; box-shadow: inset 0 1px #fff5, inset 0 -1px #73592344, 0 4px 12px #0002 !important; }
body.yk-responsive-lounge.space-lounge #loungeView > .nature-comment-wall,
body.yk-responsive-lounge.space-lounge #loungeView > .yk-song-card,
body.yk-responsive-lounge.space-lounge #loungeView > .listening-controls {
  border: 1px solid var(--yk-edge) !important; border-radius: 24px !important; background: var(--yk-glass) !important;
  box-shadow: 0 12px 30px #0002 !important; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);
}
body.yk-responsive-lounge.space-lounge #loungeView > .nature-comment-wall {
  grid-column: 1; grid-row: 1 / 5; align-self: end; position: relative !important; inset: auto !important;
  width: 100% !important; height: 82% !important; max-height: none !important; min-height: 0 !important;
  padding: 20px 20px 16px !important; margin: 0 !important; display: flex !important; flex-direction: column !important;
  transform: none !important; overflow: hidden !important; opacity: 1 !important; color: #fff7e5 !important;
}
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-head { flex: 0 0 auto; display: block !important; padding: 0 0 16px !important; margin: 0 !important; font-size: 23px !important; color: #fff7e5 !important; }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-head:after { content: ''; display: block; width: 44px; height: 2px; margin-top: 12px; background: #d6be77; }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-viewport { flex: 1; min-height: 0 !important; width: 100% !important; height: auto !important; position: relative !important; padding: 0 !important; overflow: hidden !important; -webkit-mask-image: linear-gradient(transparent,#000 16px,#000 calc(100% - 16px),transparent); mask-image: linear-gradient(transparent,#000 16px,#000 calc(100% - 16px),transparent); }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-track { display: block !important; padding: 0 !important; margin: 0 !important; height: auto !important; animation: ykSaxStream 720s linear infinite !important; animation-delay: var(--comment-resume-delay,0s) !important; }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-set { display: block !important; margin: 0 !important; padding: 0 !important; }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-set > p { position: relative; display: block !important; width: auto !important; min-height: 88px; height: auto !important; margin: 0 !important; padding: 16px 0 16px 66px !important; border-bottom: 1px solid #e8dccb1c; font-size: 13px !important; color: #fff7e5 !important; line-height: 1.65 !important; }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-set > p:before { content: attr(data-yk-avatar); position: absolute; left: 0; top: 18px; width: 48px; height: 48px; border: 1px solid #dbc583; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(145deg,#4c6a5b,#a18c50); box-shadow: inset 0 0 0 3px #fff1; font-size: 19px; font-weight: 600; color: #fff4d9; }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-set > p:nth-child(3n+2):before { background: linear-gradient(145deg,#365569,#7d9b9b); }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-set > p:nth-child(3n):before { background: linear-gradient(145deg,#755341,#b8955b); }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-set > p > b { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden; clip-path: inset(50%); }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-song { display: block !important; width: auto !important; max-width: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; margin: 0 0 6px !important; background: none !important; font-style: normal; font-size: 15px !important; line-height: 1.5 !important; color: #edcf7c !important; }
body.yk-responsive-lounge.space-lounge #loungeView .yk-comment-message { display: block; color: #fff6e7; }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-wall > .nature-comment-entry { position: static !important; flex: 0 0 auto; width: 100% !important; min-height: 42px !important; margin: 14px 0 0 !important; border: 1px solid #d4bd7480 !important; border-radius: 24px; color: #f8ecd1 !important; background: #0a211666 !important; display: flex !important; justify-content: center; align-items: center; gap: 8px; }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-viewport.is-manual { overflow-y: auto !important; -webkit-overflow-scrolling: touch; }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-viewport.is-manual .nature-comment-track { animation: none !important; transform: none !important; }
@keyframes ykSaxStream { from { transform: translateY(0); } to { transform: translateY(-50%); } }
body.yk-responsive-lounge.space-lounge #loungeView > .yk-song-card { grid-column: 2; grid-row: 3; min-width: 0; min-height: 0; display: grid; grid-template-columns: minmax(0,1fr) minmax(145px,30%); gap: 12px; align-items: center; padding: clamp(16px,2vw,28px); }
body.yk-responsive-lounge.space-lounge #loungeView .yk-song-card .listening-copy { display: block !important; position: static !important; width: auto !important; height: auto !important; min-width: 0; padding: 0 !important; margin: 0 !important; text-align: left !important; transform: none !important; }
body.yk-responsive-lounge.space-lounge #listeningTitle { margin: 0 0 12px !important; color: #fff7e5 !important; font-size: clamp(25px,2.7vw,42px) !important; line-height: 1.3 !important; overflow-wrap: anywhere; text-shadow: 0 2px 8px #0005; }
body.yk-responsive-lounge.space-lounge #listeningMeta { margin: 0 !important; font-size: 14px !important; line-height: 1.5; color: #dbd4bc !important; }
body.yk-responsive-lounge.space-lounge #playlistName,
body.yk-responsive-lounge.space-lounge #dailyCopy,
body.yk-responsive-lounge.space-lounge #loungeView .turntable-caption { display: none !important; }
body.yk-responsive-lounge.space-lounge #loungeView .listen-link-row { display: flex !important; flex-wrap: wrap !important; align-items: center; gap: 8px !important; margin: 24px 0 0 !important; }
body.yk-responsive-lounge.space-lounge #loungeView .listen-link-row button { min-height: 44px !important; padding: 10px 13px !important; border: 1px solid #d2c49650 !important; border-radius: 12px; display: inline-flex !important; gap: 6px; align-items: center; justify-content: center; font-size: 14px !important; color: #f5e9cd; background: #15302277; }
body.yk-responsive-lounge.space-lounge #loungeView .listen-link-row button svg { width: 18px; height: 18px; }
body.yk-responsive-lounge.space-lounge #downloadStatus:empty,
body.yk-responsive-lounge.space-lounge #audioMessage:empty { display: none; }
body.yk-responsive-lounge.space-lounge #downloadStatus,
body.yk-responsive-lounge.space-lounge #audioMessage { color: #ece1c6 !important; font-size: 12px; line-height: 1.5; }
body.yk-responsive-lounge.space-lounge #loungeView .turntable-area { position: static !important; width: 100% !important; height: auto !important; min-width: 0; max-width: none !important; margin: 0 !important; padding: 0 !important; transform: none !important; display: block !important; }
body.yk-responsive-lounge.space-lounge #turntable { position: relative !important; width: 100% !important; height: auto !important; aspect-ratio: 1; padding: 0 !important; margin: 0 !important; transform: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: none !important; overflow: visible !important; }
body.yk-responsive-lounge.space-lounge #turntable:before,
body.yk-responsive-lounge.space-lounge #turntable:after,
body.yk-responsive-lounge.space-lounge #turntable .deck-front,
body.yk-responsive-lounge.space-lounge #turntable .spindle { display: none !important; }
body.yk-responsive-lounge.space-lounge #turntable .platter { position: absolute !important; inset: 7% 13% 7% 0 !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 50%; background: none !important; box-shadow: none !important; }
body.yk-responsive-lounge.space-lounge #vinylPlay { display: block; position: relative; width: 100% !important; height: 100% !important; padding: 0 !important; border: 1px solid #b9cbbc55 !important; border-radius: 50% !important; background: #0b1310 !important; box-shadow: 0 0 0 4px #07120f88,0 0 0 5px #b2d9bf30,0 12px 25px #0007 !important; }
body.yk-responsive-lounge.space-lounge #vinylPlay:before,
body.yk-responsive-lounge.space-lounge #vinylPlay:after { display: none !important; }
body.yk-responsive-lounge.space-lounge #vinylPlay .vinyl-disc { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; border-radius: 50%; background: conic-gradient(from 25deg,#080e0d,#34413e 12%,#0b1210 22%,#111917 48%,#52605b 57%,#101713 67%,#080e0d) !important; animation: ykWebVinyl 4s linear infinite !important; animation-play-state: paused !important; }
body.yk-responsive-lounge.space-lounge #vinylPlay .vinyl-disc:before { content: ''; position: absolute; inset: 5%; border-radius: 50%; background: repeating-radial-gradient(circle,transparent 0 2px,#a8cbb01a 2.5px 3px,transparent 3.5px 5px); }
body.yk-responsive-lounge.space-lounge #vinylPlay .vinyl-label { position: absolute !important; left: 50% !important; top: 50% !important; width: 29% !important; height: 29% !important; transform: translate(-50%,-50%) !important; padding: 0 !important; display: grid !important; place-items: center; border-radius: 50%; background: radial-gradient(circle at 35% 25%,#f8ecc2,#d3bc79) !important; box-shadow: 0 0 0 3px #111a15,0 0 0 4px #daca8f66; }
body.yk-responsive-lounge.space-lounge #vinylPlay .vinyl-label b,
body.yk-responsive-lounge.space-lounge #vinylPlay .vinyl-label small { display: none !important; }
body.yk-responsive-lounge.space-lounge #vinylPlay .record-brand-mark { width: 60% !important; height: 70% !important; margin: 0 !important; object-fit: contain; }
body.yk-responsive-lounge.space-lounge.is-listening #vinylPlay .vinyl-disc { animation-play-state: running !important; }
@keyframes ykWebVinyl { to { transform: rotate(360deg); } }
body.yk-responsive-lounge.space-lounge #turntable .tonearm { position: absolute !important; right: 3% !important; left: auto !important; top: 15% !important; width: 22px !important; height: 63% !important; transform: rotate(-13deg) !important; transform-origin: 50% 8% !important; transition: transform .6s ease !important; filter: drop-shadow(0 3px 4px #0006); }
body.yk-responsive-lounge.space-lounge #turntable .tonearm:before { position: absolute; left: 3px !important; top: 0 !important; width: 16px !important; height: 16px !important; border: 2px solid #9daf9f !important; border-radius: 50%; background: radial-gradient(circle at 30% 30%,#e5f1e8,#568773) !important; box-shadow: 0 0 8px #8ce2b644; }
body.yk-responsive-lounge.space-lounge #turntable .tonearm i { left: 10px !important; top: 12px !important; width: 4px !important; height: 74% !important; transform: none !important; background: linear-gradient(90deg,#789887,#e2eee5,#729480) !important; }
body.yk-responsive-lounge.space-lounge #turntable .tonearm i:after { left: -13px !important; bottom: -9px !important; width: 18px !important; height: 12px !important; border-radius: 50% !important; transform: rotate(-24deg); background: linear-gradient(135deg,#b6e1c9,#487a61) !important; }
body.yk-responsive-lounge.space-lounge.is-listening #turntable .tonearm { transform: rotate(25deg) !important; }
body.yk-responsive-lounge.space-lounge #loungeView > .listening-controls { grid-column: 2; grid-row: 4; position: relative !important; inset: auto !important; width: 100% !important; height: auto !important; min-width: 0; min-height: 0 !important; padding: 10px 14px !important; margin: 0 !important; display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 12px !important; transform: none !important; }
body.yk-responsive-lounge.space-lounge #loungeView .transport-buttons { display: flex; gap: 8px; flex: 0 0 auto; }
body.yk-responsive-lounge.space-lounge #loungeView .transport-buttons .round { width: 40px !important; min-width: 40px !important; height: 40px !important; min-height: 40px !important; padding: 0 !important; background: #264836bb !important; color: #e9dec0 !important; border: 1px solid #d3c69b55; }
body.yk-responsive-lounge.space-lounge #audioPlay { display: grid !important; place-items: center; width: 48px !important; min-width: 48px !important; height: 48px !important; min-height: 48px !important; border-radius: 13px !important; padding: 0 !important; background: linear-gradient(145deg,#173a2a,#0b2118) !important; color: #ecd082 !important; border: 1px solid #e1d09f66 !important; }
body.yk-responsive-lounge.space-lounge #audioPlay > span { display: none !important; }
body.yk-responsive-lounge.space-lounge #audioPlay > svg { display: block !important; width: 25px; height: 25px; fill: currentColor; stroke-width: 0; }
body.yk-responsive-lounge.space-lounge #loungeView .timeline { display: grid !important; grid-template-columns: auto minmax(30px,1fr) auto; gap: 8px !important; flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; margin: 0 !important; }
body.yk-responsive-lounge.space-lounge #loungeView .timeline time { font-size: 12px !important; color: #f6e9c9 !important; width: auto !important; }
body.yk-responsive-lounge.space-lounge #audioSeek { min-width: 0 !important; width: 100% !important; accent-color: #d9bd72; }
body.yk-responsive-lounge.space-lounge #loungeView .player-extras { display: flex; flex: 0 0 auto; gap: 6px; }
body.yk-responsive-lounge.space-lounge #loungeView .player-extras button { display: flex !important; align-items: center; justify-content: center; width: 38px !important; min-width: 38px !important; height: 40px !important; min-height: 40px !important; padding: 0 !important; color: #f5e8c8 !important; background: #254b35aa !important; border: 1px solid #cbb98d44; border-radius: 12px !important; }
body.yk-responsive-lounge.space-lounge #loungeView .player-extras button > span { display: none !important; }
body.yk-responsive-lounge.space-lounge #dailySceneBackdrop .daily-scene-shade { background: linear-gradient(90deg,#0309064d,#050d0926 50%,#02070548),linear-gradient(#03080614,#02050436),radial-gradient(ellipse at 52% 43%,transparent 35%,#00000025 100%) !important; opacity: 1 !important; }
body.yk-responsive-lounge.space-lounge #dailySceneBackdrop .daily-scene-grain { opacity: .035 !important; }
body.yk-responsive-lounge.space-lounge #dailySceneBackdrop .daily-scene-image { filter: none !important; }
@media (max-width: 1100px) and (min-width: 741px) {
  
  
  body.yk-responsive-lounge.space-lounge #loungeView:not([hidden]) { grid-template-columns: minmax(235px,.34fr) minmax(0,.66fr) !important; gap: 14px 24px !important; }
  body.yk-responsive-lounge.space-lounge #loungeView > .nature-comment-wall { padding: 16px 14px !important; }
  body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-set > p { padding-left: 54px !important; font-size: 12px !important; }
  body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-set > p:before { width: 40px; height: 40px; }
  body.yk-responsive-lounge.space-lounge #loungeView > .moods { gap: 7px !important; }
  body.yk-responsive-lounge.space-lounge #loungeView > .moods button { padding: 8px 13px !important; }
  body.yk-responsive-lounge.space-lounge #loungeView > .yk-song-card { grid-template-columns: minmax(0,1fr) minmax(125px,28%); padding: 16px; }
  body.yk-responsive-lounge.space-lounge #loungeView .listen-link-row { gap: 6px !important; margin-top: 16px !important; }
  body.yk-responsive-lounge.space-lounge #loungeView .listen-link-row button { padding: 8px 10px !important; font-size: 12px !important; }
  body.yk-responsive-lounge.space-lounge #loungeView > .listening-controls { gap: 8px !important; padding: 9px !important; }
}
@media (max-width: 900px) and (min-height: 800px) {
  body.yk-responsive-lounge.space-lounge #loungeView:not([hidden]) { grid-template-columns: minmax(210px,.32fr) minmax(0,.68fr) !important; grid-template-rows: minmax(160px,1fr) auto minmax(270px,1fr) 114px !important; }
  body.yk-responsive-lounge.space-lounge #loungeView > .listening-controls { flex-wrap: wrap !important; justify-content: space-between; }
  body.yk-responsive-lounge.space-lounge #loungeView .timeline { order: 3; flex-basis: 100% !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.yk-responsive-lounge.space-lounge #vinylPlay .vinyl-disc { animation: none !important; }
}

/* iPad 9 / 10 / Air 13: CSS viewport sizing, not physical display pixels. */
body.yk-responsive-lounge.space-lounge .app,
body.yk-responsive-lounge.space-lounge #loungeView,
body.yk-responsive-lounge.space-lounge #loungeView > .nature-comment-wall,
body.yk-responsive-lounge.space-lounge #loungeView > .yk-song-card,
body.yk-responsive-lounge.space-lounge #loungeView > .listening-controls { box-sizing: border-box !important; }

body.yk-responsive-lounge.space-lounge #loungeView .listening-copy { max-height: 100%; overflow-y: auto; }
body.yk-responsive-lounge.space-lounge #loungeView .nature-secondary-actions:empty { display: none !important; }
@media (orientation: landscape) and (max-height: 760px) {
 
 body.yk-responsive-lounge.space-lounge #loungeView:not([hidden]) { grid-template-rows: minmax(95px,1fr) auto minmax(200px,1.15fr) 72px !important; row-gap: 12px !important; padding-top: 14px !important; }
 body.yk-responsive-lounge.space-lounge #loungeHeading { font-size: clamp(28px,3vw,40px) !important; margin-bottom: 10px !important; }
 body.yk-responsive-lounge.space-lounge #loungeView > .listening-welcome { padding: 4px 16px !important; }
 body.yk-responsive-lounge.space-lounge #loungeView > .nature-comment-wall { height: 94% !important; }
}

/* r2: use shared header geometry; keep the comment action above the bottom edge. */
@media (max-width: 1200px) {
 body.yk-responsive-lounge.space-lounge .app {; }
}
body.yk-responsive-lounge.space-lounge #loungeView > .nature-comment-wall { transform: translateY(-24px) !important; }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-wall > .nature-comment-entry { flex: 0 0 44px !important; max-height: none !important; visibility: visible !important; opacity: 1 !important; z-index: 1; }
body.yk-responsive-lounge.space-lounge #loungeView .nature-listening-options,
body.yk-responsive-lounge.space-lounge #loungeView .listening-mode,
body.yk-responsive-lounge.space-lounge #loungeView .listening-mode-hint { display: none !important; }
body.yk-responsive-lounge.space-lounge #loungeView .listen-link-row .favorite-current::before { content: '\2661'; display: inline-block; font-size: 20px; line-height: 1; }
body.yk-responsive-lounge.space-lounge #loungeView .listen-link-row .favorite-current[aria-pressed="true"]::before { content: '\2665'; color: #e4c783; }

/* r3: inherit the other halls app gutters and match tagline metrics. */
body.yk-responsive-lounge.space-lounge #appHeader .brand small { font-size: 10px !important; line-height: 1.4 !important; }

/* r6: compact horizontal player proportions from the approved Android reference. */
body.yk-responsive-lounge.space-lounge #loungeView > .yk-song-card {
 align-self: center; height: clamp(184px,22vh,228px) !important; min-height: 0 !important;
 grid-template-columns: minmax(0,60%) minmax(0,32%) !important;
 column-gap: 12px !important; padding: 12px 20px !important; align-items: center;
}
body.yk-responsive-lounge.space-lounge #loungeView .yk-song-card .listening-copy {
 padding: 0 !important; transform: translateX(-6px) !important; min-width: 0;
}
body.yk-responsive-lounge.space-lounge #loungeView .yk-song-card #listeningTitle {
 font-size: clamp(29px,3vw,44px) !important; line-height: 1.25 !important; margin: 0 0 8px !important;
}
body.yk-responsive-lounge.space-lounge #loungeView .yk-song-card .listen-link-row { margin-top: 16px !important; gap: 10px !important; }
body.yk-responsive-lounge.space-lounge #loungeView .yk-song-card .turntable-area {
 width: min(100%,198px) !important; height: clamp(156px,18vh,198px) !important;
 justify-self: start; transform: translateX(-6px) !important;
}
body.yk-responsive-lounge.space-lounge #loungeView .yk-song-card #turntable {
 width: auto !important; height: 100% !important; max-width: 100% !important; aspect-ratio: 1;
}
body.yk-responsive-lounge.space-lounge #loungeView .yk-song-card #audioMessage:empty,
body.yk-responsive-lounge.space-lounge #loungeView .yk-song-card #downloadStatus:empty { display: none !important; }
body.yk-responsive-lounge.space-lounge #loungeView .yk-song-card .favorite-current,
body.yk-responsive-lounge.space-lounge #loungeView .yk-song-card #downloadCurrentSong {
 background: transparent !important; border-color: transparent !important; box-shadow: none !important;
}

/* r7: share the comment panel bottom line; keep automatic random playback logic. */
body.yk-responsive-lounge.space-lounge #loungeView > .listening-welcome,
body.yk-responsive-lounge.space-lounge #loungeView > .moods,
body.yk-responsive-lounge.space-lounge #loungeView > .yk-song-card,
body.yk-responsive-lounge.space-lounge #loungeView > .listening-controls { transform: translateY(-24px) !important; }
body.yk-responsive-lounge.space-lounge #loungeView .listening-controls #playerModeButton { display: none !important; }





/* r8: larger plain-text list actions and a compact right-aligned player. */




body.yk-responsive-lounge.space-lounge #loungeView > .yk-song-card {
 width: 94% !important; justify-self: end;
 grid-template-columns: minmax(0,1fr) clamp(156px,17vw,198px) !important;
 column-gap: 14px !important; padding: 12px 16px !important;
}
body.yk-responsive-lounge.space-lounge #loungeView .yk-song-card .listening-copy,
body.yk-responsive-lounge.space-lounge #loungeView .yk-song-card .turntable-area { transform: none !important; }
body.yk-responsive-lounge.space-lounge #loungeView .yk-song-card .turntable-area { justify-self: end; }

/* r9: bring the welcome subtitle closer and enlarge both lines together. */
body.yk-responsive-lounge.space-lounge #loungeView > .listening-welcome #loungeHeading {
 margin-bottom: 8px !important; font-size: clamp(34px,3.6vw,56px) !important; line-height: 1.3 !important;
}
body.yk-responsive-lounge.space-lounge #loungeView > .listening-welcome .lounge-rotating-copy {
 margin-top: 0 !important; font-size: clamp(15px,1.45vw,21px) !important; line-height: 1.55 !important;
}

/* r10: default compact comments; expand to five rolling rows. */
body.yk-responsive-lounge.space-lounge #loungeView > .nature-comment-wall[data-expanded="false"] { height: min(56%,360px) !important; min-height: 260px !important; }
body.yk-responsive-lounge.space-lounge #loungeView > .nature-comment-wall[data-expanded="true"] { height: 94% !important; min-height: 260px !important; }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-head { position: relative; display: flex !important; justify-content: space-between; align-items: center; gap: 10px; }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-head:after { position: absolute; left: 0; bottom: 8px; margin: 0; }
body.yk-responsive-lounge.space-lounge #loungeView .yk-comment-fold { padding: 6px 12px; min-height: 36px; color: #e6d4a1; border: 1px solid #d6be7755; border-radius: 18px; font-size: 14px; background: transparent; }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-set > p { box-sizing: border-box; height: var(--yk-comment-row-height,88px) !important; min-height: 0 !important; overflow: hidden; padding: 8px 0 8px 56px !important; }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-set > p:before { width: 40px; height: 40px; top: 11px; }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-song { font-size: 13px !important; line-height: 1.4 !important; margin-bottom: 3px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.yk-responsive-lounge.space-lounge #loungeView .yk-comment-message { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 12px; line-height: 1.5; }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-wall[data-compact-rows="true"] .yk-comment-message { -webkit-line-clamp: 1; }

/* r11: folding changes only the viewport, never the text or row heights. */
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-set > p {
 height: auto !important; min-height: 80px !important; overflow: visible !important;
 padding: 10px 0 10px 62px !important; font-size: 14px !important; line-height: 1.6 !important;
}
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-set > p:before { width: 44px !important; height: 44px !important; top: 13px !important; }
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-song {
 font-size: 16px !important; line-height: 1.45 !important; margin-bottom: 5px !important;
 white-space: normal !important; overflow: visible !important; text-overflow: clip !important;
}
body.yk-responsive-lounge.space-lounge #loungeView .yk-comment-message {
 display: block !important; font-size: 14px !important; line-height: 1.6 !important;
 -webkit-line-clamp: unset !important; -webkit-box-orient: initial !important;
 max-height: none !important; overflow: visible !important;
}
body.yk-responsive-lounge.space-lounge #loungeView .nature-comment-viewport {
 -webkit-mask-image: none !important; mask-image: none !important;
}

/* r12: match the live refresh button on the dark queue panel. */
body.yk-responsive-lounge.space-lounge #songDrawer .nature-queue-action,
body.yk-responsive-lounge.space-lounge #songDrawer [data-favorite-id] {
 color: #f7f1d8 !important; -webkit-text-fill-color: currentColor !important;
 background: rgba(244,237,205,.09) !important; border: 1px solid rgba(240,229,185,.24) !important;
 border-radius: 999px !important; min-width: 68px !important; min-height: 44px !important;
 padding: 8px 12px !important; font-size: 18px !important; font-weight: 650 !important;
 line-height: 1.35 !important; display: inline-flex !important; flex-direction: row !important;
 align-items: center !important; justify-content: center !important; opacity: 1 !important;
 box-shadow: none !important; text-shadow: none !important;
}
body.yk-responsive-lounge.space-lounge #songDrawer .nature-queue-action > span,
body.yk-responsive-lounge.space-lounge #songDrawer [data-favorite-id] > span {
 color: inherit !important; -webkit-text-fill-color: currentColor !important;
 font-size: 18px !important; font-weight: inherit !important; opacity: 1 !important;
 visibility: visible !important; text-indent: 0 !important;
}
body.yk-responsive-lounge.space-lounge #songDrawer .nature-queue-action svg,
body.yk-responsive-lounge.space-lounge #songDrawer [data-favorite-id] svg { display: none !important; }
body.yk-responsive-lounge.space-lounge #songDrawer [data-favorite-id][aria-pressed="true"] {
 color: #f2cf7c !important; background: rgba(224,188,93,.14) !important; border-color: #d4b66b !important;
}

/* r13: only tighten the vertical grouping above the player. */
body.yk-responsive-lounge.space-lounge #loungeView > .moods { transform: translateY(-8px) !important; }
body.yk-responsive-lounge.space-lounge #loungeView > .listening-welcome { transform: translateY(calc(clamp(34px,3.6vw,56px) - 24px)) !important; }
