.pf-root{display:flex;flex-direction:column;align-items:center;gap:28px;padding:48px 20px 56px;background:linear-gradient(160deg,#08152a,#0e2245);min-height:calc(100vh - 90px)}.pf-title{text-align:center;color:#fff}.pf-title h1{font-size:1.35rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.pf-title p{font-size:.82rem;color:rgba(255,255,255,.7);margin-top:4px}.pf-row{display:flex;align-items:center;gap:16px;width:100%;max-width:1060px}.pf-nav{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .15s}.pf-nav:hover:not(:disabled){background:rgba(255,255,255,.22);transform:scale(1.08)}.pf-nav:disabled{opacity:.25;cursor:not-allowed}.pf-book{flex:1;position:relative;display:flex;border-radius:3px;box-shadow:0 50px 100px rgba(0,0,0,.65),0 20px 40px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.04);perspective:2800px;overflow:hidden}.pf-page{flex:1;display:block;min-width:0;user-select:none;-webkit-user-drag:none;pointer-events:none}.pf-page-l{box-shadow:inset -8px 0 24px rgba(0,0,0,.18)}.pf-page-r{box-shadow:inset 8px 0 24px rgba(0,0,0,.18)}.pf-spine{width:10px;flex-shrink:0;position:relative;z-index:2;background:linear-gradient(90deg,#0a0f1a,#1c2a44,#0a0f1a);box-shadow:0 0 12px 4px rgba(0,0,0,.45)}.pf-flip{position:absolute;top:0;bottom:0;transform-style:preserve-3d;z-index:10}.pf-flip-next{right:0;width:calc(50% - 5px);transform-origin:left center;animation:pfNext .68s cubic-bezier(.4,0,.2,1) forwards}.pf-flip-prev{left:0;width:calc(50% - 5px);transform-origin:right center;animation:pfPrev .68s cubic-bezier(.4,0,.2,1) forwards}@keyframes pfNext{0%{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}@keyframes pfPrev{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}.pf-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.pf-face img{width:100%;height:100%;object-fit:fill;display:block}.pf-face-back-next{transform:rotateY(180deg)}.pf-face-back-prev{transform:rotateY(-180deg)}.pf-flip-next .pf-face-front:after,.pf-flip-prev .pf-face-front:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(270deg,rgba(0,0,0,.28),transparent 60%);animation:pfShadow .68s ease-in-out}@keyframes pfShadow{0%,to{opacity:0}50%{opacity:1}}.pf-info{display:flex;align-items:center;gap:24px;color:rgba(255,255,255,.65);font-size:.82rem;font-weight:600;flex-wrap:wrap;justify-content:center}.pf-info-page{background:rgba(255,255,255,.08);border-radius:20px;padding:5px 14px;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:#fff}@media(max-width:680px){.pf-root{padding:28px 8px 40px;gap:20px}.pf-row{gap:8px}.pf-nav{width:36px;height:36px}.pf-flip-next,.pf-flip-prev{width:100%}.pf-page-r,.pf-spine{display:none}}