.flipbook-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:#000;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.flipbook-page-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;perspective:1000px}.flipbook-page{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s cubic-bezier(.34,1.56,.64,1);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:auto}.flipbook-page.flipping{animation:pageFlip .4s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes pageFlip{0%{opacity:1;transform:perspective(1000px) rotateY(0) scale(1)}50%{opacity:.6;transform:perspective(1000px) rotateY(85deg) scale(.95)}to{opacity:1;transform:perspective(1000px) rotateY(0) scale(1)}}.nav-btn{position:fixed;top:50%;transform:translateY(-50%);background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:2.5rem;padding:.75rem 1.25rem;cursor:pointer;z-index:10;transition:all .2s ease;-webkit-user-select:none;user-select:none;border-radius:.5rem;line-height:1}.nav-btn:active{background:#ffffff4d;transform:translateY(-50%) scale(.95)}.nav-btn:disabled{opacity:.2;cursor:not-allowed;pointer-events:none}.nav-btn:hover:not(:disabled){background:#ffffff40;border-color:#fff6}.prev-btn{left:1rem}.next-btn{right:1rem}.page-indicator{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.6rem 1.2rem;border-radius:2rem;font-size:.95rem;font-weight:600;z-index:10}.zoom-hint{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);color:#ffffffb3;padding:.5rem 1rem;border-radius:1.5rem;font-size:.85rem;animation:fadeInOut 3s ease-in-out;pointer-events:none}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(-10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}@media (max-width: 480px){.nav-btn{font-size:2rem;padding:.5rem 1rem}.page-indicator{bottom:1.5rem;font-size:.85rem}.zoom-hint{font-size:.75rem}}@media (min-width: 768px){.nav-btn{opacity:.6}.flipbook-container:hover .nav-btn{opacity:1}.nav-btn:hover:not(:disabled){opacity:1}}@media (min-width: 1024px){.nav-btn{opacity:0;transition:opacity .3s ease,background .2s ease}.flipbook-container:hover .nav-btn{opacity:.8}.flipbook-page{cursor:grab}.flipbook-page:active{cursor:grabbing}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#root{width:100%;height:100%}.loader,.error{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a1a;color:#999}.loader p,.error p{font-size:1.2rem;margin-top:1rem}.loader code,.error code{background:#ffffff1a;padding:.25rem .5rem;border-radius:.25rem;font-family:Courier New,monospace;color:#ccc}.spinner{border:3px solid rgba(255,255,255,.1);border-top:3px solid #fff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}