:root{--surround: #000;--debug-outline: #ff00ff;--debug-outline-width: 2px;--debug-label-bg: rgba(255, 0, 255, .92);--debug-label-color: #fff;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--surround)}body{font:400 13px/1.4 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;overscroll-behavior-y:none}.status{display:grid;place-items:center;height:100%;color:#888}.page-stack{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none}.page-stack::-webkit-scrollbar{display:none}.page{display:grid;place-items:center;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always}.page-frame{position:relative;width:min(100%,calc(100dvh * (var(--page-ar))));aspect-ratio:var(--page-ar);container-type:inline-size}.page-type{font-family:var(--page-type-font);font-size:calc(var(--page-type-pt) * 25.4 / 72 / var(--page-w-mm) * 100cqw);line-height:1.2;white-space:nowrap}.page-image{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none}.slot-layer,.debug-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.slot{position:absolute;overflow:hidden}.slot[data-active]{pointer-events:auto}.slot[data-slot-type=viewer]{overflow:visible}.debug-slot{position:absolute;outline:var(--debug-outline-width) solid var(--debug-outline);outline-offset:calc(var(--debug-outline-width) * -1)}.debug-slot-label{position:absolute;bottom:100%;left:0;padding:3px 6px;background:var(--debug-label-bg);color:var(--debug-label-color);font-size:11px;line-height:1.25;white-space:nowrap}.debug-page-number{position:absolute;top:8px;left:8px;padding:3px 8px;background:var(--debug-label-bg);color:var(--debug-label-color);font-size:12px}.mobile-fallback{display:flex;flex-direction:column;gap:8px;padding:8px}.mobile-note{margin:4px 0 8px;color:#999;text-align:center}.mobile-page{display:block;width:100%;height:auto}.video-slot{width:100%;height:100%}.video-slot-el{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition-property:opacity;transition-timing-function:ease}.video-slot-el--cover{object-fit:cover}.video-slot--sound{position:relative;cursor:pointer}.video-slot-caption{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 0 .6em rgba(0,0,0,.45);opacity:0;pointer-events:none}.link-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.page-link{position:absolute;pointer-events:auto;cursor:pointer}.page-link-label{position:absolute;bottom:calc(100% + .4em);left:50%;padding:.25em .6em;background:#000;color:#fff;opacity:0;transform:translate(-50%,.25em);transition:opacity var(--hover-fade) ease,transform var(--hover-fade) ease;pointer-events:none}.page-link:hover .page-link-label,.page-link:focus-visible .page-link-label{opacity:1;transform:translate(-50%)}.viewer-slot{position:relative;width:100%;height:100%}.viewer-slot-canvas{width:100%;height:100%;transition-property:opacity;transition-timing-function:ease}.viewer-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none;animation:viewer-loading-in .22s ease both}.viewer-loading-ring{width:26px;height:26px;border:2px solid rgba(17,17,17,.18);border-top-color:#111;border-radius:50%;animation:viewer-spin .9s linear infinite}.viewer-loading-label{color:#111;font-size:11px;letter-spacing:.08em}@keyframes viewer-spin{to{transform:rotate(360deg)}}@keyframes viewer-loading-in{0%{opacity:0}to{opacity:1}}.viewer{position:relative;width:100%;height:100%}.viewer-canvas{touch-action:pan-y;cursor:grab}.viewer-canvas:active{cursor:grabbing}.viewer-ui{position:absolute;right:8px;bottom:8px;display:flex;gap:12px;align-items:center;opacity:var(--viewer-ui-rest, .35);transition:opacity .18s ease;transform:translateY(100%)}.viewer:hover .viewer-ui{opacity:var(--viewer-ui-hover, 1)}.viewer-steps{display:flex;align-items:center;gap:6px}.viewer-state{min-width:44px;color:#111;font-size:11px;font-variant-numeric:tabular-nums;text-align:center}.viewer-step{min-width:28px}.viewer-button:disabled{opacity:.4;cursor:default}.viewer-button{min-width:26px;padding:3px 7px;border:1px solid rgba(0,0,0,.35);border-radius:2px;background:#ffffffd1;color:#111;font:inherit;font-size:11px;line-height:1.2;cursor:pointer}.viewer-button[data-selected]{background:#111;border-color:#ffffff8c;color:#fff}.viewer-mode{min-width:52px}.sim-slot{width:100%;height:100%;transition-property:opacity;transition-timing-function:ease}.sim-frame{display:block;border:0;transform-origin:top left;background:transparent}.viewer-toggle{letter-spacing:.08em}