@charset "UTF-8";
:root{--ink:#34473b;--sky:#99e5fd;--paper:#fffdf5;--green:#365e49;font-family:ui-rounded,"Trebuchet MS",Arial,sans-serif;color:var(--ink);background:var(--sky)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;min-height:44px}a{color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #075779;outline-offset:5px}[hidden]{display:none!important}.skip-link{position:absolute;left:15px;top:-100px;padding:15px;background:var(--paper);z-index:20}.skip-link:focus{top:10px}.amelie-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px max(25px,calc((100vw - 1220px)/2));border-bottom:1px solid #34473b21}.brand{text-decoration:none;font-size:25px;font-weight:bold;letter-spacing:-1px}.brand span{display:block;font-size:10px;font-weight:normal;letter-spacing:.07em;margin-top:3px}.audio-controls{display:flex;gap:8px}.audio-controls button{border:1px solid #34473b40;border-radius:22px;background:#ffffff52;padding:9px 14px;font-size:11px}.audio-controls [aria-pressed=false]{background:transparent}.workshop{overflow:hidden;background:linear-gradient(var(--sky) 0 35%,#bbdca3 55%,#e5e9c8 100%);padding-bottom:65px}.world-nav{max-width:1220px;margin:auto;display:flex;justify-content:space-between;padding:24px 25px;font-size:12px}.world-nav a{text-decoration:none;border-bottom:1px solid #34473b50;padding-bottom:5px}.title-lockup{text-align:center;padding:16px 20px 0;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:bold;line-height:1.7}.title-lockup h1{font-family:Georgia,serif;font-weight:normal;letter-spacing:-.045em;font-size:clamp(46px,6vw,72px);margin:12px 0 15px}.title-lockup em{color:#916128}.title-lockup>p:last-child{font-size:14px;margin:0}.garden{position:relative;max-width:1400px;height:225px;margin:auto;isolation:isolate}.garden-scenery{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.distant-hill{position:absolute;width:75%;height:180px;background:#97ba88;border-radius:50% 55% 0 0;bottom:-45px;left:-10%;transform:rotate(-5deg);border-top:2px solid #617e6455}.distant-hill.h2{left:auto;right:-20%;bottom:-30px;background:#accc94;transform:rotate(5deg);width:90%}.village{position:absolute;width:52%;height:auto;left:1%;bottom:31px;opacity:.85}.tiny-helmut{position:absolute;width:37px;height:auto;right:12%;bottom:105px}.garden-path{position:absolute;bottom:0;left:-10%;width:120%;height:67px;background:#e7d5a9;border-top:3px solid #8aa56d;border-bottom:3px solid #819c62;border-radius:50% 50% 0 0}.garden-tree{position:absolute;left:17%;bottom:48px;width:80px;height:123px}.garden-tree:before{content:'';position:absolute;background:#9c7955;border:2px solid #52684c;border-radius:5px;bottom:0;left:36px;width:12px;height:88px;transform:rotate(5deg)}.garden-tree i,.garden-tree b{position:absolute;width:74px;height:76px;border-radius:50%;background:#759963;border:2px solid #52684c;top:0;left:0}.garden-tree b{width:58px;height:55px;top:17px;left:36px;background:#8dab71;border-left:none}.garden-note{position:absolute;right:6%;top:68px;background:#fffdf5e8;padding:8px 13px;max-width:205px;border-radius:5px;font-size:11px;box-shadow:0 2px 0 #60785325}.parade{position:absolute;inset:70px 0 0;overflow:hidden;pointer-events:none}.creature{position:absolute;width:clamp(72px,9vw,112px);height:110px;bottom:calc(8px + var(--lane)*18px);left:calc(var(--order)*8.5% + 5%);animation:garden-walk var(--duration) linear var(--delay) infinite;filter:drop-shadow(0 4px 1px #4c5f4728)}.creature svg{width:100%;height:100%;display:block}.creature[data-kind=animal] svg{animation:little-step 1.2s ease-in-out infinite}.table-wrap{position:relative;z-index:2;max-width:1130px;margin:-3px auto 60px;padding:0 22px}.playbench{position:relative;display:grid;grid-template-columns:158px minmax(0,540px) 156px;justify-content:center;gap:32px;padding:37px 34px 29px;background:repeating-linear-gradient(0deg,transparent 0 107px,#b18a5522 109px 111px),linear-gradient(110deg,#ebce97,#f1dbaf 50%,#dab680);border:2px solid #8b704a;border-radius:32px 32px 12px 12px;box-shadow:0 10px 0 #b7915b,0 13px 0 #816b4a,0 20px 20px #65744324}.table-legs{position:absolute;top:100%;left:7%;right:7%;height:70px;z-index:-1;pointer-events:none}.table-legs i{position:absolute;left:0;width:25px;height:70px;background:#ba945e;border:2px solid #8b704a;border-top:0;transform:rotate(5deg);border-radius:0 0 3px 3px}.table-legs i:last-child{left:auto;right:0;transform:rotate(-5deg)}.motif-rail,.colour-rail{min-width:0}.playbench h2{font-size:14px;margin:0 0 17px;line-height:1.5}.playbench h2 span{display:inline-grid;place-items:center;width:24px;height:24px;background:#fffdf5a8;border-radius:50%;font-size:11px;margin-right:3px}.brush-jar{height:85px;position:relative;width:65px;margin:0 auto 20px}.brush-jar i{position:absolute;width:9px;height:70px;left:20px;top:0;border:2px solid #5c6250;border-radius:3px;background:#e5ac62;transform:rotate(-17deg);transform-origin:bottom}.brush-jar i:before{content:'';position:absolute;bottom:100%;left:-3px;width:11px;height:20px;background:#507970;border:2px solid #455e52;border-radius:80% 5% 30% 30%}.brush-jar i:nth-child(2){left:31px;transform:rotate(2deg);top:-8px;background:#b6b5c7}.brush-jar i:nth-child(3){left:40px;transform:rotate(19deg);background:#cc7359}.brush-jar i:nth-child(3):before{background:#886846}.brush-jar b{position:absolute;bottom:0;left:6px;right:3px;height:49px;background:#82b0aa;border:2px solid #456e65;border-radius:4px 4px 16px 16px;box-shadow:inset 6px 0 #a9c9bc}.brush-jar b:after{content:'';position:absolute;top:-6px;left:-2px;right:-2px;height:12px;background:#b3cbbb;border:2px solid #456e65;border-radius:50%}.book-switch{display:flex;gap:4px}.book-switch button{min-width:0;flex:1;padding:9px 5px;font-size:11px;border:1px solid #8b704a;background:#f9ebcd;border-radius:5px}.book-switch [aria-pressed=true]{background:#365e49;color:#fffdf5;border-color:#365e49}.motif-navigation{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:10px 0}.motif-navigation button{border:1px solid #8b704a75;background:#fffdf560;border-radius:50%;width:40px;font-size:19px}.motif-navigation span{font-size:11px}.motifs{display:flex;flex-wrap:wrap;gap:6px}.motif{flex:1 0 28%;padding:4px 3px;background:#fffdf5;border:1px solid #b4996c;border-radius:5px;min-width:0}.motif svg{display:block;height:47px;width:100%;pointer-events:none}.motif span{display:none}.motif[aria-pressed=true]{outline:2px solid #365e49;outline-offset:1px}.read-button{display:flex;flex-direction:column;align-items:center;border:0;background:transparent;width:100%;padding:8px 0;margin-top:16px}.read-button svg{height:100px;max-width:100%;overflow:visible}.read-button b{border-bottom:1px solid currentColor;font-size:12px;padding:4px 0}.read-button small{font-size:10px;margin-top:6px}.read-button[aria-pressed=true] svg{animation:bird-read 1s ease-in-out infinite}.painting-station{min-width:0}.paper{position:relative;background:var(--paper);border:1px solid #8c795566;border-radius:2px 7px 3px 3px;padding:14px 18px 10px;box-shadow:6px 8px 0 #77674b13,0 2px 9px #67543825;transform-origin:center bottom}.paper:after{content:'';position:absolute;right:0;top:0;border-style:solid;border-width:0 19px 19px 0;border-color:transparent #d8cbb0 transparent transparent;pointer-events:none}.paper-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#817c6d;border-bottom:1px solid #9186662d;padding:4px 0 12px;margin-bottom:9px}.paper-heading span:first-child{color:#34473b;font-family:Georgia,serif;font-size:18px}.paper-heading span:last-child{font-size:8px;letter-spacing:.15em}.screen{aspect-ratio:1/1;display:grid;place-items:center;touch-action:pan-y}.screen>svg{height:100%;width:100%;max-height:470px;display:block}.screen [data-region]{cursor:pointer}.screen [data-region]:focus-visible{outline:none;stroke:#176180;stroke-width:3px;vector-effect:non-scaling-stroke}.paper-handle{touch-action:none;user-select:none;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:transparent;border:0;border-top:1px solid #9186662d;font-size:10px;letter-spacing:.04em}.paper-handle span{font-size:22px;line-height:1}.paint-hint{font-size:11px;line-height:1.6;text-align:center;min-height:36px;margin:15px 0 8px}.paper-actions{display:flex;gap:8px;align-items:center}.small-button{border:1px solid #7b684b75;background:#f9e8c4;border-radius:5px;font-size:11px;padding:9px 12px}.finish-button{margin-left:auto;background:#365e49;color:#fffdf5;border:1px solid #284b36;border-radius:7px;padding:10px 22px;box-shadow:0 3px 0 #223b2c;min-width:105px}.finish-button span{font-size:16px;font-weight:bold}.finish-button small{display:block;font-size:9px;margin-top:3px}.colour-rail{padding-top:8px}.palette{display:grid;grid-template-columns:1fr 1fr;gap:19px 18px;padding:8px 8px 0}.swatch{height:49px;width:100%;min-width:0;border:2px solid #4b5543;border-radius:48% 48% 35% 35%;box-shadow:inset 0 -12px #fff7e079,0 5px 0 #8b704a55;position:relative}.swatch:before{content:'';position:absolute;left:-2px;right:-2px;top:-2px;height:24px;border-radius:50%;border:2px solid #4b5543;box-shadow:inset 3px 3px #ffffff60;background:inherit}.swatch[aria-pressed=true]{outline:3px solid #365e49;outline-offset:5px}.swatch[aria-pressed=true]:after{content:'✓';position:absolute;inset:2px 0 0;color:#fff;z-index:1;text-shadow:0 1px 3px #000;font-size:23px;font-weight:bold}.colour-rail>p{font-size:11px;text-align:center;line-height:1.7;margin-top:25px}.paint-note{font-family:Georgia,serif;font-style:italic;color:#785e38;font-size:17px!important}.reading-card{max-width:840px;margin:35px auto 0;background:#fffdf5bf;border:1px solid #81946a55;display:grid;grid-template-columns:220px 1fr;gap:28px;padding:30px 34px;border-radius:10px;box-shadow:0 5px 0 #77846010}.reading-card .eyebrow{font-size:8px;margin:0}.reading-card h2{font-family:Georgia,serif;font-size:30px;font-weight:normal;margin:10px 0}.reading-card #story-text{white-space:pre-line;font-size:14px;line-height:1.8;margin:0}.read-status{font-size:11px;line-height:1.6;color:#63775d;margin:13px 0 0}.colour-cave{background:#faf5e9;padding:68px 28px 55px}.books-intro{max-width:800px;margin:0 auto 40px;text-align:center}.books-intro h2{font-family:Georgia,serif;font-size:clamp(29px,4vw,45px);font-weight:normal;letter-spacing:-.035em;line-height:1.18;margin:13px 0 20px}.books-intro em{color:#8c6638}.books-intro>p:last-child{max-width:550px;margin:auto;font-size:14px;line-height:1.8}.book-niches{max-width:1060px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:36px}.book-niches article{display:grid;grid-template-columns:160px 1fr;gap:25px;align-items:center;padding:28px 0;border-top:1px solid #9a8d6b55;border-bottom:1px solid #9a8d6b55}.book-cover img{display:block;width:100%;height:auto;filter:drop-shadow(4px 8px 4px #50443026);transform:rotate(-3deg)}.book-niches article:last-child img{transform:rotate(3deg)}.book-niches h3{font-family:Georgia,serif;font-size:23px;font-weight:normal;line-height:1.25;margin:10px 0}.book-niches .eyebrow{font-size:8px}.book-niches p:not(.eyebrow){font-size:12px;line-height:1.7}.amazon-link{font-size:12px;display:inline-flex;align-items:center;min-height:44px;text-decoration:none;border-bottom:1px solid #8d784c;font-weight:bold}.cover-note{text-align:center;font-size:10px;line-height:1.7;margin:32px 0 20px}.back-up{display:block;text-align:center;font-size:12px;padding:10px}.amelie-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px;background:#365444;color:#fff5db;padding:26px 20px;font-size:11px}.amelie-footer a{text-decoration:none}.audio-unlock{position:fixed;bottom:16px;left:16px;background:#365e49;color:#fffdf5;border:1px solid #d6dcc0;border-radius:24px;padding:10px 18px;box-shadow:0 3px 14px #0002;z-index:10;font-size:11px}.newborn{position:fixed;z-index:15;pointer-events:none;width:120px;height:120px;animation:to-garden 1.15s ease-out forwards}.newborn svg{width:100%;height:100%}.printing .paper{animation:send-sheet 1.1s ease-in-out}.feeding .paper{animation:new-sheet .45s ease-out}
@keyframes garden-walk{from{left:calc(100% + 120px)}to{left:-120px}}@keyframes little-step{50%{transform:translateY(-4px) rotate(1deg)}}@keyframes bird-read{50%{transform:rotate(-4deg)}}@keyframes new-sheet{from{opacity:.3;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes send-sheet{45%{transform:translateY(-65px) scale(.96);opacity:.25}100%{transform:none;opacity:1}}@keyframes to-garden{from{transform:translateY(0) scale(.8);opacity:0}25%{opacity:1}to{transform:translate(var(--fly-x),var(--fly-y)) scale(.65);opacity:0}}
body[data-reduced=true] *,body[data-reduced=true] *:before,body[data-reduced=true] *:after{animation:none!important;scroll-behavior:auto!important}
@media(max-width:1000px){.playbench{grid-template-columns:135px minmax(0,1fr) 123px;gap:23px;padding:30px 23px}.palette{gap:18px 13px;padding:5px}.read-button svg{height:85px}.book-niches{gap:30px}.book-niches article{grid-template-columns:115px 1fr;gap:20px}.book-niches h3{font-size:21px}.reading-card{margin-left:35px;margin-right:35px}}
@media(max-width:720px){.amelie-header{padding:16px 18px;gap:15px}.brand{font-size:22px}.brand span{font-size:8px;max-width:105px}.audio-controls{gap:5px;flex-wrap:wrap;justify-content:flex-end}.audio-controls button{font-size:10px;padding:7px 9px;min-height:36px}.world-nav{padding:19px 20px;font-size:10px}.title-lockup{padding-top:5px}.title-lockup .eyebrow{font-size:8px}.title-lockup h1{font-size:51px;margin:10px 0}.title-lockup>p:last-child{font-size:12px;max-width:285px;margin:auto;line-height:1.6}.garden{height:180px}.village{width:80%;left:-13%;bottom:25px}.tiny-helmut{bottom:84px;right:14%;width:29px}.garden-tree{transform:scale(.65);transform-origin:bottom;left:10%;bottom:32px}.garden-path{height:47px}.garden-note{top:37px;right:4%;max-width:170px;font-size:9px;padding:7px 10px}.parade{top:42px}.creature{width:79px;height:88px;bottom:calc(0px + var(--lane)*11px)}.table-wrap{padding:0 15px;margin-bottom:45px}.playbench{grid-template-columns:minmax(0,1fr);gap:21px;padding:20px 20px 23px;border-radius:19px 19px 8px 8px}.motif-rail{display:grid;grid-template-columns:1fr auto;gap:9px 15px;padding-right:95px;position:relative;min-height:118px}.brush-jar{display:none}.playbench h2{font-size:12px;margin:0}.motif-rail h2{grid-column:1}.book-switch{grid-column:1;grid-row:2}.book-switch button{font-size:10px;padding:7px;min-height:39px}.motif-navigation{grid-column:2;grid-row:2;margin:0;gap:5px}.motif-navigation button{width:35px;min-height:39px}.motif-navigation span{font-size:10px}.motifs{grid-column:1/3;gap:8px}.motif{flex:0 1 45px;min-height:37px}.motif svg{height:29px}.read-button{position:absolute;width:82px;right:0;top:-3px;margin:0;padding:0}.read-button svg{height:72px}.read-button b{font-size:10px;line-height:1.4;text-align:center}.read-button small{font-size:8px}.colour-rail{grid-row:2;padding:0;display:grid;grid-template-columns:1fr;gap:11px}.colour-rail h2{display:none}.palette{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 13px;padding:2px 6px}.swatch{width:33px;height:36px;min-height:36px;box-shadow:inset 0 -8px #fff7e079,0 3px 0 #8b704a55}.swatch:before{height:18px}.swatch[aria-pressed=true]{outline-width:2px;outline-offset:3px}.swatch[aria-pressed=true]:after{font-size:18px;top:0}.colour-rail>p{font-size:9px;margin:0}.paint-note{display:none}.painting-station{grid-row:3}.paper{padding:10px 13px 3px}.paper-heading{padding-bottom:8px}.paper-heading span:first-child{font-size:16px}.paper-heading span:last-child{font-size:7px}.paper-handle{font-size:9px}.paper-actions{gap:7px}.small-button{font-size:10px;padding:8px}.finish-button{padding:9px 13px;min-width:93px}.finish-button span{font-size:15px}.paint-hint{min-height:30px;font-size:10px;margin-top:12px}.reading-card{grid-template-columns:1fr;gap:3px;margin:33px 22px 0;padding:24px}.reading-card h2{font-size:28px;margin:8px 0 13px}.reading-card #story-text{font-size:13px}.workshop{padding-bottom:40px}.colour-cave{padding:40px 24px}.book-niches{grid-template-columns:1fr;gap:25px;max-width:460px}.book-niches article{grid-template-columns:120px 1fr;gap:22px}.book-niches article:last-child{border-top:0;padding-top:0}.books-intro h2{font-size:32px}.books-intro>p:last-child{font-size:12px}.book-niches h3{font-size:22px}.amazon-link{font-size:11px}.amelie-footer{gap:19px;font-size:10px}.audio-unlock{bottom:10px;left:10px;font-size:10px;max-width:calc(100vw - 20px)}}
@media(max-width:390px){.title-lockup h1{font-size:43px}.table-wrap{padding:0 10px}.playbench{padding:19px 14px;gap:17px}.motif-rail{padding-right:80px;gap:7px}.read-button{width:71px}.read-button svg{height:65px}.motif-navigation{gap:2px}.motif-navigation button{width:31px}.book-switch button{padding:5px 3px;font-size:9px}.palette{gap:13px 12px}.book-niches article{grid-template-columns:99px 1fr;gap:17px}.book-niches h3{font-size:20px}.paper-heading span:last-child{letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:not([data-reduced=false]) *{animation:none!important}}

@media(max-width:720px){.swatch{min-width:44px;min-height:44px;width:44px;height:44px}.palette{gap:14px 12px}.swatch:before{height:21px}}