/* Listening-room refinements. The existing layout and score player stay intact. */
.app-header .brand img{width:82px;height:77px;flex:0 0 82px;object-fit:contain;margin:0 -14px 0 -12px;align-self:flex-end;transform:translateY(2px)}
.app-header .brand{align-items:flex-end}
.app-header .brand small{margin-bottom:0}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}
.profile-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:47px;padding:0 10px;border:1px solid transparent;border-radius:24px;font-size:14px;white-space:nowrap}
.profile-trigger svg{width:25px;height:25px}
.profile-trigger:hover{background:#fff8;border-color:var(--line)}
.lounge-sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Keep the sleeve itself a grid child so the original tablet/phone rules apply. */
#photoCarousel{isolation:isolate;touch-action:pan-y;outline-offset:10px}
#photoCarousel img{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:none}
#photoCarousel:before{display:none}
.sleeve-sheet{position:absolute;inset:5px;z-index:-1;display:block;overflow:hidden;padding:8px 8px 30px;background:#faf5e9;border:1px solid #d8d2bc;box-shadow:0 3px 8px #50483618;pointer-events:none}
.sleeve-sheet img{width:100%;height:100%;object-fit:cover;opacity:.68}
.sleeve-sheet-left{transform:translateX(-13px) rotate(-4deg)}
.sleeve-sheet-right{transform:translateX(13px) rotate(7deg)}
#albumArt{position:relative;z-index:0;backface-visibility:hidden}
#photoCarousel .sleeve-print{position:relative;z-index:1;background:#fffaf0}
.photo-nav{position:absolute;top:47%;z-index:3;display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #d1cdbd;border-radius:50%;background:#fffdf2eb;box-shadow:0 3px 9px #554a2920;color:#415541;transform:translateY(-50%) rotate(4deg);transition:background .18s,box-shadow .18s}
.photo-nav:hover{background:#fffdf5;box-shadow:0 3px 12px #554a2940}
.photo-nav:active{background:#e9eddf}
.photo-nav-prev{left:-16px}.photo-nav-next{right:-16px}
.photo-nav svg{width:19px;height:19px}
.photo-dots{position:absolute;bottom:6px;left:0;right:0;display:flex;justify-content:center;gap:7px;z-index:2;pointer-events:none}
.photo-dots i{width:6px;height:6px;border-radius:50%;background:#b6b8a7;transition:background .2s,transform .2s}
.photo-dots i.active{background:#4a6750;transform:scale(1.1)}
#photoCarousel .sleeve-print{padding-bottom:23px}
#albumArt.photo-arriving{animation:lounge-photo-arrive .48s cubic-bezier(.2,.65,.25,1) both}
@keyframes lounge-photo-arrive{from{opacity:.3;transform:translateX(var(--photo-shift,12px)) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}

/* Static readable text remains available without motion or scripting. */
#dailyCopy.poem-ready{--poem-row:39px;position:relative;display:block;height:calc(var(--poem-row) * 3);min-height:0;overflow:hidden;margin:15px 0 17px;line-height:1.55;color:#66715f;text-align:center;-webkit-mask-image:linear-gradient(transparent,#000 13%,#000 87%,transparent);mask-image:linear-gradient(transparent,#000 13%,#000 87%,transparent)}
.poem-line{position:absolute;display:flex;align-items:center;justify-content:center;left:0;right:0;top:50%;height:var(--poem-row);padding:0 2px;font-size:clamp(14px,1.25vw,18px);font-family:var(--serif);line-height:1.55;letter-spacing:.025em;transform:translateY(calc(-50% + var(--slot) * var(--poem-row)));opacity:var(--from-opacity);color:var(--muted)}
.poem-line[data-slot="0"]{color:var(--ink);font-weight:500}
.poem-line[data-slot="0"]:after{content:"";position:absolute;left:24%;right:24%;bottom:2px;height:1px;background:linear-gradient(90deg,transparent,#cfb6798f,transparent)}
.poem-shifting .poem-line{animation:lounge-poem-line 1350ms cubic-bezier(.3,0,.2,1) both}
.poem-shifting .poem-line[data-slot="1"]{color:var(--ink)}
.poem-shifting .poem-line[data-slot="0"]:after{opacity:0}
@keyframes lounge-poem-line{from{transform:translateY(calc(-50% + var(--slot) * var(--poem-row)));opacity:var(--from-opacity)}to{transform:translateY(calc(-50% + (var(--slot) - 1) * var(--poem-row)));opacity:var(--to-opacity)}}
body.lounge-motion-paused .poem-shifting .poem-line{animation-play-state:paused!important}
body.lounge-motion-paused .vinyl-disc{animation-play-state:paused!important}
body.space-lounge .tonearm{transition:transform 1100ms cubic-bezier(.22,.68,.25,1)}
body.space-lounge:not(.lounge-needle-down) .tonearm{transform:rotate(-13deg)}
body.space-lounge.lounge-needle-down .tonearm{transform:rotate(16deg)}
.turntable .vinyl-label{gap:3px}
.turntable .vinyl-label .record-brand-mark{width:34px;height:32px;object-fit:contain;flex:none;margin:-4px 0 -3px}
.turntable .vinyl-label b{font-size:clamp(13px,1.4vw,20px);line-height:1.2}
.turntable .vinyl-label small{font-size:6px;line-height:1.3}

.music-profile{width:410px;max-width:calc(100vw - 28px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:23px;border:1px solid #ccd1bf;border-radius:22px;background:#faf8ef;color:var(--ink);box-shadow:0 22px 70px #26332330;overflow:auto;overscroll-behavior:contain}
.music-profile::backdrop{background:#25312442;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.music-profile-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}
.music-profile-heading h2{font:500 27px/1.4 var(--serif);margin:0}
.music-profile-heading .overline{margin-bottom:3px}
.music-profile-links{display:grid;gap:10px}
.music-profile-links>button{display:flex;align-items:center;text-align:left;gap:15px;min-height:80px;width:100%;padding:14px;border:1px solid #d7dccd;border-radius:14px;background:#f1f3e9;color:var(--ink)}
.music-profile-links>button:hover{background:#e7eddf}
.music-profile-links>button>span{flex:1;font-size:18px;line-height:1.5}
.music-profile-links small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.music-profile-note{font-size:12px;line-height:1.8;color:var(--muted);margin:20px 0 0}
.music-profile-backdrop{position:fixed;inset:0;z-index:499;background:#25312442}
.music-profile.profile-fallback[open]{display:block;position:fixed;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);margin:0;z-index:500}
@media(max-width:1100px){.header-actions{gap:5px}.profile-trigger{padding:0 7px}.profile-trigger span{display:none}.app-header .brand img{width:72px;height:67px;flex-basis:72px;margin-right:-13px}.poem-line{font-size:15px}#dailyCopy.poem-ready{--poem-row:35px;margin:12px 0}}
@media(max-width:850px){.header-actions .header-favorite{display:none}.header-actions{margin-left:auto}.profile-trigger{min-width:44px;padding:0;border-color:var(--line);background:#fff5}.app-header .brand img{width:66px;height:61px;flex-basis:66px;margin-left:-10px;margin-right:-13px}.photo-nav-prev{left:-9px}.photo-nav-next{right:-9px}#dailyCopy.poem-ready{--poem-row:33px}.poem-line{font-size:14px}.turntable .vinyl-label .record-brand-mark{width:27px;height:25px}.turntable .vinyl-label small{display:none}}
@media(max-width:600px){.sleeve-sheet-left{transform:translateX(-8px) rotate(-4deg)}.sleeve-sheet-right{transform:translateX(8px) rotate(6deg)}.photo-nav{top:43%;width:44px;height:44px}.photo-nav-prev{left:-5px}.photo-nav-next{right:-5px}#photoCarousel .sleeve-print{padding-bottom:20px}.photo-dots{bottom:5px}#dailyCopy.poem-ready{--poem-row:31px;margin:9px 0}.poem-line{font-size:14px}.music-profile{padding:18px;border-radius:18px}}
@media(max-height:650px){#dailyCopy.poem-ready{--poem-row:30px;margin:9px 0}.poem-line{font-size:14px}.app-header .brand img{width:62px;height:58px;flex-basis:62px;margin-right:-12px}.turntable .vinyl-label .record-brand-mark{width:25px;height:23px}.turntable .vinyl-label small{display:none}}
@media(max-height:460px){#dailyCopy.poem-ready{--poem-row:24px;margin:5px 0}.poem-line{font-size:12px}.app-header .brand img{width:52px;height:48px;flex-basis:52px;margin-right:-11px}.photo-nav{width:40px;min-width:40px;height:40px}.turntable .vinyl-label .record-brand-mark{width:20px;height:19px}}
@media(prefers-reduced-motion:reduce){#albumArt.photo-arriving,.poem-shifting .poem-line{animation:none!important}.photo-dots i,.tonearm{transition:none!important}.vinyl-disc{animation-play-state:paused!important}}

/* The earlier approved two-leaf mark, cropped only in layout, never redrawn. */
.app-header .brand .brand-mark{position:relative;display:block;width:64px;height:66px;flex:0 0 64px;overflow:hidden;margin:0 -4px 0 -5px}
.app-header .brand .brand-mark img{position:absolute;left:-26px;top:-27px;width:108px;height:108px;max-width:none;min-width:0;margin:0;transform:none;object-fit:contain}
body.space-lounge{background:radial-gradient(ellipse at 3% 33%,#dce9d8c9,transparent 48%),radial-gradient(ellipse at 91% 74%,#c8dcd357,transparent 43%),radial-gradient(ellipse at 66% 1%,#fff6e7,transparent 65%),repeating-linear-gradient(103deg,#68845e05 0 1px,transparent 1px 5px),#f0eee4}
body.space-lounge[data-listening-style="afternoon"]{background:radial-gradient(ellipse at 8% 27%,#d3e5dcba,transparent 53%),radial-gradient(ellipse at 86% 70%,#d6e4d16b,transparent 44%),#f1eee4}
body.space-lounge[data-listening-style="nostalgia"]{background:radial-gradient(ellipse at 9% 31%,#ebe0c7c4,transparent 53%),radial-gradient(ellipse at 90% 69%,#d7e2cd80,transparent 47%),#f1eee4}
body.space-lounge[data-listening-style="night"]{background:radial-gradient(ellipse at 8% 24%,#d7e9d6cc,transparent 52%),radial-gradient(ellipse at 91% 73%,#cce3e063,transparent 47%),#eff0e6}
body.space-lounge #photoCarousel{transform:rotate(-7deg);transform-origin:50% 55%;max-width:350px}
body.space-lounge .sleeve-sheet-left{transform:translateX(-13px) rotate(-5deg)}
body.space-lounge .sleeve-sheet-right{transform:translateX(14px) rotate(9deg)}
.photo-listen{position:absolute;right:8px;bottom:17px;padding:7px 11px;min-height:36px;border:1px solid #c2cbb4;border-radius:16px;background:#edf2e3;color:#405c43;font-size:12px;white-space:nowrap;transform:rotate(2deg)}
.photo-listen:disabled{color:#66816a;background:#e5eddf;opacity:.8}
#photoCarousel .sleeve-print{padding-right:79px}
#photoCarousel .sleeve-print b{font-size:17px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.listening-copy{position:relative;z-index:2;min-width:0}
.listening-copy h2{margin-top:9px;margin-bottom:7px}
.listening-mode{display:inline-flex;max-width:100%;gap:3px;padding:4px;margin-top:10px;border:1px solid #c4cfba;border-radius:13px;background:#f8f9f0a8}
.listening-mode button{min-height:41px;padding:8px 13px;border-radius:9px;font-size:14px;white-space:nowrap;color:#61735b}
.listening-mode button[aria-pressed="true"]{background:#48664b;color:#fffcef;box-shadow:0 2px 5px #3852301a}
.listening-mode-hint{min-height:18px;margin:5px 0 0;font-size:11px;line-height:1.65;color:#71816a}
.listen-link-row{flex-wrap:wrap;gap:8px}
.listen-link-row .outline-btn{padding-inline:12px;font-size:14px}
.download-song{white-space:nowrap}
.download-song:disabled{opacity:.64}
.download-status{margin:4px 0 0;font-size:11px;line-height:1.65;color:#547347;max-height:38px;overflow:auto}
.download-status:empty{display:none}
.space-lounge .live-message{min-height:18px;margin-top:6px;font-size:11px}
.space-lounge .listening-controls{background:linear-gradient(110deg,#fbfbf2e8,#f2f4e7bd);border-color:#c8d1bd;box-shadow:0 6px 20px #3a553115,0 1px 0 #ffffffbf inset}
.space-lounge .timeline{max-width:510px;margin-inline:auto}
.space-lounge .section-heading h2{font-size:22px;font-weight:600}
.listening-styles{gap:8px}
.listening-styles button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:59px;min-width:137px;padding:9px 17px;border:1px solid #bfcdb4;border-radius:14px;background:#f8faf0a8;text-align:left;box-shadow:0 2px 6px #50634408}
.listening-styles strong{font-weight:600;font-size:17px;letter-spacing:.025em}
.listening-styles small{font-size:10px;line-height:1.4;opacity:.75;white-space:nowrap}
.listening-styles button[aria-pressed="true"]{background:#44634b;color:#fffdf3;border-color:#44634b;box-shadow:0 4px 11px #46623d29}
@media(min-width:1100px) and (min-height:700px){.space-lounge .listening-room{grid-template-columns:minmax(225px,1fr) minmax(295px,1.25fr) minmax(265px,1fr);gap:32px;padding-inline:14px}.space-lounge #photoCarousel{width:100%}}
@media(max-width:1100px){.listening-mode button{font-size:13px;padding:7px 10px;min-height:38px}.listening-styles button{min-width:114px;min-height:53px;padding:8px 12px}.listening-styles strong{font-size:15px}.listening-styles small{font-size:9px}.space-lounge .section-heading h2{font-size:20px}}
@media(max-width:850px){.app-header .brand .brand-mark{width:57px;height:59px;flex-basis:57px}.app-header .brand .brand-mark img{width:97px;height:97px;left:-24px;top:-24px}.space-lounge .timeline{max-width:none}.listening-styles{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin;padding-bottom:4px}.listening-styles button{flex:0 0 auto;min-width:120px}.space-lounge #photoCarousel{transform:rotate(-6deg)}}
@media(max-width:600px){.listening-mode{display:flex;width:100%;padding:3px;gap:2px}.listening-mode button{flex:1;min-width:0;padding:8px 6px;font-size:12px}.listening-mode-hint{font-size:10px}.listen-link-row{gap:6px}.listen-link-row .outline-btn{font-size:12px;padding-inline:8px;min-height:43px}.listen-link-row .round{min-width:43px;height:43px}.download-song svg{width:17px;height:17px}.photo-listen{font-size:11px;padding:5px 8px;min-height:32px;right:5px}#photoCarousel .sleeve-print{padding-right:66px}#photoCarousel .sleeve-print b{font-size:14px}.listening-styles strong{font-size:15px}}
@media(max-height:650px){.app-header .brand .brand-mark{width:55px;height:57px;flex-basis:55px}.app-header .brand .brand-mark img{width:94px;height:94px;left:-23px;top:-24px}.space-lounge #dailyCopy.poem-ready{--poem-row:25px;margin:5px 0}.listening-mode{margin-top:5px}.listening-mode button{min-height:34px;padding:5px 9px}.listening-mode-hint{font-size:10px;min-height:15px}.listening-styles button{min-height:43px;padding:7px 11px}.listening-styles small{display:none}.space-lounge .live-message{margin-top:4px;line-height:1.4}.photo-listen{bottom:15px;min-height:31px;padding:5px 8px}}
@media(max-height:460px){.app-header .brand .brand-mark{width:46px;height:48px;flex-basis:46px}.app-header .brand .brand-mark img{width:79px;height:79px;left:-20px;top:-20px}.space-lounge #dailyCopy.poem-ready{--poem-row:21px}.listening-mode-hint{display:none}.listening-mode button{font-size:11px;min-height:31px}.listening-styles button{min-height:40px}.listening-styles strong{font-size:13px}}

/* Listening v6: a sunlit room, prominent styles, and a small record shelf. */
.app-header .brand .brand-mark.logo-v6 {
  width: 58px;
  height: 68px;
  flex-basis: 58px;
  margin: 0 2px 0 -3px;
  overflow: visible;
}
.app-header .brand .brand-mark.logo-v6 img {
  position: static;
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0;
  transform: none;
  object-fit: contain;
  filter: drop-shadow(0 3px 3px #8c89211a);
}
.record-brand-mark[src$="v6.svg"] { width: 30px; height: 35px; }
body.space-lounge,
body.space-lounge[data-listening-style] {
  --lounge-haze: #c5d8bd;
  background:
    linear-gradient(119deg, transparent 36%, #fffbee7a 37%, #fffbee7a 47%, transparent 48%, transparent 57%, #fffbee65 58%, #fffbee65 64%, transparent 65%),
    radial-gradient(ellipse at 0% 38%, var(--lounge-haze), transparent 65%),
    radial-gradient(ellipse at 100% 83%, #cadac2b8, transparent 54%),
    radial-gradient(ellipse at 76% 0%, #ffebce, transparent 56%),
    #eee9d9;
}
body.space-lounge[data-listening-style="afternoon"] { --lounge-haze: #bed6c6; }
body.space-lounge[data-listening-style="nostalgia"] { --lounge-haze: #dfceac; }
body.space-lounge[data-listening-style="night"] { --lounge-haze: #bddacf; }
.space-lounge .app-header {
  border-bottom-color: #7d90673b;
  box-shadow: 0 1px 0 #fff8e99c;
}
.space-lounge .scene-heading.listening-top {
  display: grid;
  grid-template-columns: minmax(230px, .9fr) minmax(490px, 1.8fr);
  align-items: center;
  gap: 24px;
  margin: 17px 0 19px;
  min-width: 0;
}
.listening-welcome { min-width: 0; }
.space-lounge .listening-welcome .overline {
  margin: 0 0 7px;
  color: #718065;
  font-size: 10px;
  letter-spacing: .12em;
}
.space-lounge .listening-welcome h1 {
  font-size: clamp(21px, 2vw, 28px);
  line-height: 1.4;
  margin: 0;
  color: #344f3f;
}
.space-lounge .listening-welcome .date-stamp {
  display: block;
  margin-top: 5px;
  padding: 0;
  font-size: 10px;
  color: #7c826c;
  border: 0;
  background: none;
}
.space-lounge .listening-top .listening-styles {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
  min-width: 0;
  gap: 10px;
  margin: 0;
  padding: 0;
  overflow: visible;
}
.space-lounge .listening-top .listening-styles button {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-width: 0;
  min-height: 76px;
  padding: 13px 10px 13px 14px;
  border-radius: 17px;
  border: 1px solid #899c7054;
  background: linear-gradient(130deg, #fffbed, #e1e6cf);
  box-shadow: 0 5px 13px #56604410, inset 0 1px 0 #fffdf5;
  color: #3d5542;
  text-align: left;
}
.space-lounge .listening-top .listening-styles button::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 0 36%;
  background: url('jazz-study-room-v1.png') center / cover;
  opacity: .42;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000);
  mask-image: linear-gradient(90deg, transparent, #000);
  pointer-events: none;
}
.space-lounge .listening-top [data-mood="afternoon"]::before { background-position: 75% center; }
.space-lounge .listening-top [data-mood="nostalgia"]::before {
  background-image: url('jazz-lounge-moon-v1.png');
  background-position: 30% center;
}
.space-lounge .listening-top [data-mood="night"]::before {
  background-image: url('jazz-lounge-moon-v1.png');
  background-position: 85% bottom;
  filter: sepia(.2) hue-rotate(35deg);
}
.space-lounge .listening-top .listening-styles strong {
  font-family: var(--serif);
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: 600;
  line-height: 1.4;
  text-shadow: 0 1px 5px #fff7dd;
}
.space-lounge .listening-top .listening-styles small {
  display: block;
  font-size: 10px;
  line-height: 1.5;
  opacity: 1;
  color: #657453;
  white-space: normal;
}
.space-lounge .listening-top .listening-styles button[aria-pressed="true"] {
  color: #fff8df;
  border-color: #4d6b4f;
  background: linear-gradient(130deg, #38543f, #71825c);
  box-shadow: 0 6px 15px #3d54302b, inset 0 1px 0 #f7f8ca3d;
}
.space-lounge .listening-top .listening-styles button[aria-pressed="true"]::before { opacity: .25; }
.space-lounge .listening-top .listening-styles button[aria-pressed="true"] strong { text-shadow: none; }
.space-lounge .listening-top .listening-styles button[aria-pressed="true"] small { color: #edf1d7; }
.space-lounge .listening-top .listening-styles button:focus-visible {
  outline: 3px solid #8f6c25;
  outline-offset: 3px;
}
.space-lounge .listening-room {
  position: relative;
  isolation: isolate;
  margin: 0 6px 11px;
  padding: 18px 16px 17px;
}
.space-lounge .listening-room::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 -6px;
  border-radius: 28px;
  border: 1px solid #fffbecab;
  background:
    linear-gradient(105deg, #e2e9d5e8 0%, #faf1dfed 39%, #f5eddbed 61%, #c6d6bdb0 100%),
    url('jazz-study-room-v1.png') center 54% / cover;
  box-shadow: 0 13px 30px #66734913, inset 0 1px 0 #ffffffad;
  pointer-events: none;
}
.space-lounge #photoCarousel {
  box-shadow: 0 17px 25px #394d302e, 0 3px 6px #42503717;
  border: 1px solid #fff9e8;
}
.space-lounge .listening-copy h2 { color: #354f3e; }
.space-lounge .listening-poem { color: #536b4d; }
.space-lounge .turntable-area { position: relative; }
.space-lounge .turntable-caption {
  color: #687655;
  letter-spacing: .09em;
  font-family: var(--serif);
}
.space-lounge .listening-controls {
  background: linear-gradient(110deg, #fcf8e9ed, #e5ebd8ed);
  border: 1px solid #adb99b80;
  box-shadow: 0 5px 13px #5c6b3e0f, inset 0 1px 0 #fffdf4;
}
.space-lounge .daily-selection.listening-next {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 10px;
  margin-top: 15px;
  padding: 0 0 3px;
  min-width: 0;
}
.space-lounge .listening-next .section-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
  gap: 7px 15px;
  margin: 0;
  min-width: 0;
}
.space-lounge .listening-next .section-heading h2 {
  margin: 0;
  font-size: 20px;
  font-family: var(--serif);
  color: #415b43;
}
.space-lounge .listening-next .section-heading p {
  margin: 0;
  font-size: 11px;
  color: #6f7d60;
}
.listening-note {
  margin-left: auto;
  font-family: var(--serif);
  font-size: 13px;
  color: #7a8164;
  letter-spacing: .08em;
}
.space-lounge .listening-next .recommendations {
  grid-column: 1 / -1;
  min-width: 0;
  gap: 13px;
  margin: 0;
}
.space-lounge .listening-next .recommendation {
  min-width: 0;
  padding: 10px;
  border: 1px solid #a4b18e6e;
  border-radius: 16px;
  background: linear-gradient(125deg, #fff9e9e0, #e5e9d6b8);
  box-shadow: inset 0 1px 0 #fffdf0cc, 0 4px 9px #55633c0a;
  text-align: left;
}
.space-lounge .listening-next .recommendation img {
  border-radius: 9px;
  box-shadow: 0 3px 6px #3f503d24;
}
.space-lounge .listening-next .recommendation b { color: #3a513e; }
.space-lounge .listening-next .recommendation small { color: #69795b; }
.space-lounge .listening-next .recommendation[aria-pressed="true"] {
  border-color: #748b57;
  background: linear-gradient(120deg, #edf2d9, #d4e1c4);
}
@media (max-width: 1100px) {
  .space-lounge .scene-heading.listening-top { grid-template-columns: minmax(205px, .8fr) minmax(430px, 1.8fr); gap: 15px; margin: 13px 0 15px; }
  .space-lounge .listening-top .listening-styles { gap: 7px; }
  .space-lounge .listening-top .listening-styles button { padding: 10px; min-height: 65px; }
  .space-lounge .listening-top .listening-styles strong { font-size: 16px; }
  .space-lounge .listening-top .listening-styles small { font-size: 9px; }
  .space-lounge .listening-room { padding: 14px 12px; }
  .listening-note { display: none; }
  .space-lounge .daily-selection.listening-next { margin-top: 11px; gap: 8px; }
}
@media (max-width: 850px) {
  .app-header .brand .brand-mark.logo-v6 { width: 49px; height: 57px; flex-basis: 49px; }
  .space-lounge .scene-heading.listening-top { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .space-lounge .listening-welcome { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px 12px; }
  .space-lounge .listening-welcome .overline { display: none; }
  .space-lounge .listening-welcome h1 { font-size: 22px; }
  .space-lounge .listening-welcome .date-stamp { margin-left: auto; }
  .space-lounge .listening-top .listening-styles button { min-height: 63px; }
  .space-lounge .listening-room { margin-inline: 4px; }
  .space-lounge .listening-next .section-heading h2 { font-size: 18px; }
}
@media (max-width: 600px) {
  .space-lounge .listening-welcome h1 { font-size: 20px; }
  .space-lounge .listening-welcome .date-stamp { display: none; }
  .space-lounge .listening-top .listening-styles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .space-lounge .listening-top .listening-styles button { min-height: 57px; padding: 7px 12px; }
  .space-lounge .listening-top .listening-styles small { font-size: 10px; }
  .space-lounge .listening-room { padding: 13px 8px; }
  .space-lounge .listening-room::before { border-radius: 20px; }
  .space-lounge .listening-next .section-heading { gap: 4px; }
  .space-lounge .listening-next .section-heading p { width: 100%; font-size: 10px; }
  .space-lounge .listening-next .recommendations { gap: 8px; }
  .space-lounge .listening-next .recommendation { padding: 7px; border-radius: 12px; }
}
@media (max-height: 700px) and (min-width: 851px) {
  .app-header .brand .brand-mark.logo-v6 { width: 46px; height: 54px; flex-basis: 46px; }
  .space-lounge .scene-heading.listening-top { margin: 9px 0 12px; }
  .space-lounge .listening-welcome .date-stamp { display: none; }
  .space-lounge .listening-welcome h1 { font-size: 21px; }
  .space-lounge .listening-top .listening-styles button { min-height: 56px; padding: 7px 10px; }
  .space-lounge .listening-room { padding-block: 10px; margin-bottom: 7px; }
  .space-lounge .daily-selection.listening-next { margin-top: 8px; gap: 6px; }
  .space-lounge .listening-next .section-heading h2 { font-size: 17px; }
  .space-lounge .listening-next .recommendation { padding: 7px; }
}
@media (max-height: 460px) {
  .app-header .brand .brand-mark.logo-v6 { width: 37px; height: 43px; flex-basis: 37px; }
  .space-lounge .listening-top .listening-styles button { min-height: 44px; padding: 6px 9px; }
  .space-lounge .listening-top .listening-styles small { display: none; }
  .space-lounge .listening-welcome .overline { display: none; }
}

/* Listening v7: stronger contrast without losing the sunlit palette. */
.space-lounge .listening-controls {
  background: linear-gradient(110deg, #d9e1cb, #ccd8bb);
  border: 1px solid #81936c;
  color: #263c2b;
  box-shadow: 0 5px 14px #3346281a, inset 0 1px 0 #f7faec;
}
.space-lounge .listening-controls .round,
.space-lounge .listening-controls .queue-button {
  min-height: 48px;
  border: 1px solid #7a8d66;
  background: #f3f5e7;
  color: #29412e;
  opacity: 1;
}
.space-lounge .listening-controls .round { min-width: 48px; }
.space-lounge .listening-controls .queue-button {
  padding: 9px 13px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
}
.space-lounge .listening-controls svg { width: 23px; height: 23px; opacity: 1; }
.space-lounge .listening-controls .main-play {
  min-height: 52px;
  padding: 11px 20px;
  background: #354f38;
  border: 1px solid #293e2c;
  color: #fffdf0;
  font-size: 18px;
  font-weight: 600;
  box-shadow: 0 3px 7px #233d2726, inset 0 1px 0 #ffffff29;
}
.space-lounge .listening-controls .timeline { gap: 11px; min-width: 0; }
.space-lounge .listening-controls .timeline time {
  color: #2e432e;
  opacity: 1;
  font-size: 15px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}
.space-lounge #audioSeek {
  -webkit-appearance: none;
  appearance: none;
  flex: 1;
  min-width: 0;
  height: 44px;
  margin: 0;
  padding: 0;
  background: transparent;
  accent-color: #304e36;
  cursor: pointer;
  opacity: 1;
}
.space-lounge #audioSeek::-webkit-slider-runnable-track {
  height: 8px;
  border: 1px solid #718363;
  border-radius: 99px;
  background: #96a885;
}
.space-lounge #audioSeek::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  margin-top: -9px;
  border: 3px solid #faf9e9;
  border-radius: 50%;
  background: #304e36;
  box-shadow: 0 0 0 1px #304e36, 0 2px 4px #263c2b33;
}
.space-lounge #audioSeek::-moz-range-track {
  height: 6px;
  border: 1px solid #718363;
  border-radius: 99px;
  background: #96a885;
}
.space-lounge #audioSeek::-moz-range-progress { height: 6px; border-radius: 99px; background: #304e36; }
.space-lounge #audioSeek::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border: 3px solid #faf9e9;
  border-radius: 50%;
  background: #304e36;
  box-shadow: 0 0 0 1px #304e36;
}
.space-lounge #audioSeek:disabled { opacity: .65; cursor: default; }
.space-lounge .listening-controls button:focus-visible,
.space-lounge #audioSeek:focus-visible {
  outline: 3px solid #745b25;
  outline-offset: 4px;
}
.space-lounge .listening-controls button:disabled { opacity: .6; cursor: default; }
.space-lounge .track-meta,
.space-lounge .listening-mode-hint,
.space-lounge .turntable-caption,
.space-lounge .live-message,
.space-lounge .download-status {
  color: #4b5e42;
  opacity: 1;
}
.space-lounge .listening-mode-hint,
.space-lounge .live-message { font-size: 13px; line-height: 1.65; }
.space-lounge .listen-link-row .outline-btn,
.space-lounge .listen-link-row .round {
  color: #2e4833;
  border-color: #82936d;
  background: #f2f4e4;
  font-weight: 600;
}
.space-lounge .listening-mode { border-color: #839573; background: #e6ecda; }
.space-lounge .listening-mode button { color: #3b5136; font-weight: 600; }
.space-lounge .listening-mode button[aria-pressed="true"] { background: #354f38; color: #fffdf0; }
.space-lounge .listening-next .section-heading p,
.space-lounge .listening-note,
.space-lounge .listening-next .recommendation small { color: #4e6141; }
.space-lounge .listening-next .recommendation { border-color: #97a783; }
.space-lounge .listening-next .recommendation small { font-size: 12px; }
@media (max-width: 600px) {
  .space-lounge .listening-controls { gap: 10px; }
  .space-lounge .listening-controls .main-play { font-size: 16px; padding-inline: 14px; min-height: 48px; }
  .space-lounge .listening-controls .queue-button { font-size: 14px; padding-inline: 10px; }
  .space-lounge .listening-controls .timeline time { font-size: 14px; }
  .space-lounge .listening-mode-hint,
  .space-lounge .live-message { font-size: 12px; }
}