.rv-stage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a1a;padding:24px 16px 40px;-webkit-user-select:none;user-select:none;font-family:DM Sans,system-ui,sans-serif}.rv-book-wrap{position:relative;perspective:2200px;perspective-origin:50% 45%}.rv-book{position:relative;width:var(--rv-book-w);height:var(--rv-book-h);transform-style:preserve-3d}.rv-book:after{content:"";position:absolute;bottom:-18px;left:5%;width:90%;height:28px;background:radial-gradient(ellipse at 50% 0%,rgba(0,0,0,.55) 0%,transparent 75%);pointer-events:none}.rv-page{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;transform-origin:left center;transition:transform .85s cubic-bezier(.645,.045,.355,1);z-index:1}.rv-page{right:0;transform-origin:left center}.rv-page.rv-before{transform:rotateY(0);z-index:2}.rv-page.rv-flipping{transform:rotateY(-180deg);z-index:10;transition:transform .85s cubic-bezier(.645,.045,.355,1)}.rv-page.rv-after{transform:rotateY(-180deg);z-index:1}.rv-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border:1px solid rgba(0,0,0,.18)}.rv-face-front{transform:rotateY(0)}.rv-face-back{transform:rotateY(180deg)}.rv-face-front:after,.rv-face-back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;opacity:0;transition:opacity .85s ease}.rv-page.rv-flipping .rv-face-front:after{background:linear-gradient(to right,transparent 60%,rgba(0,0,0,.22) 100%);opacity:1}.rv-page.rv-flipping .rv-face-back:after{background:linear-gradient(to left,transparent 60%,rgba(0,0,0,.18) 100%);opacity:1}.rv-left-fixed{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;border:1px solid rgba(0,0,0,.18);z-index:0}.rv-spine{position:absolute;top:0;left:50%;transform:translate(-50%);width:6px;height:100%;background:linear-gradient(180deg,#555,#222 40%,#444 60%,#111);z-index:20;pointer-events:none;box-shadow:0 0 8px #0009}.rv-pdf-canvas{display:block;width:100%;height:100%;object-fit:contain}.rv-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;text-align:center}.rv-placeholder.rv-cover{background:linear-gradient(135deg,#0d0d0d,#1a1208,#0d0d0d);color:#f0a050}.rv-placeholder.rv-cover .rv-cover-logo{font-family:Space Grotesk,serif;font-weight:800;font-size:clamp(28px,5vw,48px);letter-spacing:.04em;color:#f0a050}.rv-placeholder.rv-cover .rv-cover-sub{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#f0a05099;margin-top:8px}.rv-placeholder.rv-cover .rv-cover-year{margin-top:32px;font-size:11px;letter-spacing:.22em;color:#f0a05066}.rv-placeholder.rv-cover-back{background:#111;color:#ffffff40}.rv-placeholder.rv-inner{background:#f9f6f0;color:#2a2a2a}.rv-placeholder.rv-inner .rv-page-num{position:absolute;bottom:18px;font-size:10px;letter-spacing:.2em;color:#aaa}.rv-placeholder.rv-inner.rv-left{border-right:1px solid #e0d8cc}.rv-placeholder.rv-inner.rv-right{border-left:1px solid #e0d8cc}.rv-placeholder .rv-ph-label{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#bbb;border:1px dashed #ddd;padding:6px 14px;border-radius:2px}.rv-controls{display:flex;align-items:center;gap:24px;margin-top:28px}.rv-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.18);background:#ffffff0f;color:#ffffffbf;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:background .2s ease,border-color .2s ease,transform .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rv-btn:hover:not(:disabled){background:#f0a05026;border-color:#f0a05080;color:#f0a050;transform:scale(1.08)}.rv-btn:disabled{opacity:.25;cursor:default}.rv-page-counter{font-size:12px;letter-spacing:.2em;color:#fff6;min-width:80px;text-align:center}.rv-thumbs{display:flex;gap:6px;margin-top:16px;max-width:100%;overflow-x:auto;padding:4px 8px 8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.rv-thumb{flex-shrink:0;width:36px;height:48px;border-radius:2px;border:1.5px solid transparent;background:#ffffff14;cursor:pointer;overflow:hidden;transition:border-color .2s ease,transform .15s ease}.rv-thumb.active{border-color:#f0a050;transform:translateY(-2px)}.rv-thumb:hover:not(.active){border-color:#ffffff4d}.rv-thumb canvas,.rv-thumb img{width:100%;height:100%;object-fit:cover;display:block}.rv-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:30;border-radius:4px}.rv-loading-spinner{width:36px;height:36px;border:3px solid rgba(240,160,80,.2);border-top-color:#f0a050;border-radius:50%;animation:rv-spin .8s linear infinite}.rv-loading-text{font-size:12px;letter-spacing:.18em;color:#ffffff80}@keyframes rv-spin{to{transform:rotate(360deg)}}.rv-upload{margin-top:20px;border:1.5px dashed rgba(240,160,80,.35);border-radius:4px;padding:12px 24px;color:#f0a05099;font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,color .2s;display:flex;align-items:center;gap:8px}.rv-upload:hover{border-color:#f0a050;color:#f0a050}.rv-upload input{display:none}@media (max-width: 640px){.rv-thumbs{display:none}.rv-book-wrap{perspective:1200px}}