*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#0a0f0a,#0d1a0d,#0a1210);height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem}#app{display:flex;flex-direction:column;align-items:center;height:100%;width:100%}.toolbar{display:flex;justify-content:space-between;align-items:center;width:90vw;max-width:1400px;padding:.5rem 1rem;margin-bottom:.75rem;background:#0000004d;border-radius:8px;gap:1rem}.toolbar-left{display:flex;align-items:center;gap:.75rem}.toolbar-right{display:flex;align-items:center;gap:.25rem}.badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;padding:.25rem .6rem;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.title{color:#fff;font-size:1rem;font-weight:600}.author{color:#888;font-weight:400;font-size:.85rem}.toolbar-right input{width:50px;padding:.35rem;border:1px solid #3a3a5a;border-radius:4px;background:#1a1a2a;color:#fff;text-align:center;font-size:.8rem}.toolbar-right button{padding:.4rem .6rem;border:none;border-radius:4px;background:#3a3a5a;color:#fff;cursor:pointer;transition:background .2s;font-size:.9rem}.toolbar-right button:hover{background:#4a4a6a}.page-info{color:#aaa;margin-top:1rem;font-size:.9rem}.buy-button{display:inline-block;margin-top:1rem;padding:.75rem 2rem;background:linear-gradient(135deg,#4ade80,#22c55e);color:#000;font-weight:700;text-decoration:none;border-radius:8px;font-size:1rem;transition:transform .2s,box-shadow .2s}.buy-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px #4ade8066}.flipbook-container{box-shadow:0 10px 40px #00000080;width:90vw!important;max-width:1400px!important;max-height:calc(100vh - 180px)!important;flex-shrink:1}.stf__parent,.stf__wrapper,.stf__block,.stf__canvas{background:transparent!important}.flipbook-container canvas{background:transparent!important}.flipbook-container,.flipbook-container *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:auto}.clickable,.clickable .flipbook-container{cursor:pointer}@media(max-width:768px){body{padding:.5rem;overflow-x:hidden}.toolbar{flex-direction:column;gap:.5rem;padding:.5rem;width:100%}.toolbar-left,.toolbar-right{width:100%;justify-content:center}.title{font-size:.85rem}.author{font-size:.75rem}.badge{font-size:.6rem;padding:.2rem .4rem}.flipbook-container{width:95vw!important;max-width:95vw!important;height:auto!important;max-height:calc(100vh - 160px)!important}.buy-button{padding:.6rem 1.5rem;font-size:.9rem;margin-top:.5rem}.page-info{margin-top:.5rem;font-size:.8rem}}@media(max-width:480px){.toolbar-left .title{font-size:.75rem}.toolbar-left .author{display:none}.toolbar-right input{width:40px;padding:.25rem;font-size:.7rem}.toolbar-right button{padding:.3rem .5rem;font-size:.8rem}.flipbook-container{max-height:calc(100vh - 180px)!important}}.stf__parent{position:relative;display:block;box-sizing:border-box;transform:translateZ(0);-ms-touch-action:pan-y;touch-action:pan-y}.sft__wrapper{position:relative;width:100%;box-sizing:border-box}.stf__parent canvas{position:absolute;width:100%;height:100%;left:0;top:0}.stf__block{position:absolute;width:100%;height:100%;box-sizing:border-box;perspective:2000px}.stf__item{display:none;position:absolute;transform-style:preserve-3d}.stf__outerShadow,.stf__innerShadow,.stf__hardShadow,.stf__hardInnerShadow{position:absolute;left:0;top:0}