.JhbYHG_root{--paper:linear-gradient(160deg, color-mix(in oklab, var(--card) 92%, white) 0%, var(--card) 55%, color-mix(in oklab, var(--card) 88%, black) 100%);--board:color-mix(in oklab, var(--card) 80%, black);--board-2:color-mix(in oklab, var(--card) 70%, black);--hair:color-mix(in oklab, var(--foreground) 6%, transparent);--pocket:color-mix(in oklab, var(--foreground) 3%, transparent);--pocket-line:color-mix(in oklab, var(--foreground) 6%, transparent);--pocket-shadow:#00000059;--gut:#00000073;--gut-2:#00000024;--gloss:#04060a8c;--cast:#0009}html:not(.dark) .JhbYHG_root{--pocket-shadow:#0000001a;--gut:#0003;--gut-2:#0000000f;--gloss:#281e1459;--cast:#3c30284d}.JhbYHG_stage{perspective:2400px;perspective-origin:50% 42%}.JhbYHG_book{width:calc(var(--pw) * 2);height:var(--ph);transform-style:preserve-3d;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;transform:translateX(var(--shift,0px));transition:transform .62s cubic-bezier(.33,1,.68,1);position:relative}.JhbYHG_book.JhbYHG_single{width:var(--pw)}@media (prefers-reduced-motion:reduce){.JhbYHG_book{transition:none}}.JhbYHG_cover{background:var(--board);color:var(--foreground)}.JhbYHG_book.JhbYHG_dragging{cursor:grabbing}.JhbYHG_board{height:100%;width:calc(var(--pw) - 2px);background:var(--board);position:absolute;top:0}.JhbYHG_boardR{box-shadow:2px 2px 0 var(--board-2), 4px 4px 0 var(--board), 6px 6px 0 var(--board-2), 18px 22px 40px -14px var(--cast);border-radius:2px 10px 10px 2px;left:calc(50% + 1px)}.JhbYHG_boardL{box-shadow:-2px 2px 0 var(--board-2), -4px 4px 0 var(--board), -6px 6px 0 var(--board-2), -18px 22px 40px -14px var(--cast);border-radius:10px 2px 2px 10px;left:1px}.JhbYHG_single .JhbYHG_boardL{display:none}.JhbYHG_single .JhbYHG_boardR{left:1px}.JhbYHG_leaf{width:var(--pw);transform-origin:0;height:100%;transform-style:preserve-3d;transform:translateZ(var(--z,0px)) rotateY(calc(var(--a,0) * -1deg));transition:transform var(--dur,.62s) cubic-bezier(.33, 1, .68, 1);will-change:transform;position:absolute;top:0;left:50%}.JhbYHG_single .JhbYHG_leaf{left:0}.JhbYHG_leaf.JhbYHG_noTransition{transition:none}@media (prefers-reduced-motion:reduce){.JhbYHG_leaf,.JhbYHG_leaf .JhbYHG_gloss{transition-duration:.24s}}.JhbYHG_face{backface-visibility:hidden;background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair);border-radius:2px 10px 10px 2px;position:absolute;inset:0;overflow:hidden}.JhbYHG_back{border-radius:10px 2px 2px 10px;transform:rotateY(180deg)}.JhbYHG_leaf[data-side=back] .JhbYHG_face:not(.JhbYHG_back),.JhbYHG_leaf[data-side=front] .JhbYHG_back{pointer-events:none}.JhbYHG_gut{pointer-events:none;background:linear-gradient(90deg, var(--gut) 0%, var(--gut-2) 6%, transparent 16%);position:absolute;inset:0}.JhbYHG_back .JhbYHG_gut{background:linear-gradient(270deg, var(--gut) 0%, var(--gut-2) 6%, transparent 16%)}.JhbYHG_gloss{pointer-events:none;background:linear-gradient(90deg, var(--gloss), transparent 55%, var(--gloss));opacity:calc(sin(var(--a,0) * 1deg) * .75);transition:opacity var(--dur,.62s) cubic-bezier(.33, 1, .68, 1);position:absolute;inset:0}.JhbYHG_noTransition .JhbYHG_gloss{transition:none}.JhbYHG_sheet{padding:calc(var(--ps) * 22px) calc(var(--ps) * 18px) calc(var(--ps) * 14px) calc(var(--ps) * 24px);flex-direction:column;display:flex;position:absolute;inset:0}.JhbYHG_back .JhbYHG_sheet{padding-left:calc(var(--ps) * 18px);padding-right:calc(var(--ps) * 24px)}.JhbYHG_grid{gap:calc(var(--ps) * 12px);flex:1 1 0;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;min-height:0;display:grid}.JhbYHG_pocket{min-height:0;padding:calc(var(--ps) * 5px);border-radius:calc(var(--ps) * 10px);background:var(--pocket);box-shadow:inset 0 0 0 1px var(--pocket-line), inset 0 calc(var(--ps) * 6px) calc(var(--ps) * 10px) var(--pocket-shadow);flex:1 1 0;justify-content:center;align-items:center;display:flex}.JhbYHG_hole{border:1px dashed var(--pocket-line);background:var(--pocket);box-shadow:none}.JhbYHG_folio{margin-top:calc(var(--ps) * 8px);font-size:calc(var(--ps) * 10px);text-align:right;font-variant-numeric:tabular-nums;color:var(--muted-foreground)}.JhbYHG_back .JhbYHG_folio{text-align:left}