.book-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;width:100%;max-width:100%}.cookbook-flipbook{margin:0 auto;max-width:100%}.cookbook-flipbook>div{margin:0 auto}.cookbook-flipbook .stf__block{margin:0 auto;display:flex;justify-content:center}.cookbook-flipbook .stf__item{margin:0 auto}.cover{position:relative;overflow:hidden;box-sizing:border-box;border-radius:10px 5px 5px 10px;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px rgba(0,0,0,.15),0 4px 8px rgba(0,0,0,.1),0 12px 24px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.06),inset 0 0 20px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.1);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(0,0,0,.05))}.cover-back,.cover-front{transform-style:preserve-3d}.cover-image-full{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;z-index:1;filter:contrast(1.02) brightness(.98)}.book-spine{width:18px;background:linear-gradient(90deg,rgba(0,0,0,.4),rgba(0,0,0,.25) 50%,transparent);z-index:2;box-shadow:inset -2px 0 4px rgba(0,0,0,.3)}.book-spine,.cover:before{position:absolute;left:0;top:0;bottom:0;border-radius:10px 0 0 10px;pointer-events:none}.cover:before{content:"";width:2px;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 50%,rgba(255,255,255,.1));z-index:3}.cover:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.15),transparent);z-index:3;pointer-events:none;border-radius:10px 5px 0 0}.cover-content{padding:30px 25px;z-index:1}.cover-title{font-size:1.75rem;font-weight:600;letter-spacing:1.5px;margin-bottom:.75rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);line-height:1.2}.cover-subtitle,.cover-title{font-family:Minion Pro,Georgia,serif}.cover-subtitle{font-size:.875rem;opacity:.9;font-weight:300;letter-spacing:.5px}.page{background-color:#fdfbf7;border:1px solid #e5ddd5;padding:25px 20px;box-sizing:border-box;box-shadow:inset 0 0 15px rgba(0,0,0,.05),0 6px 12px rgba(0,0,0,.12),0 3px 6px rgba(0,0,0,.08),0 8px 16px rgba(0,0,0,.06),0 2px 4px rgba(0,0,0,.04);overflow:hidden;display:flex;flex-direction:column}.image-page{position:relative;overflow:hidden;padding:0;background:transparent;box-shadow:0 6px 12px rgba(0,0,0,.12),0 3px 6px rgba(0,0,0,.08),0 8px 16px rgba(0,0,0,.06),0 2px 4px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.08)}.image-page:before,.page:before{bottom:0;width:1px;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent 50%,rgba(255,255,255,.08))}.image-page:after,.image-page:before,.page:after,.page:before{content:"";position:absolute;left:0;top:0;z-index:2;pointer-events:none}.image-page:after,.page:after{right:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent)}.page-image-full{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;left:0}.page-content{height:100%;gap:20px}.page-content,.page-header{display:flex;flex-direction:column}.page-header{gap:8px;margin-bottom:10px}.page-title{font-family:Minion Pro,Georgia,serif;font-size:1.25rem;font-weight:600;color:#1f2937;margin:0;text-transform:capitalize}.page-category{font-size:.75rem;color:#6b7280;text-transform:lowercase;font-style:italic}.page-image{display:flex;justify-content:center;align-items:center;margin:10px 0}.recipe-image{width:100%;max-width:220px;height:auto;border-radius:6px;box-shadow:0 3px 8px rgba(0,0,0,.12);-o-object-fit:cover;object-fit:cover}.page-text{display:flex;flex-direction:column;gap:20px;flex:1;margin-top:10px}.ingredients-section,.instructions-section{display:flex;flex-direction:column;gap:8px}.section-title{font-family:Minion Pro,Georgia,serif;font-size:.9375rem;font-weight:600;color:#374151;margin:0;text-transform:capitalize;border-bottom:1px solid #d1d5db;padding-bottom:3px}.ingredients-text,.instructions-text{font-family:system-ui,-apple-system,sans-serif;font-size:.75rem;line-height:1.5;color:#4b5563;white-space:pre-wrap;margin:0;font-weight:400}.page-footer{margin-top:auto;padding-top:10px;border-top:1px solid #e5ddd5;text-align:center}.page-number{font-size:.75rem;color:#9ca3af;font-weight:500}.toc-page{background-color:#fdfbf7}.toc-content{padding:25px 20px}.toc-title{font-family:Minion Pro,Georgia,serif;font-size:1.125rem;font-weight:600;text-align:center;text-transform:lowercase;color:#1f2937;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #d1d5db}.toc-section{margin-bottom:25px}.toc-section-title{font-family:Minion Pro,Georgia,serif;font-size:.875rem;font-weight:600;text-transform:capitalize;color:#374151;margin-bottom:10px}.toc-items{flex-direction:column}.toc-item,.toc-items{display:flex;gap:12px}.toc-item{align-items:center;padding:6px 0}.toc-item-image-circle{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #e5ddd5;box-shadow:0 2px 4px rgba(0,0,0,.1)}.toc-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.toc-item-name{font-size:.75rem;color:#4b5563;flex:1;text-transform:lowercase}.toc-item-page{font-size:.6875rem;color:#9ca3af;text-transform:lowercase}.toc-items-large{gap:16px}.toc-item-large{flex-direction:column;align-items:flex-start;gap:8px}.toc-item-image-rect{width:120px;height:80px;border-radius:4px;overflow:hidden;border:2px solid #e5ddd5;box-shadow:0 2px 6px rgba(0,0,0,.1)}.toc-image-large{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.toc-section-right{margin-bottom:30px}.tap-to-flip-hint{margin-top:16px;font-size:.75rem;color:#9ca3af;text-align:center;text-transform:lowercase}@media (max-width:768px){.cover-title{font-size:1.75rem}.cover-subtitle{font-size:.875rem}.page{padding:30px 20px}.toc-content{padding:30px 25px}.page-title{font-size:1.5rem}.toc-title{font-size:1.25rem}}