@readerseye2/cr_viewer 1.0.46 → 1.0.47

package/dist/index.js

@@ -26,38 +26,38 @@ function Yi() {
   if (Nr) return An;
   Nr = 1;
   var e = D;
-  function t(h, f) {
-    return h === f && (h !== 0 || 1 / h === 1 / f) || h !== h && f !== f;
+  function t(m, p) {
+    return m === p && (m !== 0 || 1 / m === 1 / p) || m !== m && p !== p;
   }
   var n = typeof Object.is == "function" ? Object.is : t, r = e.useState, o = e.useEffect, i = e.useLayoutEffect, s = e.useDebugValue;
-  function u(h, f) {
-    var m = f(), v = r({ inst: { value: m, getSnapshot: f } }), y = v[0].inst, c = v[1];
+  function u(m, p) {
+    var f = p(), v = r({ inst: { value: f, getSnapshot: p } }), y = v[0].inst, c = v[1];
     return i(
       function() {
-        y.value = m, y.getSnapshot = f, a(y) && c({ inst: y });
+        y.value = f, y.getSnapshot = p, a(y) && c({ inst: y });
       },
-      [h, m, f]
+      [m, f, p]
     ), o(
       function() {
-        return a(y) && c({ inst: y }), h(function() {
+        return a(y) && c({ inst: y }), m(function() {
           a(y) && c({ inst: y });
         });
       },
-      [h]
-    ), s(m), m;
+      [m]
+    ), s(f), f;
   }
-  function a(h) {
-    var f = h.getSnapshot;
-    h = h.value;
+  function a(m) {
+    var p = m.getSnapshot;
+    m = m.value;
     try {
-      var m = f();
-      return !n(h, m);
+      var f = p();
+      return !n(m, f);
     } catch {
       return !0;
     }
   }
-  function l(h, f) {
-    return f();
+  function l(m, p) {
+    return p();
   }
   var d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? l : u;
   return An.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : d, An;
@@ -75,54 +75,54 @@ var Bn = {};
 var Fr;
 function Zi() {
   return Fr || (Fr = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(m, v) {
-      return m === v && (m !== 0 || 1 / m === 1 / v) || m !== m && v !== v;
+    function e(f, v) {
+      return f === v && (f !== 0 || 1 / f === 1 / v) || f !== f && v !== v;
     }
-    function t(m, v) {
+    function t(f, v) {
       d || o.startTransition === void 0 || (d = !0, console.error(
         "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
       ));
       var y = v();
-      if (!h) {
+      if (!m) {
         var c = v();
         i(y, c) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), h = !0);
+        ), m = !0);
       }
       c = s({
         inst: { value: y, getSnapshot: v }
       });
-      var p = c[0].inst, g = c[1];
+      var g = c[0].inst, h = c[1];
       return a(
         function() {
-          p.value = y, p.getSnapshot = v, n(p) && g({ inst: p });
+          g.value = y, g.getSnapshot = v, n(g) && h({ inst: g });
         },
-        [m, y, v]
+        [f, y, v]
       ), u(
         function() {
-          return n(p) && g({ inst: p }), m(function() {
-            n(p) && g({ inst: p });
+          return n(g) && h({ inst: g }), f(function() {
+            n(g) && h({ inst: g });
           });
         },
-        [m]
+        [f]
       ), l(y), y;
     }
-    function n(m) {
-      var v = m.getSnapshot;
-      m = m.value;
+    function n(f) {
+      var v = f.getSnapshot;
+      f = f.value;
       try {
         var y = v();
-        return !i(m, y);
+        return !i(f, y);
       } catch {
         return !0;
       }
     }
-    function r(m, v) {
+    function r(f, v) {
       return v();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var o = D, i = typeof Object.is == "function" ? Object.is : e, s = o.useState, u = o.useEffect, a = o.useLayoutEffect, l = o.useDebugValue, d = !1, h = !1, f = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : t;
-    Bn.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : f, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+    var o = D, i = typeof Object.is == "function" ? Object.is : e, s = o.useState, u = o.useEffect, a = o.useLayoutEffect, l = o.useDebugValue, d = !1, m = !1, p = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : t;
+    Bn.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : p, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   })()), Bn;
 }
 var Wr;
@@ -147,7 +147,7 @@ function Ji() {
     return l === d && (l !== 0 || 1 / l === 1 / d) || l !== l && d !== d;
   }
   var r = typeof Object.is == "function" ? Object.is : n, o = t.useSyncExternalStore, i = e.useRef, s = e.useEffect, u = e.useMemo, a = e.useDebugValue;
-  return Pn.useSyncExternalStoreWithSelector = function(l, d, h, f, m) {
+  return Pn.useSyncExternalStoreWithSelector = function(l, d, m, p, f) {
     var v = i(null);
     if (v.current === null) {
       var y = { hasValue: !1, value: null };
@@ -155,30 +155,30 @@ function Ji() {
     } else y = v.current;
     v = u(
       function() {
-        function p(O) {
-          if (!g) {
-            if (g = !0, w = O, O = f(O), m !== void 0 && y.hasValue) {
+        function g(O) {
+          if (!h) {
+            if (h = !0, w = O, O = p(O), f !== void 0 && y.hasValue) {
               var b = y.value;
-              if (m(b, O))
+              if (f(b, O))
                 return C = b;
             }
             return C = O;
           }
           if (b = C, r(w, O)) return b;
-          var S = f(O);
-          return m !== void 0 && m(b, S) ? (w = O, b) : (w = O, C = S);
+          var S = p(O);
+          return f !== void 0 && f(b, S) ? (w = O, b) : (w = O, C = S);
         }
-        var g = !1, w, C, R = h === void 0 ? null : h;
+        var h = !1, w, C, R = m === void 0 ? null : m;
         return [
           function() {
-            return p(d());
+            return g(d());
           },
           R === null ? void 0 : function() {
-            return p(R());
+            return g(R());
           }
         ];
       },
-      [d, h, f, m]
+      [d, m, p, f]
     );
     var c = o(l, v[0], v[1]);
     return s(
@@ -207,7 +207,7 @@ function es() {
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
     var t = D, n = Ko(), r = typeof Object.is == "function" ? Object.is : e, o = n.useSyncExternalStore, i = t.useRef, s = t.useEffect, u = t.useMemo, a = t.useDebugValue;
-    Gn.useSyncExternalStoreWithSelector = function(l, d, h, f, m) {
+    Gn.useSyncExternalStoreWithSelector = function(l, d, m, p, f) {
       var v = i(null);
       if (v.current === null) {
         var y = { hasValue: !1, value: null };
@@ -215,31 +215,31 @@ function es() {
       } else y = v.current;
       v = u(
         function() {
-          function p(O) {
-            if (!g) {
-              if (g = !0, w = O, O = f(O), m !== void 0 && y.hasValue) {
+          function g(O) {
+            if (!h) {
+              if (h = !0, w = O, O = p(O), f !== void 0 && y.hasValue) {
                 var b = y.value;
-                if (m(b, O))
+                if (f(b, O))
                   return C = b;
               }
               return C = O;
             }
             if (b = C, r(w, O))
               return b;
-            var S = f(O);
-            return m !== void 0 && m(b, S) ? (w = O, b) : (w = O, C = S);
+            var S = p(O);
+            return f !== void 0 && f(b, S) ? (w = O, b) : (w = O, C = S);
           }
-          var g = !1, w, C, R = h === void 0 ? null : h;
+          var h = !1, w, C, R = m === void 0 ? null : m;
           return [
             function() {
-              return p(d());
+              return g(d());
             },
             R === null ? void 0 : function() {
-              return p(R());
+              return g(R());
             }
           ];
         },
-        [d, h, f, m]
+        [d, m, p, f]
       );
       var c = o(l, v[0], v[1]);
       return s(
@@ -259,10 +259,10 @@ var ns = ts();
 const rs = /* @__PURE__ */ Uo(ns), qr = (e) => {
   let t;
   const n = /* @__PURE__ */ new Set(), r = (l, d) => {
-    const h = typeof l == "function" ? l(t) : l;
-    if (!Object.is(h, t)) {
-      const f = t;
-      t = d ?? (typeof h != "object" || h === null) ? h : Object.assign({}, t, h), n.forEach((m) => m(t, f));
+    const m = typeof l == "function" ? l(t) : l;
+    if (!Object.is(m, t)) {
+      const p = t;
+      t = d ?? (typeof m != "object" || m === null) ? m : Object.assign({}, t, m), n.forEach((f) => f(t, p));
     }
   }, o = () => t, u = { setState: r, getState: o, getInitialState: () => a, subscribe: (l) => (n.add(l), () => n.delete(l)) }, a = t = e(r, o, u);
   return u;
@@ -903,21 +903,21 @@ function Cr(e, t, n) {
 function xs(e, t, n, r, o, i, s, u, a) {
   const l = D.useCallback(
     (d) => {
-      const h = ws(d.children, t, u ? "offsetWidth" : "offsetHeight", o);
-      let f = d.parentElement;
-      for (; !f.dataset.virtuosoScroller; )
-        f = f.parentElement;
-      const m = f.lastElementChild.dataset.viewportType === "window";
+      const m = ws(d.children, t, u ? "offsetWidth" : "offsetHeight", o);
+      let p = d.parentElement;
+      for (; !p.dataset.virtuosoScroller; )
+        p = p.parentElement;
+      const f = p.lastElementChild.dataset.viewportType === "window";
       let v;
-      m && (v = f.ownerDocument.defaultView);
-      const y = s ? u ? s.scrollLeft : s.scrollTop : m ? u ? v.scrollX || v.document.documentElement.scrollLeft : v.scrollY || v.document.documentElement.scrollTop : u ? f.scrollLeft : f.scrollTop, c = s ? u ? s.scrollWidth : s.scrollHeight : m ? u ? v.document.documentElement.scrollWidth : v.document.documentElement.scrollHeight : u ? f.scrollWidth : f.scrollHeight, p = s ? u ? s.offsetWidth : s.offsetHeight : m ? u ? v.innerWidth : v.innerHeight : u ? f.offsetWidth : f.offsetHeight;
+      f && (v = p.ownerDocument.defaultView);
+      const y = s ? u ? s.scrollLeft : s.scrollTop : f ? u ? v.scrollX || v.document.documentElement.scrollLeft : v.scrollY || v.document.documentElement.scrollTop : u ? p.scrollLeft : p.scrollTop, c = s ? u ? s.scrollWidth : s.scrollHeight : f ? u ? v.document.documentElement.scrollWidth : v.document.documentElement.scrollHeight : u ? p.scrollWidth : p.scrollHeight, g = s ? u ? s.offsetWidth : s.offsetHeight : f ? u ? v.innerWidth : v.innerHeight : u ? p.offsetWidth : p.offsetHeight;
       r({
         scrollHeight: c,
         scrollTop: Math.max(y, 0),
-        viewportHeight: p
+        viewportHeight: g
       }), i == null || i(
         u ? Xr("column-gap", getComputedStyle(d).columnGap, o) : Xr("row-gap", getComputedStyle(d).rowGap, o)
-      ), h !== null && e(h);
+      ), m !== null && e(m);
     },
     [e, t, o, i, s, r, u]
   );
@@ -935,8 +935,8 @@ function ws(e, t, n, r) {
     const a = parseInt(u.dataset.index), l = parseFloat(u.dataset.knownSize), d = t(u, n);
     if (d === 0 && r("Zero-sized element, this should not happen", { child: u }, Ye.ERROR), d === l)
       continue;
-    const h = i[i.length - 1];
-    i.length === 0 || h.size !== d || h.endIndex !== a - 1 ? i.push({ endIndex: a, size: d, startIndex: a }) : i[i.length - 1].endIndex++;
+    const m = i[i.length - 1];
+    i.length === 0 || m.size !== d || m.endIndex !== a - 1 ? i.push({ endIndex: a, size: d, startIndex: a }) : i[i.length - 1].endIndex++;
   }
   return i;
 }
@@ -949,17 +949,17 @@ function ei(e, t, n) {
       if (!(a != null && a.offsetParent))
         return;
       const l = a.getBoundingClientRect(), d = l.width;
-      let h, f;
+      let m, p;
       if (t) {
-        const m = t.getBoundingClientRect(), v = l.top - m.top;
-        f = m.height - Math.max(0, v), h = v + t.scrollTop;
+        const f = t.getBoundingClientRect(), v = l.top - f.top;
+        p = f.height - Math.max(0, v), m = v + t.scrollTop;
       } else {
-        const m = s.current.ownerDocument.defaultView;
-        f = m.innerHeight - Math.max(0, l.top), h = l.top + m.scrollY;
+        const f = s.current.ownerDocument.defaultView;
+        p = f.innerHeight - Math.max(0, l.top), m = l.top + f.scrollY;
       }
       r.current = {
-        offsetTop: h,
-        visibleHeight: f,
+        offsetTop: m,
+        visibleHeight: p,
         visibleWidth: d
       }, e(r.current);
     },
@@ -988,7 +988,7 @@ function ei(e, t, n) {
 }
 const Ke = ye(
   () => {
-    const e = ve(), t = ve(), n = W(0), r = ve(), o = W(0), i = ve(), s = ve(), u = W(0), a = W(0), l = W(0), d = W(0), h = ve(), f = ve(), m = W(!1), v = W(!1), y = W(!1);
+    const e = ve(), t = ve(), n = W(0), r = ve(), o = W(0), i = ve(), s = ve(), u = W(0), a = W(0), l = W(0), d = W(0), m = ve(), p = ve(), f = W(!1), v = W(!1), y = W(!1);
     return oe(
       H(
         e,
@@ -1008,13 +1008,13 @@ const Ke = ye(
       footerHeight: d,
       headerHeight: u,
       horizontalDirection: v,
-      scrollBy: f,
+      scrollBy: p,
       // input
       scrollContainerState: e,
       scrollHeight: s,
-      scrollingInProgress: m,
+      scrollingInProgress: f,
       // signals
-      scrollTo: h,
+      scrollTo: m,
       scrollTop: t,
       skipAnimationFrameInResizeObserver: y,
       smoothScrollTargetReached: r,
@@ -1229,8 +1229,8 @@ function ks(e, t) {
     if (u.some(Ps(r)))
       continue;
     let a = !1, l = !1;
-    for (const { end: d, start: h, value: f } of u)
-      a ? (o >= h || i === f) && (e = pr(e, h)) : (l = f !== i, a = !0), d > o && o >= h && f !== i && (e = et(e, o + 1, f));
+    for (const { end: d, start: m, value: p } of u)
+      a ? (o >= m || i === p) && (e = pr(e, m)) : (l = p !== i, a = !0), d > o && o >= m && p !== i && (e = et(e, o + 1, p));
     l && (e = et(e, s, i));
   }
   return [e, n];
@@ -1272,20 +1272,20 @@ function Es(e, [t, n, r, o]) {
   const i = e.sizeTree;
   let s = i, u = 0;
   if (n.length > 0 && Te(i) && t.length === 2) {
-    const f = t[0].size, m = t[1].size;
-    s = n.reduce((v, y) => et(et(v, y, f), y + 1, m), s);
+    const p = t[0].size, f = t[1].size;
+    s = n.reduce((v, y) => et(et(v, y, p), y + 1, f), s);
   } else
     [s, u] = ks(s, t);
   if (s === i)
     return e;
-  const { lastIndex: a, lastOffset: l, lastSize: d, offsetTree: h } = mr(e.offsetTree, u, s, o);
+  const { lastIndex: a, lastOffset: l, lastSize: d, offsetTree: m } = mr(e.offsetTree, u, s, o);
   return {
     groupIndices: n,
-    groupOffsetTree: n.reduce((f, m) => et(f, m, Zt(m, h, o)), Lt()),
+    groupOffsetTree: n.reduce((p, f) => et(p, f, Zt(f, m, o)), Lt()),
     lastIndex: a,
     lastOffset: l,
     lastSize: d,
-    offsetTree: h,
+    offsetTree: m,
     sizeTree: s
   };
 }
@@ -1310,12 +1310,12 @@ function mr(e, t, n, r) {
   } else
     o = [];
   for (const { start: l, value: d } of Ht(n, t, 1 / 0)) {
-    const h = l - i, f = h * s + u + h * r;
+    const m = l - i, p = m * s + u + m * r;
     o.push({
       index: l,
-      offset: f,
+      offset: p,
       size: d
-    }), i = l, u = f, s = d;
+    }), i = l, u = p, s = d;
   }
   return {
     lastIndex: i,
@@ -1336,10 +1336,10 @@ const As = {
   offsetWidth: "width"
 }, ht = ye(
   ([{ log: e }, { recalcInProgress: t }]) => {
-    const n = ve(), r = ve(), o = je(r, 0), i = ve(), s = ve(), u = W(0), a = W([]), l = W(void 0), d = W(void 0), h = W(void 0), f = W(void 0), m = W((b, S) => xt(b, As[S])), v = W(void 0), y = W(0), c = Ts(), p = je(
+    const n = ve(), r = ve(), o = je(r, 0), i = ve(), s = ve(), u = W(0), a = W([]), l = W(void 0), d = W(void 0), m = W(void 0), p = W(void 0), f = W((b, S) => xt(b, As[S])), v = W(void 0), y = W(0), c = Ts(), g = je(
       H(n, he(a, e, y), gt(Es, c), Me()),
       c
-    ), g = je(
+    ), h = je(
       H(
         a,
         Me(),
@@ -1355,7 +1355,7 @@ const As = {
       H(
         a,
         ae((b) => b.length > 0),
-        he(p, y),
+        he(g, y),
         Y(([b, S, k]) => {
           const T = b.reduce((M, P, I) => et(M, P, Zt(P, S.offsetTree, k) || I), Lt());
           return {
@@ -1365,11 +1365,11 @@ const As = {
           };
         })
       ),
-      p
+      g
     ), oe(
       H(
         r,
-        he(p),
+        he(g),
         ae(([b, { lastIndex: S }]) => b < S),
         Y(([b, { lastIndex: S, lastSize: k }]) => [
           {
@@ -1391,9 +1391,9 @@ const As = {
     oe(
       H(
         d,
-        ae((b) => b !== void 0 && Te(Pe(p).sizeTree)),
+        ae((b) => b !== void 0 && Te(Pe(g).sizeTree)),
         Y((b) => {
-          const S = Pe(h), k = Pe(a).length > 0;
+          const S = Pe(m), k = Pe(a).length > 0;
           return S ? k ? [
             { endIndex: 0, size: S, startIndex: 0 },
             { endIndex: 1, size: b, startIndex: 1 }
@@ -1403,8 +1403,8 @@ const As = {
       n
     ), oe(
       H(
-        f,
-        ae((b) => b !== void 0 && b.length > 0 && Te(Pe(p).sizeTree)),
+        p,
+        ae((b) => b !== void 0 && b.length > 0 && Te(Pe(g).sizeTree)),
         Y((b) => {
           const S = [];
           let k = b[0], T = 0;
@@ -1427,7 +1427,7 @@ const As = {
     ), oe(
       H(
         a,
-        he(h, d),
+        he(m, d),
         ae(([, b, S]) => b !== void 0 && S !== void 0),
         Y(([b, S, k]) => {
           const T = [];
@@ -1451,7 +1451,7 @@ const As = {
     const C = tt(
       H(
         n,
-        he(p),
+        he(g),
         gt(
           ({ sizes: b }, [S, k]) => ({
             changed: k !== b,
@@ -1472,11 +1472,11 @@ const As = {
         Y((b) => b.diff)
       ),
       (b) => {
-        const { groupIndices: S } = Pe(p);
+        const { groupIndices: S } = Pe(g);
         if (b > 0)
           pe(t, !0), pe(i, b + Yr(b, S));
         else if (b < 0) {
-          const k = Pe(g);
+          const k = Pe(h);
           k.length > 0 && (b -= Yr(-b, k)), pe(s, b);
         }
       }
@@ -1491,7 +1491,7 @@ const As = {
     oe(
       H(
         i,
-        he(p),
+        he(g),
         Y(([b, S]) => {
           const k = S.groupIndices.length > 0, T = [], M = S.lastSize;
           if (k) {
@@ -1552,7 +1552,7 @@ const As = {
     const O = tt(
       H(
         s,
-        he(p, y),
+        he(g, y),
         Y(([b, { offsetTree: S }, k]) => {
           const T = -b;
           return Zt(T, S, k);
@@ -1562,13 +1562,13 @@ const As = {
     return oe(
       H(
         s,
-        he(p, y),
+        he(g, y),
         Y(([b, S, k]) => {
           if (S.groupIndices.length > 0) {
             if (Te(S.sizeTree))
               return S;
             let T = Lt();
-            const M = Pe(g);
+            const M = Pe(h);
             let P = 0, I = 0, _ = 0;
             for (; P < -b; ) {
               _ = M[I];
@@ -1596,7 +1596,7 @@ const As = {
           }
         })
       ),
-      p
+      g
     ), {
       beforeUnshiftWith: R,
       // input
@@ -1604,17 +1604,17 @@ const As = {
       defaultItemSize: d,
       firstItemIndex: u,
       fixedItemSize: l,
-      fixedGroupSize: h,
+      fixedGroupSize: m,
       gap: y,
       groupIndices: a,
-      heightEstimates: f,
-      itemSize: m,
+      heightEstimates: p,
+      itemSize: f,
       listRefresh: C,
       shiftWith: s,
       shiftWithOffset: O,
       sizeRanges: n,
       // output
-      sizes: p,
+      sizes: g,
       statefulTotalCount: o,
       totalCount: r,
       trackItemSizes: w,
@@ -1691,19 +1691,19 @@ const on = ye(
       scrollingInProgress: a,
       scrollTo: l,
       smoothScrollTargetReached: d,
-      viewportHeight: h
+      viewportHeight: m
     },
-    { log: f }
+    { log: p }
   ]) => {
-    const m = ve(), v = ve(), y = W(0);
-    let c = null, p = null, g = null;
+    const f = ve(), v = ve(), y = W(0);
+    let c = null, g = null, h = null;
     function w() {
-      c && (c(), c = null), g && (g(), g = null), p && (clearTimeout(p), p = null), pe(a, !1);
+      c && (c(), c = null), h && (h(), h = null), g && (clearTimeout(g), g = null), pe(a, !1);
     }
     return oe(
       H(
-        m,
-        he(n, h, r, y, u, s, f),
+        f,
+        he(n, m, r, y, u, s, p),
         he(e, i, o),
         Y(
           ([
@@ -1716,18 +1716,18 @@ const on = ye(
             let Se = Zt(be, R.offsetTree, P) + k;
             N === "end" ? (Se += I + ct(R.sizeTree, be)[1] - O + _, be === re && (Se += T)) : N === "center" ? Se += (I + ct(R.sizeTree, be)[1] - O + _) / 2 : Se -= S, V && (Se += V);
             const Ce = (xe) => {
-              w(), xe ? (M("retrying to scroll to", { location: C }, Ye.DEBUG), pe(m, C)) : (pe(v, !0), M("list did not change, scroll successful", {}, Ye.DEBUG));
+              w(), xe ? (M("retrying to scroll to", { location: C }, Ye.DEBUG), pe(f, C)) : (pe(v, !0), M("list did not change, scroll successful", {}, Ye.DEBUG));
             };
             if (w(), A === "smooth") {
               let xe = !1;
-              g = Ie(t, (Fe) => {
+              h = Ie(t, (Fe) => {
                 xe = xe || Fe;
               }), c = at(d, () => {
                 Ce(xe);
               });
             } else
               c = at(H(t, Ls(150)), Ce);
-            return p = setTimeout(() => {
+            return g = setTimeout(() => {
               w();
             }, 1200), pe(a, !0), M("scrolling from index to", { behavior: A, index: be, top: Se }, Ye.DEBUG), { behavior: A, top: Se };
           }
@@ -1736,7 +1736,7 @@ const on = ye(
       l
     ), {
       scrollTargetReached: v,
-      scrollToIndex: m,
+      scrollToIndex: f,
       topListHeight: y
     };
   },
@@ -1769,7 +1769,7 @@ const sn = ye(
       H(
         s,
         he(a),
-        ae(([d, h]) => !!h),
+        ae(([d, m]) => !!m),
         ft(!1)
       ),
       u
@@ -1777,7 +1777,7 @@ const sn = ye(
       H(
         s,
         he(a),
-        ae(([d, h]) => !!h),
+        ae(([d, m]) => !!m),
         ft(!1)
       ),
       l
@@ -1785,7 +1785,7 @@ const sn = ye(
       H(
         Ne(t, s),
         he(u, n, e, l),
-        ae(([[, d], h, { sizeTree: f }, m, v]) => d && (!Te(f) || wr(m)) && !h && !v),
+        ae(([[, d], m, { sizeTree: p }, f, v]) => d && (!Te(p) || wr(f)) && !m && !v),
         he(a)
       ),
       ([, d]) => {
@@ -1819,20 +1819,20 @@ const Jt = "up", Ut = "down", Hs = "none", Ns = {
     viewportHeight: 0
   }
 }, Fs = 0, ln = ye(([{ footerHeight: e, headerHeight: t, scrollBy: n, scrollContainerState: r, scrollTop: o, viewportHeight: i }]) => {
-  const s = W(!1), u = W(!0), a = ve(), l = ve(), d = W(4), h = W(Fs), f = je(
+  const s = W(!1), u = W(!0), a = ve(), l = ve(), d = W(4), m = W(Fs), p = je(
     H(
       fr(H(le(o), Et(1), ft(!0)), H(le(o), Et(1), ft(!1), Kr(100))),
       Me()
     ),
     !1
-  ), m = je(
+  ), f = je(
     H(fr(H(n, ft(!0)), H(n, ft(!1), Kr(200))), Me()),
     !1
   );
   oe(
     H(
-      Ne(le(o), le(h)),
-      Y(([g, w]) => g <= w),
+      Ne(le(o), le(m)),
+      Y(([h, w]) => h <= w),
       Me()
     ),
     u
@@ -1840,7 +1840,7 @@ const Jt = "up", Ut = "down", Hs = "none", Ns = {
   const v = tt(
     H(
       Ne(r, le(i), le(t), le(e), le(d)),
-      gt((g, [{ scrollHeight: w, scrollTop: C }, R, O, b, S]) => {
+      gt((h, [{ scrollHeight: w, scrollTop: C }, R, O, b, S]) => {
         const k = C + R - w > -S, T = {
           scrollHeight: w,
           scrollTop: C,
@@ -1848,7 +1848,7 @@ const Jt = "up", Ut = "down", Hs = "none", Ns = {
         };
         if (k) {
           let P, I;
-          return C > g.state.scrollTop ? (P = "SCROLLED_DOWN", I = g.state.scrollTop - C) : (P = "SIZE_DECREASED", I = g.state.scrollTop - C || g.scrollTopDelta), {
+          return C > h.state.scrollTop ? (P = "SCROLLED_DOWN", I = h.state.scrollTop - C) : (P = "SIZE_DECREASED", I = h.state.scrollTop - C || h.scrollTopDelta), {
             atBottom: !0,
             atBottomBecause: P,
             scrollTopDelta: I,
@@ -1856,20 +1856,20 @@ const Jt = "up", Ut = "down", Hs = "none", Ns = {
           };
         }
         let M;
-        return T.scrollHeight > g.state.scrollHeight ? M = "SIZE_INCREASED" : R < g.state.viewportHeight ? M = "VIEWPORT_HEIGHT_DECREASING" : C < g.state.scrollTop ? M = "SCROLLING_UPWARDS" : M = "NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM", {
+        return T.scrollHeight > h.state.scrollHeight ? M = "SIZE_INCREASED" : R < h.state.viewportHeight ? M = "VIEWPORT_HEIGHT_DECREASING" : C < h.state.scrollTop ? M = "SCROLLING_UPWARDS" : M = "NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM", {
           atBottom: !1,
           notAtBottomBecause: M,
           state: T
         };
       }, Ns),
-      Me((g, w) => g && g.atBottom === w.atBottom)
+      Me((h, w) => h && h.atBottom === w.atBottom)
     )
   ), y = je(
     H(
       r,
       gt(
-        (g, { scrollHeight: w, scrollTop: C, viewportHeight: R }) => {
-          if (fi(g.scrollHeight, w))
+        (h, { scrollHeight: w, scrollTop: C, viewportHeight: R }) => {
+          if (fi(h.scrollHeight, w))
             return {
               changed: !1,
               jump: 0,
@@ -1878,9 +1878,9 @@ const Jt = "up", Ut = "down", Hs = "none", Ns = {
             };
           {
             const O = w - (C + R) < 1;
-            return g.scrollTop !== C && O ? {
+            return h.scrollTop !== C && O ? {
               changed: !0,
-              jump: g.scrollTop - C,
+              jump: h.scrollTop - C,
               scrollHeight: w,
               scrollTop: C
             } : {
@@ -1893,15 +1893,15 @@ const Jt = "up", Ut = "down", Hs = "none", Ns = {
         },
         { changed: !1, jump: 0, scrollHeight: 0, scrollTop: 0 }
       ),
-      ae((g) => g.changed),
-      Y((g) => g.jump)
+      ae((h) => h.changed),
+      Y((h) => h.jump)
     ),
     0
   );
   oe(
     H(
       v,
-      Y((g) => g.atBottom)
+      Y((h) => h.atBottom)
     ),
     s
   ), oe(H(s, mt(50)), a);
@@ -1909,46 +1909,46 @@ const Jt = "up", Ut = "down", Hs = "none", Ns = {
   oe(
     H(
       r,
-      Y(({ scrollTop: g }) => g),
+      Y(({ scrollTop: h }) => h),
       Me(),
       gt(
-        (g, w) => Pe(m) ? { direction: g.direction, prevScrollTop: w } : { direction: w < g.prevScrollTop ? Jt : Ut, prevScrollTop: w },
+        (h, w) => Pe(f) ? { direction: h.direction, prevScrollTop: w } : { direction: w < h.prevScrollTop ? Jt : Ut, prevScrollTop: w },
         { direction: Ut, prevScrollTop: 0 }
       ),
-      Y((g) => g.direction)
+      Y((h) => h.direction)
     ),
     c
   ), oe(H(r, mt(50), ft(Hs)), c);
-  const p = W(0);
+  const g = W(0);
   return oe(
     H(
-      f,
-      ae((g) => !g),
+      p,
+      ae((h) => !h),
       ft(0)
     ),
-    p
+    g
   ), oe(
     H(
       o,
       mt(100),
-      he(f),
-      ae(([g, w]) => w),
-      gt(([g, w], [C]) => [w, C], [0, 0]),
-      Y(([g, w]) => w - g)
+      he(p),
+      ae(([h, w]) => w),
+      gt(([h, w], [C]) => [w, C], [0, 0]),
+      Y(([h, w]) => w - h)
     ),
-    p
+    g
   ), {
     atBottomState: v,
     atBottomStateChange: a,
     atBottomThreshold: d,
     atTopStateChange: l,
-    atTopThreshold: h,
+    atTopThreshold: m,
     isAtBottom: s,
     isAtTop: u,
-    isScrolling: f,
+    isScrolling: p,
     lastJumpDueToItemResize: y,
     scrollDirection: c,
-    scrollVelocity: p
+    scrollVelocity: g
   };
 }, Ee(Ke)), en = "top", tn = "bottom", Zr = "none";
 function Jr(e, t, n) {
@@ -1976,21 +1976,21 @@ const Mr = ye(
         Y(
           ([
             d,
-            h,
-            f,
-            [m, v],
+            m,
+            p,
+            [f, v],
             y,
             c,
-            p,
             g,
+            h,
             w
           ]) => {
-            const C = d - g, R = c + p, O = Math.max(f - C, 0);
+            const C = d - h, R = c + g, O = Math.max(p - C, 0);
             let b = Zr;
             const S = eo(w, en), k = eo(w, tn);
-            return m -= g, m += f + p, v += f + p, v -= g, m > d + R - S && (b = Jt), v < d - O + h + k && (b = Ut), b !== Zr ? [
-              Math.max(C - f - Jr(y, en, b) - S, 0),
-              C - O - p + h + Jr(y, tn, b) + k
+            return f -= h, f += p + g, v += p + g, v -= h, f > d + R - S && (b = Jt), v < d - O + m + k && (b = Ut), b !== Zr ? [
+              Math.max(C - p - Jr(y, en, b) - S, 0),
+              C - O - g + m + Jr(y, tn, b) + k
             ] : null;
           }
         ),
@@ -2041,14 +2041,14 @@ function bn(e, t, n, r, o, i) {
     const y = e[e.length - 1];
     d = y.offset + y.size;
   }
-  const h = n - s, f = u + h * a + (h - 1) * r, m = l, v = f - d;
+  const m = n - s, p = u + m * a + (m - 1) * r, f = l, v = p - d;
   return {
     bottom: d,
     firstItemIndex: i,
     items: to(e, o, i),
     offsetBottom: v,
     offsetTop: l,
-    top: m,
+    top: f,
     topItems: to(t, o, i),
     topListHeight: t.reduce((y, c) => c.size + y, 0),
     totalCount: n
@@ -2062,9 +2062,9 @@ function pi(e, t, n, r, o, i) {
         break;
       s++;
     }
-  const u = e + s, a = _r(t, u), l = Array.from({ length: u }).map((d, h) => ({
-    data: i[h + a],
-    index: h + a,
+  const u = e + s, a = _r(t, u), l = Array.from({ length: u }).map((d, m) => ({
+    data: i[m + a],
+    index: m + a,
     offset: 0,
     size: 0
   }));
@@ -2106,17 +2106,17 @@ const Pt = ye(
     i,
     { listBoundary: s, topListHeight: u, visibleRange: a },
     { initialTopMostItemIndex: l, scrolledToInitialItem: d },
-    { topListHeight: h },
-    f,
-    { didMount: m },
+    { topListHeight: m },
+    p,
+    { didMount: f },
     { recalcInProgress: v }
   ]) => {
-    const y = W([]), c = W(0), p = ve(), g = W(0);
+    const y = W([]), c = W(0), g = ve(), h = W(0);
     oe(i.topItemsIndexes, y);
     const w = je(
       H(
         Ne(
-          m,
+          f,
           v,
           le(a, Yt),
           le(o),
@@ -2126,7 +2126,7 @@ const Pt = ye(
           le(y),
           le(t),
           le(n),
-          le(g),
+          le(h),
           e
         ),
         ae(([b, S, , k, , , , , , , , T]) => {
@@ -2235,8 +2235,8 @@ const Pt = ye(
         w,
         Y((b) => b.topListHeight)
       ),
-      h
-    ), oe(h, u), oe(
+      m
+    ), oe(m, u), oe(
       H(
         w,
         Y((b) => [b.top, b.bottom])
@@ -2247,7 +2247,7 @@ const Pt = ye(
         w,
         Y((b) => b.items)
       ),
-      p
+      g
     );
     const C = tt(
       H(
@@ -2288,13 +2288,13 @@ const Pt = ye(
     return {
       endReached: C,
       initialItemCount: c,
-      itemsRendered: p,
+      itemsRendered: g,
       listState: w,
-      minOverscanItemCount: g,
+      minOverscanItemCount: h,
       rangeChanged: O,
       startReached: R,
       topItemsIndexes: y,
-      ...f
+      ...p
     };
   },
   Ee(
@@ -2313,7 +2313,7 @@ const Pt = ye(
     const i = ve(), s = je(
       H(
         Ne(n, e, r, t, o),
-        Y(([u, a, l, d, h]) => u + a + l + d + h.offsetBottom + h.bottom)
+        Y(([u, a, l, d, m]) => u + a + l + d + m.offsetBottom + m.bottom)
       ),
       0
     );
@@ -2357,8 +2357,8 @@ const Pt = ye(
         d,
         he(t, a, n, i, o, r, u),
         he(e),
-        Y(([[h, f, m, v, y, c, p, g], w]) => {
-          const { align: C, behavior: R, calculateViewLocation: O = $s, done: b, ...S } = h, k = ci(h, f, v - 1), T = Zt(k, f.offsetTree, w) + y + c, M = T + ct(f.sizeTree, k)[1], P = g + c, I = g + m - p, _ = O({
+        Y(([[m, p, f, v, y, c, g, h], w]) => {
+          const { align: C, behavior: R, calculateViewLocation: O = $s, done: b, ...S } = m, k = ci(m, p, v - 1), T = Zt(k, p.offsetTree, w) + y + c, M = T + ct(p.sizeTree, k)[1], P = h + c, I = h + f - g, _ = O({
             itemBottom: M,
             itemTop: T,
             locationParams: { align: C, behavior: R, ...S },
@@ -2376,7 +2376,7 @@ const Pt = ye(
             b
           ) : b == null || b(), _;
         }),
-        ae((h) => h !== null)
+        ae((m) => m !== null)
       ),
       l
     ), {
@@ -2397,13 +2397,13 @@ const Vs = (e, t) => typeof e == "function" ? ro(e(t)) : t && ro(e), qs = ye(
     { scrolledToInitialItem: u },
     { didMount: a, propsReady: l },
     { log: d },
-    { scrollingInProgress: h },
-    { context: f },
-    { scrollIntoView: m }
+    { scrollingInProgress: m },
+    { context: p },
+    { scrollIntoView: f }
   ]) => {
     const v = W(!1), y = ve();
     let c = null;
-    function p(R) {
+    function g(R) {
       pe(s, {
         align: "end",
         behavior: R,
@@ -2413,7 +2413,7 @@ const Vs = (e, t) => typeof e == "function" ? ro(e(t)) : t && ro(e), qs = ye(
     Ie(
       H(
         Ne(H(le(t), Et(1)), a),
-        he(le(v), i, u, h),
+        he(le(v), i, u, m),
         Y(([[R, O], b, S, k, T]) => {
           let M = O && k, P = "auto";
           return M && (P = Vs(b, S || T), M = M && !!P), { followOutputBehavior: P, shouldFollow: M, totalCount: R };
@@ -2422,15 +2422,15 @@ const Vs = (e, t) => typeof e == "function" ? ro(e(t)) : t && ro(e), qs = ye(
       ),
       ({ followOutputBehavior: R, totalCount: O }) => {
         c && (c(), c = null), Pe(n) ? requestAnimationFrame(() => {
-          Pe(d)("following output to ", { totalCount: O }, Ye.DEBUG), p(R);
+          Pe(d)("following output to ", { totalCount: O }, Ye.DEBUG), g(R);
         }) : c = at(e, () => {
-          Pe(d)("following output to ", { totalCount: O }, Ye.DEBUG), p(R), c = null;
+          Pe(d)("following output to ", { totalCount: O }, Ye.DEBUG), g(R), c = null;
         });
       }
     );
-    function g(R) {
+    function h(R) {
       const O = at(o, (b) => {
-        R && !b.atBottom && b.notAtBottomBecause === "SIZE_INCREASED" && !c && (Pe(d)("scrolling to bottom due to increased size", {}, Ye.DEBUG), p("auto"));
+        R && !b.atBottom && b.notAtBottomBecause === "SIZE_INCREASED" && !c && (Pe(d)("scrolling to bottom due to increased size", {}, Ye.DEBUG), g("auto"));
       });
       setTimeout(O, 100);
     }
@@ -2446,12 +2446,12 @@ const Vs = (e, t) => typeof e == "function" ? ro(e(t)) : t && ro(e), qs = ye(
         he(v, t)
       ),
       ([, R]) => {
-        Pe(u) && g(R !== !1);
+        Pe(u) && h(R !== !1);
       }
     ), Ie(y, () => {
-      g(Pe(v) !== !1);
+      h(Pe(v) !== !1);
     }), Ie(Ne(le(v), o), ([R, O]) => {
-      R && !O.atBottom && O.notAtBottomBecause === "VIEWPORT_HEIGHT_DECREASING" && p("auto");
+      R && !O.atBottom && O.notAtBottomBecause === "VIEWPORT_HEIGHT_DECREASING" && g("auto");
     });
     const w = W(null), C = ve();
     return oe(
@@ -2469,16 +2469,16 @@ const Vs = (e, t) => typeof e == "function" ? ro(e(t)) : t && ro(e), qs = ye(
     ), Ie(
       H(
         Ne(H(C, Et(1)), a),
-        he(le(w), u, h, f),
+        he(le(w), u, m, p),
         Y(([[R, O], b, S, k, T]) => O && S && (b == null ? void 0 : b({ context: T, totalCount: R, scrollingInProgress: k }))),
         ae((R) => !!R),
         mt(0)
       ),
       (R) => {
         c && (c(), c = null), Pe(n) ? requestAnimationFrame(() => {
-          Pe(d)("scrolling into view", {}), pe(m, R);
+          Pe(d)("scrolling into view", {}), pe(f, R);
         }) : c = at(e, () => {
-          Pe(d)("scrolling into view", {}), pe(m, R), c = null;
+          Pe(d)("scrolling into view", {}), pe(f, R), c = null;
         });
       }
     ), { autoscrollToBottom: y, followOutput: v, scrollIntoViewOnChange: w };
@@ -2501,7 +2501,7 @@ const Vs = (e, t) => typeof e == "function" ? ro(e(t)) : t && ro(e), qs = ye(
       he(i),
       ae(([, a]) => a !== 0),
       he(o, r, t, n, e),
-      Y(([[, a], l, d, h, f, m = []]) => pi(a, l, d, h, f, m))
+      Y(([[, a], l, d, m, p, f = []]) => pi(a, l, d, m, p, f))
     ),
     s
   ), {}),
@@ -2606,23 +2606,23 @@ const Vs = (e, t) => typeof e == "function" ? ro(e(t)) : t && ro(e), qs = ye(
     { didMount: i },
     { useWindowScroll: s, windowScrollContainerState: u, windowViewportRect: a }
   ]) => {
-    const l = ve(), d = W(void 0), h = W(null), f = W(null);
-    return oe(u, h), oe(a, f), Ie(
+    const l = ve(), d = W(void 0), m = W(null), p = W(null);
+    return oe(u, m), oe(a, p), Ie(
       H(
         l,
-        he(t, r, s, h, f, n)
+        he(t, r, s, m, p, n)
       ),
-      ([m, v, y, c, p, g, w]) => {
+      ([f, v, y, c, g, h, w]) => {
         const C = Os(v.sizeTree);
-        c && p !== null && g !== null && (y = p.scrollTop - g.offsetTop), y -= w, m({ ranges: C, scrollTop: y });
+        c && g !== null && h !== null && (y = g.scrollTop - h.offsetTop), y -= w, f({ ranges: C, scrollTop: y });
       }
     ), oe(H(d, ae(wr), Y(Xs)), o), oe(
       H(
         i,
         he(d),
-        ae(([, m]) => m !== void 0),
+        ae(([, f]) => f !== void 0),
         Me(),
-        Y(([, m]) => m.ranges)
+        Y(([, f]) => f.ranges)
       ),
       e
     ), {
@@ -2655,8 +2655,8 @@ const Ys = vi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
     { deviation: e, scrollBy: t, scrollingInProgress: n, scrollTop: r },
     { isAtBottom: o, isScrolling: i, lastJumpDueToItemResize: s, scrollDirection: u },
     { listState: a },
-    { beforeUnshiftWith: l, gap: d, shiftWithOffset: h, sizes: f },
-    { log: m },
+    { beforeUnshiftWith: l, gap: d, shiftWithOffset: m, sizes: p },
+    { log: f },
     { recalcInProgress: v }
   ]) => {
     const y = tt(
@@ -2664,64 +2664,64 @@ const Ys = vi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
         a,
         he(s),
         gt(
-          ([, p, g, w], [{ bottom: C, items: R, offsetBottom: O, totalCount: b }, S]) => {
+          ([, g, h, w], [{ bottom: C, items: R, offsetBottom: O, totalCount: b }, S]) => {
             const k = C + O;
             let T = 0;
-            return g === b && p.length > 0 && R.length > 0 && (R[0].originalIndex === 0 && p[0].originalIndex === 0 || (T = k - w, T !== 0 && (T += S))), [T, R, b, k];
+            return h === b && g.length > 0 && R.length > 0 && (R[0].originalIndex === 0 && g[0].originalIndex === 0 || (T = k - w, T !== 0 && (T += S))), [T, R, b, k];
           },
           [0, [], 0, 0]
         ),
-        ae(([p]) => p !== 0),
-        he(r, u, n, o, m, v),
-        ae(([, p, g, w, , , C]) => !C && !w && p !== 0 && g === Jt),
-        Y(([[p], , , , , g]) => (g("Upward scrolling compensation", { amount: p }, Ye.DEBUG), p))
+        ae(([g]) => g !== 0),
+        he(r, u, n, o, f, v),
+        ae(([, g, h, w, , , C]) => !C && !w && g !== 0 && h === Jt),
+        Y(([[g], , , , , h]) => (h("Upward scrolling compensation", { amount: g }, Ye.DEBUG), g))
       )
     );
-    function c(p) {
-      p > 0 ? (pe(t, { behavior: "auto", top: -p }), pe(e, 0)) : (pe(e, 0), pe(t, { behavior: "auto", top: -p }));
+    function c(g) {
+      g > 0 ? (pe(t, { behavior: "auto", top: -g }), pe(e, 0)) : (pe(e, 0), pe(t, { behavior: "auto", top: -g }));
     }
-    return Ie(H(y, he(e, i)), ([p, g, w]) => {
-      w && Ys() ? pe(e, g - p) : c(-p);
+    return Ie(H(y, he(e, i)), ([g, h, w]) => {
+      w && Ys() ? pe(e, h - g) : c(-g);
     }), Ie(
       H(
         Ne(je(i, !1), e, v),
-        ae(([p, g, w]) => !p && !w && g !== 0),
-        Y(([p, g]) => g),
+        ae(([g, h, w]) => !g && !w && h !== 0),
+        Y(([g, h]) => h),
         mt(1)
       ),
       c
     ), oe(
       H(
-        h,
-        Y((p) => ({ top: -p }))
+        m,
+        Y((g) => ({ top: -g }))
       ),
       t
     ), Ie(
       H(
         l,
-        he(f, d),
-        Y(([p, { groupIndices: g, lastSize: w, sizeTree: C }, R]) => {
+        he(p, d),
+        Y(([g, { groupIndices: h, lastSize: w, sizeTree: C }, R]) => {
           function O(b) {
             return b * (w + R);
           }
-          if (g.length === 0)
-            return O(p);
+          if (h.length === 0)
+            return O(g);
           {
             let b = 0;
             const S = Qt(C, 0);
             let k = 0, T = 0;
-            for (; k < p; ) {
+            for (; k < g; ) {
               k++, b += S;
-              let M = g.length === T + 1 ? 1 / 0 : g[T + 1] - g[T] - 1;
-              k + M > p && (b -= S, M = p - k + 1), k += M, b += O(M), T++;
+              let M = h.length === T + 1 ? 1 / 0 : h[T + 1] - h[T] - 1;
+              k + M > g && (b -= S, M = g - k + 1), k += M, b += O(M), T++;
             }
             return b;
           }
         })
       ),
-      (p) => {
-        pe(e, p), requestAnimationFrame(() => {
-          pe(t, { top: p }), requestAnimationFrame(() => {
+      (g) => {
+        pe(e, g), requestAnimationFrame(() => {
+          pe(t, { top: g }), requestAnimationFrame(() => {
             pe(e, 0), pe(v, !1);
           });
         });
@@ -2782,13 +2782,13 @@ const Ys = vi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       itemSize: a,
       sizeRanges: l,
       sizes: d,
-      statefulTotalCount: h,
-      totalCount: f,
-      trackItemSizes: m
+      statefulTotalCount: m,
+      totalCount: p,
+      trackItemSizes: f
     },
     { initialItemFinalLocationReached: v, initialTopMostItemIndex: y, scrolledToInitialItem: c },
-    p,
     g,
+    h,
     w,
     C,
     { scrollToIndex: R },
@@ -2803,7 +2803,7 @@ const Ys = vi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
         k.windowViewportRect,
         Y((z) => z.visibleHeight)
       ),
-      p.viewportHeight
+      g.viewportHeight
     ), {
       data: e,
       defaultItemHeight: t,
@@ -2820,7 +2820,7 @@ const Ys = vi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       topItemCount: b,
       topItemsIndexes: P,
       // input
-      totalCount: f,
+      totalCount: p,
       ...w,
       groupIndices: s,
       itemSize: a,
@@ -2828,16 +2828,16 @@ const Ys = vi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       minOverscanItemCount: M,
       scrollToIndex: R,
       // output
-      statefulTotalCount: h,
-      trackItemSizes: m,
+      statefulTotalCount: m,
+      trackItemSizes: f,
       // exported from stateFlagsSystem
       rangeChanged: I,
       ..._,
       // the bag of IO from featureGroup1System
       ...k,
-      ...p,
+      ...g,
       sizes: d,
-      ...g
+      ...h
     };
   },
   Ee(
@@ -2867,30 +2867,30 @@ function el(e, t) {
 const dn = typeof document < "u" ? D.useLayoutEffect : D.useEffect;
 function yi(e, t, n) {
   const r = Object.keys(t.required || {}), o = Object.keys(t.optional || {}), i = Object.keys(t.methods || {}), s = Object.keys(t.events || {}), u = D.createContext({});
-  function a(c, p) {
+  function a(c, g) {
     c.propsReady && pe(c.propsReady, !1);
-    for (const g of r) {
-      const w = c[t.required[g]];
-      pe(w, p[g]);
+    for (const h of r) {
+      const w = c[t.required[h]];
+      pe(w, g[h]);
     }
-    for (const g of o)
-      if (g in p) {
-        const w = c[t.optional[g]];
-        pe(w, p[g]);
+    for (const h of o)
+      if (h in g) {
+        const w = c[t.optional[h]];
+        pe(w, g[h]);
       }
     c.propsReady && pe(c.propsReady, !0);
   }
   function l(c) {
-    return i.reduce((p, g) => (p[g] = (w) => {
-      const C = c[t.methods[g]];
+    return i.reduce((g, h) => (g[h] = (w) => {
+      const C = c[t.methods[h]];
       pe(C, w);
-    }, p), {});
+    }, g), {});
   }
   function d(c) {
-    return s.reduce((p, g) => (p[g] = ms(c[t.events[g]]), p), {});
+    return s.reduce((g, h) => (g[h] = ms(c[t.events[h]]), g), {});
   }
-  const h = D.forwardRef((c, p) => {
-    const { children: g, ...w } = c, [C] = D.useState(() => Mn(vs(e), (b) => {
+  const m = D.forwardRef((c, g) => {
+    const { children: h, ...w } = c, [C] = D.useState(() => Mn(vs(e), (b) => {
       a(b, w);
     })), [R] = D.useState(Ur(d, C));
     dn(() => {
@@ -2901,44 +2901,44 @@ function yi(e, t, n) {
       };
     }, [w, R, C]), dn(() => {
       a(C, w);
-    }), D.useImperativeHandle(p, jr(l(C)));
+    }), D.useImperativeHandle(g, jr(l(C)));
     const O = n;
-    return /* @__PURE__ */ x(u.Provider, { value: C, children: n ? /* @__PURE__ */ x(O, { ...el([...r, ...o, ...s], w), children: g }) : g });
-  }), f = (c) => {
-    const p = D.useContext(u);
+    return /* @__PURE__ */ x(u.Provider, { value: C, children: n ? /* @__PURE__ */ x(O, { ...el([...r, ...o, ...s], w), children: h }) : h });
+  }), p = (c) => {
+    const g = D.useContext(u);
     return D.useCallback(
-      (g) => {
-        pe(p[c], g);
+      (h) => {
+        pe(g[c], h);
       },
-      [p, c]
+      [g, c]
     );
-  }, m = (c) => {
-    const p = D.useContext(u)[c], g = D.useCallback(
-      (w) => Ie(p, w),
-      [p]
+  }, f = (c) => {
+    const g = D.useContext(u)[c], h = D.useCallback(
+      (w) => Ie(g, w),
+      [g]
     );
     return D.useSyncExternalStore(
-      g,
-      () => Pe(p),
-      () => Pe(p)
+      h,
+      () => Pe(g),
+      () => Pe(g)
     );
   }, v = (c) => {
-    const p = D.useContext(u)[c], [g, w] = D.useState(Ur(Pe, p));
+    const g = D.useContext(u)[c], [h, w] = D.useState(Ur(Pe, g));
     return dn(
-      () => Ie(p, (C) => {
-        C !== g && w(jr(C));
+      () => Ie(g, (C) => {
+        C !== h && w(jr(C));
       }),
-      [p, g]
-    ), g;
-  }, y = D.version.startsWith("18") ? m : v;
+      [g, h]
+    ), h;
+  }, y = D.version.startsWith("18") ? f : v;
   return {
-    Component: h,
-    useEmitter: (c, p) => {
-      const g = D.useContext(u)[c];
-      dn(() => Ie(g, p), [p, g]);
+    Component: m,
+    useEmitter: (c, g) => {
+      const h = D.useContext(u)[c];
+      dn(() => Ie(h, g), [g, h]);
     },
     useEmitterValue: y,
-    usePublisher: f
+    usePublisher: p
   };
 }
 const xi = D.createContext(void 0), wi = D.createContext(void 0), Ii = typeof document < "u" ? D.useLayoutEffect : D.useEffect;
@@ -2950,54 +2950,54 @@ function tl(e) {
 }
 function Ci(e, t, n, r = $t, o, i) {
   const s = D.useRef(null), u = D.useRef(null), a = D.useRef(null), l = D.useCallback(
-    (f) => {
-      let m, v, y;
-      const c = f.target;
+    (p) => {
+      let f, v, y;
+      const c = p.target;
       if (tl(c) || $n(c)) {
-        const g = $n(c) ? c : c.defaultView;
-        y = i ? g.scrollX : g.scrollY, m = i ? g.document.documentElement.scrollWidth : g.document.documentElement.scrollHeight, v = i ? g.innerWidth : g.innerHeight;
+        const h = $n(c) ? c : c.defaultView;
+        y = i ? h.scrollX : h.scrollY, f = i ? h.document.documentElement.scrollWidth : h.document.documentElement.scrollHeight, v = i ? h.innerWidth : h.innerHeight;
       } else
-        y = i ? c.scrollLeft : c.scrollTop, m = i ? c.scrollWidth : c.scrollHeight, v = i ? c.offsetWidth : c.offsetHeight;
-      const p = () => {
+        y = i ? c.scrollLeft : c.scrollTop, f = i ? c.scrollWidth : c.scrollHeight, v = i ? c.offsetWidth : c.offsetHeight;
+      const g = () => {
         e({
-          scrollHeight: m,
+          scrollHeight: f,
           scrollTop: Math.max(y, 0),
           viewportHeight: v
         });
       };
-      f.suppressFlushSync ? p() : Qi.flushSync(p), u.current !== null && (y === u.current || y <= 0 || y === m - v) && (u.current = null, t(!0), a.current && (clearTimeout(a.current), a.current = null));
+      p.suppressFlushSync ? g() : Qi.flushSync(g), u.current !== null && (y === u.current || y <= 0 || y === f - v) && (u.current = null, t(!0), a.current && (clearTimeout(a.current), a.current = null));
     },
     [e, t, i]
   );
   D.useEffect(() => {
-    const f = o || s.current;
-    return r(o || s.current), l({ suppressFlushSync: !0, target: f }), f.addEventListener("scroll", l, { passive: !0 }), () => {
-      r(null), f.removeEventListener("scroll", l);
+    const p = o || s.current;
+    return r(o || s.current), l({ suppressFlushSync: !0, target: p }), p.addEventListener("scroll", l, { passive: !0 }), () => {
+      r(null), p.removeEventListener("scroll", l);
     };
   }, [s, l, n, r, o]);
-  function d(f) {
-    const m = s.current;
-    if (!m || (i ? "offsetWidth" in m && m.offsetWidth === 0 : "offsetHeight" in m && m.offsetHeight === 0))
+  function d(p) {
+    const f = s.current;
+    if (!f || (i ? "offsetWidth" in f && f.offsetWidth === 0 : "offsetHeight" in f && f.offsetHeight === 0))
       return;
-    const v = f.behavior === "smooth";
-    let y, c, p;
-    $n(m) ? (c = Math.max(
-      xt(m.document.documentElement, i ? "width" : "height"),
-      i ? m.document.documentElement.scrollWidth : m.document.documentElement.scrollHeight
-    ), y = i ? m.innerWidth : m.innerHeight, p = i ? window.scrollX : window.scrollY) : (c = m[i ? "scrollWidth" : "scrollHeight"], y = xt(m, i ? "width" : "height"), p = m[i ? "scrollLeft" : "scrollTop"]);
-    const g = c - y;
-    if (f.top = Math.ceil(Math.max(Math.min(g, f.top), 0)), fi(y, c) || f.top === p) {
-      e({ scrollHeight: c, scrollTop: p, viewportHeight: y }), v && t(!0);
+    const v = p.behavior === "smooth";
+    let y, c, g;
+    $n(f) ? (c = Math.max(
+      xt(f.document.documentElement, i ? "width" : "height"),
+      i ? f.document.documentElement.scrollWidth : f.document.documentElement.scrollHeight
+    ), y = i ? f.innerWidth : f.innerHeight, g = i ? window.scrollX : window.scrollY) : (c = f[i ? "scrollWidth" : "scrollHeight"], y = xt(f, i ? "width" : "height"), g = f[i ? "scrollLeft" : "scrollTop"]);
+    const h = c - y;
+    if (p.top = Math.ceil(Math.max(Math.min(h, p.top), 0)), fi(y, c) || p.top === g) {
+      e({ scrollHeight: c, scrollTop: g, viewportHeight: y }), v && t(!0);
       return;
     }
-    v ? (u.current = f.top, a.current && clearTimeout(a.current), a.current = setTimeout(() => {
+    v ? (u.current = p.top, a.current && clearTimeout(a.current), a.current = setTimeout(() => {
       a.current = null, u.current = null, t(!0);
-    }, 1e3)) : u.current = null, i && (f = { behavior: f.behavior, left: f.top }), m.scrollTo(f);
+    }, 1e3)) : u.current = null, i && (p = { behavior: p.behavior, left: p.top }), f.scrollTo(p);
   }
-  function h(f) {
-    i && (f = { behavior: f.behavior, left: f.top }), s.current.scrollBy(f);
+  function m(p) {
+    i && (p = { behavior: p.behavior, left: p.top }), s.current.scrollBy(p);
   }
-  return { scrollByCallback: h, scrollerRef: s, scrollToCallback: d };
+  return { scrollByCallback: m, scrollerRef: s, scrollToCallback: d };
 }
 const Vn = "-webkit-sticky", oo = "sticky", Or = vi(() => {
   if (typeof document > "u")
@@ -3038,31 +3038,31 @@ const nl = /* @__PURE__ */ ye(() => {
   ([e, t]) => ({ ...e, ...t }),
   Ee(Si, nl)
 ), ol = ({ height: e }) => /* @__PURE__ */ x("div", { style: { height: e } }), il = { overflowAnchor: "none", position: Or(), zIndex: 1 }, Ti = { overflowAnchor: "none" }, sl = { ...Ti, display: "inline-block", height: "100%" }, io = /* @__PURE__ */ D.memo(function({ showTopList: e = !1 }) {
-  const t = ue("listState"), n = ot("sizeRanges"), r = ue("useWindowScroll"), o = ue("customScrollParent"), i = ot("windowScrollContainerState"), s = ot("scrollContainerState"), u = o || r ? i : s, a = ue("itemContent"), l = ue("context"), d = ue("groupContent"), h = ue("trackItemSizes"), f = ue("itemSize"), m = ue("log"), v = ot("gap"), y = ue("horizontalDirection"), { callbackRef: c } = xs(
+  const t = ue("listState"), n = ot("sizeRanges"), r = ue("useWindowScroll"), o = ue("customScrollParent"), i = ot("windowScrollContainerState"), s = ot("scrollContainerState"), u = o || r ? i : s, a = ue("itemContent"), l = ue("context"), d = ue("groupContent"), m = ue("trackItemSizes"), p = ue("itemSize"), f = ue("log"), v = ot("gap"), y = ue("horizontalDirection"), { callbackRef: c } = xs(
     n,
-    f,
-    h,
-    e ? $t : u,
+    p,
     m,
+    e ? $t : u,
+    f,
     v,
     o,
     y,
     ue("skipAnimationFrameInResizeObserver")
-  ), [p, g] = D.useState(0);
+  ), [g, h] = D.useState(0);
   Pr("deviation", (_) => {
-    p !== _ && g(_);
+    g !== _ && h(_);
   });
   const w = ue("EmptyPlaceholder"), C = ue("ScrollSeekPlaceholder") || ol, R = ue("ListComponent"), O = ue("ItemComponent"), b = ue("GroupComponent"), S = ue("computeItemKey"), k = ue("isSeeking"), T = ue("groupIndices").length > 0, M = ue("alignToBottom"), P = ue("initialItemFinalLocationReached"), I = e ? {} : {
     boxSizing: "border-box",
     ...y ? {
       display: "inline-block",
       height: "100%",
-      marginLeft: p !== 0 ? p : M ? "auto" : 0,
+      marginLeft: g !== 0 ? g : M ? "auto" : 0,
       paddingLeft: t.offsetTop,
       paddingRight: t.offsetBottom,
       whiteSpace: "nowrap"
     } : {
-      marginTop: p !== 0 ? p : M ? "auto" : 0,
+      marginTop: g !== 0 ? g : M ? "auto" : 0,
       paddingBottom: t.offsetBottom,
       paddingTop: t.offsetTop
     },
@@ -3171,21 +3171,21 @@ const dl = /* @__PURE__ */ D.memo(function() {
 });
 function ki({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
   return D.memo(function({ children: r, style: o, context: i, ...s }) {
-    const u = n("scrollContainerState"), a = t("ScrollerComponent"), l = n("smoothScrollTargetReached"), d = t("scrollerRef"), h = t("horizontalDirection") || !1, { scrollByCallback: f, scrollerRef: m, scrollToCallback: v } = Ci(
+    const u = n("scrollContainerState"), a = t("ScrollerComponent"), l = n("smoothScrollTargetReached"), d = t("scrollerRef"), m = t("horizontalDirection") || !1, { scrollByCallback: p, scrollerRef: f, scrollToCallback: v } = Ci(
       u,
       l,
       a,
       d,
       void 0,
-      h
+      m
     );
-    return e("scrollTo", v), e("scrollBy", f), /* @__PURE__ */ x(
+    return e("scrollTo", v), e("scrollBy", p), /* @__PURE__ */ x(
       a,
       {
         "data-testid": "virtuoso-scroller",
         "data-virtuoso-scroller": !0,
-        ref: m,
-        style: { ...h ? al : ll, ...o },
+        ref: f,
+        style: { ...m ? al : ll, ...o },
         tabIndex: 0,
         ...s,
         ...qe(a, i),
@@ -3196,24 +3196,24 @@ function ki({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
 }
 function Ri({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
   return D.memo(function({ children: r, style: o, context: i, ...s }) {
-    const u = n("windowScrollContainerState"), a = t("ScrollerComponent"), l = n("smoothScrollTargetReached"), d = t("totalListHeight"), h = t("deviation"), f = t("customScrollParent"), m = D.useRef(null), v = t("scrollerRef"), { scrollByCallback: y, scrollerRef: c, scrollToCallback: p } = Ci(
+    const u = n("windowScrollContainerState"), a = t("ScrollerComponent"), l = n("smoothScrollTargetReached"), d = t("totalListHeight"), m = t("deviation"), p = t("customScrollParent"), f = D.useRef(null), v = t("scrollerRef"), { scrollByCallback: y, scrollerRef: c, scrollToCallback: g } = Ci(
       u,
       l,
       a,
       v,
-      f
+      p
     );
     return Ii(() => {
-      var g;
-      return c.current = f || ((g = m.current) == null ? void 0 : g.ownerDocument.defaultView), () => {
+      var h;
+      return c.current = p || ((h = f.current) == null ? void 0 : h.ownerDocument.defaultView), () => {
         c.current = null;
       };
-    }, [c, f]), e("windowScrollTo", p), e("scrollBy", y), /* @__PURE__ */ x(
+    }, [c, p]), e("windowScrollTo", g), e("scrollBy", y), /* @__PURE__ */ x(
       a,
       {
-        ref: m,
+        ref: f,
         "data-virtuoso-scroller": !0,
-        style: { position: "relative", ...o, ...d !== 0 ? { height: d + h } : {} },
+        style: { position: "relative", ...o, ...d !== 0 ? { height: d + m } : {} },
         ...s,
         ...qe(a, i),
         children: r
@@ -3329,7 +3329,7 @@ const pl = ({ children: e }) => {
   ] })), r = W(null), o = W(null), i = W({}), s = W(zr), u = W($t), a = (l, d = null) => je(
     H(
       i,
-      Y((h) => h[l]),
+      Y((m) => m[l]),
       Me()
     ),
     d
@@ -3392,11 +3392,11 @@ function Cl(e, t) {
 const Tl = /* @__PURE__ */ ye(
   ([
     { increaseViewportBy: e, listBoundary: t, overscan: n, visibleRange: r },
-    { footerHeight: o, headerHeight: i, scrollBy: s, scrollContainerState: u, scrollTo: a, scrollTop: l, smoothScrollTargetReached: d, viewportHeight: h },
+    { footerHeight: o, headerHeight: i, scrollBy: s, scrollContainerState: u, scrollTo: a, scrollTop: l, smoothScrollTargetReached: d, viewportHeight: m },
+    p,
     f,
-    m,
     { didMount: v, propsReady: y },
-    { customScrollParent: c, useWindowScroll: p, windowScrollContainerState: g, windowScrollTo: w, windowViewportRect: C },
+    { customScrollParent: c, useWindowScroll: g, windowScrollContainerState: h, windowScrollTo: w, windowViewportRect: C },
     R
   ]) => {
     const O = W(0), b = W(0), S = W(so), k = W({ height: 0, width: 0 }), T = W({ height: 0, width: 0 }), M = ve(), P = ve(), I = W(0), _ = W(null), z = W({ column: 0, row: 0 }), N = ve(), A = ve(), V = W(!1), re = W(0), be = W(!0), Se = W(!1), Ce = W(!1);
@@ -3444,7 +3444,7 @@ const Tl = /* @__PURE__ */ ye(
         k,
         Y(({ height: E }) => E)
       ),
-      h
+      m
     ), oe(
       H(
         Ne(
@@ -3565,7 +3565,7 @@ const Tl = /* @__PURE__ */ ye(
         mt(0)
       )
     );
-    oe($, m.scrollSeekRangeChanged), oe(
+    oe($, f.scrollSeekRangeChanged), oe(
       H(
         M,
         he(k, T, O, z),
@@ -3613,18 +3613,18 @@ const Tl = /* @__PURE__ */ ye(
       scrollTop: l,
       smoothScrollTargetReached: d,
       totalCount: O,
-      useWindowScroll: p,
+      useWindowScroll: g,
       viewportDimensions: k,
-      windowScrollContainerState: g,
+      windowScrollContainerState: h,
       windowScrollTo: w,
       windowViewportRect: C,
-      ...m,
+      ...f,
       // output
       gridState: S,
       horizontalDirection: Ce,
       initialTopMostItemIndex: re,
       totalListHeight: G,
-      ...f,
+      ...p,
       endReached: Fe,
       propsReady: y,
       rangeChanged: $,
@@ -3651,13 +3651,13 @@ function br(e, t, n, r) {
   return s > 0 ? s + t.row : s;
 }
 const kl = /* @__PURE__ */ ye(() => {
-  const e = W((h) => `Item ${h}`), t = W({}), n = W(null), r = W("virtuoso-grid-item"), o = W("virtuoso-grid-list"), i = W(zr), s = W("div"), u = W($t), a = (h, f = null) => je(
+  const e = W((m) => `Item ${m}`), t = W({}), n = W(null), r = W("virtuoso-grid-item"), o = W("virtuoso-grid-list"), i = W(zr), s = W("div"), u = W($t), a = (m, p = null) => je(
     H(
       t,
-      Y((m) => m[h]),
+      Y((f) => f[m]),
       Me()
     ),
-    f
+    p
   ), l = W(!1), d = W(!1);
   return oe(le(d), l), {
     components: t,
@@ -3681,22 +3681,22 @@ const kl = /* @__PURE__ */ ye(() => {
   ([e, t]) => ({ ...e, ...t }),
   Ee(Tl, kl)
 ), _l = /* @__PURE__ */ D.memo(function() {
-  const e = ze("gridState"), t = ze("listClassName"), n = ze("itemClassName"), r = ze("itemContent"), o = ze("computeItemKey"), i = ze("isSeeking"), s = it("scrollHeight"), u = ze("ItemComponent"), a = ze("ListComponent"), l = ze("ScrollSeekPlaceholder"), d = ze("context"), h = it("itemDimensions"), f = it("gap"), m = ze("log"), v = ze("stateRestoreInProgress"), y = it("reportReadyState"), c = zt(
+  const e = ze("gridState"), t = ze("listClassName"), n = ze("itemClassName"), r = ze("itemContent"), o = ze("computeItemKey"), i = ze("isSeeking"), s = it("scrollHeight"), u = ze("ItemComponent"), a = ze("ListComponent"), l = ze("ScrollSeekPlaceholder"), d = ze("context"), m = it("itemDimensions"), p = it("gap"), f = ze("log"), v = ze("stateRestoreInProgress"), y = it("reportReadyState"), c = zt(
     D.useMemo(
-      () => (p) => {
-        const g = p.parentElement.parentElement.scrollHeight;
-        s(g);
-        const w = p.firstChild;
+      () => (g) => {
+        const h = g.parentElement.parentElement.scrollHeight;
+        s(h);
+        const w = g.firstChild;
         if (w) {
           const { height: C, width: R } = w.getBoundingClientRect();
-          h({ height: C, width: R });
+          m({ height: C, width: R });
         }
-        f({
-          column: fo("column-gap", getComputedStyle(p).columnGap, m),
-          row: fo("row-gap", getComputedStyle(p).rowGap, m)
+        p({
+          column: fo("column-gap", getComputedStyle(g).columnGap, f),
+          row: fo("row-gap", getComputedStyle(g).rowGap, f)
         });
       },
-      [s, h, f, m]
+      [s, m, p, f]
     ),
     !0,
     !1
@@ -3711,26 +3711,26 @@ const kl = /* @__PURE__ */ ye(() => {
       ...qe(a, d),
       "data-testid": "virtuoso-item-list",
       style: { paddingBottom: e.offsetBottom, paddingTop: e.offsetTop },
-      children: e.items.map((p) => {
-        const g = o(p.index, p.data, d);
+      children: e.items.map((g) => {
+        const h = o(g.index, g.data, d);
         return i ? /* @__PURE__ */ x(
           l,
           {
             ...qe(l, d),
             height: e.itemHeight,
-            index: p.index,
+            index: g.index,
             width: e.itemWidth
           },
-          g
+          h
         ) : /* @__PURE__ */ hn(
           u,
           {
             ...qe(u, d),
             className: n,
-            "data-index": p.index,
-            key: g
+            "data-index": g.index,
+            key: h
           },
-          r(p.index, p.data, d)
+          r(g.index, g.data, d)
         );
       })
     }
@@ -3835,7 +3835,7 @@ function fo(e, t, n) {
   return t !== "normal" && !(t != null && t.endsWith("px")) && n(`${e} was not resolved to pixel value correctly`, t, Ye.WARN), t === "normal" ? 0 : parseInt(t ?? "0", 10);
 }
 const zn = Ft(void 0);
-function _e(e, t) {
+function Re(e, t) {
   const n = Ue(zn);
   if (!n) throw new Error("useAudioStore must be used within CRAudioProvider");
   return kn(n, e, t);
@@ -3855,18 +3855,18 @@ function Ei() {
   return vr;
 }
 const Hl = ({ containerRef: e }) => {
-  const t = j((c) => c.rangeStartGI), n = j((c) => c.rangeEndGI), r = j((c) => c.setRange), o = It(), i = t != null && n != null, [s, u] = pt(null), [a, l] = pt(null), d = ie(null), h = ie({ startGI: t, endGI: n });
-  h.current = { startGI: t, endGI: n };
-  const f = ie(r);
-  f.current = r, fe(() => {
+  const t = j((c) => c.rangeStartGI), n = j((c) => c.rangeEndGI), r = j((c) => c.setRange), o = It(), i = t != null && n != null, [s, u] = pt(null), [a, l] = pt(null), d = ie(null), m = ie({ startGI: t, endGI: n });
+  m.current = { startGI: t, endGI: n };
+  const p = ie(r);
+  p.current = r, fe(() => {
     if (!i || t == null || n == null) {
       u(null), l(null);
       return;
     }
     const c = () => {
-      const g = e.current;
-      if (!g) return;
-      const w = g.getBoundingClientRect(), R = 1 / (o.getState().playbackScale || 1), O = g.querySelector(`[data-g="${t}"]`), b = g.querySelector(`[data-g="${n}"]`);
+      const h = e.current;
+      if (!h) return;
+      const w = h.getBoundingClientRect(), R = 1 / (o.getState().playbackScale || 1), O = h.querySelector(`[data-g="${t}"]`), b = h.querySelector(`[data-g="${n}"]`);
       if (O) {
         const S = O.getBoundingClientRect();
         u({
@@ -3885,15 +3885,15 @@ const Hl = ({ containerRef: e }) => {
         l(null);
     };
     c();
-    const p = e.current;
-    return p && p.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
-      p && p.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
+    const g = e.current;
+    return g && g.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
+      g && g.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
   }, [i, t, n, e, o]);
-  const m = ne((c, p) => {
+  const f = ne((c, g) => {
     var w;
-    const g = document.elementsFromPoint(c, p);
-    for (const C of g) {
+    const h = document.elementsFromPoint(c, g);
+    for (const C of h) {
       const R = (w = C.getAttribute) == null ? void 0 : w.call(C, "data-g");
       if (R != null)
         return parseInt(R, 10);
@@ -3901,24 +3901,24 @@ const Hl = ({ containerRef: e }) => {
     return null;
   }, []);
   fe(() => {
-    const c = (g) => {
+    const c = (h) => {
       if (!d.current) return;
-      const { startGI: w, endGI: C } = h.current;
+      const { startGI: w, endGI: C } = m.current;
       if (w == null || C == null) return;
-      const R = m(g.clientX, g.clientY);
-      R != null && (d.current === "start" ? R <= C ? f.current(R, C) : (f.current(C, R), d.current = "end") : R >= w ? f.current(w, R) : (f.current(R, w), d.current = "start"));
-    }, p = () => {
+      const R = f(h.clientX, h.clientY);
+      R != null && (d.current === "start" ? R <= C ? p.current(R, C) : (p.current(C, R), d.current = "end") : R >= w ? p.current(w, R) : (p.current(R, w), d.current = "start"));
+    }, g = () => {
       d.current = null, setTimeout(() => {
         vr = !1;
       }, 50);
     };
-    return document.addEventListener("pointermove", c), document.addEventListener("pointerup", p), document.addEventListener("pointercancel", p), () => {
-      document.removeEventListener("pointermove", c), document.removeEventListener("pointerup", p), document.removeEventListener("pointercancel", p);
+    return document.addEventListener("pointermove", c), document.addEventListener("pointerup", g), document.addEventListener("pointercancel", g), () => {
+      document.removeEventListener("pointermove", c), document.removeEventListener("pointerup", g), document.removeEventListener("pointercancel", g);
     };
-  }, [m]);
+  }, [f]);
   const v = ne(
-    (c) => (p) => {
-      p.preventDefault(), p.stopPropagation(), d.current = c, vr = !0;
+    (c) => (g) => {
+      g.preventDefault(), g.stopPropagation(), d.current = c, vr = !0;
     },
     []
   );
@@ -4007,7 +4007,7 @@ const Jl = Object.freeze({
   pointerColor: void 0
 }), Oi = D.memo(
   function({ runs: t, ns: n, baseIndex: r, preGroups: o }) {
-    const i = _e((M) => M.setClipIndex), s = _e((M) => M.seek), u = j((M) => M.setCurrentGlobalRunIndex), a = xn(), l = j((M) => M.rangeStartGI), d = j((M) => M.rangeEndGI), h = j((M) => M.setRange), f = l != null && d != null, m = ne(
+    const i = Re((M) => M.setClipIndex), s = Re((M) => M.seek), u = j((M) => M.setCurrentGlobalRunIndex), a = xn(), l = j((M) => M.rangeStartGI), d = j((M) => M.rangeEndGI), m = j((M) => M.setRange), p = l != null && d != null, f = ne(
       (M) => {
         var re;
         const P = (re = M.target) == null ? void 0 : re.closest("[data-g]");
@@ -4021,29 +4021,29 @@ const Jl = Object.freeze({
         A != null && V != null && (i(A), s(V));
       },
       [t, r, s, i, u]
-    ), v = ie(null), y = ie(!1), c = ie({ x: 0, y: 0 }), p = ne(
+    ), v = ie(null), y = ie(!1), c = ie({ x: 0, y: 0 }), g = ne(
       (M) => {
         var z;
         const P = (z = M.target) == null ? void 0 : z.closest("[data-g]");
         if (!P) return;
         const I = Number(P.dataset.g), _ = I - r;
         _ < 0 || _ >= t.length || (y.current = !1, c.current = { x: M.clientX, y: M.clientY }, v.current && (window.clearTimeout(v.current), v.current = null), v.current = window.setTimeout(() => {
-          a.getState().status !== "playing" && (h(I, I), y.current = !0, v.current = null);
+          a.getState().status !== "playing" && (m(I, I), y.current = !0, v.current = null);
         }, 800));
       },
-      [t, r, h, a]
-    ), g = ne(() => {
+      [t, r, m, a]
+    ), h = ne(() => {
       v.current && (window.clearTimeout(v.current), v.current = null);
     }, []), w = ne(
       (M) => {
         if (!v.current) return;
         const P = M.clientX - c.current.x, I = M.clientY - c.current.y;
-        (Math.abs(P) > 5 || Math.abs(I) > 5) && g();
+        (Math.abs(P) > 5 || Math.abs(I) > 5) && h();
       },
-      [g]
+      [h]
     ), C = ne(() => {
-      g();
-    }, [g]), R = g, O = g, b = j((M) => M.clearRange), S = ne(
+      h();
+    }, [h]), R = h, O = h, b = j((M) => M.clearRange), S = ne(
       (M) => {
         var _;
         if (y.current) {
@@ -4054,16 +4054,16 @@ const Jl = Object.freeze({
         const P = (_ = M.target) == null ? void 0 : _.closest("[data-g]");
         if (!P) return;
         const I = Number(P.dataset.g);
-        isNaN(I) || f && l != null && d != null && (b(), M.stopPropagation());
+        isNaN(I) || p && l != null && d != null && (b(), M.stopPropagation());
       },
-      [f, l, d, b]
+      [p, l, d, b]
     ), k = o, T = r + t.length - 1;
     return /* @__PURE__ */ x(
       "span",
       {
         onClick: S,
-        onDoubleClick: m,
-        onPointerDown: p,
+        onDoubleClick: f,
+        onPointerDown: g,
         onPointerMove: w,
         onPointerUp: C,
         onPointerCancel: R,
@@ -4106,8 +4106,8 @@ const Jl = Object.freeze({
   }) {
     const u = ne(
       (c) => {
-        const p = c.currentGlobalRunIndex;
-        return p != null && p >= n.startG && p <= n.endG;
+        const g = c.currentGlobalRunIndex;
+        return g != null && g >= n.startG && g <= n.endG;
       },
       [n]
     ), a = j(nn(u)), l = ne(
@@ -4117,7 +4117,7 @@ const Jl = Object.freeze({
         pointerColor: c.pointerColor
       } : Jl,
       [a]
-    ), d = X(nn(l)), h = n.r0 ?? 0, f = n.len ?? Math.max(0, n.endG - n.startG + 1), m = a && d.showPointer && d.pointerStyle !== "underline", v = a && d.showPointer && d.pointerStyle === "underline", y = m || v ? {
+    ), d = X(nn(l)), m = n.r0 ?? 0, p = n.len ?? Math.max(0, n.endG - n.startG + 1), f = a && d.showPointer && d.pointerStyle !== "underline", v = a && d.showPointer && d.pointerStyle === "underline", y = f || v ? {
       // 배경색(하이라이트)
       "--hl-color": d.pointerColor,
       // 밑줄 색/두께/오프셋
@@ -4125,10 +4125,10 @@ const Jl = Object.freeze({
       "--ul-thickness": "0.3em",
       "--ul-offset": "0.35em"
     } : void 0;
-    return /* @__PURE__ */ x(wt, { children: Array.from({ length: f }).map((c, p) => {
-      const w = r[h + p], C = n.startG + p, R = `${t}/run:${C}`, O = !!w.split && C !== o;
+    return /* @__PURE__ */ x(wt, { children: Array.from({ length: p }).map((c, g) => {
+      const w = r[m + g], C = n.startG + g, R = `${t}/run:${C}`, O = !!w.split && C !== o;
       let b = `${dt.runWrap}`;
-      return m && (f === 1 ? b += ` ${dt.highlight}` : p === 0 ? b += ` ${dt.highlightleft}` : p + 1 === f ? b += ` ${dt.highlightright}` : b += ` ${dt.highlightcenter}`), v && (f === 1 ? b += ` ${dt.underline}` : p === 0 ? b += ` ${dt.underlineleft}` : p + 1 === f ? b += ` ${dt.underlineright}` : b += ` ${dt.underlinecenter}`), /* @__PURE__ */ ee(D.Fragment, { children: [
+      return f && (p === 1 ? b += ` ${dt.highlight}` : g === 0 ? b += ` ${dt.highlightleft}` : g + 1 === p ? b += ` ${dt.highlightright}` : b += ` ${dt.highlightcenter}`), v && (p === 1 ? b += ` ${dt.underline}` : g === 0 ? b += ` ${dt.underlineleft}` : g + 1 === p ? b += ` ${dt.underlineright}` : b += ` ${dt.underlinecenter}`), /* @__PURE__ */ ee(D.Fragment, { children: [
         /* @__PURE__ */ x("span", { className: b, style: y, children: /* @__PURE__ */ x(
           na,
           {
@@ -4354,10 +4354,10 @@ const ua = "_scroller_kqkmq_3", da = {
 function ga(e, t = 12, n = 1.5, r = 0.5) {
   if (!e) return -1;
   const o = e.getBoundingClientRect(), i = o.top + t;
-  let s = -1, u = 1 / 0, a = 1 / 0, l = -1, d = 1 / 0, h = 1 / 0;
-  const f = e.querySelectorAll("[data-g]");
-  for (let m = 0; m < f.length; m++) {
-    const v = f[m];
+  let s = -1, u = 1 / 0, a = 1 / 0, l = -1, d = 1 / 0, m = 1 / 0;
+  const p = e.querySelectorAll("[data-g]");
+  for (let f = 0; f < p.length; f++) {
+    const v = p[f];
     if (!v || !v.isConnected) continue;
     const y = pa(v);
     if (!y || !Sr(y)) continue;
@@ -4365,14 +4365,14 @@ function ga(e, t = 12, n = 1.5, r = 0.5) {
     if (c.height <= r || c.width <= r || c.bottom <= o.top || c.top >= o.bottom) continue;
     if (c.top < i) {
       const w = Math.abs(c.top - i);
-      (w < d || w === d && (c.top < h || l !== -1 && Number(v.dataset.g) < l)) && (d = w, l = Number(v.dataset.g), h = c.top);
+      (w < d || w === d && (c.top < m || l !== -1 && Number(v.dataset.g) < l)) && (d = w, l = Number(v.dataset.g), m = c.top);
       continue;
     }
-    const p = Number(v.dataset.g);
-    if (Number.isNaN(p)) continue;
-    c.top < a - n ? (a = c.top, u = c.top, s = p) : c.top <= a + n && (c.top < u || c.top === u && (s === -1 || p < s)) && (u = c.top, s = p);
-    const g = Math.abs(c.top - i);
-    (g < d || g === d && (c.top < h || l !== -1 && p < l)) && (d = g, l = p, h = c.top);
+    const g = Number(v.dataset.g);
+    if (Number.isNaN(g)) continue;
+    c.top < a - n ? (a = c.top, u = c.top, s = g) : c.top <= a + n && (c.top < u || c.top === u && (s === -1 || g < s)) && (u = c.top, s = g);
+    const h = Math.abs(c.top - i);
+    (h < d || h === d && (c.top < m || l !== -1 && g < l)) && (d = h, l = g, m = c.top);
   }
   return s !== -1 ? s : l;
 }
@@ -4416,8 +4416,8 @@ const jn = async (e, t, { topPaddingRatio: n = 0.15, behavior: r = "smooth", qui
   await ma(e, o);
   const s = wn(e, t);
   if (!s) return !1;
-  const u = e.getBoundingClientRect(), a = s.getBoundingClientRect(), l = u.height * n, d = u.top + l, h = a.top - d;
-  return Math.abs(h) <= 1;
+  const u = e.getBoundingClientRect(), a = s.getBoundingClientRect(), l = u.height * n, d = u.top + l, m = a.top - d;
+  return Math.abs(m) <= 1;
 }, St = () => new Promise((e) => {
   requestAnimationFrame(() => {
     requestAnimationFrame(() => e());
@@ -4805,9 +4805,9 @@ function _a({
       );
     },
     [t, r, o, n, e, i, u]
-  ), d = ie(null), h = ne((k) => {
+  ), d = ie(null), m = ne((k) => {
     d.current = k;
-  }, []), f = me(
+  }, []), p = me(
     () => Wt((k) => {
       const { style: T, children: M, ...P } = k;
       return /* @__PURE__ */ x("div", { ...P, style: T, children: /* @__PURE__ */ x(
@@ -4829,13 +4829,13 @@ function _a({
       ) });
     }),
     [s]
-  ), m = ie(null), v = me(() => t.map((k) => k.id), [t]), [y, c] = pt(!1);
+  ), f = ie(null), v = me(() => t.map((k) => k.id), [t]), [y, c] = pt(!1);
   fe(() => {
     c(!1);
   }, [t]);
-  const p = ne(() => {
+  const g = ne(() => {
     c(!0);
-  }, []), g = ne(() => {
+  }, []), h = ne(() => {
     if (!y)
       return /* @__PURE__ */ x("div", { style: { height: 40 } });
     const k = e.quizzes, T = Math.max(80, Math.floor(u * 0.5));
@@ -4849,15 +4849,15 @@ function _a({
     ] });
   }, [y, e, u]), w = me(
     () => ({
-      Item: f,
+      Item: p,
       Header: () => /* @__PURE__ */ x("div", { style: { height: 40 } }),
-      Footer: g,
+      Footer: h,
       Scroller: fa
       // ScrollSeekPlaceholder: ScrollPlaceholder, // ✅ 정확한 키
     }),
     [
-      g,
-      f
+      h,
+      p
       // , ScrollPlaceholder
     ]
     // CustomScroller는 고정이면 deps에 안 넣어도 OK
@@ -4888,7 +4888,7 @@ function _a({
     /* @__PURE__ */ x(
       yl,
       {
-        ref: m,
+        ref: f,
         style: {
           height: "100%",
           width: "100%",
@@ -4902,16 +4902,16 @@ function _a({
         itemContent: l,
         initialTopMostItemIndex: b,
         increaseViewportBy: { top: 200, bottom: 200 },
-        endReached: p,
+        endReached: g,
         components: w,
-        scrollerRef: h
+        scrollerRef: m
       }
     ),
     /* @__PURE__ */ x(
       Ma,
       {
         scrollContainerRef: d,
-        virtRef: m,
+        virtRef: f,
         prefix: o
       }
     )
@@ -4922,23 +4922,23 @@ const Ma = ({
   virtRef: t,
   prefix: n
 }) => {
-  const r = j((I) => I.setCurrentGlobalRunIndex), o = j((I) => I.registerSectionScrollApi), i = j((I) => I.currentGlobalRunIndex), s = _e((I) => I.scrollLock), u = _e((I) => I.syncToGI), a = It(), l = ie(!1), d = ie(null), h = ie(null), f = ie(null), m = ie(-1), v = ne(() => {
+  const r = j((I) => I.setCurrentGlobalRunIndex), o = j((I) => I.registerSectionScrollApi), i = j((I) => I.currentGlobalRunIndex), s = Re((I) => I.scrollLock), u = Re((I) => I.syncToGI), a = It(), l = ie(!1), d = ie(null), m = ie(null), p = ie(null), f = ie(-1), v = ne(() => {
     if (s) return;
     d.current = null;
-    const I = h.current;
+    const I = m.current;
     if (!I) return;
     const _ = ga(I, 5);
-    _ !== -1 && _ !== m.current && (m.current = _, u(_), r(_, "scroll"));
+    _ !== -1 && _ !== f.current && (f.current = _, u(_), r(_, "scroll"));
   }, [s, u, r]), y = ne(
     (I) => {
-      h.current = I, d.current == null && (d.current = requestAnimationFrame(v));
+      m.current = I, d.current == null && (d.current = requestAnimationFrame(v));
     },
     [v]
   ), c = ne(
     (I) => {
-      h.current = I, f.current != null && (window.clearTimeout(f.current), f.current = null), f.current = window.setTimeout(() => {
-        f.current = null, v();
-        const _ = m.current;
+      m.current = I, p.current != null && (window.clearTimeout(p.current), p.current = null), p.current = window.setTimeout(() => {
+        p.current = null, v();
+        const _ = f.current;
         if (_ === -1) return;
         const z = I.scrollTop, N = I.scrollHeight - I.clientHeight, A = N > 0 ? z / N : 0;
         let V = 0;
@@ -4959,9 +4959,9 @@ const Ma = ({
       }, 100);
     },
     [v, a]
-  ), p = ie(!1), g = ne(
+  ), g = ie(!1), h = ne(
     (I) => {
-      s || l.current && (p.current || (y(I), c(I)));
+      s || l.current && (g.current || (y(I), c(I)));
     },
     [s, y, c]
   ), w = ie(void 0), C = ie(void 0), R = ie(void 0), O = ie(void 0);
@@ -4974,10 +4974,10 @@ const Ma = ({
         l.current = !0;
       }, R.current = () => {
         l.current = !0;
-      }, O.current = () => g(I), I.addEventListener("wheel", w.current, { passive: !0 }), I.addEventListener("touchmove", C.current, { passive: !0 }), window.addEventListener("keydown", R.current, { passive: !0 }), I.addEventListener("scroll", O.current, { passive: !0 }), () => {
-        I.removeEventListener("wheel", w.current), I.removeEventListener("touchmove", C.current), window.removeEventListener("keydown", R.current), I.removeEventListener("scroll", O.current), d.current != null && cancelAnimationFrame(d.current), f.current != null && (clearTimeout(f.current), f.current = null);
+      }, O.current = () => h(I), I.addEventListener("wheel", w.current, { passive: !0 }), I.addEventListener("touchmove", C.current, { passive: !0 }), window.addEventListener("keydown", R.current, { passive: !0 }), I.addEventListener("scroll", O.current, { passive: !0 }), () => {
+        I.removeEventListener("wheel", w.current), I.removeEventListener("touchmove", C.current), window.removeEventListener("keydown", R.current), I.removeEventListener("scroll", O.current), d.current != null && cancelAnimationFrame(d.current), p.current != null && (clearTimeout(p.current), p.current = null);
       };
-  }, [g, e]), fe(() => {
+  }, [h, e]), fe(() => {
     const I = e.current;
     if (!I || !s) return;
     const _ = (V) => {
@@ -5028,13 +5028,13 @@ const Ma = ({
     if (I.scrollTop <= 1) {
       (async () => {
         try {
-          p.current = !0, await jn(I, i, {
+          g.current = !0, await jn(I, i, {
             behavior: "smooth",
             topPaddingRatio: 0.2
             // ⬅️ 탑일 때는 0으로 고정
           });
         } finally {
-          p.current = !1;
+          g.current = !1;
         }
         k();
       })();
@@ -5099,7 +5099,7 @@ const Ma = ({
     }, V = () => new Promise((G) => requestAnimationFrame(() => G())), re = async (G) => {
       if (_(I, G, 0.1, 0.7))
         return N(G), !0;
-      p.current = !0;
+      g.current = !0;
       const E = I.querySelector(`[data-g="${G}"]`), L = I.getBoundingClientRect();
       let q = I.scrollTop <= 1 ? 0 : 0.1;
       if (E) {
@@ -5110,7 +5110,7 @@ const Ma = ({
       return B ? (await jn(I, G, {
         behavior: "smooth",
         topPaddingRatio: q
-      }), await V()) : B || await A(G, "auto"), p.current = !1, N(G), _(I, G, 0.1, 0.7);
+      }), await V()) : B || await A(G, "auto"), g.current = !1, N(G), _(I, G, 0.1, 0.7);
     }, be = async (G) => re(G);
     return {
       ensureVisibleGI: re,
@@ -5156,13 +5156,13 @@ function Oa() {
   }), [e]), a = Rn(), l = ne(() => {
     const { isSettingsOpen: v, setSettingsOpen: y, toggleOverlays: c } = a.getState();
     v ? y(!1) : c();
-  }, [a]), { onClick: d, onDoubleClick: h } = as({
+  }, [a]), { onClick: d, onDoubleClick: m } = as({
     onSingle: l,
     onDouble: () => {
     },
     delay: 250,
     shouldIgnoreTarget: Ea
-  }), f = me(
+  }), p = me(
     () => ({
       flex: 1,
       fontFamily: n,
@@ -5176,11 +5176,11 @@ function Oa() {
       textSizeAdjust: "none"
     }),
     [n, i.bg, i.fg, r, o]
-  ), m = me(
+  ), f = me(
     () => ({ margin: "0 auto", width: "100%", height: "100%" }),
     []
   );
-  return console.log("ScrollSectionWrap render"), /* @__PURE__ */ x("div", { onClick: d, onDoubleClick: h, style: f, children: /* @__PURE__ */ x("div", { style: m, children: /* @__PURE__ */ x(_a, { section: e, blocks: s, nsPrefix: u }) }) });
+  return console.log("ScrollSectionWrap render"), /* @__PURE__ */ x("div", { onClick: d, onDoubleClick: m, style: p, children: /* @__PURE__ */ x("div", { style: f, children: /* @__PURE__ */ x(_a, { section: e, blocks: s, nsPrefix: u }) }) });
 }
 function za(e) {
   return Ze({ attr: { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M9.383 3.076A1 1 0 0110 4v12a1 1 0 01-1.707.707L4.586 13H2a1 1 0 01-1-1V8a1 1 0 011-1h2.586l3.707-3.707a1 1 0 011.09-.217zM12.293 7.293a1 1 0 011.414 0L15 8.586l1.293-1.293a1 1 0 111.414 1.414L16.414 10l1.293 1.293a1 1 0 01-1.414 1.414L15 11.414l-1.293 1.293a1 1 0 01-1.414-1.414L13.586 10l-1.293-1.293a1 1 0 010-1.414z", clipRule: "evenodd" }, child: [] }] })(e);
@@ -5203,7 +5203,7 @@ function La(e) {
 function Ha(e) {
   return Ze({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, child: [] }, { tag: "path", attr: { d: "M4 8v-2a2 2 0 0 1 2 -2h2" }, child: [] }, { tag: "path", attr: { d: "M4 16v2a2 2 0 0 0 2 2h2" }, child: [] }, { tag: "path", attr: { d: "M16 4h2a2 2 0 0 1 2 2v2" }, child: [] }, { tag: "path", attr: { d: "M16 20h2a2 2 0 0 0 2 -2v-2" }, child: [] }] })(e);
 }
-const Na = "_wrap_1hfub_4", Fa = "_visible_1hfub_25", Wa = "_compact_1hfub_31", Da = "_row2_1hfub_34", $a = "_controls_1hfub_44", Va = "_row1_1hfub_52", qa = "_groupExpand_1hfub_80", ja = "_groupPlayback_1hfub_81", Ua = "_groupSpeed_1hfub_82", Ka = "_groupFeatures_1hfub_83", Xa = "_groupNav_1hfub_84", Qa = "_btn_1hfub_116", Ya = "_btnForbidden_1hfub_141", Za = "_btnActive_1hfub_147", Ja = "_label_1hfub_158", ec = "_compactBtn_1hfub_168", Re = {
+const Na = "_wrap_1hfub_4", Fa = "_visible_1hfub_25", Wa = "_compact_1hfub_31", Da = "_row2_1hfub_34", $a = "_controls_1hfub_44", Va = "_row1_1hfub_52", qa = "_groupExpand_1hfub_80", ja = "_groupPlayback_1hfub_81", Ua = "_groupSpeed_1hfub_82", Ka = "_groupFeatures_1hfub_83", Xa = "_groupNav_1hfub_84", Qa = "_btn_1hfub_116", Ya = "_btnForbidden_1hfub_141", Za = "_btnActive_1hfub_147", Ja = "_label_1hfub_158", ec = "_compactBtn_1hfub_168", _e = {
   wrap: Na,
   visible: Fa,
   compact: Wa,
@@ -5221,7 +5221,7 @@ const Na = "_wrap_1hfub_4", Fa = "_visible_1hfub_25", Wa = "_compact_1hfub_31",
   label: Ja,
   compactBtn: ec
 }, tc = Wt(function() {
-  const t = ie(null), n = Ue(Ot), r = (n == null ? void 0 : n.getState().isPlaybackMode) ?? !1, o = _e((S) => S.status), i = _e((S) => S.currentTimeMs), s = _e((S) => S.currentClip), u = _e((S) => S.playbackKind), a = X((S) => S.muteAudio), l = X((S) => S.audioSpeed), d = _e((S) => S.getClipSrc), h = _e((S) => S._onTime), f = _e((S) => S._onEnded), m = _e((S) => S._onError), v = j((S) => S.setCurrentGlobalRunIndex), y = j((S) => S.getSectionScrollApi), c = j((S) => S.snapToReadable), p = j((S) => S.edgeReadable), g = ie(null), w = ie(null), C = ie(!1), R = ie(null);
+  const t = ie(null), n = Ue(Ot), r = (n == null ? void 0 : n.getState().isPlaybackMode) ?? !1, o = Re((S) => S.status), i = Re((S) => S.currentTimeMs), s = Re((S) => S.currentClip), u = Re((S) => S.playbackKind), a = X((S) => S.muteAudio), l = X((S) => S.audioSpeed), d = Re((S) => S.getClipSrc), m = Re((S) => S._onTime), p = Re((S) => S._onEnded), f = Re((S) => S._onError), v = j((S) => S.setCurrentGlobalRunIndex), y = j((S) => S.getSectionScrollApi), c = j((S) => S.snapToReadable), g = j((S) => S.edgeReadable), h = ie(null), w = ie(null), C = ie(!1), R = ie(null);
   fe(() => {
     u === "real" && (C.current = !0);
   }, [u]);
@@ -5242,23 +5242,23 @@ const Na = "_wrap_1hfub_4", Fa = "_visible_1hfub_25", Wa = "_compact_1hfub_31",
     const k = () => {
       if (S.paused || S.ended) return;
       const P = S.currentTime * 1e3;
-      C.current && P === 0 || (P > 0 && (C.current = !1), h(P));
+      C.current && P === 0 || (P > 0 && (C.current = !1), m(P));
     }, T = () => {
       var I, _;
-      f();
-      const P = p(1);
+      p();
+      const P = g(1);
       typeof P == "number" && P >= 0 && (v(P, "audio"), (_ = (I = y()) == null ? void 0 : I.ensureVisibleGI) == null || _.call(I, P));
     }, M = (P) => {
       const I = P.currentTarget;
       console.warn("Audio error", {
         networkState: I.networkState,
         readyState: I.readyState
-      }), m();
+      }), f();
     };
     return S.addEventListener("timeupdate", k), S.addEventListener("ended", T), S.addEventListener("error", M), () => {
       S.removeEventListener("timeupdate", k), S.removeEventListener("ended", T), S.removeEventListener("error", M);
     };
-  }, [h, f, m, p, v, y]), fe(() => {
+  }, [m, p, f, g, v, y]), fe(() => {
     if (r) return;
     const S = t.current;
     if (!S) return;
@@ -5316,16 +5316,16 @@ const Na = "_wrap_1hfub_4", Fa = "_visible_1hfub_25", Wa = "_compact_1hfub_31",
     const k = i / 1e3;
     if (Number.isFinite(k)) {
       if (S.readyState < 1) {
-        g.current = i;
+        h.current = i;
         const T = () => {
-          if (g.current != null) {
-            const M = g.current / 1e3;
+          if (h.current != null) {
+            const M = h.current / 1e3;
             try {
               S.currentTime = M;
             } catch (P) {
               console.log("currentTime보정 오류", P);
             }
-            g.current = null;
+            h.current = null;
           }
           S.removeEventListener("loadedmetadata", T), S.removeEventListener("canplay", T);
         };
@@ -5340,7 +5340,7 @@ const Na = "_wrap_1hfub_4", Fa = "_visible_1hfub_25", Wa = "_compact_1hfub_31",
         }
     }
   }, [i, u, r]);
-  const b = _e((S) => S.getGIFromCT);
+  const b = Re((S) => S.getGIFromCT);
   return fe(() => {
     var T, M;
     if (r || u !== "real" || o !== "playing" && o !== "loading") return;
@@ -5372,23 +5372,23 @@ const rc = "_scrubberWrap_uw0cd_2", oc = "_labels_uw0cd_9", ic = "_index_uw0cd_1
   range: ac
 };
 function cc() {
-  const e = X((R) => R.isDev), t = j((R) => R.currentGlobalRunIndex), n = j((R) => R.totalRuns), r = j((R) => R.setCurrentGlobalRunIndex), o = j((R) => R.getSectionScrollApi), i = j((R) => R.giToPercentTotal), s = j((R) => R.percentToGITotal), u = j((R) => R.snapToReadable), a = _e((R) => R.scrollLock), l = _e((R) => R.pause), d = _e((R) => R.play), h = _e((R) => R.syncToGI), [f, m] = pt(() => i(t || 0));
+  const e = X((R) => R.isDev), t = j((R) => R.currentGlobalRunIndex), n = j((R) => R.totalRuns), r = j((R) => R.setCurrentGlobalRunIndex), o = j((R) => R.getSectionScrollApi), i = j((R) => R.giToPercentTotal), s = j((R) => R.percentToGITotal), u = j((R) => R.snapToReadable), a = Re((R) => R.scrollLock), l = Re((R) => R.pause), d = Re((R) => R.play), m = Re((R) => R.syncToGI), [p, f] = pt(() => i(t || 0));
   fe(() => {
-    m(i(t || 0));
+    f(i(t || 0));
   }, [t, i]);
   const v = ie(!1), y = me(() => Math.max(0, Math.min(t ?? 0, Math.max(0, (n ?? 1) - 1))) + 1, [t, n]), c = ne(() => {
     a && (l(), v.current = !0);
-  }, [a, l]), p = ne((R) => {
-    m(Number(R.currentTarget.value));
-  }, []), g = ne(async () => {
-    const R = s(f), O = u(R);
-    l(), r(O, "scrubber-commit"), h(O);
+  }, [a, l]), g = ne((R) => {
+    f(Number(R.currentTarget.value));
+  }, []), h = ne(async () => {
+    const R = s(p), O = u(R);
+    l(), r(O, "scrubber-commit"), m(O);
     const b = o();
     b != null && b.ensureVisibleGI && await b.ensureVisibleGI(O), v.current && (v.current = !1, d());
-  }, [f, s, u, l, r, h, o, d]), w = me(
-    () => ({ "--pct": `${f}%` }),
-    [f]
-  ), C = me(() => Math.round(f), [f]);
+  }, [p, s, u, l, r, m, o, d]), w = me(
+    () => ({ "--pct": `${p}%` }),
+    [p]
+  ), C = me(() => Math.round(p), [p]);
   return /* @__PURE__ */ ee("div", { className: Bt.scrubberWrap, children: [
     e && /* @__PURE__ */ x("div", { className: Bt.labels, children: /* @__PURE__ */ ee("span", { className: Bt.index, children: [
       y,
@@ -5404,18 +5404,18 @@ function cc() {
           min: 0,
           max: 100,
           step: 0.5,
-          value: f,
+          value: p,
           style: w,
           onMouseDown: c,
           onTouchStart: c,
-          onChange: p,
+          onChange: g,
           onMouseUp: () => {
-            g();
+            h();
           },
           onTouchEnd: () => {
-            g();
+            h();
           },
-          onKeyUp: (R) => R.key === "Enter" || R.key === " " ? void g() : void 0,
+          onKeyUp: (R) => R.key === "Enter" || R.key === " " ? void h() : void 0,
           "aria-label": "진행률"
         }
       ),
@@ -5427,29 +5427,29 @@ function cc() {
   ] });
 }
 const uc = D.memo(cc), dc = Wt(function() {
-  const t = Ue(Ot), n = (t == null ? void 0 : t.getState().isPlaybackMode) ?? !1, r = _e((S) => S.playbackKind), o = _e((S) => S.status), i = _e((S) => S.fake), s = X((S) => S.audioSpeed), u = _e((S) => S.pause), a = j((S) => S.totalRuns), l = j((S) => S.currentGlobalRunIndex), d = j((S) => S.setCurrentGlobalRunIndex), h = j((S) => S.getSectionScrollApi), f = j((S) => S.nextReadableFrom), m = j((S) => S.edgeReadable), v = ie(null), y = ie(null), c = ie(0), p = ie(-1), g = !n && r === "fake" && o === "playing", w = Math.max(1, (i == null ? void 0 : i.totalWords) ?? 1), C = me(() => {
+  const t = Ue(Ot), n = (t == null ? void 0 : t.getState().isPlaybackMode) ?? !1, r = Re((S) => S.playbackKind), o = Re((S) => S.status), i = Re((S) => S.fake), s = X((S) => S.audioSpeed), u = Re((S) => S.pause), a = j((S) => S.totalRuns), l = j((S) => S.currentGlobalRunIndex), d = j((S) => S.setCurrentGlobalRunIndex), m = j((S) => S.getSectionScrollApi), p = j((S) => S.nextReadableFrom), f = j((S) => S.edgeReadable), v = ie(null), y = ie(null), c = ie(0), g = ie(-1), h = !n && r === "fake" && o === "playing", w = Math.max(1, (i == null ? void 0 : i.totalWords) ?? 1), C = me(() => {
     const S = 200 * s;
     return w / S * 6e4;
   }, [w, s]), R = me(() => !a || a <= 1 || C <= 0 ? 0 : (a - 1) / C, [a, C]);
   fe(() => {
-    if (!g) return;
+    if (!h) return;
     const S = Math.max(0, Math.min(l ?? 0, Math.max(0, (a ?? 1) - 1)));
-    c.current = S, p.current = S, y.current = null;
-  }, [g, l, a]);
+    c.current = S, g.current = S, y.current = null;
+  }, [h, l, a]);
   const O = ie(-1);
   fe(() => {
     if (!a) {
       O.current = -1;
       return;
     }
-    const S = m(1);
+    const S = f(1);
     O.current = S ?? -1;
-  }, [m, a]);
+  }, [f, a]);
   const b = ne(
     (S) => {
       (async () => {
         var N, A;
-        if (!g) {
+        if (!h) {
           v.current = null;
           return;
         }
@@ -5461,21 +5461,21 @@ const uc = D.memo(cc), dc = Wt(function() {
         y.current = S;
         const T = k == null ? 0 : Math.max(0, S - k), M = a - 1;
         c.current = Math.min(M, c.current + R * T);
-        const P = Math.floor(c.current), I = h(), _ = f(P, 1);
+        const P = Math.floor(c.current), I = m(), _ = p(P, 1);
         if (_ == null) {
           const V = O.current >= 0 ? O.current : P;
-          V !== p.current && (p.current = V, d(V, "audio"), await ((N = I == null ? void 0 : I.ensureVisibleGI) == null ? void 0 : N.call(I, V))), u(), v.current = null;
+          V !== g.current && (g.current = V, d(V, "audio"), await ((N = I == null ? void 0 : I.ensureVisibleGI) == null ? void 0 : N.call(I, V))), u(), v.current = null;
           return;
         }
         const z = _;
-        z !== p.current && (p.current = z, d(z, "audio"), z % 5 === 0 && await ((A = I == null ? void 0 : I.ensureVisibleGI) == null ? void 0 : A.call(I, z))), v.current = requestAnimationFrame(b);
+        z !== g.current && (g.current = z, d(z, "audio"), z % 5 === 0 && await ((A = I == null ? void 0 : I.ensureVisibleGI) == null ? void 0 : A.call(I, z))), v.current = requestAnimationFrame(b);
       })().catch(console.error);
     },
-    [g, a, R, f, d, h, u]
+    [h, a, R, p, d, m, u]
   );
-  return fe(() => (g ? v.current == null && (v.current = requestAnimationFrame(b)) : (v.current && (cancelAnimationFrame(v.current), v.current = null), y.current = null), () => {
+  return fe(() => (h ? v.current == null && (v.current = requestAnimationFrame(b)) : (v.current && (cancelAnimationFrame(v.current), v.current = null), y.current = null), () => {
     v.current && (cancelAnimationFrame(v.current), v.current = null);
-  }), [g, b]), null;
+  }), [h, b]), null;
 }), fc = Wt(function() {
   return /* @__PURE__ */ x(dc, {});
 }), pc = "data:image/svg+xml,%3csvg%20width='111'%20height='111'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20overflow='hidden'%3e%3cg%20transform='translate(-435%2011)'%3e%3cpath%20d='M532.723%2046.8125C530.242%2046.8292%20527.8%2047.4292%20525.593%2048.5642%20523.298%2049.7713%20520.952%2050.8767%20518.608%2051.8815%20517.451%2031.9953%20500.391%2016.8128%20480.505%2017.9704%20462.359%2019.0268%20447.834%2033.4215%20446.615%2051.5578L438.476%2048.1353%20438.476%2049.9344C438.473%2054.7251%20441.432%2059.0185%20445.91%2060.721%20446.509%2060.9604%20447.138%2061.1708%20447.767%2061.3801%20448.053%2061.4761%20448.339%2061.5709%20448.622%2061.6692L447.745%2066.7254C447.463%2068.2415%20447.818%2069.8071%20448.728%2071.0521%20449.635%2072.2874%20450.984%2073.1242%20452.493%2073.3877L452.768%2073.4282C453.011%2073.488%20453.259%2073.5198%20453.509%2073.523%20456.31%2073.5182%20458.699%2071.4953%20459.166%2068.7338L459.781%2064.8673C468.886%2066.8727%20478.184%2067.875%20487.508%2067.8562%20493.267%2067.8674%20499.021%2067.5125%20504.736%2066.7937%20504.893%2066.7613%20505.041%2066.7405%20505.184%2066.7231L505.562%2068.8379C505.986%2071.6231%20508.396%2073.6706%20511.213%2073.6375%20511.583%2073.648%20511.953%2073.5977%20512.307%2073.4883%20515.422%2072.958%20517.518%2070.0024%20516.988%2066.8869%20516.984%2066.8688%20516.981%2066.8509%20516.978%2066.833L516.758%2065.6767C522.066%2065.3125%20527.42%2065.3125%20532.607%2065.3125L532.723%2065.3125C537.831%2065.6255%20542.226%2061.7378%20542.539%2056.6292%20542.852%2051.5205%20538.965%2047.1255%20533.856%2046.8125%20533.479%2046.7894%20533.1%2046.7894%20532.723%2046.8125ZM516.326%2052.7256C511.914%2054.5082%20507.352%2055.8913%20502.693%2056.858L492.697%2041.007%20501.916%2026.3469C510.579%2032.4029%20515.911%2042.1631%20516.326%2052.7256ZM500.254%2057.3217C497.133%2057.8531%20493.977%2058.1542%20490.811%2058.2224L487.449%2058.2224C480.061%2058.2766%20472.682%2057.6921%20465.394%2056.4753L474.504%2042.1644%20490.692%2042.1644ZM482.602%2020.2188C488.73%2020.2155%20494.742%2021.8953%20499.981%2025.075L490.693%2039.8507%20474.491%2039.8195%20465.194%2025.0415C470.449%2021.8782%20476.468%2020.2107%20482.602%2020.2188ZM463.254%2026.2995%20472.504%2041.0023%20462.938%2056.0267C458.169%2055.1133%20453.47%2053.8672%20448.875%2052.2977%20449.378%2041.8709%20454.689%2032.2672%20463.254%2026.2995ZM456.876%2068.3719C456.595%2070.0115%20455.173%2071.2097%20453.509%2071.2094%20453.431%2071.2042%20453.354%2071.191%20453.278%2071.1701%20453.133%2071.1343%20452.984%2071.1101%20452.835%2071.0972%20451.94%2070.9264%20451.142%2070.4243%20450.601%2069.6912%20450.063%2068.9533%20449.853%2068.0254%20450.023%2067.1278L450.844%2062.3872%20457.525%2064.2962ZM514.123%2069.8103C513.566%2070.5637%20512.74%2071.0728%20511.817%2071.2313L511.657%2071.2718C511.514%2071.32%20511.363%2071.3392%20511.213%2071.3285%20509.525%2071.3698%20508.075%2070.1378%20507.844%2068.4656L507.486%2066.4688%20514.501%2065.8548%20514.701%2067.2527C514.87%2068.1485%20514.661%2069.0742%20514.123%2069.8103ZM532.723%2063%20532.607%2063C526.955%2063%20521.113%2063%20515.284%2063.4625L515.276%2063.4625%20515.276%2063.4625%20505.9%2064.2904%20504.36%2064.5078C498.77%2065.2064%20493.141%2065.5509%20487.508%2065.5391%20477.952%2065.5601%20468.425%2064.4858%20459.114%2062.3375L450.263%2059.8168%20446.738%2058.5658C443.792%2057.4525%20441.62%2054.9086%20440.982%2051.8237%20454.33%2057.5309%20470.023%2060.5383%20486.577%2060.5383%20486.868%2060.5383%20487.161%2060.5383%20487.452%2060.5383L490.828%2060.5383C500.421%2060.2575%20509.874%2058.1665%20518.689%2054.3755L518.797%2054.3304C521.437%2053.2216%20524.086%2051.9728%20526.649%2050.6235%20528.526%2049.6491%20530.608%2049.1354%20532.723%2049.125%20536.554%2048.8199%20539.908%2051.6785%20540.213%2055.5099%20540.518%2059.3414%20537.659%2062.6949%20533.828%2063%20533.46%2063.0293%20533.091%2063.0293%20532.723%2063Z'/%3e%3cpath%20d='M534.442%2053.75C534.442%2055.0272%20533.407%2056.0625%20532.13%2056.0625%20530.852%2056.0625%20529.817%2055.0272%20529.817%2053.75%20529.817%2052.4728%20530.852%2051.4375%20532.13%2051.4375%20533.407%2051.4375%20534.442%2052.4728%20534.442%2053.75Z'/%3e%3c/g%3e%3c/svg%3e", gc = "data:image/svg+xml,%3csvg%20width='159'%20height='159'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20overflow='hidden'%3e%3cg%20transform='translate(-392%20-84)'%3e%3cpath%20d='M496.776%20189.601C496.122%20189.934%20495.77%20190.663%20495.916%20191.383L499.911%20210.219C500.074%20210.985%20500.75%20211.532%20501.533%20211.531L501.929%20211.531C503.729%20211.515%20505.222%20212.919%20505.319%20214.716%20505.389%20216.544%20503.964%20218.083%20502.136%20218.154%20502.093%20218.155%20502.05%20218.156%20502.006%20218.156L497.503%20218.156C495.941%20218.15%20494.594%20217.058%20494.263%20215.531L490.363%20197.147C490.174%20196.252%20489.294%20195.68%20488.4%20195.87%20488.399%20195.87%20488.399%20195.87%20488.399%20195.87%20488.174%20195.918%20487.962%20196.014%20487.776%20196.15L481.184%20200.898C479.925%20201.758%20478.809%20202.45%20477.776%20203.015%20476.998%20203.429%20476.669%20204.372%20477.022%20205.18%20477.402%20206.011%20478.385%20206.378%20479.217%20205.998%20479.253%20205.981%20479.288%20205.964%20479.322%20205.945%20480.618%20205.229%20481.877%20204.447%20483.094%20203.604L487.657%20200.313%20491.031%20216.213C491.677%20219.273%20494.376%20221.464%20497.503%20221.469L501.882%20221.469C505.577%20221.473%20508.587%20218.502%20508.631%20214.807%20508.608%20211.503%20506.158%20208.719%20502.883%20208.277L499.416%20191.93C502.051%20190.581%20506.719%20188.344%20509.619%20188.344%20515.225%20188.346%20520.812%20187.662%20526.252%20186.307%20530.081%20185.36%20533.152%20182.51%20534.381%20178.762L534.535%20178.295C535.676%20175.09%20535.323%20171.542%20533.573%20168.624L525.126%20154.2C522.254%20149.369%20517.625%20145.835%20512.207%20144.337%20512.364%20138.624%20511.516%20132.927%20509.7%20127.508%20504.714%20113.244%20488.452%20105.977%20487.761%20105.669%20487.336%20105.48%20486.851%20105.48%20486.426%20105.669%20485.959%20105.876%20484.987%20106.308%20483.1%20111.962%20482.811%20112.832%20483.281%20113.77%20484.15%20114.059%20485.019%20114.348%20485.958%20113.878%20486.247%20113.009%20486.649%20111.744%20487.129%20110.505%20487.685%20109.299%20491.474%20111.245%20502.818%20117.831%20506.566%20128.543%20508.418%20133.972%20509.183%20139.713%20508.815%20145.437%20508.734%20146.277%20509.297%20147.043%20510.122%20147.217%20515.212%20148.269%20519.626%20151.41%20522.287%20155.875L530.744%20170.299C532.007%20172.379%20532.256%20174.921%20531.42%20177.207L531.254%20177.727C530.378%20180.388%20528.194%20182.41%20525.474%20183.079%20520.288%20184.375%20514.964%20185.031%20509.619%20185.031%20505.93%20185.031%20501.061%20187.35%20496.776%20189.601Z'/%3e%3cpath%20d='M422.439%20192.966C421.946%20190.791%20421.681%20188.571%20421.649%20186.341%20421.7%20185.427%20421.001%20184.643%20420.086%20184.592%20419.171%20184.54%20418.388%20185.239%20418.336%20186.154%20418.324%20187.879%20418.47%20189.602%20418.772%20191.3%20412.577%20189.633%20408.907%20183.26%20410.574%20177.065%20411.942%20171.981%20416.559%20168.453%20421.824%20168.469%20422.661%20168.473%20423.491%20168.611%20424.284%20168.88%20425.056%20169.133%20425.898%20168.787%20426.271%20168.065%20435.26%20150.783%20455.639%20142.806%20473.971%20149.392%20474.837%20150.636%20475.5%20151.557%20475.559%20151.638%20476.094%20152.38%20477.129%20152.549%20477.872%20152.014%20478.614%20151.479%20478.782%20150.444%20478.248%20149.702%20478.216%20149.657%20475.101%20145.338%20473.444%20142.62%20467.845%20132.798%20470.283%20120.115%20471.358%20115.817%20475.617%20117.014%20487.816%20121.194%20493.442%20131.039%20496.082%20135.531%20497.921%20140.449%20498.876%20145.571%20499.017%20146.361%20499.705%20146.936%20500.508%20146.936L503.929%20146.936C504.816%20146.948%20505.561%20146.274%20505.639%20145.391%20505.7%20144.478%20505.01%20143.688%20504.097%20143.627%20504.059%20143.624%20504.021%20143.623%20503.982%20143.623L501.871%20143.623C500.778%20138.613%20498.902%20133.806%20496.312%20129.38%20488.742%20116.13%20471.271%20112.337%20470.533%20112.183%20469.704%20112.01%20468.879%20112.489%20468.618%20113.294%20468.385%20114.011%20463.013%20131.036%20470.568%20144.256%20470.579%20144.276%20470.745%20144.576%20470.978%20144.973%20470.99%20144.991%20470.978%20145.003%20470.96%20144.998%20452.498%20140.481%20433.287%20148.811%20423.966%20165.375%20423.261%20165.231%20422.543%20165.158%20421.824%20165.156%20413.582%20165.183%20406.923%20171.886%20406.95%20180.128%20406.974%20187.414%20412.256%20193.618%20419.446%20194.803L419.446%20194.803C419.532%20195.194%20419.611%20195.585%20419.706%20195.972L419.8%20196.329C422.428%20206.56%20428.796%20215.436%20437.646%20221.204%20437.917%20221.379%20438.232%20221.473%20438.554%20221.474L473.068%20221.474C476.748%20221.495%20479.756%20218.542%20479.801%20214.862%20479.847%20211.242%20476.95%20208.27%20473.329%20208.224%20473.278%20208.223%20473.227%20208.223%20473.176%20208.224L465.158%20208.224C474.765%20201.216%20476.873%20187.747%20469.866%20178.14%20465.812%20172.583%20459.348%20169.297%20452.47%20169.297%20450.573%20169.261%20448.682%20169.507%20446.858%20170.029%20445.981%20170.293%20445.484%20171.219%20445.749%20172.096%20446.013%20172.973%20446.938%20173.47%20447.816%20173.206%20449.328%20172.775%20450.897%20172.574%20452.47%20172.609%20462.532%20172.632%20470.67%20180.807%20470.648%20190.869%20470.63%20198.914%20465.337%20205.995%20457.626%20208.29%20456.784%20208.543%20456.286%20209.408%20456.491%20210.263%20456.686%20211.016%20457.369%20211.54%20458.147%20211.533L473.107%20211.533C474.951%20211.521%20476.458%20213.001%20476.48%20214.845%20476.52%20216.635%20475.102%20218.118%20473.312%20218.158%20473.264%20218.159%20473.216%20218.159%20473.168%20218.158L439.054%20218.158C431.004%20212.776%20425.251%20204.584%20422.922%20195.184%20422.853%20194.889%20422.795%20194.619%20422.733%20194.339Z'/%3e%3cpath%20d='M519.521%20163.831C519.708%20162.011%20518.383%20160.385%20516.563%20160.199%20514.743%20160.012%20513.117%20161.337%20512.931%20163.157%20512.744%20164.977%20514.069%20166.603%20515.889%20166.789%20516.113%20166.812%20516.339%20166.812%20516.563%20166.789%20518.126%20166.629%20519.361%20165.394%20519.521%20163.831Z'/%3e%3c/g%3e%3c/svg%3e", hc = "_WPMSpeedButtonsWrap_r3byt_1", mc = "_btnWrap_r3byt_7", bc = "_label_r3byt_14", vc = "_iconBtn_r3byt_22", qt = {
@@ -5484,14 +5484,14 @@ const uc = D.memo(cc), dc = Wt(function() {
   label: bc,
   iconBtn: vc
 }, Co = 350, Sc = 40, yc = 0.85, xc = Wt(function() {
-  const t = X((f) => f.audioSpeed), n = X((f) => f.incAudioSpeed), r = X((f) => f.decAudioSpeed), o = ie(null), i = ie(Co), s = ie(null), u = ne(
-    (f) => {
-      const m = t;
-      if (f === "inc") {
-        if (m >= 2) return !1;
+  const t = X((p) => p.audioSpeed), n = X((p) => p.incAudioSpeed), r = X((p) => p.decAudioSpeed), o = ie(null), i = ie(Co), s = ie(null), u = ne(
+    (p) => {
+      const f = t;
+      if (p === "inc") {
+        if (f >= 2) return !1;
         n();
       } else {
-        if (m <= 0.3) return !1;
+        if (f <= 0.3) return !1;
         r();
       }
       return !0;
@@ -5504,16 +5504,16 @@ const uc = D.memo(cc), dc = Wt(function() {
       u(s.current) ? l() : a();
     }, i.current));
   }, [u, a]), d = ne(
-    (f) => {
+    (p) => {
       if (s.current) return;
-      s.current = f, i.current = Co, u(f) && l();
+      s.current = p, i.current = Co, u(p) && l();
       const v = () => a();
       window.addEventListener("mouseup", v, { once: !0 }), window.addEventListener("touchend", v, { once: !0 });
     },
     [l, u, a]
   );
   fe(() => a, [a]);
-  const h = `${(t * 100).toFixed(0)}%`;
+  const m = `${(t * 100).toFixed(0)}%`;
   return /* @__PURE__ */ x(
     "div",
     {
@@ -5527,14 +5527,14 @@ const uc = D.memo(cc), dc = Wt(function() {
             type: "button",
             title: "속도 느리게",
             onMouseDown: () => d("dec"),
-            onTouchStart: (f) => {
-              f.preventDefault(), d("dec");
+            onTouchStart: (p) => {
+              p.preventDefault(), d("dec");
             },
             onMouseUp: a,
             children: /* @__PURE__ */ x("img", { src: pc, alt: "느리게" })
           }
         ),
-        /* @__PURE__ */ x("div", { className: qt.label, style: { minWidth: "44px", textAlign: "center" }, children: /* @__PURE__ */ x("div", { children: h }) }),
+        /* @__PURE__ */ x("div", { className: qt.label, style: { minWidth: "44px", textAlign: "center" }, children: /* @__PURE__ */ x("div", { children: m }) }),
         /* @__PURE__ */ x(
           "button",
           {
@@ -5542,8 +5542,8 @@ const uc = D.memo(cc), dc = Wt(function() {
             type: "button",
             title: "속도 빠르게",
             onMouseDown: () => d("inc"),
-            onTouchStart: (f) => {
-              f.preventDefault(), d("inc");
+            onTouchStart: (p) => {
+              p.preventDefault(), d("inc");
             },
             onMouseUp: a,
             children: /* @__PURE__ */ x("img", { src: gc, alt: "빠르게" })
@@ -5562,11 +5562,11 @@ function Tc(e) {
   return Ze({ attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M221.66,133.66l-80,80A8,8,0,0,1,128,208V147.31L61.66,213.66A8,8,0,0,1,48,208V48a8,8,0,0,1,13.66-5.66L128,108.69V48a8,8,0,0,1,13.66-5.66l80,80A8,8,0,0,1,221.66,133.66Z" }, child: [] }] })(e);
 }
 function To({ direction: e }) {
-  const t = j((h) => h.currentGlobalRunIndex), n = j((h) => h.totalRuns), r = j((h) => h.hasReadableInDir), o = j((h) => h.computeStepTarget), i = j((h) => h.setCurrentGlobalRunIndex), s = _e((h) => h.syncToGI), u = j((h) => h.getSectionScrollApi), a = ne(
-    async (h) => {
+  const t = j((m) => m.currentGlobalRunIndex), n = j((m) => m.totalRuns), r = j((m) => m.hasReadableInDir), o = j((m) => m.computeStepTarget), i = j((m) => m.setCurrentGlobalRunIndex), s = Re((m) => m.syncToGI), u = j((m) => m.getSectionScrollApi), a = ne(
+    async (m) => {
       var v, y;
-      const f = Math.max(t, Math.min(0, Math.max(0, (n ?? 1) - 1))), m = o(f, h);
-      i(m, "scrubber-step"), s(m), await ((y = (v = u()) == null ? void 0 : v.ensureVisibleGI) == null ? void 0 : y.call(v, m));
+      const p = Math.max(t, Math.min(0, Math.max(0, (n ?? 1) - 1))), f = o(p, m);
+      i(f, "scrubber-step"), s(f), await ((y = (v = u()) == null ? void 0 : v.ensureVisibleGI) == null ? void 0 : y.call(v, f));
     },
     [
       t,
@@ -5578,8 +5578,8 @@ function To({ direction: e }) {
       u
     ]
   ), l = me(() => {
-    const h = Math.max(t, Math.min(0, Math.max(0, (n ?? 1) - 1))), f = !n || !r(h, 1), m = !n || !r(h, -1);
-    return e === "left" ? m : f;
+    const m = Math.max(t, Math.min(0, Math.max(0, (n ?? 1) - 1))), p = !n || !r(m, 1), f = !n || !r(m, -1);
+    return e === "left" ? f : p;
   }, [e, n, t, r]), d = ne(() => {
     a(e === "left" ? -1 : 1);
   }, [e, a]);
@@ -5628,20 +5628,20 @@ function Ec(e) {
 }
 function Oc() {
   var k;
-  const e = X((T) => T.showOverlays), t = j((T) => T.section), n = !!t.ast.isAddedSplit, r = !!((k = t.audios) != null && k.length), o = j((T) => T.canTracking), i = j((T) => T.canToggleShowGaze), s = j((T) => T.showGaze), u = j((T) => T.onToggleShowGaze), a = X((T) => T.muteAudio), l = X((T) => T.showPointer), d = X((T) => T.showSplit), h = X((T) => T.toggleMuteAudio), f = X((T) => T.toggleShowPointer), m = X((T) => T.toggleShowSplit), v = X((T) => T.overlayCompactMode), y = X((T) => T.toggleOverlayCompactMode), c = xn(), p = yt();
+  const e = X((T) => T.showOverlays), t = j((T) => T.section), n = !!t.ast.isAddedSplit, r = !!((k = t.audios) != null && k.length), o = j((T) => T.canTracking), i = j((T) => T.canToggleShowGaze), s = j((T) => T.showGaze), u = j((T) => T.onToggleShowGaze), a = X((T) => T.muteAudio), l = X((T) => T.showPointer), d = X((T) => T.showSplit), m = X((T) => T.toggleMuteAudio), p = X((T) => T.toggleShowPointer), f = X((T) => T.toggleShowSplit), v = X((T) => T.overlayCompactMode), y = X((T) => T.toggleOverlayCompactMode), c = xn(), g = yt();
   fe(() => {
-    const T = c.getState(), { syncToGI: M, useFake: P, useReal: I } = T, _ = T.playbackKind, z = p.getState().progress.currentGlobalRunIndex ?? 0;
+    const T = c.getState(), { syncToGI: M, useFake: P, useReal: I } = T, _ = T.playbackKind, z = g.getState().progress.currentGlobalRunIndex ?? 0;
     if (!r) {
       _ !== "fake" && P();
       return;
     }
     a ? _ !== "fake" && (console.log("이부분일까?"), P()) : _ !== "real" && (M(z), I());
-  }, [r, a, p, c]);
-  const g = _e((T) => T.play), w = _e((T) => T.pause), C = _e((T) => T.status), R = ne(
+  }, [r, a, g, c]);
+  const h = Re((T) => T.play), w = Re((T) => T.pause), C = Re((T) => T.status), R = ne(
     (T) => {
-      T.stopPropagation(), C === "playing" || C === "loading" ? w() : g();
+      T.stopPropagation(), C === "playing" || C === "loading" ? w() : h();
     },
-    [C, g, w]
+    [C, h, w]
   ), O = xn(), b = yt(), S = ne(
     async (T) => {
       var xe, Fe;
@@ -5660,14 +5660,14 @@ function Oc() {
         z == null || z(Ce, "audio"), await ((xe = re == null ? void 0 : re.ensureVisibleGI) == null ? void 0 : xe.call(re, Ce)), A.syncToGI(Ce);
         return;
       }
-      z == null || z(Se, "audio"), await ((Fe = re == null ? void 0 : re.ensureVisibleGI) == null ? void 0 : Fe.call(re, Se)), A.syncToGI(Se), g(V);
+      z == null || z(Se, "audio"), await ((Fe = re == null ? void 0 : re.ensureVisibleGI) == null ? void 0 : Fe.call(re, Se)), A.syncToGI(Se), h(V);
     },
-    [C, w, g, O, b]
+    [C, w, h, O, b]
   );
   return /* @__PURE__ */ ee(
     "div",
     {
-      className: `${Re.wrap} ${e ? Re.visible : ""} ${v ? Re.compact : ""}`,
+      className: `${_e.wrap} ${e ? _e.visible : ""} ${v ? _e.compact : ""}`,
       onClick: (T) => {
         T.stopPropagation();
       },
@@ -5677,21 +5677,21 @@ function Oc() {
       children: [
         !v && /* @__PURE__ */ x(uc, {}),
         /* @__PURE__ */ x("div", { style: v ? { display: "none" } : void 0, children: r && !a ? /* @__PURE__ */ x(nc, {}) : /* @__PURE__ */ x(fc, {}) }),
-        /* @__PURE__ */ ee("div", { className: Re.controls, children: [
-          /* @__PURE__ */ ee("div", { className: Re.row1, children: [
-            /* @__PURE__ */ x("div", { className: Re.groupExpand, children: /* @__PURE__ */ x(
+        /* @__PURE__ */ ee("div", { className: _e.controls, children: [
+          /* @__PURE__ */ ee("div", { className: _e.row1, children: [
+            /* @__PURE__ */ x("div", { className: _e.groupExpand, children: /* @__PURE__ */ x(
               "button",
               {
                 type: "button",
                 onClick: (T) => {
                   T.stopPropagation(), y();
                 },
-                className: Re.compactBtn,
+                className: _e.compactBtn,
                 title: v ? "오버레이 확대" : "오버레이 축소",
                 children: v ? /* @__PURE__ */ x(Ec, { size: 24 }) : /* @__PURE__ */ x(Mc, { size: 24 })
               }
             ) }),
-            /* @__PURE__ */ ee("div", { className: Re.groupPlayback, children: [
+            /* @__PURE__ */ ee("div", { className: _e.groupPlayback, children: [
               /* @__PURE__ */ x(To, { direction: "left" }),
               /* @__PURE__ */ x(
                 _c,
@@ -5704,22 +5704,22 @@ function Oc() {
               ),
               /* @__PURE__ */ x(To, { direction: "right" })
             ] }),
-            /* @__PURE__ */ x("div", { className: Re.groupSpeed, children: /* @__PURE__ */ x(xc, {}) })
+            /* @__PURE__ */ x("div", { className: _e.groupSpeed, children: /* @__PURE__ */ x(xc, {}) })
           ] }),
-          /* @__PURE__ */ ee("div", { className: Re.row2, children: [
-            /* @__PURE__ */ ee("div", { className: Re.groupFeatures, children: [
+          /* @__PURE__ */ ee("div", { className: _e.row2, children: [
+            /* @__PURE__ */ ee("div", { className: _e.groupFeatures, children: [
               r && /* @__PURE__ */ ee(
                 "button",
                 {
                   type: "button",
                   onClick: (T) => {
-                    T.stopPropagation(), h();
+                    T.stopPropagation(), m();
                   },
-                  className: `${Re.btn} ${a ? "" : Re.btnActive}`,
+                  className: `${_e.btn} ${a ? "" : _e.btnActive}`,
                   title: "오디오북 음소거 전환",
                   children: [
                     a ? /* @__PURE__ */ x(za, { size: 18 }) : /* @__PURE__ */ x(Pa, { size: 18 }),
-                    /* @__PURE__ */ x("span", { className: Re.label, children: "오디오북" })
+                    /* @__PURE__ */ x("span", { className: _e.label, children: "오디오북" })
                   ]
                 }
               ),
@@ -5728,13 +5728,13 @@ function Oc() {
                 {
                   type: "button",
                   onClick: (T) => {
-                    T.stopPropagation(), f();
+                    T.stopPropagation(), p();
                   },
-                  className: `${Re.btn} ${l ? Re.btnActive : ""}`,
+                  className: `${_e.btn} ${l ? _e.btnActive : ""}`,
                   title: "포인터 표시",
                   children: [
                     /* @__PURE__ */ x(Aa, { size: 18 }),
-                    /* @__PURE__ */ x("span", { className: Re.label, children: "포인터" })
+                    /* @__PURE__ */ x("span", { className: _e.label, children: "포인터" })
                   ]
                 }
               ),
@@ -5743,14 +5743,14 @@ function Oc() {
                 {
                   type: "button",
                   onClick: (T) => {
-                    T.stopPropagation(), m();
+                    T.stopPropagation(), f();
                   },
                   disabled: !n,
-                  className: `${Re.btn} ${d ? Re.btnActive : ""} ${n ? "" : Re.btnForbidden}`,
+                  className: `${_e.btn} ${d ? _e.btnActive : ""} ${n ? "" : _e.btnForbidden}`,
                   title: "끊어읽기 표시",
                   children: [
                     /* @__PURE__ */ x(Ba, { size: 18 }),
-                    /* @__PURE__ */ x("span", { className: Re.label, children: "끊어읽기" })
+                    /* @__PURE__ */ x("span", { className: _e.label, children: "끊어읽기" })
                   ]
                 }
               ),
@@ -5762,16 +5762,16 @@ function Oc() {
                     T.stopPropagation(), u == null || u();
                   },
                   disabled: !o || !i,
-                  className: `${Re.btn} ${o && s ? Re.btnActive : ""} ${o ? "" : Re.btnForbidden}`,
+                  className: `${_e.btn} ${o && s ? _e.btnActive : ""} ${o ? "" : _e.btnForbidden}`,
                   title: "시선 표시",
                   children: [
                     /* @__PURE__ */ x(La, { size: 18 }),
-                    /* @__PURE__ */ x("span", { className: Re.label, children: "시선" })
+                    /* @__PURE__ */ x("span", { className: _e.label, children: "시선" })
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ ee("div", { className: Re.groupNav, children: [
+            /* @__PURE__ */ ee("div", { className: _e.groupNav, children: [
               /* @__PURE__ */ x(Ra, {}),
               /* @__PURE__ */ x(Tn, {})
             ] })
@@ -5796,21 +5796,21 @@ const Ac = "_host_gafql_3", Bc = "_topbar_gafql_11", Gc = "_visible_gafql_32", L
   settingsBtn: Wc
 };
 function Dc() {
-  const e = X((h) => h.showOverlays), t = X((h) => h.overlayCompactMode), n = j((h) => h.onViewerClose), o = j((h) => h.section).ast.title, i = j((h) => h.canTracking), s = j((h) => h.handleAskCalibration), u = X((h) => h.setSettingsOpen), a = X((h) => h.setShowOverlays), l = ne(() => {
+  const e = X((f) => f.showOverlays), t = X((f) => f.overlayCompactMode), n = j((f) => f.onViewerClose), o = j((f) => f.section).ast.title, i = j((f) => f.canTracking), s = j((f) => f.handleAskCalibration), u = Re((f) => f.status === "playing"), a = i && !u, l = X((f) => f.setSettingsOpen), d = X((f) => f.setShowOverlays), m = ne(() => {
     n == null || n();
-  }, [n]), d = ne(() => {
-    u(!0), a(!1);
-  }, [u, a]);
+  }, [n]), p = ne(() => {
+    l(!0), d(!1);
+  }, [l, d]);
   return /* @__PURE__ */ x("div", { className: vt.host, children: /* @__PURE__ */ ee("div", { className: `${vt.topbar} ${e && !t ? vt.visible : ""}`, children: [
-    /* @__PURE__ */ x("button", { type: "button", className: vt.backBtn, onClick: l, "aria-label": "뒤로가기", children: /* @__PURE__ */ x(Ga, { size: 28 }) }),
+    /* @__PURE__ */ x("button", { type: "button", className: vt.backBtn, onClick: m, "aria-label": "뒤로가기", children: /* @__PURE__ */ x(Ga, { size: 28 }) }),
     /* @__PURE__ */ x("div", { className: vt.title, children: /* @__PURE__ */ x("span", { className: "truncate", children: o || "섹션 없음" }) }),
     /* @__PURE__ */ x(
       "button",
       {
         type: "button",
-        className: `${vt.calibrationBtn} ${i ? "" : vt.disabled}`,
+        className: `${vt.calibrationBtn} ${a ? "" : vt.disabled}`,
         onClick: s,
-        disabled: !i,
+        disabled: !a,
         "aria-label": "시선보정",
         title: "시선보정",
         children: /* @__PURE__ */ x(Ha, { size: 24 })
@@ -5821,7 +5821,7 @@ function Dc() {
       {
         type: "button",
         className: vt.settingsBtn,
-        onClick: d,
+        onClick: p,
         "aria-label": "뷰어 설정",
         children: /* @__PURE__ */ x(Pc, { size: 28 })
       }
@@ -5847,7 +5847,7 @@ const $c = D.memo(Dc), Vc = "_wrap_62su0_7", qc = "_wrapHidden_62su0_29", jc = "
   inlineFlex: iu
 };
 function su({ visible: e }) {
-  const t = X((b) => b.mode), n = X((b) => b.setMode), r = X((b) => b.theme), o = X((b) => b.setTheme), i = X((b) => b.fontFamily), s = X((b) => b.setFontFamily), u = X((b) => b.resetToDefaults), a = X((b) => b.getFontLevel()), l = X((b) => b.getLineLevel()), d = X((b) => b.getMarginLevel()), h = X((b) => b.setFontLevel), f = X((b) => b.setLineLevel), m = X((b) => b.setMarginLevel), v = X((b) => b.pointerStyle), y = X((b) => b.setPointerStyle), c = X((b) => b.pointerColor), p = X((b) => b.setPointerColor), g = X((b) => b.breakMarks), w = X((b) => b.toggleBreakMark), C = X((b) => b.getBreakGapLevel()), R = X((b) => b.setBreakGapLevel), O = `${Ae.wrap} ${e ? Ae.wrapVisible : Ae.wrapHidden}`;
+  const t = X((b) => b.mode), n = X((b) => b.setMode), r = X((b) => b.theme), o = X((b) => b.setTheme), i = X((b) => b.fontFamily), s = X((b) => b.setFontFamily), u = X((b) => b.resetToDefaults), a = X((b) => b.getFontLevel()), l = X((b) => b.getLineLevel()), d = X((b) => b.getMarginLevel()), m = X((b) => b.setFontLevel), p = X((b) => b.setLineLevel), f = X((b) => b.setMarginLevel), v = X((b) => b.pointerStyle), y = X((b) => b.setPointerStyle), c = X((b) => b.pointerColor), g = X((b) => b.setPointerColor), h = X((b) => b.breakMarks), w = X((b) => b.toggleBreakMark), C = X((b) => b.getBreakGapLevel()), R = X((b) => b.setBreakGapLevel), O = `${Ae.wrap} ${e ? Ae.wrapVisible : Ae.wrapHidden}`;
   return /* @__PURE__ */ ee("div", { className: O, role: "dialog", "aria-modal": "true", "aria-label": "뷰어 설정", children: [
     /* @__PURE__ */ ee("div", { className: Ae.scrollArea, children: [
       /* @__PURE__ */ x(jt, { label: "열람방식", children: /* @__PURE__ */ ee("div", { className: Ae.inlineFlex, children: [
@@ -5887,8 +5887,8 @@ function su({ visible: e }) {
           level: a,
           min: 1,
           max: 12,
-          onDec: () => h(Math.max(1, a - 1)),
-          onInc: () => h(Math.min(12, a + 1))
+          onDec: () => m(Math.max(1, a - 1)),
+          onInc: () => m(Math.min(12, a + 1))
         }
       ),
       /* @__PURE__ */ x(
@@ -5898,8 +5898,8 @@ function su({ visible: e }) {
           level: l,
           min: 1,
           max: 7,
-          onDec: () => f(Math.max(1, l - 1)),
-          onInc: () => f(Math.min(7, l + 1))
+          onDec: () => p(Math.max(1, l - 1)),
+          onInc: () => p(Math.min(7, l + 1))
         }
       ),
       /* @__PURE__ */ x(
@@ -5909,8 +5909,8 @@ function su({ visible: e }) {
           level: d,
           min: 1,
           max: 5,
-          onDec: () => m(Math.max(1, d - 1)),
-          onInc: () => m(Math.min(5, d + 1))
+          onDec: () => f(Math.max(1, d - 1)),
+          onInc: () => f(Math.min(5, d + 1))
         }
       ),
       /* @__PURE__ */ x(jt, { label: "포인터", children: /* @__PURE__ */ ee("div", { className: Ae.inlineFlex, children: [
@@ -5921,7 +5921,7 @@ function su({ visible: e }) {
           {
             type: "color",
             value: c,
-            onChange: (b) => p(b.target.value),
+            onChange: (b) => g(b.target.value),
             "aria-label": "포인터 색상",
             style: {
               width: 36,
@@ -5933,7 +5933,7 @@ function su({ visible: e }) {
           }
         )
       ] }) }),
-      /* @__PURE__ */ x(jt, { label: "끊기표시", children: /* @__PURE__ */ x("div", { className: Ae.inlineFlex, children: /* @__PURE__ */ x(Gt, { active: g.slash, onClick: () => w("slash"), children: "슬래쉬" }) }) }),
+      /* @__PURE__ */ x(jt, { label: "끊기표시", children: /* @__PURE__ */ x("div", { className: Ae.inlineFlex, children: /* @__PURE__ */ x(Gt, { active: h.slash, onClick: () => w("slash"), children: "슬래쉬" }) }) }),
       /* @__PURE__ */ x(
         pn,
         {
@@ -6036,14 +6036,14 @@ const lu = D.memo(function() {
     let l = s;
     if (u) {
       const d = (a == null ? void 0 : a.equalityFn) || Object.is;
-      let h = s(r.getState());
-      l = (f) => {
-        const m = s(f);
-        if (!d(h, m)) {
-          const v = h;
-          u(h = m, v);
+      let m = s(r.getState());
+      l = (p) => {
+        const f = s(p);
+        if (!d(m, f)) {
+          const v = m;
+          u(m = f, v);
         }
-      }, a != null && a.fireImmediately && u(h, h);
+      }, a != null && a.fireImmediately && u(m, m);
     }
     return o(l);
   }), e(t, n, r);
@@ -6069,31 +6069,31 @@ function fu(e) {
 function pu(e) {
   const t = e == null ? void 0 : e.recorderStore;
   let n = e == null ? void 0 : e.map, r = e == null ? void 0 : e.initialIndex;
-  const o = (m) => {
+  const o = (f) => {
     if (!n) return null;
     const { g2ct: v } = n;
     if (!v) return null;
-    const y = v[m];
+    const y = v[f];
     if (y) return { clip: y.clip, t: y.t };
-    for (let c = 1; c <= 100 && m - c >= 0; c++) {
-      const p = v[m - c];
-      if (p) return { clip: p.clip, t: p.t };
+    for (let c = 1; c <= 100 && f - c >= 0; c++) {
+      const g = v[f - c];
+      if (g) return { clip: g.clip, t: g.t };
     }
     for (let c = 1; c <= 100; c++) {
-      const p = v[m + c];
-      if (p) return { clip: p.clip, t: p.t };
+      const g = v[f + c];
+      if (g) return { clip: g.clip, t: g.t };
     }
     return null;
   }, i = (e == null ? void 0 : e.clips) ?? [];
   let s = 0, u = 0;
   const a = Math.max(1, fu(e.section) || 150);
   if (typeof (e == null ? void 0 : e.initialIndex) == "number" && n) {
-    const m = o(e.initialIndex);
-    m && (s = m.clip, u = m.t, r = void 0);
+    const f = o(e.initialIndex);
+    f && (s = f.clip, u = f.t, r = void 0);
   }
-  const l = i.length > 0, d = l ? "paused" : "idle", h = l ? "real" : "fake", f = l ? null : { totalWords: a };
+  const l = i.length > 0, d = l ? "paused" : "idle", m = l ? "real" : "fake", p = l ? null : { totalWords: a };
   return rn(
-    cu((m, v) => ({
+    cu((f, v) => ({
       // 원본/포인터
       clips: i,
       currentClip: Math.max(0, Math.min(s, Math.max(0, i.length - 1))),
@@ -6102,10 +6102,10 @@ function pu(e) {
       status: d,
       scrollLock: !1,
       // 엔진/설정
-      playbackKind: h,
-      fake: f,
+      playbackKind: m,
+      fake: p,
       // 엔진 모드 전환
-      useFake: () => m((y) => ({
+      useFake: () => f((y) => ({
         playbackKind: "fake",
         // 이전에 fake.totalWords가 있으면 유지, 없으면 선계산값 사용
         // fake: s.fake ?? { totalWords: precomputedWords },
@@ -6113,7 +6113,7 @@ function pu(e) {
         // 잠금은 재생 상태에 맞춤(재생 중이면 유지, 아니면 해제)
         scrollLock: y.status === "playing"
       })),
-      useReal: () => m((y) => ({
+      useReal: () => f((y) => ({
         playbackKind: "real",
         fake: { totalWords: a },
         scrollLock: y.status === "playing"
@@ -6122,37 +6122,37 @@ function pu(e) {
       injectMap: (y) => {
         if (n = y, typeof r == "number") {
           const c = o(r);
-          c && m((p) => ({
-            currentClip: Math.max(0, Math.min(c.clip, Math.max(0, p.clips.length - 1))),
+          c && f((g) => ({
+            currentClip: Math.max(0, Math.min(c.clip, Math.max(0, g.clips.length - 1))),
             currentTimeMs: Math.max(0, c.t)
           })), r = void 0;
         }
       },
-      setClipAndMs: (y, c) => m((p) => {
-        const g = Math.max(0, p.clips.length - 1);
+      setClipAndMs: (y, c) => f((g) => {
+        const h = Math.max(0, g.clips.length - 1);
         return {
-          currentClip: Math.max(0, Math.min(y, g)),
+          currentClip: Math.max(0, Math.min(y, h)),
           currentTimeMs: Math.max(0, c),
-          status: p.status,
+          status: g.status,
           // 상태는 건드리지 않음
-          scrollLock: p.scrollLock
+          scrollLock: g.scrollLock
           // 그대로 유지
         };
       }),
       // 섹션 교체
-      setClips: (y) => m((c) => {
-        const p = Array.isArray(y) ? y : [], g = p.length > 0;
+      setClips: (y) => f((c) => {
+        const g = Array.isArray(y) ? y : [], h = g.length > 0;
         return {
-          clips: p,
+          clips: g,
           currentClip: 0,
           currentTimeMs: 0,
-          status: g ? "paused" : "idle",
-          playbackKind: g ? "real" : "fake",
-          fake: g ? null : c.fake ?? { totalWords: a },
+          status: h ? "paused" : "idle",
+          playbackKind: h ? "real" : "fake",
+          fake: h ? null : c.fake ?? { totalWords: a },
           scrollLock: !1
         };
       }),
-      clear: () => m((y) => ({
+      clear: () => f((y) => ({
         clips: [],
         currentClip: 0,
         currentTimeMs: 0,
@@ -6166,16 +6166,16 @@ function pu(e) {
         t == null || t.getState().emit({
           type: "audio_control",
           payload: { action: "play" }
-        }), m((p) => {
-          if (p.playbackKind === "fake")
+        }), f((g) => {
+          if (g.playbackKind === "fake")
             return {
               status: "playing",
               scrollLock: !0
             };
-          const g = typeof y == "number" ? y : p.currentClip, w = typeof c == "number" ? c : p.currentTimeMs;
+          const h = typeof y == "number" ? y : g.currentClip, w = typeof c == "number" ? c : g.currentTimeMs;
           return {
             status: "loading",
-            currentClip: Math.max(0, Math.min(g, Math.max(0, p.clips.length - 1))),
+            currentClip: Math.max(0, Math.min(h, Math.max(0, g.clips.length - 1))),
             currentTimeMs: w,
             scrollLock: !0
           };
@@ -6185,14 +6185,14 @@ function pu(e) {
         t == null || t.getState().emit({
           type: "audio_control",
           payload: { action: "pause" }
-        }), m({ status: "paused", scrollLock: !1 });
+        }), f({ status: "paused", scrollLock: !1 });
       },
-      seek: (y) => m((c) => ({
+      seek: (y) => f((c) => ({
         currentTimeMs: Math.max(0, y),
         status: c.status
       })),
-      stop: () => m({ status: "idle", currentTimeMs: 0, scrollLock: !1 }),
-      nextClip: () => m((y) => {
+      stop: () => f({ status: "idle", currentTimeMs: 0, scrollLock: !1 }),
+      nextClip: () => f((y) => {
         if (y.playbackKind === "fake") return y;
         const c = Math.max(0, y.clips.length - 1);
         return {
@@ -6202,56 +6202,56 @@ function pu(e) {
           scrollLock: !0
         };
       }),
-      prevClip: () => m((y) => y.playbackKind === "fake" ? y : {
+      prevClip: () => f((y) => y.playbackKind === "fake" ? y : {
         currentClip: Math.max(0, y.currentClip - 1),
         currentTimeMs: 0,
         status: "loading",
         scrollLock: !0
       }),
-      setClipIndex: (y) => m((c) => c.playbackKind === "fake" || y < 0 || y >= c.clips.length ? c : { currentClip: y, currentTimeMs: 0 }),
+      setClipIndex: (y) => f((c) => c.playbackKind === "fake" || y < 0 || y >= c.clips.length ? c : { currentClip: y, currentTimeMs: 0 }),
       // 조회
       getClipSrc: (y) => {
         const c = v();
         if (!c.clips.length) return null;
-        const p = typeof y == "number" ? y : c.currentClip;
-        return uu(c.clips[p]);
+        const g = typeof y == "number" ? y : c.currentClip;
+        return uu(c.clips[g]);
       },
       // (clip,time) -> GI
       getGIFromCT: (y, c) => {
         if (!n) return -1;
-        const p = n.byClip[y];
-        if (!p || p.length === 0) return -1;
-        let g = 0, w = p.length - 1, C = 0;
-        for (; g <= w; ) {
-          const R = g + w >> 1;
-          p[R].t <= c ? (C = R, g = R + 1) : w = R - 1;
+        const g = n.byClip[y];
+        if (!g || g.length === 0) return -1;
+        let h = 0, w = g.length - 1, C = 0;
+        for (; h <= w; ) {
+          const R = h + w >> 1;
+          g[R].t <= c ? (C = R, h = R + 1) : w = R - 1;
         }
-        return p[Math.max(0, Math.min(C, p.length - 1))].g;
+        return g[Math.max(0, Math.min(C, g.length - 1))].g;
       },
       // GI -> (clip,time)
       getCTFromGI: (y) => {
         if (!n) return null;
         const { g2ct: c } = n;
         if (!c) return null;
-        let p = c[y];
-        if (!p) {
-          let g = y - 1;
+        let g = c[y];
+        if (!g) {
+          let h = y - 1;
           const w = Math.max(0, y - 100);
-          for (; g >= w; ) {
-            if (c[g]) {
-              p = c[g];
+          for (; h >= w; ) {
+            if (c[h]) {
+              g = c[h];
               break;
             }
-            g--;
+            h--;
           }
-          if (!p) {
+          if (!g) {
             let C = y + 1;
             const R = y + 100;
             for (; c[C] == null && C <= R; ) C++;
-            c[C] && (p = c[C]);
+            c[C] && (g = c[C]);
           }
         }
-        return p ? { clip: p.clip, timeMs: p.t } : null;
+        return g ? { clip: g.clip, timeMs: g.t } : null;
       },
       // 편의
       getMetaByGI: (y) => {
@@ -6263,8 +6263,8 @@ function pu(e) {
         c && v().setClipAndMs(c.clipIndex, c.timeMs);
       },
       // <audio> 이벤트 (real 전용)
-      _onTime: (y) => m({ currentTimeMs: y, status: "playing", scrollLock: !0 }),
-      _onEnded: () => m((y) => {
+      _onTime: (y) => f({ currentTimeMs: y, status: "playing", scrollLock: !0 }),
+      _onEnded: () => f((y) => {
         if (y.playbackKind === "fake")
           return { status: "ended", scrollLock: !1 };
         const c = Math.max(0, y.clips.length - 1);
@@ -6275,9 +6275,9 @@ function pu(e) {
           scrollLock: !0
         };
       }),
-      _onError: () => m({ status: "error", scrollLock: !1 }),
+      _onError: () => f({ status: "error", scrollLock: !1 }),
       // 재생 모드용: 상태만 변경 (실제 재생 안함, emit도 안함)
-      _setStatusOnly: (y) => m({ status: y })
+      _setStatusOnly: (y) => f({ status: y })
     }))
   );
 }
@@ -6296,8 +6296,8 @@ function hu(e) {
     if ((u == null ? void 0 : u.type) === "image") continue;
     const a = (u == null ? void 0 : u.runs) ?? [];
     for (let l = 0; l < a.length; l++) {
-      const d = a[l], h = o + l;
-      d.audioChunkIndex != null && d.audioTimeMs != null && ((t[s = d.audioChunkIndex] || (t[s] = [])).push({ t: d.audioTimeMs, g: h }), n[h] = { clip: d.audioChunkIndex, t: d.audioTimeMs });
+      const d = a[l], m = o + l;
+      d.audioChunkIndex != null && d.audioTimeMs != null && ((t[s = d.audioChunkIndex] || (t[s] = [])).push({ t: d.audioTimeMs, g: m }), n[m] = { clip: d.audioChunkIndex, t: d.audioTimeMs });
     }
     o += a.length;
   }
@@ -6316,41 +6316,41 @@ function mu(e, t, n) {
   return -1;
 }
 function bu(e) {
-  const t = la(e), n = aa(t), r = t.reduce((d, h) => d + (h || 0), 0), o = new Int32Array(Math.max(1, r)).fill(-1), i = new Uint8Array(Math.max(1, r)).fill(0), s = [], u = [];
-  return e.forEach((d, h) => {
+  const t = la(e), n = aa(t), r = t.reduce((d, m) => d + (m || 0), 0), o = new Int32Array(Math.max(1, r)).fill(-1), i = new Uint8Array(Math.max(1, r)).fill(0), s = [], u = [];
+  return e.forEach((d, m) => {
     var c;
     if (d.type !== "paragraph") return;
-    const f = n[h] ?? 0, m = d.runs ?? [];
-    for (let p = 0; p < m.length; p++) {
-      const g = ((c = m[p]) == null ? void 0 : c.text) || "";
-      Sr(g) && (i[f + p] = 1);
+    const p = n[m] ?? 0, f = d.runs ?? [];
+    for (let g = 0; g < f.length; g++) {
+      const h = ((c = f[g]) == null ? void 0 : c.text) || "";
+      Sr(h) && (i[p + g] = 1);
     }
-    const y = ca(m, f).map((p) => {
+    const y = ca(f, p).map((g) => {
       var R;
-      const g = p.startG - f, w = p.endG - p.startG + 1;
+      const h = g.startG - p, w = g.endG - g.startG + 1;
       let C = -1;
       for (let O = 0; O < w; O++) {
-        const b = ((R = m[g + O]) == null ? void 0 : R.text) ?? "";
+        const b = ((R = f[h + O]) == null ? void 0 : R.text) ?? "";
         if (Sr(b)) {
-          C = p.startG + O;
+          C = g.startG + O;
           break;
         }
       }
       return {
-        startG: p.startG,
-        endG: p.endG,
-        r0: g,
+        startG: g.startG,
+        endG: g.endG,
+        r0: h,
         len: w,
         firstReadableGI: C,
-        splitIndex: p.splitIndex
+        splitIndex: g.splitIndex
       };
     });
-    u[h] = y;
-    for (const p of y) {
-      const g = s.length;
-      for (let w = p.startG; w <= p.endG; w++)
-        o[w] = g;
-      s.push(p);
+    u[m] = y;
+    for (const g of y) {
+      const h = s.length;
+      for (let w = g.startG; w <= g.endG; w++)
+        o[w] = h;
+      s.push(g);
     }
   }), { nav: {
     groups: s,
@@ -6371,11 +6371,11 @@ function vu(e) {
     showGaze: a,
     onToggleShowGaze: l,
     handleAskCalibration: d,
-    nav: h,
-    layout: f,
-    initialIndex: m,
+    nav: m,
+    layout: p,
+    initialIndex: f,
     mountTime: v
-  } = e, y = f.totalRuns ?? 0, c = typeof m == "number" ? m : y > 0 ? 0 : -1, p = c >= 0 ? mu(h.readableGi, c, y) : -1;
+  } = e, y = p.totalRuns ?? 0, c = typeof f == "number" ? f : y > 0 ? 0 : -1, g = c >= 0 ? mu(m.readableGi, c, y) : -1;
   return {
     section: t,
     sectionId: t.section_id,
@@ -6388,7 +6388,7 @@ function vu(e) {
     showGaze: a ?? !1,
     onToggleShowGaze: l,
     handleAskCalibration: d,
-    currentGlobalRunIndex: p,
+    currentGlobalRunIndex: g,
     lastUpdateBy: "program",
     totalRuns: y,
     pageIndex: 0,
@@ -6396,8 +6396,8 @@ function vu(e) {
     sectionLoading: !0,
     _loadingStartTime: v,
     _scrollApi: void 0,
-    derivedNav: h,
-    layout: f,
+    derivedNav: m,
+    layout: p,
     rangeStartGI: null,
     rangeEndGI: null,
     translateOpen: !1,
@@ -6420,9 +6420,9 @@ function Su(e) {
     canToggleShowGaze: a,
     showGaze: l,
     onToggleShowGaze: d,
-    handleAskCalibration: h,
-    eventBridgeStore: f
-  } = e, m = t.ast.blocks, { nav: v, layout: y } = bu(m), c = Date.now(), p = vu({
+    handleAskCalibration: m,
+    eventBridgeStore: p
+  } = e, f = t.ast.blocks, { nav: v, layout: y } = bu(f), c = Date.now(), g = vu({
     section: t,
     onViewerClose: r,
     onSectionNav: o,
@@ -6432,19 +6432,19 @@ function Su(e) {
     canToggleShowGaze: a,
     showGaze: l,
     onToggleShowGaze: d,
-    handleAskCalibration: h,
+    handleAskCalibration: m,
     nav: v,
     layout: y,
     initialIndex: n,
     mountTime: c
   });
-  return f && queueMicrotask(() => {
-    f.getState().emit({ type: "render_start", payload: { sectionId: t.section_id } }, c), f.getState().emit({ type: "loading_start", payload: {} }, c);
-  }), rn((g, w) => {
+  return p && queueMicrotask(() => {
+    p.getState().emit({ type: "render_start", payload: { sectionId: t.section_id } }, c), p.getState().emit({ type: "loading_start", payload: {} }, c);
+  }), rn((h, w) => {
     const C = (K) => {
-      g(($) => $.progress._scrollApi === K ? $ : { progress: { ...$.progress, _scrollApi: K } });
+      h(($) => $.progress._scrollApi === K ? $ : { progress: { ...$.progress, _scrollApi: K } });
     }, R = () => w().progress._scrollApi, O = (K) => {
-      g(($) => {
+      h(($) => {
         const G = $.progress;
         if (G.totalRuns === K) return $;
         const E = G.currentGlobalRunIndex < 0 && K > 0;
@@ -6459,13 +6459,13 @@ function Su(e) {
       });
     }, b = (K, $ = "program") => {
       const G = w().progress.currentGlobalRunIndex, E = w().progress, L = E.totalRuns > 0 ? Math.max(-1, Math.min(K, E.totalRuns - 1)) : K;
-      G === L && E.lastUpdateBy === $ || (g((q) => ({
+      G === L && E.lastUpdateBy === $ || (h((q) => ({
         progress: {
           ...q.progress,
           currentGlobalRunIndex: L,
           lastUpdateBy: $
         }
-      })), G !== L && f && f.getState().emit({
+      })), G !== L && p && p.getState().emit({
         type: "global_index_change",
         payload: { globalIndex: L }
       }));
@@ -6474,59 +6474,59 @@ function Su(e) {
       if ($ === K) return;
       const E = Date.now();
       if (K)
-        g((L) => ({
+        h((L) => ({
           progress: {
             ...L.progress,
             sectionLoading: !0,
             _loadingStartTime: E
           }
-        })), f && f.getState().emit({ type: "loading_start", payload: {} });
+        })), p && p.getState().emit({ type: "loading_start", payload: {} });
       else {
         const q = (G ? E - G : 0) / 1e3;
-        g((B) => ({
+        h((B) => ({
           progress: {
             ...B.progress,
             sectionLoading: !1,
             _loadingStartTime: null
           }
-        })), f && f.getState().emit({ type: "loading_end", payload: { duration: q } });
+        })), p && p.getState().emit({ type: "loading_end", payload: { duration: q } });
       }
     }, k = (K) => {
-      g(($) => ({
+      h(($) => ({
         progress: { ...$.progress, pageIndex: K }
       }));
     }, T = (K) => {
-      g(($) => ({
+      h(($) => ({
         progress: { ...$.progress, totalPages: K }
       }));
     }, M = (K, $) => {
       const E = w().progress.rangeStartGI == null;
-      if (g((L) => ({
+      if (h((L) => ({
         progress: {
           ...L.progress,
           rangeStartGI: Math.min(K, $),
           rangeEndGI: Math.max(K, $)
         }
-      })), f) {
+      })), p) {
         const L = _();
-        f.getState().emit({
+        p.getState().emit({
           type: E ? "range_select" : "range_change",
           payload: { startGI: Math.min(K, $), endGI: Math.max(K, $), text: L }
         });
       }
     }, P = () => {
-      g((K) => ({
+      h((K) => ({
         progress: {
           ...K.progress,
           rangeStartGI: null,
           rangeEndGI: null
         }
-      })), f && f.getState().emit({ type: "range_clear", payload: {} });
+      })), p && p.getState().emit({ type: "range_clear", payload: {} });
     }, I = (K) => {
       const { rangeStartGI: $, rangeEndGI: G } = w().progress;
-      $ == null || G == null || (K < $ ? g((E) => ({
+      $ == null || G == null || (K < $ ? h((E) => ({
         progress: { ...E.progress, rangeStartGI: K }
-      })) : K > G ? g((E) => ({
+      })) : K > G ? h((E) => ({
         progress: { ...E.progress, rangeEndGI: K }
       })) : P());
     }, _ = () => {
@@ -6545,7 +6545,7 @@ function Su(e) {
       }
       return B.join("");
     }, z = (K) => {
-      g(($) => ({
+      h(($) => ({
         progress: {
           ...$.progress,
           translateOpen: K.isOpen,
@@ -6557,7 +6557,7 @@ function Su(e) {
         }
       }));
     }, N = () => {
-      g((K) => ({
+      h((K) => ({
         progress: {
           ...K.progress,
           translateOpen: !1,
@@ -6601,7 +6601,7 @@ function Su(e) {
     };
     return {
       progress: {
-        ...p,
+        ...g,
         registerSectionScrollApi: C,
         getSectionScrollApi: R,
         setTotalRuns: O,
@@ -6709,44 +6709,44 @@ const wu = ({
   pageIndex: t,
   maxWidth: n
 }) => {
-  const r = j((g) => g.section), o = me(() => {
-    var g;
-    return ((g = r.ast) == null ? void 0 : g.blocks) ?? [];
-  }, [r]), i = X((g) => g.marginX), s = X((g) => g.lineHeight), u = X((g) => g.fontSizePx), a = X((g) => g.fontFamily), l = X((g) => g.viewportHeight), d = j((g) => {
+  const r = j((h) => h.section), o = me(() => {
+    var h;
+    return ((h = r.ast) == null ? void 0 : h.blocks) ?? [];
+  }, [r]), i = X((h) => h.marginX), s = X((h) => h.lineHeight), u = X((h) => h.fontSizePx), a = X((h) => h.fontFamily), l = X((h) => h.viewportHeight), d = j((h) => {
     var w;
-    return ((w = g.layout) == null ? void 0 : w.prefix) ?? [];
-  }), h = j((g) => {
+    return ((w = h.layout) == null ? void 0 : w.prefix) ?? [];
+  }), m = j((h) => {
     var w;
-    return ((w = g.derivedNav) == null ? void 0 : w.splitGroupsPerBlock) ?? [];
-  }), f = e[t], m = me(() => {
-    const g = [];
+    return ((w = h.derivedNav) == null ? void 0 : w.splitGroupsPerBlock) ?? [];
+  }), p = e[t], f = me(() => {
+    const h = [];
     return o.forEach((w, C) => {
-      (w.type === "paragraph" || w.type === "image") && g.push(C);
-    }), g;
+      (w.type === "paragraph" || w.type === "image") && h.push(C);
+    }), h;
   }, [o]), v = me(() => {
-    if (!f) return [];
-    const g = [];
-    for (let w = f.startBlock; w <= f.endBlock; w++) {
-      const C = m[w];
-      C != null && g.push(C);
+    if (!p) return [];
+    const h = [];
+    for (let w = p.startBlock; w <= p.endBlock; w++) {
+      const C = f[w];
+      C != null && h.push(C);
     }
-    return g;
-  }, [f, m]), y = me(() => {
-    const g = [];
+    return h;
+  }, [p, f]), y = me(() => {
+    const h = [];
     for (const w of v) {
       const C = o[w];
-      (C == null ? void 0 : C.type) === "paragraph" && g.push({ b: C, originalBlockIndex: w });
+      (C == null ? void 0 : C.type) === "paragraph" && h.push({ b: C, originalBlockIndex: w });
     }
-    return g;
+    return h;
   }, [v, o]), c = me(() => {
-    const g = [], w = Ar();
+    const h = [], w = Ar();
     return y.forEach((C, R) => {
-      g[R] = Br(C.b, w);
-    }), g;
-  }, [y]), p = (g, w, C) => {
-    if (!g || g.length === 0) return [];
+      h[R] = Br(C.b, w);
+    }), h;
+  }, [y]), g = (h, w, C) => {
+    if (!h || h.length === 0) return [];
     const R = [];
-    for (const O of g) {
+    for (const O of h) {
       const b = O.startG, S = O.endG;
       if (S < w || b > C) continue;
       const k = Math.max(b, w), T = Math.min(S, C), M = k - b | 0, P = Math.max(0, T - k + 1);
@@ -6795,9 +6795,9 @@ const wu = ({
           },
           children: [
             /* @__PURE__ */ x("div", { style: { height: 40 } }),
-            /* @__PURE__ */ x("div", { style: { flex: 1, overflow: "hidden" }, children: v.map((g, w) => {
+            /* @__PURE__ */ x("div", { style: { flex: 1, overflow: "hidden" }, children: v.map((h, w) => {
               var G;
-              const C = o[g], R = w === 0, O = w === v.length - 1, b = {
+              const C = o[h], R = w === 0, O = w === v.length - 1, b = {
                 boxSizing: "border-box",
                 paddingRight: `${i}px`,
                 paddingLeft: `${i}px`,
@@ -6807,7 +6807,7 @@ const wu = ({
                 // justifyContent: 'center',
                 width: "100%",
                 height: "auto"
-              }, S = `sec-${r.section_id}/blk-${C.id ?? g}`;
+              }, S = `sec-${r.section_id}/blk-${C.id ?? h}`;
               if (C.type === "image") {
                 const { src: E, alt: L, width: q, height: B } = C, Z = q && B ? `${q} / ${B}` : "4 / 3", F = l > 80 ? Math.floor((l - 80) * 0.6) : void 0;
                 return /* @__PURE__ */ x("div", { style: b, children: /* @__PURE__ */ ee(
@@ -6853,15 +6853,15 @@ const wu = ({
                 ) }, S);
               }
               const k = C, T = y.findIndex(
-                (E) => E.originalBlockIndex === g
+                (E) => E.originalBlockIndex === h
               ), M = T >= 0 ? c[T] : void 0, P = k.runs ?? [], I = P.length;
               let _ = 0, z = Math.max(0, I - 1);
-              R && f.startOffsetInBlock != null && (_ = Math.min(Math.max(0, f.startOffsetInBlock), z)), O && f.endOffsetInBlock != null && (z = Math.max(
+              R && p.startOffsetInBlock != null && (_ = Math.min(Math.max(0, p.startOffsetInBlock), z)), O && p.endOffsetInBlock != null && (z = Math.max(
                 _,
-                Math.min(f.endOffsetInBlock, z)
+                Math.min(p.endOffsetInBlock, z)
               ));
-              const N = _ > 0, A = d[g] ?? 0, V = h[g] ?? [], re = A + _, be = A + z;
-              let Se = p(V, re, be);
+              const N = _ > 0, A = d[h] ?? 0, V = m[h] ?? [], re = A + _, be = A + z;
+              let Se = g(V, re, be);
               const Ce = A + _;
               Se = Se.map((E) => {
                 const L = Math.max(0, (E.startG ?? re) - Ce), q = E.len ?? Math.max(1, (E.endG ?? be) - (E.startG ?? re) + 1);
@@ -6928,12 +6928,12 @@ function Iu(e, t) {
       }));
     }, s = new ResizeObserver((a) => {
       if (o.current) return;
-      const l = a[0], { width: d, height: h } = l.contentRect, f = r.current;
-      if (!f) {
-        r.current = { w: d, h };
+      const l = a[0], { width: d, height: m } = l.contentRect, p = r.current;
+      if (!p) {
+        r.current = { w: d, h: m };
         return;
       }
-      Math.abs(f.w - d) < gn && Math.abs(f.h - h) < gn || (r.current = { w: d, h }, i());
+      Math.abs(p.w - d) < gn && Math.abs(p.h - m) < gn || (r.current = { w: d, h: m }, i());
     });
     e.forEach((a) => {
       a.current && s.observe(a.current);
@@ -6942,10 +6942,10 @@ function Iu(e, t) {
       var l;
       const a = (l = e[0]) == null ? void 0 : l.current;
       if (a && r.current) {
-        const d = a.offsetWidth, h = a.offsetHeight;
-        if (Math.abs(r.current.w - d) < gn && Math.abs(r.current.h - h) < gn)
+        const d = a.offsetWidth, m = a.offsetHeight;
+        if (Math.abs(r.current.w - d) < gn && Math.abs(r.current.h - m) < gn)
           return;
-        r.current = { w: d, h };
+        r.current = { w: d, h: m };
       }
       i();
     };
@@ -6966,10 +6966,10 @@ function Cu(e) {
     velocityThreshold: a = 0.6,
     singleDelayMs: l = 250,
     doubleClickWindowMs: d = 300,
-    onDragMove: h,
-    onDragEnd: f,
-    pageTransitionThreshold: m
-  } = e, v = m ?? u, y = 10, c = Qe.useRef({
+    onDragMove: m,
+    onDragEnd: p,
+    pageTransitionThreshold: f
+  } = e, v = f ?? u, y = 10, c = Qe.useRef({
     // ── touch ──
     touchId: null,
     startX: 0,
@@ -6988,13 +6988,13 @@ function Cu(e) {
     lastTapT: 0,
     singleTimer: null,
     suppressClick: !1
-  }), p = () => {
+  }), g = () => {
     c.current.singleTimer != null && (clearTimeout(c.current.singleTimer), c.current.singleTimer = null);
-  }, g = Qe.useCallback(
+  }, h = Qe.useCallback(
     (_) => {
       if (i != null && i(_)) return;
       const z = performance.now();
-      z - c.current.lastTapT <= d && c.current.lastTapT > 0 ? (p(), c.current.lastTapT = 0, o == null || o()) : (p(), r && (c.current.singleTimer = window.setTimeout(() => {
+      z - c.current.lastTapT <= d && c.current.lastTapT > 0 ? (g(), c.current.lastTapT = 0, o == null || o()) : (g(), r && (c.current.singleTimer = window.setTimeout(() => {
         c.current.singleTimer = null, r();
       }, l)), c.current.lastTapT = z);
     },
@@ -7002,9 +7002,9 @@ function Cu(e) {
   ), w = Qe.useCallback(
     (_, z) => {
       const N = Math.abs(_) / Math.max(1, z);
-      Math.abs(_) >= v || N >= a ? _ < 0 ? n() : t() : f == null || f();
+      Math.abs(_) >= v || N >= a ? _ < 0 ? n() : t() : p == null || p();
     },
-    [v, a, n, t, f]
+    [v, a, n, t, p]
   ), C = Qe.useCallback(
     (_) => {
       if (_.touches.length !== 1) return;
@@ -7025,21 +7025,21 @@ function Cu(e) {
           c.current.swiping = !0;
         else
           return;
-      h == null || h(N);
+      m == null || m(N);
     },
-    [h]
+    [m]
   ), O = Qe.useCallback(
     (_) => {
       if (c.current.touchId == null) return;
       const z = Array.from(_.changedTouches).find((re) => re.identifier === c.current.touchId);
       if (!z) return;
       const N = z.clientX - c.current.startX, A = z.clientY - c.current.startY, V = _.timeStamp - c.current.startT;
-      c.current.swiping ? w(N, V) : Math.abs(N) < 10 && Math.abs(A) < 10 && g(_.target), c.current.suppressClick = !0, c.current.touchId = null, c.current.swiping = !1;
+      c.current.swiping ? w(N, V) : Math.abs(N) < 10 && Math.abs(A) < 10 && h(_.target), c.current.suppressClick = !0, c.current.touchId = null, c.current.swiping = !1;
     },
-    [w, g]
+    [w, h]
   ), b = Qe.useCallback(() => {
-    c.current.swiping && (f == null || f()), c.current.touchId = null, c.current.swiping = !1;
-  }, [f]), S = Qe.useCallback(
+    c.current.swiping && (p == null || p()), c.current.touchId = null, c.current.swiping = !1;
+  }, [p]), S = Qe.useCallback(
     (_) => {
       if (_.pointerType === "touch" || c.current.mouseDown) return;
       const z = s ?? i;
@@ -7062,9 +7062,9 @@ function Cu(e) {
           c.current.prevUserSelect = document.body.style.userSelect, document.body.style.userSelect = "none", _.preventDefault();
         } else
           return;
-      h == null || h(z), _.preventDefault();
+      m == null || m(z), _.preventDefault();
     },
-    [h]
+    [m]
   ), T = Qe.useCallback(
     (_) => {
       var N;
@@ -7084,24 +7084,24 @@ function Cu(e) {
     [w]
   ), M = Qe.useCallback(
     (_) => {
-      _.pointerType !== "touch" && (c.current.mouseSwiping && (f == null || f(), document.body.style.userSelect = c.current.prevUserSelect), c.current.mouseDown = !1, c.current.mouseSwiping = !1, c.current.capturedEl = null);
+      _.pointerType !== "touch" && (c.current.mouseSwiping && (p == null || p(), document.body.style.userSelect = c.current.prevUserSelect), c.current.mouseDown = !1, c.current.mouseSwiping = !1, c.current.capturedEl = null);
     },
-    [f]
+    [p]
   ), P = Qe.useCallback(() => {
-    c.current.mouseSwiping && (f == null || f(), document.body.style.userSelect = c.current.prevUserSelect), c.current.mouseDown = !1, c.current.mouseSwiping = !1, c.current.capturedEl = null;
-  }, [f]), I = Qe.useCallback(
+    c.current.mouseSwiping && (p == null || p(), document.body.style.userSelect = c.current.prevUserSelect), c.current.mouseDown = !1, c.current.mouseSwiping = !1, c.current.capturedEl = null;
+  }, [p]), I = Qe.useCallback(
     (_) => {
       if (c.current.suppressClick) {
         c.current.suppressClick = !1;
         return;
       }
-      g(_.target);
+      h(_.target);
     },
-    [g]
+    [h]
   );
   return Qe.useEffect(
     () => () => {
-      p(), document.body.style.userSelect = "";
+      g(), document.body.style.userSelect = "";
     },
     []
   ), {
@@ -7255,8 +7255,8 @@ function Au() {
     if (typeof l != "string")
       return l === 0 ? l : +l;
     l = e(l);
-    var h = i.test(l);
-    return h || s.test(l) ? u(l.slice(2), h ? 2 : 8) : o.test(l) ? r : +l;
+    var m = i.test(l);
+    return m || s.test(l) ? u(l.slice(2), m ? 2 : 8) : o.test(l) ? r : +l;
   }
   return ir = a, ir;
 }
@@ -7266,24 +7266,24 @@ function Bu() {
   Fo = 1;
   var e = Hi(), t = ku(), n = Au(), r = "Expected a function", o = Math.max, i = Math.min;
   function s(u, a, l) {
-    var d, h, f, m, v, y, c = 0, p = !1, g = !1, w = !0;
+    var d, m, p, f, v, y, c = 0, g = !1, h = !1, w = !0;
     if (typeof u != "function")
       throw new TypeError(r);
-    a = n(a) || 0, e(l) && (p = !!l.leading, g = "maxWait" in l, f = g ? o(n(l.maxWait) || 0, a) : f, w = "trailing" in l ? !!l.trailing : w);
+    a = n(a) || 0, e(l) && (g = !!l.leading, h = "maxWait" in l, p = h ? o(n(l.maxWait) || 0, a) : p, w = "trailing" in l ? !!l.trailing : w);
     function C(I) {
-      var _ = d, z = h;
-      return d = h = void 0, c = I, m = u.apply(z, _), m;
+      var _ = d, z = m;
+      return d = m = void 0, c = I, f = u.apply(z, _), f;
     }
     function R(I) {
-      return c = I, v = setTimeout(S, a), p ? C(I) : m;
+      return c = I, v = setTimeout(S, a), g ? C(I) : f;
     }
     function O(I) {
       var _ = I - y, z = I - c, N = a - _;
-      return g ? i(N, f - z) : N;
+      return h ? i(N, p - z) : N;
     }
     function b(I) {
       var _ = I - y, z = I - c;
-      return y === void 0 || _ >= a || _ < 0 || g && z >= f;
+      return y === void 0 || _ >= a || _ < 0 || h && z >= p;
     }
     function S() {
       var I = t();
@@ -7292,23 +7292,23 @@ function Bu() {
       v = setTimeout(S, O(I));
     }
     function k(I) {
-      return v = void 0, w && d ? C(I) : (d = h = void 0, m);
+      return v = void 0, w && d ? C(I) : (d = m = void 0, f);
     }
     function T() {
-      v !== void 0 && clearTimeout(v), c = 0, d = y = h = v = void 0;
+      v !== void 0 && clearTimeout(v), c = 0, d = y = m = v = void 0;
     }
     function M() {
-      return v === void 0 ? m : k(t());
+      return v === void 0 ? f : k(t());
     }
     function P() {
       var I = t(), _ = b(I);
-      if (d = arguments, h = this, y = I, _) {
+      if (d = arguments, m = this, y = I, _) {
         if (v === void 0)
           return R(y);
-        if (g)
+        if (h)
           return clearTimeout(v), v = setTimeout(S, a), C(y);
       }
-      return v === void 0 && (v = setTimeout(S, a)), m;
+      return v === void 0 && (v = setTimeout(S, a)), f;
     }
     return P.cancel = T, P.flush = M, P;
   }
@@ -7395,13 +7395,13 @@ async function $u({
   lineHeight: a,
   showSplit: l,
   breakGapPx: d = 0,
-  showSlash: h,
-  paragraphMarkers: f,
-  playbackScale: m = 1,
+  showSlash: m,
+  paragraphMarkers: p,
+  playbackScale: f = 1,
   viewportHeight: v = 0,
   instanceId: y = "default"
 }) {
-  var p, g, w;
+  var g, h, w;
   const c = Wu(y);
   if (rt(c, y), s && typeof document < "u" && document.fonts) {
     Fu();
@@ -7413,14 +7413,14 @@ async function $u({
   }
   rt(c, y);
   try {
-    const C = Math.abs(m - 1) > 1e-3, R = 1 / m;
+    const C = Math.abs(f - 1) > 1e-3, R = 1 / f;
     C && (t.style.transform = `scale(${R})`, t.style.transformOrigin = "top left");
     const O = Math.max(0, e.offsetWidth || 0), b = Math.max(0, Math.min(O, o));
     t.style.maxWidth = `${b}px`, rt(c, y);
     let S = Math.round(n.offsetHeight || 0);
     S || (S = Math.max(0, n.clientHeight | 0)), console.log(
       "[calcPages] playbackScale:",
-      m.toFixed(4),
+      f.toFixed(4),
       C ? "(scaled, applying inverse)" : "(no scale)"
     ), console.log("[calcPages] viewWidth:", O), console.log("[calcPages] pageBoxWidth:", b), console.log("[calcPages] maxPageHeight:", S), console.log("[calcPages] contentArea rect:", n.getBoundingClientRect()), console.log("[calcPages] measureRoot rect:", t.getBoundingClientRect());
     const k = 1.5, T = (B, Z) => Z + B <= S - k, M = getComputedStyle(e), P = {
@@ -7454,7 +7454,7 @@ async function $u({
           const we = Math.max(0, (d ?? 0) / 2), ge = document.createElement("span");
           ge.style.display = "inline-block", ge.style.width = `${we}px`;
           const ke = document.createElement("span");
-          if (ke.style.display = "inline-block", ke.style.width = `${we}px`, ce.appendChild(ge), h) {
+          if (ke.style.display = "inline-block", ke.style.width = `${we}px`, ce.appendChild(ge), m) {
             const Oe = document.createElement("span");
             Oe.textContent = " / ", ce.appendChild(Oe);
           }
@@ -7485,7 +7485,7 @@ async function $u({
         re[B] = { contentH: Math.ceil(He.height), mt: Be, mb: $e }, await be(24);
         continue;
       }
-      const F = Z.block, Q = F.list ? (F.list.level ?? 0) * 24 : 0, te = Z.paraIndex ?? 0, J = f[te] ?? (((p = F.list) == null ? void 0 : p.kind) === "bullet" ? ((g = F.list) == null ? void 0 : g.glyph) ?? "•" : void 0);
+      const F = Z.block, Q = F.list ? (F.list.level ?? 0) * 24 : 0, te = Z.paraIndex ?? 0, J = p[te] ?? (((g = F.list) == null ? void 0 : g.kind) === "bullet" ? ((h = F.list) == null ? void 0 : h.glyph) ?? "•" : void 0);
       if (!!(F.list && J)) {
         const ke = Se(F, Q);
         ke.dataset.variant = "with";
@@ -7629,10 +7629,10 @@ function Vu(e, t, n, r) {
       if (!a || a.kind !== "paragraph") continue;
       const l = ((o = a.block.runs) == null ? void 0 : o.length) ?? 0;
       if (!l) continue;
-      let d = 0, h = l - 1;
-      u === s.startBlock && s.startOffsetInBlock != null && (d = Math.max(0, Math.min(s.startOffsetInBlock, h))), u === s.endBlock && s.endOffsetInBlock != null && (h = Math.max(d, Math.min(s.endOffsetInBlock, h)));
-      const f = r[a.originalIndex] ?? 0, m = f + d, v = f + h;
-      if (e >= m && e <= v) return i;
+      let d = 0, m = l - 1;
+      u === s.startBlock && s.startOffsetInBlock != null && (d = Math.max(0, Math.min(s.startOffsetInBlock, m))), u === s.endBlock && s.endOffsetInBlock != null && (m = Math.max(d, Math.min(s.endOffsetInBlock, m)));
+      const p = r[a.originalIndex] ?? 0, f = p + d, v = p + m;
+      if (e >= f && e <= v) return i;
     }
   }
   return -1;
@@ -7667,10 +7667,10 @@ function Ku() {
   fe(() => r.subscribe((U) => {
     o.current = U.progress.rangeStartGI != null && U.progress.rangeEndGI != null;
   }), [r]);
-  const i = o.current, s = It(), u = X((U) => U.theme), a = vn[u], l = X((U) => U.fontFamily), d = X((U) => U.fontSizePx), h = X((U) => U.lineHeight), f = X((U) => U.marginX), m = X((U) => U.viewportHeight), v = 860, y = ie(null), { items: c } = me(() => {
+  const i = o.current, s = It(), u = X((U) => U.theme), a = vn[u], l = X((U) => U.fontFamily), d = X((U) => U.fontSizePx), m = X((U) => U.lineHeight), p = X((U) => U.marginX), f = X((U) => U.viewportHeight), v = 860, y = ie(null), { items: c } = me(() => {
     var U;
     return Uu(((U = t == null ? void 0 : t.ast) == null ? void 0 : U.blocks) ?? []);
-  }, [t]), p = me(() => {
+  }, [t]), g = me(() => {
     const U = [], Le = Ar();
     return c.forEach((We) => {
       if (We.kind === "paragraph") {
@@ -7678,7 +7678,7 @@ function Ku() {
         U[Rt] = Br(We.block, Le);
       }
     }), U;
-  }, [c]), [g, w] = pt({
+  }, [c]), [h, w] = pt({
     pages: [],
     pageByRunIndex: null
   }), C = j((U) => U.pageIndex), R = j((U) => U.setPageIndex), O = ie(0), b = ie(null), [S, k] = pt(!1), [T, M] = pt(null), [P, I] = pt(!1), _ = me(
@@ -7688,7 +7688,7 @@ function Ku() {
       background: a.bg,
       color: a.fg,
       fontSize: d,
-      lineHeight: h,
+      lineHeight: m,
       overflow: "hidden",
       width: "100%",
       height: "100%",
@@ -7698,7 +7698,7 @@ function Ku() {
       MozTextSizeAdjust: "none",
       textSizeAdjust: "none"
     }),
-    [l, a.bg, a.fg, d, h]
+    [l, a.bg, a.fg, d, m]
   ), {
     showSplit: z,
     breakGapPx: N,
@@ -7714,11 +7714,11 @@ function Ku() {
     })
   ), V = yt();
   fe(() => {
-    g && g.pages.length && (console.log("그래서 총 페이지", g.pages.length), V.getState().progress.setTotalPages(g.pages.length + 1), (async () => {
+    h && h.pages.length && (console.log("그래서 총 페이지", h.pages.length), V.getState().progress.setTotalPages(h.pages.length + 1), (async () => {
       const U = V.getState().progress.setSectionLoading;
       await St(), await St(), await St(), await St(), console.log("recalc종료"), U(!1);
     })());
-  }, [g, V]);
+  }, [h, V]);
   const re = ne(() => {
     console.log("@@@@@@recalc호출");
     const U = y.current, Le = se.current, We = we.current;
@@ -7735,16 +7735,16 @@ function Ku() {
           contentArea: We,
           items: c,
           cfgMaxWidth: v,
-          marginX: f,
+          marginX: p,
           fontFamily: l,
           fontSizePx: d,
-          lineHeight: h,
+          lineHeight: m,
           showSplit: z,
           breakGapPx: N,
           showSlash: A,
-          paragraphMarkers: p,
+          paragraphMarkers: g,
           playbackScale: lt,
-          viewportHeight: m,
+          viewportHeight: f,
           instanceId: e
         }), ji = performance.now();
         console.log(
@@ -7762,38 +7762,38 @@ function Ku() {
     R,
     c,
     v,
-    f,
+    p,
     l,
     d,
-    h,
+    m,
     z,
     N,
     A,
-    p,
+    g,
     s,
-    m,
+    f,
     e
   ]), be = j((U) => U.setCurrentGlobalRunIndex), Se = j((U) => {
     var Le;
     return ((Le = U.layout) == null ? void 0 : Le.prefix) ?? [];
-  }), Ce = _e((U) => U.syncToGI), xe = ne(
+  }), Ce = Re((U) => U.syncToGI), xe = ne(
     (U) => {
-      const Le = g.pages.length + 1, We = C + U;
+      const Le = h.pages.length + 1, We = C + U;
       if (We < 0 || We >= Le) return;
-      const Rt = C === g.pages.length;
-      if (We === g.pages.length) {
+      const Rt = C === h.pages.length;
+      if (We === h.pages.length) {
         R(We);
         return;
       }
       if (Rt && U === -1) {
-        const At = Do(g.pages[We], c, Se);
+        const At = Do(h.pages[We], c, Se);
         At != null && (be(At, "scrubber-step"), Ce(At)), R(We);
         return;
       }
-      const lt = Do(g.pages[We], c, Se);
+      const lt = Do(h.pages[We], c, Se);
       lt != null ? (be(lt, "scrubber-step"), Ce(lt)) : R(We);
     },
-    [C, g.pages, c, Se, be, R, Ce]
+    [C, h.pages, c, Se, be, R, Ce]
   ), Fe = ne(() => {
     S || O.current !== 0 ? (M("prev"), k(!1)) : xe(-1);
   }, [S, xe]), K = ne(() => {
@@ -7801,7 +7801,7 @@ function Ku() {
   }, [S, xe]), $ = Rn(), G = ne(() => {
     const { isSettingsOpen: U, setSettingsOpen: Le, toggleOverlays: We } = $.getState();
     U ? Le(!1) : We();
-  }, [$]), E = g.pages.length + 1, L = ((Lr = y.current) == null ? void 0 : Lr.clientWidth) || 400, q = ne((U) => {
+  }, [$]), E = h.pages.length + 1, L = ((Lr = y.current) == null ? void 0 : Lr.clientWidth) || 400, q = ne((U) => {
     var lt;
     const Le = b.current;
     if (!Le) return;
@@ -7864,8 +7864,8 @@ function Ku() {
     []
   ), Oe = Hu(re, 200, ge, ke), He = ie("");
   fe(() => {
-    if (m <= 0) return;
-    const U = `${l}|${d}|${h}|${f}|${z}|${N}|${A}|${m}|${t == null ? void 0 : t.section_id}`;
+    if (f <= 0) return;
+    const U = `${l}|${d}|${m}|${p}|${z}|${N}|${A}|${f}|${t == null ? void 0 : t.section_id}`;
     He.current !== U && (He.current = U, console.log("debounceRecalc 취소"), Oe.cancel(), ge(), re());
   }, [
     Oe,
@@ -7873,12 +7873,12 @@ function Ku() {
     ge,
     l,
     d,
-    h,
-    f,
+    m,
+    p,
     z,
     N,
     A,
-    m,
+    f,
     t == null ? void 0 : t.section_id
   ]), Iu([y], Oe);
   const Be = j((U) => U.registerSectionScrollApi);
@@ -7895,7 +7895,7 @@ function Ku() {
     // 페이지 이동 구현
     stepPage: xe
   }), () => Be(void 0)), [Be, xe]);
-  const $e = t.quizzes && t.quizzes.length > 0, ut = g.pages.length > 0 && C === g.pages.length, Xe = C > 0 ? C - 1 : null, Ge = C < E - 1 ? C + 1 : null, st = me(() => T === "prev" ? "translate3d(0%, 0, 0)" : T === "next" ? "translate3d(-66.666%, 0, 0)" : "translate3d(-33.333%, 0, 0)", [T]), nt = (U) => n ? null : U === g.pages.length ? /* @__PURE__ */ ee(
+  const $e = t.quizzes && t.quizzes.length > 0, ut = h.pages.length > 0 && C === h.pages.length, Xe = C > 0 ? C - 1 : null, Ge = C < E - 1 ? C + 1 : null, st = me(() => T === "prev" ? "translate3d(0%, 0, 0)" : T === "next" ? "translate3d(-66.666%, 0, 0)" : "translate3d(-33.333%, 0, 0)", [T]), nt = (U) => n ? null : U === h.pages.length ? /* @__PURE__ */ ee(
     "div",
     {
       style: {
@@ -7912,7 +7912,7 @@ function Ku() {
         /* @__PURE__ */ x(Tn, { isIcon: !1 })
       ]
     }
-  ) : /* @__PURE__ */ x(wu, { pages: g.pages, pageIndex: U, maxWidth: v }), bt = {
+  ) : /* @__PURE__ */ x(wu, { pages: h.pages, pageIndex: U, maxWidth: v }), bt = {
     width: "33.333%",
     height: "100%",
     flexShrink: 0,
@@ -7973,7 +7973,7 @@ function Ku() {
           overflow: "hidden",
           fontFamily: l,
           fontSize: d,
-          lineHeight: h,
+          lineHeight: m,
           pointerEvents: "none",
           background: "pink"
         },
@@ -8015,7 +8015,7 @@ function Ku() {
     /* @__PURE__ */ x(
       Xu,
       {
-        pages: g.pages,
+        pages: h.pages,
         items: c,
         onGotoPage: R,
         currentPageIndex: C,
@@ -8102,25 +8102,25 @@ function Md(e) {
   }), n.sort((r, o) => r - o);
 }
 const Ed = Wt(function() {
-  const t = Je((c) => c.phase), n = Je((c) => c.quizzes), r = Je((c) => c.order), o = Je((c) => c.currentIndex), i = Je((c) => c.answers), s = Je((c) => c.correctCount), u = Je((c) => c.remainingSec), a = Je((c) => c.uiReveal), l = Je((c) => c.startedAt), d = Je((c) => c.finishedAt), h = Je((c) => c.perQ), f = Pi();
+  const t = Je((c) => c.phase), n = Je((c) => c.quizzes), r = Je((c) => c.order), o = Je((c) => c.currentIndex), i = Je((c) => c.answers), s = Je((c) => c.correctCount), u = Je((c) => c.remainingSec), a = Je((c) => c.uiReveal), l = Je((c) => c.startedAt), d = Je((c) => c.finishedAt), m = Je((c) => c.perQ), p = Pi();
   fe(() => {
     if (t === "idle" || t !== "doing" || u == null) return;
-    const c = window.setInterval(() => f.getState().tick(), 1e3);
+    const c = window.setInterval(() => p.getState().tick(), 1e3);
     return () => window.clearInterval(c);
-  }, [t, u, f]);
-  const m = t === "doing" ? n[r[o]] : void 0, v = t === "doing" && m ? i[m.qid] ?? [] : [], y = me(() => {
+  }, [t, u, p]);
+  const f = t === "doing" ? n[r[o]] : void 0, v = t === "doing" && f ? i[f.qid] ?? [] : [], y = me(() => {
     if (t === "idle" || t !== "finished") return;
-    const c = r.map((A) => n[A]), p = c.length, g = c.reduce((A, V) => A + (V.score ?? 0), 0), w = c.reduce((A, V) => {
-      const re = h[V.qid];
+    const c = r.map((A) => n[A]), g = c.length, h = c.reduce((A, V) => A + (V.score ?? 0), 0), w = c.reduce((A, V) => {
+      const re = m[V.qid];
       return A + (re != null && re.isCorrect ? V.score ?? 0 : 0);
-    }, 0), C = c.map((A) => h[A.qid]).filter((A) => !!A), R = typeof l == "number" && typeof d == "number" ? Math.max(0, d - l) : C.reduce((A, V) => A + (V.ms ?? 0), 0), O = p > 0 ? Math.round(R / p) : 0, b = [...C].sort((A, V) => A.ms - V.ms), S = b[0], k = b[b.length - 1], T = C.filter((A) => !A.multi), M = C.filter((A) => A.multi), P = T.filter((A) => A.isCorrect).length, I = M.filter((A) => A.isCorrect).length, _ = C.filter((A) => A.timedOut).length, z = C.filter((A) => A.revealed).length, N = C.filter((A) => !A.isCorrect).sort((A, V) => V.ms - A.ms).slice(0, 3);
+    }, 0), C = c.map((A) => m[A.qid]).filter((A) => !!A), R = typeof l == "number" && typeof d == "number" ? Math.max(0, d - l) : C.reduce((A, V) => A + (V.ms ?? 0), 0), O = g > 0 ? Math.round(R / g) : 0, b = [...C].sort((A, V) => A.ms - V.ms), S = b[0], k = b[b.length - 1], T = C.filter((A) => !A.multi), M = C.filter((A) => A.multi), P = T.filter((A) => A.isCorrect).length, I = M.filter((A) => A.isCorrect).length, _ = C.filter((A) => A.timedOut).length, z = C.filter((A) => A.revealed).length, N = C.filter((A) => !A.isCorrect).sort((A, V) => V.ms - A.ms).slice(0, 3);
     return {
-      total: p,
+      total: g,
       correct: s,
-      rate: p ? Math.round(s / p * 100) : 0,
+      rate: g ? Math.round(s / g * 100) : 0,
       timeMsTotal: R,
       avgMs: O,
-      totalScore: g,
+      totalScore: h,
       gainedScore: w,
       fastest: S,
       slowest: k,
@@ -8130,24 +8130,24 @@ const Ed = Wt(function() {
       revealed: z,
       wrongTop3: N
     };
-  }, [t, r, n, h, l, d, s]);
-  return t === "idle" ? null : /* @__PURE__ */ x("div", { className: de.Overlay, role: "dialog", "aria-modal": "true", children: /* @__PURE__ */ x("div", { className: de.Dialog, children: t === "doing" && m ? /* @__PURE__ */ x(
+  }, [t, r, n, m, l, d, s]);
+  return t === "idle" ? null : /* @__PURE__ */ x("div", { className: de.Overlay, role: "dialog", "aria-modal": "true", children: /* @__PURE__ */ x("div", { className: de.Dialog, children: t === "doing" && f ? /* @__PURE__ */ x(
     Od,
     {
-      q: m,
+      q: f,
       index: o,
       total: r.length,
       selected: v,
       uiReveal: a,
       onSelect: (c) => {
         if (a) return;
-        const p = f.getState();
-        Vi(m) ? p.selectToggle(c) : p.selectSingle(c);
+        const g = p.getState();
+        Vi(f) ? g.selectToggle(c) : g.selectSingle(c);
       },
-      onBeforeNext: () => f.getState().setReveal(!0),
-      onNext: () => f.getState().afterRevealNext(),
+      onBeforeNext: () => p.getState().setReveal(!0),
+      onNext: () => p.getState().afterRevealNext(),
       remainingSec: u,
-      onClose: () => f.getState().close()
+      onClose: () => p.getState().close()
     }
   ) : /* @__PURE__ */ x(
     zd,
@@ -8155,13 +8155,13 @@ const Ed = Wt(function() {
       total: r.length,
       correct: s,
       summary: y,
-      retryAllowed: f.getState().retryAllowed,
-      onClose: () => f.getState().close(),
+      retryAllowed: p.getState().retryAllowed,
+      onClose: () => p.getState().close(),
       onRetry: () => {
-        const p = f.getState().quizzes;
-        if (!p.length) return;
-        const g = p[0];
-        f.setState({
+        const g = p.getState().quizzes;
+        if (!g.length) return;
+        const h = g[0];
+        p.setState({
           phase: "doing",
           currentIndex: 0,
           answers: {},
@@ -8169,7 +8169,7 @@ const Ed = Wt(function() {
           startedAt: Date.now(),
           finishedAt: void 0,
           questionStartedAt: Date.now(),
-          remainingSec: g.limit_sec || void 0,
+          remainingSec: h.limit_sec || void 0,
           uiReveal: !1,
           perQ: {}
         });
@@ -8189,17 +8189,17 @@ function Od(e) {
     onNext: a,
     remainingSec: l,
     onClose: d
-  } = e, h = Vi(t), f = me(() => {
-    const c = t.options.map((p, g) => ({ opt: p, i: g }));
-    for (let p = c.length - 1; p > 0; p--) {
-      const g = Math.floor(Math.random() * (p + 1));
-      [c[p], c[g]] = [c[g], c[p]];
+  } = e, m = Vi(t), p = me(() => {
+    const c = t.options.map((g, h) => ({ opt: g, i: h }));
+    for (let g = c.length - 1; g > 0; g--) {
+      const h = Math.floor(Math.random() * (g + 1));
+      [c[g], c[h]] = [c[h], c[g]];
     }
     return c;
-  }, [t.options]), m = me(() => _d(t), [t]), v = me(() => Md(t), [t]), y = me(() => {
-    const c = [...o].sort((p, g) => p - g);
+  }, [t.options]), f = me(() => _d(t), [t]), v = me(() => Md(t), [t]), y = me(() => {
+    const c = [...o].sort((g, h) => g - h);
     if (c.length !== v.length) return !1;
-    for (let p = 0; p < c.length; p++) if (c[p] !== v[p]) return !1;
+    for (let g = 0; g < c.length; g++) if (c[g] !== v[g]) return !1;
     return !0;
   }, [o, v]);
   return /* @__PURE__ */ ee("div", { className: de.Body, children: [
@@ -8208,7 +8208,7 @@ function Od(e) {
       /* @__PURE__ */ x("button", { type: "button", onClick: d, className: de.CloseBtn, children: "X" })
     ] }),
     /* @__PURE__ */ x("div", { className: de.Question, children: t.question }),
-    /* @__PURE__ */ x("div", { className: de.Score, children: ` (${t.score}점${h ? " ,모두선택" : ""})` }),
+    /* @__PURE__ */ x("div", { className: de.Score, children: ` (${t.score}점${m ? " ,모두선택" : ""})` }),
     /* @__PURE__ */ x(
       "div",
       {
@@ -8217,23 +8217,23 @@ function Od(e) {
         children: i ? y ? `Correct : +${t.score} point` : "Incorrect : 0 point" : "a"
       }
     ),
-    /* @__PURE__ */ x("div", { className: de.Image, children: m && /* @__PURE__ */ x("img", { src: m, alt: "" }) }),
-    /* @__PURE__ */ x("div", { className: de.Options, children: f.map(({ opt: c, i: p }) => {
-      const g = o.includes(p), w = v.includes(p), C = [
+    /* @__PURE__ */ x("div", { className: de.Image, children: f && /* @__PURE__ */ x("img", { src: f, alt: "" }) }),
+    /* @__PURE__ */ x("div", { className: de.Options, children: p.map(({ opt: c, i: g }) => {
+      const h = o.includes(g), w = v.includes(g), C = [
         de.OptionBtn,
-        g ? de.OptionBtnActive : "",
+        h ? de.OptionBtnActive : "",
         i && w ? de.OptionBtnCorrect : ""
       ].filter(Boolean).join(" ");
       return /* @__PURE__ */ x(
         "button",
         {
           type: "button",
-          onClick: () => s(p),
+          onClick: () => s(g),
           className: C,
           disabled: i,
           children: c
         },
-        p
+        g
       );
     }) }),
     /* @__PURE__ */ x("div", { className: de.Footer, children: i ? /* @__PURE__ */ x("button", { type: "button", onClick: a, className: de.NextBtn, children: n + 1 >= r ? "Complete" : "Next Quiz" }) : /* @__PURE__ */ ee("button", { type: "button", onClick: u, className: `${de.NextBtn}`, children: [
@@ -8350,37 +8350,37 @@ function Bd(e, t) {
       const d = a();
       if (!d.quizzes.length) return;
       if (!d.retryAllowed && d.previousResult) {
-        const f = {};
-        for (const m of d.previousResult.perQuestion)
-          f[m.qid] = {
-            qid: m.qid,
-            index: m.index,
-            question: m.question,
-            score: m.score,
-            multi: m.correctIdxes.length > 1,
-            selected: m.selected,
-            correctIdxes: m.correctIdxes,
-            isCorrect: m.isCorrect,
-            ms: m.ms,
+        const p = {};
+        for (const f of d.previousResult.perQuestion)
+          p[f.qid] = {
+            qid: f.qid,
+            index: f.index,
+            question: f.question,
+            score: f.score,
+            multi: f.correctIdxes.length > 1,
+            selected: f.selected,
+            correctIdxes: f.correctIdxes,
+            isCorrect: f.isCorrect,
+            ms: f.ms,
             revealed: !0,
-            timedOut: m.timedOut
+            timedOut: f.timedOut
           };
         u({
           phase: "finished",
           correctCount: d.previousResult.correct,
-          perQ: f,
+          perQ: p,
           startedAt: void 0,
           finishedAt: void 0
         });
         return;
       }
-      const h = d.quizzes[0];
+      const m = d.quizzes[0];
       u({
         phase: "doing",
         startedAt: Date.now(),
         finishedAt: void 0,
         questionStartedAt: Date.now(),
-        remainingSec: h.limit_sec || void 0,
+        remainingSec: m.limit_sec || void 0,
         currentIndex: 0,
         uiReveal: !1
       });
@@ -8405,34 +8405,34 @@ function Bd(e, t) {
     selectToggle: (l) => {
       const d = a();
       if (d.phase !== "doing" || d.uiReveal) return;
-      const f = d.quizzes[d.order[d.currentIndex]].qid, m = d.answers[f] ?? [], v = m.includes(l) ? m.filter((y) => y !== l) : [...m, l].sort((y, c) => y - c);
-      u({ answers: { ...d.answers, [f]: v } });
+      const p = d.quizzes[d.order[d.currentIndex]].qid, f = d.answers[p] ?? [], v = f.includes(l) ? f.filter((y) => y !== l) : [...f, l].sort((y, c) => y - c);
+      u({ answers: { ...d.answers, [p]: v } });
     },
     selectSingle: (l) => {
       const d = a();
       if (d.phase !== "doing" || d.uiReveal) return;
-      const f = d.quizzes[d.order[d.currentIndex]].qid;
-      u({ answers: { ...d.answers, [f]: [l] } });
+      const p = d.quizzes[d.order[d.currentIndex]].qid;
+      u({ answers: { ...d.answers, [p]: [l] } });
     },
     submitCurrent: () => {
       const l = a();
       if (l.phase !== "doing") return;
-      const d = l.order[l.currentIndex], h = l.quizzes[d], f = h.qid, m = (l.answers[f] ?? []).slice().sort((w, C) => w - C), v = ur(h), y = Ad(m, v), c = l.questionStartedAt ? Date.now() - l.questionStartedAt : 0, p = l.perQ[f], g = {
-        qid: f,
-        index: h.index,
-        question: h.question,
-        score: h.score ?? 0,
-        multi: cr(h),
-        selected: m,
+      const d = l.order[l.currentIndex], m = l.quizzes[d], p = m.qid, f = (l.answers[p] ?? []).slice().sort((w, C) => w - C), v = ur(m), y = Ad(f, v), c = l.questionStartedAt ? Date.now() - l.questionStartedAt : 0, g = l.perQ[p], h = {
+        qid: p,
+        index: m.index,
+        question: m.question,
+        score: m.score ?? 0,
+        multi: cr(m),
+        selected: f,
         correctIdxes: v,
         isCorrect: y,
         ms: c,
-        revealed: (p == null ? void 0 : p.revealed) ?? !1,
-        timedOut: (p == null ? void 0 : p.timedOut) ?? !1
+        revealed: (g == null ? void 0 : g.revealed) ?? !1,
+        timedOut: (g == null ? void 0 : g.timedOut) ?? !1
       };
       if (u({
         correctCount: l.correctCount + (y ? 1 : 0),
-        perQ: { ...l.perQ, [f]: g }
+        perQ: { ...l.perQ, [p]: h }
       }), l.currentIndex + 1 >= l.order.length)
         u({ uiReveal: !1, remainingSec: void 0 }), a().finish();
       else {
@@ -8449,20 +8449,20 @@ function Bd(e, t) {
       const d = a();
       if (d.phase === "doing") {
         if (l) {
-          const h = d.quizzes[d.order[d.currentIndex]], f = h.qid, m = d.perQ[f], v = {
-            qid: f,
-            index: h.index,
-            question: h.question,
-            score: h.score ?? 0,
-            multi: cr(h),
-            selected: (m == null ? void 0 : m.selected) ?? [],
-            correctIdxes: (m == null ? void 0 : m.correctIdxes) ?? ur(h),
-            isCorrect: (m == null ? void 0 : m.isCorrect) ?? !1,
-            ms: (m == null ? void 0 : m.ms) ?? 0,
+          const m = d.quizzes[d.order[d.currentIndex]], p = m.qid, f = d.perQ[p], v = {
+            qid: p,
+            index: m.index,
+            question: m.question,
+            score: m.score ?? 0,
+            multi: cr(m),
+            selected: (f == null ? void 0 : f.selected) ?? [],
+            correctIdxes: (f == null ? void 0 : f.correctIdxes) ?? ur(m),
+            isCorrect: (f == null ? void 0 : f.isCorrect) ?? !1,
+            ms: (f == null ? void 0 : f.ms) ?? 0,
             revealed: !0,
-            timedOut: (m == null ? void 0 : m.timedOut) ?? !1
+            timedOut: (f == null ? void 0 : f.timedOut) ?? !1
           };
-          u({ perQ: { ...d.perQ, [f]: v } });
+          u({ perQ: { ...d.perQ, [p]: v } });
         }
         u({ uiReveal: l });
       }
@@ -8505,23 +8505,23 @@ function Bd(e, t) {
       if (l.phase !== "doing" || l.remainingSec == null) return;
       const d = l.remainingSec - 1;
       if (d <= 0) {
-        const h = l.quizzes[l.order[l.currentIndex]], f = h.qid, m = l.perQ[f], v = {
-          qid: f,
-          index: h.index,
-          question: h.question,
-          score: h.score ?? 0,
-          multi: cr(h),
-          selected: (m == null ? void 0 : m.selected) ?? [],
-          correctIdxes: (m == null ? void 0 : m.correctIdxes) ?? ur(h),
-          isCorrect: (m == null ? void 0 : m.isCorrect) ?? !1,
-          ms: (m == null ? void 0 : m.ms) ?? 0,
+        const m = l.quizzes[l.order[l.currentIndex]], p = m.qid, f = l.perQ[p], v = {
+          qid: p,
+          index: m.index,
+          question: m.question,
+          score: m.score ?? 0,
+          multi: cr(m),
+          selected: (f == null ? void 0 : f.selected) ?? [],
+          correctIdxes: (f == null ? void 0 : f.correctIdxes) ?? ur(m),
+          isCorrect: (f == null ? void 0 : f.isCorrect) ?? !1,
+          ms: (f == null ? void 0 : f.ms) ?? 0,
           revealed: !0,
           timedOut: !0
         };
         u({
           remainingSec: 0,
           uiReveal: !0,
-          perQ: { ...l.perQ, [f]: v }
+          perQ: { ...l.perQ, [p]: v }
         });
       } else
         u({ remainingSec: d });
@@ -8546,14 +8546,14 @@ function Gd({ children: e, initialState: t }) {
       if (u.phase !== "doing" && s.phase === "doing" && ((a = r.current) == null || a.call(r)), u.phase !== "finished" && s.phase === "finished") {
         const l = o.current;
         if (!l || !s.retryAllowed && s.previousResult && !s.startedAt) return;
-        const { sectionId: d, quizzes: h, order: f, perQ: m, startedAt: v, finishedAt: y } = s, c = f.map((S) => h[S]), p = c.length, g = c.filter((S) => {
+        const { sectionId: d, quizzes: m, order: p, perQ: f, startedAt: v, finishedAt: y } = s, c = p.map((S) => m[S]), g = c.length, h = c.filter((S) => {
           var k;
-          return (k = m[S.qid]) == null ? void 0 : k.isCorrect;
+          return (k = f[S.qid]) == null ? void 0 : k.isCorrect;
         }).length, w = c.reduce((S, k) => S + (k.score ?? 0), 0), C = c.reduce((S, k) => {
-          const T = m[k.qid];
+          const T = f[k.qid];
           return S + (T != null && T.isCorrect ? k.score ?? 0 : 0);
         }, 0), R = typeof v == "number" && typeof y == "number" ? Math.max(0, y - v) : 0, O = c.map((S) => {
-          const k = m[S.qid];
+          const k = f[S.qid];
           return {
             qid: S.qid,
             index: S.index,
@@ -8567,9 +8567,9 @@ function Gd({ children: e, initialState: t }) {
           };
         }), b = {
           sectionId: d ?? "",
-          total: p,
-          correct: g,
-          rate: p > 0 ? Math.round(g / p * 100) : 0,
+          total: g,
+          correct: h,
+          rate: g > 0 ? Math.round(h / g * 100) : 0,
           totalScore: w,
           gainedScore: C,
           timeMsTotal: R,
@@ -8646,50 +8646,50 @@ function Hd() {
       const { viewerState: l } = a;
       if (l) {
         l.mode && t.getState().setMode(l.mode);
-        const { ...f } = l;
-        t.setState(f);
+        const { ...p } = l;
+        t.setState(p);
       }
       if (typeof a.globalIndex == "number" && n.getState().progress.setCurrentGlobalRunIndex(a.globalIndex, "playback"), (l == null ? void 0 : l.mode) === "scroll" || !(l != null && l.mode)) {
-        const f = () => {
-          const m = n.getState().progress.getSectionScrollApi();
-          if (!m) return !1;
+        const p = () => {
+          const f = n.getState().progress.getSectionScrollApi();
+          if (!f) return !1;
           if (a.scrollY === 0)
-            m.setScrollTop(0);
-          else if (m.scrollToGIAtOffset) {
+            f.setScrollTop(0);
+          else if (f.scrollToGIAtOffset) {
             const v = a.anchorGI ?? a.globalIndex;
             if (typeof v == "number") {
               const y = a.anchorOffsetRatio ?? 0;
-              m.scrollToGIAtOffset(v, y);
+              f.scrollToGIAtOffset(v, y);
             }
           }
           return !0;
         };
-        if (!f()) {
-          let m = 0;
+        if (!p()) {
+          let f = 0;
           const v = setInterval(() => {
-            (f() || ++m >= 10) && clearInterval(v);
+            (p() || ++f >= 10) && clearInterval(v);
           }, 50);
         }
       }
       a.audio && o && o.getState()._setStatusOnly(a.audio.status);
-      const h = n.getState().progress;
-      a.range ? h.setRange(a.range.startGI, a.range.endGI) : h.clearRange(), a.translate && a.translate.isOpen ? h.setTranslateState({
+      const m = n.getState().progress;
+      a.range ? m.setRange(a.range.startGI, a.range.endGI) : m.clearRange(), a.translate && a.translate.isOpen ? m.setTranslateState({
         isOpen: !0,
         isLoading: a.translate.isLoading,
         text: a.translate.text,
         translatedText: a.translate.translatedText,
         startGI: a.translate.startGI,
         endGI: a.translate.endGI
-      }) : h.clearTranslate();
+      }) : m.clearTranslate();
     },
     [t, n, o]
   ), s = ne(() => {
     var R, O, b, S;
-    const a = t.getState(), l = n.getState().progress, d = (R = l.getSectionScrollApi) == null ? void 0 : R.call(l), h = l.currentGlobalRunIndex ?? 0, f = ((O = d == null ? void 0 : d.getScrollTop) == null ? void 0 : O.call(d)) ?? 0, m = ((b = d == null ? void 0 : d.getAnchorOffsetRatio) == null ? void 0 : b.call(d, h)) ?? 0, v = o == null ? void 0 : o.getState(), y = v ? {
+    const a = t.getState(), l = n.getState().progress, d = (R = l.getSectionScrollApi) == null ? void 0 : R.call(l), m = l.currentGlobalRunIndex ?? 0, p = ((O = d == null ? void 0 : d.getScrollTop) == null ? void 0 : O.call(d)) ?? 0, f = ((b = d == null ? void 0 : d.getAnchorOffsetRatio) == null ? void 0 : b.call(d, m)) ?? 0, v = o == null ? void 0 : o.getState(), y = v ? {
       status: v.status,
       currentClip: v.currentClip,
       currentTimeMs: v.currentTimeMs
-    } : void 0, { rangeStartGI: c, rangeEndGI: p } = l, g = c != null && p != null ? { startGI: c, endGI: p, text: l.getRangeText() } : null, w = ((S = d == null ? void 0 : d.getScrollRatio) == null ? void 0 : S.call(d)) ?? 0, C = l.translateOpen ? {
+    } : void 0, { rangeStartGI: c, rangeEndGI: g } = l, h = c != null && g != null ? { startGI: c, endGI: g, text: l.getRangeText() } : null, w = ((S = d == null ? void 0 : d.getScrollRatio) == null ? void 0 : S.call(d)) ?? 0, C = l.translateOpen ? {
       isOpen: !0,
       isLoading: l.translateLoading,
       text: l.translateText,
@@ -8720,18 +8720,18 @@ function Hd() {
         viewportWidth: a.viewportWidth,
         viewportHeight: a.viewportHeight
       },
-      globalIndex: h,
-      scrollY: f,
+      globalIndex: m,
+      scrollY: p,
       scrollRatio: w,
-      anchorGI: h,
-      anchorOffsetRatio: m,
+      anchorGI: m,
+      anchorOffsetRatio: f,
       currentPage: l.pageIndex ?? 0,
       totalPages: l.totalPages,
       sectionId: l.sectionId ?? "",
       viewportWidth: a.viewportWidth,
       viewportHeight: a.viewportHeight,
       audio: y,
-      range: g,
+      range: h,
       translate: C
     };
   }, [t, n, o]), u = ne(
@@ -8744,13 +8744,13 @@ function Hd() {
         }
         case "scroll": {
           if (t.getState().mode === "page") break;
-          const { scrollTop: d, anchorGI: h, anchorOffsetRatio: f } = a.payload, m = n.getState().progress.getSectionScrollApi();
-          m && (d === 0 ? m.setScrollTop(0) : m.scrollToGIAtOffset && typeof h == "number" && m.scrollToGIAtOffset(h, f));
+          const { scrollTop: d, anchorGI: m, anchorOffsetRatio: p } = a.payload, f = n.getState().progress.getSectionScrollApi();
+          f && (d === 0 ? f.setScrollTop(0) : f.scrollToGIAtOffset && typeof m == "number" && f.scrollToGIAtOffset(m, p));
           break;
         }
         case "settings_change": {
-          const { key: l, value: d } = a.payload, h = t.getState();
-          l in h && typeof h[l] != "function" && t.setState({ [l]: d });
+          const { key: l, value: d } = a.payload, m = t.getState();
+          l in m && typeof m[l] != "function" && t.setState({ [l]: d });
           break;
         }
         case "mode_change": {
@@ -8783,9 +8783,9 @@ function Hd() {
         case "range_change": {
           const { startGI: l, endGI: d } = a.payload;
           console.log(`[DirectPlayback] ${a.type}: GI ${l}~${d}`), n.getState().progress.setRange(l, d);
-          const h = n.getState().progress;
+          const m = n.getState().progress;
           console.log(
-            `[DirectPlayback] after setRange: rangeStartGI=${h.rangeStartGI}, rangeEndGI=${h.rangeEndGI}`
+            `[DirectPlayback] after setRange: rangeStartGI=${m.rangeStartGI}, rangeEndGI=${m.rangeEndGI}`
           );
           break;
         }
@@ -8795,8 +8795,8 @@ function Hd() {
         }
         // 번역 이벤트: 재생 시 store에 상태 반영
         case "translate_request": {
-          const { text: l, startGI: d, endGI: h } = a.payload;
-          n.getState().progress.setTranslateState({ isOpen: !0, isLoading: !0, text: l, startGI: d, endGI: h });
+          const { text: l, startGI: d, endGI: m } = a.payload;
+          n.getState().progress.setTranslateState({ isOpen: !0, isLoading: !0, text: l, startGI: d, endGI: m });
           break;
         }
         case "translate_loading_start": {
@@ -8834,8 +8834,8 @@ function Hd() {
         l();
         return;
       }
-      const d = n.subscribe((h) => {
-        h.progress.sectionLoading || (d(), l());
+      const d = n.subscribe((m) => {
+        m.progress.sectionLoading || (d(), l());
       });
     })
   }, e.getState().isPlaybackMode && (e.getState().setDispatchHandler(u), e.getState().setApplySnapshotHandler(i)), () => {
@@ -8873,14 +8873,14 @@ function Fd({
   return fe(() => {
     const d = e.current;
     if (!d) return;
-    let h, f;
-    return h = requestAnimationFrame(() => {
-      f = requestAnimationFrame(() => {
-        const m = Nd(d);
-        l.setState({ wordAvgDistancePx: m });
+    let m, p;
+    return m = requestAnimationFrame(() => {
+      p = requestAnimationFrame(() => {
+        const f = Nd(d);
+        l.setState({ wordAvgDistancePx: f });
       });
     }), () => {
-      cancelAnimationFrame(h), cancelAnimationFrame(f);
+      cancelAnimationFrame(m), cancelAnimationFrame(p);
     };
   }, [
     e,
@@ -8899,57 +8899,57 @@ const Wd = ({
   containerRef: e,
   onTranslate: t
 }) => {
-  const n = j((f) => f.rangeStartGI), r = j((f) => f.rangeEndGI), o = j((f) => f.getRangeText), i = j((f) => f.clearRange), s = It(), u = n != null && r != null, [a, l] = pt(null);
+  const n = j((p) => p.rangeStartGI), r = j((p) => p.rangeEndGI), o = j((p) => p.getRangeText), i = j((p) => p.clearRange), s = It(), u = n != null && r != null, [a, l] = pt(null);
   fe(() => {
     if (!u) return;
-    const f = e.current;
-    if (!f) return;
-    let m = !0;
+    const p = e.current;
+    if (!p) return;
+    let f = !0;
     const v = new ResizeObserver(() => {
-      if (m) {
-        m = !1;
+      if (f) {
+        f = !1;
         return;
       }
       i();
     });
-    return v.observe(f), () => v.disconnect();
+    return v.observe(p), () => v.disconnect();
   }, [u, i, e]), fe(() => {
     if (!u || n == null || r == null) {
       l(null);
       return;
     }
-    const f = () => {
+    const p = () => {
       const v = e.current;
       if (!v) return;
-      const y = v.getBoundingClientRect(), p = 1 / (s.getState().playbackScale || 1), g = v.querySelector(`[data-g="${r}"]`);
-      if (!g) {
-        l({ x: y.width * p / 2, y: 80 });
+      const y = v.getBoundingClientRect(), g = 1 / (s.getState().playbackScale || 1), h = v.querySelector(`[data-g="${r}"]`);
+      if (!h) {
+        l({ x: y.width * g / 2, y: 80 });
         return;
       }
-      const w = g.getBoundingClientRect(), C = v.querySelector(`[data-g="${n}"]`), R = C == null ? void 0 : C.getBoundingClientRect();
-      let O = (w.left + w.width / 2 - y.left) * p;
-      R && (O = ((R.left + w.right) / 2 - y.left) * p);
-      const b = 160, S = 50, k = 16, T = 12, M = y.width * p, P = Math.max(
+      const w = h.getBoundingClientRect(), C = v.querySelector(`[data-g="${n}"]`), R = C == null ? void 0 : C.getBoundingClientRect();
+      let O = (w.left + w.width / 2 - y.left) * g;
+      R && (O = ((R.left + w.right) / 2 - y.left) * g);
+      const b = 160, S = 50, k = 16, T = 12, M = y.width * g, P = Math.max(
         k + b / 2,
         Math.min(O, M - k - b / 2)
-      ), I = (((R == null ? void 0 : R.top) ?? w.top) - y.top) * p - S - T;
+      ), I = (((R == null ? void 0 : R.top) ?? w.top) - y.top) * g - S - T;
       let _ = I;
-      I < k && (_ = (w.bottom - y.top) * p + T), l({ x: P, y: _ });
+      I < k && (_ = (w.bottom - y.top) * g + T), l({ x: P, y: _ });
     };
-    f();
-    const m = e.current;
-    return m && m.addEventListener("scroll", f, !0), () => {
-      m && m.removeEventListener("scroll", f, !0);
+    p();
+    const f = e.current;
+    return f && f.addEventListener("scroll", p, !0), () => {
+      f && f.removeEventListener("scroll", p, !0);
     };
   }, [u, n, r, e, s]);
   const d = ne(() => {
-    const f = o();
-    f && navigator.clipboard.writeText(f).catch((m) => {
-      console.error("복사 실패:", m);
+    const p = o();
+    p && navigator.clipboard.writeText(p).catch((f) => {
+      console.error("복사 실패:", f);
     }), i();
-  }, [o, i]), h = ne(() => {
-    const f = o();
-    f && t && t(f);
+  }, [o, i]), m = ne(() => {
+    const p = o();
+    p && t && t(p);
   }, [o, t]);
   return !u || !a ? null : /* @__PURE__ */ ee(
     "div",
@@ -8990,7 +8990,7 @@ const Wd = ({
         /* @__PURE__ */ x(
           "button",
           {
-            onClick: h,
+            onClick: m,
             style: {
               padding: "8px 16px",
               backgroundColor: "#10b981",
@@ -9021,8 +9021,8 @@ function Dd() {
         if (s.closest("[data-g]")) {
           const a = (u = s.closest("[data-g]")) == null ? void 0 : u.getAttribute("data-g");
           if (a) {
-            const l = parseInt(a, 10), d = Math.min(e, t), h = Math.max(e, t);
-            if (l >= d && l <= h)
+            const l = parseInt(a, 10), d = Math.min(e, t), m = Math.max(e, t);
+            if (l >= d && l <= m)
               return;
           }
         }
@@ -9193,15 +9193,15 @@ function Qd({
   onQuizComplete: a,
   quizRetryAllowed: l,
   previousQuizResult: d,
-  onViewerEvent: h,
-  viewerRef: f,
-  gazeSync: m,
+  onViewerEvent: m,
+  viewerRef: p,
+  gazeSync: f,
   onRequestTranslate: v,
   isPlaybackMode: y = !1,
   playbackScale: c,
-  isDev: p = !1
+  isDev: g = !1
 }) {
-  const g = String((e == null ? void 0 : e.section_id) ?? "0"), w = me(() => {
+  const h = String((e == null ? void 0 : e.section_id) ?? "0"), w = me(() => {
     var k, T;
     const b = ((k = e == null ? void 0 : e.ast) == null ? void 0 : k.blocks) ?? [];
     let S = 0;
@@ -9230,18 +9230,18 @@ function Qd({
   return /* @__PURE__ */ x(
     ls,
     {
-      onViewerEvent: h,
+      onViewerEvent: m,
       isPlaybackMode: y,
       playbackScale: c,
-      viewerRef: f,
-      children: /* @__PURE__ */ x(xu, { initialState: { ...t, isDev: p }, children: /* @__PURE__ */ x(
+      viewerRef: p,
+      children: /* @__PURE__ */ x(xu, { initialState: { ...t, isDev: g }, children: /* @__PURE__ */ x(
         yu,
         {
           initialState: R,
-          gazeSync: m,
-          children: /* @__PURE__ */ x(gu, { initialState: O, children: /* @__PURE__ */ x(Gd, { initialState: { section: e, onQuizStart: u, onQuizComplete: a, quizRetryAllowed: l, previousQuizResult: d }, children: /* @__PURE__ */ x(qd, { onRequestTranslate: v }) }, g) }, g)
+          gazeSync: f,
+          children: /* @__PURE__ */ x(gu, { initialState: O, children: /* @__PURE__ */ x(Gd, { initialState: { section: e, onQuizStart: u, onQuizComplete: a, quizRetryAllowed: l, previousQuizResult: d }, children: /* @__PURE__ */ x(qd, { onRequestTranslate: v }) }, h) }, h)
         },
-        g
+        h
       ) })
     }
   );
@@ -9252,17 +9252,17 @@ function qd({
   const t = X((v) => v.mode), n = ie(null), r = It(), o = yt(), i = j((v) => v.translateOpen), s = j((v) => v.translateLoading), u = j((v) => v.translateText), a = j((v) => v.translatedText), l = ie(null), d = ne(
     (v) => {
       var C;
-      const { rangeStartGI: y, rangeEndGI: c } = o.getState().progress, p = y ?? 0, g = c ?? 0;
+      const { rangeStartGI: y, rangeEndGI: c } = o.getState().progress, g = y ?? 0, h = c ?? 0;
       if (r.getState().emit({
         type: "translate_request",
-        payload: { text: v, startGI: p, endGI: g }
+        payload: { text: v, startGI: g, endGI: h }
       }), !e) {
         o.getState().progress.setTranslateState({
           isOpen: !0,
           isLoading: !1,
           text: v,
-          startGI: p,
-          endGI: g
+          startGI: g,
+          endGI: h
         });
         return;
       }
@@ -9270,8 +9270,8 @@ function qd({
         isOpen: !0,
         isLoading: !0,
         text: v,
-        startGI: p,
-        endGI: g
+        startGI: g,
+        endGI: h
       }), (C = l.current) == null || C.abort();
       const w = new AbortController();
       l.current = w, e(v, w.signal).then((R) => {
@@ -9285,8 +9285,8 @@ function qd({
             isLoading: !1,
             text: v,
             translatedText: R,
-            startGI: p,
-            endGI: g
+            startGI: g,
+            endGI: h
           }), r.getState().emit({
             type: "translate_loading_end",
             payload: { originalText: v, translatedText: R }
@@ -9300,13 +9300,13 @@ function qd({
           isLoading: !1,
           text: v,
           translatedText: `[오류] ${O}`,
-          startGI: p,
-          endGI: g
+          startGI: g,
+          endGI: h
         });
       });
     },
     [r, o, e]
-  ), h = ne(() => {
+  ), m = ne(() => {
     var v;
     (v = l.current) == null || v.abort(), l.current = null, o.getState().progress.clearTranslate(), r.getState().emit({
       type: "translate_modal_close",
@@ -9349,7 +9349,7 @@ function qd({
           {
             isOpen: i,
             isLoading: s,
-            onClose: h,
+            onClose: m,
             text: u,
             translatedText: a
           }