.story-loader{flex-direction:column;align-items:center;gap:14px;padding:28px 16px;display:flex}.story-loader-label{color:#62523b;margin:0;font-size:15px;line-height:1.5}.story-loader-scene{width:148px;height:104px;position:relative}.story-loader-book{perspective:300px;width:84px;height:60px;position:absolute;bottom:6px;left:6px}.story-loader-book:before,.story-loader-book:after{content:"";background:#fbf2df;border:2px solid #bcaa87;width:42px;height:56px;position:absolute;bottom:0}.story-loader-book:before{border-radius:8px 2px 2px 8px;left:0}.story-loader-book:after{background:#f5e8ce;border-radius:2px 8px 8px 2px;right:0}.story-loader-spine{z-index:3;background:#9b512d;border-radius:2px;width:4px;height:56px;position:absolute;bottom:0;left:40px}.story-loader-page{z-index:2;background:#fffaf0;border:2px solid #bcaa87;width:38px;height:52px;position:absolute;bottom:2px}.story-loader-page.is-back{border-radius:2px 8px 8px 2px;left:42px}.story-loader-page.is-turning{transform-origin:0;border-radius:2px 8px 8px 2px;animation:2.4s ease-in-out infinite story-page-turn;left:42px}@keyframes story-page-turn{0%,15%{transform:rotateY(0)}55%,85%{transform:rotateY(-168deg)}to{opacity:0;transform:rotateY(-168deg)}}.story-loader-gift{transform-origin:50% 90%;width:44px;height:44px;animation:2.4s ease-in-out infinite story-gift-wiggle;position:absolute;bottom:6px;right:8px}@keyframes story-gift-wiggle{0%,60%,to{transform:rotate(0)}68%{transform:rotate(-9deg)}76%{transform:rotate(8deg)}84%{transform:rotate(-5deg)}92%{transform:rotate(3deg)}}.story-loader-box{background:#9b512d;border-radius:4px;width:40px;height:30px;position:absolute;bottom:0;left:2px}.story-loader-box:after{content:"";background:#f4b857;width:6px;height:30px;position:absolute;top:0;left:17px}.story-loader-lid{background:#804020;border-radius:3px;width:44px;height:10px;position:absolute;bottom:28px;left:0}.story-loader-lid:after{content:"";background:#f4b857;width:6px;height:10px;position:absolute;top:0;left:19px}.story-loader-bow{border:3px solid #f4b857;border-radius:50%;width:12px;height:10px;position:absolute;bottom:36px}.story-loader-bow.is-left{left:8px;transform:rotate(-24deg)}.story-loader-bow.is-right{right:8px;transform:rotate(24deg)}.story-loader-star{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#f4b857;width:10px;height:10px;animation:2.4s ease-in-out infinite story-star-twinkle;position:absolute}.story-loader-star.is-a{top:6px;left:58px}.story-loader-star.is-b{animation-delay:.8s;top:20px;left:96px;transform:scale(.7)}.story-loader-star.is-c{animation-delay:1.6s;top:26px;left:30px;transform:scale(.55)}@keyframes story-star-twinkle{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.story-loader-page.is-turning,.story-loader-gift,.story-loader-star{animation:none}.story-loader-page.is-turning{opacity:0;transform:rotateY(-168deg)}}
.story-watch-voice{width:min(1100px,100%);margin:0 auto 30px;padding:clamp(20px,3vw,30px)}.story-watch-voice-heading{align-items:center;gap:11px;display:flex}.story-watch-voice-heading>svg{flex-shrink:0;width:24px;height:24px}.story-watch-voice-heading h2{margin:0;font-size:clamp(23px,3vw,31px)}.story-watch-voice>p{margin-block:12px 18px;font-size:14px;line-height:1.6}.story-watch-voices{border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0;margin:0;padding:0;display:grid}.story-watch-voice-option{cursor:pointer;background:#fffdf3;border:1px solid #ccd3be;border-radius:15px;align-items:flex-start;gap:9px;min-width:0;padding:14px 12px;display:flex;position:relative}.story-watch-voice-option.selected{background:#e4edd7;border-color:#526f50;box-shadow:inset 0 0 0 1px #526f50}.story-watch-voice-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.story-watch-voice-option>svg{flex-shrink:0;width:18px;height:18px;margin-top:2px}.story-watch-voice-option>svg:last-child{inset-inline-end:8px;width:14px;position:absolute;top:7px}.story-watch-voice-option strong{padding-inline-end:8px;font-size:14px;line-height:1.35;display:block}.story-watch-voice-option small{color:#58694d;margin-block-start:6px;font-size:11px;line-height:1.5;display:block}.story-watch-voice-option:has(input:focus-visible){outline-offset:3px;outline:3px solid #7ba57a}.story-watch-voices:disabled{opacity:.65}.story-watch-recorded{background:#f4f1e2;border:1px solid #ccd3be;border-radius:15px;margin-block-start:20px;padding:16px}.story-watch-recorded h3{align-items:center;gap:8px;margin:0 0 12px;font-size:17px;display:flex}.story-watch-recorded>p{margin:0;font-size:13px;line-height:1.55}.story-watch-recorded .story-watch-voices{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.story-watch-narrate{justify-content:space-between;align-items:center;gap:18px;margin-block:20px 10px;display:flex}.story-watch-narrate>div>span{font-size:14px}.story-watch-narrate p{color:#55634a;margin-block:8px 0;font-size:12px;line-height:1.55}.story-watch-narrate-button{color:#fff9e9;background:#385e42;border:0;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:13px 22px;font-weight:650;display:inline-flex}.story-watch-narrate-button svg{flex-shrink:0;width:20px;height:20px}.story-watch-narrate-button:disabled{opacity:.55;cursor:wait}.story-watch-narrate-button:focus-visible,.story-watch-preview summary:focus-visible,.story-watch-mother-link:focus-visible{outline-offset:3px;outline:3px solid #7ba57a}.story-watch-preview{margin-block:16px 8px;font-size:13px}.story-watch-preview summary{cursor:pointer}.story-watch-preview audio{width:min(420px,100%);margin-block-start:12px;display:block}.story-watch-mother-link{text-underline-offset:3px;align-items:center;gap:7px;margin-block-start:10px;font-size:13px;text-decoration:underline;display:inline-flex}.story-watch-mother-settings>p{color:#55634a;margin-block:8px 0;font-size:12px;line-height:1.55}.story-watch-translation{text-align:center}.story-watch-translation>svg{color:#526f50;width:28px;height:28px}.story-watch-translation h2{margin-block:16px 0;font-size:clamp(22px,3vw,30px);line-height:1.4}.story-watch-voice .story-watch-status{color:#3c583a;background:#e5edd8;border-radius:13px;align-items:center;gap:8px;margin-block:15px 0;padding:13px 15px;display:flex}.story-watch-voice .story-watch-error{color:#8b3c2b;background:#fae8dd;border-radius:13px;margin-block:15px 0;padding:13px 15px}@media (max-width:800px){.story-watch-voices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.story-watch-narrate{flex-direction:column;align-items:stretch;gap:13px}.story-watch-voice-option{gap:7px;padding:13px 10px}.story-watch-voice-option strong{font-size:13px}}.story-experience .watch-heading.paper-panel{color:#203c30;text-shadow:none;overflow-wrap:anywhere;margin-bottom:16px;padding:14px 18px}.story-experience .watch-heading h1{margin:6px 0;font-size:clamp(1.4rem,3vw,2rem)}.story-experience .watch-heading .eyebrow{margin:0;font-size:.75rem}.story-experience .watch-heading>p:last-child{margin:4px 0 0;font-size:.95rem}.story-experience .watch-heading>p:last-child:empty{display:none}.demo-badge.paper-panel{color:#203c30;margin:16px 0;padding:14px 20px}.demo-age-picker{color:#203c30;margin-bottom:16px;padding:16px 18px}.demo-age-picker h2{margin-block:0 10px;font-size:clamp(1.1rem,2.2vw,1.4rem)}.demo-age-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.demo-age-card{min-width:0;color:inherit;cursor:pointer;font:inherit;background:#fffaf0;border:2px solid #d4dbc7;border-radius:20px;padding:10px}.demo-age-card[aria-pressed=true]{background:#e5ecd9;border-color:#476b4e}.demo-age-card canvas{width:min(100%,96px);height:auto;margin:auto;display:block}.demo-age-card span{text-align:center;font-size:1.05rem;font-weight:700;display:block}@media (max-width:520px){.demo-age-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.story-watch-voice>summary{cursor:pointer;padding:6px 0;font-weight:700}.story-watch-voice>summary svg{vertical-align:middle;margin-inline-end:6px;display:inline-block}.story-watch-voice:not([open]):is(details)>:not(summary){display:none}
