.swb{--swb-accent:#d4b9cf;box-sizing:border-box;color:#f6f1f5;background:radial-gradient(ellipse at 50% 45%,#30242d 0,#161216 56%,#100d10 100%);border:1px solid #594552;border-radius:20px;padding:32px 24px 18px;width:100%;max-width:1320px;margin:28px auto;font-family:inherit;isolation:isolate;overflow:hidden}.swb *{box-sizing:border-box}.swb .swb-heading{text-align:center;margin:0 0 24px}.swb .swb-heading>span{color:var(--swb-accent);font-size:11px;letter-spacing:.28em;font-weight:700}.swb .swb-heading h3{font-size:clamp(22px,3vw,34px);line-height:1.25;color:#fff;margin:8px 0}.swb .swb-heading p{font-size:14px;color:#c2b5bf;margin:0}.swb-viewport{height:min(68vh,740px);min-height:280px;overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px 8px;perspective:2200px}.swb-book{position:relative;display:flex;justify-content:center;align-items:stretch;height:100%;max-width:100%;aspect-ratio:1.414;filter:drop-shadow(0 18px 22px #0009);transform-style:preserve-3d}.swb-book.swb-single{aspect-ratio:.707}.swb-sheet{position:relative;flex:1;min-width:0;height:100%;background:#f0ebe4;overflow:hidden;display:flex;align-items:center;justify-content:center}.swb-sheet canvas,.swb-sheet img{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;margin:0;border-radius:0}.swb-spread>.swb-sheet:first-child:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,transparent 92%,#0002 100%)}.swb-spread>.swb-sheet:nth-child(2):after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#0002,transparent 8%)}.swb-turn{position:absolute;top:0;bottom:0;width:50%;transform-style:preserve-3d;z-index:3}.swb-single>.swb-turn{width:100%}.swb-forward{right:0;transform-origin:left center}.swb-backward{left:0;transform-origin:right center}.swb-face{position:absolute;inset:0;backface-visibility:hidden;background:#eee;box-shadow:0 0 24px #0006}.swb-face .swb-sheet{width:100%}.swb-reverse{transform:rotateY(180deg)}.swb .swb-status{text-align:center;color:#d6cbd3;font-size:12px;margin:14px 0;min-height:18px}.swb-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:12px;margin:0 auto;max-width:fit-content;border:1px solid #66505f;border-radius:16px;background:#211b21}.swb .swb-controls button,.swb .swb-controls a{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:20px;line-height:1;min-width:44px;min-height:44px;padding:10px 12px;background:transparent;color:#f8f4f7;border:1px solid transparent;border-radius:9px;cursor:pointer;text-decoration:none;margin:0}.swb .swb-controls [data-action=prev],.swb .swb-controls [data-action=next]{background:var(--swb-accent);color:#251b24}.swb .swb-controls button:hover,.swb .swb-controls a:hover{border-color:var(--swb-accent);background:#4b3948}.swb .swb-controls button:disabled{opacity:.3;cursor:default}.swb :focus-visible{outline:3px solid #f0d4e6;outline-offset:3px}.swb-page-label{display:flex;align-items:center;gap:7px;font-size:13px;white-space:nowrap;color:#ddd0d9;margin:0}.swb .swb-page-number{width:52px;min-height:40px;background:#120e12;color:#fff;border:1px solid #72566a;border-radius:6px;padding:6px;text-align:center;font:inherit}.swb-controls span:not(.swb-total):not(.swb-divider){font-size:13px}.swb-divider{width:1px;height:24px;background:#66505f;margin:0 5px}.swb .swb-hint{text-align:center;font-size:11px;color:#b9a7b4;margin:12px 0 0}.swb-thumbnails{display:flex;overflow-x:auto;gap:12px;padding:18px 3px 8px;margin-top:12px}.swb-thumbnails[hidden]{display:none}.swb .swb-thumbnails button{flex:0 0 88px;height:136px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#211921;color:#eaddE7;border:2px solid transparent;border-radius:6px;padding:5px;cursor:pointer}.swb-thumbnails canvas,.swb-thumbnails img{width:70px;height:100px;object-fit:contain}.swb-thumbnails span{font-size:12px}.swb .swb-thumbnails [aria-current=page]{border-color:var(--swb-accent)}.swb-zoomed .swb-viewport{display:block}.swb-zoomed .swb-book{height:180%;max-width:none;margin:0 auto}.swb:fullscreen,.swb.swb-fullscreen{max-width:none;width:100%;height:100%;border:0;border-radius:0;overflow:auto}.swb.swb-fullscreen{position:fixed;inset:0;z-index:999999}.swb:fullscreen .swb-heading,.swb.swb-fullscreen .swb-heading{display:none}.swb:fullscreen .swb-viewport,.swb.swb-fullscreen .swb-viewport{height:calc(100dvh - 180px)}.swb-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:650px){.swb{padding:24px 10px 15px;border-radius:14px}.swb-viewport{height:58vh;min-height:280px;padding:8px 0}.swb-book{aspect-ratio:.707;max-height:100%;max-width:100%}.swb-controls{gap:4px;padding:8px}.swb .swb-controls button,.swb .swb-controls a{padding:8px;min-width:40px}.swb-controls button span,.swb-controls a span,.swb-divider{display:none}.swb-page-label{gap:4px;font-size:11px}.swb .swb-page-number{width:43px}.swb .swb-heading{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.swb *{scroll-behavior:auto!important}}

.swb .swb-controls button:hover{color:#fff}
@media(max-width:650px){.swb-controls{display:grid;grid-template-columns:repeat(6,minmax(32px,1fr));width:100%;max-width:340px;gap:6px}.swb-controls [data-action=prev]{grid-row:1;grid-column:1}.swb-controls .swb-page-label{grid-row:1;grid-column:2/6;justify-content:center}.swb-controls [data-action=next]{grid-row:1;grid-column:6}.swb-controls [data-action=thumbs]{grid-row:2;grid-column:1/3}.swb-controls [data-action=zoom]{grid-row:2;grid-column:3}.swb-controls [data-action=full]{grid-row:2;grid-column:4}.swb-controls a{grid-row:2;grid-column:5/7}.swb-controls button span,.swb-controls a span{display:inline!important}.swb .swb-controls button,.swb .swb-controls a{min-height:44px}}

/* Fixed physical page geometry prevents cover duplication and width jumps. */
.swb-book,.swb-book.swb-single{aspect-ratio:1.414;transition:none;overflow:visible}.swb-book>.swb-sheet{flex:none;width:50%}.swb-book>.swb-blank{visibility:hidden}.swb-book.swb-phone{aspect-ratio:.707}.swb-book.swb-phone>.swb-sheet{width:100%}.swb-book.swb-phone>.swb-turn{width:100%}.swb-turn{width:50%;will-change:transform;pointer-events:none}.swb-face{overflow:hidden}.swb-face:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,#0005,transparent 35%,#fff5 70%,#0004);opacity:var(--fold,0)}.swb-face .swb-sheet{width:100%;height:100%}.swb-book{touch-action:pan-y;cursor:grab}.swb-turning{cursor:grabbing}.swb-sheet:before{content:'';position:absolute;bottom:0;right:0;width:32px;height:32px;background:linear-gradient(135deg,transparent 48%,#fff8 50%,#0003);opacity:0;pointer-events:none;z-index:2;transition:opacity .2s}.swb-sheet:hover:before{opacity:1}.swb-book>.swb-sheet:first-child:not(:last-child):before{right:auto;left:0;transform:scaleX(-1)}.swb-zoomed .swb-book{cursor:auto}.swb-zoomed .swb-sheet:before{display:none}.swb-face .swb-sheet:before{display:none}

.swb-stage{position:relative}.swb .swb-edge{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:60px;display:flex;align-items:center;justify-content:center;border:1px solid #d4b9cf66;border-radius:12px;background:#211b21cf;color:#f9edf6;font-size:44px;line-height:1;padding:0;cursor:pointer;box-shadow:0 4px 20px #0005;transition:background .2s,opacity .2s}.swb .swb-edge:hover{background:#66505f}.swb .swb-edge:disabled{opacity:.18;cursor:default}.swb-edge-prev{left:0}.swb-edge-next{right:0}.swb-book.swb-phone .swb-turn{transform-origin:center center}@media(max-width:650px){.swb .swb-edge{width:32px;height:48px;font-size:34px;border-radius:8px}.swb-edge-prev{left:-7px}.swb-edge-next{right:-7px}}

.swb-turn{transform:none!important;overflow:visible;box-shadow:none}.swb-paper-strip{position:absolute;top:0;left:0;height:100%;transform-style:preserve-3d;transform-origin:center center;will-change:transform}.swb-paper-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;background:#f0ebe4}.swb-paper-back{transform:rotateY(180deg)}.swb-paper-face img{position:absolute;top:0;height:100%;max-width:none!important;object-fit:contain;pointer-events:none}.swb-paper-face:after{content:'';position:absolute;inset:0;background:#000;opacity:var(--paper-shade,0);pointer-events:none}.swb-turning{filter:drop-shadow(0 18px 22px #0009)}

/* Reserve room for the title and controls instead of sizing the paper alone. */
.swb:not(:fullscreen):not(.swb-fullscreen) .swb-viewport{height:clamp(300px,calc(100svh - 330px),660px)}
.swb-loader{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:radial-gradient(ellipse,#241b23,#161216);border-radius:12px;color:var(--swb-accent);font-size:13px;letter-spacing:.04em;pointer-events:none}
.swb[data-ready] .swb-loader{display:none}.swb-loading-book{position:relative;width:100px;height:66px;perspective:450px;border-bottom:3px solid var(--swb-accent);border-radius:4px;background:linear-gradient(90deg,#d4b9cf26 49%,#d4b9cf88 50%,#d4b9cf26 51%);box-shadow:0 16px 24px #0004}
.swb-loading-book i{position:absolute;left:50%;top:0;width:50%;height:62px;background:linear-gradient(90deg,#b99ab0,#f0e2ec);border:1px solid #8c6c83;border-radius:0 6px 6px 0;transform-origin:left center;animation:swb-loading-turn 1.8s ease-in-out infinite;backface-visibility:visible}
.swb-loading-book i:nth-child(2){animation-delay:-.6s}.swb-loading-book i:nth-child(3){animation-delay:-1.2s}
@keyframes swb-loading-turn{0%,10%{transform:rotateY(0deg) rotateZ(0deg)}70%,100%{transform:rotateY(-180deg) rotateZ(-2deg)}}
@media(max-width:650px){.swb:not(:fullscreen):not(.swb-fullscreen) .swb-viewport{height:clamp(280px,calc(100svh - 360px),580px)}}
@media(prefers-reduced-motion:reduce){.swb-loading-book i{animation:none}.swb-loading-book i:nth-child(2){transform:rotateY(-50deg)}.swb-loading-book i:nth-child(3){transform:rotateY(-130deg)}}