html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 90% at 50% 38%,#f3efe8 0%,#e7e2d8 55%,#d6d0c2 100%);overflow:hidden}.flipbook{-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;height:100%;position:relative;overflow:hidden}.flipbook canvas{display:block}.flipbook-zone{cursor:pointer;width:16%;position:absolute;top:0;bottom:0}.flipbook-zone-left{left:0}.flipbook-zone-right{right:0}.flipbook-nav{z-index:2;color:#28241e59;cursor:pointer;background:0 0;border:0;border-radius:8px;width:44px;height:64px;font-family:Georgia,Times New Roman,serif;font-size:40px;font-weight:200;line-height:1;transition:color .16s,background-color .16s,opacity .16s;position:absolute;top:50%;transform:translateY(-50%)}.flipbook-nav:hover{color:#28241ed9;background:#ffffff40}.flipbook-nav:disabled{opacity:0;pointer-events:none}.flipbook-nav-prev{left:8px}.flipbook-nav-next{right:8px}.flipbook-status{color:#28241e8c;letter-spacing:.02em;flex-direction:column;justify-content:center;align-items:center;gap:6px;font:500 15px/1.4 system-ui,sans-serif;display:flex;position:absolute;inset:0}.flipbook-status small{opacity:.7;text-align:center;max-width:70%;font-size:12px}