/* Desktop paper theatre. Scoped rules protect the surrounding library and app. */
#popup-book-reader.pp-reader-v2{--px-paper:#fffaf0;--px-ink:#384333;--px-muted:#6d7665;--px-line:#e2dccb;--px-blue:#326da9;box-sizing:border-box;width:calc(100vw - 64px);max-width:1320px;min-width:900px;max-height:94dvh;padding:0;border:1px solid #cfc7b6;border-radius:5px;background:var(--px-paper);color:var(--px-ink);overflow:auto;overscroll-behavior:contain;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
#popup-book-reader.pp-reader-v2::backdrop{background:#1b302d99;backdrop-filter:blur(5px)}
#popup-book-reader.pp-reader-v2 *{box-sizing:border-box}
#popup-book-reader.pp-reader-v2 button{font:600 15px/1.4 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;cursor:pointer;border-radius:3px;box-shadow:none;letter-spacing:0;transition:background .2s,box-shadow .2s,transform .2s}
#popup-book-reader.pp-reader-v2 button:focus-visible,#popup-book-reader.pp-reader-v2 summary:focus-visible,#popup-book-reader.pp-reader-v2 input:focus-visible{outline:3px solid #3275b9;outline-offset:4px}
#popup-book-reader.pp-reader-v2 button:disabled{opacity:.45;cursor:default}
#popup-book-reader.pp-reader-v2 button:hover:not(:disabled){filter:brightness(.97)}
#popup-book-reader .pp-reader-top{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:22px;height:auto;min-height:72px;padding:12px 26px;border:0;border-bottom:1px solid var(--px-line);background:#fffaf0f5;backdrop-filter:blur(8px);box-shadow:none}
#popup-book-reader .pp-reader-top>div{display:flex;flex-direction:column;gap:4px;flex:0 0 144px}
#popup-book-reader .pp-reader-series{font-size:11px;letter-spacing:.08em;color:#817961}
#popup-book-reader .pp-reader-top strong{font-size:19px}
#popup-book-reader .pp-page-tabs{display:flex;gap:8px;flex:1;min-width:0;margin:0;padding:0}
#popup-book-reader .pp-page-tabs button{display:flex;align-items:center;justify-content:flex-start;gap:7px;flex:1;min-width:0;width:auto;min-height:42px;height:auto;padding:7px 9px;border:1px solid transparent;background:transparent;color:#707963;font-size:12px;text-align:left}
#popup-book-reader .pp-page-tabs button>span{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border:1px solid #d7d9c6;color:#637652;border-radius:50%;font-size:12px}
#popup-book-reader .pp-page-tabs button[aria-current]{background:#e9f0f7;border-color:#c5d7e8;color:#2c6092}
#popup-book-reader .pp-page-tabs .pp-page-explored>span{background:#e4eddf;border-color:#9cb88a}
#popup-book-reader .pp-reader-top .pp-reader-close{width:40px;min-width:40px;height:40px;padding:0;border:0;background:transparent;color:#6c7566;font-size:29px;font-weight:400}
#popup-book-reader .pp-reader-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:22px 28px 18px}
#popup-book-reader .pp-reader-kicker{font-size:13px;color:#7b816f;letter-spacing:.05em}
#popup-book-reader #popup-reader-title{font-size:29px!important;line-height:1.4!important;color:#384333!important;margin:7px 0 0!important;font-weight:700;outline:0}
#popup-book-reader .pp-reader-pagination{font-size:14px;color:#83856e;padding-bottom:4px}
#popup-book-reader .pp-reader-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,1fr);align-items:start;gap:28px;padding:0 28px 20px;margin:0}
#popup-book-reader .px-play-column{min-width:0;position:sticky;top:92px}
#popup-book-reader .px-canvas{position:relative;aspect-ratio:3/2;overflow:hidden;isolation:isolate;perspective:1400px;background:#eadfc8;border:1px solid #d6cdb8;border-radius:4px;box-shadow:0 4px 0 #ded0b6,0 7px 0 #f4ead6}
#popup-book-reader .px-art{display:block;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}
#popup-book-reader .px-effects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
#popup-book-reader .px-canvas-caption{display:flex;align-items:center;gap:8px;margin-top:15px;color:#626b53;font-size:14px;line-height:1.6}
#popup-book-reader .px-paper-icon{color:#8aab72;font-size:20px}
#popup-book-reader .px-canvas-caption .px-reset{margin-left:auto;flex-shrink:0;min-height:36px;padding:6px 10px;border:1px solid var(--px-line);background:transparent;color:#5f7052;font-size:13px}
#popup-book-reader .pp-reader-copy{min-width:0;color:var(--px-ink)}
#popup-book-reader .pp-copy-label{display:flex;align-items:center;justify-content:space-between;gap:10px}
#popup-book-reader .pp-copy-label h3,#popup-book-reader .px-play-guide h3,#popup-book-reader .pp-think h3{font-size:16px!important;line-height:1.6!important;font-weight:700!important;color:#61734f!important;margin:0!important;letter-spacing:.02em}
#popup-book-reader [data-pp-listen]{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 12px;border:1px solid #bfd0dc;background:#f1f6fa;color:#32668e;font-size:13px}
#popup-book-reader [data-pp-listen][aria-pressed=true]{background:#dcecf7}
#popup-book-reader .pp-reader-story{font-size:20px!important;font-weight:500;line-height:1.9!important;margin:10px 0 18px!important;color:#384333}
#popup-book-reader .px-play-guide{border-top:1px solid var(--px-line);padding-top:16px}
#popup-book-reader .px-play-guide>p{font-size:16px!important;line-height:1.75!important;margin:5px 0 13px!important;color:#68705e}
#popup-book-reader .px-controls{display:flex;flex-direction:column;gap:10px}
#popup-book-reader .px-controls button{min-height:43px;padding:10px 15px;border:1px solid #bbcead;background:#f0f4e8;color:#4b6540;text-align:left;width:auto}
#popup-book-reader .px-controls button[aria-pressed=true]{background:#ddebd2;border-color:#71975c}
#popup-book-reader .px-controls .px-primary{background:#326da9;color:white;border-color:#326da9}
#popup-book-reader .px-button-row{display:flex;gap:9px;flex-wrap:wrap}
#popup-book-reader .px-button-row>button{flex:1}
#popup-book-reader .px-step-list{display:flex;gap:6px}
#popup-book-reader .px-step-list button{flex:1;padding:8px;font-size:14px;text-align:center}
#popup-book-reader .px-slider-label{display:flex;justify-content:space-between;gap:12px;color:#57714b;font-size:15px;font-weight:650}
#popup-book-reader #px-value{font-size:14px;color:#6c7760}
#popup-book-reader .px-slider{display:block;accent-color:#527d50;width:100%;height:35px;margin:0;cursor:ew-resize}
#popup-book-reader .px-small-note{font-size:14px!important;line-height:1.75!important;color:#737964;margin:0!important}
#popup-book-reader .px-feedback{display:flex;gap:9px;padding:12px 13px;background:#edf2e6;border-left:3px solid #98af7e;margin-top:13px;min-height:86px;border-radius:0 3px 3px 0}
#popup-book-reader .px-feedback-mark{color:#79955d;margin-top:3px;font-size:17px}
#popup-book-reader #px-feedback{font-size:16px!important;line-height:1.8!important;color:#4e6244;margin:0!important;flex:1}
#popup-book-reader .pp-think{border-top:1px solid var(--px-line);margin-top:17px;padding-top:13px}
#popup-book-reader .pp-think>p{font-size:20px!important;line-height:1.75!important;font-weight:500;margin:6px 0 0!important;color:#43523a}
#popup-book-reader .pp-reader-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;border-top:1px solid var(--px-line);height:auto;margin:0;background:#faf5e9}
#popup-book-reader .pp-reader-footer>button{min-height:43px;padding:10px 16px;border:1px solid #c9c5b2;background:transparent;color:#59634d}
#popup-book-reader .pp-reader-footer .pp-reader-next{background:#326da9;border-color:#326da9;color:white}
#popup-book-reader .pp-explored{font-size:13px;color:#7a806e;text-align:center}
#popup-book-reader .pp-reader-extras{display:flex;gap:24px;padding:14px 28px 16px;align-items:flex-start}
#popup-book-reader .pp-reader-extras details{margin:0;padding:0;border:0;color:#7f826f;font-size:13px;line-height:1.8;flex:1;min-width:0}
#popup-book-reader .pp-reader-extras summary{cursor:pointer;min-height:30px;padding:2px 0;font-size:13px;color:#73785f}
#popup-book-reader .pp-reader-extras .pp-english-note p{font-size:18px!important;line-height:1.65!important;color:#546b51;margin:10px 0!important}
#popup-book-reader .pp-reader-extras .pp-english-note>div{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
#popup-book-reader .pp-adult-note p{margin:8px 0;font-size:13px!important;line-height:1.8!important}
#popup-book-reader .pp-adult-note a{font-size:12px;color:#326da9;margin-right:12px}
#popup-book-reader .pp-reader-status:empty{display:none}
#popup-book-reader .pp-reader-status{font-size:13px;padding:0 28px 15px;color:#637457;margin:0}
/* Native controls are positioned over the exact illustrated objects. */
#popup-book-reader .px-hot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;max-width:46%;padding:8px 12px;border:1px solid #f8f2de;background:#fffaf0ee;box-shadow:0 3px 10px #172b2740;color:#42523d;font-size:14px;white-space:nowrap;z-index:3}
#popup-book-reader .px-hot[hidden],#popup-book-reader [hidden]{display:none!important}
#popup-book-reader .px-hot-dot{width:8px;height:8px;border-radius:50%;background:#79935e;box-shadow:0 0 0 4px #b9d49f45;flex-shrink:0}
#popup-book-reader .px-hot[aria-pressed=true]{background:#e9f3e1;border-color:#72945f}
#popup-book-reader .px-canvas-tag{position:absolute;left:14px;top:14px;max-width:80%;font-size:14px;font-weight:600;padding:8px 11px;background:#fffaf0ee;border:1px solid #eee4cb;border-radius:3px;color:#526547;z-index:2}
#popup-book-reader .px-image-error{position:absolute;inset:0;z-index:7;background:#f5eedf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-size:20px;color:#55644a}
#popup-book-reader .px-image-error button{padding:10px 18px;border:1px solid #93aa82;background:#fffaf0;color:#527044}
/* Paper flaps reveal the existing detailed artwork, rather than a second cartoon. */
#popup-book-reader .px-flap{position:absolute;display:block;z-index:4;padding:0;border:0;background:transparent;transform-style:preserve-3d;transition:transform .8s;transform-origin:0 50%;text-align:center;color:#77533d}
#popup-book-reader .px-heart-flap{left:56%;top:14%;width:32%;height:60%}
#popup-book-reader .px-flap-face{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;width:100%;height:100%;background:repeating-linear-gradient(120deg,#e9b9930a 0 2px,#ffe6c56b 2px 4px),linear-gradient(125deg,#ffecd0,#e9bd95);border:2px solid #f9e5c6;border-left:3px dashed #b17e57;box-shadow:5px 8px 15px #74462755,inset -6px 0 0 #c5986d45;border-radius:3px;backface-visibility:hidden}
#popup-book-reader .px-flap-face:after{content:"";position:absolute;right:0;bottom:0;border-style:solid;border-width:0 0 22px 22px;border-color:transparent transparent #fdf1d8 transparent;filter:drop-shadow(-2px -2px 1px #987c5840)}
#popup-book-reader .px-flap-face small{font-size:13px;font-weight:500}
#popup-book-reader .px-flap-face strong{font-family:var(--serif,serif);font-size:clamp(20px,2vw,29px);font-weight:700;letter-spacing:.08em}
#popup-book-reader .px-flap-face>span{font-size:14px;background:#fff7e6d9;padding:8px 12px;border:1px solid #d0a679;border-radius:3px}
#popup-book-reader .px-heart[data-px-state=open] .px-heart-flap{transform:rotateY(-164deg);pointer-events:none}
#popup-book-reader .px-heart-beat{opacity:0;transform-origin:71% 43%}
#popup-book-reader .px-heart[data-px-state=open] .px-heart-beat{opacity:1;animation:px-heartbeat 1.35s ease-in-out 3}
@keyframes px-heartbeat{0%,60%,100%{transform:scale(1)}15%{transform:scale(1.035)}30%{transform:scale(1.01)}45%{transform:scale(1.025)}}
#popup-book-reader .px-lungs-move{transform:scale(var(--lung-scale,.96));transform-origin:66% 56%;transition:transform .35s ease-out}
#popup-book-reader .px-air-flow{fill:#ecfbff;stroke:#9dd9e3;stroke-width:8;stroke-linecap:round;opacity:var(--air-opacity,.2);transition:opacity .3s}
#popup-book-reader .px-air-flow>path{fill:none;stroke-dasharray:14 17}
#popup-book-reader .px-lungs[data-px-state=inhale] .px-air-flow>path{animation:px-air .7s linear 3}
#popup-book-reader .px-lungs[data-px-state=exhale] .px-air-flow>path{animation:px-air .7s linear 3 reverse}
@keyframes px-air{to{stroke-dashoffset:-62}}
#popup-book-reader .px-food-track{fill:none;stroke:#fff9d6;stroke-width:9;stroke-dasharray:9 12;filter:drop-shadow(0 2px 2px #7d665a);opacity:.9}
#popup-book-reader #px-food-piece{transition:transform .8s cubic-bezier(.2,.65,.3,1);filter:drop-shadow(0 4px 3px #76553755)}
#popup-book-reader #px-rotating-earth{transition:transform .4s ease-out;transform-origin:770px 420px}
#popup-book-reader #px-house{transition:transform .5s ease-out;filter:drop-shadow(0 5px 3px #15253d77)}
#popup-book-reader .px-day[data-px-state=night] #px-house path:last-child{fill:#ffe999}
#popup-book-reader .px-moon-shade{fill:#101c2e;opacity:.75;transition:opacity .7s}
#popup-book-reader .px-light{fill:none;stroke:#ffe99c;stroke-width:11;stroke-linecap:round;stroke-dasharray:13 20;opacity:0;filter:drop-shadow(0 0 8px #ffc966)}
#popup-book-reader .px-moon[data-px-state^=light] .px-light-first{opacity:1;animation:px-light 2s linear 2}
#popup-book-reader .px-moon:is([data-px-state=light-1],[data-px-state=light-2]) .px-moon-shade{opacity:0}
#popup-book-reader .px-moon:is([data-px-state=light-1],[data-px-state=light-2]) .px-light-second{opacity:1;animation:px-light 2s linear 2}
@keyframes px-light{to{stroke-dashoffset:-132}}
#popup-book-reader .px-flying-rocket{transform-origin:60% 40%}
#popup-book-reader .px-rocket[data-px-state=launched] .px-flying-rocket{animation:px-launch 1.8s cubic-bezier(.2,.7,.4,1) both}
#popup-book-reader .px-rocket[data-px-state=launched] .px-art{filter:brightness(.75);transition:filter .7s}
@keyframes px-launch{0%{transform:translate(0,0)}40%{transform:translate(-50px,-40px) scale(1.02)}100%{transform:translate(-230px,-220px) scale(.82)}}
#popup-book-reader .px-launch-trail{fill:none;stroke:#ffdb84;stroke-width:20;stroke-linecap:round;opacity:0}
#popup-book-reader .px-rocket[data-px-state=launched] .px-launch-trail{opacity:.8}
#popup-book-reader .px-countdown{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);font-size:52px;font-weight:800;color:#fff8d6;text-shadow:0 3px 15px #102534;background:#102534a8;min-width:95px;min-height:95px;display:grid;place-items:center;border:1px solid #d4bc7655;border-radius:4px}
#popup-book-reader .px-rocket[data-px-station="0"] [data-px=station-0],#popup-book-reader .px-rocket[data-px-station="1"] [data-px=station-1],#popup-book-reader .px-rocket[data-px-station="2"] [data-px=station-2]{background:#fff0b5;border-color:#d9b45b}
#popup-book-reader .px-speech-bubble{position:absolute;top:11%;left:28%;width:58%;padding:17px 20px;border:1px solid #dacaa8;background:#fff9e9f5;box-shadow:0 6px 16px #4c553522;color:#53633f;font-size:20px;line-height:1.6;border-radius:4px}
#popup-book-reader .px-speech-bubble:after{content:"";position:absolute;left:27%;bottom:-13px;border:7px solid transparent;border-top-color:#fff9e9}
#popup-book-reader .px-help-cards{position:absolute;bottom:5%;left:5%;right:5%;display:flex;gap:10px}
#popup-book-reader .px-help-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;flex:1;min-height:125px;padding:14px 12px;text-align:left;background:linear-gradient(120deg,#fff8e8,#f0e4c9);border:1px solid #e1cba1;border-left:4px solid #b8c59b;box-shadow:3px 5px 0 #7c664129;transform-origin:50% 100%}
#popup-book-reader .px-help-card>span{font-size:12px;color:#8b9878;letter-spacing:.12em}
#popup-book-reader .px-help-card strong{font-size:17px;color:#506145}
#popup-book-reader .px-help-card small{font-size:12px;color:#8b8068}
#popup-book-reader .px-help-card[aria-pressed=true]{transform:translateY(-10px) rotate(-2deg);background:#f2f6e6;border-color:#829b68;box-shadow:4px 11px 15px #3a4d3933}
#popup-book-reader .px-help-bubble{left:15%;top:13%;width:70%}
#popup-book-reader .px-breath-guide{position:absolute;left:51%;top:48%;width:38%;aspect-ratio:1/1;transform:translate(-50%,-50%);display:grid;place-items:center;background:#fff9e6e8;border-radius:50%;box-shadow:0 0 0 12px #fff8de29,0 0 35px #fff5c73b;transition:transform 3s ease-in-out}
#popup-book-reader .px-breath-guide svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke:#c4d2a4;stroke-width:3}
#popup-book-reader .px-breath-guide #px-breath-arc{stroke:#7d9b50;stroke-width:6;stroke-linecap:round;stroke-dasharray:528;stroke-dashoffset:528;transition:stroke-dashoffset 3s linear}
#popup-book-reader .px-breath-guide>div{text-align:center}
#popup-book-reader #px-breath-word{display:block;font-size:24px;line-height:1.7;font-weight:700;color:#597644}
#popup-book-reader #px-breath-round{display:block;font-size:13px;line-height:1.6;color:#7b8665}
#popup-book-reader .px-breathe[data-px-state=inhale] .px-breath-guide{transform:translate(-50%,-50%) scale(1.1)}
#popup-book-reader .px-breathe[data-px-state=exhale] .px-breath-guide{transform:translate(-50%,-50%) scale(.93);transition-duration:4s}
#popup-book-reader .px-soil-flap{left:8%;top:35%;width:84%;height:59%;transform-origin:50% 0}
#popup-book-reader .px-soil-flap .px-flap-face{border:2px solid #ad8355;border-top:3px dashed #e4c995;background:radial-gradient(ellipse at 20% 20%,#b5946944 0 4%,transparent 5%),radial-gradient(ellipse at 65% 80%,#dfbd8540 0 5%,transparent 6%),repeating-linear-gradient(110deg,#795c3f 0 2px,#7e6042 3px 6px);color:#fff0d0;box-shadow:4px 7px 12px #372b1b55}
#popup-book-reader .px-soil-flap .px-flap-face>span{background:#fff0d8e8;color:#765439;border-color:#a97e4f}
#popup-book-reader .px-seed[data-px-state=open] .px-soil-flap{transform:rotateX(163deg);pointer-events:none}
#popup-book-reader .px-grow{--growth-x:11%;--growth-w:22%}
#popup-book-reader .px-grow-window{position:absolute;left:var(--growth-x);width:var(--growth-w);top:3%;bottom:12%;border:2px solid #fff4c5;box-shadow:0 0 0 1000px #152d3155,inset 0 0 20px #fff4b855;border-radius:3px;transition:left .7s,width .7s}
#popup-book-reader .px-growth-stops{position:absolute;bottom:4%;left:10%;right:10%;display:flex;justify-content:space-between}
#popup-book-reader .px-growth-stops button{padding:7px 14px;min-height:38px;color:#476840;background:#fff9e7;border:1px solid #baca9d}
#popup-book-reader .px-growth-stops button[aria-pressed=true]{background:#dbeac6;border-color:#718e54}
#popup-book-reader .px-bee-route{fill:none;stroke:#fff0b0;stroke-width:5;stroke-dasharray:10 14;opacity:.8}
#popup-book-reader #px-pollen{transition:transform 1.15s cubic-bezier(.3,.7,.3,1);filter:drop-shadow(0 3px 5px #79532177)}
#popup-book-reader .px-bee[data-px-state=pollen-delivered] #px-pollen{filter:drop-shadow(0 0 12px #ffe67a)}
@media(prefers-reduced-motion:reduce){#popup-book-reader.pp-reader-v2 *,#popup-book-reader.pp-reader-v2 *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#popup-book-reader .px-breathe .px-breath-guide{transform:translate(-50%,-50%)!important}}
@media(max-width:1150px) and (min-width:900px){#popup-book-reader .pp-reader-layout{gap:22px;padding-left:22px;padding-right:22px;grid-template-columns:minmax(0,1.45fr) minmax(325px,1fr)}#popup-book-reader .pp-page-tabs button{font-size:11px;padding:7px 5px}#popup-book-reader .pp-reader-top{gap:12px;padding-left:22px;padding-right:22px}#popup-book-reader .pp-reader-story{font-size:19px!important}#popup-book-reader .px-hot{font-size:12px;padding:7px 9px}#popup-book-reader .px-help-card{padding:10px 8px;min-height:110px}#popup-book-reader .px-help-card strong{font-size:15px}}
#popup-book-reader .px-lungs .px-art,#popup-book-reader .px-rocket .px-art{opacity:0}
#popup-book-reader .px-rocket{background:#172d43}
#popup-book-reader .px-loading-message{display:none;position:absolute;inset:0;z-index:6;align-items:center;justify-content:center;background:#ede4d1ed;color:#6b775f;font-size:20px;letter-spacing:.04em}
#popup-book-reader .px-loading .px-loading-message{display:flex}
#popup-book-reader .px-lungs .px-art,#popup-book-reader .px-rocket .px-art{opacity:1}
#popup-book-reader .px-lungs-move{transform-origin:64% 52%}
#popup-book-reader #px-rotating-earth{transform-origin:850px 440px}
#popup-book-reader .px-flying-rocket{filter:drop-shadow(8px 12px 8px #07172766)}
#popup-book-reader .px-rocket[data-px-state=launched] .px-art{filter:none}