.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,var(--color-pink,#ffb6c1) 0%,var(--color-peach,#ffcba4) 100%);cursor:pointer}.modal.active{display:flex;align-items:center;justify-content:center}.modal img{max-width:min(90%,480px);max-height:min(90%,480px);border-radius:0;filter:drop-shadow(0 8px 40px rgba(0,0,0,0.3))}.modal-close{position:absolute;top:20px;right:30px;color:white;font-size:40px;font-weight:bold;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,0.2)}.modal-close:hover{opacity:0.8}.modal-3d-content{display:flex;justify-content:center;align-items:center;padding:40px;cursor:default}.modal-3d-content .book-scene{perspective:calc(var(--target-height,500px) * 5)}.modal-3d-content .book-3d{--scale:calc(var(--target-height,500px) / var(--original-height,200));--book-height:var(--target-height,500px);--book-width:calc(var(--original-width,200) * var(--scale));--book-depth:calc(var(--original-depth,15) * var(--scale));--translate-z:calc(var(--target-height,500px) * -0.5)}