#cover{position:fixed;inset:0;z-index:10;display:block;overflow:auto;box-sizing:border-box;padding:28px max(16px,3vw) 24px;background:radial-gradient(ellipse at 50% 30%,#226d5b,#103f39 48%,#082a2b);color:#fff2cf;scrollbar-color:#ad9253 #123d35}#cover.hidden{display:none!important}#cover:before,#cover:after{display:none}.welcomeBrand{text-align:center;margin:0 auto 20px}.welcomeBrand>b{font:800 clamp(23px,3vw,38px) Georgia;color:#ffe2a0;letter-spacing:.1em}.welcomeBrand h1{font:700 clamp(32px,5vw,68px)/1.1 Georgia;margin:12px 0;color:#ffe6a6;text-shadow:0 3px 8px #0004}.welcomeBrand p{font-size:clamp(17px,2vw,23px);margin:8px}.welcomeBrand small{font-size:14px;color:#e5edcf}.welcomeWorld{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(180px,.8fr) minmax(340px,1.8fr) minmax(180px,.8fr);gap:20px;align-items:center}.welcomeCreation{text-align:center;min-width:0}.welcomeBook{border-radius:26px;overflow:hidden;box-shadow:0 14px 45px #061d2666;animation:welcomeReveal 1.2s ease-out both}.welcomeBook img{display:block;width:100%;height:auto}.readyBadge{color:#ffe5a1;font-size:13px;font-weight:800;letter-spacing:.13em;margin:20px 0 12px}.welcomeCreation .coverChoices{width:100%;max-width:650px;display:flex;flex-direction:column;gap:12px;margin:auto}.welcomeCreation .coverChoices #enter{width:100%;min-height:76px;padding:16px 20px;font-size:clamp(26px,3vw,40px);border-radius:34px;background:linear-gradient(#fff1a9,#ffd15c);color:#513713;box-shadow:0 6px 0 #a77525,0 5px 26px #f3d66b44}.welcomeCreation #enter small{display:block;font:14px Arial;margin-top:6px}.welcomeShortcuts,.welcomeParentTools{display:flex;gap:10px}.welcomeShortcuts button,.welcomeParentTools button{flex:1;min-width:0;min-height:48px;padding:12px;border:1px solid #d9c28699;border-radius:24px;background:#174e43;color:#fff2cf;font-size:16px}.welcomeParentTools #coverFullscreen,.welcomeParentTools #coverKidsMode{font-size:14px;padding:10px;min-height:44px;background:#123f37;color:#f4e7c9;border:1px solid #afc19a66}.welcomeCreation>p:last-child{font-size:16px;line-height:1.5;margin-top:22px;color:#e3ebd1}.futureColumn{display:flex;flex-direction:column;gap:16px}.futureStory{border:2px solid #d4b571;border-radius:18px;overflow:hidden;background:#123d36;box-shadow:0 5px 20px #001c2433}.futureArt{aspect-ratio:2.32;background-image:url('story-previews.png');background-size:434% 640%;background-position-x:calc(var(--x)*100%);background-position-y:calc(13.5% + var(--y)*20.45%)}.futureStory>strong{display:block;font-size:15px;padding:9px 10px 5px}.futureStory>span{display:inline-block;margin:0 10px 10px;font-size:10px;text-transform:uppercase;font-weight:bold;background:#ffe4a2;border-radius:12px;padding:5px 8px;color:#493718}.welcomeRoadmap{max-width:1200px;margin:38px auto 20px;padding:22px;border:1px solid #a6bd8c55;border-radius:24px;text-align:center;background:#133e3577}.welcomeRoadmap h2{font:700 25px Georgia;margin:0 0 8px}.welcomeRoadmap p{font-size:15px;margin:8px 0 18px;color:#d4e6cc}.welcomeRoadmap>div{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.welcomeRoadmap>div>span{padding:12px 16px;border-radius:14px;background:#22594a;font-size:15px}.welcomeRoadmap small{display:block;margin-top:5px;font-size:10px;text-transform:uppercase;color:#ffe3a2}.welcomeFooter{text-align:center;font-size:15px;color:#e3eacb;line-height:1.8}.welcomeFooter small{font-size:13px}@keyframes welcomeReveal{from{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:none}}@media(max-width:950px){.welcomeWorld{grid-template-columns:1fr 1fr;gap:16px}.welcomeCreation{grid-column:1/-1;grid-row:1;max-width:650px;width:100%;margin:auto}.futureColumn{gap:12px}.welcomeBook{max-width:620px;margin:auto}}@media(max-width:480px){#cover{padding:22px 12px}.welcomeBrand h1{font-size:36px}.welcomeWorld{gap:10px}.futureColumn{gap:10px}.futureStory>strong{font-size:13px}.welcomeShortcuts button{font-size:14px;padding:12px 8px}.welcomeCreation .coverChoices #enter{font-size:29px}.welcomeBook{border-radius:18px}}@media(prefers-reduced-motion:reduce){.welcomeBook{animation:none}}
/* Keep the title on the same center line as the Bible and Play button. */
.welcomeCreation .welcomeBrand{width:100%;max-width:100%;box-sizing:border-box;margin:0 auto 22px;padding:0 8px;text-align:center;display:flex;flex-direction:column;align-items:center}.welcomeCreation .welcomeBrand h1{width:100%;max-width:100%;margin:12px auto;font-size:clamp(30px,3.5vw,50px);text-wrap:balance;line-height:1.12}.welcomeCreation .welcomeBrand p{margin:8px auto;max-width:100%;font-size:clamp(16px,1.7vw,21px)}.welcomeCreation .welcomeBrand>b{font-size:clamp(22px,2.6vw,34px)}.welcomeWorld{align-items:start}.futureColumn{padding-top:28px}@media(max-width:950px){.futureColumn{padding-top:8px}.welcomeCreation .welcomeBrand h1{font-size:clamp(30px,6vw,48px)}}

.welcomeCreation .creationSongsEntry {
  width: 100%;
  min-height: 68px;
  padding: 12px 16px;
  border: 2px solid #bde9c1;
  border-radius: 26px;
  background: #d7f3d8;
  color: #153e33;
  box-shadow: 0 4px 0 #5f9472;
}

.creationSongsEntryTitle {
  display: block;
  font-size: clamp(23px, 3vw, 31px);
  font-weight: 800;
  line-height: 1.15;
}

.creationSongsEntryTitle [aria-hidden] {
  margin-inline-end: 4px;
}

.creationSongsEntry small {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.25;
}

.creationSongsEntry:focus-visible {
  outline: 3px solid #ffe5a1;
  outline-offset: 3px;
}