.reader.flipbook-reader{background:linear-gradient(#f9f1e852,#f6e7de9c),url(/assets/brand/library-background.png) 50% /cover fixed;padding-bottom:34px}.flipbook-reader .reader-header{max-width:none;background:#ffffffed}.flipbook-reader .reader-stage{max-width:1580px;width:calc(100% - 40px);gap:clamp(10px,1.5vw,24px);margin-top:30px}.flipbook-reader .reader-gear{display:inline-flex}.flipbook-reader .reader-page-count{font-family:Noto Sans Thai,sans-serif}.flipbook-shell{flex:1 1 auto;min-width:0;max-width:1320px;position:relative;padding:12px 13px 15px;border:2px solid #c89169;border-radius:20px 25px 25px 20px;background:linear-gradient(110deg,#b8754d,#f2c89b 3%,#bd8056 49.5%,#a16543 50%,#eabe95 51%,#bc8158);box-shadow:0 3px 0 #9a6142,0 10px 0 #e8d6b5,0 12px 0 #bc9671,0 17px 0 #f0dfbd,0 19px 0 #b68c68,0 30px 40px #61463040;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.flipbook-pages{position:relative;perspective:2200px}.flipbook-desktop{display:grid;grid-template-columns:1fr 1fr;min-height:clamp(390px,35vw,560px)}.flip-art{position:relative;background:#fff8e9;min-width:0;overflow:hidden;border-radius:10px 2px 2px 10px;display:flex;align-items:center}.flip-art img{width:100%;height:100%;max-height:560px;object-fit:contain;pointer-events:none}.flip-art:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset -20px 0 25px -20px #56371380,inset 0 0 0 1px #ffffff80}.flip-page-number{position:absolute;bottom:15px;left:17px;background:#ffffffe8;color:#8b6749;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font-size:.75rem}.flip-paper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:64px clamp(22px,3vw,48px) 42px;border-radius:2px 10px 30px 2px;background:linear-gradient(90deg,#a58c6633,#fff0 9%,#fff0 94%,#bd9c6220),repeating-linear-gradient(0deg,#a4895805 0 1px,transparent 1px 4px),#fffcf2;box-shadow:inset -1px 0 0 #b4956850;text-align:center}.flip-paper .story-text{font-family:Noto Sans Thai,Noto Sans,sans-serif;font-size:clamp(1.15rem,1.65vw,1.65rem);line-height:1.95;color:#303b79}.flip-paper-label{position:absolute;top:20px;right:24px;font-size:.75rem;color:#8d785e}.flip-flourish{color:#8cab65;font-size:2.3rem;line-height:1;margin-top:24px}.flip-corner{position:absolute;bottom:0;right:0;width:36px;height:36px;border-radius:16px 0 25px 0;background:linear-gradient(135deg,#ede0c4,#fffdf8 49%,#c3a279 51%,#f6e9d0 68%);filter:drop-shadow(-3px -2px 3px #76592b20)}.flipbook-gutter{z-index:2;left:50%;width:42px;transform:translateX(-50%);pointer-events:none;background:linear-gradient(90deg,transparent,#6746271a 35%,#563a325c 49%,#fff4de60 51%,#72523414 68%,transparent)}.flip-leaf,.flipbook-gutter{position:absolute;top:0;bottom:0}.flip-leaf{z-index:4;width:50%;transform-style:preserve-3d;animation:flip-leaf-forward .85s cubic-bezier(.4,.05,.25,1) both}.flip-leaf.forward{left:50%;transform-origin:left center}.flip-leaf.backward{left:0;transform-origin:right center;animation-name:flip-leaf-backward}.flip-leaf-back,.flip-leaf-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.flip-leaf-back{transform:rotateY(180deg)}.flip-leaf-back>*,.flip-leaf-front>*{height:100%}.flip-leaf-back:after,.flip-leaf-front:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#4f372600,#4f372659);animation:flip-shading .85s ease-in-out both;pointer-events:none}@keyframes flip-leaf-forward{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes flip-leaf-backward{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes flip-shading{0%,to{opacity:0}45%,60%{opacity:.85}}.flip-mobile-turn,.flipbook-mobile{display:none}.flipbook-reader .reader-controls{max-width:1330px;width:calc(100% - 100px);margin:38px auto 0;background:#fffffff0}.flipbook-reader .reader-deck{max-width:none;padding:8px 4px;border:0;box-shadow:none;background:transparent}.flipbook-reader .reader-options{gap:16px}.flipbook-reader .thumb-strip{position:relative;max-width:none;justify-content:flex-start;display:flex}.flipbook-reader .thumb{width:92px;height:59px}.flipbook-reader .thumb.active{border-width:3px}.flipbook-reader .flip-hint{text-align:center;font-size:.74rem;color:#7a6b89;margin-top:10px}.flipbook-reader .page-sound-control{display:flex;align-items:center;gap:8px;border:1px solid #e5daee;border-radius:999px;background:#fff;min-height:42px;padding:8px 13px;font-size:.75rem;color:#77548e}.flipbook-reader .page-sound-control[aria-pressed=true]{background:#f3eaff;color:#7736b3}@media (max-width:1023px){.flipbook-reader .page-arrow{width:44px;height:44px}.flipbook-reader .reader-controls{width:calc(100% - 44px)}.flipbook-reader .desktop-reader-options{display:block}.flipbook-reader .mobile-reader-settings{display:none}}@media (max-width:767px){.reader.flipbook-reader{background-attachment:scroll}.flipbook-reader .reader-header{padding:12px;gap:9px}.flipbook-reader .reader-title{min-width:0}.flipbook-reader .reader-title h1{font-size:.98rem}.flipbook-reader .reader-stage{width:calc(100% - 28px);margin-top:18px}.flipbook-shell{padding:7px;border-radius:14px}.flip-leaf,.flipbook-desktop,.flipbook-gutter{display:none}.flipbook-mobile{display:grid}.flip-art{border-radius:7px 7px 0 0}.flip-art img{height:auto;aspect-ratio:16/9}.flip-paper{min-height:260px;padding:44px 24px 29px;border-radius:0 0 19px 7px}.flip-paper .story-text{font-size:1.16rem;line-height:1.85}.flip-paper-label{top:12px;font-size:.68rem;right:15px}.flip-flourish{margin-top:17px;font-size:1.7rem}.flip-mobile-turn{display:block;position:absolute;inset:0;z-index:4;perspective:1600px}.flip-mobile-new,.flip-mobile-old{position:absolute;inset:0;background:#fffcf2;border-radius:8px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:left center;display:flex;flex-direction:column}.flip-mobile-new .flip-paper,.flip-mobile-old .flip-paper{flex:1 1}.flip-mobile-old{animation:flip-mobile-out .85s ease-in-out both}.flip-mobile-new{animation:flip-mobile-in .85s ease-in-out both}.flip-mobile-turn.backward>*{transform-origin:right center}.flip-mobile-turn.backward .flip-mobile-old{animation-name:flip-mobile-out-back}.flip-mobile-turn.backward .flip-mobile-new{animation-name:flip-mobile-in-back}@keyframes flip-mobile-out{0%{transform:rotateY(0)}49%{opacity:1}50%,to{transform:rotateY(-90deg);opacity:0}}@keyframes flip-mobile-in{0%,49%{transform:rotateY(90deg);opacity:0}50%{opacity:1}to{transform:rotateY(0);opacity:1}}@keyframes flip-mobile-out-back{0%{transform:rotateY(0)}49%{opacity:1}50%,to{transform:rotateY(90deg);opacity:0}}@keyframes flip-mobile-in-back{0%,49%{transform:rotateY(-90deg);opacity:0}50%{opacity:1}to{transform:rotateY(0);opacity:1}}.flipbook-reader .reader-controls{width:calc(100% - 24px);margin:31px auto 0;padding:15px 12px}.flipbook-reader .desktop-reader-options{display:none}.flipbook-reader .mobile-reader-settings{display:flex;align-items:center;gap:6px;margin-top:10px;padding:10px 14px;min-height:44px;border-radius:99px;background:#f3eaff;color:#77548e}.flipbook-reader .main-controls{gap:10px}.flipbook-reader .main-controls .button{min-width:90px;padding:10px}.flipbook-reader .thumb{width:72px;height:48px}.flipbook-reader .flip-hint{font-size:.68rem}}@media (prefers-reduced-motion:reduce){.flipbook-reader *,.flipbook-reader :after{animation:none!important;transition:none!important}}