@layer pages {
  .environment-canvas { display: block; width: 100%; height: 100%; }
  .garden-layer { overflow: hidden; }
  .welcome-shell { background: radial-gradient(ellipse at 5% 90%, #e1e8d7 0, transparent 48%), radial-gradient(ellipse at 100% 0, #e7ede7 0, transparent 52%), var(--paper); }
  .welcome-card { position: relative; z-index: 1; }
  .welcome-footer { position: relative; z-index: 1; margin-top: 2rem; }
  .welcome-footer .footer-note { background: rgb(246 242 232 / 94%); border-radius: 16px; padding: .3rem .65rem; }
  .stories-shell { position: relative; isolation: isolate; padding-bottom: 115px; }
  .stories-garden-layer { position: fixed; inset: 0; height: 100%; overflow: hidden; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 90% 0, #e7ede7, transparent 65%); }
  .stories-footer { position: relative; width: fit-content; margin-inline: auto; padding: .6rem 1rem; border-radius: 20px; background: var(--paper); }
  .stories-header, .library-hero, .section-heading, .player-panel { background: rgb(246 242 232 / 97%); }
  @media (min-width: 900px) { .stories-shell { padding-inline: 5rem; } }
  @media (max-width: 600px) {
    .welcome-card { margin-block: auto; }
    .welcome-footer { margin-top: 1rem; }
  }
}