.flipbook{display:grid;gap:28px;position:relative;width:100%}.flipbook.is-fullscreen{background:#0a0a0a;padding:28px clamp(16px,4vw,56px);display:grid;grid-template-rows:1fr auto;gap:18px;height:100vh}.fb-stage{position:relative;display:grid;place-items:center;width:100%;min-height:64vh;isolation:isolate;padding:24px 0}@media(max-width:767px){.fb-stage{min-height:0;padding:16px 0 8px}}.is-fullscreen .fb-stage{min-height:0;height:100%}.fb-stage:before{content:"";position:absolute;top:42%;left:50%;width:min(var(--book-w, 900px),140%);height:min(130%,1000px);transform:translate(-50%,-50%);background:radial-gradient(ellipse 55% 60% at 50% 50%,color-mix(in oklab,var(--halo-tint-1, var(--color-halo-3)) 34%,transparent) 0%,color-mix(in oklab,var(--halo-tint-2, var(--color-halo-5)) 18%,transparent) 40%,transparent 68%);filter:blur(50px);pointer-events:none;z-index:-2;opacity:.9;animation:fb-halo-pulse 12s ease-in-out infinite}.fb-stage:after{content:"";position:absolute;top:-5%;left:50%;transform:translate(-50%);width:85%;height:75%;background:radial-gradient(ellipse 55% 90% at 50% 0%,color-mix(in oklab,var(--color-paper) 18%,transparent) 0%,color-mix(in oklab,var(--color-paper) 6%,transparent) 35%,transparent 75%);pointer-events:none;z-index:-1;mix-blend-mode:screen;opacity:.65}@keyframes fb-halo-pulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1.06)}}@media(prefers-reduced-motion:reduce){.fb-stage:before{animation:none}}.fb-book{margin:0 auto;position:relative;filter:drop-shadow(0 28px 50px rgba(0,0,0,.55)) drop-shadow(0 60px 100px rgba(0,0,0,.4))}.fb-stage>.fb-floor{position:absolute;left:50%;bottom:7%;transform:translate(-50%);width:min(var(--book-w, 900px),88%);height:80px;background:radial-gradient(ellipse 65% 100% at 50% 0%,rgba(0,0,0,.82),rgba(0,0,0,.42) 40%,transparent 78%);filter:blur(20px);pointer-events:none;z-index:1;opacity:.88}.fb-stage>.fb-reflection{position:absolute;left:50%;bottom:7%;transform:translate(-50%);width:min(var(--book-w, 900px),88%);height:60px;background:linear-gradient(to bottom,color-mix(in oklab,var(--color-paper) 18%,transparent) 0%,color-mix(in oklab,var(--halo-tint-1, var(--color-halo-3)) 10%,transparent) 40%,transparent 100%);mask-image:linear-gradient(to bottom,white 0%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,white 0%,transparent 100%);filter:blur(6px);pointer-events:none;z-index:2;mix-blend-mode:screen;opacity:.7}.fb-page{width:100%;height:100%;background:var(--color-paper);overflow:hidden;position:relative;box-shadow:0 0 0 1px color-mix(in oklab,var(--color-ink) 4%,transparent) inset}.fb-page picture,.fb-page>picture{display:block;width:100%;height:100%}.fb-page img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}.fb-page__num{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-family:var(--font-sans);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;opacity:.55;background:color-mix(in oklab,var(--color-paper) 88%,transparent);padding:4px 10px;border-radius:999px;backdrop-filter:blur(4px);pointer-events:none}.fb-cover{cursor:default}.fb-edge{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:56px;height:96px;display:grid;place-items:center;background:transparent;border:0;color:var(--color-paper);cursor:pointer;opacity:0;transition:opacity .36s var(--ease-brand),transform .36s var(--ease-brand)}.fb-edge svg{width:28px;height:28px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));transition:transform .32s var(--ease-brand)}.fb-stage:hover .fb-edge,.fb-edge:focus-visible{opacity:.62}.fb-edge:hover{opacity:1}.fb-edge--left{left:6px}.fb-edge--right{right:6px}.fb-edge--left:hover svg{transform:translate(-3px)}.fb-edge--right:hover svg{transform:translate(3px)}.fb-edge:disabled{opacity:0;cursor:default;pointer-events:none}.bg-\[var\(--color-paper\)\] .fb-edge,:not(.bg-\[var\(--color-ink\)\]):not(.is-inverse)>.fb-stage .fb-edge{color:var(--color-ink)}@media(max-width:767px){.fb-edge{opacity:.55;width:44px;height:72px}.fb-edge svg{width:20px;height:20px}.fb-edge--left{left:0}.fb-edge--right{right:0}.fb-stage>.fb-floor{width:min(var(--book-w, 300px),80%);bottom:3%;height:50px}.fb-stage>.fb-reflection{width:min(var(--book-w, 300px),80%);bottom:3%;height:36px}.fb-controls{gap:8px}.fb-controls__row{gap:10px}.fb-btn{padding:7px 12px;font-size:10.5px;gap:6px}.fb-hint{font-size:10px;letter-spacing:.12em}.fb-progress{font-size:11px}.fb-index{padding:16px}.fb-index__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.fb-controls{display:grid;gap:12px;max-width:760px;margin:0 auto;width:100%}.fb-controls__row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.fb-progress{font-family:var(--font-sans);font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.7}.fb-actions{display:inline-flex;gap:8px}.fb-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid color-mix(in oklab,currentColor 22%,transparent);border-radius:999px;background:transparent;color:inherit;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background-color .24s var(--ease-brand),border-color .24s var(--ease-brand)}.fb-btn:hover{background:color-mix(in oklab,currentColor 6%,transparent);border-color:color-mix(in oklab,currentColor 50%,transparent)}.fb-range{appearance:none;-webkit-appearance:none;width:100%;height:22px;background:transparent;cursor:pointer}.fb-range::-webkit-slider-runnable-track{height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--color-champagne) 60%,transparent),transparent)}.fb-range::-moz-range-track{height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--color-champagne) 60%,transparent),transparent)}.fb-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-paper);border:1px solid var(--color-ink);margin-top:-7px;box-shadow:0 2px 6px #00000040}.fb-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-paper);border:1px solid var(--color-ink);box-shadow:0 2px 6px #00000040}.is-inverse .fb-range::-webkit-slider-thumb,.bg-\[var\(--color-ink\)\] .fb-range::-webkit-slider-thumb{background:var(--color-ink);border-color:var(--color-paper)}.fb-index{border:1px solid color-mix(in oklab,currentColor 14%,transparent);border-radius:6px;padding:22px;max-width:920px;margin:0 auto;width:100%;background:color-mix(in oklab,currentColor 4%,transparent)}.fb-index__title{font-size:11px;letter-spacing:.32em;text-transform:uppercase;opacity:.55;margin-bottom:16px}.fb-index__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.fb-index__grid button{width:100%;display:grid;grid-template-columns:36px 1fr;align-items:baseline;gap:8px;padding:10px 12px;border:1px solid transparent;border-radius:4px;background:transparent;color:inherit;text-align:left;cursor:pointer;font-size:13px;transition:background-color .2s var(--ease-brand),border-color .2s var(--ease-brand)}.fb-index__grid button:hover{background:color-mix(in oklab,currentColor 6%,transparent);border-color:color-mix(in oklab,currentColor 18%,transparent)}.fb-index__num{font-family:var(--font-display);font-size:17px;opacity:.6;font-variation-settings:"opsz" 36,"WONK" 1}.fb-hint{text-align:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.5;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;align-items:center}.fb-hint__kbd{display:inline-block;padding:2px 7px;border:1px solid color-mix(in oklab,currentColor 22%,transparent);border-radius:4px;font-family:var(--font-mono, ui-monospace, monospace);font-size:10.5px;letter-spacing:0;opacity:.85}.fb-hint .ml-1{margin-left:4px}.fb-hint__only-md{display:inline}@media(max-width:640px){.fb-hint__only-md{display:none}.fb-hint{font-size:9.5px;gap:5px;padding-inline:12px}}.stf__parent{background:transparent!important}.stf__block .page,.stf__block .page-content{background:var(--color-paper)!important}.stf__shadow{mix-blend-mode:multiply}.fb-page{cursor:grab}.fb-page:active{cursor:grabbing}.fb-cover{cursor:pointer}