#root{width:100vw;height:100vh}body{margin:0}.chapter-nav{z-index:10;-webkit-user-select:none;user-select:none;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;animation:1.1s cubic-bezier(.16,1,.3,1) .3s both chapter-nav-in;position:fixed;bottom:clamp(20px,4.5vh,52px);left:50%;transform:translate(-50%)}@keyframes chapter-nav-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.chapter-nav__track{-webkit-backdrop-filter:blur(18px)saturate(150%);background:#12161c42;border:1px solid #ffffff29;border-radius:999px;padding:6px;display:flex;position:relative;box-shadow:0 12px 40px #00000047,inset 0 1px #ffffff24}.chapter-nav__indicator{will-change:transform;background:#fffffff0;border-radius:999px;width:calc(25% - 3px);height:calc(100% - 12px);transition:transform .8s cubic-bezier(.16,1,.3,1);position:absolute;top:6px;left:6px;box-shadow:0 6px 22px #0003}.chapter-nav__item{z-index:1;cursor:pointer;color:#ffffffb8;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:center;gap:9px;min-width:104px;padding:13px 24px;transition:color .55s;display:flex;position:relative}.chapter-nav__item:hover{color:#fffffff5}.chapter-nav__item.is-active{color:#15191f}.chapter-nav__item:focus-visible{outline:none}.chapter-nav__index{font-variant-numeric:tabular-nums;letter-spacing:.1em;opacity:.55;font-size:10.5px;transition:opacity .55s}.chapter-nav__item.is-active .chapter-nav__index{opacity:.85}.chapter-nav__label{letter-spacing:.18em;text-transform:uppercase;font-size:12.5px;font-weight:500}@media (width<=540px){.chapter-nav__item{gap:6px;min-width:0;padding:12px 14px}.chapter-nav__index{display:none}.chapter-nav__label{letter-spacing:.12em;font-size:11px}}