/* A quiet picture-book reader with generous touch targets. */
.story-page{background:#faf6ed}.story-page main{max-width:1080px;margin:auto;padding:12px}.story-page [hidden]{display:none!important}
.ls-player{box-sizing:border-box;max-width:920px;margin:20px auto;padding:clamp(18px,4vw,40px);color:#253c3b;background:#fffdf8;border:1px solid #e4e1d6;border-radius:28px;font:18px/1.55 'DM Sans',system-ui,sans-serif;box-shadow:0 12px 44px #344f3b0b}
.ls-player *{box-sizing:border-box}.ls-player h1{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:clamp(28px,4vw,42px);line-height:1.15;margin:12px 0 22px;text-wrap:balance}.ls-player button,.ls-player a,.ls-player summary{min-width:44px;min-height:48px}.ls-player a{display:inline-flex;align-items:center;color:#32634c}.ls-player button{padding:12px 18px;border:1.5px solid #b7c7ba;border-radius:15px;background:#fffef9;color:#254f3d;font:700 16px/1.3 system-ui,sans-serif;cursor:pointer;touch-action:manipulation}.ls-player button:hover{background:#eef4e9}.ls-player :focus-visible{outline:3px solid #b35a31;outline-offset:4px}.ls-player button:disabled{opacity:.45;cursor:default}
.ls-variants,.ls-audio,.ls-actions{display:flex;flex-wrap:wrap;gap:10px}.ls-variants{padding:5px;background:#f0f1e8;border-radius:19px;width:fit-content}.ls-variants button{border-color:transparent;background:transparent}.ls-variants button[aria-pressed=true]{background:white;border-color:#d5dece;box-shadow:0 2px 6px #253c3b0c}.ls-player .ls-next,.ls-player .ls-action{background:#2c654e;color:white;border-color:#2c654e}.ls-player .ls-action{font-size:18px;padding:15px 22px}.ls-page-number{font-size:14px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#718071;margin:25px 0 12px}
.ls-scene{position:relative;margin:0 auto;border-radius:19px;overflow:hidden;background:#f1eee2;max-width:640px}.ls-scene img{display:block;width:100%;height:auto}.ls-scene.ls-atlas{aspect-ratio:1}.ls-scene.ls-atlas img{position:absolute;max-width:none;min-height:0;object-fit:fill}.ls-cover{max-width:500px;margin:22px auto}.ls-narration{font-size:clamp(21px,2.5vw,27px);line-height:1.55;margin:26px 0 14px;max-width:52ch;text-wrap:pretty}.ls-invitation{font-size:16px;margin:12px 0;color:#657364}.ls-action-result{min-height:1.55em;color:#285b43;border-radius:14px}.ls-result-ready{padding:16px 18px;background:#edf4e7;border-left:4px solid #659557;animation:result-in .25s ease-out}.ls-status{font-size:14px;min-height:1.55em;color:#67766a}.ls-audio{margin-top:22px}.ls-audio button{font-size:14px}.ls-navigation{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e0e5d9;padding-top:22px;margin-top:16px}.ls-adult{margin-top:24px;border-top:1px solid #e0e5d9;padding-top:8px;font-size:16px}.ls-adult summary{cursor:pointer;padding:12px 0;font-weight:700}.ls-ending button{margin:12px 8px 4px 0}.ls-heading>a{font-size:14px}.ls-ending .ls-scene{margin:20px auto}
@keyframes result-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:600px){.story-page main{padding:0}.ls-player{margin:8px;padding:18px;border-radius:20px}.ls-variants{width:100%}.ls-variants button{flex:1;padding:10px}.ls-audio button{flex:1;padding:10px}.ls-navigation button{flex:1}.ls-scene{margin:0 -6px;border-radius:14px}.ls-cover{margin:20px 0}.ls-action{width:100%}.ls-narration{line-height:1.5}.ls-adult{font-size:15px}}
@media(prefers-reduced-motion:reduce){.ls-player *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}