body{color:#333;background-color:#dde89a;margin:0;font-family:Comic Sans MS,Arial,sans-serif}body,html{flex-direction:column;min-height:100%;padding:0;display:flex}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.header{background-color:#ed9223;justify-content:space-between;align-items:center;padding:5px 20px;display:flex;box-shadow:0 4px 6px #0000001a}.logo-image{height:75px}.menu{justify-content:flex-start;align-items:center;gap:30px;margin:0;padding:0;display:flex}.menu-item{color:#4a2c16;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;text-decoration:none;transition:transform .3s,color .3s;display:flex}.menu-item:hover{color:#2b1a12;transform:scale(1.1)}.menu-icon{width:24px;height:24px}.footer{text-align:center;margin-top:auto;padding:10px;font-size:.8rem}.coloring-layout{box-sizing:border-box;justify-content:space-between;align-items:stretch;gap:0;max-width:1200px;height:760px;margin:20px auto;display:flex}.text-and-audio-container{flex-direction:column;flex:1;max-height:100%;display:flex;overflow-y:auto}.text-image{border-radius:10px;width:100%;max-width:260px;height:auto;margin-bottom:23px;box-shadow:0 4px 6px #0003}.text-section{text-align:center;box-sizing:border-box;background-color:#fff;border-right:2px solid #d0d0d0;border-radius:10px;flex-direction:column;align-items:center;width:300px;height:100%;padding:20px 20px 15px;display:flex;box-shadow:0 4px 8px #0000001a}.page-number{color:#333;margin-top:10px;font-size:.8rem;font-weight:700}.text-and-audio{flex-grow:1;width:100%;overflow-y:auto}.text-and-audio::-webkit-scrollbar{width:6px}.text-and-audio::-webkit-scrollbar-thumb{background-color:#ffa726;border-radius:4px}.text-and-audio::-webkit-scrollbar-thumb:hover{background-color:#fb8c00}.text-and-audio::-webkit-scrollbar-track{background-color:#f0f0f0}.first-paragraph{margin:0}.first-paragraph:first-letter{color:red;font-size:3rem;font-weight:700}.svg-section{text-align:center;background-color:#fff;border-radius:10px 0 0 10px;flex-grow:1;justify-content:center;align-items:center;height:100%;padding:0;display:flex;overflow:hidden;box-shadow:0 4px 8px #0000001a}.coloring-svg{background-color:#fff;width:auto;max-width:100%;height:auto;max-height:100%;display:block;visibility:visible!important}.color-palette{box-sizing:border-box;background-color:#000;border-radius:0 10px 10px 0;grid-template-columns:1fr 1fr;place-items:center;gap:6px;height:97.5%;padding:10px;display:grid;overflow-y:auto;box-shadow:0 4px 8px #0000001a}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50px;width:50px;height:28px;transition:transform .2s,border-color .2s}.color-swatch.selected{border-color:#fff;transform:scale(1.2)}.color-swatch:hover{transform:scale(1.1)}.color-book{max-width:1200px;margin:0 auto}.page-navigation{background:#b50000;border-radius:12px;justify-content:center;align-items:center;gap:20px;max-width:1200px;margin:10px auto 0;padding:10px 20px;display:flex}.nav-button{cursor:pointer;background-color:#ffccbc;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100px;padding:10px 15px;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 4px 6px #0000001a}.nav-button img{width:33px;height:auto;margin-bottom:5px}.nav-button:hover{background-color:#fb8c00;transform:scale(1.1)}.homepage-content{text-align:center;background-color:#fdfde0;border-radius:10px;max-width:900px;margin:20px auto;padding:20px;box-shadow:0 4px 8px #0000001a}.homepage-text{text-align:left;max-width:800px;margin:0 auto 15px;font-size:1.1rem;line-height:1.6}.language-select{margin-left:auto}.language-select select{color:#4a2c16;background-color:#ffa726;border:2px solid #4a2c16;border-radius:5px;padding:5px;font-size:1rem;font-weight:700}.no-story-message{text-align:center;text-align:center;background:#fff;border-radius:10px;justify-content:center;align-items:center;height:100px;padding:20px;font-size:1.2rem;font-weight:700;display:flex;box-shadow:0 4px 6px #0000001a}.storybook{text-align:center;max-width:1200px;margin:0 auto;padding:20px}.storybook h1{color:#333;margin-bottom:20px;font-size:2rem}.storybook-gallery{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));justify-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:16px;display:grid}.storybook-card{cursor:pointer;background-color:#fff;border-radius:10px;flex-direction:column;align-items:center;width:100%;max-width:260px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 6px #0003}.storybook-card:hover{transform:scale(1.05);box-shadow:0 8px 16px #0000004d}.storybook-cover{border-radius:8px;width:100%;height:auto;box-shadow:0 4px 6px #0003}.storybook-card img{width:100%;box-shadow:none;object-fit:cover;object-position:top;border-radius:0;overflow:hidden}.storybook-card:hover .storybook-cover{opacity:.8}.book-wrapper{justify-content:center;align-items:center;margin-top:40px;display:flex}.book-cover{z-index:1;background:#c8a77d;border-radius:10px;flex-direction:column;align-items:center;width:auto;height:auto;padding-top:10px;display:flex;position:relative;box-shadow:0 10px 30px #00000080}.book-content{background-color:#fff;justify-content:center;align-items:center;width:100%;height:auto;margin:0 auto;padding:0;display:flex;overflow:hidden}.react-pdf__Page{justify-content:center;align-items:center;display:flex;margin:0 auto!important;padding:0!important}.react-pdf__Page__canvas{max-width:100%;display:block;height:auto!important}.book-controls{border-radius:0 0 10px 10px;justify-content:center;align-items:center;gap:15px;margin-top:5px;padding:10px;display:flex}.button{color:#fff;cursor:pointer;background-color:#6d4c41;border:none;border-radius:5px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1rem;font-weight:700;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 4px 6px #0000001a}.button:hover{background-color:#8b4513;transform:scale(1.05)}.button:disabled{cursor:not-allowed;background-color:#b0a89f}.download-button{cursor:pointer;background-color:#6d4c41;border-radius:5px;justify-content:center;align-items:center;width:50px;height:50px;text-decoration:none;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 4px 6px #0000001a}.download-button:hover{background-color:#8b4513;transform:scale(1.05)}.button img,.download-button img{width:20px;height:auto}.menu-toggle{color:#4a2c16;cursor:pointer;background:0 0;border:none;font-size:2.5rem;display:none}.menu{z-index:999;justify-content:flex-start;align-items:center;gap:30px;display:flex}.beta-banner{text-align:center;color:#333;background-color:#fc0;padding:2px;font-size:1rem;font-weight:700}.homepage-button-group{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px;display:flex}.homepage-action-button{color:#4a2c16;background-color:#efae3d;border-radius:7px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;text-decoration:none;transition:transform .2s,background-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 12px #0000001a}.homepage-action-button:hover{background-color:#fadb69;transform:scale(1.03);box-shadow:0 6px 10px #0003}.button-icon{width:24px;height:24px}.button-text{font-size:16px}@media (width<=840px){.coloring-layout{flex-direction:column;height:auto}.text-section{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:10px;width:100%;display:flex}.text-image-container{width:40%}.text-and-audio-container{flex-direction:column;flex:1;max-height:300px;display:flex;overflow-y:auto}.text-and-audio{flex-grow:1;max-height:300px;overflow-y:auto}.page-number{text-align:left;margin-top:10px}.svg-section{border-radius:10px 10px 0 0;order:2;width:100%;height:auto;margin-top:5px}.palette-section{text-align:center;order:3;width:100%}.menu-toggle{cursor:pointer;color:#4a2c16;background-color:#0000;border:none;margin-left:auto;font-size:2rem;display:block}.menu{text-align:center;background-color:#ed9223;flex-direction:column;width:100%;padding:10px 0;display:none;position:absolute;top:85px;left:0;box-shadow:0 4px 6px #0000001a}.menu-item:not(:last-child){border-bottom:2px solid #fff9;margin-bottom:5px}.menu.open{display:flex}.menu-item{justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:1.4rem;display:flex}.language-select{justify-content:center;width:100%;margin-top:10px;display:flex}.language-select select{text-align:center;border-radius:8px;width:50%;max-width:280px;padding:10px;font-size:1rem}.color-palette{width:100%;max-width:var(--svg-width,100%);box-sizing:border-box;background-color:#000;border-radius:0 0 10px 10px;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(auto-fit,minmax(30px,1fr));justify-content:center;padding:10px;display:grid}.color-swatch{border-radius:50%;width:30px;height:30px}.svg-section{width:100%;max-width:100%}.homepage-content{margin-left:15px;margin-right:15px;padding:20px}}@media (width<=420px){.text-image-container{width:30%}.page-navigation button{width:40px;height:40px}}@media (width<=548px){.storybook-gallery{grid-template-columns:repeat(2,1fr)}}@media (width<=380px){.storybook-gallery{grid-template-columns:repeat(1,1fr)}}@media (width<=768px){.book-cover{width:95%;box-shadow:none;padding-top:10px}.book-controls{gap:10px;padding:5px}.button{width:40px;height:40px}.button img{width:18px}}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;color:#4a2c16;background:#fdfde0;border-radius:0 0 8px;padding:10px 16px;font-weight:700;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}a:focus-visible,button:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:3px solid #2c3378}.logo a{line-height:0;display:inline-block}.color-swatch{appearance:none;padding:0}.color-swatch.selected{box-shadow:0 0 0 2px #2c3378}.button-glyph{color:#fff;width:22px;height:22px}.button:disabled .button-glyph{opacity:.6}.storybook-card{font:inherit;appearance:none;border:none;padding:0;position:relative}.storybook-card.unavailable .storybook-cover{filter:grayscale(.8);opacity:.55}.storybook-badge{color:#fff;text-align:center;background:#4a2c16e0;border-radius:6px;padding:6px 8px;font-size:.78rem;font-weight:700;line-height:1.2;position:absolute;bottom:8px;left:8px;right:8px}.book-page{background:#fff;justify-content:center;align-items:center;display:flex;overflow:hidden}@media (pointer:coarse),(width<=840px){.color-swatch{width:44px;height:44px}.color-palette{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:8px}.page-navigation{gap:14px;padding:12px 16px}.page-navigation .button,.book-controls .button,.book-controls .download-button{width:48px;height:48px}.menu-toggle{min-width:48px;min-height:48px}.page-navigation button{width:48px;height:48px}}@media (width<=840px){.page-navigation{z-index:5;position:sticky;bottom:0}}@media (width>=841px){.menu-item{padding:6px 4px}.language-select select{padding:8px 6px}.color-swatch{height:30px}}.book-page-count{color:#4a2c16;white-space:nowrap;background:#ffffffd9;border-radius:6px;padding:8px 12px;font-size:.95rem;font-weight:700}.book-content{perspective:2200px;position:relative}.book-page-image{object-fit:contain;-webkit-user-select:none;user-select:none;opacity:0;pointer-events:none;background:#fff;width:100%;height:100%;position:absolute;inset:0}.book-page-image.is-current{opacity:1;pointer-events:auto}.book-page-image.is-turning{opacity:1;z-index:3;transform-origin:0;backface-visibility:hidden;box-shadow:0 0 18px #00000047}@keyframes page-turn-next{0%{transform:rotateY(0)}to{transform:rotateY(-168deg)}}@keyframes page-turn-prev{0%{transform:rotateY(-168deg)}to{transform:rotateY(0)}}.book-page-image.is-turning.turn-next{animation:.52s cubic-bezier(.42,0,.3,1) forwards page-turn-next}.book-page-image.is-turning.turn-prev{animation:.52s cubic-bezier(.42,0,.3,1) forwards page-turn-prev}.book-turn-shadow{z-index:2;pointer-events:none;background:linear-gradient(90deg,#00000057,#0000 55%);position:absolute;inset:0}.book-turn-shadow.turn-next{animation:.52s ease-out forwards turn-shade-out}.book-turn-shadow.turn-prev{animation:.52s ease-out forwards turn-shade-in}@keyframes turn-shade-out{0%{opacity:1}to{opacity:0}}@keyframes turn-shade-in{0%{opacity:0}to{opacity:1}}.book-loading{color:#4a2c16;background:#fff;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.book-page-image.turn-next,.book-page-image.turn-prev{animation:none}.menu-item,.storybook-card,.button,.homepage-action-button,.color-swatch{transition:none}}.home{max-width:940px;margin:24px auto 40px;padding:0 16px}.home-title{text-align:center;color:#4a2c16;margin:0 0 22px;font-size:2.1rem}.home-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.home-card{color:#4a2c16;background:#fff;border-radius:14px;flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 5px 14px #00000024}.home-card:hover,.home-card:focus-visible{transform:translateY(-4px);box-shadow:0 10px 22px #00000038}.home-card-art{aspect-ratio:16/10;background:#f3f3e6;display:block;overflow:hidden}.home-card-art img{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block}.home-card-body{padding:16px 18px 20px;display:block}.home-card-title{align-items:center;gap:10px;font-size:1.32rem;font-weight:700;line-height:1.2;display:flex}.home-card-icon{flex:none;width:28px;height:28px}.home-card-blurb{color:#5d4632;margin-top:7px;font-size:1rem;line-height:1.45;display:block}.home-welcome{background:#fdfde0;border-radius:12px;margin-top:28px;padding:22px 26px 8px;box-shadow:0 3px 8px #00000014}.home-welcome-heading{color:#4a2c16;margin:0 0 12px;font-size:1.15rem}.home-order{justify-content:center;margin-top:24px;display:flex}@media (width<=560px){.home-title{font-size:1.7rem}.home-card-art{aspect-ratio:16/9}.home-welcome{padding:18px 18px 6px}}