@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@500;600;700&display=swap";:root{color:#173f42;font-synthesis:none;--ink:#153f41;--teal:#0d827f;--teal-dark:#075f60;--yellow:#f4b833;--coral:#df593f;--cream:#f7eedb;--paper:#fff9eb;--line:#143f4226;background:#f4ead6;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.app-shell{background:radial-gradient(circle at 7% 26%,#eeb22f33 0 6px,#0000 7px),radial-gradient(circle at 92% 74%,#df593f21 0 10px,#0000 11px),linear-gradient(130deg,#faf3e5 0%,#f2e6d0 100%);min-height:100vh;position:relative}.app-shell:before,.app-shell:after{content:"";pointer-events:none;border:38px solid #0d827f0e;border-radius:50%;width:220px;height:220px;position:fixed}.app-shell:before{top:72px;left:-145px}.app-shell:after{border-color:#f7bd3f21;bottom:-115px;right:-130px}.topbar{z-index:5;border-bottom:1px solid #143f421a;justify-content:space-between;align-items:center;max-width:1340px;height:72px;margin:0 auto;padding:0 28px;display:flex;position:relative}.brand{cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:6px;display:flex}.brand>span:last-child{align-items:baseline;gap:6px;display:flex}.brand strong,.brand small{text-transform:uppercase;font-family:Fredoka,Arial Rounded MT Bold,sans-serif;line-height:1}.brand strong{letter-spacing:-.5px;font-size:20px}.brand small{letter-spacing:1.7px;color:var(--coral);font-size:12px}.brand-mark{background:var(--yellow);border-radius:50% 50% 46% 46%;width:39px;height:39px;display:block;position:relative;box-shadow:inset -4px -4px #ca7f1621}.brand-mark:after{content:"";background:var(--teal);width:8px;height:8px;box-shadow:13px 0 0 var(--teal);border-radius:50%;position:absolute;top:12px;left:10px}.brand-mark span:first-child{border-bottom:3px solid var(--teal);border-radius:50%;width:16px;height:6px;position:absolute;top:21px;left:11px}.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){background:var(--coral);border-radius:3px;width:3px;height:9px;position:absolute;bottom:-4px}.brand-mark span:nth-child(2){left:10px;transform:rotate(18deg)}.brand-mark span:nth-child(3){right:10px;transform:rotate(-18deg)}.reader-wrap{z-index:1;max-width:1280px;margin:0 auto;padding:17px 30px 24px;position:relative}.story-meta{color:#5f7474;letter-spacing:1.3px;text-transform:uppercase;grid-template-columns:1fr 70px;align-items:center;gap:20px;margin:0 5px 10px;font-size:10px;font-weight:700;display:grid}.story-meta>span{text-align:right}.progress-track{background:#143f421f;border-radius:10px;height:3px;overflow:hidden}.progress-track i{background:var(--coral);border-radius:inherit;height:100%;transition:width .35s;display:block}.book-stage{grid-template-columns:68px auto 68px;justify-content:center;align-items:center;gap:20px;display:grid}.page-turn{cursor:pointer;background:#fff9ebd1;border:1px solid #143f421f;border-radius:999px;place-items:center;width:64px;height:96px;transition:transform .2s,background .2s,opacity .2s;display:grid;box-shadow:0 10px 30px #44361d1f}.page-turn svg{stroke-width:2.25px;width:31px;height:31px}.page-turn:hover:not(:disabled){background:#fff;transform:scale(1.06)}.page-turn:disabled{opacity:.18;cursor:default}.book{aspect-ratio:1;isolation:isolate;background:#e6d3ae;border-radius:12px 24px 24px 12px;width:min(78vw,100vh - 150px,720px);margin:0 auto;animation:.42s cubic-bezier(.22,.8,.2,1) book-in;position:relative;overflow:hidden;box-shadow:0 28px 70px #44361d33,0 5px 12px #44361d21,inset 9px 0 #4f391f14;container-type:inline-size}.book:after{content:"";z-index:5;border-radius:inherit;pointer-events:none;border:1px solid #4a341721;position:absolute;inset:0;box-shadow:inset 10px 0 18px -18px #271a0ccc}@keyframes book-in{0%{opacity:.25;transform:translateY(7px)rotate(.25deg)scale(.995)}}.book-art{object-fit:cover;z-index:0;width:100%;height:100%;animation:.7s art-in;display:block;position:absolute;inset:0}@keyframes art-in{0%{filter:saturate(.72);transform:scale(1.025)}}.page-wash{z-index:1;pointer-events:none;background:radial-gradient(ellipse var(--wash-width) var(--wash-height) at var(--wash-x) var(--wash-y), #fff7defa 0%, #fff7dee6 52%, transparent 80%);position:absolute;inset:0}.art-only .page-wash{display:none}.cover-title{z-index:2;width:52%;color:var(--ink);text-shadow:0 2px #ffffff94;position:absolute;top:7%;left:7.5%}.cover-title p{font:700 clamp(11px,2.4cqw,17px) DM Sans,sans-serif}.cover-subtitle{color:var(--coral);letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px}.cover-title h1{letter-spacing:-.045em;text-wrap:balance;margin:0;font:700 clamp(34px,9cqw,66px)/.9 Fredoka,Arial Rounded MT Bold,sans-serif}.cover-details{color:var(--ink);opacity:.58;letter-spacing:.04em;align-items:center;gap:.65em;margin:13px 0 0;display:flex}.story-copy{left:var(--text-x);top:var(--text-y);z-index:2;width:var(--text-width);text-align:var(--text-align);color:var(--ink);text-shadow:0 1px #ffffffb3;position:absolute}.story-copy h1{letter-spacing:-1.8px;white-space:pre-line;text-wrap:balance;overflow-wrap:normal;margin:0 0 14px;font-family:Fredoka,Arial Rounded MT Bold,sans-serif;font-size:clamp(26px,7.5cqw,52px);line-height:.98}.story-copy-compact h1{letter-spacing:-1.25px;font-size:clamp(22px,5.8cqw,40px);line-height:1.04}.page-body{text-wrap:pretty;margin:0;font-family:Fredoka,Arial Rounded MT Bold,sans-serif;font-size:clamp(12px,3.1cqw,17px);line-height:1.4}.page-number{z-index:6;background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:29px;height:29px;font:600 12px Fredoka,sans-serif;display:grid;position:absolute;bottom:18px;right:19px;box-shadow:0 2px 7px #00000026}.page-dots{justify-content:center;gap:8px;margin:13px auto 0;display:flex}.page-dots button{cursor:pointer;background:#c9bda9;border:0;border-radius:50%;width:7px;height:7px;padding:0;transition:all .25s}.page-dots button.active{background:var(--coral);border-radius:8px;width:25px}@media (width<=850px){.topbar{height:66px;padding:0 16px}.brand small{display:none}.reader-wrap{padding:14px 12px 20px}.story-meta{grid-template-columns:1fr 55px}.book-stage{grid-template-columns:48px auto 48px;gap:8px}.page-turn{width:46px;height:76px}.page-turn svg{width:25px;height:25px}.book{width:min(100vw - 124px,100vh - 140px,680px)}}@media (width<=560px){.brand strong{font-size:16px}.brand-mark{width:34px;height:34px}.book-stage{grid-template-columns:1fr 1fr;grid-template-areas:"book book""previous next";gap:12px 16px}.book{border-radius:8px 17px 17px 8px;grid-area:book;width:calc(100vw - 24px)}.page-turn{background:#fff9ebe6;width:52px;height:44px;position:static;transform:none}.page-turn:hover:not(:disabled){transform:scale(1.04)}.page-turn-prev{grid-area:previous;justify-self:start}.page-turn-next{grid-area:next;justify-self:end}.story-copy h1{letter-spacing:-1.3px;margin:9px 0 10px}.page-body{line-height:1.32}.page-number{bottom:11px;right:12px}.page-dots{gap:6px}.page-dots button{width:6px;height:6px}.page-dots button.active{width:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}