/* Shared light-theme wallpaper. Room controls and message colours stay in their own styles. */
:root[data-theme="light"]{
  --pink-wallpaper-paper:#FFF9FC;
  --wall-tint:var(--pink-wallpaper-paper);
  --wall-blend:normal;
  --scrim:linear-gradient(180deg,
    rgba(255,249,252,.96) 0%,rgba(255,249,252,.86) 23%,
    rgba(255,249,252,.48) 43%,rgba(255,249,252,.26) 72%,
    rgba(255,249,252,.32) 100%);
}
:root[data-theme="light"] :is(.wall,.diary-wall,.collections-wall,.memory-wall,.activity-wall){
  background-color:var(--pink-wallpaper-paper);
  background-image:none !important;
  background-blend-mode:normal;
  overflow:hidden;
  opacity:1;
}
:root[data-theme="light"] :is(.wall,.diary-wall,.collections-wall,.memory-wall,.activity-wall)::before{
  content:"";
  position:absolute;
  inset:0;
  background:url("pink-room-photo.webp") center/cover no-repeat;
  transform:translate3d(0,50px,0) scale(1.15);
  transform-origin:center center;
  pointer-events:none;
}
:root[data-theme="light"] .wall::before{
  transform:translate3d(0,-58px,0) scale(1.18);
}
:root[data-theme="light"] .wall::after{
  background:var(--scrim);
}
:root[data-theme="light"] :is(.diary-wall,.collections-wall,.memory-wall,.activity-wall)::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,
    rgba(255,249,252,.96) 0%,rgba(255,249,252,.86) 23%,
    rgba(255,249,252,.54) 45%,rgba(255,249,252,.28) 76%,
    rgba(255,249,252,.30) 100%);
  pointer-events:none;
}
/* These sheets already have content layers; shade their wallpaper without moving the sheet. */
:root[data-theme="light"] :is(.login,.session-details-panel,.call-sheet){
  background-image:var(--scrim),var(--wall-light);
}
@media(max-width:360px){
  :root[data-theme="light"] :is(.diary-wall,.collections-wall,.memory-wall,.activity-wall)::before{
    transform:translate3d(0,25px,0) scale(1.1);
  }
}
@media(min-width:760px){
  :root[data-theme="light"] :is(.wall,.diary-wall,.collections-wall,.memory-wall,.activity-wall)::before{
    left:50%;
    right:auto;
    width:66.6667vh;
    max-width:100%;
    transform:translate3d(-50%,50px,0);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);
  }
}