@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-ext-600-normal-Dd9Zuxh1.woff2)format("woff2"),url(/assets/nunito-latin-ext-600-normal-BKUpuB78.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2)format("woff2"),url(/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff)format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fraunces-latin-500-normal-DnGCNyPD.woff2)format("woff2"),url(/assets/fraunces-latin-500-normal-BTR4KCeb.woff)format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fraunces-latin-ext-500-normal-Z5DV8IzT.woff2)format("woff2"),url(/assets/fraunces-latin-ext-500-normal-BMcFk1Xs.woff)format("woff")}:root{color:#29453f;font-synthesis:none;--ink:#29453f;--paper:#fffdf5;--cloth:#38665a;--coral:#c56b55;--gold:#e5b955;--room:#e7eef0;background:#e7eef0;font-family:Nunito,sans-serif;font-weight:600}*{box-sizing:border-box;letter-spacing:0}body{min-width:320px;margin:0}button,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #b0523d}button{-webkit-user-select:none;user-select:none}button svg{flex-shrink:0}.reading-room{background-image:url(/textures/room-grain.svg),linear-gradient(165deg,#eef3f2 0%,#e4edf0 56%,#d8e6e6 100%);flex-direction:column;align-items:center;min-height:100svh;padding:16px 24px 20px;display:flex}.reader-header{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1440px;display:flex}.reader-brand{align-items:center;gap:15px;display:flex}.brand-wordmark{white-space:nowrap;font-size:24px;font-weight:800}.brand-wordmark>span{color:var(--coral)}.brand-divider{background:#afc4c1;width:1px;height:18px}.brand-section{color:#617b77;font-size:14px}.language-picker{background:#ffffff70;border:1px solid #b8ccc7;border-radius:24px;align-items:center;gap:9px;min-height:44px;padding:0 15px;display:flex;position:relative}.language-picker select{appearance:none;cursor:pointer;text-transform:capitalize;background:0 0;border:0;max-width:130px;padding:12px 20px 12px 0;font-size:14px}.language-picker>svg:last-child{pointer-events:none;position:absolute;right:13px}.book-heading{text-align:center;width:min(1400px,100%);padding:8px 58px 12px;position:relative}.book-heading h1{margin:0;font-family:Fraunces,serif;font-size:30px;font-weight:500;line-height:1.2}.heading-flourish{background:var(--coral);border-radius:100%;width:26px;height:3px;margin:11px auto 0;display:block;transform:rotate(-4deg)}.icon-button{background:#ffffff50;border:1px solid #b8ccc7;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.back-button{position:absolute;top:9px;left:0}.book-stage{width:min(1400px,100%);padding:0 8px 14px;container-type:inline-size}.book{isolation:isolate;background:var(--cloth);border-radius:7px 11px 14px 9px;padding:6px 7px 10px;position:relative;box-shadow:0 2px #234d42,0 5px #8ba49b,0 24px 25px -16px #294d4866,0 44px 64px -32px #264e4e66}.book:before{content:"";z-index:-1;background:repeating-linear-gradient(#dfddcc 0 1px,#fdf9e9 1px 3px);border-radius:7px 7px 11px 8px;position:absolute;inset:13px 9px 2px;transform:translateY(5px);box-shadow:0 2px 1px #163b3c44}.book-spread{aspect-ratio:1.76;grid-template-columns:1fr 1fr;animation:.32s ease-out spread-arrive;display:grid;position:relative}.book-spread:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#8271500b 27%,#75644720 43%,#6051363d 49%,#ffffff90 52%,#c2b39517 72%,#0000);width:48px;position:absolute;inset:0 0 0 calc(50% - 24px)}.story-page{background:var(--paper);border-radius:3px 0 0 5px;position:relative;overflow:hidden;box-shadow:inset 4px 0 12px #fffa,inset -8px 0 15px #9d917712}.story-page+.story-page{border-radius:0 5px 7px 0;box-shadow:inset -4px 0 12px #fffa,inset 8px 0 15px #9d917712}.story-page:after{content:"";opacity:.25;pointer-events:none;mix-blend-mode:multiply;background:url(/textures/paper-grain.svg);position:absolute;inset:0}.page-ink{opacity:.52;filter:saturate(.32);transition:opacity .32s,filter .32s;position:absolute;inset:0}.story-page--active .page-ink{opacity:1;filter:saturate()}.story-page{cursor:pointer}.story-element{position:absolute}.story-element img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.story-element--image{overflow:hidden}.story-element--character{transform-origin:50% 85%;transition:transform .45s}.story-element--speaking{transform:translateY(-2px)rotate(-.4deg)scale(1.01)}.story-element--text{flex-direction:column;justify-content:center;gap:9px;display:flex}.story-utterance{width:100%;text-align:inherit;background:0 0;border:0;border-radius:.55em;margin:0;padding:4px 7px;font-size:23px;font-weight:600;line-height:1.48;transition:background .22s,transform .22s;display:block}.story-utterance:disabled{color:inherit;opacity:1}.story-utterance--active{background:#f2d88988;transform:scale(1.01)}.story-utterance:not(:disabled):hover{background:#efd99444}.story-utterance--active:not(:disabled):hover{background:#f2d889aa}.page-number{text-align:center;color:#877d62;font-family:Fraunces,serif;font-size:13px;position:absolute;bottom:3%;left:0;right:0}.book-ribbon{z-index:-2;clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);background:#c8735e;width:25px;height:65px;position:absolute;top:calc(100% - 35px);right:12%;transform:rotate(-3deg)}.page-turn{color:#617a68;background:0 0;border:0;border-radius:3px;place-items:center;width:50px;height:44px;display:grid;position:absolute;bottom:17px}.page-turn--previous{left:15px}.page-turn--next{right:15px}.page-turn:before{content:"";clip-path:polygon(100% 0,100% 100%,0 100%);opacity:.6;background:linear-gradient(135deg,#0000 25%,#eee9d8);position:absolute;inset:4px}.page-turn--previous:before{transform:scaleX(-1)}.page-turn svg{position:relative}.page-turn:hover{color:#ac5944}.page-turn:disabled{opacity:.2}.story-controls{flex-direction:column;align-items:center;gap:12px;padding-top:17px;display:flex}.story-progress{display:flex}.progress-stop{background:0 0;border:0;place-items:center;width:29px;height:32px;padding:0;display:grid}.progress-stop>span{background:#adbeb8;border-radius:50%;width:6px;height:6px;transition:background .2s,transform .2s}.progress-stop--read>span{background:#698f7b}.progress-stop--current>span{background:#bc684f;transform:scale(1.5);box-shadow:0 0 0 4px #bc684f14}.auto-button{color:#697972;background:#dce2df;border:1px solid #afbab5;border-radius:28px;align-items:center;gap:11px;min-height:48px;padding:10px 17px;font-size:14px;font-weight:800;display:flex;box-shadow:0 3px #afbab555}.auto-button--on{background:var(--cloth);border-color:var(--cloth);color:#fffdf3;box-shadow:0 3px #204b40}.auto-button--on>svg{color:#efce7c}.auto-switch{background:#aab6b0;border-radius:12px;justify-content:start;align-items:center;width:28px;height:18px;padding:2px;display:grid;position:relative}.auto-switch:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px}.auto-button--on .auto-switch{background:#75988b;justify-content:end}.auto-switch svg{color:#38665a;position:absolute;top:3px;right:3px}.story-element--missing{background:#dbe6d32e;border-radius:50%}.missing-character{place-items:center;height:100%;font-size:14px;display:grid}.cover-stage{place-items:center;min-height:550px;padding:10px 0 35px;display:grid}.book-cover{color:#fff2c7;background:#365f53 url(/textures/paper-grain.svg);border:0;border-radius:4px 12px 12px 4px;flex-direction:column;align-items:center;width:380px;max-width:calc(100vw - 64px);min-height:520px;padding:30px 30px 24px 42px;transition:transform .24s;display:flex;position:relative;transform:rotate(-2deg);box-shadow:inset 9px 0 5px #123c3a44,inset 12px 0 1px #d8e6c622,5px 5px #e6dfc8,9px 7px #365f53,14px 24px 40px #27474033}.book-cover:hover{transform:rotate(0)translateY(-3px)}.cover-series{font-size:14px}.cover-title{margin-top:23px;font-family:Fraunces,serif;font-size:40px;line-height:1.1}.book-cover img{object-fit:contain;width:100%;height:270px}.cover-open-label{align-items:center;gap:12px;font-size:16px;display:flex}.reader-status{text-align:center;place-content:center;min-height:65vh;display:grid}.retry-button{background:var(--cloth);color:#fff;border:0;border-radius:6px;padding:12px 20px}.loading-book{border:3px solid var(--cloth);background:linear-gradient(90deg, var(--paper) 49%, var(--cloth) 49%, var(--cloth) 53%, var(--paper) 53%);border-radius:4px;width:70px;height:50px}@keyframes spread-arrive{0%{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (width>=1500px) and (height>=1000px){.story-utterance{font-size:27px}}@media (width<=1100px){.reading-room{padding:20px 25px 25px}.story-utterance{font-size:19px;line-height:1.42}.story-element--text{gap:5px}.book-spread{aspect-ratio:1.6}}@media (width<=800px){.reading-room{padding:15px 16px 24px}.book-heading h1{font-size:25px}.book-heading{padding-top:18px;padding-bottom:19px}.story-utterance{padding:3px 4px;font-size:16px;line-height:1.38}.book-spread{aspect-ratio:1.52}.brand-wordmark{font-size:21px}.story-controls{gap:6px;padding-top:9px}}@media (width<=540px){.reading-room{padding:14px 10px 24px}.reader-header{padding:0 7px}.brand-divider,.brand-section{display:none}.language-picker{gap:7px;padding-left:10px}.language-picker select{max-width:105px;font-size:13px}.book-heading{padding:24px 44px 23px}.book-heading h1{font-size:24px}.back-button{left:5px}.book-stage{margin-top:18px;padding:0 3px 12px}.book{padding:4px 4px 8px}.book-spread{aspect-ratio:1.03}.story-utterance{padding:2px;font-size:12px;line-height:1.42}.story-element--text{gap:4px}.page-number{font-size:10px;bottom:4%}.page-turn{width:44px;bottom:9px}.page-turn--previous{left:6px}.page-turn--next{right:6px}.page-turn svg{width:17px}.story-controls{gap:16px;padding-top:20px}.progress-stop{width:29px;height:44px}.cover-stage{min-height:500px}.book-cover{min-height:460px}.cover-title{font-size:34px}.book-cover img{height:230px}}@media (height<=550px) and (width>=541px){.reading-room{padding-top:10px}.reader-header{max-width:1120px}.book-heading{padding-top:9px;padding-bottom:10px}.book-heading h1{font-size:23px}.heading-flourish{display:none}.back-button{top:0}.story-controls{flex-direction:row;gap:25px;padding-top:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.story-element--speaking,.story-utterance--active{transform:none}.book-cover:hover{transform:rotate(-2deg)}}@media (width>=801px) and (height>=551px){.book-stage{width:min(1400px,176svh - 360.8px,100%)}.story-controls{flex-direction:row;gap:24px;padding-top:8px}}@media (width>=801px) and (width<=1100px) and (height>=551px){.book-stage{width:min(1400px,160svh - 344px,100%)}}@container (width<=1000px){.story-utterance{font-size:19px;line-height:1.4}}@container (width<=820px){.story-utterance{font-size:17px;line-height:1.38}.story-element--text{gap:5px}}@container (width<=670px){.story-utterance{font-size:15px;line-height:1.38}}@container (width<=500px){.story-utterance{font-size:12px;line-height:1.42}}@media (width<=540px){.book-spread{aspect-ratio:.8}}