/* The welcome view has its own scene; board and utility pages retain theirs. */
body:is([data-view="home"],[data-view="stream"]):not([data-category]) { isolation: isolate; background: #f6f2e9; }
body:is([data-view="home"],[data-view="stream"]):not([data-category])::before {
  content: ''; position: fixed; top: 0; right: 0; bottom: auto; left: 0;
  height: 100vh; height: 100lvh; z-index: -1; pointer-events: none;
  background-image: linear-gradient(#f8f4ebc4, #f8f4ebc4), url('/assets/backgrounds/home.webp');
  background-size: cover; background-position: center; background-repeat: no-repeat;
}
body:is([data-view="home"],[data-view="stream"]) .col-left { background: #fffdf9f5; border-radius: 14px; padding-left: 8px; }
body:is([data-view="home"],[data-view="stream"]) .col-main > .community-header { background: #fffdf9ed; padding: 16px 18px; margin-bottom: 18px; border: 1px solid #ffffffd9; border-radius: 16px; }
body:is([data-view="home"],[data-view="stream"]) .col-main :is(.post-card, .feed-tabs, .no-composer, .empty-state) { background-color: #fffdf9; -webkit-backdrop-filter: none; backdrop-filter: none; }
@media (max-width: 720px) {
  body:is([data-view="home"],[data-view="stream"]) .col-main > .community-header { padding: 14px; }
}
@media (prefers-reduced-transparency: reduce) {
  body:is([data-view="home"],[data-view="stream"]):not([data-category])::before { background-image: linear-gradient(#fffffff0, #fffffff0), url('/assets/backgrounds/home.webp'); }
}
@media (prefers-contrast: more) {
  body:is([data-view="home"],[data-view="stream"]):not([data-category])::before { background-image: none; background-color: #f6f2e9; }
}

/* Pixel seaside promenade artwork behind the live community dashboard.
   This is image-only; all member names and counts remain real HTML data. */
body:is([data-view="home"],[data-view="stream"]) .community-stats {
  background-color: #f8f2e6;
  background-image: linear-gradient(105deg, #fff9efd1 0%, #fffaf0a8 46%, #fafaf0b5 100%), url("/assets/backgrounds/home-stats.svg");
  background-size: cover;
  background-position: center 55%;
  background-repeat: no-repeat;
  border-color: #ffffffed;
}
body:is([data-view="home"],[data-view="stream"]) .community-stats::before,
body:is([data-view="home"],[data-view="stream"]) .community-stats::after { display: none; }
body:is([data-view="home"],[data-view="stream"]) .community-counter {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
@media (max-width: 720px) {
  body:is([data-view="home"],[data-view="stream"]) .community-stats { background-position: 59% center; }
}
@media (prefers-reduced-transparency: reduce) {
  body:is([data-view="home"],[data-view="stream"]) .community-stats {
    background-image: linear-gradient(#fff9f2e8, #fff9f2e8), url("/assets/backgrounds/home-stats.svg");
  }
}
@media (prefers-contrast: more) {
  body:is([data-view="home"],[data-view="stream"]) .community-stats { background-image: none; background-color: #fffaf4; }
}
/* The desktop left rail is now a stack of individual cards, not one big backing. */
@media (min-width: 1181px) {
  body:is([data-view="home"],[data-view="stream"]) .col-left {
    padding-left: 0;
    border-radius: 0;
    background: transparent;
  }
}

/* Keep the same welcome artwork on the separate discovery page. */
/* The welcome view has its own scene; board and utility pages retain theirs. */
body[data-view="discover"]:not([data-category]) { isolation: isolate; background: #f6f2e9; }
body[data-view="discover"]:not([data-category])::before {
  content: ''; position: fixed; top: 0; right: 0; bottom: auto; left: 0;
  height: 100vh; height: 100lvh; z-index: -1; pointer-events: none;
  background-image: linear-gradient(#f8f4ebc4, #f8f4ebc4), url('/assets/backgrounds/home.webp');
  background-size: cover; background-position: center; background-repeat: no-repeat;
}
body[data-view="discover"] .col-left { background: #fffdf9f5; border-radius: 14px; padding-left: 8px; }
body[data-view="discover"] .col-main > .community-header { background: #fffdf9ed; padding: 16px 18px; margin-bottom: 18px; border: 1px solid #ffffffd9; border-radius: 16px; }
body[data-view="discover"] .col-main :is(.post-card, .feed-tabs, .no-composer, .empty-state) { background-color: #fffdf9; -webkit-backdrop-filter: none; backdrop-filter: none; }
@media (max-width: 720px) {
  body[data-view="discover"] .col-main > .community-header { padding: 14px; }
}
@media (prefers-reduced-transparency: reduce) {
  body[data-view="discover"]:not([data-category])::before { background-image: linear-gradient(#fffffff0, #fffffff0), url('/assets/backgrounds/home.webp'); }
}
@media (prefers-contrast: more) {
  body[data-view="discover"]:not([data-category])::before { background-image: none; background-color: #f6f2e9; }
}

/* Pixel seaside promenade artwork behind the live community dashboard.
   This is image-only; all member names and counts remain real HTML data. */
body[data-view="discover"] .community-stats {
  background-color: #f8f2e6;
  background-image: linear-gradient(105deg, #fff9efd1 0%, #fffaf0a8 46%, #fafaf0b5 100%), url("/assets/backgrounds/home-stats.svg");
  background-size: cover;
  background-position: center 55%;
  background-repeat: no-repeat;
  border-color: #ffffffed;
}
body[data-view="discover"] .community-stats::before,
body[data-view="discover"] .community-stats::after { display: none; }
body[data-view="discover"] .community-counter {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
@media (max-width: 720px) {
  body[data-view="discover"] .community-stats { background-position: 59% center; }
}
@media (prefers-reduced-transparency: reduce) {
  body[data-view="discover"] .community-stats {
    background-image: linear-gradient(#fff9f2e8, #fff9f2e8), url("/assets/backgrounds/home-stats.svg");
  }
}
@media (prefers-contrast: more) {
  body[data-view="discover"] .community-stats { background-image: none; background-color: #fffaf4; }
}
/* The desktop left rail is now a stack of individual cards, not one big backing. */
@media (min-width: 1181px) {
  body[data-view="discover"] .col-left {
    padding-left: 0;
    border-radius: 0;
    background: transparent;
  }
}