:root{color:#233a31;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--ink:#233a31;--muted:#56675b;--paper:#f8f3e5;--green:#244e3e;--line:#dfd6c0;background:#f8f3e5;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}body{min-width:280px;margin:0}button{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible{outline-offset:4px;outline:3px solid #9b5a23}button:not(:disabled):active{translate:0 1px}img{display:block}p,h1,h2,figure{margin:0}svg{flex-shrink:0}.app{flex-direction:column;min-height:100dvh;display:flex}.masthead{border-bottom:1px solid var(--line);background:#fbf7ed}.masthead-inner{max-width:1280px;min-height:66px;padding:6px max(24px, env(safe-area-inset-right)) 6px max(24px, env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:10px;margin:auto;display:flex}.brand{align-items:center;gap:10px;font:700 21px Georgia,serif;display:inline-flex}.brand-icon{color:#385d49;background:#e5ebda;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.masthead-note{color:var(--muted);font-size:12px;font-weight:650}.settings{border:1px solid var(--line);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fffaf0;border-radius:50%;place-items:center;min-width:48px;min-height:48px;display:grid}.cover-screen{isolation:isolate;background:radial-gradient(ellipse at 22% 37%, #e6ebd7, transparent 52%), radial-gradient(ellipse at 100% 100%, #efdfbc, transparent 53%), var(--paper);flex:1;align-items:center;display:grid;position:relative;overflow:hidden}.cover-layout{width:min(100%,1060px);padding:54px max(34px, env(safe-area-inset-right)) max(60px, env(safe-area-inset-bottom)) max(34px, env(safe-area-inset-left));grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,7vw,98px);margin:auto;display:grid}.cover-art{isolation:isolate;place-items:center;display:grid;position:relative}.cover-art img{border-radius:5px 15px 15px 5px;width:min(86%,345px);height:auto;rotate:-4deg;box-shadow:-6px 5px #d1c6a7,-9px 8px #b7ad91,5px 20px 34px #303f3450}.cover-halo{z-index:-1;aspect-ratio:1;background:#dce5cc;border:1px solid #aab79a;border-radius:50%;width:109%;position:absolute;box-shadow:0 0 0 12px #f8f3e55c,inset 0 0 0 10px #f8f3e56b}.cover-sparkle{z-index:1;color:#9a6c31;position:absolute;top:6%;right:-2%}.reeds{z-index:-1;color:#77865b;opacity:.63;width:min(27vw,310px);position:absolute;bottom:-8px}.reeds-left{left:-3%}.reeds-right{right:-2%;transform:scaleX(-1)}.eyebrow{color:#45614e;letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:9px;font-size:.75rem;font-weight:750;display:inline-flex}.eyebrow span{background:#a0753d;border-radius:50%;width:8px;height:8px}.cover-copy h1{letter-spacing:-.055em;margin:14px 0 16px;font:700 clamp(2.85rem,6.5vw,5.75rem)/.97 Georgia,serif}.cover-copy h1 em{color:#4c684e;font-weight:inherit}.credits{color:#53634f;font:1rem/1.5 Georgia,serif}.divider{color:#a0753d;align-items:center;gap:10px;margin:22px 0;display:flex}.divider:before,.divider:after{content:"";background:#c5af82;width:29px;height:1px}.intro{color:#495d50;max-width:31ch;line-height:1.6}.primary{background:var(--green);color:#fffaf0;border:0;border-radius:15px;justify-content:center;align-items:center;gap:12px;min-height:58px;padding:9px 18px;font-weight:740;display:inline-flex;box-shadow:0 4px #18392d}.primary:disabled{color:#516856;box-shadow:none;background:#dde5d8}.primary:not(:disabled):hover,.audio-main:not(:disabled):hover{background:#32644f}.start{min-height:64px;margin-top:24px}.play-disc{background:#ffffff26;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.text-button{color:#415c4b;text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:4px 8px;text-decoration:underline}.cover-copy>.text-button{margin-top:9px;display:block}.reader{width:min(100%,1120px);padding:20px max(24px, env(safe-area-inset-right)) 24px max(24px, env(safe-area-inset-left));flex-direction:column;flex:1;align-items:stretch;margin:0 auto;display:flex}.reader-heading{text-align:center;margin:0 0 15px}.reader h1{letter-spacing:-.03em;margin-top:4px;font:700 clamp(1.55rem,4vw,2.35rem)/1.14 Georgia,serif}.reader h1:focus{outline:none}.pages{flex:1;align-items:center;gap:16px;display:grid}.illustration{border:1px solid var(--line);background:#fcf9f0;border-radius:20px;place-items:center;min-width:0;padding:clamp(8px,1.7vw,18px);display:grid;box-shadow:0 5px 15px #533b2010}.illustration img{object-fit:contain;border-radius:8px;max-width:100%;max-height:clamp(170px,100dvh - 300px,540px)}.chapter-text{border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;background:#fffaf0;border-radius:20px;padding:clamp(16px,2.3vw,28px);font:clamp(1.1rem,2.5vw,1.35rem)/1.65 Georgia,serif}.reader-dock{z-index:2;border-top:1px solid var(--line);padding:12px max(24px, env(safe-area-inset-right)) max(16px, calc(env(safe-area-inset-bottom) + 8px)) max(24px, env(safe-area-inset-left));background:#fbf7ed;position:sticky;bottom:0;box-shadow:0 -8px 32px #4b3e2010}.dock-inner{align-items:center;gap:12px;max-width:1072px;margin:auto;display:flex}.audio-panel{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.audio-copy{color:#4e6255;flex:1;min-width:0;font-size:.82rem;font-weight:650}.audio-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.remaining{white-space:nowrap;font-variant-numeric:tabular-nums}.audio-seek{appearance:none;cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 6px;border:0;border-radius:6px;width:100%;height:28px;margin:0;display:block}.audio-seek:disabled{cursor:default}.audio-seek:focus-visible{outline:3px solid #9b5a23}.audio-seek::-webkit-slider-thumb{appearance:none;background:var(--green);border:0;border-radius:50%;width:16px;height:16px}.audio-seek::-moz-range-thumb{background:var(--green);border:0;border-radius:50%;width:16px;height:16px}.audio-seek:disabled::-webkit-slider-thumb{opacity:0}.audio-seek:disabled::-moz-range-thumb{opacity:0}.audio-main,.audio-extra,.prompt{background:#e9eee1;border:1px solid #d4ddce;border-radius:13px;place-items:center;min-width:48px;min-height:48px;display:grid}.audio-main{background:var(--green);color:#fffaf0;border-color:#0000}.audio-main:disabled,.prompt:disabled{color:#687168;background:#efede4;border-color:#e2ded0}.choices{flex:1.4;gap:8px;display:flex}.choice{background:#f6ded6;border:1px solid #e1ad9f;border-radius:14px;flex:1;justify-content:center;align-items:center;min-height:62px;padding:7px 9px;display:inline-flex}.choice-1{background:#e2ecd9;border-color:#b1c9a3}.choice-shape{background:#bb4336;border-radius:50%;flex-shrink:0;width:40px;height:40px}.choice-1 .choice-shape{clip-path:polygon(50% 0%,100% 100%,0% 100%);background:#387448;border-radius:0}.choice:disabled{opacity:.52}.choice-0:not(:disabled):hover{background:#f2cabe}.choice-1:not(:disabled):hover{background:#d3e4c8}.prompt{min-width:52px}.ending{flex:1}.skip{font-size:.82rem}.parent-menu{border:1px solid var(--line);width:min(90%,380px);color:var(--ink);background:#fbf7ed;border-radius:20px;padding:19px;box-shadow:0 12px 36px #19312738}.parent-menu::backdrop{background:#152e25a8}.menu-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.menu-heading h2,.story-error h1{font-family:Georgia,serif}.parent-menu>button{background:#e9eee1;border:1px solid #d4ddce;border-radius:12px;width:100%;min-height:48px;margin-top:10px;display:block}.story-error{max-width:760px;margin:auto;padding:24px}@media (width>=720px) and (orientation:landscape){.pages.has-text:has(.illustration){grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.chapter-text{max-height:max(180px,100dvh - 282px);overflow-y:auto}}@media (width<=719px){.masthead-inner{min-height:56px;padding-inline:15px}.brand{font-size:19px}.cover-layout{text-align:center;padding:25px 16px max(32px, env(safe-area-inset-bottom));grid-template-columns:1fr;gap:24px}.cover-art{width:min(47vw,225px);margin:auto}.cover-art img{width:86%}.cover-art .cover-halo{width:116%}.cover-sparkle{right:-9%}.cover-copy h1{margin:9px 0 8px;font-size:clamp(2.7rem,11vw,4.3rem)}.credits{font-size:.93rem}.divider{justify-content:center;margin:12px 0}.intro{margin-inline:auto;font-size:.94rem}.start{min-height:58px;margin-top:16px}.cover-copy>.text-button{margin-inline:auto}.reeds{opacity:.43;width:min(34vw,160px)}.reader,.reader-dock{padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right))}.dock-inner{flex-direction:column;align-items:stretch;gap:8px}.prompt{min-width:48px}.skip{min-height:34px}}