.opg-widget{--opg-bg:rgba(244, 244, 244, 1);--opg-panel:rgba(255, 255, 255, 0.96);--opg-line:#d5d5d5;--opg-text:#1d1d1d;--opg-soft:#6a6a6a;--opg-hover-scale:1.03;--opg-glow-color:rgba(184, 184, 184, 0.9);--opg-hover-border:rgba(188, 188, 188, 0.9);--opg-backdrop:rgba(20, 20, 20, 0.58);font-family:'Montserrat',sans-serif;width:100%;display:flex;justify-content:center}.opg-cover-trigger{border:1px solid var(--opg-line);background:var(--opg-bg);padding:.72rem;border-radius:8px;cursor:pointer;width:min(320px, 100%);display:grid;gap:.62rem;margin-inline:auto;transition:transform 230ms ease,box-shadow 230ms ease,border-color 230ms ease}.opg-cover-trigger:hover,.opg-cover-trigger:focus-visible{transform:scale(var(--opg-hover-scale));border-color:var(--opg-hover-border);box-shadow:0 0 0 2px rgb(255 255 255 / .9),0 12px 28px -18px var(--opg-glow-color);outline:none}.opg-cover-image{width:100%;aspect-ratio:8.5 / 11;object-fit:contain;background:#fff;border:1px solid #e0e0e0}.opg-cover-label{color:var(--opg-text);font-weight:800;text-align:center;line-height:1.2}.opg-modal{position:fixed;inset:0;z-index:2147483647!important;isolation:isolate;display:grid;place-items:center;padding:clamp(0.75rem, 2.2vh, 1.35rem);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 260ms ease,visibility 260ms ease}.opg-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.opg-modal[hidden]{display:none}.opg-backdrop{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 50% 12%,rgb(255 255 255 / .1),#fff0 42%),var(--opg-backdrop);backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%)}.opg-dialog{position:relative;z-index:1;width:min(96vw, 1120px);max-height:92vh;margin:0 auto;background:linear-gradient(180deg,rgb(255 255 255 / .78),rgb(255 255 255 / .62)),var(--opg-panel);border:1px solid rgb(255 255 255 / .64);border-radius:14px;padding:clamp(0.9rem, 1.8vw, 1.25rem);box-shadow:0 36px 70px -38px rgb(0 0 0 / .62),0 8px 22px -16px rgb(0 0 0 / .45),inset 0 1px 0 rgb(255 255 255 / .72);transform:translateY(18px) scale(.985);opacity:0;transition:transform 260ms cubic-bezier(.2,.76,.18,1),opacity 260ms ease}.opg-modal.is-open .opg-dialog{transform:translateY(0) scale(1);opacity:1}.opg-close{position:absolute;top:.55rem;right:.65rem;border:1px solid #c7c7c7;background:#fff;color:#222;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:1.25rem;line-height:1}.opg-toolbar{display:flex;justify-content:center;align-items:center;gap:.85rem;margin-bottom:.75rem}.opg-nav{border:1px solid #c9c9c9;background:#fff;color:#222;width:44px;height:36px;border-radius:6px;cursor:pointer;font-size:1.1rem;font-weight:700}.opg-nav[disabled]{opacity:.45;cursor:not-allowed}.opg-counter{color:var(--opg-text);font-weight:700;letter-spacing:.01em;min-width:140px;text-align:center}.opg-mode-toggle{border:1px solid #c9c9c9;background:#fff;color:#222;height:36px;padding:0 .8rem;border-radius:999px;cursor:pointer;font-size:.77rem;font-weight:800;letter-spacing:.01em;text-transform:uppercase}.opg-mode-toggle:focus-visible{outline:2px solid rgb(50 50 50 / .22);outline-offset:2px}.opg-stage{position:relative;margin:0 auto;width:min(82vw, 720px);aspect-ratio:8.5 / 11;max-height:80vh;perspective:2100px;transform-style:preserve-3d}.opg-stage.is-book{width:min(94vw, 1080px);aspect-ratio:17 / 11}.opg-spread{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;justify-items:stretch;gap:0;opacity:0;pointer-events:none;transition:opacity 200ms ease}.opg-spread::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:22px;transform:translateX(-50%);background:linear-gradient(90deg,rgb(0 0 0 / .14),rgb(0 0 0 / .02) 50%,rgb(0 0 0 / .14));opacity:.2;pointer-events:none;z-index:3}.opg-stage.is-book .opg-spread{opacity:1;pointer-events:auto}.opg-page-single{opacity:1;pointer-events:auto;transition:opacity 200ms ease}.opg-stage.is-book .opg-page-single{opacity:0;pointer-events:none}.opg-page,.opg-flip-sheet{position:absolute;inset:0;border:1px solid #d7d7d7;border-radius:6px;overflow:hidden;background:var(--opg-panel);box-shadow:0 14px 30px -24px rgb(0 0 0 / .32)}.opg-spread .opg-page{position:relative;inset:auto;height:100%;display:flex;align-items:center;justify-content:center}.opg-page-left{border-top-right-radius:2px;border-bottom-right-radius:2px;border-right-width:.5px}.opg-page-right{border-top-left-radius:2px;border-bottom-left-radius:2px;border-left-width:.5px}.opg-stage-note{height:100%;width:100%;display:grid;place-items:center;text-align:center;color:var(--opg-soft);font-weight:700;font-size:.95rem;padding:1rem}.opg-page-blank{height:100%;width:100%;background:linear-gradient(90deg,rgb(255 255 255 / .92),rgb(245 245 245 / .92))}.opg-page img,.opg-flip-sheet img{width:100%;height:100%;object-fit:contain;display:block;background:#fff;backface-visibility:hidden}.opg-flip-sheet{pointer-events:none;opacity:0;transform:rotateY(0deg) translateZ(0);backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,opacity,inset}.opg-flip-sheet::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgb(0 0 0 / .16),rgb(0 0 0 / .01) 42%,rgb(255 255 255 / .22));opacity:0;transition:opacity 130ms ease}.opg-flip-sheet.is-active{opacity:1}.opg-flip-sheet.is-active::after{opacity:.72}.opg-flip-sheet.is-next:not(.is-book){transform-origin:left center;animation:opgFlipNext 760ms cubic-bezier(.16,.8,.2,1)}.opg-flip-sheet.is-prev:not(.is-book){transform-origin:right center;animation:opgFlipPrev 760ms cubic-bezier(.16,.8,.2,1)}.opg-flip-sheet.is-book{width:50%;border-radius:0;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7}.opg-flip-sheet.is-book.is-next{inset:0 0 0 50%;border-right:1px solid #d7d7d7;border-left:0;transform-origin:left center;animation:opgBookFlipNext 900ms cubic-bezier(.18,.82,.19,1)}.opg-flip-sheet.is-book.is-prev{inset:0 50% 0 0;border-left:1px solid #d7d7d7;border-right:0;transform-origin:right center;animation:opgBookFlipPrev 900ms cubic-bezier(.18,.82,.19,1)}@keyframes opgFlipNext{0%{transform:rotateY(0deg) translateZ(0);box-shadow:0 0 0 #fff0;opacity:1}38%{transform:rotateY(-58deg) translateZ(1px);box-shadow:8px 0 17px -8px rgb(0 0 0 / .27)}72%{transform:rotateY(-136deg) translateZ(2px);box-shadow:13px 0 24px -10px rgb(0 0 0 / .34)}100%{transform:rotateY(-176deg) translateZ(2px);box-shadow:14px 0 26px -12px rgb(0 0 0 / .38);opacity:.05}}@keyframes opgFlipPrev{0%{transform:rotateY(0deg) translateZ(0);box-shadow:0 0 0 #fff0;opacity:1}38%{transform:rotateY(58deg) translateZ(1px);box-shadow:-8px 0 17px -8px rgb(0 0 0 / .27)}72%{transform:rotateY(136deg) translateZ(2px);box-shadow:-13px 0 24px -10px rgb(0 0 0 / .34)}100%{transform:rotateY(176deg) translateZ(2px);box-shadow:-14px 0 26px -12px rgb(0 0 0 / .38);opacity:.05}}@keyframes opgBookFlipNext{0%{transform:rotateY(0deg) translateZ(0);box-shadow:-1px 0 0 #fff0,10px 0 20px -15px rgb(0 0 0 / .2);opacity:1}28%{transform:rotateY(-58deg) translateZ(1px);box-shadow:-4px 0 16px -8px rgb(0 0 0 / .3),14px 0 28px -14px rgb(0 0 0 / .34)}66%{transform:rotateY(-138deg) translateZ(2px);box-shadow:-9px 0 26px -10px rgb(0 0 0 / .34),17px 0 30px -14px rgb(0 0 0 / .37)}100%{transform:rotateY(-179deg) translateZ(2px);box-shadow:-12px 0 30px -12px rgb(0 0 0 / .32),22px 0 34px -15px rgb(0 0 0 / .36);opacity:.04}}@keyframes opgBookFlipPrev{0%{transform:rotateY(0deg) translateZ(0);box-shadow:1px 0 0 #fff0,-10px 0 20px -15px rgb(0 0 0 / .2);opacity:1}28%{transform:rotateY(58deg) translateZ(1px);box-shadow:4px 0 16px -8px rgb(0 0 0 / .3),-14px 0 28px -14px rgb(0 0 0 / .34)}66%{transform:rotateY(138deg) translateZ(2px);box-shadow:9px 0 26px -10px rgb(0 0 0 / .34),-17px 0 30px -14px rgb(0 0 0 / .37)}100%{transform:rotateY(179deg) translateZ(2px);box-shadow:12px 0 30px -12px rgb(0 0 0 / .32),-22px 0 34px -15px rgb(0 0 0 / .36);opacity:.04}}@media (max-width:860px){.opg-toolbar{flex-wrap:wrap;gap:.5rem}.opg-counter{min-width:0;width:100%;order:3}.opg-stage.is-book{width:min(98vw, 760px)}}@media (prefers-reduced-motion:reduce){.opg-modal,.opg-dialog,.opg-flip-sheet.is-next,.opg-flip-sheet.is-prev,.opg-flip-sheet.is-book.is-next,.opg-flip-sheet.is-book.is-prev{transition:none;animation:none}}.opg-inline-message{color:#3f3f3f;font-family:'Montserrat',sans-serif}