.novo-book{--book-ink:#55434a;margin:0}.novo-book__heading{justify-content:space-between;align-items:baseline;gap:1.5rem;padding-bottom:1.5rem;display:flex}.novo-book__heading h3{font:400 clamp(1.1rem, 1.5vw, 1.35rem)/1.4 var(--font-display);margin:0}.novo-book__heading p,.novo-book__hint{color:var(--text-secondary);font:300 .85rem/1.6 var(--font-body);margin:0}.novo-book button,.novo-book select{color:var(--book-ink);font:400 .75rem/1.5 var(--font-body)}.novo-book button{cursor:pointer}.novo-book button:disabled{cursor:default;opacity:.35}.novo-book__surface{background:#fff;padding:clamp(1.5rem,3vw,3rem);position:relative}.novo-book__stage{width:100%;max-width:1440px;margin-inline:auto;position:relative}.novo-book__end-note{visibility:hidden;width:calc(25% - 2rem);color:var(--text-secondary);font:300 .85rem/1.75 var(--font-body);position:absolute;top:50%;left:0;transform:translateY(-50%)}.novo-book__end-note--visible{visibility:visible}.novo-book__end-note p{margin:0}.novo-book__end-note .novo-book__end-label{color:var(--text-primary);font:400 .65rem/1.5 var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem}.novo-book--portrait .novo-book__stage{max-width:1080px}.novo-book__spread{aspect-ratio:12000/3355;perspective:2400px;width:100%;transform-style:preserve-3d;touch-action:pan-y pinch-zoom;cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.novo-book--portrait .novo-book__spread{aspect-ratio:4962/3508}.novo-book__spread--closed{transform:translate(-25%)}.novo-book__spread[aria-busy=true]{cursor:grabbing}.novo-book__paper{background:#fffdfa;width:50%;height:100%;position:absolute;top:0;box-shadow:0 8px 20px #55434a18,1px 2px #e2d8d2,3px 4px #eee5df}.novo-book__paper--left{left:0}.novo-book__paper--right{right:0}.novo-book__paper--empty{visibility:hidden}.novo-book__paper--cover{box-shadow:0 12px 24px #55434a26,4px 5px #e2d8d2}.novo-book__spread img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.novo-book__gutter{z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#392b2420 45%,#392b2438 50%,#392b241a 55%,#0000);width:24px;position:absolute;top:0;bottom:0;left:calc(50% - 12px)}.novo-book__leaf{z-index:2;width:50%;height:100%;transform-style:preserve-3d;will-change:transform;pointer-events:none;position:absolute;top:0}.novo-book__leaf--forward{transform-origin:0;left:50%}.novo-book__leaf--backward{transform-origin:100%;left:0}.novo-book__face{backface-visibility:hidden;background:#fffdfa;position:absolute;inset:0}.novo-book__face--back{transform:rotateY(180deg)}.novo-book__leaf--soft .novo-book__face{border-radius:0 3px 3px 0;box-shadow:0 8px 18px #3e2f3526}.novo-book__leaf--soft .novo-book__face:after{content:"";pointer-events:none;background:linear-gradient(90deg,#392b2430,#0000 24% 80%,#392b2412);position:absolute;inset:0}.novo-book__controls{justify-content:space-between;align-items:center;gap:.75rem;max-width:1440px;margin:1.75rem auto 0;display:flex}.novo-book--portrait .novo-book__controls{max-width:1080px}.novo-book__controls button{background:0 0;border:1px solid #d0c2bd;justify-content:center;align-items:center;gap:.65rem;min-height:44px;padding:.5rem .75rem;display:inline-flex}.novo-book__controls button:hover:not(:disabled){background:#ffffffa6}.novo-book__pagination{color:#65555b;font:400 .75rem/1.5 var(--font-body);white-space:nowrap;align-items:center;gap:.4rem;display:flex}.novo-book__pagination select{background:0 0;border:0;border-bottom:1px solid #b7a4aa;min-height:44px;padding:.35rem .1rem}.novo-book__hint{text-align:center;padding-top:1rem}.novo-book__message{text-align:center;font:400 .75rem/1.5 var(--font-body);margin:0;position:absolute;bottom:.25rem;left:0;right:0}.novo-book__sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.novo-book :is(button,select,[tabindex]):focus-visible{outline-offset:4px;outline:2px solid #9c5568}.novo-book__spread--single{aspect-ratio:6000/3355;overflow:hidden;transform:none}.novo-book--portrait .novo-book__spread--single{aspect-ratio:2481/3508}.novo-book--portrait:has(.novo-book__spread--single) .novo-book__stage{max-width:540px}.novo-book__spread--single .novo-book__paper,.novo-book__spread--single .novo-book__leaf{transform-origin:0;width:100%;left:0;right:auto}@media (width<=1024px){.novo-book__end-note{width:100%;max-width:32rem;margin:1.5rem auto 0;display:none;position:static;transform:none}.novo-book__end-note--visible{display:block}.novo-book__stage:has(.novo-book__end-note){flex-direction:column;display:flex}.novo-book__end-note{order:1}}@media (width<=600px){.novo-book__heading{flex-direction:column;align-items:flex-start;gap:.35rem}.novo-book__heading p,.novo-book__hint{font-size:.75rem}.novo-book__surface{padding:1.25rem .85rem}.novo-book__controls{gap:.3rem;margin-top:1.25rem}.novo-book__controls button{gap:.35rem;padding-inline:.5rem;font-size:.7rem}.novo-book__pagination{gap:.25rem;font-size:.7rem}.novo-book__pagination label{display:none}}
