/* Nature and a real record player, rather than a picture-led gallery. */
body.space-lounge,
body.space-lounge[data-listening-style] {
  background-color: #d5cbb3;
  background-image:
    url('listening-paper-grain-v8.svg'),
    linear-gradient(118deg, transparent 19%, #ede1c82e 34%, transparent 48%, #e8dabf24 58%, transparent 72%),
    radial-gradient(ellipse at 0% 49%, #8a9b7161, transparent 57%),
    radial-gradient(ellipse at 99% 83%, #9ca27d57, transparent 49%),
    linear-gradient(125deg, #c9c6ac, #dfd2b8 53%, #c9c5a9);
  background-size: 192px 192px, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-repeat: repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  color: #2d432e;
}
.space-lounge .app-header { border-bottom-color: #7b835653; box-shadow: 0 1px 0 #ede3c940; }
.space-lounge #loungeView.natural-lounge:not([hidden]) { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; grid-template-columns: minmax(0, 1fr); min-height: 0; }
.space-lounge .natural-lounge .daily-selection { display: none; }
.space-lounge .natural-lounge .scene-heading.listening-top { grid-template-columns: minmax(210px, .9fr) minmax(450px, 1.7fr); margin: 18px 0 12px; gap: 24px; }
.space-lounge .natural-lounge .listening-welcome h1 { color: #31472e; font-size: clamp(22px, 2.25vw, 32px); letter-spacing: .04em; }
.space-lounge .natural-lounge .listening-welcome .overline { color: #526044; font-size: 12px; }
.space-lounge .natural-lounge .listening-welcome .date-stamp { display: none; }
.space-lounge .natural-lounge .listening-top .listening-styles button { min-height: 53px; padding: 9px 12px; border-radius: 99px; align-items: center; background: #dcd7bd8c; border-color: #86906c; color: #3e5032; box-shadow: inset 0 1px 0 #eee4cd66; }
.space-lounge .natural-lounge .listening-top .listening-styles button::before { display: none; }
.space-lounge .natural-lounge .listening-top .listening-styles strong { font-size: 18px; text-shadow: none; }
.space-lounge .natural-lounge .listening-top .listening-styles small { display: none; }
.space-lounge .natural-lounge .listening-top .listening-styles button[aria-pressed="true"] { color: #faf1d9; background: linear-gradient(130deg, #4a6140, #344b34); border-color: #42583a; box-shadow: 0 4px 10px #3d4c3026; }
.space-lounge .natural-lounge .listening-room { display: grid; grid-template-columns: minmax(0, 1.17fr) minmax(0, .91fr) minmax(0, 1.04fr); gap: 26px; align-items: center; padding: 15px 8px 22px; margin: 0; min-height: 0; }
.space-lounge .natural-lounge .listening-room::before { inset: 1% -22px; border: 0; border-radius: 0; background: radial-gradient(ellipse at 18% 54%, #78895022, transparent 60%), radial-gradient(ellipse at 76% 50%, #f0dfb829, transparent 57%); box-shadow: none; }
.space-lounge .natural-lounge #photoCarousel { position: relative; width: 100%; max-width: 470px; padding: 0; margin: 0; transform: none; border: 0; background: transparent; box-shadow: none; overflow: visible; }
.space-lounge .natural-lounge #photoCarousel .sleeve-sheet { display: none; }
.space-lounge .natural-lounge #photoCarousel > .listening-nature-art { display: block; width: 117%; max-width: none; height: auto; aspect-ratio: 1; object-fit: cover; margin: -3% -8% -6%; pointer-events: none; border-radius: 0; -webkit-mask-image: radial-gradient(ellipse 51% 49% at 50% 50%, #000 54%, #000d 69%, #0006 85%, transparent 100%); mask-image: radial-gradient(ellipse 51% 49% at 50% 50%, #000 54%, #000d 69%, #0006 85%, transparent 100%); }
.space-lounge .natural-lounge #albumArt { position: absolute; bottom: 17px; left: 11px; width: 47px; height: 47px; min-height: 0; aspect-ratio: 1; border-radius: 7px; object-fit: cover; border: 1px solid #e6ddc398; box-shadow: 0 3px 8px #35432a29; }
.space-lounge .natural-lounge #photoCarousel .sleeve-print { position: relative; min-height: 78px; padding: 15px 90px 18px 70px; color: #344b31; justify-content: center; gap: 3px; }
.space-lounge .natural-lounge #photoCarousel .sleeve-print > span { color: #526344; font-size: 10px; }
.space-lounge .natural-lounge #photoCarousel .sleeve-print b { font-size: 16px; color: #324a31; }
.space-lounge .natural-lounge #photoCarousel .photo-nav { top: 44%; border-color: #87966b9c; background: #e1dcc5b8; color: #2e472f; box-shadow: 0 3px 8px #35432a15; transform: translateY(-50%); }
.space-lounge .natural-lounge #previousPhoto { left: 2px; }
.space-lounge .natural-lounge #nextPhoto { right: 2px; }
.space-lounge .natural-lounge #photoCarousel .photo-listen { transform: none; right: 2px; bottom: 22px; background: #cdd3b7; border-color: #86936a; color: #2f492f; }
.space-lounge .natural-lounge #photoCarousel .photo-dots { bottom: 2px; }
.space-lounge .natural-lounge .listening-copy { padding: 10px 0; }
.space-lounge .natural-lounge #playlistName { color: #526448; font-size: 12px; }
.space-lounge .natural-lounge #listeningTitle { font-family: var(--serif); color: #2f452e; font-size: clamp(28px, 3vw, 43px); line-height: 1.3; letter-spacing: .035em; }
.space-lounge .natural-lounge #listeningMeta { color: #526044; font-size: 14px; line-height: 1.7; }
.space-lounge .natural-lounge #dailyCopy.poem-ready { --poem-row: 39px; margin: 23px 0; color: #3f573b; }
.space-lounge .natural-lounge .listen-link-row { gap: 10px; }
.space-lounge .natural-lounge .listen-link-row .outline-btn { background: #d9d9be; border-color: #83906c; color: #2f482e; }
.space-lounge .natural-lounge .turntable-area { display: block; position: relative; padding: 0 3px; }
.space-lounge .natural-lounge .turntable { box-shadow: 0 24px 24px -13px #37452c6e, 0 6px 11px #473b2829; }
.space-lounge .natural-lounge .turntable-caption { color: #526043; font-size: 14px; letter-spacing: .06em; margin-top: 20px; }
.space-lounge .nature-listening-options { position: relative; display: inline-block; margin-top: 15px; }
.space-lounge .nature-listening-options > summary { cursor: pointer; color: #405738; font-size: 14px; padding: 9px 13px; min-height: 42px; border: 1px solid #8b977474; border-radius: 99px; background: #d8d7bd80; list-style: none; }
.space-lounge .nature-listening-options > summary::-webkit-details-marker { display: none; }
.space-lounge .nature-listening-options > summary::after { content: '+'; margin-left: 12px; }
.space-lounge .nature-listening-options[open] > summary::after { content: '-'; }
.space-lounge .nature-options-panel { position: absolute; z-index: 30; left: 50%; bottom: calc(100% + 10px); transform: translateX(-50%); width: min(345px, 86vw); border: 1px solid #85946d; border-radius: 17px; padding: 16px; background: #dedac2; box-shadow: 0 9px 25px #2e3d2b3b; }
.space-lounge .nature-options-panel .listening-mode { display: flex; width: 100%; margin: 0; }
.space-lounge .nature-options-panel .listening-mode button { flex: 1; }
.space-lounge .nature-options-panel .listening-mode-hint { margin: 9px 0 14px; }
.space-lounge .nature-options-panel .download-song { padding: 10px 15px; min-height: 44px; border: 1px solid #829169; border-radius: 99px; color: #31492f; background: #cbd2b5; }
.space-lounge .natural-lounge .listening-controls { margin-bottom: 12px; border-radius: 22px; background: linear-gradient(110deg, #d4d8bdde, #c4cfaedd); border-color: #84916e; box-shadow: 0 7px 19px #3b4a2e12, inset 0 1px 0 #ede8d199; padding: 15px 20px; }
.space-lounge .natural-lounge .listening-controls .main-play { min-height: 57px; border-radius: 99px; padding: 12px 24px; background: linear-gradient(130deg, #455e3e, #2e4932); font-size: 20px; }
.space-lounge .natural-lounge .listening-controls .round,
.space-lounge .natural-lounge .listening-controls .queue-button { background: #dfe2cd; border-color: #7d8f68; color: #2d442c; }
.space-lounge .natural-lounge .live-message { color: #4a6040; }
@media (max-width: 1100px) {
  .space-lounge .natural-lounge .scene-heading.listening-top { grid-template-columns: minmax(210px, 1fr) minmax(400px, 1.8fr); gap: 16px; }
  .space-lounge .natural-lounge .listening-top .listening-styles strong { font-size: 16px; }
  .space-lounge .natural-lounge .listening-room { gap: 18px; }
  .space-lounge .natural-lounge #dailyCopy.poem-ready { --poem-row: 33px; margin-block: 16px; }
  .space-lounge .natural-lounge .listening-controls { padding: 12px; }
}
@media (max-width: 850px) {
  .space-lounge .natural-lounge .scene-heading.listening-top { grid-template-columns: minmax(0, 1fr); gap: 12px; margin-block: 12px; }
  .space-lounge .natural-lounge .listening-top .listening-styles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .space-lounge .natural-lounge .listening-room { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 13px 19px; align-content: center; overflow-y: auto; overflow-x: hidden; }
  .space-lounge .natural-lounge #photoCarousel { grid-column: 1; grid-row: 1; }
  .space-lounge .natural-lounge .turntable-area { grid-column: 2; grid-row: 1; }
  .space-lounge .natural-lounge .listening-copy { grid-column: 1 / -1; grid-row: 2; text-align: center; padding: 0; }
  .space-lounge .natural-lounge #listeningTitle { font-size: 28px; margin-block: 4px; }
  .space-lounge .natural-lounge #playlistName { display: none; }
  .space-lounge .natural-lounge #dailyCopy.poem-ready { --poem-row: 26px; margin: 8px auto; }
  .space-lounge .natural-lounge .listen-link-row { justify-content: center; }
  .space-lounge .nature-listening-options { margin-top: 9px; }
  .space-lounge .natural-lounge .listening-controls { margin-bottom: 8px; }
}
@media (max-width: 600px) {
  .space-lounge .natural-lounge .listening-top .listening-styles button { min-height: 44px; padding: 8px 4px; }
  .space-lounge .natural-lounge .listening-top .listening-styles strong { font-size: 13px; }
  .space-lounge .natural-lounge #photoCarousel .sleeve-print { min-height: 62px; padding: 8px 0 8px 47px; }
  .space-lounge .natural-lounge #photoCarousel .sleeve-print > span { display: none; }
  .space-lounge .natural-lounge #photoCarousel .sleeve-print b { font-size: 12px; padding-right: 0; }
  .space-lounge .natural-lounge #albumArt { width: 34px; height: 34px; left: 4px; bottom: 16px; }
  .space-lounge .natural-lounge #photoCarousel .photo-listen { position: static; align-self: flex-start; min-height: 30px; font-size: 11px; margin-top: 3px; padding: 3px 9px; }
  .space-lounge .natural-lounge #photoCarousel .photo-nav { min-width: 38px; width: 38px; height: 38px; }
  .space-lounge .natural-lounge .turntable-caption { font-size: 11px; margin-top: 10px; }
  .space-lounge .natural-lounge .listening-controls .main-play { min-height: 49px; padding-inline: 16px; font-size: 17px; }
}
@media (max-height: 680px) and (min-width: 851px) {
  .space-lounge .natural-lounge .scene-heading.listening-top { margin-block: 10px; }
  .space-lounge .natural-lounge .listening-room { padding-block: 5px; }
  .space-lounge .natural-lounge #photoCarousel { max-width: min(100%, 44vh); justify-self: center; }
  .space-lounge .natural-lounge .turntable-area { width: min(100%, 44vh); justify-self: center; }
  .space-lounge .natural-lounge #dailyCopy.poem-ready { --poem-row: 27px; margin-block: 11px; }
  .space-lounge .natural-lounge #listeningTitle { font-size: 29px; }
  .space-lounge .nature-listening-options { margin-top: 7px; }
  .space-lounge .natural-lounge .listening-controls { padding: 9px 13px; }
}

/* v9.1: one immersive landscape, weighted left; no circular picture mask. */
body.space-lounge,
body.space-lounge[data-listening-style] {
  background-color: #25392b;
  background-image:
    linear-gradient(90deg, #14231824 0%, #17291d38 35%, #1b3022c2 64%, #172b20e8 100%),
    linear-gradient(180deg, #14251e7a 0%, #15241a05 30%, #16291c24 62%, #12251bdd 100%),
    url('listening-tree-light-v9.png');
  background-size: 100% 100%, 100% 100%, cover;
  background-position: center, center, left 44%;
  background-repeat: no-repeat;
  color: #f2ecd9;
}
.space-lounge .app-header {
  background: transparent;
  border-bottom-color: #dfdab42e;
  box-shadow: none;
}
.space-lounge .app-header .brand,
.space-lounge .app-header .brand b { color: #f7efd8; }
.space-lounge .app-header .brand small { color: #e0d7b7; }
.space-lounge .space-switch { background: #15291d66; border: 1px solid #d4d6b329; box-shadow: none; }
.space-lounge .space-switch button { color: #e3e1ca; }
.space-lounge .space-switch button[aria-pressed="true"] { color: #233b29; background: #ded8b9; }
.space-lounge .space-switch button small { color: inherit; }
.space-lounge .header-actions .round,
.space-lounge .header-actions .profile-trigger { color: #f4edd8; background: #182f2380; border-color: #d6d6b64d; }
.space-lounge .natural-lounge .scene-heading.listening-top { margin-top: 20px; margin-bottom: 6px; }
.space-lounge .natural-lounge .listening-welcome h1 { color: #fff3d6; text-shadow: 0 2px 10px #15251580; }
.space-lounge .natural-lounge .listening-welcome .overline { color: #f0e7c8; text-shadow: 0 1px 5px #15251580; }
.space-lounge .natural-lounge .listening-top .listening-styles button { color: #f1ebd5; background: #253c2b8c; border-color: #ddd5af69; box-shadow: none; }
.space-lounge .natural-lounge .listening-top .listening-styles button[aria-pressed="true"] { color: #253c2a; background: linear-gradient(130deg, #e5dbb8, #c8c79f); border-color: #e2dbb6; box-shadow: 0 4px 11px #11251930; }
.space-lounge .natural-lounge .listening-room { grid-template-columns: minmax(0, 1.5fr) minmax(0, .91fr) minmax(0, 1.02fr); gap: 28px; padding-top: 12px; }
.space-lounge .natural-lounge .listening-room::before { display: none; }
.space-lounge .natural-lounge #photoCarousel {
  min-height: clamp(220px, 43vh, 520px);
  max-width: none;
  height: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none;
}
.space-lounge .natural-lounge #photoCarousel > .listening-nature-art {
  display: none;
  -webkit-mask-image: none;
  mask-image: none;
  border-radius: 0;
}
.space-lounge .natural-lounge #albumArt { bottom: 32px; left: 13px; width: 50px; height: 50px; border-color: #e8ddbc99; box-shadow: 0 4px 10px #10201650; }
.space-lounge .natural-lounge #photoCarousel .sleeve-print { position: absolute; left: 0; right: 0; bottom: 13px; min-height: 88px; padding: 14px 86px 16px 77px; color: #f6ecd0; background: linear-gradient(90deg, #1830258c, #18302500); border-radius: 0; }
.space-lounge .natural-lounge #photoCarousel .sleeve-print > span { color: #e4dec3; }
.space-lounge .natural-lounge #photoCarousel .sleeve-print b { color: #fff0d2; text-shadow: 0 1px 4px #13291f; }
.space-lounge .natural-lounge #photoCarousel .photo-listen { bottom: 26px; color: #f8efd4; background: #284333db; border-color: #d3d4ac8c; }
.space-lounge .natural-lounge #photoCarousel .photo-nav { top: auto; bottom: 105px; transform: none; color: #f8f1db; background: #203c2c8c; border-color: #dddcc15c; box-shadow: none; }
.space-lounge .natural-lounge #previousPhoto { left: 14px; }
.space-lounge .natural-lounge #nextPhoto { right: auto; left: 68px; }
.space-lounge .natural-lounge #photoCarousel .photo-dots { bottom: 3px; }
.space-lounge .natural-lounge #photoCarousel .photo-dots i { background: #d3ccab80; }
.space-lounge .natural-lounge #photoCarousel .photo-dots i.active { background: #f0e4bb; }
.space-lounge .natural-lounge #listeningTitle { color: #fff0cc; text-shadow: 0 2px 9px #142a1d88; }
.space-lounge .natural-lounge #playlistName,
.space-lounge .natural-lounge #listeningMeta { color: #dedbc0; }
.space-lounge .natural-lounge #dailyCopy.poem-ready { color: #f1e7c9; }
.space-lounge .natural-lounge .listen-link-row .outline-btn,
.space-lounge .natural-lounge .listen-link-row .round { color: #f6ecd3; background: #2b4735b8; border-color: #d7d2ad80; }
.space-lounge .nature-listening-options > summary { color: #e7e1c7; background: #263e2c80; border-color: #b6c0a36b; }
.space-lounge .natural-lounge .turntable-caption { color: #dedabe; }
.space-lounge .natural-lounge .live-message { color: #dedec3; }
.space-lounge .natural-lounge .listening-controls { background: linear-gradient(110deg, #243d30e8, #1a3226ed); border-color: #ccd2af52; box-shadow: 0 10px 24px #0a191d26, inset 0 1px 0 #f0edca14; }
.space-lounge .natural-lounge .listening-controls .main-play { color: #213d2b; background: linear-gradient(120deg, #e8debc, #cbd0a7); border-color: #e0d9b5; box-shadow: 0 3px 7px #1021174d; }
.space-lounge .natural-lounge .listening-controls .round,
.space-lounge .natural-lounge .listening-controls .queue-button { color: #f5ecd3; background: #35513e; border-color: #bec6a478; }
.space-lounge .natural-lounge .listening-controls .timeline time { color: #f0e9ce; }
.space-lounge .natural-lounge #audioSeek::-webkit-slider-runnable-track { background: #81916a; border-color: #a2ae83; }
.space-lounge .natural-lounge #audioSeek::-webkit-slider-thumb { background: #e5d7a7; border-color: #f4e9c8; box-shadow: 0 0 0 1px #233f2b, 0 2px 6px #0d211850; }
.space-lounge .natural-lounge #audioSeek::-moz-range-track { background: #81916a; border-color: #a2ae83; }
.space-lounge .natural-lounge #audioSeek::-moz-range-thumb { background: #e5d7a7; border-color: #f4e9c8; }
.space-lounge .nature-options-panel .listening-mode-hint,
.space-lounge .nature-options-panel .download-status { color: #415739; }
@media (max-width: 1100px) {
  .space-lounge .natural-lounge .listening-room { gap: 19px; grid-template-columns: minmax(0, 1.24fr) minmax(0, .96fr) minmax(0, 1fr); }
}
@media (max-width: 850px) {
  body.space-lounge,
  body.space-lounge[data-listening-style] { background-image: linear-gradient(90deg, #14231824, #172d2275 62%, #172b20cc), linear-gradient(180deg, #14251e70, #13271b24 33%, #12271dd9 79%), url('listening-tree-light-v9.png'); background-position: center, center, 24% center; }
  .space-lounge .natural-lounge .listening-room { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 12px 20px; }
  .space-lounge .natural-lounge #photoCarousel { min-height: 240px; }
}
@media (max-width: 600px) {
  .space-lounge .natural-lounge #photoCarousel { min-height: 210px; }
  .space-lounge .natural-lounge #photoCarousel .sleeve-print { padding: 10px 4px 12px 45px; min-height: 76px; }
  .space-lounge .natural-lounge #albumArt { width: 33px; height: 33px; left: 3px; bottom: 45px; }
  .space-lounge .natural-lounge #photoCarousel .photo-listen { position: static; }
  .space-lounge .natural-lounge #photoCarousel .photo-nav { bottom: 106px; }
}
@media (max-height: 680px) and (min-width: 851px) {
  .space-lounge .natural-lounge #photoCarousel { min-height: 190px; max-width: none; }
}

/* v9.2: clearer hierarchy, natural logo light, and a forest-room turntable. */
body.space-lounge .app-footer { display: none; }
.space-lounge .app-header .brand-mark img[src$="v10.svg"] {
  filter: drop-shadow(0 4px 7px #07170e52);
}
.space-lounge .natural-lounge .scene-heading.listening-top {
  display: block;
  margin: 12px 0 9px;
}
.space-lounge .natural-lounge .scene-heading.listening-top > .listening-styles {
  width: min(760px, 72%);
  margin: 0 0 0 auto;
}
.space-lounge .natural-lounge .listening-room {
  grid-template-columns: minmax(300px, 1.28fr) minmax(250px, .88fr) minmax(285px, 1fr);
  gap: clamp(22px, 2.4vw, 38px);
  padding: 8px 10px 18px;
}
.space-lounge .natural-lounge #photoCarousel {
  display: block !important;
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: clamp(280px, 48vh, 540px);
  overflow: visible;
}
.space-lounge .natural-lounge #photoCarousel .listening-welcome {
  position: absolute;
  z-index: 3;
  top: 18%;
  left: 3%;
  display: flex;
  width: min(92%, 610px);
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 0;
  pointer-events: none;
}
.space-lounge .natural-lounge #photoCarousel .listening-welcome h1 {
  order: 1;
  max-width: 8.4em;
  margin: 0;
  color: #fff1ce;
  font-family: var(--serif);
  font-size: clamp(38px, 4.35vw, 68px);
  font-weight: 400;
  line-height: 1.34;
  letter-spacing: .1em;
  text-shadow: 0 3px 18px #07180e9c;
}
.space-lounge .natural-lounge #photoCarousel .listening-welcome .overline {
  order: 2;
  margin: 0;
  color: #ece3c4;
  font-family: var(--serif);
  font-size: clamp(15px, 1.45vw, 21px);
  line-height: 1.7;
  letter-spacing: .14em;
  text-shadow: 0 2px 9px #07180ead;
}
.space-lounge .natural-lounge #photoCarousel .listening-welcome::after {
  order: 3;
  content: '';
  width: 88px;
  height: 1px;
  margin-top: 2px;
  background: linear-gradient(90deg, #ead9a9, transparent);
}
.space-lounge .natural-lounge #photoCarousel .listening-welcome .date-stamp,
.space-lounge .natural-lounge #photoCarousel > #albumArt,
.space-lounge .natural-lounge #photoCarousel > .sleeve-print,
.space-lounge .natural-lounge #photoCarousel > .photo-nav,
.space-lounge .natural-lounge #photoCarousel > .photo-dots { display: none !important; }
.space-lounge .natural-lounge .listening-copy {
  align-self: center;
  padding: 24px 0 10px;
}
.space-lounge .natural-lounge #playlistName { display: none; }
.space-lounge .natural-lounge #listeningTitle {
  margin: 0 0 10px;
  font-size: clamp(31px, 3.2vw, 47px);
  line-height: 1.35;
}
.space-lounge .natural-lounge #listeningMeta {
  font-size: 14px;
  letter-spacing: .05em;
}
.space-lounge .natural-lounge #dailyCopy.poem-ready {
  --poem-row: 36px;
  height: calc(var(--poem-row) * 3);
  margin: 24px 0 19px;
  color: #eee5c9;
}
.space-lounge .natural-lounge #dailyCopy .poem-line { color: inherit !important; }
.space-lounge .natural-lounge .live-message { display: none; }
.space-lounge .natural-lounge .listen-link-row .outline-btn,
.space-lounge .natural-lounge .listen-link-row .round,
.space-lounge .nature-listening-options > summary {
  min-height: 47px;
  backdrop-filter: blur(8px);
}
.space-lounge .natural-lounge .turntable-area {
  width: 100%;
  max-width: 400px;
  justify-self: end;
}
.space-lounge .natural-lounge .turntable {
  border: 1px solid #8b7658;
  border-radius: 22px;
  background:
    linear-gradient(118deg, #d6c28c17, transparent 37%, #07130b2c 72%),
    repeating-linear-gradient(2deg, #110f0b21 0 1px, transparent 1px 5px),
    repeating-linear-gradient(174deg, #bc9a6424 0 2px, transparent 3px 7px),
    linear-gradient(135deg, #766047, #4f4435 54%, #2f382d);
  box-shadow:
    0 1px 0 #e5d7ac42 inset,
    0 -7px 0 #293227 inset,
    0 5px 0 #1f291f,
    0 24px 34px -15px #07160d9e;
  transform: rotate(1deg);
}
.space-lounge .natural-lounge .turntable::after {
  inset: 12px;
  border-color: #c9ad7147;
  border-radius: 14px;
}
.space-lounge .natural-lounge .platter {
  background: linear-gradient(135deg, #a29d7e, #343c35 43%, #737c67 70%, #272e29);
  box-shadow: 0 7px 11px #07110c99, 0 0 0 1px #b8ae8547;
}
.space-lounge .natural-lounge .vinyl-disc {
  background:
    repeating-radial-gradient(circle, transparent 0 2px, #bac2a710 2px 3px, #0004 3px 4px),
    conic-gradient(from -25deg, #0d1511, #344036 18%, #101713 33%, #0c1410 52%, #3f493d 69%, #101713 84%);
}
.space-lounge .natural-lounge .vinyl-label {
  gap: 2px;
  color: #203326;
  background: radial-gradient(circle at 34% 25%, #ded49e, #a8ae72 65%, #758058);
  box-shadow: 0 0 0 2px #202b22;
}
.space-lounge .natural-lounge .vinyl-label b { font-size: clamp(13px, 1.45vw, 20px); }
.space-lounge .natural-lounge .vinyl-label small { color: #2c402f; }
.space-lounge .natural-lounge .tonearm::before {
  background: radial-gradient(circle, #d4c391 0 17%, #4b5548 20% 42%, #b6ab83 45% 51%, #454f44 55%);
}
.space-lounge .natural-lounge .tonearm i {
  background: linear-gradient(90deg, #5d624f, #c9bc8e 38%, #e2d4a4 53%, #596958);
}
.space-lounge .natural-lounge .deck-front { color: #e7dcc0; }
.space-lounge .natural-lounge .turntable-caption {
  margin-top: 18px;
  color: #e8dfc3;
  font-size: 13px;
}
.space-lounge .natural-lounge .listening-controls {
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr) auto;
  align-items: center;
  gap: 13px 20px;
  padding: 13px 17px;
  overflow: visible;
}
.space-lounge .natural-lounge .transport-buttons {
  display: flex;
  width: auto;
  justify-content: flex-start;
}
.space-lounge .natural-lounge .listening-controls .main-play {
  min-width: 154px;
  white-space: nowrap;
}
.space-lounge .natural-lounge .listening-controls .timeline {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
}
.space-lounge .natural-lounge .player-extras {
  justify-self: end;
  width: auto;
}
@media (max-width: 1050px) {
  .space-lounge .natural-lounge .scene-heading.listening-top > .listening-styles { width: 82%; }
  .space-lounge .natural-lounge .listening-room { grid-template-columns: minmax(240px, 1.1fr) minmax(220px, .9fr) minmax(250px, 1fr); }
  .space-lounge .natural-lounge #photoCarousel .listening-welcome { top: 16%; }
  .space-lounge .natural-lounge #photoCarousel .listening-welcome h1 { font-size: clamp(34px, 4vw, 54px); }
}
@media (max-width: 850px) {
  .space-lounge .natural-lounge .scene-heading.listening-top > .listening-styles { width: 100%; }
  .space-lounge .natural-lounge .listening-room {
    grid-template-columns: minmax(0, 1.08fr) minmax(245px, .92fr);
    grid-template-rows: minmax(270px, auto) auto;
    align-content: start;
    gap: 9px 18px;
  }
  .space-lounge .natural-lounge #photoCarousel { grid-column: 1; grid-row: 1; min-height: 300px; }
  .space-lounge .natural-lounge #photoCarousel .listening-welcome { top: 15%; left: 1%; width: 98%; }
  .space-lounge .natural-lounge #photoCarousel .listening-welcome h1 { font-size: clamp(34px, 6vw, 48px); }
  .space-lounge .natural-lounge #photoCarousel .listening-welcome .overline { font-size: 15px; }
  .space-lounge .natural-lounge .turntable-area { grid-column: 2; grid-row: 1; align-self: center; }
  .space-lounge .natural-lounge .listening-copy { grid-column: 1 / -1; grid-row: 2; padding: 3px 5%; text-align: center; }
  .space-lounge .natural-lounge #dailyCopy.poem-ready { margin: 8px auto 10px; }
  .space-lounge .natural-lounge .listen-link-row { justify-content: center; }
  .space-lounge .nature-listening-options { margin-top: 8px; }
}
@media (max-width: 600px) {
  .space-lounge .natural-lounge .scene-heading.listening-top { margin: 8px 0 6px; }
  .space-lounge .natural-lounge .listening-top .listening-styles { gap: 5px; }
  .space-lounge .natural-lounge .listening-room {
    grid-template-columns: minmax(0, 1fr) minmax(118px, .58fr);
    grid-template-rows: minmax(215px, auto) auto;
    gap: 7px 10px;
    padding-inline: 0;
  }
  .space-lounge .natural-lounge #photoCarousel { min-height: 225px; }
  .space-lounge .natural-lounge #photoCarousel .listening-welcome { top: 12%; gap: 9px; }
  .space-lounge .natural-lounge #photoCarousel .listening-welcome h1 { max-width: 7.2em; font-size: clamp(29px, 8vw, 39px); line-height: 1.38; }
  .space-lounge .natural-lounge #photoCarousel .listening-welcome .overline { font-size: 12px; letter-spacing: .09em; }
  .space-lounge .natural-lounge .turntable-area { width: 100%; }
  .space-lounge .natural-lounge .turntable-caption { display: none; }
  .space-lounge .natural-lounge #listeningTitle { font-size: 27px; }
  .space-lounge .natural-lounge #dailyCopy.poem-ready { --poem-row: 27px; height: calc(var(--poem-row) * 2); overflow: hidden; }
  .space-lounge .natural-lounge .listening-controls {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 7px;
    padding: 10px;
  }
  .space-lounge .natural-lounge .transport-buttons { grid-column: 1; grid-row: 1; justify-content: center; width: 100%; gap: 9px; }
  .space-lounge .natural-lounge .listening-controls .main-play { min-width: 155px; height: 50px; font-size: 16px; }
  .space-lounge .natural-lounge .listening-controls .timeline { grid-column: 1; grid-row: 2; width: 100%; padding: 0 4px; }
  .space-lounge .natural-lounge .player-extras { grid-column: 1; grid-row: 3; justify-self: center; }
  .space-lounge .natural-lounge .queue-button { min-height: 41px; }
}
@media (max-height: 680px) and (min-width: 851px) {
  .space-lounge .natural-lounge #photoCarousel { max-width: none; min-height: 210px; }
  .space-lounge .natural-lounge #photoCarousel .listening-welcome { top: 11%; }
  .space-lounge .natural-lounge #photoCarousel .listening-welcome h1 { font-size: clamp(31px, 3.6vw, 48px); }
  .space-lounge .natural-lounge #dailyCopy.poem-ready { --poem-row: 27px; height: calc(var(--poem-row) * 2); }
}

/* v9.3: keep touch scrolling, but remove the visual clutter around it. */
.space-lounge .natural-lounge .listening-room {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.space-lounge .natural-lounge .listening-room::-webkit-scrollbar { display: none; }
@media (max-width: 600px) {
  .space-lounge .space-switch { width: 100%; }
  .space-lounge .space-switch button { min-width: 0; flex: 1; white-space: nowrap; }
  .space-lounge .space-switch button > span { font-size: 0; white-space: nowrap; }
  .space-lounge .space-switch button[data-space="lounge"] > span::before { content: '听音乐'; }
  .space-lounge .space-switch button[data-space="practice"] > span::before { content: '练习台'; }
  .space-lounge .space-switch button[data-space="stage"] > span::before { content: '演奏桌'; }
  .space-lounge .space-switch button > span::before { font-size: 14px; }
  .space-lounge .natural-lounge #photoCarousel .listening-welcome h1 {
    max-width: 100%;
    font-size: clamp(27px, 7.1vw, 34px);
    line-height: 1.42;
    letter-spacing: .055em;
  }
}

/* v9.4: song comments become part of the quiet listening atmosphere. */
.space-lounge .natural-lounge .listen-link-row { flex-wrap: wrap; }
.space-lounge .natural-lounge .nature-download {
  min-height: 47px;
  padding-inline: 13px;
  color: #f6ecd3;
  background: #2b4735b8;
  border-color: #d7d2ad80;
  white-space: nowrap;
  backdrop-filter: blur(8px);
}
.space-lounge .nature-listening-options > summary::after { content: '⌄'; font-size: 13px; }
.space-lounge .nature-listening-options[open] > summary::after { content: '⌃'; }
.space-lounge .nature-options-panel { bottom: calc(100% + 9px); }
.space-lounge .nature-comment-wall {
  position: absolute;
  z-index: 4;
  left: 3%;
  bottom: 4%;
  width: min(92%, 430px);
  color: #efe7cc;
  text-shadow: 0 1px 5px #07180e;
}
.space-lounge .nature-comment-head {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 7px;
}
.space-lounge .nature-comment-head > span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: var(--serif);
  font-size: 14px;
  letter-spacing: .13em;
}
.space-lounge .nature-comment-head > span::before {
  content: '';
  width: 28px;
  height: 1px;
  background: #d8c894;
}
.space-lounge .nature-comment-head button {
  min-height: 36px;
  margin-left: auto;
  padding: 5px 12px;
  border: 1px solid #ddd3af75;
  border-radius: 99px;
  color: #f6eed8;
  background: #213b2c94;
  font-size: 12px;
  text-shadow: none;
  backdrop-filter: blur(8px);
}
.space-lounge .nature-comment-viewport {
  height: 60px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(transparent, #000 18%, #000 82%, transparent);
  mask-image: linear-gradient(transparent, #000 18%, #000 82%, transparent);
}
.space-lounge .nature-comment-track {
  --comment-count: 3;
  display: flex;
  flex-direction: column;
  animation: nature-comments-scroll calc(var(--comment-count) * 6s) linear infinite;
}
.space-lounge .nature-comment-track:hover { animation-play-state: paused; }
.space-lounge .nature-comment-track p {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 30px;
  margin: 0;
  font-size: 13px;
  line-height: 1.7;
  white-space: nowrap;
  overflow: hidden;
}
.space-lounge .nature-comment-track b {
  flex: 0 0 auto;
  color: #d9cfaa;
  font-size: 11px;
  font-weight: 500;
}
.space-lounge .nature-comment-track span {
  overflow: hidden;
  text-overflow: ellipsis;
}
@keyframes nature-comments-scroll {
  from { transform: translateY(0); }
  to { transform: translateY(calc(var(--comment-count) * -30px)); }
}
.nature-comment-composer {
  position: fixed;
  z-index: 100;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 22px;
  background: #07160e9c;
  backdrop-filter: blur(10px);
}
.nature-comment-composer[hidden] { display: none; }
.nature-comment-panel {
  width: min(520px, 100%);
  padding: 27px;
  border: 1px solid #b9b9957a;
  border-radius: 22px;
  color: #f5ecd2;
  background: linear-gradient(140deg, #304a37f8, #172d23fa);
  box-shadow: 0 24px 70px #020a067d, inset 0 1px 0 #fff5d51c;
}
.nature-comment-kicker {
  margin: 0 0 7px;
  color: #c8c6a1;
  font-size: 11px;
  letter-spacing: .18em;
}
.nature-comment-panel h2 {
  margin: 0 0 18px;
  font-family: var(--serif);
  font-size: 25px;
  font-weight: 500;
}
.nature-comment-panel textarea {
  display: block;
  width: 100%;
  resize: none;
  padding: 14px 16px;
  border: 1px solid #d3cfac61;
  border-radius: 14px;
  outline: 0;
  color: #f8f0d8;
  background: #0d211897;
  font-size: 16px;
  line-height: 1.8;
}
.nature-comment-panel textarea::placeholder { color: #b7b9a4; }
.nature-comment-panel textarea:focus { border-color: #ded3a4; box-shadow: 0 0 0 3px #ded3a429; }
.nature-comment-note { margin: 11px 2px 18px; color: #c1c4ae; font-size: 11px; line-height: 1.7; }
.nature-comment-actions { display: flex; justify-content: flex-end; gap: 10px; }
.nature-comment-actions button {
  min-height: 45px;
  padding: 8px 19px;
  border: 1px solid #c9c5a260;
  border-radius: 99px;
  color: #f5ecd4;
  background: #ffffff0b;
}
.nature-comment-actions [data-comment-send] { color: #223828; background: #dfd5ab; border-color: #e9dfb8; }
.comment-composer-open { overflow: hidden; }
@media (max-width: 850px) {
  .space-lounge .nature-comment-wall { bottom: 5%; width: 96%; }
  .space-lounge .natural-lounge #photoCarousel .listening-welcome { top: 9%; }
}
@media (max-width: 600px) {
  .space-lounge .nature-comment-wall { left: 1%; bottom: 3%; width: 99%; }
  .space-lounge .nature-comment-head { margin-bottom: 3px; }
  .space-lounge .nature-comment-head > span { font-size: 12px; }
  .space-lounge .nature-comment-head button { min-height: 32px; font-size: 11px; padding: 3px 9px; }
  .space-lounge .nature-comment-viewport { height: 48px; }
  .space-lounge .nature-comment-track p { min-height: 24px; font-size: 11px; }
  .space-lounge .nature-comment-track b { font-size: 9px; }
  @keyframes nature-comments-scroll {
    from { transform: translateY(0); }
    to { transform: translateY(calc(var(--comment-count) * -24px)); }
  }
  .space-lounge .natural-lounge .listen-link-row { gap: 6px; }
  .space-lounge .natural-lounge .nature-download { min-height: 44px; padding-inline: 9px; font-size: 12px; }
  .nature-comment-panel { padding: 21px; }
  .nature-comment-panel h2 { font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) {
  .space-lounge .nature-comment-track { animation: none; }
}

/* v9.5: larger comments, with the posting action beside the listening choices. */
.space-lounge .natural-lounge #photoCarousel .listening-welcome { top: 13%; }
.space-lounge .nature-comment-wall {
  left: 3%;
  bottom: 7%;
  width: min(97%, 610px);
}
.space-lounge .nature-comment-head { margin-bottom: 8px; }
.space-lounge .nature-comment-head > span { font-size: 16px; }
.space-lounge .nature-comment-head > span::before { width: 40px; }
.space-lounge .nature-comment-viewport { height: 70px; }
.space-lounge .nature-comment-track p {
  min-height: 35px;
  gap: 12px;
  font-size: 15px;
}
.space-lounge .nature-comment-track b { font-size: 12px; }
.space-lounge .nature-comment-track {
  animation-name: nature-comments-scroll-wide;
}
@keyframes nature-comments-scroll-wide {
  from { transform: translateY(0); }
  to { transform: translateY(calc(var(--comment-count) * -35px)); }
}
.space-lounge .nature-comment-entry {
  display: block;
  min-height: 43px;
  margin: 9px 0 0;
  padding: 7px 17px;
  border: 1px solid #d2cba778;
  border-radius: 99px;
  color: #f5ecd2;
  background: #294533a8;
  font-size: 14px;
  backdrop-filter: blur(8px);
}
.space-lounge .nature-secondary-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.space-lounge .nature-comment-entry::before {
  content: '＋';
  margin-right: 7px;
  color: #d9ca96;
}
@media (max-width: 850px) {
  .space-lounge .natural-lounge #photoCarousel .listening-welcome { top: 6%; }
  .space-lounge .nature-comment-wall { bottom: 7%; width: 99%; }
  .space-lounge .nature-comment-entry { margin: 8px auto 0; }
  .space-lounge .nature-secondary-actions { align-items: center; }
}
@media (max-width: 600px) {
  .space-lounge .natural-lounge #photoCarousel .listening-welcome { top: 4%; }
  .space-lounge .nature-comment-wall { left: 0; bottom: 5%; width: 100%; }
  .space-lounge .nature-comment-head { margin-bottom: 4px; }
  .space-lounge .nature-comment-head > span { font-size: 13px; }
  .space-lounge .nature-comment-head > span::before { width: 30px; }
  .space-lounge .nature-comment-viewport { height: 56px; }
  .space-lounge .nature-comment-track p { min-height: 28px; font-size: 13px; }
  .space-lounge .nature-comment-track b { font-size: 10px; }
  .space-lounge .nature-comment-track { animation-name: nature-comments-scroll-mobile; }
  @keyframes nature-comments-scroll-mobile {
    from { transform: translateY(0); }
    to { transform: translateY(calc(var(--comment-count) * -28px)); }
  }
  .space-lounge .nature-comment-entry { min-height: 41px; padding: 6px 14px; font-size: 13px; }
  .space-lounge .natural-lounge #dailyCopy.poem-ready { display: none; }
  .space-lounge .nature-secondary-actions {
    flex-direction: row;
    justify-content: center;
    gap: 7px;
    margin-top: 7px;
  }
  .space-lounge .nature-secondary-actions .nature-listening-options,
  .space-lounge .nature-secondary-actions .nature-comment-entry { margin: 0; }
  .space-lounge .nature-secondary-actions .nature-listening-options > summary,
  .space-lounge .nature-secondary-actions .nature-comment-entry { min-height: 41px; padding-inline: 12px; font-size: 12px; }
}

/* v9.54: a slim walnut cabinet with restrained satin-brass detailing. */
body.space-lounge .natural-lounge #turntable {
  background:
    radial-gradient(ellipse at 18% 0%, rgba(226, 201, 151, .16), transparent 65%),
    repeating-linear-gradient(94deg, rgba(221, 185, 132, .035) 0, rgba(221, 185, 132, .035) 1px, transparent 1px, transparent 7px),
    linear-gradient(135deg, #594536, #3c3027 62%, #292b23) !important;
  border: 1px solid rgba(195, 167, 118, .48) !important;
  border-radius: 16% 16% 20% 16% / 14% 14% 18% 14%;
  box-shadow:
    inset 0 1px 0 rgba(244, 222, 184, .2),
    inset 0 -2px 0 rgba(23, 19, 15, .48),
    0 3px 0 #2b231c,
    0 12px 22px -12px rgba(3, 13, 7, .65) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  overflow: visible;
}
body.space-lounge .natural-lounge #turntable::before {
  content: none !important;
  display: none !important;
}
body.space-lounge .natural-lounge #turntable::after {
  content: '' !important;
  display: block !important;
  position: absolute;
  top: auto;
  left: 13%;
  right: 13%;
  bottom: 4%;
  width: auto;
  height: 1px;
  border: 0;
  background: linear-gradient(90deg, transparent, rgba(208, 180, 129, .5), transparent);
  box-shadow: none;
  pointer-events: none;
}
body.space-lounge .natural-lounge #turntable .platter {
  background: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
body.space-lounge .natural-lounge #turntable .deck-front { display: none !important; }
body.space-lounge .natural-lounge #turntable .vinyl {
  box-shadow: 0 8px 18px rgba(3, 14, 8, .24);
}

/* 萨友说：圆头像卡片（左头像 / 上名字+歌曲 / 下留言） */
body.space-lounge .natural-lounge .nature-comment-viewport {
  height: 188px !important;
  overflow: hidden !important;
  -webkit-mask-image: linear-gradient(transparent, #000 12%, #000 88%, transparent) !important;
  mask-image: linear-gradient(transparent, #000 12%, #000 88%, transparent) !important;
}
body.space-lounge .natural-lounge .nature-comment-track {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  animation: nature-comment-cards-scroll calc(max(var(--comment-count), 8) * 5.2s) linear infinite !important;
  will-change: transform;
}
body.space-lounge .natural-lounge .nature-comment-track:hover {
  animation-play-state: paused;
}
body.space-lounge .natural-lounge .nature-comment-card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 11px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 9px 2px 10px !important;
  min-height: 0 !important;
  height: auto !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.45 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: rgba(245, 236, 210, .92) !important;
}
body.space-lounge .natural-lounge .nature-comment-avatar {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  margin-top: 2px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 32% 28%, rgba(255, 245, 220, .28), transparent 46%),
    hsl(var(--avatar-hue, 68) 32% 34%);
  border: 1px solid rgba(239, 225, 178, .28);
  box-shadow: 0 2px 8px rgba(3, 14, 8, .28);
  color: #f7efd4;
  font-family: var(--serif, Georgia, serif);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .02em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
}
body.space-lounge .natural-lounge .nature-comment-main {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
body.space-lounge .natural-lounge .nature-comment-name {
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .04em;
  color: #f3e8c4 !important;
  line-height: 1.3 !important;
}
body.space-lounge .natural-lounge .nature-comment-song {
  display: inline-flex !important;
  align-self: flex-start;
  margin: 1px 0 2px !important;
  padding: 2px 8px !important;
  border: 1px solid rgba(239, 225, 178, .22) !important;
  border-radius: 999px !important;
  color: rgba(249, 238, 197, .78) !important;
  background: rgba(20, 36, 28, .28);
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}
body.space-lounge .natural-lounge .nature-comment-text {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  white-space: normal !important;
  color: rgba(245, 236, 210, .9) !important;
  text-shadow: 0 1px 4px #07180e;
}
body.space-lounge .natural-lounge .nature-comment-empty {
  margin: 0;
  padding: 10px 0;
  color: rgba(245, 236, 210, .72);
  font-size: 14px;
}
@keyframes nature-comment-cards-scroll {
  from { transform: translateY(0); }
  to { transform: translateY(-50%); }
}
@media (max-width: 600px) {
  body.space-lounge .natural-lounge .nature-comment-viewport {
    height: 164px !important;
  }
  body.space-lounge .natural-lounge .nature-comment-avatar {
    flex-basis: 34px;
    width: 34px;
    height: 34px;
    font-size: 13px;
  }
  body.space-lounge .natural-lounge .nature-comment-name {
    font-size: 14px !important;
  }
  body.space-lounge .natural-lounge .nature-comment-song {
    font-size: 11px !important;
    padding: 1px 6px !important;
  }
  body.space-lounge .natural-lounge .nature-comment-text {
    font-size: 13px !important;
  }
  body.space-lounge .natural-lounge .nature-comment-card {
    gap: 9px !important;
    padding: 7px 2px 8px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.space-lounge .natural-lounge .nature-comment-track {
    animation: none !important;
  }
}