body{background:#e7e4dd;margin:0;overflow:hidden}.book-section{box-sizing:border-box;width:100%;padding:30px 20px 50px;overflow:hidden}.book-stage{justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.book-shell{box-sizing:border-box;background:linear-gradient(#d9d4ca,#cfc8bd);border-radius:16px;justify-content:center;align-items:center;width:75%;max-width:1100px;margin:0 auto;padding:50px 40px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff80,0 20px 50px #0000002e}.flipbook{filter:drop-shadow(0 18px 28px #00000038);margin:0 auto}.book-header{text-align:center;margin-bottom:20px}.book-header h1{color:#2f2a24;margin:0 0 8px;font-size:32px}.book-header p{color:#5f574d;margin:0;font-size:16px}.book-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-bottom:24px;display:flex}.book-controls button{color:#fff;cursor:pointer;background:#3b342d;border:none;border-radius:8px;padding:10px 18px;font-size:15px;transition:background .2s}.book-controls button:hover{background:#241f1a}.page-indicator{color:#3b342d;font-size:15px;font-weight:600}.page{background:#f8f5ee;position:relative;overflow:hidden}.page img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.cover{background:#ddd6ca;box-shadow:inset 0 0 0 1px #00000014,inset 0 0 20px #00000014}.inner-page{background:#fcfaf4;box-shadow:inset 0 0 12px #0000000a,inset 0 0 1px #00000014}.inner-page:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(270deg,#00000038,#00000014,#0000);width:22px;height:100%;position:absolute;top:0;right:0}.inner-page:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000001a,#0000);width:14px;height:100%;position:absolute;top:0;left:0}.inner-page img{filter:saturate(.98)contrast(1.01)}@media (max-width:1100px){.book-shell{width:88%}}@media (max-width:768px){.book-shell{width:96%;padding:18px 10px 24px}.book-header h1{font-size:26px}.book-controls{gap:10px}.book-controls button{padding:9px 14px;font-size:14px}}.book-toolbar{justify-content:center;gap:12px;margin-bottom:15px;display:flex}.book-toolbar button{cursor:pointer;background:linear-gradient(#fff,#dcdcdc);border:none;border-radius:8px;padding:8px 14px;font-size:14px;transition:all .2s;box-shadow:0 3px 6px #0003}.book-toolbar button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000040}.book-toolbar button:active{transform:scale(.95)}