@font-face{font-family:Sarabun;src:url('assets/reader/Sarabun-Regular.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#faf8fc;color:#35253b;font-family:Sarabun,sans-serif;line-height:1.7}a{color:inherit}header{max-width:1100px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{font-size:23px;font-weight:bold;text-decoration:none;color:#542c64}.contact{font-size:14px;text-decoration:none;border-bottom:1px solid #d8bd87}.intro{text-align:center;padding:45px 20px 34px;background:radial-gradient(ellipse at top,#f0e7f3,transparent 65%)}.eyebrow{color:#866841;font-size:14px;letter-spacing:1px}h1{font-size:clamp(35px,6vw,58px);line-height:1.3;margin:16px 0}h1 em{font-style:normal;color:#6d427b}p{font-size:17px}.primary{display:inline-block;border-radius:30px;background:#542c64;color:white;text-decoration:none;padding:13px 28px;box-shadow:0 5px 20px #542c641a}.hint{font-size:13px;color:#786980}.tools{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;background:#fffef9f5;backdrop-filter:blur(12px);padding:12px;border-top:1px solid #e7daca;border-bottom:1px solid #e7daca}button,select{font:inherit;border:1px solid #ddd0e3;border-radius:10px;padding:8px;background:white;color:#542c64;cursor:pointer;min-height:44px}select{max-width:230px}button:disabled{opacity:.3;cursor:default}#progress{font-size:13px;color:#786980;min-width:82px;text-align:center}.pages{max-width:880px;margin:auto;padding:20px 18px}.page{margin:0 0 24px;scroll-margin-top:85px}.page figcaption{font-size:14px;margin:0 0 8px;color:#786980;display:flex;justify-content:space-between}.page button{padding:0;display:block;width:100%;border:0;border-radius:3px;overflow:hidden;box-shadow:0 8px 32px #35253b12;cursor:zoom-in}.page img{display:block;width:100%;height:auto;background:white;aspect-ratio:468/680}.finish{text-align:center;padding:40px 20px 60px;background:#eee5f1}h2{font-size:30px;margin:10px}.back{display:block;margin-top:18px;font-size:14px}footer{text-align:center;font-size:12px;color:#786980;padding:28px 20px}dialog{width:96vw;max-width:1400px;height:94dvh;padding:0;border:0;border-radius:16px;background:#faf8fc}dialog::backdrop{background:#201425c9}.zoom-tools{display:flex;align-items:center;justify-content:space-between;padding:10px 18px}.zoom-scroll{height:calc(100% - 115px);overflow:auto;background:#e8e3eb}.zoom-scroll img{display:block;width:max(100%,950px);height:auto}dialog p{font-size:12px;text-align:center;margin:10px}:focus-visible{outline:3px solid #a879bb;outline-offset:3px}@media(max-width:550px){header{padding:16px}.tools{gap:6px}.tools label{display:none}select{max-width:160px;flex:1;font-size:13px}.pages{padding:14px 8px}.page figcaption{padding:0 5px;font-size:12px}.intro{padding-top:30px}.finish .primary{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}