/* One illustrated language from the bedroom shelf to the book spread. */
.sb-reader-view{background:#d7b38a url('/storybooks/illustrated-reader-room.png') center center/cover fixed no-repeat}.sb-reader-view .sb-reader{height:100svh;min-height:700px;isolation:isolate}.sb-reader-view .sb-reader:before{display:none}.sb-reader-view .sb-header{background:linear-gradient(#58442d44,transparent);padding-top:9px}.sb-reader-view .sb-reader-bar{top:20px}.sb-reader-view .sb-reader-bar>a,.sb-reader-view #collection-toggle{background:#fff6e9eb;color:#72543d;border:1px solid #cfb790;box-shadow:0 3px 12px #654b2726;text-shadow:none;font-size:12px;min-height:37px;padding:7px 14px}.sb-reader-view .sb-page-dots{top:23px;padding:4px 13px;gap:5px;background:#fff6e9d9;border:1px solid #cfb79077;box-shadow:0 3px 12px #654b271c}.sb-reader-view .sb-page-dots button{color:#bea475;font-size:14px}.sb-reader-view .sb-page-dots .read,.sb-reader-view .sb-page-dots [aria-current]{color:#b18645;text-shadow:0 0 4px #ffdf83}.sb-reader-view .sb-page-dots [aria-current]{background:#e8d4b455}
.sb-reader-view .sb-world{inset:0;z-index:0;pointer-events:none}.sb-page-illustration{position:absolute;top:24%;right:16%;width:29%;height:48%;border:7px solid #fff9e9;border-radius:4px;box-shadow:0 10px 18px #58463640,0 1px 2px #704a332b;transform:rotate(1deg);overflow:hidden;background:#f0e3c6}.sb-page-illustration>img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;display:block}.sb-illustration-glow{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 40% 45%,#fff8cc99,transparent 70%);mix-blend-mode:screen}.sb-reader-view .sb-book{pointer-events:none}.sb-reader-view .sb-scene{pointer-events:none}.sb-reader-view .sb-character{inset:24% 16% 28% 55%;pointer-events:auto}.sb-reader-view .sb-character>img{width:100%;height:100%;object-fit:cover;border:6px solid #fff9e9}.sb-reader-view .sb-scene-label{top:20.5%;right:24%;font:700 10px Nunito,sans-serif;letter-spacing:.13em;background:#fff4e2eb;color:#876c49;border:1px solid #d2b88e;padding:6px 15px;box-shadow:none}.sb-reader-view .sb-scene-caption{right:17%;bottom:23%;max-width:350px;color:#92734b;text-shadow:none;background:none;font:600 11px Nunito,sans-serif;padding:0;text-align:center}
.sb-reader-view .sb-paper{left:14%;top:34%;width:31%;max-width:540px;max-height:45%;padding:15px 20px;background:transparent;border:0;border-radius:0;box-shadow:none;transform:rotate(-.5deg);overflow:auto}.sb-reader-view .sb-paper:before,.sb-reader-view .sb-paper:after{display:none}.sb-reader-view .sb-paper h1{font:500 clamp(24px,2.2vw,36px)/1.1 Fredoka,sans-serif;color:#694b48;margin:11px 0 5px}.sb-reader-view .sb-kicker{font:800 9px Nunito,sans-serif;color:#a78c63;letter-spacing:.18em}.sb-reader-view .sb-paper-top .sb-quiet{background:#fffbef99;border:1px solid #d9c7a677;min-height:30px;font-size:10px;padding:4px 8px}.sb-reader-view .sb-subtitle{font-size:11px;color:#9d856c}.sb-reader-view .sb-voice-label{font-size:10px;color:#9c8170}.sb-reader-view .sb-story-text{font:400 clamp(24px,1.8vw,32px)/1.5 Nunito,sans-serif;color:#473946;margin:20px 0 17px;letter-spacing:-.02em}.sb-reader-view .sb-story-text button{text-decoration-color:#bba78355}.sb-reader-view .sb-story-text button.current-word{background:#efd790;box-shadow:0 2px 0 #cba45c}.sb-reader-view .sb-word-hint{font-size:10px;padding-top:8px;color:#b09a77}.sb-reader-view .sb-together{padding-top:7px}.sb-reader-view .sb-together summary{font:700 11px Nunito,sans-serif;color:#9a7e5c}.sb-reader-view .sb-together p{font-size:14px}.sb-reader-view .sb-status{font-size:11px;color:#886a4d}
.sb-reader-view .sb-sparkle{right:16%;bottom:24%;width:48px;height:48px;border:1px solid #c8aa75;background:#fff6dd;box-shadow:0 0 17px #ffe3a17a,inset 0 0 0 3px #e4cf9b66;pointer-events:auto}.sb-reader-view .sb-ribbon{right:8%;top:49%;height:195px;width:51px;transform:rotate(5deg);background:linear-gradient(90deg,#7592b2,#b3c9de 18%,#94b2cc 80%,#6d8fae);color:#fff7e7}.sb-reader-view .sb-ribbon img{height:74px}.sb-reader-view .sb-ribbon-percent{background:#fff5df;color:#826b47}.sb-reader-view .sb-ribbon-position{color:#fff3df}
.sb-reader-view .sb-controls{bottom:3%;gap:19px}.sb-reader-view .sb-primary{background:linear-gradient(#fff8e9,#efdfbf);color:#6b5541;border:1px solid #c1a373;box-shadow:0 4px 12px #5b412d33,inset 0 0 0 3px #fffaf099;font:600 17px Fredoka,sans-serif;min-height:49px;padding:11px 27px}.sb-reader-view .sb-page-arrow{width:47px;height:47px;background:linear-gradient(#fff8ea,#e7d2af);color:#876b44;border:1px solid #c4aa7c;box-shadow:0 4px 10px #78573833;font-size:24px}.sb-reader-view .sb-mode button,.sb-reader-view .sb-mode a{background:#fff4e3e8;color:#927454;border-color:#ceb38b66;font:700 10px Nunito,sans-serif;min-height:31px;padding:7px 12px}.sb-reader-view .sb-mode [aria-pressed=true]{background:#c4d6e4;color:#4f6c85;border-color:#9bb6cc}.sb-reader-view .sb-audio-state{font:600 11px Nunito,sans-serif;color:#927653;text-shadow:none}.sb-reader-view .sb-grownups{font-size:10px;color:#765c44;text-shadow:0 1px 1px #fff4de}.sb-reader-view .sb-magic-toggle{background:#fff5e6e8;color:#927047;border-color:#c6ac8377}.sb-reader-view.sb-picture-mode .sb-scene{background:none;inset:0;border:0}.sb-reader-view.sb-picture-mode .sb-character{inset:24% 16% 28% 55%}.sb-reader-view .sb-reading-controls{gap:7px}
@media(min-width:701px) and (max-width:1100px){.sb-reader-view .sb-paper{left:10%;width:35%;top:31%;max-height:48%;padding:12px}.sb-reader-view .sb-story-text{font-size:24px}.sb-reader-view .sb-page-dots{top:73px}.sb-page-illustration{right:12%;width:34%;top:25%;height:46%}.sb-reader-view .sb-character{inset:25% 12% 29% 54%}.sb-reader-view .sb-scene-label{top:20%;right:20%}.sb-reader-view .sb-scene-caption{right:16%;bottom:23%}.sb-reader-view .sb-ribbon{right:4%;width:44px}.sb-reader-view .sb-sparkle{right:12%}}
@media(max-width:700px){.sb-reader-view{background-position:center top;background-size:auto 900px;background-color:#d9bf98}.sb-reader-view .sb-reader{height:auto;min-height:100svh;padding:0 17px 160px;overflow:visible;display:flex}.sb-reader-view .sb-header{padding:5px 12px}.sb-reader-view .sb-reader-bar{top:14px}.sb-reader-view .sb-reader-bar>a,.sb-reader-view #collection-toggle{font-size:10px;min-height:33px;padding:6px 9px}.sb-reader-view .sb-page-dots{top:64px;gap:2px;padding:3px 9px}.sb-reader-view .sb-world{inset:0;position:absolute;height:420px;min-height:0;max-height:none}.sb-page-illustration{top:122px;left:50%;right:auto;transform:translateX(-50%) rotate(1deg);width:64%;height:269px;border-width:5px;box-shadow:0 8px 14px #70593d44}.sb-reader-view .sb-scene{height:420px;min-height:0;max-height:none;flex:none}.sb-reader-view .sb-character{inset:122px 18% 28px}.sb-reader-view .sb-scene-label{top:99px;right:31%;font-size:9px;padding:5px 10px}.sb-reader-view .sb-scene-caption{bottom:3px;right:auto;left:50%;font-size:10px;max-width:90%;width:max-content}.sb-reader-view .sb-ribbon{top:217px;right:5%;width:37px;height:145px;padding:6px 4px 20px}.sb-reader-view .sb-ribbon img{height:42px}.sb-reader-view .sb-ribbon-percent{font-size:11px}.sb-reader-view .sb-ribbon-pages{font-size:8px}.sb-reader-view .sb-ribbon-position{font-size:8px}.sb-reader-view .sb-sparkle{right:15%;bottom:28px;width:40px;height:40px}.sb-reader-view .sb-paper{position:relative;left:auto;top:auto;width:100%;max-height:none;margin:10px auto 0;padding:24px 24px 19px;background:linear-gradient(120deg,#fff9ec,#f8ecd3);border:1px solid #dcc6a0;border-radius:8px;box-shadow:0 8px 18px #68523d2b;transform:none;overflow:visible}.sb-reader-view .sb-paper h1{font-size:28px}.sb-reader-view .sb-story-text{font-size:25px;line-height:1.55}.sb-reader-view .sb-story-text.large{font-size:32px}.sb-reader-view .sb-together summary{font-size:12px}.sb-reader-view .sb-controls{position:fixed;bottom:0;left:0;right:0;transform:none;padding:21px 9px 12px;background:linear-gradient(transparent,#f0dec0 28%);gap:12px}.sb-reader-view .sb-primary{min-height:45px;font-size:16px;padding:10px 22px}.sb-reader-view .sb-page-arrow{width:43px;height:43px}.sb-reader-view .sb-mode button,.sb-reader-view .sb-mode a{min-height:32px;font-size:10px}.sb-reader-view .sb-grownups{position:relative;left:auto;bottom:auto;margin-top:17px;background:#fff2d9bd;color:#7b6041;padding:10px;border-radius:7px}.sb-reader-view .sb-audio-state{display:none}}
@media(prefers-reduced-motion:reduce){.sb-page-illustration{animation:none!important;transition:none!important}}
.sb-reader-view .sb-reader{animation:illustrated-reader-arrival .6s ease both}@keyframes illustrated-reader-arrival{from{opacity:.15}to{opacity:1}}@media(prefers-reduced-motion:reduce){.sb-reader-view .sb-reader{animation:none}}