.magazine-stage{position:relative;overflow:hidden;perspective:1800px;border:1px solid #b9a9c6;border-radius:22px;padding:40px 58px;background:radial-gradient(ellipse at 50% 40%,#f8f5fa,#e8e1ed)}
.magazine-book{position:relative;width:min(940px,100%);aspect-ratio:3164/2048;margin:auto;transform-style:preserve-3d;transition:transform 580ms cubic-bezier(.3,.08,.2,1);touch-action:pan-y;cursor:grab;user-select:none}
.magazine-book.is-grabbed{cursor:grabbing}
.magazine-book:focus-visible{outline:3px solid #65438a;outline-offset:8px;border-radius:3px}
.is-cover .magazine-book{transform:translateX(-25%)}
.magazine-page{position:absolute;top:0;width:50%;height:100%;background:#fff;box-shadow:0 13px 25px #2e1b3d25;border:1px solid #c0b5c7;overflow:hidden}
.magazine-page img,.magazine-leaf img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.magazine-left{left:0;border-radius:3px 0 0 3px}
.magazine-right{left:50%;border-radius:0 3px 3px 0}
.magazine-left:after,.magazine-right:after{content:"";position:absolute;inset:0;pointer-events:none}
.magazine-left:after{background:linear-gradient(90deg,transparent 89%,#1f142d18)}
.magazine-right:after{background:linear-gradient(90deg,#1f142d18,transparent 11%)}
.magazine-leaf{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;z-index:3;pointer-events:none}
.leaf-face{position:absolute;inset:0;background:#fffdf8;border:1px solid #bbaeC4;backface-visibility:hidden;overflow:hidden;box-shadow:0 8px 20px #2e1b3d20}
.leaf-back{transform:rotateY(180deg)}
.magazine-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:grid;place-items:center;width:44px;height:54px;padding:0;border:1px solid #9882a8;border-radius:13px;background:#fffdf9c9;color:#4b345f;font:38px/1 Georgia,serif;opacity:.78;transition:background .15s,opacity .15s}
.magazine-arrow.previous{left:8px}.magazine-arrow.next{right:8px}
.magazine-arrow:disabled{opacity:.25;cursor:default}
.magazine-arrow:not(:disabled):hover,.magazine-arrow:focus-visible{opacity:1;background:#fffdf9}
.magazine-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0}
.magazine-controls p{font-size:.88rem;color:#594a68}
.magazine-zoom{display:flex;gap:10px;flex-wrap:wrap}
.magazine-zoom button{border:1px solid #a18ab2;border-radius:11px;background:#fffdf9;padding:9px 14px;min-height:44px;font-size:.83rem;font-weight:550}
.magazine-zoom button:hover{background:#eee5f6}
.magazine-note{font-size:.9rem;max-width:82ch}
.magazine-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
.recap-film{max-width:640px;margin:auto;padding:18px;border:1px solid #b9a9c6;background:#efe9f4;border-radius:22px}
.recap-film video{display:block;width:100%;height:auto;aspect-ratio:4/5;background:#23202b;border-radius:10px}
.recap-film figcaption{padding:13px 4px 2px;font-size:.85rem;color:#594a68}
.recap-summary{max-width:70ch;margin:22px auto 0;font-size:.92rem}
@media(max-width:640px){.magazine-stage{padding:20px 30px;border-radius:17px}.magazine-book{width:min(440px,100%);aspect-ratio:1582/2048}.is-cover .magazine-book{transform:none}.magazine-left{display:none}.magazine-right,.magazine-leaf{left:0;width:100%}.magazine-page{border-radius:3px}.magazine-right:after{background:linear-gradient(90deg,#1f142d12,transparent 7%)}.magazine-arrow{width:44px;min-width:44px;height:52px;font-size:33px;border-radius:10px}.magazine-arrow.previous{left:2px}.magazine-arrow.next{right:2px}.magazine-controls{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 0}.magazine-zoom button{font-size:.8rem}.magazine-facts{grid-template-columns:1fr 1fr}.recap-film{padding:10px;border-radius:17px}.recap-summary{font-size:.86rem}}
@media(prefers-reduced-motion:reduce){.magazine-book,.magazine-leaf,.magazine-arrow{transition:none!important}}