.stf__parent{box-sizing:border-box;-ms-touch-action:pan-y;touch-action:pan-y;display:block;position:relative;transform:translateZ(0)}.sft__wrapper{box-sizing:border-box;width:100%;position:relative}.stf__parent canvas{width:100%;height:100%;position:absolute;top:0;left:0}.stf__block{box-sizing:border-box;perspective:2000px;width:100%;height:100%;position:absolute}.stf__item{transform-style:preserve-3d;display:none;position:absolute}.stf__outerShadow,.stf__innerShadow,.stf__hardShadow,.stf__hardInnerShadow{position:absolute;top:0;left:0}.flipbook.svelte-1h0shge{outline:none;flex-direction:column;align-items:center;gap:1.2rem;width:100%;display:flex}.flipbook.svelte-1h0shge:focus-visible{outline:2px solid var(--c-teal);outline-offset:12px;border-radius:0}.book-stage.svelte-1h0shge{justify-content:center;width:100%;display:flex}.book.svelte-1h0shge{filter:drop-shadow(0 24px 44px #0f172a52);cursor:grab;width:100%}.book-stage.is-grabbing.svelte-1h0shge .book:where(.svelte-1h0shge){cursor:grabbing}.pf-page.svelte-1h0shge{background:var(--c-white);border-radius:0;overflow:hidden}.pf-page[data-density=hard].svelte-1h0shge{background:var(--c-cream)}.pf-page-inner.svelte-1h0shge{position:absolute;inset:0;overflow:hidden}.pf-page.svelte-1h0shge:after{content:"";pointer-events:none;z-index:3;width:22px;position:absolute;top:0;bottom:0}.pf-page.--left:after{background:linear-gradient(270deg,#00000029,#0000);right:0}.pf-page.--right:after{background:linear-gradient(90deg,#00000029,#0000);left:0}.controls.svelte-1h0shge{align-items:center;gap:1.2rem;display:flex}.nav-btn.svelte-1h0shge{background:var(--c-purple);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-sm);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:all .18s;display:grid}.nav-btn.svelte-1h0shge:hover:not(:disabled){background:var(--c-teal);box-shadow:var(--shadow);transform:translateY(-2px)}.nav-btn.svelte-1h0shge:disabled{opacity:.35;cursor:not-allowed}.page-indicator.svelte-1h0shge{font-family:var(--font-display);text-align:center;min-width:96px;color:var(--c-purple);font-size:.9rem;font-weight:600}.hint.svelte-1h0shge{color:var(--text-muted);margin:0;font-size:.8rem}