@import url('/your-story/style.css');
body{background:radial-gradient(ellipse at 90% 0,#f1e1b9,transparent 65%),#fff7e7}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 5%;max-width:1300px;margin:auto}header>a:last-child{font-weight:800;font-size:15px;min-height:44px;display:flex;align-items:center}main{max-width:1240px;margin:auto}.book-intro{padding:24px 5% 36px;max-width:850px}.book-intro h1{font-size:clamp(38px,5.6vw,64px);margin:10px 0}.book-intro p:last-child{font-size:17px;max-width:62ch}.page{margin:0 4% 30px;background:#fffbef;border:1px solid #e0d3b2;border-radius:12px;overflow:hidden;box-shadow:0 15px 40px #184a4410}.page img{display:block;width:100%;height:auto;object-fit:contain}.copy{padding:25px 6% 30px;max-width:900px}.copy h2{font-size:clamp(29px,3vw,39px);margin:0 0 12px}.copy p{font-size:clamp(19px,2.4vw,26px);line-height:1.6;max-width:47ch;margin:14px 0}#page-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 5%;margin:20px 0}#page-controls button{border:1px solid #a9b6a5;border-radius:28px;min-height:48px;min-width:100px;padding:10px 18px;font:800 16px Nunito,sans-serif;background:#315b45;color:#fff7e7;cursor:pointer}#page-controls button:disabled{opacity:.45;cursor:default}#page-count{font-size:16px}.reading-tip{text-align:center;font-size:14px;color:#46665e;margin:25px 5%}aside{padding:40px 5%;border-top:1px solid #ddd0b3;margin-top:40px;max-width:900px}aside h2{font-size:35px}aside .small{font-size:14px;line-height:1.6;margin-top:25px}footer{padding:25px 5% 40px}#pages.enhanced .page:not(.active){display:none}#pages.enhanced .page.active{animation:page-in .22s ease-out}@keyframes page-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#pages.enhanced .page.active{animation:none}}@media(min-width:1050px){.page{display:grid;grid-template-columns:1.45fr 1fr;align-items:center}.page img{align-self:start}.copy{padding:25px}.copy p{font-size:22px}.copy h2{font-size:32px}}@media(max-width:450px){.page{margin:0 0 20px;border-radius:0}.copy{padding:20px 6%}.book-intro{padding-top:5px}header .brand{font-size:25px}#page-controls button{min-width:85px}aside h2{font-size:30px}}