/* Original app artwork plus a sparse near plane. Decorative, scroll-driven only. */
:root{--night:#21172f;--night-deep:#171123;--glass-dark:linear-gradient(135deg,#382944ed,#21192fed)}
body[data-theme=dark]{background:radial-gradient(ellipse at 80% 0,#332144 0,transparent 65%),#191225}
.star-field,body:has(.film-hero) #story-collection.star-field,body:has(.film-hero) .app-invite.star-field{position:relative;isolation:isolate;overflow:hidden;background:#1e152d;color:#f5efe3}
.star-field::before,.star-field::after{content:'';position:absolute;inset:-48px 0;z-index:-1;pointer-events:none;user-select:none;transition:transform .12s linear}
.star-field::before{background:linear-gradient(#1d132e66,#1d132e99),url('/assets/app-starfield.webp') center / cover no-repeat;opacity:.62;transform:translate3d(0,var(--star-far-y,0px),0)}
.star-field::after{background-image:radial-gradient(circle at 24px 44px,#f1d2aa99 0 .8px,transparent 1.6px),radial-gradient(circle at 126px 172px,#f5e5cc66 0 .65px,transparent 1.4px),radial-gradient(circle at 271px 88px,#e5bb8655 0 1px,transparent 2px);background-size:397px 353px,557px 431px,683px 521px;opacity:.5;transform:translate3d(0,var(--star-near-y,0px),0)}
/* Ground the reading surfaces; the stars stay behind, rather than on, the copy. */
.story-card,body:has(.film-hero) .collection .story-card:first-child{background:linear-gradient(140deg,#392c46,#281f36);border-color:#e6d4f12b}
.story-card:hover,body:has(.film-hero) .collection .story-card:first-child:hover{border-color:#e6d4f14d}
.story-card .story-art{background:#251b35}
.continue-card{background:linear-gradient(140deg,#46354ed9,#261c33ed);border-color:#e6d4f12b}
.story-context{background:linear-gradient(120deg,#2d213d,#21182f)}
.player,.story-world .listening-capsule,.story-badge{background:var(--glass-dark)}
.story-world .back-link{background:#261c35e6}
.brand-emblem,.maker-mark{background:#21172f}
.site-footer{background:#191225;border-top-color:#d8c5e12b}
body:has(.film-hero) .app-invite.star-field,.app-invite.star-field{color:#f5efe3}
.app-invite.star-field .eyebrow{color:#edcda5}.app-invite.star-field .muted{color:#d1c8d8}.app-invite.star-field p{color:#e1d9e6}
.app-showcase{background:radial-gradient(ellipse at 50% 40%,#ae89ba33,transparent 70%),linear-gradient(145deg,#54406166,#271c3480);border-color:#e6d4f12b}
.access-options>div{background:#44345126;border-color:#e6d4f12b}
.film-hero.hero,.film-stage{background-color:#191225}
.star-motion-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border-radius:28px;font-size:13px;color:#ede3f0;border:1px solid #ffffff36;background:#ffffff09}
.star-motion-toggle[hidden]{display:none}
@media(max-width:700px){.star-field::after{opacity:.3;background-size:337px 353px,457px 431px,583px 521px}.star-field::before{opacity:.5}}
@media(prefers-reduced-motion:reduce){.star-field::before,.star-field::after{transform:none!important;transition:none}.star-motion-toggle{display:none!important}}
@media(prefers-reduced-transparency:reduce){.player,.story-world .listening-capsule,.story-badge{background:#2c203b}.star-field::before{opacity:.35}.star-field::after{opacity:.25}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.player,.story-world .listening-capsule,.story-badge{background:#2c203b}}