.story-app{background:#fffaf0;color:#263b43}.story-app main{max-width:1240px;padding:38px 28px 56px}.app-header{max-width:1340px;margin:auto}.app-header nav{align-items:center}.compact{padding:10px 16px;font-size:13px}.app-shelf{text-align:center;padding-top:36px}.app-shelf h1{font-size:clamp(36px,5vw,62px);margin:14px 0}.shelf-intro{max-width:660px;margin:0 auto 38px;font-size:19px;line-height:1.7;color:#65736e}.app-books{display:grid;grid-template-columns:1fr 1fr;gap:28px;text-align:left}.app-book{display:grid;grid-template-columns:42% 1fr;gap:24px;align-items:center;padding:28px;border:1px solid #e5ddcb;border-radius:24px;background:#fffdf7;box-shadow:0 12px 32px #564b2410}.book-cover-button{padding:0;background:none;border:0;cursor:pointer;border-radius:8px;transition:transform .2s}.book-cover-button:hover{transform:rotate(-2deg) translateY(-3px)}.book-cover-button img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:6px;box-shadow:5px 7px 16px #273b4326}.app-book h2{font-size:27px;line-height:1.15;margin:14px 0}.app-book p{font-size:15px;line-height:1.7;color:#65736e}.book-badge{font:11px Arial,sans-serif;font-weight:700;letter-spacing:1.3px;color:#9a7530}.app-book .btn{margin-top:12px;gap:25px;display:inline-flex}.shelf-note{margin-top:30px;font-size:14px}.room-heading{text-align:center}.back-link{display:block;border:0;background:none;color:#426863;cursor:pointer;font:15px Georgia,serif;padding:5px 0 18px}.room-heading h1{font-size:clamp(29px,4vw,43px);margin:8px 0 20px}.room-heading .eyebrow{margin:0}#app-status{text-align:center;font-size:14px}.story-modes{display:flex;justify-content:center;gap:5px;background:#eae8da;padding:5px;border-radius:999px;width:max-content;max-width:100%;margin:22px auto 12px}.story-modes button{border:0;border-radius:999px;background:none;color:#42615f;font:600 15px Arial,sans-serif;padding:12px 26px;cursor:pointer;white-space:nowrap}.story-modes button[aria-pressed=true]{background:#163b4b;color:#fffdf3;box-shadow:0 3px 8px #163b4b20}.story-modes span{margin-right:6px}.mode-description{text-align:center;color:#65736e;font-size:14px;margin:14px 0 18px}.reading-tools{display:flex;justify-content:space-between;align-items:center;min-height:40px;font:14px Arial,sans-serif;color:#59716b;margin:0 0 12px}.text-size-controls{display:flex;gap:4px}.text-size-controls button{cursor:pointer;background:transparent;border:1px solid #dfd8c8;color:#263b43;border-radius:8px;min-width:40px;min-height:38px;font:17px Georgia,serif}.reading-tools label{display:flex;align-items:center;gap:7px}.reading-tools input{accent-color:#163b4b}.app-spread{display:grid;grid-template-columns:1fr 1fr;align-items:center;border:1px solid #e5ddcb;border-radius:18px;padding:34px 28px;background:#fffdf6;min-height:560px;box-shadow:0 12px 35px #564b240b;gap:28px}.app-story-text{font:var(--app-story-size,22px)/1.55 Georgia,'Times New Roman',serif;text-align:center;padding:8px 22px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #e8e1d3;white-space:pre-line}.app-story-text p{margin:0 0 .65em;line-height:inherit;font-size:inherit;color:inherit}.app-story-text p:last-child{margin-bottom:0}.story-word{border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 0}.story-word.is-speaking{background:#f3d378;color:#193c45;box-shadow:0 0 0 3px #f3d378}/* Shared Book One page treatment for every current and future story. */
.app-story-art{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}
.app-story-art>img{display:block;width:auto;height:auto;max-width:100%;max-height:650px;object-fit:contain;border-radius:0;
 -webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);
 mask-composite:intersect;
}.watch-stage{background:#163b4b;border-radius:18px;overflow:hidden}.watch-stage video{width:100%;display:block;max-height:76vh}.readalong-player{display:flex;align-items:center;gap:16px;background:#f1eee1;border:1px solid #e5ddcb;border-radius:16px;padding:16px 20px;margin-top:16px}.readalong-player .btn{white-space:nowrap;min-width:158px}.seek-control{flex:1;display:flex}.seek-control input{width:100%;accent-color:#163b4b}.readalong-player #narration-clock{font:13px Arial,sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:#426863;font:14px Georgia,serif}.app-page-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px}.app-page-controls select{padding:10px 12px;border:1px solid #dfd8c8;border-radius:8px;color:#42615f;background:#fffdf6;font:14px Georgia,serif}.story-end{text-align:center;margin-top:24px;color:#628a84}.app-extras{margin:34px auto 0;padding:16px 0;border-top:1px solid #e5ddcb;font-size:14px;color:#65736e;max-width:760px;text-align:center}.app-extras summary{cursor:pointer}.app-extras .buttons{justify-content:center}.app-extras .btn{font-size:13px;padding:10px 16px}.app-footer{text-align:center;font-size:13px;line-height:1.9}.locked-book{display:flex;gap:38px;align-items:center;max-width:760px;margin:38px auto;border:1px solid #e5ddcb;border-radius:20px;background:#fffdf7;padding:32px}.locked-book>img{width:180px;border-radius:6px}.locked-book h2{font-size:31px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b77a25;outline-offset:4px}button:disabled{opacity:.45;cursor:default}
@media(max-width:980px){.app-books{gap:18px}.app-book{padding:21px;gap:18px}.app-book h2{font-size:24px}.app-spread{min-height:500px;padding:25px 18px;gap:18px}.app-story-text{padding:8px 15px}.app-header .brand{font-size:17px}}
@media(max-width:720px){.story-app main{padding:22px 16px 38px}.app-header{padding:18px 16px;gap:15px;flex-wrap:wrap}.app-header .brand{font-size:17px}.app-header nav{justify-content:space-between;width:100%;gap:12px}.app-header nav a{font-size:14px}.app-shelf{padding-top:20px}.app-shelf h1{font-size:36px}.shelf-intro{font-size:17px}.app-books{grid-template-columns:1fr}.app-book{grid-template-columns:36% 1fr;padding:24px;gap:25px}.app-book h2{font-size:27px}.app-spread{grid-template-columns:1fr;padding:24px 18px;gap:24px;min-height:0}.app-story-text{border-right:0;border-bottom:1px solid #e8e1d3;padding:8px 6px 25px;font-size:var(--app-story-size,22px);min-height:330px}.app-story-art>img{max-height:460px}.story-modes button{padding:12px 18px;font-size:14px}.readalong-player{flex-wrap:wrap;padding:15px;gap:12px}.readalong-player .btn{min-width:145px;order:0}.readalong-player #narration-clock{margin-left:auto;order:1}.readalong-player .seek-control{flex-basis:100%;order:3}.readalong-player .text-button{order:2}.app-page-controls .btn{padding:12px 15px;font-size:13px}.locked-book{flex-direction:column;text-align:center;padding:25px}.locked-book .buttons{justify-content:center}.room-heading h1{font-size:31px}.app-extras{margin-top:26px}}
@media(prefers-reduced-motion:reduce){.book-cover-button{transition:none}}

.story-app #story-room{padding:0;border:0}.story-app .app-shelf{border:0;padding:28px 0 0}.readalong-player{position:sticky;top:8px;z-index:5;margin:0 0 16px;box-shadow:0 5px 18px #263b4310}